@charset "utf-8";
body { font-family:Dotum, 돋움, Gulim, 굴림 Trebuchet MS, Helvetica, AppleSDGothicNeo, sans-serif; font-size:81.25%; line-height:1.1em; color:#808080; }

/* Layout */
#wrapper { width:100%; min-width:1020px; }

/* Container */
#container_member { width:100%; height:auto; background:url('/images/customer/bg_customer.jpg') repeat-y center 0; }
#container { width:1020px; margin:0 auto; font-family:dotum, Trebuchet MS; font-size:13px; }
#container:after { clear:both; content:""; display:block; height:0; visibility:hidden; }

/* Side_nav */
nav.side_nav { width:160px; float:left; padding:46px 0 100px 0; }
nav.side_nav p.tit { height:23px; padding-bottom:32px; vertical-align:bottom; background:url('/images/common/sidenav_line.png') repeat-x 0 100%; }
nav.side_nav ul.list { padding:16px 0; position:relative; }
nav.side_nav ul.list li { background:url('/images/common/sidenav_line.png') repeat-y 5px 0; }
nav.side_nav ul.list li span.first { display:inline-block; width:11px; height:9px; background-color:#85858c; position:absolute; left:0; top:16px; }
nav.side_nav ul.list li span.last { display:inline-block; width:11px; height:9px; background-color:#85858c; position:absolute; left:0; bottom:16px; }
nav.side_nav ul.list li a { padding-left:19px; font-size:13px; font-weight:bold; line-height:30px; color:#e5e5e5; background:url('/images/customer/sidenav_icon_off.jpg') no-repeat 0 50%;  }
nav.side_nav ul.list li a:active, 
nav.side_nav ul.list li a:hover { font-size:15px; letter-spacing:-1px; color:#000000; background:url('/images/customer/sidenav_icon_on.jpg') no-repeat 0 50%; }
nav.side_nav ul.list li a.on { font-size:15px; letter-spacing:-1px; color:#000000; background:url('/images/customer/sidenav_icon_on.jpg') no-repeat 0 50%; }

/* Section.cont */
section.cont { width:800px; float:right; padding:40px 0 50px 0; }
section.cont .cont_depth { margin-top:20px; }

/* Title */
section.cont div.tit_wrap { height:30px; padding-bottom:30px; }
section.cont div.tit_wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.cont div.tit_wrap h1.tit { width:50%; float:left; }
section.cont div.tit_wrap h1.tit img { vertical-align:bottom; }
section.cont div.tit_wrap p.path { width:50%; float:right; padding-top:18px; text-align:right; font-size:12px; }
section.cont div.tit_wrap p.path a { color:#808080; } 
section.cont div.tit_wrap p.path a:active, 
section.cont div.tit_wrap p.path a:hover { text-decoration:underline; }
section.cont h2.tit { padding:30px 0 15px 0; }
section.cont h2.first { padding-top:0; }

/* Wrap */
section.cont div.btn_wrap { padding-top:20px; text-align:center; }
section.cont div.wrap_float { width:800px; } 
section.cont div.wrap_float:after { clear:both; content:""; display:block; height:0; visibility:hidden; }

/* a */
section.cont a.customer:link,
section.cont a.customer:visited { color:#808080; }
section.cont a.customer:active,
section.cont a.customer:hover { color:#808080; text-decoration:underline; }

/* Custome_comment */
div.customer_comment { padding-bottom:20px; }
div.customer_comment p.tit { font-size:14px; font-weight:bold; padding-bottom:8px; }
div.customer_comment span { line-height:18px; }
section.wrap_basic { padding:15px 0; border-top:2px solid #192233; border-bottom:1px solid #e2e1e6; background-color:#f0f0f2; }
section.wrap_basic:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
section.customer_comment_etc { background-color:#f0f0f2; }
section.customer_comment_etc div.text { line-height:20px;  }
section.customer_comment_etc div.text strong { font-weight:normal; }
section.customer_comment_etc div.question { padding:30px; background:url('/images/customer/img_icon_question.jpg') no-repeat 96% 50%; }
section.customer_comment_etc div.inquire_basic { padding:30px; background:url('/images/customer/img_icon_inquire.jpg') no-repeat 90% 50%; }
section.customer_comment_etc div.inquire_etc { padding:30px; background:url('/images/customer/img_icon_inquire_etc.jpg') no-repeat 90% 50%; }
section.customer_comment_etc div.inquire_tel { padding:30px; background:url('/images/customer/img_icon_inquire_tel.jpg') no-repeat 96% 50%; }

ul.freepass_img { width:760px; margin:0 auto; }
ul.freepass_img li { float:left; padding:5px; }
ul.software_img { width:660px; margin:0 auto; }
ul.software_img li { width:90px; float:left; padding:10px; }
ul.software_img li div.text { padding-top:10px; text-align:center; line-height:18px;  }
ul.software_img li a { font-size:12px; color:#808080; }

/* 고객지원 */
div.qna_wrap { width:800px; padding-bottom:20px; }
div.qna_wrap:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
div.qna_wrap section.qna_basic { width:390px; float:left; }
div.qna_wrap section.qna_customer { width:390px; float:right; }
div.qna_wrap ul.list_qna { border-top:2px solid #192233; }
div.qna_wrap ul.list_qna li { border-bottom:1px solid #e2e1e6; }
div.qna_wrap ul.list_qna li.last { border-bottom:1px solid #192233; }
div.qna_wrap ul.list_qna li a.btn { display:inline-block; width:390px; background:url('/images/customer/icon_arrow_down.gif') no-repeat 370px 50%; }
div.qna_wrap ul.list_qna li a.on { background:url('/images/customer/icon_arrow_up.gif') no-repeat 370px 50%; }
div.qna_wrap ul.list_qna li a span { display:block; padding:10px 40px 11px 10px; color:#666666; line-height:18px; }
div.qna_wrap ul.list_qna li div.answer { padding:10px; background-color:#f0f0f2; border-top:1px solid #e2e1e6; font-size:12px; color:#999999; line-height:17px; }
div.qna_wrap ul.list_qna li div.answer a { display:inline !important; background:none; color:#999999; text-decoration:underline; }
div.qna_wrap ul.list_qna li div.answer strong { font-weight:bold; }

/* 문의사항 */
section.inquire_basic { width:380px; float:left; }
section.inquire_etc { width:380px; float:right; }
section.inquire_tel { clear:both; }

