@charset "utf-8";
/* CSS Document */



.cs_top {width:1020px;text-align:center;letter-spacing:-0.5px;margin-bottom:60px;} /* 100%로 바꿔서 올리기 */
.cs_top.top_bg {background:url(../img/customer_img/customer_top.jpg) 0px -40px no-repeat;padding:60px 0;}
.cs_top h3 {font-size:24px;color:#fff;font-weight:500;padding-bottom:10px;}
.cs_top h3 > span {font-size:16px;color:#000;font-weight:bold;display:inline-block;margin-bottom:8px;}
.cs_top > p {font-size:13px;color:#000}

.cs_wrap {width:1000px; display:block; overflow:hidden; position:absolute; left:200px; top:75px}
.ncs_wrap {width:1000px; display:block; overflow:hidden;padding-left: 200px;    padding-top: 50px; position:relative}
.cs_wrap .cs_inner{width:100%;position: relative;display:inline-block;}
.cs_wrap .dv_info {text-align: left;color:#333333;font-size:14px; display:block; margin-top:10px; overflow: hidden; border-bottom:1px solid #eee; padding-bottom:20px;}
.cs_wrap .dv_info h4 {font-size:16px;}
.cs_wrap .dv_info h4 a {font-size:11px;line-height:10px;color:#666666;float:right;border:1px solid #e1e1e1;font-weight:400;padding:4px 6px;border-radius:3px;}
.cs_wrap .dv_info h4 a:before {content:"";width:14px; height:12px;background:url(../img/customer_img/customer_icons.png) -46px -3px no-repeat;vertical-align: middle;display:inline-block}
.cs_wrap .dv_info .info_right, .cs_wrap .dv_info .info_left {float:left;margin-left: 35px; Width: 45%;}
.cs_wrap .dv_info .tx_line {color:#2183db;text-decoration:underline;}
.cs_wrap .dv_info .info_right strong, .cs_wrap .dv_info .info_left strong{display:inline-block;color:#2183db;font-size:38px;font-weight:500;padding:10px 0;}
.dv_info:after {clear: both;content: "";display: inline-block;}

.tech_btn a {display: block;text-decoration: none;width: 180px;height: 40px;line-height: 40px;text-align: center;color: #fff;cursor: pointer;font-size: 14px;background: #0066FF;margin: 10px 0 10px 0;border-radius: 8px;}

.tech_btn a:hover {background: #000000;}
.cs_wrap span.mail:before {content:"";display:inline-block;width:20px;height:18px;background:url(../img/customer_img/customer_icons.png) 0 -1px no-repeat;vertical-align: middle;}
.cs_wrap span.fax:before {content:"";display:inline-block;width:20px;height:18px;background:url(../img/customer_img/customer_icons.png) -22px 0px no-repeat;vertical-align: middle;margin-left:10px;}
	
.faq_area {margin-top:30px;margin-bottom:30px;width:100%;text-align: center;display:inline-block;padding: 30px 0;}
.faq_area h4 {display: inline;font-size:28px;padding-right:10px;font-weight: 500;vertical-align: middle; color:#FFF}
table.cs_faqlist {border:0px;} 
table.cs_faqlist > tbody > tr > td {text-align:left !important;}
table.cs_faqlist {text-align:left;}
table.cs_faqlist tbody tr.hide {display: none;}
table.cs_faqlist tbody tr.open {display: table-row;}
table.cs_faqlist .number {background:url(../customer_img/cs_faq_icon_q.gif) 16px no-repeat;text-indent: -9999px;}
ul.cs {margin-top:60px;margin-bottom: 60px;}
.ncs_wrap .bgcolor {background-color:#1a6ece !important;    border-radius: 10px;}


/*고객센터 서비스*/
.service_menu { display:block; clear:both; position:relative; }
.service_menu li { display:inline-block; vertical-align:top; font-size:16px; font-weight:650;; text-align:center}
.service_menu li a{ display:block; clear:both; width:159px; height:30px;padding-top:120px; text-decoration:none;color:#333}
.service_menu li a:hover {color:#1a6ece;}

.service_menu .line { background:url(../img/customer_img/service_line.gif) repeat-y; width:4px;height: 130px; margin-top:20px}
.service_menu .mneu01,.service_menu .mneu02,.service_menu .mneu03, .service_menu .mneu04 ,.service_menu .mneu05, .service_menu .mneu06      { width:159px; text-align:center; letter-spacing:-1px; }
.service_menu .mneu01  { background:url(../img/customer_img/service_icon.png) no-repeat 27px 0px;  }
.service_menu .mneu02  { background:url(../img/customer_img/service_icon.png) no-repeat -155px 0px;  }
.service_menu .mneu03  { background:url(../img/customer_img/service_icon.png) no-repeat -320px 0px;  }
.service_menu .mneu04  { background:url(../img/customer_img/service_icon.png) no-repeat -480px 0px;  }
.service_menu .mneu05  { background:url(../img/customer_img/service_icon.png) no-repeat -670px 0px;  }
.service_menu .mneu06  { background:url(../img/customer_img/service_icon.png) no-repeat -830px 0px;  }


/*검색폼*/
.faq_area  .searchform { height: 44px; display:inline-block;  border-radius: 5px;}
.faq_area .faq_sear{ line-height: 44px;display: inline-block;  width: 382px;  height: 44px; border-radius: 5px; padding-left:10px; font-size:15px}
.faq_area .btn_sch {font-size: 14px;  display: inline-block; width: 63px;  height: 44px; text-align: center;color: #fff;background-color: #444; border-radius: 5px;}
.faq_area .faq_text { margin-top:10px; font-size:13px; display:block; color:#FFFFFF}
 :-ms-fullscreen, :root .faq_area .btn_sch {font-size: 14px;  display: inline-block; width: 64px;  height: 40px; text-align: center;color: #fff;background-color: #444; border:0;}
 

 
/*고객센터 단계*/
.faq_select ul {list-style: none;padding:0;display:inline-block;width:100%; }
.faq_select ul li {float:left;font-size:13px;font-weight: 400;width:14.2%;text-align: center;display: inline-block;background: #ffffff;border-right:0;box-sizing: border-box;cursor: pointer;overflow: hidden;position: relative;height:135px;padding-top:80px;border-bottom:1px solid #333;letter-spacing: -0.5px;color:#464646;}
.faq_select ul li a { font-weight:600; text-decoration:none}
.faq_select ul li p { font-weight:600; color:blue;  }

/*고객센터 클릭시 내용*/
.faq_select_area {clear:both;padding-top:15px; position:relative}
.faq_select_area  ul {    border-bottom: 1px solid #e5e5e5;list-style: none;padding:0;display:inline-block;width:100%; position:relative;}
.faq_select_area  .ccs_cont { background:url(../img/customer_img/cs_faq_icon_q.gif) no-repeat left; font-size:16px;    padding: 10px 0px 10px 30px; line-height:20px;}
.faq_select_area  .css_list { background:url(../img/customer_img/cs_faq_icon_a.gif) no-repeat left top; font-size:14px;    padding: 0 0px 10px 30px; margin-top:10px; list-style:17px;}
.faq_select_area .ccs_sp_ico {position: absolute;top:20px;  right: 20px;  margin-top: -5px; background: url(../img/customer_img/sp_ccs_ico.png) no-repeat;display: block; width: 16px; height: 9px;}
.faq_select_area .cc_sp_up {background-position: -18px 0;}


.faq_select .faq_s1{ background:url(../images/common/cs_tab_icon.png) no-repeat 0px -12px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;border-top-left-radius: 20px;
border-bottom-left-radius: 20px;border-left:1px solid #d9d9d9;}
.faq_select .faq_s2{ background:url(../images/common/cs_tab_icon.png) no-repeat 4px -132px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.faq_select .faq_s3{ background:url(../images/common/cs_tab_icon.png) no-repeat 0 -248px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.faq_select .faq_s4{ background:url(../images/common/cs_tab_icon.png) no-repeat 4px -368px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.faq_select .faq_s5{ background:url(../images/common/cs_tab_icon.png) no-repeat 4px -490px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.faq_select .faq_s6{ background:url(../images/common/cs_tab_icon.png) no-repeat 4px -605px;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.faq_select .faq_s7{ background:url(../images/common/cs_tab_icon.png) no-repeat 4px -720px;border-top-right-radius: 20px;
border-bottom-right-radius: 20px;  border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}

.faq_select .faq_s1.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -12px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;border-bottom-left-radius:0 !important;}
.faq_select .faq_s2.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -132px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;}
.faq_select .faq_s3.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -248px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;}
.faq_select .faq_s4.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -368px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;}
.faq_select .faq_s5.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -490px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;}
.faq_select .faq_s6.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -605px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;}
.faq_select .faq_s7.on{ background:url(../images/common/cs_tab_icon.png) no-repeat -180px -720px ;border-bottom:1px solid #FFF; border-left:2px solid #333;border-right:2px solid #333;border-top:2px solid #333;border-bottom-right-radius: 0; }



 
.bbslist_wrap .cslist{ border:0px !important;}
.fleft .cslist .document_list ul {width:100%;padding:10px;}
.fleft .cslist .document_list ul li {float:left;font-size: 12px;background: none !important;text-align: center;padding: 0 7px;width: 20%;}
.fleft .cslist .document_list ul li dl dd {margin:0 !important; display: inline-block;padding:6px 0;letter-spacing: -0.5px;}
.doc_list01 {display: inline-block;width:40px;height:40px;background: url(../img/customer_img/customer_icons.png) 7px -250px no-repeat;text-indent: -9999px;}
.doc_list02 {display: inline-block;width:40px;height:40px;background: url(../img/customer_img/customer_icons.png) -80px -250px no-repeat;text-indent: -9999px;}
.doc_list03 {display: inline-block;width:40px;height:40px;background: url(../img/customer_img/customer_icons.png) 7px -250px no-repeat;text-indent: -9999px;}
.doc_list04 {display: inline-block;width:40px;height:40px;background: url(../img/customer_img/customer_icons.png) -80px -250px no-repeat;text-indent: -9999px;}


/*고객센터_메뉴*/
.cs_side_list {width: 170px; border: 1px solid #e5e5e5;border-radius: 8px; background: #fff;}
.cs_side_list h3 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 0 7px;
    color: #000000;letter-spacing:-0.5px;
}
.cs_side_list > ul {
    padding: 5px 5px 20px 5px;
    font-size: 14px; 
    border-bottom: 1px solid #e1e1e1;
    width: 155px;
    margin: auto; letter-spacing:-0.5px;
}

.cs_side_list ul > li {
    letter-spacing: -0.2px;
    line-height: 25px;
    width: 100%;
}
/* 탭별 선언 : Add by jgi on 20180820 */
ul.cateNone { display: none; }
.faq_select_area {font-weight:bold}

/*왼쪽메뉴*/
.arch_line {   text-align:left; padding:8px 0;  }
.arch_line01 { border-top:1px #c6c6c6 dotted; text-align:center; padding:8px 0 12px 0; margin-top:3px ;text-align:left;border-bottom:1px solid #363636 ;}

/*디바안내*/
.dev_guide {border-bottom:1px dotted #c6c6c6 ; margin-bottom:8px; padding-bottom:5px }
.dev_guide  .mail_icon {letter-spacing:0.5px; background:url(../img/customer_img/cs_icon_mail.gif) no-repeat left; padding-left:22px; display:block;line-height: 20px;}
.dev_guide  .icon_call {letter-spacing:0.5px; background:url(../img/customer_img/cs_icon_call.gif) no-repeat left; padding-left:22px; display:block;line-height: 20px;}
.dev_guide01 {   }
.dev_guide01  .mail_icon {letter-spacing:0.5px; background:url(../img/customer_img/cs_icon_mail.gif) no-repeat left; padding-left:22px; display:block;line-height: 20px;}
.dev_guide01  .icon_call {letter-spacing:0.5px; background:url(../img/customer_img/cs_icon_call.gif) no-repeat left; padding-left:22px; display:block;line-height: 20px;}


.onh3 {background:#fff; color:#226ec9; cursor:pointer}


/**서브 공지사항*/
.cs_top_board {width: 1018px;     border-top: 2px solid #4a5370; display:block; overflow:hidden; margin-bottom:20px; border-bottom: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;}
/*.top_bg_board {background: url(../img/customer_img/customer_top.jpg) 0px -40px no-repeat;padding: 60px 0;}*/

.cs_top_board h3 > span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 8px;
}

.cs_wrap_board { width:290px; float:right;padding-right:20px }
.cs_wrap_board .cs_inner{width:100%;position: relative;display:inline-block;}
.cs_wrap_board .dv_info {text-align: left;color:#333333;font-size:12px;}
.cs_wrap_board .dv_info h4 {font-size:14px;}
.cs_wrap_board .dv_info h4 a {font-size:11px;line-height:10px;color:#666666;float:right;border:1px solid #e1e1e1;font-weight:400;padding:4px 6px;border-radius:3px;}
.cs_wrap_board .dv_info h4 a:before {content:"";width:14px; height:12px;background:url(../img/customer_img/customer_icons.png) -46px -3px no-repeat;vertical-align: middle;display:inline-block}
.cs_wrap_board .dv_info .info_right, .cs_wrap_board .dv_info .info_left { width:290px; margin-top:10px; padding-bottom:10px}
.cs_wrap_board .dv_info .info_right {border-bottom:1px dotted #CCCCCC; }
.cs_wrap_board .dv_info .info_left {    }
.cs_wrap_board .dv_info .tx_line {color:#2183db;text-decoration: none;}
.cs_wrap_board .dv_info .info_right strong, .cs_wrap_board .dv_info .info_left strong{display:inline-block;color:#226ec9;font-size:20px;font-weight:500;padding:5px 0;      font-family: 'Roboto-Regular',sans-serif;}
.dv_info:after {clear: both;content: "";display: inline-block;}
.cs_wrap_board span.mail:before {content:"";display:inline-block;width:20px;height:18px;background:url(../img/customer_img/customer_icons.png) 0 -1px no-repeat;vertical-align: middle;}
.cs_wrap_board span.fax:before {content:"";display:inline-block;width:20px;height:18px;background:url(../img/customer_img/customer_icons.png) -22px 0px no-repeat;vertical-align: middle;margin-left:10px;}



.cs_top_board_title { width:680px; float:left; background: url(../img/customer_img/customer_top.jpg) -150px -70px no-repeat; height:237px; text-align:center} 
 .cs_top_board_title h3 {font-size:24px;color:#fff;font-weight:500;padding-bottom:10px; margin-top:50px}
.cs_top_board_title h3 > span {font-size:16px;color:#000;font-weight:bold;display:inline-block;margin-bottom:8px;}
.cs_top_board_title > p {font-size:13px;color:#000}

.h3_wrap_notice {    clear: both;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;}
	
.h3_wrap_notice > h3 {
    position: relative;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
}	

.h3_wrap_notice > h3:after {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 2px;
    background: #000;
}
.category_depth { margin-top:0}
/*상단 추가 20230508*/
#layout_config {    position: relative; min-height:1253px}
.csw_wrap {
    width:1200px; position:absolute; left:0;
    border-radius: 8px;background: rgba(0, 0, 0, 0.04);
}
.csw_wrap .ttl_h2 {padding: 12px 35px 12px 165px;
    background: none;
    line-height: normal;
    font-size: 27px;
    font-weight: 700;
    color: #0b0b0b;    font-family: 'Core Sans C','Noto Sans KR','Malgun Gothic','맑은 고딕','Dotum','돋움',sans-serif; text-align:center
}


.cs_sinner{  border: 1px solid #e1e1e1;
    border-radius: 20px 20px 20px 0;
    padding: 10px 15px; margin-top:30px;
    box-sizing: border-box;
    align-items: flex-start;
    flex-direction: column; position:relative
}
.cs_sinner strong{display:inline-block;color:#0066FF;font-size:23px;font-weight:500;padding:10px 0;     font-family: "Spoqa-Regular", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Arial, sans-serif;}
.cs_sinner .title {font-size:23px;font-weight:700; padding-right:10px}
.cs_sinner .title_sb {font-size:22px;font-weight:500;letter-spacing: -0.5px;padding-right:20px}
.tech_warp { position:relative;margin-top: -10px;}
.tech_text { font-size:14px; color:#FF0000;position: absolute; left: 190px; top:3px;letter-spacing: -0.8px;font-weight: bold;}
.tech_cont { font-size:13px; overflow:hidden}
.tech_cont .cont_left { float:left}
.tech_cont .padd_30 { padding-right:30px}
.tech_cont  .point { font-size:13px; font-weight:bold; color:#000000; padding-bottom:3px;    padding-right: 0;}
.cs_sinner .cs_rightinfo { position:absolute; right:20px; top:30px; font-size:13px}
.cs_sinner .cs_line{ position:absolute; background:#ececec; width:1px; height:145px; top:15px; right:360px}
.cs_sinner  .mail,.cs_sinner   .fax{ font-size:16px}
.cs_sinner .cs_rightinfo p { padding-bottom:5px}

 
.cs_sinner  h4 a {font-size:13px;line-height:10px;color:#666666; border:1px solid #e1e1e1;font-weight:400;padding:4px 6px;border-radius:3px; text-decoration:none}
.cs_sinner h4 a:before {content:"";width:14px; height:12px;background:url(../img/customer_img/customer_icons.png) -46px -3px no-repeat;vertical-align: middle;display:inline-block}
.guro_warp { border-top:1px dotted #e6e6e6; display:block; clear:both;margin-top: 15px; position:relative;padding: 15px 0 5px;}
.guro_warp .cs_linee_b{ position:absolute; background:#d1d1d1; width:1px; height:105px; top:10px; left:327px}
.guro_warp .cs_linee{ position:absolute; background:#ececec; width:1px; height:100px; top:15px; right:345px}
.guro_warp .cs_rightguro {position:absolute; right:4px; top:13px; font-size:13px}

.cs_makerS_noti {font-size: 13px;letter-spacing: -1.2px;color: #FF0000;font-weight: bold;}


/*고객센터 서비스신규*/
.nservice_menu { display:block; clear:both; position:relative; border-radius: 8px; border:1px solid #ececec; margin-top:20px }
.nservice_menu li { display:inline-block; vertical-align:top; font-size:16px; font-weight:650;; text-align:center}
.nservice_menu li a{ display:block; clear:both; width:155px; height:35px;padding-top:70px; text-decoration:none;color:#333; letter-spacing:-0.5px}
.nservice_menu li a:hover {color:#0066FF;}

.nservice_menu .line { background:url(../img/customer_img/service_line.gif) repeat-y; width:4px;height: 78px; margin-top:20px}
.nservice_menu .mneu01,.service_menu .mneu02,.service_menu .mneu03, .service_menu .mneu04 ,.service_menu .mneu05, .service_menu .mneu06      { width:155px; text-align:center; letter-spacing:-1px; }
.nservice_menu .mneu01  { background:url(../img/customer_img/nservice_icon.png) no-repeat  20px 12px;  }
.nservice_menu .mneu02  { background:url(../img/customer_img/nservice_icon.png) no-repeat -145px 12px;  }
.nservice_menu .mneu03  { background:url(../img/customer_img/nservice_icon.png) no-repeat -320px 12px;  }
.nservice_menu .mneu04  { background:url(../img/customer_img/nservice_icon.png) no-repeat -480px 12px;  }
.nservice_menu .mneu05  { background:url(../img/customer_img/nservice_icon.png) no-repeat -650px 12px;  }
.nservice_menu .mneu06  { background:url(../img/customer_img/nservice_icon.png) no-repeat -815px 12px;  }


.bbslist_wrap .bbslist li { font-size:14px;}
#layout_config_body { width:1000px !important; margin-left:15px;}
 
.cs_rightinfo span.mail:before, .cs_rightguro span.mail:before{content:"";display:inline-block;width:20px;height:18px;background:url(../img/customer_img/customer_icons.png) 0 1px no-repeat;vertical-align: middle;}
.cs_rightinfo  span.fax:before, .cs_rightguro  span.fax:before{content:"";display:inline-block;width:20px;height:18px;background:url(../img/customer_img/customer_icons.png) -22px 0px no-repeat;vertical-align: middle;margin-left:10px;}