@charset "utf-8";
/* CSS Document */
/*!
	* Written by: 2014.09.15
	* 최현원 damboys@nate.com
	* 전하현 froggggy@naver.com
*/


/*!
 * CLASS : page_customer
 * 고객지원
 * 고객응대 절차
**/
.page_customer .section_title{background-color:#e6712b;}
.page_customer .tit_customer {font-size:28px; color:#373737;font-weight:700;line-height:35px;text-align:center;clear:both}

/* section_step */
.page_customer .section_step {max-width:1080px; margin:36px auto 70px; height:250px; }
.page_customer .section_step.center_width {max-width:1080px; margin:40px auto 70px;}
.page_customer .section_step div,
.page_customer .section_step p {float:left;}
.page_customer .section_step .stepflow {text-align:center; width:220px; height:250px; background-repeat:no-repeat; background-position:center 0;}
.page_customer .section_step .step1 {background-image:url(../../images/customer/bg_step1v2_off.gif);}
.page_customer .section_step .step2 {background-image:url(../../images/customer/bg_step2v2_off.gif);}
.page_customer .section_step .step3 {background-image:url(../../images/customer/bg_step3v2_off.gif);}
.page_customer .section_step .step4 {background-image:url(../../images/customer/bg_step4v2_off.gif);}
.page_customer .section_step .step_arrow {width:66px;text-align:center;padding-top:110px;height:183px;}
.page_customer .section_step .step_tit{font-size:20px; font-weight:700; color:#373737;line-height:26px;margin:133px 0 15px; display:block}
.page_customer .section_step .step_desc{font-size:14px; font-weight:500; color:#666;line-height:20px; display:block}

.page_customer .section_step a {display: inline-block;width:220px;height:250px; background: url(../../images/customer/bg_step1v2_off.gif) no-repeat center 0;text-align:center;}
.page_customer .section_step a:hover span,
.page_customer .section_step a:active span,
.page_customer .section_step a:focus span{ color:#fff;}

.page_customer .section_step a:hover .step_desc,
.page_customer .section_step a:active .step_desc,
.page_customer .section_step a:focus .step_desc { display:block}

.page_customer .section_step a.step1:hover,
.page_customer .section_step a.step1:active,
.page_customer .section_step a.step1:focus {background-image:url(../../images/customer/bg_step1_on.gif)}

.page_customer .section_step a.step2:hover,
.page_customer .section_step a.step2:active,
.page_customer .section_step a.step2:focus {background-image:url(../../images/customer/bg_step2_on.gif)}

.page_customer .section_step a.step3:hover,
.page_customer .section_step a.step3:active,
.page_customer .section_step a.step3:focus {background-image:url(../../images/customer/bg_step3_on.gif)}

.page_customer .section_step a.step4:hover,
.page_customer .section_step a.step4:active,
.page_customer .section_step a.step4:focus {background-image:url(../../images/customer/bg_step4_on.gif)}


/* step_tbl */
.page_customer .bg_step_tbl {background:#f0f4f7; padding:65px 0 70px 0;}
.page_customer .bg_step_tbl .tit_customer {margin-bottom:35px;}
.page_customer .step_tbl{max-width:1080px; margin:0 auto; border-top:3px solid #131313; background:#fff;}
.page_customer .step_tbl.tabs_tbl {margin-top:40px }
.page_customer .step_tbl th {border-bottom:1px solid #131313;font-size:20px; color:#373737;line-height:22px;padding:19px 0 18px;text-align:center;}
.page_customer .step_tbl td {border-bottom:1px solid #dbdbdb;color:#777777; font-size:15px;padding:20px 20px;}
.page_customer .step_tbl td.bor_left {border-left:1px solid #dbdbdb;}
.page_customer table {width:100%;}
.page_customer td li {font-size:15px; line-height:24px; color:#777777;}
.page_customer td li span {background: url(../../images/customer/bg_step_tbl_number.gif) no-repeat 0 0; width:19px; height:19px; display:inline-block; *display:inline; *zoom:1; color:#fefefe; text-align:center;line-height:19px;margin-right:3px;}
.page_customer .step_tbl td:first-child {background-color:#e9e9e9;text-align:center;vertical-align:middle;}
.page_customer .step_tbl th.row {background-color:#e9e9e9;text-align:center;vertical-align:middle;border-bottom:1px solid #dbdbdb;color:#777777; font-size:15px;padding:20px 20px;text-align:left;}
.page_customer .step_tbl .bold_th {font-size:18px;line-height:24px;font-weight:700;color:#373737;}
.page_customer .step_tbl .th {font-size:15px;color:#777777;line-height:24px;}

.step_tbl .email1 {width:30% !important;}
.step_tbl .email2 {width:30% !important;}
.step_tbl .email3 {width:25% !important;}
.step_tbl .addr_width {width:68% !important;}

.step_tbl .select_radio span{padding-top:6px}

/*!
 * CLASS : page_customer
 * 고객지원
 * 자주 묻는 질문
**/
.page_customer #local_contents.center_w100 {margin:77px auto;}
.page_customer .tit_ask {font-size:45px;color:#373737;line-height:47px;margin-bottom:35px;text-align:center;}
/* search_ask : 검색영역 */
.page_customer .search_ask { margin:0 auto 70px;width:630px; height:48px; background-color:#fff;}
.page_customer .search_ask.faq {background-color:#efefef;}
.page_customer .search_ask span{float:left; display:inline-block; *display:inline; *zoom:1}
.page_customer .search_ask span {background:#efefef;background: url(../../images/common/bu_search.gif) no-repeat 20px 12px;padding-left:44px;}
.page_customer .search_ask input {height:18px; padding:15px 10px; border:0; width:460px; background: transparent; font-size:15px; line-height:18px;}
.page_customer .search_ask .btn {font-size:24px; line-height:16px; float:right;padding:17px 28px 15px ;background-color:#ed6f00;color:#fff;display:inline-block; *display:inline; *zoom:1;}


/* bg_wonder_prod : 제품군 navigation */
.page_customer .bg_wonder_prod {background:#f0f4f7;padding-top:65px;height:445px;margin-bottom:70px;}
.page_customer .wonder_grid {max-width:1080px; margin:0 auto;}
.page_customer .tit_wonder {font-size:28px;font-weight:700;color:#373737;line-height:30px;text-align:center;margin-bottom:52px;}
.page_customer .tit_askto {margin-bottom:13px; font-size:28px;font-weight:700;color:#373737;line-height:30px;text-align:center;}
.page_customer .ask_time{margin-bottom:45px; font-size:20px;font-weight:700;color:#666;line-height:30px;text-align:center;}
.page_customer .ask_time em {color:#009fe3;font-weight:700;}
.page_customer .prod_navi {float:left;text-align:center; height:317px;width:14%;}
.page_customer .prod_navi p {margin-bottom:28px;}
.page_customer .prod_navi p a { display:block; height:100%; *height:auto;}
.page_customer .prod_navi p .img_on{ display:none}
.page_customer .prod_navi p a:hover .img_on,
.page_customer .prod_navi p a:active .img_on,
.page_customer .prod_navi p a:focus .img_on,
.page_customer .prod_navi p.on .img_on{ display:inline}
.page_customer .prod_navi p a:hover .img_off,
.page_customer .prod_navi p a:active .img_off,
.page_customer .prod_navi p a:focus .img_off,
.page_customer .prod_navi p.on .img_off{ display:none}
.page_customer .prod_navi p span { display:block}
.page_customer .prod_navi p .bg_img {height:88px; }
.page_customer .prod_navi p .bg_main {height:88px; width:auto;}
.page_customer .prod_navi p .section {color:#838f97;font-size:15px;padding-top:11px;}
.page_customer .prod_navi p a:hover .section,
.page_customer .prod_navi p a:active .section,
.page_customer .prod_navi p a:focus .section,
.page_customer .prod_navi p.on .section  {color:#e6712b;font-weight:bold;}

.page_customer .prod_navi:nth-child(1),
.page_customer .prod_navi:nth-child(7) {width:15%;}
.page_customer .prod_navi>div {margin-bottom:28px;}
.page_customer .prod_navi>div a { display:block; height:100%; *height:auto;}
.page_customer .prod_navi>div .img_on{ display:none}
.page_customer .prod_navi>div a:hover .img_on,
.page_customer .prod_navi>div a:active .img_on,
.page_customer .prod_navi>div a:focus .img_on,
.page_customer .prod_navi.on>div .img_on{ display:inline}
.page_customer .prod_navi>div a:hover .img_off,
.page_customer .prod_navi>div a:active .img_off,
.page_customer .prod_navi>div a:focus .img_off,
.page_customer .prod_navi.on>div .img_off{ display:none}
.page_customer .prod_navi>div span { display:block}
.page_customer .prod_navi>div .bg_img {height:77px; }
.page_customer .prod_navi>div .bg_main {height:88px; width:auto;}
.page_customer .prod_navi>div .section {color:#838f97;font-size:15px;padding-top:11px;}
.page_customer .prod_navi>div a:hover .section,
.page_customer .prod_navi>div a:active .section,
.page_customer .prod_navi>div a:focus .section,
.page_customer .prod_navi.on>div .section  {color:#e6712b;font-weight:bold;}

.page_customer .prod_navi li {margin:0 20px 3px;text-align:center;}
.page_customer .prod_navi li a{color:#666; display:inline-block;*display:inline; *zoom:1; padding:5px 0; width:100%;}
.page_customer .prod_navi li a:hover,
.page_customer .prod_navi li a:active,
.page_customer .prod_navi li a:focus,
.page_customer .prod_navi li.on a{background-color:#e6712b;color:#fff; text-decoration:none;}

/* customer_main.html */
.page_customer #often_ask .prod_navi {width:16%;}
.page_customer #often_ask .prod_navi:nth-child(1),
.page_customer #often_ask .prod_navi:nth-child(7) {width:18%;}

/* qa_box : 아코디언 메뉴 */
.page_customer .qa_box {clear:both; border-top:3px solid #333333; max-width:1080px; margin:0 auto; padding-bottom:70px;}
.page_customer .qa_box>div {position:relative; cursor:pointer}
.page_customer .qa_box>div span {font-size:20px;font-weight:700; line-height:22px; position:absolute; left:30px; top:21px}
/* Q : 질문 */
.page_customer .qa_box .type_q {border-bottom:1px solid #dbdbdb;padding:25px 50px 24px 77px;}
.page_customer .qa_box .type_q span{color:#aaa;}
.page_customer .qa_box .type_q p{font-size:18px;color:#777; line-height:20px;}
.page_customer .qa_box .type_q a {display:inline-block; height:100%; *height:auto;}
.page_customer .qa_box .type_q a:hover,
.page_customer .qa_box .type_q a:active,
.page_customer .qa_box .type_q a:focus {display:inline-block}
.page_customer .qa_box .type_q.ui-state-active span,
.page_customer .qa_box .type_q.ui-state-hover span,
.page_customer .qa_box .type_q.ui-state-focus span{color:#e6712b;}
.page_customer .qa_box .type_q.ui-state-active p,
.page_customer .qa_box .type_q.ui-state-hover p,
.page_customer .qa_box .type_q.ui-state-focus p{color:#e6712b;}
/* A : 답변 */
.page_customer .qa_box .type_a {background-color:#f4f4f4; padding: 20px 50px 18px 77px;margin-top:-1px; }
.page_customer .qa_box .type_a span {color:#333; }
.page_customer .qa_box .type_a p{font-size:15px;color:#666; line-height:28px;}



/*!
 * CLASS : page_customer
 * 고객지원
 * 정보형 컨텐츠
**/
.page_customer .tit_infocont {font-size:45px; line-height:60px;color:#373737;text-align:center;margin-bottom:65px;}
.page_customer .tit_infocont span {display:block;}

/* info_contents_box : 아코디언 메뉴 */
.info_contents_box {clear:both; border-top:3px solid #333333;padding-bottom:30px;}
.info_contents_box>div {position:relative; cursor:pointer}
.info_contents_box .list_num {font-size:24px;font-weight:700; line-height:26px; position:absolute; left:19px; top:23px; color:#e6712b;}
.info_contents_box .ui-icon { position:absolute; right:20px; top:28px; background: url(../../images/common/btn_info_off.gif) no-repeat 0 0;width:17px;height:17px; text-indent:-9999px; font-size:0;line-height:0;}
.info_contents_box .ui-icon.close {background: url(../../images/customer/btn_info_on.gif) no-repeat 0 0;}


/* type_tit : 타이틀 */
.info_contents_box .type_tit {border-bottom:1px solid #dbdbdb;padding:23px 50px 23px 70px;}
.info_contents_box .type_tit p{font-size:24px;color:#373737; line-height:26p;}
/* type_desc : 내용 */
.info_contents_box .type_desc {background-color:#f4f4f4; padding:40px 90px;margin-top:-1px; border-bottom:1px solid #dbdbdb;}
.info_contents_box .type_desc > a { display:block; }
.info_contents_box .type_desc .btn_pdf {margin-top:20px;}

.info_contents_box .left_side {float:left; width:50%;}
.info_contents_box .right_side {float:right; width:50%;}

.info_contents_box .ebook_wrap {height:505px;}
.info_contents_box .ebook_wrap .right_side .right_padding {padding:60px 10px 0 63px;}
.info_contents_box .ebook_wrap .right_side .tit {font-size:36px; font-weight:700; line-height:28px; color:#373737;margin-bottom:38px;}
.info_contents_box .ebook_wrap .right_side li {font-size:15px;color:#666;margin-bottom:17px;}
.info_contents_box .storytelling {height:362px;}
.info_contents_box .storytelling .wrap_padding {padding-left:48px; overflow:auto; height:362px;}
.info_contents_box .storytelling .wrap_padding .script {display:block; font-size:14px; color:#777;line-height:24px;}
.info_contents_box .storytelling .left_side a { position:relative; display:block; height:100%;}
.info_contents_box .storytelling .left_side .btn_play {position:absolute;left:199px; top:138px}

.my_bidet:after { display:block; clear:both; content:""}
.my_bidet .area_video {float:left; max-width:560px}
.my_bidet .area_desc {float:right; height:325px; overflow:auto; max-width:312px; width:100%;}
.info_contents2 {padding:50px 0 100px 0; background:#f0f4f7;}
.info_contents2 .info_menu{display: flex;height: 52px;margin: 0 auto 13px;justify-content: center;}
.info_contents2 .info_menu li.info_menu_all a{padding: 15px 20px;}
.info_contents2 .info_menu li a{padding: 15px 30px;font-size: 22px; color: #666;display: inline-block; height: 100%; line-height: 22px;box-sizing: border-box;}
.info_contents2 .info_menu a:hover,
.info_contents2 .info_menu a.on{color: #E6712B;font-weight: 700; border-bottom: 2px solid #E6712B;}
.info_contents2 .infoBox {max-width:1168px; margin:0 auto; width:100%; overflow:hidden;}
.info_contents2 .nfWrap {width:88%; margin:0 auto; overflow:hidden;}
.info_contents2 .nfItem {position:relative; float:left; width:22%; height:245px; margin:2% 0 0 1%; padding:1% 1% 1.5% 1%; background:#fff;}
.info_contents2 .pic img {width:100%;}
.info_contents2 .txt {margin:8px 0; text-align:center; font-size:15px; font-weight:700;}
.info_contents2 .txt span {color:#777777; font-size:13px; font-weight:normal;}
.info_contents2 .bnt_more {position:absolute; left:0; bottom:5%; width:100%; text-align:center;}
.info_contents2 .bnt_more a {display: inline-block;}

#nfPopup {position:absolute; left:0; right:0; top:0; width:100%; padding-bottom:15%;z-index:500; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:none}
#nfPopup .popupWrap {position:relative; max-width:900px; width:100%; margin:220px auto 0 auto; display:none; background:#fff;}
#nfPopup .popupWrap.on { display:block;}
#nfPopup p.tit {height:40px; padding:20px 0 0 19px; background:#3b3b3b; color:#fff; font-size:20px; font-weight:700;}
#nfPopup .infoItem {padding:34px 22px 36px 22px;}
#nfPopup .infoItem .insect {width:100%; overflow:hidden;}
#nfPopup .infoItem .insect .mov {float:left; width:55%; height:350px;}
#nfPopup .infoItem .insect .txt {float:right; width:43%; height:350px; overflow:auto;}
#nfPopup .infoItem .bidet {}
#nfPopup p.bntClose {position:absolute; right:0; top:0;}
#nfPopup p.bntClose a {display:block; height:60px;}
#nfPopup p.bntClose a img {height:100%;}


/*!
 * CLASS : page_customer
 * 고객지원
 * 메인
**/

/* 상단 검색 */
.customer_main_serch {background-color:#f3f3f3; height:310px; position:relative; padding-top:97px; margin-bottom:65px;}
.customer_main_serch .tit_srch {line-height:76px;text-align:center;color:#000;font-size:65px;}
.customer_main_serch .srch1{font-size:45px; line-height:60px; font-weight:700; margin-bottom:7px;}
.customer_main_serch .srch2{font-size:45px; line-height:40px; margin-bottom:39px;}
.customer_main_serch .search_ask {position:relative;}
.customer_main_serch .ex {font-size:13px;color:#000; position:absolute; left:21px; bottom:-34px}

/* 문의접수 - main_ask */
.page_customer .bg_wonder_prod.main_ask {overflow:hidden; background:#f3f3f3; margin:0; height:auto; padding:65px 0 75px;}
.page_customer .main_ask .tit_wonder {margin-bottom:47px;}


/* width값 수정 */
.page_customer .main_ask .prod_navi {height:185px;width:25%;}


.page_customer .main_ask .bg_img {height:85px; display:inline-block; *display:inline; *zoom:1}
.page_customer .main_ask .prod_navi p {margin-bottom:0;}
.page_customer .main_ask .prod_navi p .section {color:#373737;font-size:20px;padding-top:0;line-height:26px;font-weight:700; cursor: default}
.page_customer .main_ask .prod_navi p a:hover .section,
.page_customer .main_ask .prod_navi p a:active .section,
.page_customer .main_ask .prod_navi p a:focus .section,
.page_customer .main_ask .prod_navi p.on .section  {color:#373737;}

.page_customer .main_ask ul{margin-top:9px;}
.page_customer .main_ask .prod_navi li {margin:0;color:#797979;padding:0;font-size:13px;line-height:20px;font-weight:700;}
.page_customer .main_ask .prod_navi li:hover,
.page_customer .main_ask .prod_navi li:active,
.page_customer .main_ask .prod_navi li:focus,
.page_customer .main_ask .prod_navi li.on {background-color:#f3f2f6;}

.page_customer .main_ask .btn_area2 p a {background:none;padding-top:23px;}

/* 자주 묻는 질문 - type_main */
.page_customer .bg_wonder_prod.type_main {background:#fff; margin:0; padding-top:70px; height:auto; min-height:1000px;}
.page_customer .type_main .prod_navi_wrap { position:relative;  }
/* .page_customer .type_main .prod_navi_wrap:after { position:relative; content:""; display:block} */
.page_customer .type_main .prod_navi {border-color:#fff; }
.page_customer .type_main .prod_navi>div .section {color:#8f8f8f}
.page_customer .type_main .prod_navi>div a:hover .section,
.page_customer .type_main .prod_navi>div a:active .section,
.page_customer .type_main .prod_navi>div a:focus .section,
.page_customer .type_main .prod_navi.on>div .section  {color:#e6712b;}
.page_customer .type_main .prod_navi .qa_box  { position:absolute; left:0; top:153px; width:100%; text-align:left; display:none}
.page_customer .type_main .prod_navi>div a:hover.qa_box  { display:block}
.page_customer .type_main .prod_navi.on .qa_box  { display:block}

/* Q&A - type_main */
.page_customer .qa_box.type_main .type_q.ui-state-active p,
.page_customer .qa_box.type_main .type_q.ui-state-hover p,
.page_customer .qa_box.type_main .type_q.ui-state-focus p{font-weight:700;}
.page_customer .qa_box.type_main p {margin-bottom:0;}

/* 문의접수 tab 텍스트 */
.inquiry_step p {font-size:18px; color:#333; margin-bottom:13px;}
.inquiry_step p span {color:#ed6f00}
.inquiry_step p.txt_s {font-size:15px;}
.inquiry_step p.type2{margin-top:30px; color: #000; text-align: center; font-size: 32px; font-weight: 500; line-height: 140%;}

/* 문의접수 cs */
.cs-info{display: flex; justify-content: center; padding: 30px 0; margin: 50px 0 70px; background: #F9F9F9;}
.cs-info .tel{padding-left: 57px; background: url('../../images/customer/ico_cs.svg') left center / auto 45px no-repeat; color: #002756; font-size: 24px; font-weight: 600; line-height: 45px;}
.cs-info .tel strong{color: #002756; font-size: 30px; font-weight: 600; line-height: 140%;}
.cs-info .time{margin-left: 24px; color: #333; font-size: 16px; font-weight: 500; line-height: 45px;}




/*!
 * CLASS : iraineesArea, woorinanumtvArea, educationArea
 * 고객지원
 * 소비자교육
**/
/* 교육인원 */
.iraineesArea {text-align:center; margin-bottom:58px;}
.iraineesArea p.bigNum {display:inline-block; zoom:1; *display:inline; margin:-5px 0 14px; text-align:center; font-size:55px; line-height:59px; color:#373737; font-weight:bold; }
.iraineesArea p.minTxt {margin-bottom:35px; font-size:13px; line-height:15px;  color:#e6712b;}
.iraineesArea p.txtBox {text-align:center; font-size:15px; line-height:30px; color:#666; letter-spacing:-1px;}



/* 우리나눔TV */
.woorinanumtvArea { background:url("../../images/customer/bg_woorinanumtv.jpg")  center top; }
.woorinanumtvArea .contItem {overflow:hidden; position:relative; max-width:1080px; padding:70px 0 70px 0; margin:0 auto; }
.woorinanumtvArea .contItem p.woorinanumtv {position:absolute; left:0; top:0; margin:85px 0 0 90px;}
.woorinanumtvArea .contItem dl {margin-left:540px; color:#fff;}
.woorinanumtvArea .contItem dl dt {font-weight:bold; margin-bottom:10px; font-size:24px; line-height:27px;}
.woorinanumtvArea .contItem dl dd {font-size:15px; line-height:30px; }
.woorinanumtvArea .contItem .btn_area {margin:30px 0 0 0;}


.educationArea {text-align:center; padding:67px 0 10px;background-color:#f7f7f7;}
.educationArea .eduItem {overflow:hidden; max-width:1080px;  margin:0 auto 52px ;}
.educationArea .eduItem .pl0 {padding-left:0 !important;}
.educationArea .eduItem dl {float:left; width:50%;}
.educationArea .eduItem dl dt {padding-left:15px; font-size:28px; line-height:30px; font-weight:bold; margin-bottom:37px;}
.educationArea .eduItem dl dd {min-height:250px; padding:0 30px;font-size:15px; line-height:30px; color:#666666; margin-bottom:20px;}
.educationArea .eduItem dl dd.bottomBtn {padding:0; text-align:center; height:auto; min-height:auto; margin-bottom:0;}
.educationArea p.txtBox { width:100%; text-align:center; font-size:20px; line-height:30px; color:#e6712b;}

.educationArea .eduItem dl dd span{display:block;padding-bottom:5px;font-size:20px;color:#ed6f00;}
.educationArea .eduItem dl .content{padding-top:55px;}
.educationArea .eduItem dl .content span{padding-top:5px;}

/*!
 * CLASS : ccmArea
 * 고객지원
 * 소비자중심경영(CCM)
**/
/* 공동 */
.ccmArea {text-align:center;}
.ccmArea p.basic {font-size:36px; line-height:40px; color:#000; }
.ccmArea p.tabTit {font-size:28px; line-height:28px; color:#000; font-weight:700; margin-bottom:37px;}
.ccmArea h4.tabTit {font-size:28px; line-height:28px; color:#000; font-weight:700; margin-bottom:37px;text-align:center;}
.ccmArea p.min {font-size:13px; color:#666; margin-bottom:40px; }
.ccmArea p.txt {font-size:15px; margin-bottom:7px; line-height:28px; color:#666;}
.ccmArea .contBox {overflow:hidden; position:relative; max-width:1080px; margin:0 auto;}

.contItemA { max-width:1080px; margin:0 auto; padding-bottom:57px; text-align:center; }

.contItemA p.min {margin-bottom:33px; }
.contItemA p.tabTit {margin-bottom:10px;}
.contItemA p.ccmGraph {margin-bottom:48px;}
/* 주석처리된 그레프
.contItemA ul {margin-bottom:40px;}
.contItemA ul:after{display:block;clear:both;height:0;content:''}
.contItemA ul li {float:left; vertical-align:middle;}
.contItemA ul li.mt {margin-top:125px;}
.contItemA ul li.arrow {width:15px; height:472px; margin:0 30px; background:url('../../images/customer/icon_chatstep_arrow.png') no-repeat 0px 50%;}
*/

.contItemB, .contItemC, .contItemD {padding-top:67px; position:relative;}
.contItemB { padding:67px 0 62px 0; background:#f0f4f7;}
.contItemB .contBox p.ccmLogo {position:absolute; left:110px; top:20px;}
.contItemB .contBox dl {margin-left:548px; text-align:left;}
.contItemB .contBox dl dt {font-size:20px; line-height:30px; margin-bottom:22px;}
.contItemB .contBox dl dd {font-size:15px; line-height:30px; color:#666;}

.contItemC p.tabTit {margin-bottom:40px;}
.contItemC h4.tabTit {margin-bottom:40px;}


.contItemD .contBox dl {float:left; width:50%; display:inline-block; zoom:1; *display:inline; }
.contItemD .contBox dl dt {margin-bottom:71px;}
.contItemD .contBox dl dd {font-size:15px; line-height:30px; color:#666;}
.contItemD .contBox dl dd p {margin-bottom:15px;}


/* 신규 슬라이드  */
.ccm_slider_num {position:absolute; top:204px; width:90px; left:50%; margin-left: -45px; z-index:1000; text-align:center;}


.ccm_slid_wrap {text-align:center; position:relative}
.ccm_slid_wrap .circle_big {background: url(../../images/customer/bg_m_circle.gif) no-repeat 0 0; width:571px;height:345px; display:none; padding-top:226px; text-align:center; position:relative}
.ccm_slid_wrap .circle_big .number { position:absolute; left:50%; top:70px; margin-left:-45px;}
.ccm_slid_wrap .circle_big .tit {font-size:24px; color:#fff; font-weight:700; line-height:26px;margin-bottom:20px; display:block; }
.ccm_slid_wrap .circle_big .desc {font-size:15px; line-height:30px; color:#fff;}
.ccm_slid_wrap>a {top:50%;margin-top:-25px;text-indent: -9999px;z-index: 1;position: absolute;}
.ccm_slid_wrap .circle_big.on {display:inline-block;}
.ccm_slid_wrap .btn_prev{background: url('../../images/talent/btn_bxslide.png') no-repeat 0 0;width: 26px;height: 49px;left: 28%}
.ccm_slid_wrap .btn_next{background: url('../../images/talent/btn_bxslide.png') no-repeat -36px 0;width: 26px;height: 49px;right: 28%}

.ccm_slid_wrap .circle_s { position:absolute; top:50%; margin-top:-94px}
.ccm_slid_wrap .circle_s.left {left:13%;}
.ccm_slid_wrap .circle_s.right {right:13%;}
.ccm_slid_wrap .circle_s span { display:none}
.ccm_slid_wrap .circle_s span.on { display:block}





/* 230518 카카오톡채널 추가 */
#chat-banner{
	position: fixed;
	right: 1.66666667rem;
	bottom: 1.66666667rem;
	right: 60px;
	bottom: 60px;
	width: 2.25rem;
	height: 2.25rem;
	z-index: 20;
	transition: bottom 0.3s;
	transition-timing-function: ease-out;
}

#chat-banner.foot{
	bottom: 300px;
}







/*!
 * CLASS : ccmArea
 * 고객지원
 * 문의접수
**/

.step_tbl {}
.step_tbl .mb0 {margin-bottom:0 !important;}
.step_tbl .btn_area {margin:70px 0 100px;}
.step_tbl table td p.txt {font-size:13px; color:#666; margin-bottom:17px;}
.step_tbl table td p.inputInfo {color:#e6712b; font-size:13px; margin-top:8px;}
.step_tbl table td .iconTip {padding-left:15px; background:url('../../images/customer/icon_tip.png') no-repeat 0 center;}

.step_tbl table td textarea {resize:none; }
.step_tbl table td input[type=radio] {margin-top:-2px; border:1px; solid #999; background:#fff;}
.step_tbl table td input[type=text] {font-size:12px; width:500px; height:28px;  border:1px solid #ccc; font-weight:400; font-family: nanum gothic, nanumgothic, 나눔고딕, 돋움, Dotum, AppleSDGothicNeo, AppleGothic, Droid Sans;}
.step_tbl table td select {font-size:12px; height:30px;  border:1px solid #ccc;}

.step_tbl table th span.star {color:#e6712b;}
.step_tbl table td span.star {color:#e6712b;}
.step_tbl th.row label {text-align:left; font-size:15px; line-height:24px; font-weight:700; color:#333;}
.step_tbl td:first-child label {text-align:left; font-size:15px; line-height:24px; font-weight:700; color:#333;}

.step_tbl table td .radioListA,
.step_tbl table td .radioListB {/* display:inline-block; zoom:1; *display:inline; */}
.step_tbl table td .radioListA span label {margin-bottom:0; font-weight:300; }
.step_tbl table td .radioListA span,
.step_tbl table td .radioListB span {float:left; margin:0 30px 7px 0;  font-size:15px; color:#666;}

.step_tbl table td .radioListA .tit {display:inline-block; zoom:1; *display:inline; color:#000; font-weight:700;}

.step_tbl .radioListB { /* display: inline-block; *display:inline; *zoom:1 */}
.step_tbl table td .radioListB span label {margin-bottom:0; font-weight:300; }
.step_tbl table td .radioListB .tit {display:inline-block; zoom:1; *display:inline; color:#000; font-weight:700;}

.step_tbl table td input[type=fileName] {width:215px; height:26px; border:1px solid #ccc; margin-bottom:7px;}

.step_tbl table td .btnAdder {background:url('../../images/customer/btn_adder.gif') no-repeat 0 0;}
.step_tbl table td .btnfile {background:url('../../images/customer/btn_file.gif') no-repeat 0 0;}
.step_tbl table td input[type=button] {width:116px; height:30px; border:0; cursor: pointer; margin:0 0 7px -10px; }
.step_tbl .fileUp {background: url(../../images/common/ico_file.gif) no-repeat 0 3px;  padding-left:21px; display:inline-block; *display:inline; *zoom:1}
.step_tbl .btn_tbl { position:relative; top:1px;}
.privacyTxtBox {width:98%; height:305px; padding:10px; margin-top:1px; margin-bottom:18px; border:1px solid #ccc; overflow:auto; position:relative}
.privacyTxtBox dl dt {font-weight:700; margin-bottom:10px; color:#242424;}
.privacyTxtBox dl dd {line-height:23px; margin-bottom:30px; color:#666666;}
.privacyTxtBox dl dd b {font-size:17px;font-weight: 700;line-height: 22px;}
.privacyTxtBox.box2 {height:185px;}
.privacyTxtBox:focus {border:2px solid #a5c6fc;}

/* 210806 추가 Start */
.privacyTxtBox.box2 dl dd{margin-bottom:10px;}
.privacyTxtBox.box2 dl dd:nth-of-type(3){margin-bottom:30px;}
.process_info thead{width:100%;}
.process_info thead tr td{width:20%;padding:11px 0 !important;border-bottom:none !important;border-right:1px solid #ccc;font-size:13px !important;text-align:center;background-color:#eee !important;}
.process_info thead tr td:last-child{border-right:none;}
.process_info tbody tr td{padding:15px 10px !important;border-right:1px solid #ccc;border-bottom:1px solid #ccc !important;font-size:13px !important;line-height:1.54;word-break:break-all;letter-spacing:-0.5px;background-color:transparent !important;}
.process_info tbody tr td:first-child{text-align:left !important;vertical-align:top !important;}
.process_info tbody tr td:last-child{border-right:none;}
/* 210806 추가 End */


@media screen and (max-width:1580px){
	/* ccm */
	.ccm_slid_wrap .circle_s.left {left:8%;}
	.ccm_slid_wrap .circle_s.right {right:8%;}
	.ccm_slid_wrap .btn_prev{left: 25%}
	.ccm_slid_wrap .btn_next{right: 25%}

}
@media screen and (max-width:1280px){
	.page_customer .section_step.center_width {margin:40px auto 70px; padding:0 12px;}

	.educationArea {padding:67px 12px 95px;}
	.educationArea .eduItem dl dd {padding:0 30px; font-size:15px; line-height:30px; color:#666666; margin-bottom:20px;}
	.page_customer .bg_step_tbl { padding:65px 12px 70px 12px;}

	.page_customer .section_step div {width:18%;height:250px;}
	.page_customer .section_step .step_arrow {width:9%;}
	.educationArea .eduItem dl dd.bottomBtn {height: auto;margin-bottom: 0;}

	/* ccm */
	.ccm_slid_wrap .circle_s.left {left:5%;}
	.ccm_slid_wrap .circle_s.right {right:5%;}
	.ccm_slid_wrap .btn_prev{left: 22%}
	.ccm_slid_wrap .btn_next{right: 22%}
}

@media screen and (max-width:1210px){
	/* ccm */
	.ccm_slid_wrap .circle_s.left { display:none}
	.ccm_slid_wrap .circle_s.right {display:none}
	.ccm_slid_wrap .btn_prev{left: 10%}
	.ccm_slid_wrap .btn_next{right: 10%}
}

@media screen and (max-width:1110px){
	/* 정보컨텐츠 */
	.my_bidet .area_desc {height:325px; width:220px;}

}

@media screen and (max-width:1023px){

	/* ccm */
	.ccm_slid_wrap .btn_prev{left: 5%}
	.ccm_slid_wrap .btn_next{right: 5%}

	/* 정보컨텐츠 */
	.my_bidet .area_video {float:none; margin:0 auto 10px;}
	.my_bidet .area_desc {float:none; height:57px;width:560px; margin:0 auto;max-width:560px; }
	.educationArea .eduItem dl dt {margin-bottom:20px;}
	.educationArea .eduItem dl dd {height:260px;font-size:14px; line-height:29px; padding:0 15px ;}

}