@charset "utf-8";
/* ----------------------------------------------------------
	# 한화손해보험 대표홈페이지 2017 리뉴얼
	# 공통컨텐츠 CSS
---------------------------------------------------------- */
/* 디스플레이 설정 */
.hidden, .hd {position:absolute !important;overflow:hidden !important;left:-9999px !important;text-indent:-9999em;}
.none {display:none;}
.hide {visibility:hidden;}

/* 색상, 사이즈 */
.txt_c1 {color:#d24600 !important;}
.txt_c2 {color:#e20000 !important;}
.txt_small {font-size:12px;color:#555;}

.txt_point {font-family:'Myriad Pro' !important;}

/* 색상, 사이즈 2018.08.08 추가*/
.txt_c3 {color:#111 !important;}
.fs14 {font-size:14px;}/* 2023.01.25 : 사이즈 추가 */
.fs15 {font-size:15px;}/* 2023.01.25 : 사이즈 추가 */
.fs16 {font-size:16px;}/* 2023.01.25 : 사이즈 추가 */

/* 정렬 */
.center {text-align:center !important;}
.right {text-align:right !important;}

/* ---------------------------------------------------------
	CONTENT 공통 : 타이틀 및 텍스트/문구
--------------------------------------------------------- */
/* 타이틀타입1 */
.tit_type1 {position:relative;display:block;margin:47px 0;text-align:center;}
.tit_type1:not(div), .tit_type1 > h2, .tit_type1 > h3, .tit_type1 > h4 {display:inline-block;font-size:22px;line-height:30px;margin:-2px 0 0;font-weight:bold;color:#d24600;vertical-align:middle;}
.tit_type1:not(div) {display:block;}
div.tit_type1 .sub {vertical-align:middle;}

/* 표준동의서(마케팅동의) 안심등급 */
.tit_sub1.step{width:100%;height:66px;line-height:90px;}
.tit_sub1.step > span{display:inline-block;float:right;}
.tit_sub1.step > span > img{width:730px;height:66px;vertical-align:bottom;}

/* 서브타이틀1 */
.tit_sub1 {position:relative;display:block;margin:56px 0 12px;}
.tit_sub1:not(div), .tit_sub1 > h2, .tit_sub1 > h3, .tit_sub1 > h4 {display:inline-block;font-size:22px;line-height:28px;font-weight:bold;color:#111;}
.tit_sub1:not(div) {display:block;}
h2.tit_sub1 > span:not(.data), h3.tit_sub1 > span:not(.data), h4.tit_sub1 > span:not(.data),
.tit_sub1 > h2 > span:not(.data), .tit_sub1 > h3 > span:not(.data), .tit_sub1 > h4 > span:not(.data) {font-weight:normal;font-size:16px;color:#d24600;}
p.tit_sub1 > span {font-weight:normal;font-size:16px;}
div.tit_sub1 > p {margin:10px 0 0;font-size:14px;}
div.tit_sub1 .info {display:inline-block;margin:0 0 0 2px;}
div.tit_sub1 .sub {position:absolute;right:0;bottom:0;text-align:right;}
div.tit_sub1 .sub.top30 {top:30px;bottom:none;}
div.tit_sub1 .sub.btn_com {bottom:-17px;}
.tit_sub1 + p {margin-top:-2px;}

.tit_sub1.small > h2, .tit_sub1.small > h3, .tit_sub1.small > h4 {font-size:20px;color:#d24600;}
.tit_type1 + .tit_sub1, .tit_sub1 + .tit_sub1.small {margin-top:20px;}

.step_info + .tit_sub1 {margin-top:46px;}
.pop_win .tit_sub1 {margin-top:30px;}
.content > .tit_sub1:first-child {margin-top:0;}

/* 서브타이틀2 */
.tit_sub2 {position:relative;display:block;margin:36px 0 12px;}
.tit_sub2:not(div), .tit_sub2 > h2, .tit_sub2 > h3, .tit_sub2 > h4, .tit_sub2 > h5 {display:inline-block;font-size:16px;line-height:22px;font-weight:bold;color:#40352f;}
.tit_sub2:not(div) {display:block;}
div.tit_sub2 > p {margin:10px 0 0;font-size:14px;}
div.tit_sub2 .info {display:inline-block;margin:0 0 0 6px;;font-size:12px;}
div.tit_sub2 .sub {position:absolute;right:0;bottom:0;}

.tit_sub1 + .tit_sub2 {margin-top:22px;}

/* 서브타이틀3 */
.tit_sub3 {position:relative;display:block;margin:20px 0 12px;}
.tit_sub3:not(div), .tit_sub3 > h2, .tit_sub3 > h3, .tit_sub3 > h4, .tit_sub3 > h5 {display:inline-block;font-size:14px;line-height:20px;font-weight:normal;color:#40352f;}
.tit_sub3:not(div) {display:block;}
div.tit_sub3 > p {margin:10px 0 0;font-size:12px;}
div.tit_sub3 .info {display:inline-block;margin:0 0 0 6px;;font-size:12px;}
div.tit_sub3 .sub {position:absolute;right:0;top:3px;margin:0;}

/* ---------------------------------------------------------
	CONTENT 공통 : 특수유형 텍스트
--------------------------------------------------------- */
/* 결과갯수용 */
.txt_cnt {text-align:right;}
.txt_cnt strong {color:#d24600;}
.tit_sub2 .txt_cnt {font-size:12px;font-weight:normal;}
.data_table + .txt_cnt, .board_list + .txt_cnt, .board_qna + .txt_cnt {margin:0 0 -1.857em;}

/* 단위표기용 */
.txt_unit {text-align:right;}

/* 증감률 */
.txt_rate {position:relative;display:inline-block;padding:0 0 0 16px;text-align:left;}
.txt_rate > b {overflow:hidden;position:absolute;left:0;top:0;overflow:hidden;display:inline-block;width:15px;height:1.5em;}
.txt_rate > b:before {width:15px;}
.txt_rate.up {color:#e20000;}
.txt_rate.up> b:before, .txt_rate.up2> b:before {content:'▲';}
.txt_rate.down {color:#00349e;}
.txt_rate.down b:before {content:'▼';}

/* 전화번호강조용 */
.txt_telnum {font-size:24px;color:#111;}

/* 상담센터 */
.txt_counsel {font-weight:bold;}
.txt_counsel span {color:#eb6810;}

/* 폼객체데이터 텍스트표기용 */
.txt_data {display:inline-block;line-height:30px;}
.txt_data + .label_form {margin:0 0 0 20px;}

/* 별점텍스트1 */
.txt_star {overflow:hidden;display:inline-block;position:relative;margin-top:4px;padding:14px 0 0;width:87px;height:0;background:url(../images/com/icon_star.png) no-repeat 0 -14px;}
.txt_star:after {content:'';position:absolute;top:0;left:0;background:url(../images/com/icon_star.png) no-repeat 0 0;}
.txt_star.star1:after {width:17px;height:14px;}
.txt_star.star2:after {width:35px;height:14px;}
.txt_star.star3:after {width:53px;height:14px;}
.txt_star.star4:after {width:71px;height:14px;}
.txt_star.star5:after {width:87px;height:14px;}

/* 별점텍스트2 */
.txt_star2 {overflow:hidden;display:inline-block;position:relative;padding:13px 0 0;width:74px;height:0;background:url(../images/com/icon_star.png) no-repeat 0 -43px;}
.txt_star2:after {content:'';position:absolute;top:0;left:0;background:url(../images/com/icon_star.png) no-repeat 0 -28px;}
.txt_star2.star1:after {width:14px;height:13px;}
.txt_star2.star1_5:after {width:22px;height:13px;}
.txt_star2.star2:after {width:29px;height:13px;}
.txt_star2.star2_5:after {width:36px;height:13px;}
.txt_star2.star3:after {width:44px;height:13px;}
.txt_star2.star3_5:after {width:52px;height:13px;}
.txt_star2.star4:after {width:59px;height:13px;}
.txt_star2.star4_5:after {width:67px;height:13px;}
.txt_star2.star5:after {width:74px;height:13px;}

/* 포인트형 */
.txt_point2:before {content:'';display:inline-block;width:11px;height:11px;margin:-3px 5px 0 0;vertical-align:middle;text-align:center;background:url(../images/com/icon_set1.png) no-repeat -180px -58px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 텍스트유형
--------------------------------------------------------- */
/* 텍스트유형1 : 도트 */
.txt_type1 {font-size:14px;color:#111;font-weight:normal;}
.txt_type1:not(ul):not(dl), .txt_type1 > li, .txt_type1 > dt {position:relative;padding:0 0 0 10px;}
.txt_type1 > li + li {margin:7px 0 0;}
.txt_type1:not(ul):not(dl):before, .txt_type1 > li:before, .txt_type1 > dt:before {content:'';display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:url(../images/com/bul_4x4_555.png) 0 0 no-repeat;}
.txt_type1 li ul > li {position:relative;margin:3px 0;font-size:12px;color:#555}
.txt_type1 li ul:not(.num):not(.txt_num):not(.list_img1):not(.txt_type3) > li {padding:0 0 0 10px;}
.txt_type1 li ul:not(.num):not(.txt_num):not(.list_img1):not(.txt_type3) > li:before {content:'';position:absolute;left:0;top:10px;width:3px;height:1px;background:#555;border-left:1px solid #dadada;border-right:1px solid #dadada;}
.txt_type1 > dt {display:block;margin:0 0 6px;font-weight:bold;}
.txt_type1 > dt ~ dd {position:relative;margin:0 0 0 10px;color:#555;}
.txt_type1 > dt + dd ~ dd {margin-top:3px;}
.txt_type1:not(.info) > dt ~ dd {padding:0 0 0 9px;font-size:12px;}
.txt_type1:not(.info) > dt ~ dd:before {content:'';position:absolute;left:0;top:8px;width:3px;height:1px;background:#555;border-left:1px solid #dadada;border-right:1px solid #dadada;}
.txt_type1 > dd + dt {margin:10px 0 0;}
.txt_type1 > dd .num {margin-left:-9px;background:#fff;position:relative;}
.txt_type1 > dd li {margin:3px 0 0;}
.txt_type1 strong.tit {display:block;margin:0 0 3px;}
.txt_type1 a:not(.btn_sub1):not(.btn_sub2) {border-bottom:1px solid #111;font-weight:bold;text-decoration:none;}
.txt_type1 a:not(.btn_sub1):not(.btn_sub2):hover, .txt_type1 a:not(.btn_sub1):not(.btn_sub2):focus {color:#d24600;border-color:#ff4e00;text-decoration:none;}
.txt_type1 + .txt_type1 {margin:7px 0 0;}

.txt_type1.info dt {padding:0;}
.txt_type1.info dt:before {display:none;}
.txt_type1.info dd {padding:0 0 0 10px;margin-left:0;}
.txt_type1.info dd:before {content:'';display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:url(../images/com/bul_4x4_555.png) 0 0 no-repeat;}

.txt_type1.small {font-size:13px;}
.txt_type1.small:not(ul):not(dl), .txt_type1.small > li, .txt_type1.small > dt, .txt_type1.small > dt {margin:5px 0;}
.txt_type1.small:not(ul):not(dl):before, .txt_type1.small > li:before, .txt_type1.small > dt:before {top:10px;width:2px;height:2px;}

.txt_type1.col4 {overflow:hidden;}
.txt_type1.col4 > li {float:left; width:25%; margin:0 0 7px 0 !important; box-sizing:border-box;}

h4.txt_type1 {margin:15px 0 0;font-weight:bold;}
h5.txt_type1 {margin:19px 0 12px;font-weight:normal;}
.tit_sub2 + h5.txt_type1 {margin-top:0;}

/* 텍스트유형2 : 라인 */
.txt_type2 {font-size:12px;color:#555;margin:4px 0;}
.txt_type2:not(ul):not(dl), .txt_type2 > li, .txt_type2 > dd {position:relative;padding:0 0 0 10px;}
.txt_type2:not(ul):not(dl):before, .txt_type2 > li:before, .txt_type2 > dd:before {content:'';position:absolute;left:0;top:10px;width:3px;height:1px;background:#555;border-left:1px solid #dadada;border-right:1px solid #dadada;}
.txt_type2 > dt, .txt_type2 > li > strong.tit {display:block;margin:0 0 4px;font-size:13px;font-weight:bold;color:#111;}
.txt_type2 > dt.normal {font-weight:lighter;}
.txt_type2 > dd + dt {margin-top:8px;}
.txt_type1 + .txt_type2 {margin-left:10px;}
.txt_type3 .txt_type2 {margin:0;}

/* 텍스트유형2_2 : 라인(제거) */
.txt_type2_2 {font-size:12px;color:#555;margin:4px 0;}
.txt_type2_2:not(ul):not(dl), .txt_type2_2 > li, .txt_type2_2 > dd {position:relative;padding:0 0 0 10px;}
.txt_type2_2:not(ul):not(dl):before, .txt_type2_2 > li:before, .txt_type2_2 > dd:before {position:absolute;left:0;top:10px;width:3px;height:1px;background:#555;border-left:1px solid #dadada;border-right:1px solid #dadada;}
.txt_type2_2 > dt, .txt_type2_2 > li > strong.tit {display:block;margin:0 0 4px;font-size:13px;font-weight:bold;color:#111;}
.txt_type2_2 > dt.normal {font-weight:lighter;}
.txt_type2_2 > dd + dt {margin-top:8px;}
.txt_type1 + .txt_type2_2 {margin-left:10px;}
.txt_type3 .txt_type2_2 {margin:0;}

/* 텍스트유형3: 별표 */
.txt_type3 {font-size:12px;color:#333;margin:4px 0;}
.txt_type3:not(ul), .txt_type3 > li {position:relative;padding:0 0 0 10px;}
.txt_type3:not(ul):before, .txt_type3 > li:before {content:'*';position:absolute;left:0;top:2px;line-height:1.2;}
.txt_type3 > li > strong.tit:first-child {display:block;margin:3px 0;}
p.txt_type1 em.txt_type3, strong.txt_type3 {display:block;margin:3px 0 0;}
.txt_type1 + .txt_type3 {margin-left:10px;}
.txt_type1 .txt_type3 {color: #555;}

/* 텍스트유형4: ※ */
.txt_type4 {font-size:12px;color:red;margin:4px 0;}
.txt_type4:not(ul), .txt_type3 > li {position:relative;padding:0 0 0 10px;}
.txt_type4:not(ul):before, .txt_type4 > li:before {content:'※';position:absolute;left:0;top:2px;line-height:1.2;}
.txt_type4 > li > strong.tit:first-child {display:block;margin:3px 0;}
p.txt_type1 em.txt_type4, strong.txt_type4 {display:block;margin:3px 0 0;}
.txt_type1 + .txt_type4 {margin-left:10px;}
.txt_type1 .txt_type4 {color: #555;}


/* 텍스트유형 : 숫자형 */
.txt_num > li, .txt_num > dt, .txt_num > dd {padding-left:1.428em;}
.txt_num > li + li, .txt_num > dt + dd {margin-top:0.357em;}
.txt_num > dt {font-weight:bold;}
.txt_num > dt + dd ~ dt {margin-top:0.857em;}
.txt_num > li > span:first-child, .txt_num > dt > span:first-child {float:left;margin:0 0 0 -1.428em;}
.txt_num:not(.txt_type3 .txt_num) > li:nth-child(9) ~ li {padding-left:2em;}
.txt_num:not(.txt_type3 .txt_num) > li:nth-child(9) ~ li> span:first-child {margin-left:-2em;}
.txt_type2 .txt_num > li + li, .txt_type2 .txt_num > dt + dd {margin-top:0;}

/* 아이콘텍스트 */
.txt_icon1 {padding:0 0 0 17px;font-size:14px;color:#666;background:url(../images/com/icon_cal.png) 0 0.185em no-repeat;}
.txt_icon2 {display:block;margin:2px 0 4px;padding:0 0 0 20px;background:url(../images/com/icon_folder.png) 0 50% no-repeat;}

/* 앱스토어텍스트 */
.txt_sns1 {display:inline-block;padding-left:24px;background:url(../images/com/icon_app.png) no-repeat 0 0;line-height:24px;}
.txt_sns1.ic1 {background-position:0 0;}
.txt_sns1.ic2 {background-position:0 -24px;}

/* ---------------------------------------------------------
	CONTENT 공통 :  데이터유형 : 정보형
--------------------------------------------------------- */
/* 수식컨텐츠 */
.info_calculation {margin:10px 0;text-align:center;}
.info_calculation > dt, .info_calculation > dd {display:inline-block;vertical-align:middle;font-size:16px;line-height:25px;}
.info_calculation > dt {position:relative;/*color:#d24600;font-weight:bold;*/}
.info_calculation > dt:after {content:'';margin:0 15px 0 0;display:inline-block;width:15px;height:0;margin:0 15px;padding:15px 0 0;background:url(../images/com/icon_calculation1.png) no-repeat 50% 7px;}
.info_calculation > dd > div {position:relative;display:inline-block;vertical-align:middle;}
.info_calculation > dd > div > span {display:block;}
.info_calculation > dd .sign1 {overflow:hidden;position:absolute;left:0;right:0;top:50%;height:0;background:#2f2f2f;padding:1px 0 0;}
.info_calculation > dd .sign2 {overflow:hidden;display:inline-block;width:15px;height:0;margin:0 15px;padding:15px 0 0;background:url(../images/com/icon_calculation2.png) no-repeat 50% 0;}

.info_calculation.box {padding:17px 20px;border:2px solid #e7e7e7;}

/* ---------------------------------------------------------
	CONTENT 공통 :  문구유형
--------------------------------------------------------- */
/* 문구 : 폼validation */
.mes_validate {position:relative;margin:4px 0 0 0;padding:0 0 0 17px;color:#29952b;text-align:left;}
.mes_validate:before {content:'';position:absolute;left:0;top:5px;display:block;width:13px;height:13px;background:url(../images/com/icon_validate.png) no-repeat -13px 0;}
.mes_validate.error {color:#e20000;}
.mes_validate.error:before {background-position:0 0;}

/* 문구 : 데이터없음 */
.mes_nodata {text-align:center;padding:20px 0;}
.mes_nodata:before {content:'';width:0;height:160px;}
.mes_nodata:before, .mes_nodata > p {display:inline-block;vertical-align:middle;}
.mes_nodata strong {display:block;}
.search_result + .mes_nodata {margin:27px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.pop_modal1 .content > .mes_nodata:before {height:80px;}

/* 문구타입1 */
p.mes_type1, div.mes_type1 {margin-top:15px;text-align:center;font-size:14px;line-height:20px;}
p.mes_type1, div.mes_type1 > p {font-weight:bold;}
.mes_type1 + .box_type1 {margin:20px 0 0;}

/* 문구타입2 */
.mes_type2 {padding:10px 0;text-align:center;}
.mes_type2 p strong {display:block;margin:0 0 10px;font-size:22px;line-height:28px;}
.mes_type2 p strong span {color:#d24600;}
.mes_type2.visual1:before {content:'';display:block;width:90px;height:90px;margin:0 auto 30px;background:url(../images/com/visual_mes3.png) no-repeat 0 0;}
.mes_type2.visual2:before {content:'';display:block;width:110px;height:110px;margin:0 auto 30px;background:url(../images/com/visual_mes1.png) no-repeat -110px 0;}
.tit_page + .mes_type2 {text-align:center;padding:0;}

/* 문구타입3 */
.mes_type3 {position:relative;padding:0 0 14px;text-align:center;font-size:12px;color:#666;}
.mes_type3 strong {position:relative;display:block;margin:0 0 11px;padding:24px 0;font-size:16px;line-height:20px;color:#111;font-weight:normal;}
.mes_type3 strong:after {content:'';position:absolute;left:50%;bottom:0;width:26px;height:2px;margin:0 0 0 -13px;background:#111;}
.mes_type3[class*="ic"]:before {content:'';display:block;margin:0 auto;border-radius:50%;background:#fff;border:2px solid #3e332e;border-radius:50%;width:86px;height:86px;margin:0 auto;background:url(../images/com/icon_state.png) no-repeat 0 23px;}
.mes_type3.icon2:before {background-position:-602px 20px;}
.mes_type3[class*="ic"]:after {content:"";display:block;position:absolute;top:0;left:50%;margin-left:17px;width:25px;height:34px;background:url(../images/com/icon_state.png) no-repeat 0 -86px;}
.mes_type3.icon2:after {background-position:-75px -86px;}

/* 문구영역 : 문구 + 버튼 */
.mes_area1 {position:relative;margin:8px 0;min-height:26px;}
.mes_area1 .btn {position:absolute;right:0;bottom:0;}

/* 시스템문구 */
.mes_system {width:680px;padding:25px 0;margin:0 auto;color:#333;text-align:center;}
.mes_system:before {content:'';display:block;width:166px;height:166px;margin:0 auto 25px;background:url(../images/com/visual_system.png) no-repeat 0 0;}
.mes_system > p:first-child, .mes_system > h1 {font-size:22px;line-height:28px;color:#111;font-weight:normal;}
.mes_system > p + p, .mes_system ul + p, .mes_system .info {margin:27px 0 0;padding:27px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.mes_system > p .sub {display:block;margin:14px 0 0;}
.mes_system .info > ul li + li {margin:7px 0 0;}
.mes_system.system1:before {background-position:-166px 0;width:226px;}
.mes_system.system2:before {background-position:-392px 0;width:186px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 버튼영역 / 버튼 / 링크
--------------------------------------------------------- */
/* 버튼 : 공통 */
.btn_com, .btn_sub1, .btn_sub2,
.btn_icon, .btn_icon2, .btn_icon3,
.link_icon, .link_icon2 {position:relative;display:inline-block;color:#111;text-align:center;white-space:nowrap;*display:inline-block;*zoom:1;}
.btn_com, .btn_sub1, .btn_sub2 {border:1px solid #111;background:#fff;}
.btn_com:hover, .btn_com:focus, .btn_sub1:hover, .btn_sub1:focus, .btn_sub2:hover, .btn_sub2:focus,
.btn_icon:hover, .btn_icon:focus, .btn_icon2:hover, .btn_icon2:focus, .btn_icon3:hover, .btn_icon3:focus,
.link_icon:hover, .link_icon:focus, .link_icon2:hover, .link_icon2:focus {text-decoration:none;}
button {*margin:0 0 0 4px;}

/* 버튼 : 액션버튼 */
.btn_com {min-width:58px;padding:0 20px 2px;border:1px solid #888;background:#fff;font-size:14px;line-height:42px;font-weight:bold;border-radius:3px;}
.btn_com:hover, .btn_com:focus {background:#efefef;border:1px solid #888;color:#111 !important;text-decoration:none !important;}

.btn_com[class*="ic"]:before {content:'';display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;width:16px;height:20px;background:url(../images/com/icon_btn.png) no-repeat 0 0;}
.btn_com.ic1:before {background-position:-20px -20px;}
.btn_com.ic2:before {display:none;}
.btn_com.ic2:after, .btn_com.ic3:before {content:'';display:inline-block;vertical-align:middle;width:12px;height:20px;background:url(../images/com/icon_btn.png) no-repeat 0 0;}
.btn_com.ic2:after {margin:0 0 0 6px;}
.btn_com.ic3:before {width:15px;margin:0 6px 0 0;background-position:-205px 0;}
.btn_com.ic4 {overflow:hidden;padding:44px 0 0;min-width:auto;width:50px;height:0;}
.btn_com.ic4:before {position:absolute;top:50%;left:50%;margin:-7px 0 0 -10px;width:20px;height:15px;background:url(../images/com/icon_audio.png) no-repeat 50% 50%;}

/* 버튼타입1 */
.btn_sub1 {min-width:34px;padding:0 12px 2px;border:1px solid #111;background:#fff;font-size:13px;line-height:26px;font-weight:normal;border-radius:2px;text-decoration:none !important;}
.btn_sub1:hover, .btn_sub1:focus {background-color:#efefef;border-color:#888;color:#111 !important;text-decoration:none !important;}
.btn_sub1[class*="ic"]:before, .btn_sub1.arr:after, .btn_sub1.ic6:after, .btn_sub1.ic7:after, .btn_sub1.logo:before,.btn_sub1.link:after {content:'';display:inline-block;vertical-align:middle;width:12px;height:20px;background:url(../images/com/icon_btn.png) no-repeat 0 0;}
.btn_sub1[class*="ic"]:before {margin:-2px 6px 0 0;}
.btn_sub1.arr:after, .btn_sub1.ic6:after, .btn_sub1.ic7:after,.btn_sub1.link:after {margin:0 0 0 6px;}
.btn_sub1.ic1:before, .btn_sub1.ic6:after {background-position:0 0;}
.btn_sub1.ic2 {overflow:hidden;padding:31px 0 0;min-width:auto;width:33px;height:0;}
.btn_sub1.ic2:before {position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;background-position:-352px 0;}
.btn_sub1.ic3:before {background-position:-40px 0;}
.btn_sub1.ic4 {border-color:#3e332e;background:#3e332e;color:#fff;}
.btn_sub1.ic4:before {width:13px;background-position:-60px 0;}
.btn_sub1.ic4:hover, .btn_sub1.ic4:focus {border-color:#29201c;background-color:#29201c;color:#fff !important;}
.btn_sub1.ic5:before {width:14px;background-position:-80px 0;}
.btn_sub1.ic6:not(.logo):not([class*="file"]):before {display:none;}
.btn_sub1.ic7:before {display:none;}
.btn_sub1.ic7:after {width:9px;background-position:-120px 0;}
.btn_sub1.ic8:before {width:14px;background-position:-140px 0;}
.btn_sub1.ic9:before {background-position:-160px 0;}
.btn_sub1.ic10:before {margin:-2px 3px 0 0;width:14px;background-position:-246px 0;}
.btn_sub1.ic11:before {width:15px;background-position:-205px 0;}
.btn_sub1.ic12:before {width:12px;background-position:-229px 0;}
.btn_sub1.arr:after {width:6px;height:20px;background:url(../images/com/icon_btn.png) no-repeat 0 -20px;}
.btn_sub1.logo:before {width:91px;height:14px;margin:0 6px 2px 0;background:url(../images/com/logo.png) no-repeat 0 -130px;}
.btn_sub1.link:after {width:12px;background-position:-280px 0;}

/* 버튼타입2 */
.btn_sub2 {padding:0 8px 2px;border:1px solid #3e332e;background:#fff;font-size:12px;line-height:21px;font-weight:normal;border-radius:2px;}
.btn_sub2:hover, .btn_sub2:focus {background-color:#efefef;border-color:#888;color:#111 !important;text-decoration:none !important;}
.btn_sub2[disabled="disabled"]:hover, .btn_sub2[disabled="disabled"]:focus {background-color:#E7E7E7; border-color:#D1D1D1; color:#666666 !important; text-decoration:initial; cursor:default; }
.btn_sub2.arr:after {content:'';display:inline-block;width:6px;height:20px;margin:0 0 0 4px;background:url(../images/com/icon_btn.png) no-repeat 0 -20px;vertical-align:middle;}

/* 버튼 : 사이즈 */
button.btn_com {min-width:100px;height:46px;}
button.btn_sub1 {min-width:60px;height:30px;}
button.btn_sub2 {height:25px;}

/* 버튼타입 : 색상 */
.btn_com.c1, .btn_sub1.c1, .btn_sub2.c1 {border-color:#ff4e00;background:#ff4e00;color:#fff;}
.btn_com.c1:focus, .btn_sub1.c1:focus, .btn_sub2.c1:focus,
.btn_com.c1:hover, .btn_sub1.c1:hover, .btn_sub2.c1:hover {background:#ee5400;border-color:#ee5400;color:#fff !important;text-decoration:none !important;}

.btn_com.c2, .btn_sub1.c2, .btn_sub2.c2 {border-color:#3e332e;background:#3e332e;color:#fff;}
.btn_com.c2:focus, .btn_sub1.c2:focus, .btn_sub2.c2:focus,
.btn_com.c2:hover, .btn_sub1.c2:hover, .btn_sub2.c2:hover {background:#29201c;border-color:#29201c;color:#fff !important;text-decoration:none !important;}

.btn_com.c3, .btn_sub1.c3, .btn_sub2.c3 {background:none;border-color:#fff;color:#fff;}
.btn_com.c3:focus, .btn_sub1.c3:focus, .btn_sub2.c3:focus,
.btn_com.c3:hover, .btn_sub1.c3:hover, .btn_sub2.c3:hover {background:rgba(0,0,0,0.1);color:#fff !important;text-decoration:none !important;}

.btn_com.c4 {font-weight:lighter;border:1px solid #ccc;}
.btn_com.c4 strong {font-weight:lighter;color:#d24600;}

.btn_com.c5 {font-weight:lighter;border:1px solid #ff4e00;color:#d24600;background:none;}
.btn_com.c5:focus, .btn_com.c5:hover {background:none;border-color:#ff4e00;color:#d24600 !important;}

.btn_com.c6 {font-weight:lighter;border:1px solid #ccc;color:#111;background:none;}
.btn_com.c6:focus, .btn_com.c6:hover {background:#efefef;border-color:#ccc;color:#111 !important;}

.btn_com.c7 {font-weight:lighter;border:1px solid #ccc;color:#111;background:none;}
.btn_com.c7:focus, .btn_com.c6:hover {background:#efefef;border-color:#ccc;color:#111 !important;}

.btn_com[disabled="disabled"], .btn_sub1[disabled="disabled"], .btn_sub2[disabled="disabled"],
.btn_com.disabled, .btn_sub1.disabled, .btn_sub2.disabled, .btn_sub1.c4 {background:#e7e7e7;border-color:#d1d1d1;color:#666;}

.btn_more {display:block;border:1px solid #ddd;background:#fff;font-size:14px;line-height:45px;font-weight:bold;text-align:center;}
.btn_more:after {content:'';display:inline-block;width:10px;height:10px;margin:0 0 0 6px;background:url(../images/com/icon_set1.png) no-repeat -121px -42px;}
.btn_more:hover, .btn_more:focus {color:#d24600 !important;text-decoration:none !important;}

/*  로그인버튼 */
.btn_login {display:block;border-radius:3px;padding:0 30px;background:#ff4e00;line-height:80px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;text-decoration:none !important;}
.btn_login:before {content:'';display:inline-block;width:24px;height:30px;margin-right:10px;background:url(../images/com/icon_login.png) no-repeat 0 0;vertical-align:middle;}
.btn_login:hover, .btn_login:focus {background-color:#ee5400;color:#fff;text-decoration:none !important;}
.btn_login:visited, .btn_login:focus, .btn_login:active {color:#fff;text-decoration:none !important;}
.btn_login.ic1:before {background-position:0 0;}
.btn_login.ic2:before {background-position:0 -30px;}
.btn_login.ic3:before {background-position:0 -60px;}
.btn_login.ic3.noic:before {width:0px;}
.btn_login.ic4:before {background-position:0 -90px;}
.btn_login.ic4.noic:before {width:0px;}
.btn_login.ic5:before {background-position:0 -120px;}

/*  아이콘버튼1 */
.btn_icon {overflow:hidden;width:28px;height:0;padding:28px 0 0;border:1px solid #111;background:#fff;line-height:28px;border-radius:1px;}
.btn_icon:hover, .btn_icon:focus {background-color:#efefef !important;border-color:#888;}
.btn_icon.move1 {background:url(../images/com/arr1_12x7_333.png) no-repeat 50% 50%;}
.btn_icon.move2 {background:url(../images/com/arr2_12x7_333.png) no-repeat 50% 50%;}

/*  아이콘버튼2 */
.btn_icon2 {overflow:hidden;width:18px;height:0;padding:18px 0 0;border:1px solid #ccc;background:#fff;line-height:16px;vertical-align:middle;}
.btn_icon2:hover, .btn_icon2:focus {background-color:#efefef !important;border-color:#888;}
.btn_icon2.del {background:url(../images/com/icon_close3.png) no-repeat 50% 50%;}

/*  아이콘버튼3 */
.btn_icon3 {overflow:hidden;width:50px;height:0;padding:50px 0 0;background:#fff;line-height:50px;border-radius:50%;}
.btn_icon3.move3, .btn_icon3.move4 {background:url(../images/com/btn_move.png) no-repeat 0 0;}
.btn_icon3.move3 {background-position:0 0;}
.btn_icon3.move4 {background-position:-50px 0;}
.btn_icon3.move3:hover, .btn_icon3.move3:focus {background-position:0 -50px;}
.btn_icon3.move4:hover, .btn_icon3.move4:focus {background-position:-50px -50px;}

/*  SNS아이콘 : 2022-08-19 추가/변경  */
.btn_sns {overflow:hidden;display:inline-block;width:86px;padding:33px 0 0;height:0;background:url(../images/com/icon_sns3_1.png) no-repeat 0 0;}
.btn_sns.ic1 {background-position:0 0;}
.btn_sns.ic2 {background-position:-100px 0;}
.btn_sns.ic3 {background-position:-200px 0;}
.btn_sns.ic4 {background-position:-300px 0;}

button.btn_icon {width:30px;height:30px;}
button.btn_icon2 {width:20px;height:20px;}
button.btn_icon3 {width:50px;height:50px;}

/*  링크유형1 */
.link_type1 {font-size:inherit;color:inherit;font-weight:bold;text-decoration:underline;}
.link_type1:hover {color:#d24600;}
.link_type1:visited, .link_type1:active, .link_type1:focus {text-decoration:underline;}

/* 더보기 */
.link_more {overflow:hidden;display:inline-block;width:14px;height:0;padding:14px 0 0;background:url(../images/com/icon_set1.png) no-repeat -119px -40px}

/*  툴팁형 */
.link_tip {position:relative;display:inline-block;padding-right:20px;font-size:inherit;color:inherit;font-weight:bold;text-decoration:none;border:0 !important;}
.link_tip:after {content:'';display:block;position:absolute;top:50%;right:2px;width:15px;height:15px;margin-top:-6px;background:url(../images/com/icon_tip.png) no-repeat 0 0;}
.link_tip:hover, .link_tip:visited, .link_tip:active, .link_tip:focus {text-decoration:none !important;}
.link_tip:hover:after, .link_tip:visited:after, .link_tip:active:after, .link_tip:focus:after {background-position:-15px 0;}
.link_tip.open:after {background-position:-15px 0;}
.link_tip.icon {width:17px;height:0;padding:30px 0 0;overflow:hidden;white-space:nowrap;vertical-align:top;}
.label_form label + .link_tip {margin:0 20px 0 -10px;}

.link_tip2 {overflow:hidden;position:relative;display:inline-block;width:21px;height:0;padding:21px 0 0;white-space:nowrap;border:0 !important;}
.link_tip2:after {content:'';display:block;position:absolute;top:50%;right:2px;width:15px;height:15px;margin-top:-7px;background:url(../images/com/icon_tip2.png) no-repeat 0 0;}
.link_tip2:hover, .link_tip:visited, .link_tip:active, .link_tip:focus {text-decoration:none !important;}
.link_tip2:hover:after, .link_tip2:visited:after, .link_tip2:active:after, .link_tip2:focus:after {background-position:-15px 0;}
.link_tip2.open:after {background-position:-15px 0;}

.wrap_tooltip2 {position:relative;display:inline-block;max-width:100%;padding:0 25px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap_tooltip2 > p {overflow:hidden;width:100%;white-space:nowrap;}
.wrap_tooltip2 .link_tip2 {position:absolute;right:0;top:0;}
.wrap_tooltip2 .pop_tooltip {left:-30px !important;right:-30px !important;top:0 !important;}
.wrap_tooltip2 .pop_tooltip .content {padding:20px 15px 0 0}
.wrap_tooltip2 .pop_tooltip .ui-close {right:0;}

/*  툴팁형 추가 2018.07.17 */
.link_tip3 {position:relative;display:inline;padding-right:20px;font-size:inherit;color:inherit;font-weight:bold;text-decoration:none;border:0 !important;}
.link_tip3:after {content:'';display:block;position:absolute;top:50%;right:2px;width:15px;height:15px;margin-top:-6px;background:url(../images/com/icon_tip.png) no-repeat 0 0;}
.link_tip3:hover, .link_tip3:visited, .link_tip3:active, .link_tip3:focus {text-decoration:none !important;}
.link_tip3:hover:after, .link_tip3:visited:after, .link_tip3:active:after, .link_tip3:focus:after {background-position:-15px 0;}
.link_tip3.open:after {background-position:-15px 0;}
.link_tip3.icon {width:17px;height:0;padding:30px 0 0;overflow:hidden;white-space:nowrap;vertical-align:top;}
.label_form label + .link_tip3 {margin:0 20px 0 -10px;}


/* 링크아이콘1 */
.link_icon {font-size:14px;line-height:30px;}
.link_icon:hover, .link_icon:focus {color:#d24600 !important;}

.link_icon.print:after {content:'';display:inline-block;width:14px;height:20px;margin:0 0 0 6px;background:url(../images/com/icon_btn.png) no-repeat -380px 0;vertical-align:middle;}
.link_icon.print:hover:after {background-position:-380px -20px;}

.link_icon.txt, span.link_icon {width:16px;overflow:hidden;}
.link_icon.txt:before, span.link_icon:before {margin:0 !important;}

/* 버튼공통 : 파일버튼 */
.btn_sub1[class*="file"]:before, .btn_sub2[class*="file"]:before, .link_icon[class*="file"]:before {content:'';display:inline-block;width:16px;height:20px;margin:0 6px 0 0;background:url(../images/com/icon_file.png) no-repeat 0 0;vertical-align:middle;}
.btn_sub1.file:before, .btn_sub2.file:before, .link_icon.file:before {background-position:0 0;width:17px;}
.btn_sub1.file1:before, .btn_sub2.file1:before, .link_icon.file1:before {background-position:-20px 0;}
.btn_sub1.file2:before, .btn_sub2.file2:before, .link_icon.file2:before {background-position:-40px 0;}
.btn_sub1.file3:before, .btn_sub2.file3:before, .link_icon.file3:before {background-position:-60px 0;}
.btn_sub1.file4:before, .btn_sub2.file4:before, .link_icon.file4:before {background-position:-80px 0;}
.btn_sub1.file5:before, .btn_sub2.file5:before, .link_icon.file5:before {background-position:-100px 0;}
.btn_sub1.file6:before, .btn_sub2.file6:before, .link_icon.file6:before {background-position:-120px 0;width:14px;}

.link_icon.txt.file, span.link_icon.file {width:17px;}
.link_icon.txt.file6, span.link_icon.file6 {width:14px;}

/* 버튼공통 : 이미지버튼 */
.btn_sub1[class*="img"]:before, .btn_sub2[class*="img"]:before, .link_icon[class*="img"]:before {content:'';display:inline-block;width:16px;height:20px;margin:0 6px 0 0;background:url(../images/com/icon_file.png) no-repeat 0 0;vertical-align:middle;}
.btn_sub1.img:before, .btn_sub2.img:before, .link_icon.img:before {background-position:0 -20px;}

/* 버튼영역 : 가운데정렬 */
.btn_area1 {position:relative;margin:30px 0;text-align:center;}
.btn_area1_law {position:relative;margin:30px 0;text-align:center;}
.btn_area1:last-child {margin-bottom:0;}
.btn_area1 .sub {position:absolute;left:0;top:0;}

/* 버튼영역 : 기본우측정렬 + 좌측컨텐츠 */
.btn_area2 {position:relative;width:100%;margin:30px 0;z-index:1;text-align:right;}
.btn_area2 > .sub {position:absolute;left:0;bottom:0;}
.btn_area2:last-child {margin-bottom:0;}
.btn_area2.btn_fixed {text-align:right;position:absolute;left:50%;width:500px;}
.wrap_tbl + .btn_area2 {margin-top:10px;}

/* 버튼영역 : 기본우측정렬(버튼이 많은 경우) + 좌측컨텐츠 */
.btn_area3 {position:relative;width:100%;margin:30px 0;z-index:1;text-align:right;}
.btn_area3 > .sub {position:absolute;left:0;bottom:0;}
.btn_area3:last-child {margin-bottom:0;}
.btn_area3.btn_fixed {text-align:right;position:absolute;left:40%;width:689px;}
.wrap_tbl + .btn_area3 {margin-top:10px;}

.btn_set1 {overflow:hidden;width:95%;margin:0 auto;}
.btn_set1 a {float:right;margin:0 0 5px;width:48%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn_set1 a:first-child {float:left;}
.btn_set1 a + a ~ a {display:block;float:none;clear:both;width:100%;margin:4px 0 0;}

.btn_set2 {overflow:hidden;width:100%;margin:0 auto;}
.btn_set2 a {float:right;margin:0 0 5px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* ---------------------------------------------------------
	CONTENT 공통 : 링크/아이콘
--------------------------------------------------------- */
.icon_sns {overflow:hidden;display:inline-block;width:32px;height:0;padding:32px 0 0;background:url(../images/com/icon_sns.png) no-repeat 0 0;}
.icon_sns.ic1 {background-position:0 0;}
.icon_sns.ic2 {background-position:-32px 0;}
.icon_sns.ic3 {background-position:-64px 0;}
.icon_sns.ic4 {background-position:-96px 0;}

.icon_sns2 {overflow:hidden;display:inline-block;padding-left:26px;width:0;height:26px;background:url(../images/com/icon_sns2.png) no-repeat 0 0;}
.icon_sns2.ic4 {background-position:-30px 0;}

.icon_pro {overflow:hidden;display:inline-block;width:70px;height:0;padding:70px 0 0;background:url(../images/com/icon_pro.png) no-repeat 0 0;}
.icon_pro.ic1 {background-position:0 0;}

.icon_com {overflow:hidden;display:inline-block;height:0;padding:14px 0 0;margin:0 0 0 4px;background:url(../images/com/icon_com.png) no-repeat 0 0;vertical-align:middle;}
.icon_com.ic1 {width:21px;background-position:0 0;}
.icon_com.ic2 {width:21px;background-position:-21px 0;}
.icon_com.ic3 {width:30px;background-position:-42px 0;}/* icon 인터넷 width 변경 */
.icon_com.ic4 {width:20px;background-position:-71px 0;}/* icon TM 추가 */

.icon_txt {display:inline-block;padding:0 6px;height:18px;font-size:11px;line-height:16px;background-color:#ff4e00;color:#fff;border-radius:2px;}
.icon_txt.c1 {background-color:#888;}

/* ---------------------------------------------------------
	CONTENT 공통 :  폼요소
--------------------------------------------------------- */
input, select, textarea {/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/}
input.text:focus, textarea.textarea:focus {border-color:#ff4e00;outline:0;outline:none;}

input.text.price {text-align:right;}

.unit {display:inline-block;min-width:12px;padding:0 1px 2px;text-align:center;vertical-align:middle;line-height:28px;}

/* 폼객체 : 입력필드 */
input.text {width:140px;height:20px;padding:3px 9px 5px;border:1px solid #d2d2d2;font-size:13px;line-height:20px;}
input.text.focus {border-color:#ff4e00;outline:0;outline:none;}
input.text[disabled="disabled"], input.text[readonly="readonly"] {background-color:#f3f3f3;border-color:#e7e7e7;}
input.text[disabled="disabled"]:hover,input.text[disabled="disabled"]:focus,
input.text[readonly="readonly"]:hover,input.text[readonly="readonly"]:focus {background-color:#f3f3f3;border-color:#e7e7e7;}
input.text.selected {background:#f2f2f2;}
input.text.error {border-color:#e20000;}

input.text.holder_on {color:#666;}
textarea.holder_on {color:#666;}

/* 폼객체 : 입력영역 */
.textarea {max-width:100%;width:100%;height:6em;padding:0.7em 12px;font-size:14px;color:#000;border:1px solid #d2d2d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.text.w100 + .textarea {margin:10px 0 0;}

/* 폼객체 : 라디오버튼 및 체크박스 : 기본 */
.label_form label {display:inline-block;line-height:28px;cursor:pointer;}
.label_form label > input {position:absolute;opacity:0;filter:alpha(opacity=0);}
.label_form label > span {position:relative;display:inline-block;padding:0 10px 2px 28px;font-weight:normal !important;color:#111;}
.label_form label > span .txt_chk {display:none;}
.label_form label > input:focus + span:before {outline:1px dotted #000;}
.label_form label > span:before {content:'';display:block;position:absolute;left:0;top:5px;width:20px;height:20px;background:url(../images/com/form_label.png) no-repeat;}
.label_form label > span:before {background-position:-30px 0;}
.label_form label:hover > span:before {background-position:-30px -30px;}
.label_form label input:disabled + span:before {background-position:-30px -90px;}
.label_form label input:checked + span:before {background-position:-30px -60px;}
.label_form label input:checked + span .txt_chk {display:inline-block;}
.label_form.radio label > span:before {background-position:0 0;}
.label_form.radio label:hover > span:before {background-position:0 -30px;}
.label_form.radio label input:disabled + span:before {background-position:0 -90px;}
.label_form.radio label input:checked + span:before {background-position:0 -60px;}
.label_form.one label {width:25px;overflow:hidden;white-space:nowrap;}
.label_form.one label > span {min-height:28px;}
.label_form.form_sub {display:block;}

/* 폼객체 : 라디오버튼 및 체크박스 : 박스라인형1 */
.label_form.box label span {padding:0 10px 2px 34px;border:1px solid #111;border-radius:2px;font-size:13px;line-height:26px;}
.label_form.box label span:before {left:12px;top:6px;width:16px;height:16px;background:url(../images/com/form_label2.png) no-repeat 0 0;}
.label_form.box label:hover span:before, .label_form.box label.focus span:before {background-position:0 -26px;}
.label_form.box label input:checked + span {border-color:#ff4e00;background-color:#ff4e00;color:#fff;}
.label_form.box label input:checked + span:before {background-position:0 -52px;}
/* .label_form.box label:focus span:before {background-position:0 -18px;border-color:#ff4e00;} */

/* 폼객체 : 라디오버튼 및 체크박스 : 박스라인형2 */
.label_form.box2 {overflow:hidden;margin:25px 0 0 -8px;}
.label_form.box2 label {position:relative;float:left;width:158px;margin:0 0 0 8px;border:1px solid #ccc;text-align:center;}
.label_form.box2 label:before, .label_form.box2 label:after {content:'';}
.label_form.box2 label:before {display:inline-block;width:0;height:158px;vertical-align:middle;margin:0 -4px 0 0;}
.label_form.box2 label:after {position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.label_form.box2 label span {position:static;display:inline-block;margin-right:-6px;width:150px;padding:63px 0 0;font-size:14px;line-height:18px;vertical-align:middle;}
.label_form.box2 label span:before {content:'';left:-1px;top:-1px;width:18px;height:18px;border:1px solid #ccc;border-radius:1px;background:url(../images/com/form_label_chk.png) no-repeat 0 0;}
.label_form.box2 label span:after {content:'';position:absolute;left:50%;top:35px;display:inline-block;margin-left:-26px;width:52px;height:44px;background:url(../images/contents/icon_from.png) no-repeat 0 0;}
.label_form.box2 label.on {color:#d24600;border-color:#ff4e00;}
.label_form.box2 label input:hover + span, .label_form.box2 label input:checked + span {color:#d24600;}
.label_form.box2 label input:checked + span:before {background-position:0 -18px;border-color:#ff4e00;}
.label_form.box2 label.ic1 span:after {background-position:0 0;}
.label_form.box2 label.ic2 span:after {background-position:-52px 0;}
.label_form.box2 label.ic3 span:after {background-position:-104px 0;}
.label_form.box2 label.ic4 span:after {background-position:-156px 0;}
.label_form.box2 label.ic5 span:after {background-position:-208px 0;}
.label_form.box2 label.ic6 span:after {background-position:-260px 0;}
.label_form.box2 label.ic1 input:hover + span:after, .label_form.box2 label.ic1 input:checked + span:after {background-position:0 -44px;}
.label_form.box2 label.ic2 input:hover + span:after, .label_form.box2 label.ic2 input:checked + span:after {background-position:-52px -44px;}
.label_form.box2 label.ic3 input:hover + span:after, .label_form.box2 label.ic3 input:checked + span:after {background-position:-104px -44px;}
.label_form.box2 label.ic4 input:hover + span:after, .label_form.box2 label.ic4 input:checked + span:after {background-position:-156px -44px;}
.label_form.box2 label.ic5 input:hover + span:after, .label_form.box2 label.ic5 input:checked + span:after {background-position:-208px -44px;}
.label_form.box2 label.ic6 input:hover + span:after, .label_form.box2 label.ic6 input:checked + span:after {background-position:-260px -44px;}

div.label_form label {display:block;padding:0;}
div.label_form label + label {margin:6px 0 0;}

/* 폼객체 : 라디오버튼 및 체크박스 : 박스라인형3 */
.label_form.box3 {display:inline-block;width:100%;margin:0 0 15px 0;}
.label_form.box3 label {position:relative;float:left;width:calc(97% / 3);margin-right:8px;border:1px solid #ccc;text-align:center;}
.label_form.box3 .ic1 {margin-top:6px;}
.label_form.box3 label:before, .label_form.box3 label:after {content:'';}
.label_form.box3 label:before {display:inline-block;width:0;height:100px;vertical-align:middle;margin:0 -4px 0 0;}
.label_form.box3 label:after {position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.label_form.box3 label span {position:static;display:inline-block;margin-right:-44px;width:150px;padding:-5px 0 0;font-size:1.2rem;line-height:18px;vertical-align:middle;}
.label_form.box3 label span:before {content:'';left:-1px;top:-1px;width:18px;height:18px;border:1px solid #ccc;border-radius:1px;background:url(../images/com/form_label_chk.png) no-repeat 0 0;}
.label_form.box3 label span:after {content:'';position:absolute;left:40%;top:28px;display:inline-block;margin-left:-26px;width:52px;height:44px;background:url(../images/contents/icon_from2.png) no-repeat 0 0;}
.label_form.box3 label.on {color:#d24600;border-color:#ff4e00;}
.label_form.box3 label input:hover + span, .label_form.box3 label input:checked + span {color:#d24600;}
.label_form.box3 label input:checked + span:before {background-position:0 -18px;border-color:#ff4e00;}
.label_form.box3 label.ic1 span:after {background-position:0 0;}
.label_form.box3 label.ic2 span:after {background-position:-52px 0;}
.label_form.box3 label.ic3 span:after {background-position:-104px 0;}
.label_form.box3 label.ic1 input:hover + span:after, .label_form.box3 label.ic1 input:checked + span:after {background-position:0 -44px;}
.label_form.box3 label.ic2 input:hover + span:after, .label_form.box3 label.ic2 input:checked + span:after {background-position:-52px -44px;}
.label_form.box3 label.ic3 input:hover + span:after, .label_form.box3 label.ic3 input:checked + span:after {background-position:-104px -44px;}

/* 폼객체 : 라디오버튼 및 체크박스 : 박스형 */
.label_box {position:relative;overflow:hidden;display:block;}
.label_box label {float:left;margin:0 0 0 -1px;font-size:14px;}
.label_box label:first-child {margin:0;}
.label_box label input {position:absolute;opacity:0;filter:alpha(opacity=0);}
.label_box label span {position:relative;display:block;width:128px;padding:0 0 2px;line-height:36px;border:1px solid #ccc;background:#fff;color:#666;text-align:center;z-index:0;}
.label_box label:first-child span {border-radius:2px 0 0 2px;}
.label_box label:last-child span {border-radius:0 2px 2px 0;}
.label_box label:hover span, .label_box label:focus span, .label_box label input:checked + span, .label_box label input:focus + span {color:#d24600;}
.label_box label input:checked + span {border-color:#cb4f02;z-index:1;font-weight:bold;color:#cb4f02;}
/* 2022.02.10 접근성 심사 결과 추가 */
.label_box label input:focus + span {outline:1px dotted #3e332e; outline-offset:-2px;}

.label_box.small {display:inline-block;}
.label_box.small label {font-size:13px;}
.label_box.small label span {width:36px;padding:0 7px 2px;line-height:26px;}

.label_box.lable_icon1 label span:before ,.label_box.lable_icon2 label span:before {content:'';display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:middle;background:red;background:url(../images/com/form_label3.png) no-repeat 0 0;}

.label_box.lable_icon1 label.ic1 span:before {background-position:0 0;}
.label_box.lable_icon1 label.ic2 span:before {background-position:0 -18px;}
.label_box.lable_icon2 label.ic1 span:before {background-position:0 -36px;}
.label_box.lable_icon2 label.ic2 span:before {background-position:0 -54px;}
.label_box.lable_icon2 label.ic3 span:before {background-position:0 -72px;}
.label_box.lable_icon2 label.ic4 span:before {background-position:0 0;}
.label_box.lable_icon1 label.ic1 input:checked + span:before, .label_box.lable_icon1 label.ic1:hover span:before, .label_box.lable_icon1 label.ic1:focus span:before {background-position:-18px 0;}
.label_box.lable_icon1 label.ic2 input:checked + span:before, .label_box.lable_icon1 label.ic2:hover span:before, .label_box.lable_icon1 label.ic2:focus span:before {background-position:-18px -18px;}
.label_box.lable_icon2 label.ic1 input:checked + span:before, .label_box.lable_icon2 label.ic1:hover span:before, .label_box.lable_icon2 label.ic1:focus span:before {background-position:-18px -36px;}
.label_box.lable_icon2 label.ic2 input:checked + span:before, .label_box.lable_icon2 label.ic2:hover span:before, .label_box.lable_icon2 label.ic2:focus span:before {background-position:-18px -54px;}
.label_box.lable_icon2 label.ic3 input:checked + span:before, .label_box.lable_icon2 label.ic2:hover span:before, .label_box.lable_icon2 label.ic2:focus span:before {background-position:-18px -72px;}
.label_box.lable_icon2 label.ic4 input:checked + span:before, .label_box.lable_icon2 label.ic2:hover span:before, .label_box.lable_icon2 label.ic2:focus span:before {background-position:-18px 0;}

/* 폼객체 : 라디오버튼 및 체크박스 : 버튼형1 */
.label_btn {position:relative;display:inline-block;}
.label_btn label {float:left;margin:0 0 0 4px;font-size:14px;}
.label_btn label:first-child {margin:0;}
.label_btn label input {position:absolute;opacity:0;filter:alpha(opacity=0);}
.label_btn label span {position:relative;display:block;min-width:12px;padding:0 4px 2px;font-size:12px;line-height:18px;border:1px solid #ccc;color:#111;border-radius:1px;text-align:center;z-index:0;}
.label_btn label:hover span, .label_btn label:focus span, .label_btn label input:checked + span, .label_btn label input:focus + span {color:#d24600;}
.label_btn label input:checked + span {border-color:#ff4e00;z-index:1;}

/* 폼객체 : 라디오버튼 및 체크박스 : 버튼형2 */
.label_btn2 {overflow:hidden;}
.label_btn2 label {display:inline-block;position:relative;margin-left:12px;color:#111;}
.label_btn2 label:first-child {margin-left:0;}
.label_btn2 label input {position:absolute;opacity:0;filter:alpha(opacity=0);}
.label_btn2 label span {display:inline-block;padding:0 3px;font-size:14px;}
.label_btn2 label:hover span, .label_btn2 label:focus span, .label_btn2 label.focus span {border-bottom:2px solid #3e332e;}
.label_btn2 label input:checked + span {border-bottom:2px solid #3e332e;font-weight:bold;letter-spacing:-0.01rem;}

/* 리스트형1 */
.label_form.list {overflow:hidden;border-top:2px solid #111;border-bottom:1px solid #111;}
.label_form.list > li {float:left;width:50%;vertical-align:top;margin:0 0 -1px -1px;border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.label_form.list > li label {display:block;padding:11px 20px;}
.label_form.list > li.form {clear:both;float:none;width:100%;}
.label_form.list > li.form label {display:inline-block;}
.label_form.list > li.form label + .text {width:80%;}

/* 리스트형2 */
.label_form.list2 {position:relative;display:table;width:100%;border:2px solid #e7e7e7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.label_form.list2:before {content:'';position:absolute;left:50%;top:15px;bottom:15px;width:1px;background:#e7e7e7;}
.label_form.list2 > li {display:table-cell;width:50%;vertical-align:top;}
.label_form.list2 > li:first-child {border:none;padding-left:0;}
.label_form.list2 label {display:block;padding:15px 20px;}
.label_form.list2 label > span {line-height:20px;}
.label_form.list2 label > span > em {display:block;font-weight:bold !important;line-height:30px;}

/* 폼객체 : 별점 */
.label_form.star label > span {overflow:hidden;width:24px;height:0;line-height:24px;padding:24px 0 0;background:url(../images/com/icon_set1.png) no-repeat -248px -70px;}
.label_form.star label > span:before, .label_form.star label > span:after {display:none;}
.label_form.star label.on ~ label > span {background-position:-276px -70px;}
/* 2022.02.10 접근성 심사 결과 추가 */
.label_form.star label input:focus + span {outline:1px dotted #3e332e}
/* 2025.02.27 접근성 심사 결과 추가 */
.label_form.star {position:relative;padding-bottom:26px;display:inline-block;}
.label_form.star label i {display:none;}
.label_form.star label.on i,
.label_form.star label input:checked ~ i{display:block;position:absolute;bottom:0;left:0;right:0;text-align:center;font-style:normal;font-weight:bold;color:#d24600;}

/* 폼객체 : 라디오버튼 및 체크박스 : 마우스입력 */
.label_form.mouse label span {overflow:hidden;padding:28px 0 0 0;width:28px;height:0;border:1px solid #ccc;border-radius:2px;white-space:nowrap;vertical-align:middle;}
.label_form.mouse label span:before {left:7px;top:5px;width:13px;height:19px;background:url(../images/com/icon_mouse.png) no-repeat 0 0;}
.label_form.mouse label:hover span, .label_form.mouse label:focus span, .label_form.mouse label input:checked + span, .label_form.mouse label input:focus + span {border-color:#111;z-index:1;}
.label_form.mouse label input:checked + span {background:#3e332e;border-color:#3e332e;}
.label_form.mouse label input:checked + span:before {background-position:-13px 0;}
/* 2022.02.10 접근성 심사 결과 추가 */
.label_form.mouse label input:focus + span {outline:#ff4e00 auto;}

/* 폼객체 : ie8디버깅 */
.msie8 label input {filter:alpha(opacity=100);}
.msie8 .label_form label {position:relative;}
.msie8 .label_form label > input {left:3px;top:9px;}
.msie8 .label_form label > span:before, .msie8 .label_form label > span:after {display:none;}
.msie8 .label_form.box label > input {left:10px;}
.msie8 .label_form.box2 label > input {left:10px;}
.msie8 .label_form.box2 label > span:after {display:block;}
.msie8 .label_form.mouse label input {position:static;}
.msie8 .label_form.mouse label > span:before {display:block;}
.msie8 .label_box label {position:relative;}
.msie8 .label_box label input {left:10px;top:15px;z-index:2;}
.msie8 .label_box.small label input {left:5px;top:7px;}
.msie8 .label_box.small label span {padding-left:20px;}
.msie8 .label_btn label {position:relative;}
.msie8 .label_btn label input {left:5px;top:5px;}
.msie8 .label_btn label span {padding-left:20px;}
.msie8 .label_btn2 label input {filter:alpha(opacity=0);}
.msie8 .label_form.star label > input {z-index:1;left:5px;top:5px;}
.msie8 .label_form.list label input {left:20px;top:20px;}
.msie8 .tab_type1 > ul > li, .msie8 .tab_type2 > ul > li {padding-bottom:40px;}

/* 폼객체 : 셀렉트박스 */
.select_box {display:inline-block;border:1px solid #bbb;background:#fff;vertical-align:middle;*display:inline;*zoom:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/com/form_select.png) 100% 0 no-repeat;background:none\9;}
.select_box {height:30px;padding:3px 35px 7px 10px;font-size:13px;line-height:20px;color:#666;outline:0;padding-right:14px\9;}
.select_box::-ms-expand {display:none;}
.select_box[disabled="disabled"], .select_box.disabled {background-color:#f1f3f4;}
.select_box.focus, .select_box:focus, .select_box:hover {border-color:#57aef2;outline:1px dotted #606879;}

/* 폼객체 : 셀렉트박스 : 링크형 */
.select_list {overflow:hidden;position:relative;display:inline-block;min-width:98px;height:28px;border:1px solid #d2d2d2;background:#fff;font-size:13px;line-height:20px;*display:inline;*zoom:1;vertical-align:top;text-align:left;}
.select_list .headline {position:relative;display:block;overflow:hidden;z-index:0;padding:3px 20px 5px 10px;white-space:nowrap;vertical-align:top;color:#666;background:url(../images/com/form_select.png) 100% 0 no-repeat;}
.select_list .headline:hover, .select_list .headline:focus {text-decoration:none;}
.select_list .headline span:first-child {position:absolute;left:-9999px;top:-9999px;}
.select_list ul {visibility:hidden;height:0;position:relative;background:#fff;}
.select_list ul li {position:relative;}
.select_list ul li a, .select_list ul li button {display:block;width:100%;padding:3px 20px 5px 10px;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;}
.select_list ul li a:hover, .select_list ul li a:focus, .select_list ul li button:hover, .select_list ul li button:focus {color:#d24600;}
.select_list ul li a span, .select_list ul li button span {position:absolute;left:-9999px;top:-9999px;}
.select_list ul li button {height:38px;}
.select_list ul li.selected > a, .select_list ul li.selected > button {color:#d24600;text-decoration:underline;}
.select_list.focus, .select_list:focus, .select_list:hover {border-color:#ff4e00;}
.select_list.select_on {border-color:#111;overflow:visible;z-index:53;}
.select_list.select_on .headline {color:#111;}
.select_list.select_on ul {visibility:visible;height:auto;z-index:50;max-height:304px;overflow:auto;border:1px solid #111;border-top:0;margin:0 -1px;}
.select_list.readonly .headline {background-color:#eeeeee;}

.select_list.w1 {width:230px;}

/* 폼객체 : 셀렉트박스 : 사이즈변형 */
.select_list2 {overflow:hidden;position:relative;display:inline-block;min-width:318px;height:40px;border:1px solid #d2d2d2;background:#fff;font-size:13px;line-height:20px;*display:inline;*zoom:1;vertical-align:top;text-align:left;}
.select_list2 .headline {position:relative;display:block;overflow:hidden;z-index:0;overflow:hidden;padding:9px 30px 11px 10px;white-space:nowrap;vertical-align:top;color:#666;background:url(../images/com/form_select.png) 100% -107px no-repeat;}
.select_list2 .headline:hover, .select_list2 .headline:focus {text-decoration:none;}
.select_list2 .headline span:first-child {position:absolute;left:-9999px;top:-9999px;}
.select_list2 ul {position:relative;background:#fff;border:1px solid #ccc;border-top:0;margin:0 -1px;}
.select_list2 ul li {position:relative;}
.select_list2 ul li a, .select_list2 ul li button {display:block;width:100%;padding:3px 30px 5px 10px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;}
.select_list2 ul li a:hover, .select_list2 ul li a:focus, .select_list2 ul li button:hover, .select_list2 ul li button:focus {color:#d24600;text-decoration:none;}
.select_list2 ul li a span, .select_list2 ul li button span {position:absolute;left:-9999px;top:-9999px;}
.select_list2 ul li button {height:38px;}
.select_list2 ul li.selected a, .select_list2 ul li.selected button {color:#d24600;}
.select_list2.focus, .select_list2:focus, .select_list2:hover {border-color:#ff4e00;}
.select_list2.select_on {border-color:#111;overflow:visible;}
.select_list2.select_on .headline {color:#111;}
.select_list2.select_on ul {display:block;z-index:50;border-color:#111;}
.select_list2.readonly .headline {background-color:#eeeeee;}
.page_notice > .form_search2 > .select_list2 {margin:20px 0;}


/* ---------------------------------------------------------
	CONTENT 공통 :  폼유형
--------------------------------------------------------- */
.w100 {width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input.text.w100 {height:30px;}

.form_holder {position:relative;display:inline-block;}
.form_holder label {position:absolute;left:0;top:0;z-index:1;padding:4px 9px 6px;font-size:13px;line-height:20px;color:#666;cursor:text;white-space:nowrap;}
.form_holder .placetext {position:relative;z-index:0;}
.form_holder .placetext.labelon {z-index:1;}
.form_holder .placetext.valueon {z-index:2;}
div.form_holder {display:block;}
div.form_holder label {padding:0.7em 12px;}
div.form_holder .placetext {width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 폼객체 : 파일업로드 */
.form_file {display:inline-block;width:340px;position:relative;padding:0 85px 0 0;z-index:0;vertical-align:middle;*width:auto;}
.form_file label, .form_file input {position:absolute;left:0;top:0;width:100%;line-height:30px;height:30px;}
.form_file label {z-index:1;text-align:right;}
.form_file label span {display:inline-block;min-width:34px;padding:0 12px 2px;border:1px solid #111;background:#fff;font-size:13px;line-height:26px;border-radius:3px;}
.form_file input {opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);z-index:2;cursor:pointer;}
.form_file input:focus + .name {border:1px dotted #000;}
.form_file .name {overflow:hidden;display:block;height:28px;line-height:28px;height:20px;padding:3px 9px 5px;border:1px solid #e7e7e7;font-size:13px;line-height:20px;background-color:#f3f3f3;text-overflow:ellipsis;white-space:nowrap;z-index:0;}

/* 주민등록번호*/
.form_number {position:relative;display:inline-block;*display:inline;*zoom:1;}
.form_number input {vertical-align:top;}

/* 이메일 */
.form_email {position:relative;display:inline-block;*display:inline;*zoom:1;}
.form_email .select_list {min-width:156px;}

/* 전화번호 */
.form_telnum {position:relative;display:inline-block;*display:inline;*zoom:1;}
.form_telnum .label_form:first-child {display:block;margin:0 0 5px;}
.form_telnum .select_list:first-child:nth-last-of-type(2) {display:block;width:150px;margin:0 0 8px;}
.form_telnum .select_list {min-width:82px;}
.form_telnum .select_list ~ .select_list {min-width:64px;}
.form_telnum input {width:46px;}
.form_telnum .unit {margin:0 -2px;}
.form_telnum .btn_sub1 {padding:0 9px 2px;}

/* 카드번호 */
.form_card {position:relative;display:inline-block;*display:inline;*zoom:1;}
.form_card .select_list {min-width:160px;margin:0 5px 0 0;}
.form_card input {width:55px;}
.form_card .txt_type3 {display:inline-block;margin-left:5px;}

.form_pwd {position:relative;display:inline-block;padding:0 30px 0 0;*display:inline;*zoom:1;}
.form_pwd .text {width:55px;}
.form_pwd:after {content:'**';position:absolute;display:inline-block;right:10px;top:50%;margin:-8px 0 0;*display:inline;*zoom:1;}

/* 금액필드 */
.form_price {position:relative;display:inline-block;padding:0 24px 0 0;}
.form_price .text {width:80px;}
.form_price .text + span {display:block;}
.form_price .btn_icon2 {position:absolute;right:0;top:5px;}

/* 날짜선택 */
.form_date {position:relative;display:inline-block;*display:inline;*zoom:1;}
.form_date > span {position:relative;display:inline-block;*display:inline;*zoom:1;}
.form_date .select_list {min-width:85px !important;}
.form_date input {padding-left:35px;width:114px;}
.form_date .ui-datepicker-trigger {position:absolute;left:1px;top:1px;overflow:hidden;display:inline-block;width:28px;height:28px;padding:0;line-height:28px;border-right:1px solid #d2d2d2;vertical-align:middle;text-indent:30px;*display:inline;*zoom:1;*top:1px;white-space:nowrap;}
.form_date .ui-datepicker-trigger span {display:block;margin:-28px 0 0;width:28px;height:28px;background:url(../images/com/icon_cal.png) no-repeat 45% 50%;}

.ui-datepicker {display:none;width:196px;margin:-5px 0 0;padding:10px;background:#fff;border:1px solid #3e332e;font-size:12px;z-index:100 !important;}
.ui-datepicker .ui-datepicker-header {position:relative;margin:-10px -10px 10px;background:#3e332e;border:0;}
.ui-datepicker .ui-datepicker-header > a {position:absolute;top:10px;width:26px;height:26px;cursor:pointer;text-indent:-9999px;display:none;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {line-height:24px;padding:0 0 1px;}
.ui-datepicker .ui-datepicker-header select {display:inline-block;width:100px;height:36px;padding:6px 24px 8px 9px;font-size:13px;line-height:20px;color:#666;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/com/form_select.png) no-repeat 100% 4px;padding-right:9px\9;background:none\9;}
.ui-datepicker .ui-datepicker-header select::-ms-expand {display:none;}
.ui-datepicker .ui-datepicker-header select ~ select {width:78px;margin-left:1px;}
.ui-datepicker .ui-datepicker-header select[disabled="disabled"], .ui-datepicker .ui-datepicker-header select.disabled {background-color:#f1f3f4;}
.ui-datepicker table {width:100%;border-collapse:separate;}
.ui-datepicker th, .ui-datepicker td {font-size:11px;padding:5px 0;text-align:center;vertical-align:middle;}
.ui-datepicker th {padding:1px 0 3px;}
.ui-datepicker td span, .ui-datepicker td a {display:block;line-height:18px;width:22px;padding:1px 0 3px;}
.ui-datepicker td a:hover {font-weight:bold;}
.ui-datepicker td:first-child a, .ui-datepicker th:first-child a {color:#cb7e78;}
.ui-datepicker td.ui-datepicker-current-day a {background:#fff;color:#d24600;font-weight:bold;}
.ui-datepicker td.ui-datepicker-today a {background:#ff4e00;color:#fff;border-radius:50%;}
.ui-datepicker span.ui-state-default {color:#c2c2c2;}
.ui-datepicker a.ui-state-default {color:#010101;}
.ui-datepicker .ui-datepicker-buttonpane {position:absolute;right:0;top:0;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {display:none;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {cursor:pointer;border:none;margin:0;padding:0;overflow:hidden;display:block;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:before,.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after {content:"";position:absolute;right:0;top:0;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:before {width:40px;height:36px;background:#3e332e;line-height:36px;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after {right:15px;top:11px;width:11px;height:11px;background:url(../images/com/icon_set1.png) no-repeat 0 -140px;}

/* 가로 100% */
.form_col {display:inline-block;width:100%;}
.form_col .text {margin-top:15px;width:100% !important;height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_col .text + .mes_validate {margin-top:10px;}
.form_col .text + .text {margin-top:10px;}

/* 가로 50% 두단 */
.form_col2 {display:inline-block;width:100%;}
.form_col2 > * {float:right;width:47% !important;width:-webkit-calc(50% - 25px) !important;width:-moz-calc(50% - 25px) !important;width:calc(50% - 25px) !important;}
.form_col2 > *:first-child {float:left;}

/* 입력필드 + 버튼 */
.form_wrap1 .text {width:220px;}
.form_wrap1 + .form_sub .text {width:382px;}
.form_wrap1 + .form_sub .text + .text {width:252px;}


/* 입력필드 + 버튼 추가 */
.form_wrap2 .text {width: 240px;}


/* 폼객체 하단블럭간격조절용 */
.form_sub {margin:8px 0 0;}

/* 폼객체 하단블럭간격조절용 */
.form_sub2 {margin:0 0 0 20px;}

/* 간략폼  */
.form_con1 {overflow:hidden;margin:30px 0 0;padding:20px 0 0;border-top:1px dotted #ddd;}
.form_con1 dt {position:relative;padding:0 0 0 40px;float:left;font-weight:bold;line-height:30px;}
.form_con1 dd {float:right;}
.form_con1 dt:before {content:'';position:absolute;top:3px;left:0;display:block;width:29px;height:23px;background:url(../images/com/icon_set1.png) no-repeat -160px 0;}

/* 간략폼2 */
.form_con2 dt, .form_con2 dd {}
.form_con2 dd + dt {margin:10px 0 0;}
.form_con2 dt {font-weight:bold;line-height:30px;}
.form_con2 .form_holder label {color:#666;font-size:12px;}
.form_con2 .textarea {height:8em;}

/* 간략폼3 : 지점찾기 */
.form_con3 {width:100%;text-align:center;}
.form_con3 .tit_sub1 {margin-top:20px;}

/* 간략폼4 : 우편번호찾기 : 가로 100% */
.form_con4 > div > input.text {width:100% !important;height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_con4 > div {margin:10px 0;}
.form_con4 .form_wrap1 {position:relative;padding-right:107px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_con4 .form_wrap1 .text, .form_con4 .form_wrap1 .form_holder {width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form_con4 .form_wrap1 .btn_sub1 {position:absolute;top:0;right:0;}
.form_con4 .form_wrap1.form_search2 .text {height:40px;}
.form_con4 .form_wrap1.form_search2 .form_holder label {padding:9px;}
.form_con4 .form_wrap1.form_search2 .btn_sub1 {padding:0;width:100px;}

/* 전체동의 단독형  */
.form_area1 {position:relative;margin:0 0 10px;text-align:right;}
.form_area1 .tit {position:absolute;left:0;top:0;font-size:15px;line-height:30px;}

/* 설문형 */
.form_list {border-top:2px solid #111;border-bottom:1px solid #111;counter-reset:num;}
.form_list > li {position:relative;border-top:1px solid #e7e7e7;padding:9px 45px;}
.form_list > li:before {position:absolute;left:16px;top:16px;content:counter(num)".";counter-increment:num 1;font-weight:bold;}
.form_list > li:nth-child(9) ~ li:before {content:counter(num)".";}
.form_list > li:first-child {border:0;}
.form_list > li > p:first-child {padding:7px 300px 7px 0;} /* 원래는 200px */
.form_list > li .form {position:absolute;left:730px;top:10px;} /* 원래는 right:10px */
.form_list > li .form_add {margin:20px 0 0;padding:10px 0 0;border-top:1px dashed #e7e7e7;}
.form_list > li > p + .form + .form_add {margin-top:10px;}

/* 리뷰형 */
.form_review {text-align:center;}
.form_review dt {position:absolute;left:-9999px;}
.form_review dt:first-child + dd {font-size:18px;line-height:24px;color:#111;}
.form_review dd ~ dd {margin:16px 0 0;}
.form_review + .txt_cnt {font-size:12px;margin:8px 0 0;}

/* ---------------------------------------------------------
	CONTENT 공통 : 폼양식
--------------------------------------------------------- */
/* 검색폼 */
.form_search {position:relative;margin:8px 0;}
.form_search label, .form_search .label {position:relative;display:inline-block;margin:0 6px 0 12px;font-size:14px;line-height:30px;font-weight:bold;}
.form_search legend + label, .form_search legend + .label {margin-left:0;}
.form_search .btn_sub1.c2 {margin-left:4px;}
.form_search .sub {position:absolute;right:0;bottom:0;}
.form_search > div:not(.select_list):not(.form_date) {margin-left:-12px;}
.form_search > div:not(.select_list):not(.form_date) + div:not(.select_list) {margin-top:6px;}
.form_search > div:not(.select_list):not(.form_date) label, .form_search > div .label {padding-left:12px;}
.form_search > div:not(.select_list):not(.form_date) label:before, .form_search > div .label:before {content:'';display:block;position:absolute;left:0;top:13px;width:4px;height:4px;background:url(../images/com/bul_4x4_555.png) 0 0 no-repeat;}
dl.form_search dt, dl.form_search dd {display:inline-block;}
dl.form_search dt {font-size:14px;line-height:30px;font-weight:bold;}
dl.form_search dd input.text {width:200px;}
.form_search + .data_table + .data_table {margin-top:8px;}

/* 검색폼2 */
.form_search2 {margin:0 0 30px;text-align:center;}
.form_search2 .text {width:180px;padding:9px}
.form_search2 .select_list {height:38px;}
.form_search2 .select_list .headline {padding:9px 30px 9px 10px;background-position:100% 5px;}
.form_search2 .select_list ul li a, .form_search2 .select_list ul li button {padding:10px 30px 10px 10px;}
.form_search2 button.btn_sub1 {height:40px;}
.form_search2 .bottom {padding:10px 0 10px;}
.board_list ~ .form_search2 {margin:40px 0 0;}
.board_list ~ .form_search2 .text {width:300px;}

.tit_page + .form_search2 .text,
.tab_type1 + .hidden + .form_search2 .text,
.pop_win .form_search2 .text {width:390px;}

.form_search2.line {padding-bottom:30px;border-bottom:1px solid #ccc;}
.pop_win .form_search3 {padding:30px 0;}

.totalsearch_form2 {position:relative;max-width:475px;margin:0 auto;z-index:2;}
.totalsearch_form2 .form_search2 {text-align:left;}
.totalsearch_form2 .form_search2 .text {width:390px;}
.totalsearch_form2 .form_search2 .list {display:none;position:absolute;left:0;width:388px;top:39px;padding:10px;border:1px solid #ccc;background:#fff;font-size:13px;line-height:2;z-index:1;}
.totalsearch_form2 .form_search2 .list dt:first-child {position:absolute;left:-9999px;}
.totalsearch_form2 .form_search2 .list dd ~ dt {margin:10px 0 0;padding:10px 0 0;font-weight:bold;border-top:1px dashed #ccc;}
.totalsearch_form2 .form_search2 .list a {overflow:hidden;display:block;height:2em;text-overflow:ellipsis;white-space:nowrap;}
.totalsearch_form2 .form_search2 .list a b {color:#eb6810;}
.totalsearch_form2 .form_search2 ~ .list_word3 {margin:-20px 0 30px;}
.totalsearch_form2.open .form_search2 .list {display:block;}

.pop_win .totalsearch_form2 {max-width:800px;text-align:center;}
.pop_win .totalsearch_form2 .form_search2 {position:relative;display:inline-block;}
.pop_win .totalsearch_form2 .form_search2 .list {right:0;overflow-y:auto;max-height:260px;}
.pop_win .totalsearch_form2 .list_word3 {display:inline-block;}
.pop_win .totalsearch_form2 .list_word3 + .form_search2 {margin:20px 0 0;}

/* 검색폼3  : 용어사전형 */
.form_search3 {margin:30px 0 0;padding:30px 100px;}
.form_search3 li {display:inline-block;margin:10px 0 0;}
.form_search3 li strong {display:inline-block;padding:0 10px 0 30px;line-height:22px;vertical-align:top;}
.form_search2 + .form_search3 {border-top:1px solid #e7e7e7;}


/* 검색결과 : 지점검색용 */
.search_result {position:relative;overflow:hidden;margin:40px 0 20px}
.search_result .txt_cnt {float:left;font-size:20px;line-height:26px;text-align:left;}
.search_result .sub {position:absolute;right:0;bottom:0;}
.search_result fieldset {float:right;}

/* 약관유형1 */
.form_agree1 {position:relative;padding:20px 180px 23px 20px;margin:12px 0 30px;font-size:14px;font-weight:bold;color:#111;background:#f7f7f7;border-top:1px solid #000000;}
.form_agree1 dl dt {font-weight:bold;padding-bottom:7px;}
.form_agree1 dl dd {font-weight:normal;}
.form_agree1 .label_form.radio {position:absolute;right:10px;top:50%;margin-top:-15px;}
.form_agree1 .label_form.checkbox {position:absolute;right:10px;top:50%;margin-top:-15px;}
.form_agree1.noline, .form_agree1 + .form_agree1 {border-top:1px solid #e7e7e7;}
.form_agree1 + .form_agree1 {margin-top:-30px;}
.data_table + .form_agree1 {margin-top:-9px;}

/* 표준동의서(마케팅동의) 안심등급 */
.form_agree1 > p.ico_step1{display:block;position:relative;padding-left:70px;}
.form_agree1 > p.ico_step1:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:60px;height:21px;background:url(/static/images/com/agree_step_s1.png) no-repeat 0 0;background-size:60px 21px;}
.form_agree1 > p.ico_step2{display:block;position:relative;padding-left:80px;}
.form_agree1 > p.ico_step2:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:69px;height:21px;background:url(/static/images/com/agree_step_s2.png) no-repeat 0 0;background-size:69px 21px;}
.form_agree1 > p[class^='ico_step'] > span {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0);}

/* 약관유형2 */
.form_agree2 {position:relative;}
.form_agree2 .tit {font-size:14px;line-height:40px;color:#111;}
.form_agree2 > .tit_sub2 {line-height:40px;margin:0;}
.form_agree2 .box {padding:15px 19px;border:1px solid #ddd;}
.form_agree2 .box.custom-scroll {height:100px;overflow-y:scroll;}
.form_agree2 .box .con {}
.form_agree2 .label_form.radio {position:absolute;top:5px;right:10px;}
.form_agree2 + .form_agree2 {margin:10px 0 0;}
.form_agree2 ~ .form_agree2:not(.ui_tab_con) {margin:20px 0 0;}
table .form_agree2 {margin-top:-12px;}

/* 약관유형3 */
.form_agree3 {border: 1px solid #ccc;padding:15px 0;}
.form_agree3 .box {padding:0 19px;}
.form_agree3 .box.data_table {border:0;padding:0 19px;margin:0;}
.form_agree3 .box.data_table table th {padding-left:0;}
.form_agree3 .box.custom-scroll {height:145px;overflow-y:scroll;}
.form_agree3 .form {position:relative;min-height:30px;margin:15px 0 -15px;padding:12px 240px 13px 20px;background:#f7f7f7;}
.form_agree3 .form > dt {font-size:14px;line-height:30px;}
.form_agree3 .form > p {font-size:12px;line-height:18px;padding:6px 0;}
.form_agree3 .form .label_form:not(.radio) label span {font-weight:bold !important;}
.form_agree3 .form .label_form.radio {position:absolute;right:10px;top:50%;margin-top:-15px;}
.form_agree3 .form + .form {border-top:1px solid #e7e7e7;}
.form_agree3.info {margin:57px 0 0;}
.form_agree3.info .box {padding:40px 50px 20px;}
.form_agree3.info .form {padding:12px 20px;text-align:right;}

/* 약관유형4 */
.form_agree4 .form {min-height:30px;margin:30px 0 0;padding:12px 20px 13px 20px;background: #f7f7f7;text-align:right;}

/* 약관유형5 */
.form_agree5 {position:relative; margin: 20px 0 0 30px;}
.form_agree5 .tit {font-size:14px;line-height:40px;color:#111;}
.form_agree5 > .tit_sub2 {line-height:40px;margin:0;}
.form_agree5 .box {padding:15px 19px;border:1px solid #ddd;}
.form_agree5 .box.custom-scroll {height:100px;overflow-y:scroll;}
.form_agree5 .box .con {}
.form_agree5 .label_form.radio {position:absolute;top:5px;right:10px;}
.form_agree5 + .form_agree5 {margin:10px 0 0;}
.form_agree5 ~ .form_agree5:not(.ui_tab_con) {margin: 20px 0 0 30px;}
table .form_agree5 {margin-top:-12px;}

/* 약관 컨텐츠 */
.con_policy1 {color:#333;font-size:0.958em;}
.con_policy1 .mes {font-size:12px;margin:0 0 8px;color:#111;}
.con_policy1 .mes strong:first-child {display:block;font-size:13px;}
.con_policy1 .mes ~ .mes {margin-top:20px;}
.con_policy1 .tit {margin:0 0 8px;}
.con_policy1 .tit ~ .tit {margin:20px 0 8px;}
.con_policy1 p + .txt_type3 {margin:20px 0 0;}
.con_policy1 p + .txt_type3.list > li {margin:20px 0 0;}
.con_policy1 dl dt {font-weight:bold;}
.con_policy1 dl dd + dt {margin:6px 0 0;}
.con_policy1 dl.txt_type2 dt {font-size:12px;}
.con_policy1 .txt_type2.info > dd {padding:0;}
.con_policy1 .txt_type2.info > dd + dd {margin:2px 0 0;}
.con_policy1 .txt_type2.info > dd:before {display:none;}
.con_policy1 .txt_type2.info > dd .tit {display:block;margin:4px 0 0;}
.con_policy1 .txt_type2.info > dd ul {margin-left:10px;margin-right:10px;}
.con_policy1 .txt_type2.info > dd ul li {position:relative;padding:0 0 0 10px;}
.con_policy1 .txt_type2.info > dd ul li strong:first-child {display:block;}
.con_policy1 .txt_type2.info > dd ul li:before {content:'';position:absolute;left:0;top:10px;width:3px;height:1px;background:#555;border-left:1px solid #dadada;border-right:1px solid #dadada;}

.con_policy1 > ol > li {margin:20px 0 8px;}
.con_policy1 > ol > li > .tit:first-child {margin:0 0 8px;font-size:14px;}
.con_policy1 > ol .list_policy {margin-top:0;}

/* 컨텐츠유형1 : 약관내용용 */
.con_type1 .heading {display:block;margin-bottom:7px;font-weight:bold;}
.con_type1 dl {margin-top:25px;}
.con_type1 dl dt {margin-bottom:7px;font-weight:bold;}
.con_type1 dl dd + dt {margin-top:17px;padding-top:14px;border-top:1px dashed #ccc;}

/* 컨텐츠유형2 : 단락구분용 */
.con_type2 > p ~ p {margin-top:5px;}

/* 컨텐츠유형3 : 정렬용 */
.con_type3 {text-align:center;}

/* ---------------------------------------------------------
	CONTENT 공통 : 이미지영역 : 등록/관리이미지
--------------------------------------------------------- */
.img_area1 img {max-width:200px;max-height:130px;}


/* ---------------------------------------------------------
	CONTENT 공통 : 정보형
--------------------------------------------------------- */
/* 정보형 데이터1 */
.info_data1 > dt {margin:27px 0 0;padding:10px 0;}
.info_data1 > dd {margin:2px 0 0;font-weight:bold;}
.info_data1 > dt:first-child {margin-top:0;}
.info_data1 > dt:first-child + dd {position:relative;padding:0 0 37px;font-size:22px;line-height:28px;}
.info_data1 > dt:first-child + dd:after {content:'';position:absolute;left:0;bottom:0;display:block;width:30px;height:2px;background:#ff4e00;}
.info_data1 .btn {position:absolute;left:-9999px;top:-9999px;}
.info_data1 .btn + dd {font-weight:normal;}
.info_data1 .btn + dd a {display:block;}
.info_data1 .btn + dd a + a {margin:10px 0 0;}

/* 정보형 데이터2 : 보험상품정보  */
.info_data2 {position:relative;}
.info_data2 .basic {position:relative;height:100px;padding:70px 30px 50px;background:#f36710;color:#fff;}
.info_data2 .basic > strong {display:block;margin:0 0 8px;max-height:48px;font-size:20px;line-height:24px;font-weight:normal;}
.info_data2 .basic > strong + em {font-size:13px;color:rgba(255,255,255,0.8);}
.info_data2 .basic .btn {position:absolute;left:30px;bottom:20px;}
.info_data2 .basic .btn a:first-child {border-color:#fff;}
.info_data2 dl.basic {padding-top:60px;height:108px;font-size:20px;line-height:30px;}
.info_data2 dl.basic dd {font-weight:bold;}
.info_data2 dl.basic dd strong {font-weight:normal;}
.info_data2 .detail {position:relative;overflow:hidden;}
.info_data2 .detail:after {content:'';position:absolute;left:50%;top:0;bottom:0;background:#ddd;width:1px;}
.info_data2 .detail li {float:left;width:50%;border-top:1px solid #ddd;margin:-1px 0 0;padding:17px 29px;box-sizing:border-box;font-size:14px;line-height:18px;}
.info_data2 .detail li span, .info_data2 .detail li strong {display:block;}
.info_data2 .detail li span {margin:0 0 5px;color:#666;}
.info_data2 .detail li strong + span {margin:5px 0 0;}
.info_data2 .detail.link:after {display:none;}
.info_data2 .detail.link li {float:none;width:100%;}
.info_data2 .detail.link li:only-child {display:table-cell;height:150px;vertical-align:middle;}
.info_data2 .detail.link li > a {display:block;margin:-17px -29px;padding:17px 29px;}
.info_data2 .detail.link li > a strong:after {content:'';display:inline-block;width:6px;height:12px;margin:0 0 0 5px;background:url(../images/com/arr2_6x11_999.png) no-repeat 0 0;vertical-align:middle;}
.info_data2 .detail.link li > a:hover, .info_data2 .detail.link li > a:focus {color:#f36710;text-decoration:none;}
.info_data2 .nodata {position:absolute;left:30px;right:30px;top:5px;border-bottom:1px solid #6b737f;font-size:13px;line-height:44px !important;color:#9fa9b7;text-align:left !important;z-index:3;}
.info_data2 .loanInfo {font-size:13px; line-height:18px; font-weight:500 !important; margin-top:7px;}

/* 정보형 데이터3 : 보험금청구현황 */
.info_data3 {text-align:center;}
.info_data3 > li {height:267px;padding:80px 0 0;color:#111;}
.info_data3 .tit {position:relative;display:block;max-height:40px;max-width:200px;margin:0 auto;padding:14px 0;font-size:16px;line-height:20px;font-weight:normal;}
.info_data3 .tit:after {content:'';position:absolute;left:50%;bottom:0;width:26px;height:2px;margin:0 0 0 -13px;background:#111;}
.info_data3 a:hover, .info_data3 a:focus {text-decoration:none;}
.info_data3 a:hover .tit, .info_data3 a:focus .tit {color:#f36710;}
.info_data3 a:hover .tit:after , .info_data3 a:focus .tit:after {background-color:#f36710;}
.info_data3 ul {margin:10px 0 0;font-size:12px;}
.info_data3 ul > li > span {display:inline-block;}
.info_data3 ul > li > span:first-child {color:#666;}
.info_data3 ul > li > span + span {margin:0 0 0 6px;font-weight:bold;}

.icon_state1, .icon_state2 {position:relative;display:block;width:86px;height:76px;padding:10px 0 0;margin:0 auto;border-radius:50%;background:#fff;border:2px solid #3e332e;border-radius:50%;font-size:12px;line-height:16px;color:#3e332e;}
.icon_state1:before, .icon_state2:before, .icon_state1:after, .icon_state2:after {content:'';display:block;}
.icon_state1:before, .icon_state2:before {width:86px;height:39px;margin:5px auto 3px;background:url(../images/com/icon_state.png) no-repeat 0 0;}
.icon_state1:after, .icon_state2:after {position:absolute;right:0;top:-2px;width:25px;height:34px;background:url(../images/com/icon_state.png) no-repeat 0 0;}

.icon_state1.ic1:before {background-position:0 0;}
.icon_state1.ic2:before {background-position:-86px 0;}
.icon_state1.ic3:before {background-position:-172px 0;}
.icon_state1.ic4:before {background-position:-258px 0;}
.icon_state1.ic5:before {background-position:-344px 0;}
.icon_state1.ic6:before {background-position:-430px 0;}
.icon_state1.ic7:before {background-position:-516px 0;}

.icon_state1.ic1:after {background-position:0 -86px;}
.icon_state1.ic2:after {background-position:-25px -86px;}
.icon_state1.ic3:after {background-position:-50px -86px;}
.icon_state1.ic4:after {background-position:-75px -86px;}
.icon_state1.ic5:after {background-position:-100px -86px;}
.icon_state1.ic6:after {background-position:-125px -86px;}
.icon_state1.ic7:after {background-position:-150px -86px;}

.icon_state2.ic1:before {background-position:-602px 0;}
.icon_state2.ic2:before {background-position:-688px 0;}
.icon_state2.ic3:before {background-position:-86px 0;}
.icon_state2.ic4 {width:50px;padding:7px 18px 0;}
.icon_state2.ic4:before {background-position:-774px 0;margin:0 -18px -6px;}
.icon_state2.ic5:before {background-position:-258px 0;}
.icon_state2.ic6:before {background-position:-344px 0;}
.icon_state2.ic7:before {background-position:-430px 0;}
.icon_state2.ic8:before {background-position:-516px 0;}

.icon_state2.ic1:after {background-position:0 -86px;}
.icon_state2.ic2:after {background-position:-175px -86px;}
.icon_state2.ic3:after {background-position:-25px -86px;}
.icon_state2.ic4:after {background-position:-75px -86px;}
.icon_state2.ic5:after {background-position:-75px -86px;}
.icon_state2.ic6:after {background-position:-100px -86px;}
.icon_state2.ic7:after {background-position:-125px -86px;}
.icon_state2.ic8:after {background-position:-150px -86px;}

/* 정보형 데이터4  : 보험료 계산결과 */
.info_data4 {padding:17px 20px;border:1px solid #ccc;border-bottom:0;background:#f4f4f4;}
.info_data4 .txt_type1 > li {display:inline-block;margin:0;font-size:13px;}
.info_data4 .txt_type1 > li:first-child {display:block;}
.info_data4 .txt_type1 > li:first-child + li ~ li {margin-left:10px;}
.info_data4 p {margin-bottom:7px;}
.info_data4 + textarea {padding:20px;height:13em;}

/* 오류출력 */
.data_error {margin-bottom:13px;}
.data_error strong {display:block;margin-bottom:5px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 리스트
--------------------------------------------------------- */
.list_word1 {overflow:hidden;margin-left:-15px;}
.list_word1 > li, .list_word1 > span {display:inline-block;padding:0 14px; position:relative;}
.list_word1 > li:before, .list_word1 > span:before {content:''; position:absolute; left:-2px; top:50%; margin-top:-6px; width:1px; height:13px; background-color:#e7e7e7;}
div.list_word1 {display:inline-block;vertical-align:top;}

.list_word2 {overflow:hidden;margin:-4px 0 0 -10px;}
.list_word2 li, .list_word2 > span {display:inline-block;margin:4px 0 0;padding:0 10px;line-height:30px;}
.list_word2 li .btn_icon2 {margin:0 0 0 7px;}

.list_word2.bul li, .list_word2.bul span {position:relative;padding:0 10px 0 20px;}
.list_word2.bul li:before, .list_word2.bul span:before {content:'';display:block;position:absolute;left:10px;top:14px;width:4px;height:4px;background:url(../images/com/bul_4x4_555.png) 0 0 no-repeat;}

.list_word3 {overflow:hidden;font-size:12px;}
.list_word3 dt {display:inline-block;float:left;width:80px;font-weight:bold;line-height:28px;}
.list_word3 dd {position:relative;margin:0 0 0 80px;overflow:hidden;min-height:28px;}
.list_word3 dt + dd + dt, .list_word3 dt + dd + dt + dd {margin-top:4px;padding-top:4px;border-top:1px solid #ccc;}
.list_word3 dt + dd + dt {clear:both;}
.list_word3 dt.hidden + dd {margin:0;}
.list_word3 a {position:relative;display:inline-block;padding:5px 8px;margin-left:-1px;}
.list_word3 a:before {content:'';position:absolute;top:50%;left:0;margin-top:-4px;width:1px;height:11px;background-color:#ccc;}
.list_word3 a b {color:#eb6810;}
.form_search2 .list_word3 {display:inline-block;}

.list_word4 span {display:block;}
.list_word4.selected {color:#d24600;text-decoration:none;}

.list_col3 > li {display:inline-block;width:32%;vertical-align:top;box-sizing:border-box;margin:0 0 7px !important;}
.list_col4 > li {display:inline-block;width:24%;vertical-align:top;box-sizing:border-box;margin:0 0 7px !important;}
.list_col5 > li {display:inline-block;width:19%;vertical-align:top;box-sizing:border-box;margin:0 0 7px !important;}

/* 리스트타입1 */
.list_type1 {position:relative;overflow:hidden;display:block;}
.list_type1 > li + li, .list_type1 > dd {margin:6px 0 0;}
.list_type1 > dt {position:relative;font-weight:bold;padding:0 0 0 10px;line-height:35px;}
.list_type1 > dt:before {content:'';display:block;position:absolute;left:0;top:50%;width:4px;height:4px;margin:-2px 0 0;background:url(../images/com/bul_4x4_555.png) 0 0 no-repeat;}
.list_type1 a {display:block;padding:5px 12px 8px;line-height:20px;border:1px solid #fff;text-decoration:none;}
.list_type1 a:hover {text-decoration:none;color:#d24600;}
.list_type1 a.selected {border-color:#ff4e00;color:#d24600;}
.list_type1 a.selected:hover, .list_type1 a.selected:focus {border-color:#ff4e00;background-color:#fff;}

/* 리스트타입2 */
.list_type2 {margin-top:20px;}
.list_type2:after {content:'';display:block;clear:both;}
.list_type2 > li {position:relative;float:right;width:490px;height:92px;padding:0 170px 0 32px;border:1px solid #e7e7e7;border-radius:1px;box-sizing:border-box;font-weight:bold;}
.list_type2 > li:first-child {float:left;}
.list_type2 > li:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.list_type2 a {position:absolute;right:23px;top:50%;}
.list_type2 .img {position:absolute;right:50px;top:50%;margin-top:-33px;}
.list_type2 a.btn_sub1 {margin-top:-15px;}
.list_con2 .list_type2 li {width:418px;}

.list_type2.info_app li > strong {overflow:hidden;display:inline-block;width:175px;height:0;padding:45px 0 0;background:url(../images/com/logo_appstore.png) no-repeat 0 -45px;vertical-align:middle;}
.list_type2.info_app li:first-child > strong {background-position:0 0;}

/* 리스트타입3 */
.list_type3 {position:relative;margin:13px 0;padding:21px 20px;border:1px solid #ccc;}
.list_type3 ul {display:table;width:80%;}
.list_type3 ul:only-child {width:100%;}
.list_type3 ul li {display:table-cell;width:16%;text-align:center;}
.list_type3 ul li:before {content:'';display:inline-block;width:0;height:40px;vertical-align:middle;}
.list_type3 ul li + li {margin:0 0 0 45px;}
.list_type3 ul li > a, .list_type3 ul li > span {display:inline-block;line-height:20px;color:#333;font-weight:bold;vertical-align:middle;text-align:left;}
.list_type3 ul li > a {text-decoration:underline;}
.list_type3 ul li > a:hover, .list_type3 ul li > a:focus {color:#d24600;}
.list_type3 .sub {position:absolute;right:12px;top:50%;margin-top:-10px;}
.list_type3 .sub.info_qrcode {margin-top:-33px;}
.list_type3 .row {width:80%;}/* 2024-11-25 : 추가 */
.list_type3 .row + .row {margin:30px 0 0 0;}/* 2024-11-25 : 추가 */
.list_type3 .row ul li {text-align:left;}/* 2024-11-25 : 추가 */

/* 리스트타입4 */
.list_type4 {display:table;width:100%;table-layout:fixed;margin:25px 0;}
.list_type4 li {position:relative;text-align:center;box-sizing:border-box;display:table-cell;}
.list_type4 li + li {border-left:1px dashed #e7e7e7;}
.list_type4 li .btn {margin-top:18px;}

/* 리스트타입5 */
.list_type5 {overflow:hidden;}
.list_type5 li {float:left;width:48%;padding:0 2% 0 0;}
.list_type5 li a {display:inline-block;max-width:100%;height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type5 li a:hover, .box_con4 > .con.list ul li a:focus {color:#d24600;}
.list_type5 li:first-child + li ~ li {margin:6px 0 0;}

/* 리스트타입6 */
.list_type6 {overflow:hidden;}
.list_type6 li {float:left;width:48%;padding:17px 2% 17px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:18px;}
.list_type6 li .tit {display:block;margin:0 0 4px;}
.list_type6[class*="icon"] > li {position:relative;padding-left:60px;}
.list_type6[class*="icon"] > li:before {content:'';position:absolute;left:0;top:10px;display:block;width:55px;height:55px;background:rgba(255,0,0,0.1);}

/* 리스트타입8 */
.list_type8 {position:relative;overflow:hidden;}
.list_type8:before {content:'';position:absolute;left:50%;top:0;bottom:0;width:0;border-left:1px dashed #cacaca;}
.list_type8 > li {float:left;width:50%;padding-left:80px;padding-top:18px;box-sizing:border-box;}
.list_type8 > li:first-child {padding-left:0;padding-right:80px;}
.list_type8 > li > strong {display:block;font-size:16px;}
.list_type8 > li .tel {position:relative;display:block;margin:3px 0;padding-left:15px;color:#d24600;}
.list_type8 > li .tel:before {content:'';position:absolute;top:5px;left:0;display:inline-block;width:12px;height:13px;background:url(../images/com/icon_set1.png) -288px -150px no-repeat;}
.list_type8 > li a {font-weight:lighter !important;border-bottom:none !important;}
.list_type8 > li > ul {overflow:hidden;margin-top:20px;}
.list_type8 > li > ul > li {margin-top:20px;}
.list_type8 > li > ul > li:first-child {margin-top:0;}
.list_type8 > li > ul.col2 > li {float:left;width:50%;margin-top:0;}

/* ---------------------------------------------------------
	CONTENT 공통 : 데이터형목록
--------------------------------------------------------- */
/* 검색결과 : 지점 */
.list_data1 {margin-top:-15px;}
.list_data1 > li {position:relative;padding:15px 0 14px;}
.list_data1 > li + li {border-top:1px solid #e7e7e7;}
.list_data1 > li .tit, .list_data1 > li .state {vertical-align:middle;}
.list_data1 > li .tit {display:inline-block;font-weight:bold;font-size:16px;line-height:22px;}
.list_data1 > li .state {overflow:hidden;display:inline-block;width:86px;height:0;padding:16px 0 0;font-size:12px;line-height:16px;background:url(../images/com/icon_store.png) no-repeat 0 0;margin:2px 0 0;}
.list_data1 > li .state.ic1 {background-position:0 0;}
.list_data1 > li .state.ic2 {background-position:-86px 0;width:92px;}
.list_data1 > li .state.ic3 {background-position:-178px 0;width:50px;}
.list_data1 > li .state.ic4 {background-position:-228px 0;width:61px;}/* 비대면창구 추가 */
.list_data1 > li ul {margin:10px 0 0;}
.list_data1 > li ul > li {padding:0 0 0 37px;overflow:hidden;font-size:12px;line-height:1.5;}
.list_data1 > li ul > li + li {margin:4px 0 0;}
.list_data1 > li ul > li > span:first-child {display:inline-block;float:left;margin:0 0 0 -37px;width:37px;font-weight:bold;}
.list_data1 > li ul > li:first-child + li + li, .list_data1 > li ul > li:first-child + li + li + li {display:inline-block;}
/*
.list_data1 > li ul > li:nth-child(2) > span {width:85px;}
.list_data1 > li ul > li:nth-child(3) {width: 220px;margin-bottom: -5px}
.list_data1 > li ul > li:nth-child(3) > span {width:62px;}
.list_data1 > li ul > li:nth-child(4) {margin-bottom: -5px}
.list_data1 > li ul > li:first-child + li + li + li {margin-left:6px;}
.list_data1 > li ul > li:first-child + li + li + li + li {display:block;margin-left:0;}
.list_data1 > li ul > li:last-child:nth-child(3) {display:block;margin-left:0 !important;}
*/
/*.list_data1 > li > a {overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;text-indent:-9999px;}  주소, 전화 복사가능하게끔 수정 */
.list_data1 > li.on .tit {color:#d24600;}
.list_data1 .list_word1 {margin-left:-9px;}
.list_data1 .list_word1 > span {padding:0 4px 0 8px; position:relative;}
.list_data1 .list_word1 > span:before {left:-1px;}

/* 검색결과 : 목록(메뉴, 게시판) */
.list_data2 {border-bottom:1px solid #111;}
.list_data2 li {height:53px;line-height:53px;border-top:1px solid #e7e7e7;}
.list_data2 li:first-child {border-top:2px solid #222228;}
.list_data2 li a b {color:#eb6810;}
.list_data2 li a em {margin:0 4px 0 0;}
.list_data2 li a:hover, .list_data2 li a:focus {color:#eb6810;}

/* 검색결과 : 목록(보험상품) */
.list_data3 {position:relative;overflow:hidden;}
.list_data3:before, .list_data3:after  {content:'';display:inline-block;position:absolute;bottom:0;right:340px;width:320px;height:66px;background:#f5f5f5;z-index:0;}
.list_data3:before {right:340px;}
.list_data3:after {right:0;}
.list_data3 li {position:relative;display:inline-block;float:left;margin-top:20px;margin-left:20px;width:320px;height:66px;border:1px solid #e5e5e5;box-sizing:border-box;background-color:#fff;text-align:center;z-index:1;}
.list_data3 li:hover:before, .list_data3 li:focus:before {content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #eb6810;}
.list_data3 li:nth-child(-n+3) {margin-top:0;}
.list_data3 li:first-child, .list_data3 li:nth-child(3n+1) {margin-left:0;}
.list_data3 li span {display:inline-block;padding:0 10px;vertical-align:middle;}
.list_data3 li a {position:relative;display:inline-block;width:100%;height:100%;}
.list_data3 li a:before {content:'';display:inline-block;width:0;height:66px;vertical-align:middle;}
.list_data3 li a:hover, .list_data3 li a:focus {text-decoration:none;}
.list_data3 li a b {color:#eb6810;}

/* 검색결과 : 목록(약관, 보험용어) */
.list_data4 {position:relative;overflow:hidden;}
.list_data4:before, .list_data4:after {content:'';display:inline-block;position:absolute;bottom:0;right:340px;width:320px;height:184px;background:#f5f5f5;z-index:0;}
.list_data4:before {right:340px;}
.list_data4:after {right:0;}
.list_data4 li {position:relative;display:inline-block;float:left;margin-top:20px;margin-left:20px;width:320px;max-height:184px;border:1px solid #e5e5e5;box-sizing:border-box;background-color:#fff;z-index:1;}
.list_data4 li:hover:before {content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #eb6810;}
.list_data4 li:hover a {text-decoration:none;}
.list_data4 li:nth-child(-n+3) {margin-top:0;}
.list_data4 li:first-child, .list_data4 li:nth-child(3n+1) {margin-left:0;}
.list_data4 li b {color:#eb6810;}
.list_data4 li span {position:relative;overflow:hidden;display:block;padding:10px 0 0;margin-bottom:10px;height:63px;border-top:1px dashed #e5e5e5;word-break:break-all;}
.list_data4 li span:first-child {padding:10px 0;margin-bottom:0;border-top:0;height:42px;}
.list_data4 li span:first-child:before {content:'';display:inline-block;width:0;height:42px;vertical-align:middle;}
.list_data4 li span strong {display:inline-block;font-size:16px;line-height:22px;vertical-align:middle;}
.list_data4 li a {display:inline-block;padding:12px 24px 24px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 기타리스트
--------------------------------------------------------- */
/* 리스트 스킵링크형 */
.list_navi {overflow:hidden;padding:20px;border-top:1px solid #111;border-bottom:1px solid #ccc;}
.list_navi li {float:left;}
.list_navi li a {display:inline-block;padding:6px 20px;}
.list_navi li a:hover, .list_navi li a:focus {color:#d24600;}

.list_navi.word {padding:20px 0;}
.list_navi.word li {width:14%;}

.list_navi.list li {width:50%;}
.list_navi.list li > a {padding:6px 40px 6px 90px;}
.list_navi.list li > a strong:first-child {float:left;display:inline-block;}
.list_navi.list li > a strong:first-child {width:78px;margin:0 0 0 -78px;}

.list_navi.list2 li {width:50%;}
.list_navi.list2 li > a {padding:6px 10px 6px 28px;}
.list_navi.list2 li > a span:first-child {display:inline-block;width:28px;margin:0 0 0 -28px;font-weight:bold;}

/* ---------------------------------------------------------
	CONTENT 공통 : 박스형목록
--------------------------------------------------------- */
/* 박스목록1 */
.list_box {overflow:hidden;margin:-20px 0 0 -20px;}
.list_box > ul > li {float:left;margin:20px 0 0 20px;padding:0 40px;width:238px;min-height:420px;border:1px solid #e4e4e4;border-radius:5px;}
.list_box li h3 {position:relative;margin-bottom:24px;border-bottom:1px solid #999;font-weight:normal;}
.list_box li h3:before, .list_box li h3 span {display:inline-block;vertical-align:middle;}
.list_box li h3:before {content:'';width:0;height:142px;}
.list_box li h3 span {font-size:23px;line-height:28px;}
.list_box li > ul li {border-top:1px solid #ebebeb;}
.list_box li > ul li:first-child {border-top:none;}
.list_box li > ul li a {display:block;padding:18px 0;font-size:14px;color:#111;background:url(../images/com/arr2_6x11_999.png) 100% 50% no-repeat;}
.list_box > ul > li.w2 {width:578px;}
.list_box > ul > li.w2 > ul {text-align:right;}
.list_box > ul > li.w2 > ul > li {display:inline-block;width:238px;float:left;clear:both;text-align:left;}
.list_box > ul > li.w2 > ul > li:first-child + li + li {border:0;}
.list_box > ul > li.w2 > ul > li + li ~ li {float:none;}

/* 박스목록2 */
.list_box2 {overflow:hidden;border-spacing:20px;width:104%;margin:-20px 0 0 -20px;}
.list_box2 > li {float:left;position:relative;display:block;width:242px;min-height:248px;margin:20px 0 0 20px;padding:30px 38px 120px;border:1px solid #ccc;}
.list_box2 > li .heading {position:relative;display:block;padding:15px 0 30px;margin:0 0 30px;font-size:20px;line-height:26px;}
.list_box2 > li .heading:after {content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ff4e00;}
.list_box2 > li .bottom {position:absolute;left:38px;bottom:40px;}
.list_box2 + .txt_type1 {margin-top:30px;}

.list_box2.col2 > li {width:412px;min-height:139px;}

.list_box2.col4 > li {width:175px;min-height:237px;padding:30px 29px 70px;}
.list_box2.col4 > li .heading {height:44px;margin:0 0 17px;padding:0 0 20px;font-size:16px;line-height:22px;}
.list_box2.col4 > li .bottom {left:30px;right:30px;bottom:24px;text-align:right;}

.list_box2.info > li {min-height:210px;padding-bottom:47px;}
.list_box2.info > li .heading {height:auto;margin:0 0 17px;padding:0 0 20px;font-size:16px;line-height:22px;}
.list_box2.info > li .heading > span {font-weight:normal;}
.list_box2.info > li .heading + p {margin:0 0 10px;}
.list_box2.info > li .bottom {left:30px;right:30px;bottom:24px;text-align:right;}

.list_box2.banner {margin:0 0 0 -20px;}
.list_box2.banner > li {width:282px;min-height:140px;padding:30px 18px 70px;text-align:center;border-radius:2px;}
.list_box2.banner > li .heading {padding:48px 0 17px;margin:0 0 17px;font-size:26px;line-height:32px;font-weight:normal;}
.list_box2.banner > li .heading .img {display:block;margin:-48px 0 25px;line-height:1;height:22px;}
.list_box2.banner > li .heading:after {left:50%;margin:0 0 0 -15px;}
.list_box2.banner  > li .bottom {position:absolute;left:-1px;right:-1px;bottom:-1px;display:block;line-height:38px;padding:0 0 2px;background:#3e332e;text-align:center;color:#fff;border-radius:0 0 2px 2px;}
.list_box2.banner  > li a.bottom:hover, .list_box2.banner  > li a.bottom:focus {text-decoration:none;color:#d24600;}

.list_box2.banner2 {margin:0 0 0 -20px;}
.list_box2.banner2 > li {width:282px;min-height:140px;padding:30px 18px 70px;text-align:center;border-radius:2px;}
.list_box2.banner2 > li:before {content:'';display:block;width:64px;height:64px;margin: 15px auto -25px !important;background:url(../images/contents/icon_finance.png) no-repeat 0 50%;}
.list_box2.banner2 > .img1:before {background-position:0 0;}
.list_box2.banner2 > .img2:before {background-position:-64px 0;}
.list_box2.banner2 > .img3:before {background-position:-128px 0;}
.list_box2.banner2 > .img4:before {background-position:-192px 0;}
.list_box2.banner2 > .img5:before {background-position:-256px 0;}
.list_box2.banner2 > .img6:before {background-position:-320px 0;}
.list_box2.banner2 > li .heading {margin-bottom:20px;}
.list_box2.banner2 > li .heading:after {left:50%;margin:0 0 0 -15px;}
.list_box2.banner2  > li .bottom {position:absolute;left:-1px;right:-1px;bottom:-1px;display:block;line-height:38px;padding:0 0 2px;background:#3e332e;text-align:center;color:#fff;border-radius:0 0 2px 2px;}
.list_box2.banner2  > li a.bottom:hover, .list_box2.banner  > li a.bottom:focus {text-decoration:none;color:#d24600;}

/* 박스목록3 */
.list_box3 {position:relative;display:table;overflow:hidden;width:100%;margin:12px 0;border:1px solid #e7e7e7;font-size:12px;line-height:18px;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list_box3 > li {position:relative;display:table-cell;width:20%;padding:23px 30px 37px;}
.list_box3 > li:before {content:'';position:absolute;left:-1px;top:-100px;bottom:-100px;width:1px;background:#e7e7e7;}
.list_box3 > li .heading {position:relative;display:block;padding:0 0 20px;margin:0 0 20px;font-size:14px;line-height:26px;color:#333;}
.list_box3 > li .heading:after {content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ff4e00;}
.list_box3 > li > .con {float:left;display:block;width:48%;width:-webkit-calc(50% - 30px);width:-moz-calc(50% - 30px);width:calc(50% - 30px);}
.list_box3 > li > .con + .con {float:right;}
.list_box3 > li .list > li + li {margin:10px 0 0;}

.list_box3.w2 > li {width:33%;}
.list_box3.w2 > li + li {width:66%;}


/* 박스목록4 추가 2018.10.25 */
.list_box4 {overflow:hidden;border-spacing:20px;width:104%;margin:-20px 0 0 -20px;}
.list_box4 > li {float:left;position:relative;display:block;width:242px;min-height:248px;margin:20px 0 0 20px;padding: 30px 38px 30px;border:1px solid #ccc;}
.list_box4 > li .heading {position:relative;display:block;padding:15px 0 30px;margin:0 0 30px;font-size:20px;line-height:26px;}
.list_box4 > li .heading:after {content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ff4e00;}
.list_box4 > li .bottom {position:absolute;left:38px;bottom:40px;}
.list_box4 + .txt_type1 {margin-top:30px;}

.list_box4.col2 > li {width:412px;min-height:139px;}

/* 박스목록4 한화자동차보험 캐롯 추가 2025.09.18 */
.list_box4.carins {margin:-20px 0 0 -17px;}
.list_box4.carins > li {width:264px;padding:30px 28px 30px;margin:20px 0 0 17px;}
.list_box4.carins .txt_type1.small > li {letter-spacing:-0.04em;}

/* 박스목록5 */
.list_box5 {position:relative;display:table;overflow:hidden;width:100%;margin:12px 0;border:1px solid #e7e7e7;font-size:12px;line-height:18px;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list_box5 > li {position:relative;display:table-cell;width:20%;padding:13px 13px 13px;}
.list_box5 > li:before {content:'';position:absolute;left:-1px;top:-100px;bottom:-100px;width:1px;background:#e7e7e7;}
.list_box5 > li .heading {position:relative;display:block;padding:0 0 20px;margin:0 0 10px;font-size:14px;line-height:26px;color:#333;}
.list_box5 > li .heading:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e7e7e7;}
.list_box5 > li > .con {float:left;display:block;width:48%;width:-webkit-calc(50% - 30px);width:-moz-calc(50% - 30px);width:calc(50% - 30px);}
.list_box5 > li > .con + .con {float:right;}
.list_box5 > li .list > li + li {margin:10px 0 0;}


/* ---------------------------------------------------------
	CONTENT 공통 : 이미지목록
--------------------------------------------------------- */
/* 이미지목록1*/
.list_img1 {display:table;width:102%;margin:15px 0 15px -2%;}
.list_img1 > li {position:relative;display:table-cell;width:48%;padding:0 0 0 2%;text-align:center;}
.list_img1 > li > div {padding:35px 10px;border:1px solid #e7e7e7;border-radius:5px;}
.list_img1 > li > div > .img {display:block;}
.list_img1 > li > div > strong {margin:10px 0 0;font-size:14px;line-height:24px;font-weight:bold;}

.list_img1.list {width:100%;margin:15px 0;border:1px solid #e7e7e7;border-radius:5px;}
.list_img1.list > li {width:25%;padding:0;}
.list_img1.list > li:before {content:'';position:absolute;display:block;left:0;top:25px;bottom:25px;width:1px;background:#e7e7e7;}
.list_img1.list > li:first-child:before {display:none;}
.list_img1.list > li > div {border:0;padding:25px 10px;}
.txt_type3 + .list_img1 {margin-top:15px;}

/* 이미지목록2 */
.list_img2 {overflow:hidden;margin:10px 0;}
.list_img2 > li {float:left;display:inline-block;vertical-align:top;}
.list_img2 > li > strong {display:block;margin:0 0 10px;}
.list_img2 > li + li {float:right;}

/* 이미지목록3 */
.list_img3 {width:102%;margin-left:-2%;margin-bottom:-3%;overflow:hidden;}
.list_img3 > li {float:left;width:48%;margin-left:2%;padding-bottom:5%;color:#666;}
.list_img3 > li:nth-child(2n-1) {clear:left;}
.list_img3 > li .img {position:relative;display:block;height:170px;overflow:hidden;text-align:center;background:#e7e7e7;}
.list_img3 > li .img img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.list_img3 > li strong {display:block;padding:8px 0 4px;font-weight:normal;color:#333;}
.list_img3 > li a:focus > .img {border:1px dotted #000;box-sizing:border-box;}

/* 이미지목록4 */
.list_img4 {margin-bottom:-3%;overflow:hidden;}
.list_img4 > li.clickon {float:left;width:32%;margin-left:2%;padding-bottom:3%;text-align:center;}
/*.list_img4 > li.clickon:nth-of-type(3n+1) {clear:left;margin-left:0;}*/
.list_img4 > li > div {padding:35px 10px;border:1px solid #e7e7e7;border-radius:5px;}
.list_img4 > li > div .form_file{width:100%;box-sizing:border-box;}
.list_img4 > li > div .form_file + p {text-align:left;}
.list_img4 > li > div .img {position:relative;display:block;height:170px;overflow:hidden;text-align:center;}
.list_img4 > li > div .img img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.list_img4 > li > div > strong {margin:10px 0 0;font-size:14px;line-height:24px;font-weight:bold;}


/* ---------------------------------------------------------
	CONTENT 공통 : 리스트형컨텐츠
--------------------------------------------------------- */
/* 리스트형 컨텐츠1 */
.list_con1 {width:102%;display:table;margin:15px 0 15px -2%;overflow:hidden;padding:0 1px;}
.list_con1 > li {position:relative;display:table-cell;width:16%;padding:0 0 0 2%;vertical-align:middle;text-align:center;}
.list_con1 > li:before {content:'';position:absolute;left:20px;right:0;top:0;bottom:0;border:1px solid #ccc;z-index:-1;}
.list_con1 > li:after {content:'';display:inline-block;width:0;height:100%;min-height:200px;vertical-align:middle;}
.list_con1 > li .wrap {display:inline-block;vertical-align:middle;text-align:center;}

/* 리스트형 컨텐츠2 */
.list_con2 {margin:10px 0;border-top:2px solid #111;border-bottom:1px solid #111;}
.list_con2 > li, div.list_con2 {position:relative;padding:30px 0;}
.list_con2 > li {border-top:1px solid #e7e7e7;}
.list_con2 > li:after {content:'';display:inline-block;width:0;height:100%;min-height:80px;vertical-align:middle;}
.list_con2 .wrap {vertical-align:middle;display:inline-block;width:98%;}
.list_con2 .wrap > .tit_sub2:first-child {margin-top:0;}
.list_con2 .wrap .title {display:block;margin-bottom:10px;font-size:16px;}
.list_con2 .wrap p strong + span {display:block;margin-top:11px;}
.list_con2 span.wrap {font-weight:bold;font-size:16px;}
.list_con2 > li:first-child {border:none;}
.tab_content .con .list_con2 {border-bottom:0;}

.list_con2.num {border-top:1px solid #111;}
.list_con2.num > li {padding-left:100px;}
.list_con2.num > li:after {min-height:40px;}
.list_con2.num > li:after, .list_con2.num > li .wrap {vertical-align:top;}
.list_con2.num > li > span:first-child {position:absolute;width:80px;left:10px;top:30px;text-align:center;font-size:42px;line-height:1;font-family:Myriad Pro,"맑은 고딕","Malgun Gothic",'돋움',Dotum,AppleGothic,Tahoma,Helvetica,sans-serif;}
.list_con2.num > li .wrap .title {margin-bottom:6px;font-size:14px;}

.list_con2.col2 {overflow:hidden;}
.list_con2.col2 > li {position:relative;float:left;width:50%;padding:32px 35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list_con2.col2 > li:after {content:'';display:block;position:absolute;left:100%;top:0;bottom:0;width:1px;height:auto;min-height:0;background:#e7e7e7;}
.list_con2.col2 > li .wrap {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.list_con2.col2 > li:nth-child(2n):after {left:0;}
.list_con2.col2 > li:nth-child(2n-1) {clear:left;}
.list_con2.col2 > li:nth-child(2n-1):last-child {clear:both;width:100%;}

.list_con2.icon_kind > li {padding-left:120px;}
.list_con2.icon_kind > li:before {content:'';position:absolute;width:80px;height:80px;left:20px;top:50%;margin-top:-40px;line-height:80px;background:url(../images/contents/icon_eco.png) 0 0 no-repeat;}

.list_con2.toggle {}
.list_con2.toggle > li .con img {max-width:100%;} /*251205 추가*/
.list_con2.toggle > li {padding:0;}
.list_con2.toggle > li:after {display:none;}
.list_con2.toggle > li .heading {display:block;position:relative;padding:30px 80px;min-height:48px;}
.list_con2.toggle > li .heading > a {position: absolute;display: block;overflow: hidden;text-decoration: none;left: -66px;right: 0;top: 4px;bottom: 0;text-indent: -100%;}
.list_con2.toggle > li .heading > a:hover, .list_con2.toggle > li .heading > a:focus {text-decoration:none;}
.list_con2.toggle > li .heading > a:after {content:'';position:absolute;display:block;top:50%;right:21px;margin-top:-10px;width:20px;height:20px;background:url(../images/com/arr_toggle2.png) no-repeat 0 0;}
.list_con2.toggle > li .heading .title {display:block;margin-bottom:6px;font-size:14px;font-weight:bold;}
.list_con2.toggle > li .con {visibility:hidden;overflow:hidden;height:0;padding:0 40px;background-color:#f4f4f4;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.list_con2.toggle > li .con .mes_type1 {font-size:16px;}
.list_con2.toggle > li .con .btn_com {min-width:185px;font-size:15px;line-height:48px;}
.list_con2.toggle > li.on > .heading > a:after {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);}
.list_con2.toggle > li.on > .con {visibility:visible;height:auto;padding:40px 40px 60px;}
ol.list_con2.toggle {counter-reset:num;}
ol.list_con2.toggle > li .heading {padding-left:100px;}
ol.list_con2.toggle > li .heading:before {content:counter(num);counter-increment:num 1;position:absolute;width:80px;left:0;top:30px;text-align:center;font-size:42px;line-height:1;font-family:Myriad Pro,"맑은 고딕","Malgun Gothic",'돋움',Dotum,AppleGothic,Tahoma,Helvetica,sans-serif;}
ol.list_con2.toggle > li .con {text-align:center;}

/* 리스트형 컨텐츠3 */
.list_con3 {margin-top:60px;}
.list_con3 li {padding-left:240px;height:170px;position:relative;}
.list_con3 li + li {margin-top:50px;}
.list_con3 li:before, .list_con3 li:after {content:'';display:inline-block;}
.list_con3 li:before {width:170px;height:170px;position:absolute;left:30px;top:0;background:#ddd;border-radius:85px;}
.list_con3 li:after {width:0;height:100%;vertical-align:middle;}
.list_con3 li .wrap {display:inline-block;vertical-align:middle;}
.list_con3 li .wrap > p  + p {margin-top:13px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 페이징/탭
--------------------------------------------------------- */
/* 탭 타입1 */
.tab_type1 {/*overflow:hidden;*/position:relative;margin:20px 0 40px;}
.tab_type1 > ul {display:table;table-layout:fixed;width:100%;}
.tab_type1 > ul > li {display:table-cell;}
.tab_type1 > ul > li em {display:none;}
.tab_type1 > ul > li > a {display:block;padding:19px 0;line-height:20px;font-size:16px;text-align:center;text-decoration:none;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tab_type1 > ul > li > a span {font-size:14px;}
.tab_type1 > ul > li > a:hover, .tab_type1 > ul > li > a:focus {color:#d24600;}
.tab_type1 > ul > li:first-child > a {border-left:1px solid #ccc;}
.tab_type1 > ul > li.on > a {position:relative;font-size:16px;line-height:20px;font-weight:bold;color:#fff;z-index:1;}
.tab_type1 > ul > li.on > a:after {content:'';display:block;position:absolute;left:-1px;right:0;top:-1px;bottom:0;background:#ff4e00;z-index:-1;}
.tab_type1 > ul > li.on:last-child > a:after {right:-1px;}
.tab_type1 > ul > li.on > a:not(:only-child) {margin-bottom:50px;}
.tab_type1 > ul > li ul {display:none;position:absolute;left:-19px;bottom:0;/*overflow:hidden;*/width:100%;}
.tab_type1 > ul > li ul li {float:left;position:relative;font-size:14px;line-height:20px;color:#111;}
.tab_type1 > ul > li ul li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#e7e7e7;}
.tab_type1 > ul > li ul li a {position:relative;display:inline-block;padding:2px 18px 5px 19px;color:#111;}
.tab_type1 > ul > li ul li a:hover,.tab_type1 > ul > li ul li a:focus {text-decoration:none;color:#d24600;}
.tab_type1 > ul > li ul li.on a {font-weight:bold;}
.tab_type1 > ul > li ul li.on a:after {content:'';display:block;position:absolute;left:20px;right:20px;bottom:0;height:2px;background:#ff4e00;}
.tab_type1 > ul > li.on ul {display:block;}
.tab_type1 + .hidden + .tit_sub1 {margin-top:0;}
.tab_type1 + .tab_type3 {margin-top:-15px;}
.form_search2 + .tab_type1 {margin:30px 0;}

/* 탭 타입2 */
.tab_type2 {/*overflow:hidden;*/position:relative;margin:12px 0;}
.tab_type2 > ul {display:table;table-layout:fixed;width:100%;}
.tab_type2 > ul > li em {display:none;}
.tab_type2 > ul > li {position:relative;display:table-cell;}
.tab_type2 > ul > li:before {content:'';position:absolute;left:-1px;right:0;top:0;height:38px;border:1px solid #d2d2d2;}
.tab_type2 > ul > li:first-child:before {left:0;}
.tab_type2 > ul > li > a {position:relative;display:block;font-size:14px;line-height:40px;text-align:center;text-decoration:none;}
.tab_type2 > ul > li > a:hover, .tab_type2 > ul > li a:focus {color:#d24600;}
.tab_type2 > ul > li.on {z-index:1;}
.tab_type2 > ul > li.on:before {border-color:#ff4e00;}
.tab_type2 > ul > li.on > a {font-weight:bold;color:#d24600;}
.tab_type2 > ul > li.on > a:not(:only-child) {margin-bottom:40px;}
.tab_type2 > ul > li ul {display:none;position:absolute;left:-19px;bottom:0;/*overflow:hidden;*/width:100%;}
.tab_type2 > ul > li ul li {float:left;position:relative;font-size:14px;line-height:20px;color:#111;}
.tab_type2 > ul > li ul li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#e7e7e7;}
.tab_type2 > ul > li ul li a {position:relative;display:inline-block;padding:2px 18px 5px 19px;color:#111;}
.tab_type2 > ul > li ul li a:hover,.tab_type2 > ul > li ul li a:focus {text-decoration:none;color:#d24600;}
.tab_type2 > ul > li ul li.on a {font-weight:bold;}
.tab_type2 > ul > li ul li.on a:after {content:'';display:block;position:absolute;left:20px;right:20px;bottom:0;height:2px;background:#ff4e00;}
.tab_type2 > ul > li.on ul {display:block;}

/* 탭 타입3 */
.tab_type3 {margin:30px 0;}
.tab_type3 ul {/*overflow:hidden;*/}
.tab_type3 ul:after{content:'';display:block;clear:both;}
.tab_type3 ul li em {display:none;}
.tab_type3 ul li {float:left;position:relative;padding:0 20px;font-size:14px;color:#111;}
.tab_type3 ul li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#e7e7e7;}
.tab_type3 ul li a {display:inline-block;color:#111;border-bottom:2px solid #fff;}
.tab_type3 ul li.on a {border-color:#ff4e00;font-weight:bold;}
.tab_type3 ul li.on a:hover, .tab_type3 ul li.on:focus {text-decoration:none;}
.tab_type3 ul li:first-child {padding-left:0;}
.tab_type3 ul li:first-child:before {display:none;}

/* 탭 타입4 */
.tab_type4 {position:relative;}
.tab_type4:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#ddd;}
.tab_type4 ul {/*overflow:hidden;*/display:table;width:100%;}
.tab_type4 ul li em {display:none;}
.tab_type4 ul li {display:table-cell;position:relative;width:33%;font-size:13px;line-height:34px;color:#111;text-align:center;}
.tab_type4 ul li a {display:block;color:#111;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.tab_type4 ul li a:before {content:'';position:absolute;left:0;right:0;bottom:0;height:2px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.tab_type4 ul li a:hover, .tab_type4 ul li a:focus {text-decoration:none;font-weight:bold;}
.tab_type4 ul li.on a, .tab_type4 ul li a.active {font-weight:bold;}
.tab_type4 ul li.on a:before, .tab_type4 ul li a.active:before {background:#111;}

/* 탭 타입5 */
.tab_type5 {margin: 14px 0 15px 0;}
.tab_type5 ol.tab {/*overflow:hidden;*/margin-left:1.7rem;}
.tab_type5 ol.tab:after{content:'';display:block;clear:both;}
.tab_type5 ol.tab li em {display:none;}
.tab_type5 ol.tab li {float:left;position:relative;padding: 0 10px;font-size: 14px;color:#3e332e;text-decoration:none;}
.tab_type5 ol.tab li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#e7e7e7;}
.tab_type5 ol.tab li a {display:inline-block;color:#3e332e;}
.tab_type5 ol.tab li.on a {font-weight:bold;text-decoration:none;color:#d24600;}
.tab_type5 ol.tab li.on a:hover, .tab_type5 ul li.on:focus {text-decoration:none;}
.tab_type5 ol.tab li:first-child {padding-left:0;}
.tab_type5 ol.tab li:first-child:before {display:none;}

/* 탭 SNS형 */
.tab_sns {text-align:center;margin:50px 0;}
.tab_sns > li {display:inline-block;margin:0 6px;vertical-align:top;}
.tab_sns > li em {display:none;}
.tab_sns > li a {overflow:hidden;display:block;width:90px;height:0;padding:90px 0 0;background:url(../images/com/tab_sns.png) no-repeat 0 0;}
.tab_sns > li a.ic1 {background-position:-90px 0;}
.tab_sns > li a.ic2 {background-position:-180px 0;}
.tab_sns > li a.ic3 {background-position:-270px 0;}
.tab_sns > li a:hover {background-position:0 -90px;}
.tab_sns > li a.ic1:hover {background-position:-90px -90px;}
.tab_sns > li a.ic2:hover {background-position:-180px -90px;}
.tab_sns > li a.ic3:hover {background-position:-270px -90px;}
.tab_sns > li.on a {background-position:0 -180px;}
.tab_sns > li.on a.ic1 {background-position:-90px -180px;}
.tab_sns > li.on a.ic2 {background-position:-180px -180px;}
.tab_sns > li.on a.ic3 {background-position:-270px -180px;}

/* 탭 컨텐츠 */
.tab_content {position:relative;padding:94px 2px 2px;}
.tab_content em {display:none;}
.tab_content:before {content:'';position:absolute;left:0;right:0;top:92px;bottom:0;border:2px solid #111;}
.tab_content:after {content:'';display:block;clear:both;}
.tab_content .heading {position:absolute;top:0;width:25%;height:92px;border-top:1px solid #ccc;border-right:1px solid #ccc;background:#f4f4f4;box-sizing:border-box;z-index:2;}
.tab_content .heading.t1 {left:0;}
.tab_content .heading.t2 {left:25%;}
.tab_content .heading.t3 {left:50%;}
.tab_content .heading.t4 {left:75%;}
.tab_content .heading:first-child {border-left:1px solid #ccc;}
.tab_content .heading a {position:relative;display:block;width:100%;height:100%;padding:0 0 0 50px;vertical-align:middle;box-sizing:border-box;z-index:1;}
.tab_content .heading a:after {content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.tab_content .heading a > span {display:inline-block;font-weight:normal;color:#555;vertical-align:middle;}
.tab_content .heading a:hover, .tab_content .heading a:focus {text-decoration:none;}
.tab_content .heading.on {z-index:3;}
.tab_content .heading.on a span {font-weight:bold;color:#111;}
.tab_content .heading.on:before {content:'';position:absolute;left:0;top:-7px;right:-1px;bottom:-2px;border:2px solid #111;border-bottom:0;background:#fff;}
.tab_content .heading.on.t1:before {left:-1px;}
.tab_content .con {visibility:hidden;position:absolute;padding:10px 40px 50px 40px;width:100%;background:#fff;box-sizing:border-box;z-index:-1;}
.tab_content .con > .area {position:relative;top:20px;opacity:0;
	-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
.tab_content .con.on {position:relative;visibility:visible;z-index:1;}
.tab_content .con.on > .area {top:0;opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.tab_content.col2 .heading {width:50%;}
.tab_content.col2 .heading.t2 {left:50%;}

.tit_sub1 + .tab_content {margin-top:20px;}

.tab_content2 {overflow:hidden;}
.tab_content2 .heading {overflow:hidden;float:left;margin-left:-5px;width:460px;}
.tab_content2 .heading label {float:left;margin:0 0 6px 5px;width:225px;height:63px;text-align:center;}
.tab_content2 .heading label:first-child + label {margin-top:0;}
.tab_content2 .label_form label > span {display:block;padding:15px 0 0;width:225px;height:63px;border:1px solid #ddd;box-sizing:border-box;}
.tab_content2 .label_form label:hover > span {color:#d24600;}
.tab_content2 .label_form label > span:before {display:none;}
.tab_content2 .label_form label:hover > span:before {content:'';display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;width:auto;height:auto;background:none;border:2px solid #ff4e00;}
/* 포커스 수정 밑에 2줄 */
.tab_content2 .label_form input:checked + span {border:1px solid #ff4e00;background-color:#ff4e00;color:#fff;}
.heading.label_form.radio label:has(input:focus-visible) input + span{border: 1px solid #000;}


.tab_content2 .con {overflow:hidden;float:right;width:535px;height:340px;border:1px solid #ddd;background:#f7f7f7;box-sizing:border-box;text-align:center;}
.tab_content2 .con p {padding:15px 20px 0px;height:268px;box-sizing:border-box;}
.tab_content2 .con p:before {content:'';display:block;height: 220px;background:url(../images/contents/visual_person.png) 0 0 no-repeat;}
.tab_content2 .con .bg1:before {background-position:0 0;}
.tab_content2 .con .bg2:before {background-position: -535px 0;}
.tab_content2 .con .bg3:before {background-position: -1070px 0;}
.tab_content2 .con .bg4:before {background-position: -1605px 0;}
.tab_content2 .con .bg5:before {background-position: -535px -270px;}
.tab_content2 .con .bg6:before {background-position: -535px 0;}
.tab_content2 .con .bg7:before {background-position:0 -270px;margin:-10px 0 0;}
.tab_content2 .con .bg8:before {background-position: -535px -270px;}
.tab_content2 .con .bg9:before {background-position: -1070px -270px;}
.tab_content2 .con .bg10:before {background-position: -1605px -270px;}
/* 2025.06.24 신설특약 적용(자녀형) */
.tab_content2 {display:table;width:100%;table-layout:fixed;}
.tab_content2 .heading, .tab_content2 .con {float:none;}
.tab_content2 .heading {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:460px;margin:-6px 0 0 -5px;}
.tab_content2 .heading label {-webkit-box-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin:6px 0 0 5px;}
.tab_content2 .heading label:first-child + label {margin:6px 0 0 5px;}
.tab_content2 .label_form label > span {width:100%;}
.tab_content2 .con {display:table-cell;vertical-align:middle;}
.tab_content2 .con p.on {padding:0 20px;}
.tab_content2 .con .bg11:before {background-position: 0 -540px;}

/* paging */
.paging {width:100%;margin:15px 0;padding:0;text-align:center;font-size:14px;line-height:24px;vertical-align:top;}
.paging a, .paging ul, .paging ul li {display:inline-block;vertical-align:top;}
.paging ul {margin:0 11px;}
.paging ul a {width:26px;padding:0 0 2px;color:#111;border-radius:50%;}
.paging ul a, .paging ul a:hover, .paging ul a:visited, .paging ul a:active, .paging ul a:focus {text-decoration:none;}
.paging ul a:hover, .paging a:focus {color:#d24600;}
.paging ul li.on a  {color:#fff;background:#ff4e00;}
.paging ul li em {display:none;}
.paging a img {vertical-align:top;}
.paging > a {height:26px;overflow:hidden;}
.paging > a:hover img, .paging > a:focus img {margin:-26px 0 0;}
.paging > a + a {position:relative;margin-left:-3px;padding-left:2px;}
.paging > a + a:before {content:'';position:absolute;left:0;top:50%;width:1px;height:13px;margin:-6px 0 -1px;background:#ccc;}

/* ---------------------------------------------------------
	CONTENT 공통 : 진행상태
--------------------------------------------------------- */
/* 진행상태 */
.step_info {position:relative;width:100%;height:120px;margin:0 0 40px;z-index:1;}
.step_info:after {content:'';display:block;position:absolute;left:63px;top:44px;width:860px;height:4px;background:#dddddd;z-index:-2;}
.step_info > li {position:absolute;top:0;width:130px;text-align:center;}
/*.step_info > li.on p {position:absolute;left:-9999px;top:0;text-indent:-9999px;font-size:0;line-height:0;}*/
.step_info > li:first-child {left:0;}
.step_info > li + li {left:50%;margin-left:-65px;}
.step_info > li + li + li {left:auto;right:0;}

.step_info.step4 > li + li {left:25%;margin-left:40px;}
.step_info.step4 > li + li + li {left:50%;margin-left:80px;}
.step_info.step4 > li + li + li + li {left:auto;right:0;margin-left:0;}

.step_info.step5 > li + li {left:20%;margin-left:17px;}
.step_info.step5 > li + li + li {left:40%;margin-left:34px;}
.step_info.step5 > li + li + li + li {left:60%;margin-left:52px;right:auto;}
.step_info.step5 > li + li + li + li + li {left:auto;right:0;margin-left:0;}

.step_info.step6 > li + li {left:17%;margin-left:4px;}
.step_info.step6 > li + li + li {left:34%;margin-left:8px;}
.step_info.step6 > li + li + li + li {left:51%;margin-left:12px;}
.step_info.step6 > li + li + li + li + li {left:68%;margin-left:16px;}
.step_info.step6 > li + li + li + li + li + li {left:auto;right:0;margin-left:0;}

.step_info > li span, .step_info > li strong {color:#666;}
.step_info > li span {position:relative;display:block;width:130px;height:50px;padding-top:40px;text-align:center;font-size:24px;color:#666;font-weight:bold;line-height:1;}
.step_info > li span:after {content:'STEP';display:block;position:absolute;left:0;right:0;top:24px;font-size:13px;line-height:18px;font-weight:normal;text-align:center;}
.step_info > li strong {display:block;padding-top:3px;font-size:16px;font-weight:bold;}
.step_info > li:before {content:'';display:block;position:absolute;left:50%;top:0;margin-left:-45px;width:90px;height:90px;background:url(../images/com/bg_step_info1.png) no-repeat 0 0;}
.step_info > li.on:before {background-position:-180px 0;z-index:0;}
.step_info > li.on ~ li span, .step_info > li.on ~ li strong {color:#111;}
.step_info > li.on span, .step_info > li.on strong {color:#d24600;}
.step_info > li.on strong + em {position:absolute;left:-9999px;}

/* 진행상태 : 컨텐츠형1 */
.step_info2 {width:106%;display:table;overflow:hidden;border-spacing:30px;margin:-30px 0 -30px -3%;padding:0 1px;}
.step_info2 > li {position:relative;display:table-cell;width:16%;margin:0 0 0 3%;border:1px solid #ccc;border-radius:5px;}
.step_info2 > li + li:after {content:'';display:block;position:absolute;left:-30px;top:50%;width:30px;height:12px;margin-top:-6px;background:url(../images/com/arr2_7x12_666.png) no-repeat 50% 0;}
.step_info2 > li.w1 {width:21%;}
.step_info2 > li > p, .step_info2 > li > div:not(.btn) {position:relative;min-height:144px;padding:24px 15px 20px 20px;color:#111;box-sizing:border-box;}
.step_info2 > li span.num {display:block;padding-bottom:12px;font-size:24px;color:#d24600;line-height:1;}
.step_info2 > li span.tit {display:block;color:#d24600;font-weight:bold;}
.step_info2 > li > p > em,
.step_info2 > li .sub {display:block;margin-top:4px;font-size:12px;color:#555;}
.step_info2 > li > p + .btn {position:absolute;left:0;right:0;bottom:20px;text-align:center;}
.step_info2 > li.on {border:1px solid #ff4e00;}
.txt_type1 + .step_info2 {margin-top:15px;}
h3.txt_type1 + .data_table,
h4.txt_type1 + .data_table {margin-top:8px;}

.step_info2.box {width:100%;position:relative;margin:8px 0 0 0;padding:0;text-align:center;border:1px solid #e7e7e7;box-sizing:border-box;}
.step_info2.box > li {width:auto;padding:0;border:0;}
.step_info2.box > li > div {padding:25px 0;min-height:0;vertical-align:top;}

.wrap_timeline {position:relative;margin:10px 0;padding:0 0 10px;}
.wrap_timeline:after {content:'';display:block;position:absolute;bottom:35px;left:0;width:100%;height:24px;background:url(../images/com/bg_step_bar.png) 0 0 no-repeat;z-index:-1;}
.wrap_timeline > p {position:absolute;bottom:0;left:0;width:100%;}
.wrap_timeline > p strong ~ strong {float:right;}
.wrap_timeline > p span {position:absolute;left:0;z-index:-1;opacity:0;}
.wrap_timeline .step_info2 {padding-bottom:68px;}
.wrap_timeline .step_info2 > li {line-height:20px;}
.wrap_timeline .step_info2 > li:after {content:'';display:block;position:absolute;top:auto;bottom:-38px;left:50%;margin-left:-6px;width:13px;height:38px;background:url(../images/com/bg_step.png) 0 0 no-repeat;}
.wrap_timeline .step_info2 > li .time {position:absolute;left:0;right:0;bottom:-70px;text-align:center;}
.wrap_timeline .step_info2 > li .time + p {min-height:auto;color:#555;}
.wrap_timeline .step_info2 > li .time + p > strong {color:#111;}
.wrap_timeline .step_info2 > li > p {padding:20px 10px 60px;text-align:center;font-size:13px;}
.wrap_timeline .step_info2 > li > p:only-child {padding-bottom:20px;}
.wrap_timeline .step_info2 .title {display:block;margin-bottom:8px;text-align:center;font-size:14px;}

.pop_win .wrap_box > .box {width:49%;}
.pop_win .wrap_box.col3 > .box {float:left;width:32%;}
.pop_win .wrap_box.col3 .box + .box {margin-left:2%;}

/* 진행상태 : 컨텐츠형4 */
.step_info3 {position:relative;display:inline-block;width:100%;}
.step_info3 > li {position:relative;margin:30px 0 10px;padding:24px 20px;min-height:93px;border:1px solid #ccc;border-radius:5px;}
.step_info3 > li:first-child {margin-top:0;}
.step_info3 > li:first-child:before {background:none;}
.step_info3 > li:before {content:'';display:block;position:absolute;top:-19px;left:50%;margin-left:-6px;width:12px;height:7px;background:url(../images/com/arr3_12x7_666.png) no-repeat 0 0;}
.step_info3 > li .headline {display:inline-block;width:148px;font-size:14px;font-weight:lighter;}
.step_info3 > li .headline > span.num {display:block;margin-bottom:8px;color:#d24600;font-size:24px;line-height:26px;}
.step_info3 > li .step_con {position:relative;display:inline-block;margin-left:-4px;width:784px;min-height:91px;border-left:1px solid #e7e7e7;vertical-align:top;}
.step_info3 > li .step_con:before {content:'';display:inline-block;width:0px;height:100%;min-height:91px;vertical-align:middle;}
.step_info3 > li .step_con .con {display:inline-block;margin-left:22px;width:756px;vertical-align:middle;}

.step_info3 > li.col2 {position:relative;float:left;width:485px;padding:0;margin-bottom:0;border:0;box-sizing:border-box;}
.step_info3 > li.col2 + .col2 {margin-left:30px;}
.step_info3 > li.col2 + .col2 > ol > li {background:#fcf8f5;}
.step_info3 > li.col2:before {display:none;}
.step_info3 > li.col2 > ol > li:before {background:url(../images/com/arr3_12x7_f36910.png) no-repeat 0 0;}
.step_info3 > li.col2 > ol > li {background:#f7f7f7;}
.step_info3 > li.col2 > ol > li .step_con {width:270px;}
.step_info3 > li.col2 > ol > li .step_con:before {min-height:16px;}
.step_info3 > li.col2 > ol > li .step_con .con {width:auto;}

p + .step_info3 {margin-top:15px;}

/* 진행상태 : 컨텐츠형4 - 그룹형 */
.wrap_group {position:relative;overflow:hidden;}
.wrap_group .step_info3 {position:relative;float:right;}
.wrap_group .step_info3 .group {position:absolute;top:15px;left:-130px;width:111px;height:111px;background:url(../images/com/bg_group.png) -111px 0 no-repeat;text-align:center;line-height:111px;z-index:1;}
.wrap_group .step_info3 > li:first-child .group {background-position:0 0;}
.wrap_group .step_info3 {width:870px;}
.wrap_group .step_info3 > li:after {content:'';position:absolute;margin-bottom:-15px;top:-1000px;bottom:100%;left:-75px;width:1px;background-color:#e7e7e7;z-index:0;}
.wrap_group .step_info3 > li:first-child:after {background-color:#fff;z-index:1;}
.wrap_group .step_info3 > li .step_con {width:678px;}
.wrap_group .step_info3 > li .step_con .con {width:645px;}

/* 진행상태 : 컨텐츠형4 */
.step_info4 {margin: 11px 0 16px 0;}
.step_info4 > li {position:relative; padding:20px; border-top:2px solid #111111; border-bottom:1px solid #111; margin-top:30px;}
.step_info4 > li:before {content:''; display:block; position:absolute; width:12px; height:7px; left:50%; top: -18px; margin-left:-6px; background: url(../images/com/arr3_12x7_f36910.png) 0 0 no-repeat;}
.step_info4 > li:first-child:before {display:none;}
.step_info4 > li:first-child {margin-top:0;}
.step_info4 > li .headline {display:inline-block; vertical-align:top; width:30.6%; max-width:233px; vertical-align: middle;}
.step_info4 .step_con {display:inline-block; width:64%; overflow:hidden;vertical-align: middle;}

/* ---------------------------------------------------------
	CONTENT 공통 : 테이블
--------------------------------------------------------- */
/* 테이터테이블 기본 */
.data_table {margin:8px 0;border-top:2px solid #111;border-bottom:1px solid #111;}
.data_table + .data_table {margin-top:14px;}
.data_table .line {border-left:1px solid #e7e7e7;}
.data_table table th, .data_table table td {height:30px;padding:12px 10px 12px 20px;}
.data_table table th {font-weight:bold;}
.data_table table thead th {border-bottom:1px solid #e7e7e7;padding:12px 0;text-align:center;}
.data_table table tbody th,
.data_table table tbody td {border-top:1px solid #e7e7e7;background:#fff;/*font-size:14px;*/word-break:break-all;color:#111;text-align:left;}
.data_table table tbody td {border-right:1px solid #e7e7e7;}
.data_table table tbody td:last-child {border-right:none;}
.data_table table tbody tr:first-child th,
.data_table table tbody tr:first-child td {border-top:0;}
.data_table table tbody + tbody tr:first-child th,
.data_table table tbody + tbody tr:first-child td {border-top:1px solid #e7e7e7;}
.data_table table tbody td.tit {text-align:left !important;}
.data_table table tbody .left {text-align:left !important;}
.data_table table tbody .right {text-align:right !important;padding:12px 20px 12px 10px;}
.data_table table tbody .center {text-align:center !important;padding:12px 10px;}
.data_table table tbody td.btn {text-align:center;}
.data_table table tbody td.btn a + a {margin:5px 0 0;}
.data_table table tbody td.nodata {padding:80px 0 80px !important;text-align:center !important;}
.data_table table tbody td.nodata span {color:#d24600;}
.data_table table tbody td ~ th {border-left:1px solid #e7e7e7;}
.data_table table tbody.dep tr th {border-right:1px solid #e7e7e7;}
.data_table table tbody th.sub {padding-left:40px;}
.data_table table tfoot tr td,
.data_table table tbody tr.sum td {padding-right:20px;text-align:right;font-weight:bold;color:#e20000;}
.data_table table tfoot tr th, .data_table table tfoot tr td {border-top:1px solid #e7e7e7;}
.data_table table tfoot td ~ th {border-left:1px solid #e7e7e7;}
.data_table table tfoot + tbody td {border-right:0;}

.data_table table.tbl_form tbody th,
.data_table table.tbl_form tbody td {padding:12px 0;}

.data_table table thead + tbody tr:first-child th,
.data_table table thead + tbody tr:first-child td {padding-top:15px;background:url(../images/com/bg_f3f3f3.png) repeat-x 0 0;border-top:1px solid #e7e7e7;}
.data_table table thead + tbody td {border-right:0;}
.data_table table thead th {border-right:1px solid #e7e7e7;}
.data_table table thead tr th:last-child {border-right:0;}
.data_table table thead tr:only-child th {border-right:0;}

.data_table.custom-scroll {max-height:330px;}
.data_table.custom-scroll tbody tr > td:last-child {padding-right:20px;}

/* 테이터테이블 : 리스트형 */
.data_table table.tbl_row thead th {padding:12px 0;}
.data_table table.tbl_row thead th.line {border-left:1px solid #e7e7e7;}
.data_table table.tbl_row tbody th, .data_table table.tbl_row tbody td {padding:12px 5px;border-right:0;text-align:center;}
.data_table table.tbl_row tbody th.sub {text-align:left;padding:12px 20px;}
.data_table table.tbl_row tbody td a {text-decoration:underline;}
.data_table table.tbl_row tbody td a:hover {font-weight:normal;text-decoration:underline;color:#d24600;}
.data_table table.tbl_row tbody td.left, .data_table table.tbl_row tbody td.tit {padding-left:20px;}
.data_table table.tbl_row tbody td.right {padding-right:20px;}
.data_table table.over tbody tr:hover th, .data_table table.over tbody tr:hover td:not(.nodata) {background:#f7f7f7;}
.data_table .select_list a {text-decoration:none !important;}
.data_table .info_calculation {text-align:left;}
.data_table .info_calculation > * {font-size:14px;}

/* 테이블 데이터 정렬용 : tbl_data1 */
.data_table table.tbl_data1 tbody td, .data_table table.tbl_data1 tfoot td {padding-left:0;padding-right:6px;text-align:right;}
.data_table table.tbl_data1 tbody td.center {padding-right:0;}
.data_table table.tbl_data1 tbody td.left {padding-left:20px;}

/* 테이블 데이터 링크데이터용 : tbl_data2 */
.data_table table.tbl_data2 tbody td > a {text-decoration:none;}

/* 테이블 데이터 tbody라인용 : tbl_data3 */
.data_table table.tbl_data3 tbody th, .data_table table.tbl_data3 tbody td {border-right:1px solid #e7e7e7;}
.data_table table.tbl_data3 tbody tr td:last-child {border-right:0;}
.data_table table.tbl_data3 tbody td.line {border-left:1px solid #e7e7e7;}
.data_table table.tbl_data3 tbody td.left {padding:12px 10px;}

.data_table table.tbl_data4 tbody tr:nth-child(2n-1) td:first-child {border-bottom:1px solid #ccc;}
.data_table table.tbl_data4 tbody tr:nth-child(2n) th, .data_table table.tbl_data4 tbody tr:nth-child(2n) td {border-bottom:1px solid #ccc;}

.tbl_group thead th.group {border-left:1px solid #e7e7e7;}

.wrap_scroll .data_table {min-width:120%;}
.wrap_scroll .data_table table {width:auto;}

.tab_type2 + .data_table, .tab_type2 + .hidden + .data_table {margin-top:30px;}
.tab_type3 + .data_table, .tab_type3 + .hidden + .data_table {margin-top:15px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 테이블2
--------------------------------------------------------- */
/* 테이터테이블 기본 */
.data_table2 table {border-top:2px solid #111;}
.data_table2 table th, .data_table2 table td {padding:11px 8px;}
.data_table2 table thead th {border-bottom:1px solid #e7e7e7;padding:12px 0;font-size:13px;line-height:20px;text-align:center;font-weight:bold;}
.data_table2 table thead + tbody > tr:first-child th, .data_table2 table thead + tbody > tr:first-child td {border-top:3px solid #f3f3f3;}
.data_table2 table tbody th, .data_table2 table tbody td {font-size:12px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 박스컨텐츠
--------------------------------------------------------- */
.box_type1 {margin:10px 0;padding:12px 20px;background:#f3f3f3;}
.box_type1 span.img {display:block;margin:0 auto;text-align:center;}
.box_type1.adobe {margin-top:40px;text-align:right;}
.box_type1.adobe span {float:left;line-height:30px;}
.form_con4 + .box_type1 {margin-top:15px;}

.box_type2 {margin:10px 0;padding:17px 20px;border:1px solid #ccc;border-top:2px solid #111;border-bottom:1px solid #111;outline:0;}

.box_type3 {margin:10px 0;padding:20px;border:2px solid #e7e7e7;}
.con_line + .box_type3 {margin-top:60px;}

.box_img {margin:10px 0 0;background:#dadada;text-align:center;}

/* 박스 : 안내문구형1 */
.box_info {position:relative;margin:40px 0;padding:17px 20px 17px 60px;min-height:20px;background:#f4f4f4;}
.box_info:before, .box_info:after {content:'';}
.box_info:before {display:block;position:absolute;left:20px;top:14px;width:27px;height:27px;background:url(../images/com/icon_set1.png) no-repeat 0 -100px;}
.box_info:after {width:1px;height:26px;}
.box_info > ul, .box_info > dl, .box_info > p, .box_info:after {display:inline-block;vertical-align:middle;}
.box_info > *:first-child {width:100%;margin-right:-6px;}
.box_info > ul > li, .box_info > dl > dt {position:relative;padding:0 0 0 10px;}
.box_info > ul > li + li {margin:4px 0 0;}
.box_info > ul > li:before, .box_info > dl > dt:before {content:'';display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:url(../images/com/bul_4x4_555.png) 0 0 no-repeat;}
.box_info > dl > dt {font-weight:bold;}
.box_info > dl > dd {margin-left:10px;}
.box_info > dl > dd + dt {margin:4px 0 0;}
.box_info > .btn {position:absolute;right:20px;top:50%;}
.box_info > .btn.btn_sub1 {margin-top:-15px;}
.box_info .btn2 {float:right;margin:-5px 0 0;}
.box_info .btn_com {float:right;margin:-45px 0 0;}

.box_info.line > ul > li + li:last-child {position:relative;margin:40px 0 0;}
.box_info.line > ul > li + li:last-child:after {content:'';position:absolute;left:-40px;right:0;top:-20px;height:1px;background:#ccc;}

.box_info.visual1 {min-height:83px;padding-left:118px;}
.box_info.visual1:before {top:20px;width:78px;height:78px;background:url(../images/com/icon_set1.png) -32px -100px no-repeat;}
.box_info.visual1:after {width:1px;height:83px;}

.pop_modal1 .box_info {margin:20px 0;}

.box_info.visual2 {padding: 17px 20px 17px 43px;}
.box_info.visual2:before {left:20px;top:19px;width:17px;height:17px;background:url(../images/com/icon_set1.png) no-repeat -179px -76px;}
.box_info.visual2:after {height:22px}

/* 캐롯 전용 안내 배너 */
.box_info.carrot {padding:31px 27px 30px 57px;font:400 15px/1.5 'Hanwha Gothic';}
.box_info.carrot:before {left:18px;top:50%;width:24px;height:24px;margin-top:-12px;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' stroke='%23FE4500' stroke-width='2'/%3E%3Cpath d='M7 12L11.1148 15.4925C11.1257 15.5025 11.1436 15.5025 11.1546 15.4925L17.5 9' stroke='%23FE4500' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat;}
.box_info.carrot:after {display:none;}
.box_info.carrot .btn_com {position:absolute;top:50%;right:27px;margin-top:-22px;padding: 0 17px 1px;border-color:#ededed;}
.box_info.carrot .btn_com:hover {background:#fff;}
.box_info.carrot .btn_com span {padding-right:27px;font-size:16px;color:#666;background:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.36396V1.39775C10 1.17808 9.82192 1 9.60225 1H3.63604M9.71875 1.28125L1 10' stroke='%23666666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center/13px auto;}

/* 박스 : 안내문구형2 */
.box_info2 {position:relative;display:table;width:100%;margin:40px 0;padding:18px 25px 21px;min-height:20px;font-size:16px;background:#fff;border:2px solid #e7e7e7;overflow:hidden;box-sizing:border-box;}
.box_info2 p, .box_info2 dl {display:table-cell;vertical-align:middle;}
.box_info2 dt {font-weight:bold;margin:0 0 3px;}
.box_info2 dd {font-size:14px;}
.box_info2 .txt_type2 dd {font-size:12px;}
.box_info2 .btn {display:table-cell;padding-left:20px;text-align:right;vertical-align:middle;}
.box_info2 .btn .btn_com {margin:-10px 0 -12px;}
.box_info2 .btn .btn_sub1 {margin:-2px 0 -4px;}
.box_info2 .txt {display:table-cell; padding-left:80px; font-size:12px;}
.box_info2 .txt > li {color:#555;}
.box_info2 .txt > li > span {color:#000;}

.box_info2.visual1 {padding-left:60px;}
.box_info2.visual1:before {content:'';display:block;position:absolute;left:28px;top:20px;width:21px;height:21px;background:url(../images/com/icon_set1.png) -130px 0 no-repeat;}

.box_info2.c1 {margin:30px 0 40px;border:1px solid #ffc299;background-color:#fff7f2;}
.box_info2.c1 strong {color:#e20000;}

.tit_sub2 + .box_info2 {margin-top:0;}

/* 박스 : 안내문구형3 */
.box_info3 {position:relative;margin:0 0 40px;}
.box_info3:before {content:'';position:absolute;left:2px;right:2px;top:0;bottom:-3px;display:block;z-index:0;border:1px solid #ccc;}
.box_info3 > div {position:relative;padding:40px 60px;background:#fff;border:1px solid #ccc;text-align:center;}
.box_info3 > div > p {font-size:20px;}
.box_info3 > div > p:first-child em {font-weight:bold;}
.box_info3 > div > p:first-child strong {color:#d24600;}
.box_info3 > div > p + p {margin:9px 0 -10px;padding:9px 0;border-top:1px dashed #e7e7e7;font-size:14px;color:#555;}
.box_info3.visual1 > div > p:first-child:before {content:'';display:inline-block;width:21px;height:21px;margin:0 12px 0 0;background:url(../images/com/icon_set1.png) no-repeat -130px 0;vertical-align:middle;}

/* 박스 : 안내영역 */
.info_summary1 {border-top:1px solid #e7e7e7;margin:80px 0 0;padding:50px 0 0;}
.info_summary1 .headline {font-size:17px;font-weight:bold;color:#d24600;margin:0 0 10px;}
.pop_win .info_summary1 {margin-top:40px;padding:20px 0 0;}

/* 박스 : 설명문구형  */
.info_summary2 {position:relative;margin:25px 0 0;background:#fff7f2;border:1px solid #ffc299;padding:20px 27px;}
.info_summary2:before {content:'';display:block;position:absolute;left:30px;top:-10px;width:20px;height:10px;background:url(../images/com/icon_set1.png) no-repeat 0 -160px;}

/* 박스 : 파일목록 */
.box_file {background:#f3f3f3;padding:5px 20px;}
.box_file a {font-size:12px;margin:0 14px 0 0;}

/* 박스 : 링크형1 */
.box_link {margin-top:40px;padding:20px 25px;border:4px solid #ededed;}
.box_link dt, .box_link dd {display:inline-block;}
.box_link dt {font-weight:bold;}
.box_link a {position:relative;margin-left:30px;padding-left:30px;text-decoration:underline;}
.box_link a:hover {color:#d24600;}
.box_link a:before {content:'';position:absolute;top:4px;left:0;display:block;width:1px;height:14px;background-color:#e7e7e7;}
.box_link a:first-child:before {display:none;}

/* 박스 : 완료문구형 */
.box_mes1 {margin:30px 0;padding:60px 20px 56px;text-align:center;border:1px solid #eee;}
.box_mes1 p > strong {display:block;color:#333;font-size:22px;line-height:30px;margin-bottom:20px;}
.box_mes1 p > em {display:inline-block;margin-top:5px;font-weight:bold;}
.box_mes1 p > strong + strong {margin-top:-20px;}
.box_mes1 p > strong > span {display:block;font-weight:lighter;}
.box_mes1 p .btn_sub1 {margin:0 0 5px;}
.box_mes1.visual1:before {content:'';display:block;width:110px;height:110px;margin:0 auto 27px;background:url(../images/com/visual_mes1.png) no-repeat 0 0;}
.box_mes1.visual2:before {content:'';display:block;width:110px;height:110px;margin:0 auto 27px;background:url(../images/com/visual_mes1.png) no-repeat -110px 0;}
.box_mes1.visual3:before {content:'';display:block;width:110px;height:110px;margin:0 auto 27px;background:url(../images/com/visual_mes1.png) no-repeat -220px 0;}
.box_mes1.visual4:before {content:'';display:block;width:110px;height:110px;margin:0 auto 27px;background:url(../images/com/visual_mes1.png) no-repeat -330px 0;}

/* 박스 : 안내문구형4 */
.box_mes2 {position:relative;margin:0 0 40px;padding:75px 120px;border:2px solid #e7e7e7;text-align:center;}
.box_mes2 > p {font-size:16px;color:#111;}
.box_mes2 > p strong.tit {display:block;margin:0 0 8px;font-size:22px;line-height:28px;}
.box_mes2 > p strong.tit span {color:#d24600;}
.box_mes2 > p + p {margin:14px 0 0;}
.box_mes2 .sub {font-size:12px;color:#555;}
.box_mes2.visual1:before {content:'';display:block;width:124px;height:73px;margin:0 auto 33px;background:url(../images/com/visual_mes2.png) no-repeat 0 0;}

/* 박스 : 컨텐츠1 */
.box_con1 {overflow:hidden;margin:0 0 0 -20px;}
.box_con1 > li, div.box_con1 {position:relative;height:340px;margin:0 0 20px;background:#000;color:#fff;text-align:center;}
.box_con1 > li {float:left;margin:0 0 20px 20px;width:490px;}
.box_con1 > li:before, div.box_con1:before {content:'';display:inline-block;width:0;height:340px;vertical-align:middle;}
.box_con1 li > div, div.box_con1 > div:first-child {display:inline-block;vertical-align:middle;margin:0 0 60px;}
.box_con1 li > div:only-child, div.box_con1 > div:first-child:only-child {margin:0;}
.box_con1 div > strong, .box_con1 div > em, .box_con1 div > span {display:block;}
.box_con1 div > .bar {position:relative;display:block;padding-bottom:30px;}
.box_con1 div > .bar:after {content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:2px;background-color:#fb6200;}
.box_con1 div > strong {font-size:30px;font-weight:normal;line-height:39px;}
.box_con1 div > span.bar {margin:8px 0 37px;color:#d5d5d5;}
.box_con1 div > span.bar > em {font-weight:bold;}
.box_con1 div > strong.bar {margin:0 0 30px;padding-bottom:22px;}
.box_con1 div > strong + em {font-size:30px;}
.box_con1 div > strong + span:not(.bar) {font-size:12px;margin:15px 0 30px;color:#d5d5d5;}
.box_con1 div > em.bar {margin:8px 0 25px;color:#d24600;}
.box_con1 .btn_com {background:none;border-color:#fff;color:#fff;}
.box_con1 .btn_com:focus, .box_con1 .btn_com:hover {border-color:#fff;color:#fff !important;text-decoration:none !important;}
.box_con1 .bottom {position:absolute;left:0;bottom:0;width:100%;height:30px;margin:0;padding:12px 0;text-align:center;}
.box_con1 .bottom:before {position:absolute;left:0;bottom:0;content:'';display:block;width:100%;height:100%;background:rgba(62,51,46,0.4);}
.box_con1 .bottom p {position:relative;color:#d1d0d0;}
.box_con1 .bottom .btn_sub1 {position:relative;margin-left:15px;border-color:#68615e;background:none;color:#fff !important;vertical-align:middle;z-index:5;}
.box_con1 .bottom .btn_sub1:hover, .box_con1 .bottom .btn_sub1:focus {background-color:#3e332e;color:#fff !important;}
.box_con1 .bottom .btn_sub1 + .btn_sub1 {margin-left:3px}

.box_con1 > p {width:90%;padding:20px 0;display:inline-block;vertical-align:middle;}
.box_con1 > p > :first-child {position:relative;display:block;margin:0 0 17px;padding:0 0 20px;font-weight:normal;font-size:26px;}
.box_con1 > p > :first-child:after {content:'';position:absolute;left:48%;bottom:0;width:40px;height:2px;background:#fb6200;}
.box_con1 > p > strong:first-child span {font-weight:bold;}
.box_con1 > p > span:first-child {font-size:22px;}
.box_con1 > p > span:first-child strong {display:block;font-size:26px;}

/* 박스 : 컨텐츠2 */
.box_con2 {position:relative;display:table;width:100%;height:300px;text-align:center;color:#fff;background-color:#000;box-sizing:border-box;}
.box_con2:after {content:'';display:block;position:absolute;left:50%;top:50px;bottom:50px;width:1px;background:rgba(255,255,255,0.2);}
.box_con2 li {position:relative;display:table-cell;width:50%;vertical-align:middle;}
.box_con2 li:before {display:none;content:'';margin:0 auto 7px;width:50px;height:45px;background:url(../images/contents/icon_box.png) no-repeat 0 0;}
.box_con2 li strong {display:block;margin-bottom:3px;font-size:16px;}
.box_con2 li span {color:rgba(255,255,255,0.7);}

/* 박스 : 컨텐츠3 */
.box_con3 {margin:0 0 30px;padding:45px;background:#000;color:#fff;}
.box_con3:before {content:'';width:0;height:106px;}
.box_con3 > p, .box_con3:before {display:inline-block;vertical-align:middle;}
.box_con3 > p {max-width:50%;}
.box_con3 > p strong:first-child {display:block;font-size:22px;margin:0 0 20px;}

/* 박스 : 컨텐츠4 */
.box_con4 {margin:30px 0 0;padding:10px 30px 0;;border:1px solid #ccc;}
.box_con4 > .heading {position:relative;padding:14px 0;border-bottom:1px solid #e7e7e7;}
.box_con4 > .heading h2, .box_con4 > .heading h3, .box_con4 > .heading h4 {font-size:22px;line-height:26px;}
.box_con4 > .heading .sub {position:absolute;right:0;bottom:14px;}
.box_con4 > .con {height:340px;padding:20px 0;}
.box_con4 > .con:last-child {height:387px;}
.box_con4 > .con:first-child {padding-top:0;height:401px;}
.box_con4 > .con.mes_nodata {height:177px;}
.box_con4 > .con.custom-scroll {margin-right:-30px;padding-right:30px;}
.box_con4 > .con2 {height:auto;padding:20px 0;}
.box_con4 > .bottom {width:auto;margin:0 -30px;padding:10px 30px;min-height:26px;border-top:1px solid #e7e7e7;}
.box_con4 > .bottom.paging {padding:10px 0;}
.wrap_box2 .box_con4 {margin:0;}

/* 박스 : 컨텐츠5 */
.box_con5 {overflow:hidden;margin:60px 0 0 -20px;color:rgba(255,255,255,0.8);}
.box_con5 > li {float:left;margin:0 0 20px 20px;width:260px;height:146px;padding:32px 30px 0;background:#000;font-size:13px;}
.box_con5 > li .heading {display:block;margin:0 0 4px;font-size:20px;line-height:26px;color:#fff;}
.box_con5 > li .btn {margin:16px 0 0;}

/* 박스 : 컨텐츠6 */
.box_con6 {position:relative;display:table;width:100%;height:300px;text-align:center;color:#fff;background-color:#000;box-sizing:border-box;}
.box_con6:after {content:'';display:block;position:absolute;left:50%;top:50px;bottom:50px;width:1px;background:rgba(255,255,255,0.2);}
.box_con6 li {position:relative;display:table-cell;width:50%;vertical-align:middle;}
.box_con6 li:before {display:none;content:'';margin:0 auto 7px;width:50px;height:45px;background:url(../images/contents/icon_box.png) no-repeat 0 0;}
.box_con6 li strong {display:block;margin-bottom:3px;font-size:16px;}
.box_con6 li span {color:rgba(255,255,255,0.7);}

/* 박스 : 컨텐츠7 */
.box_con7 {overflow:hidden;margin:0 0 0 -20px;}
.box_con7 > li, div.box_con7 {position:relative;height:200px;margin:0 0 0 0px;background:#000;color:#fff;text-align:center;}
.box_con7 > li {float:left;margin:0 0 20px 20px;width:0px;}
.box_con7 > li:before, div.box_con7:before {content:'';display:inline-block;width:0;height:180px;vertical-align:middle;}
.box_con7 li > div, div.box_con7 > div:first-child {display:inline-block;vertical-align:middle;margin:0 0 60px;}
.box_con7 li > div:only-child, div.box_con7 > div:first-child:only-child {margin:0;}
.box_con7 div > strong, .box_con7 div > em, .box_con7 div > span {display:block;}
.box_con7 div > .bar {position:relative;display:block;padding-bottom:30px;}
.box_con7 div > .bar.sin {padding-bottom:20px;}
.box_con7 div > .bar:after {content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:2px;background-color:#fb6200;}
.box_con7 div > strong {font-size:30px;font-weight:normal;line-height:39px;}
.box_con7 div > span.bar {margin:8px 0 37px;color:#d5d5d5;}
.box_con7 div > span.bar.sin {margin:8px 0 20px;}
.box_con7 div > span.bar > em {font-weight:bold;}
.box_con7 div > strong.bar {margin:0 0 30px;padding-bottom:22px;}
.box_con7 div > strong + em {font-size:30px;}
.box_con7 div > strong + span:not(.bar) {font-size:12px;margin:15px 0 30px;color:#d5d5d5;}
.box_con7 div > em.bar {margin:8px 0 25px;color:#d24600;}
.box_con7 .btn_com {background:none;border-color:#fff;color:#fff;}
.box_con7 .btn_com:focus, .box_con7 .btn_com:hover {border-color:#fff;color:#fff !important;text-decoration:none !important;}
.box_con7 .bottom {position:absolute;left:0;bottom:0;width:100%;height:30px;margin:0;padding:12px 0;text-align:center;}
.box_con7 .bottom:before {position:absolute;left:0;bottom:0;content:'';display:block;width:100%;height:100%;background:rgba(62,51,46,0.4);}
.box_con7 .bottom p {position:relative;color:#d1d0d0;}
.box_con7 .bottom .btn_sub1 {position:relative;margin-left:15px;border-color:#68615e;background:none;color:#fff !important;vertical-align:middle;z-index:5;}
.box_con7 .bottom .btn_sub1:hover, .box_con7 .bottom .btn_sub1:focus {background-color:#3e332e;color:#fff !important;}
.box_con7 .bottom .btn_sub1 + .btn_sub1 {margin-left:3px}

.box_con7 > p {width:90%;padding:20px 0;display:inline-block;vertical-align:middle;}
.box_con7 > p > :first-child {position:relative;display:block;margin:0 0 17px;padding:0 0 20px;font-weight:normal;font-size:26px;}
.box_con7 > p > :first-child:after {content:'';position:absolute;left:50%;bottom:0;width:40px;height:2px;background:#fb6200;}
.box_con7 > p > strong:first-child span {font-weight:bold;}
.box_con7 > p > span:first-child {font-size:22px;}
.box_con7 > p > span:first-child strong {display:block;font-size:26px;}



/* 박스 : 영역1 */
.wrap_box {position:relative;overflow:hidden;}
.wrap_box > .box {position:relative;float:left;width:425px;}
.wrap_box > .box > div.con {height:438px;padding:16px;border:1px solid #ccc;border-top:2px solid #111;border-bottom:1px solid #111;}
.wrap_box > .box > div.btn {position:absolute;right:0;top:0;}
.wrap_box > .box ~ .box {float:right;}
.wrap_box > .box > .tit_sub2 {margin-top:0;}
.wrap_box > .btn_move {position:absolute;left:50%;top:50%;margin:-55px 0 0 -25px;}
.wrap_box > .btn_move a, .wrap_box > .btn_move button {display:block;}
.wrap_box > .btn_move a + a, .wrap_box > .btn_move button + button {margin-top:10px;}
.wrap_box > .btn_move ~ .btn_move {margin-top:5px;}

.pop_modal1 .wrap_box > .box {width:370px;}
.pop_modal1 .wrap_box > .box > div.con {height:404px;}

/* 박스 : 영역4 */
.wrap_box {position:relative;overflow:hidden;}
.wrap_box > .box {position:relative;float:left;width:333px;}
.wrap_box > .box > div.con {height:438px;padding:16px;border: 1px solid #f3f3f3;border-top:2px solid #111;border-bottom:1px solid #111;}
.wrap_box > .box > div.btn {position:absolute;right:0;top:0;}
.wrap_box > .box ~ .box {/* float:right; */}
.wrap_box > .box > .tit_sub2 {margin-top:0;}
.wrap_box > .btn_move {position:absolute;left:50%;top:50%;margin:-55px 0 0 -25px;}
.wrap_box > .btn_move a, .wrap_box > .btn_move button {display:block;}
.wrap_box > .btn_move a + a, .wrap_box > .btn_move button + button {margin-top:10px;}
.wrap_box > .btn_move ~ .btn_move {margin-top:5px;}

.pop_modal1 .wrap_box > .box {width:370px;}
.pop_modal1 .wrap_box > .box > div.con {height:404px;}

/* 박스 : 영역2 */
.wrap_box2 {position:relative;display:inline-block;width:100%;margin:30px 0;}
.wrap_box2 > .box {float:left;width:49%;width:-webkit-calc(50% - 8px);width:-moz-calc(50% - 8px);width:calc(50% - 8px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap_box2 > .box ~ .box {float:right;}
.wrap_box2.w1 > .box {width:35%;width:-webkit-calc(36% - 8px);width:-moz-calc(36% - 8px);width:calc(36% - 8px);}
.wrap_box2.w1 > .box ~ .box {width:60%;width:-webkit-calc(64% - 8px);width:-moz-calc(64% - 8px);width:calc(64% - 8px);}
.wrap_box2.w2 > .box {width:53%;width:-webkit-calc(54% - 8px);width:-moz-calc(54% - 8px);width:calc(54% - 8px);}
.wrap_box2.w2 > .box ~ .box {width:60%;width:-webkit-calc(46% - 8px);width:-moz-calc(46% - 8px);width:calc(46% - 8px);}
.wrap_box2 > .box .nodata {height:468px;text-align:center;line-height:458px;}
.search_result + .wrap_box2 {margin:0;}

/* 박스 : 영역3 */
.wrap_box3 {position:relative;overflow:hidden;margin:13px 0;border-top:2px solid #111;border-bottom:1px solid #111;}
.wrap_box3 > .box {position:relative;float:left;width:25%;}
.wrap_box3 > .box:before {content:'';display:block;width:0;position:absolute;right:-1px;top:0;bottom:0;border-left:1px solid #ccc;}
.wrap_box3 > .box > .heading {position:relative;border-bottom:1px solid #ccc;text-align:center;font-size:16px;background:#fff;}
.wrap_box3 > .box + .box >.heading:after {position:absolute;left:0;top:50%;content:'';width:7px;height:12px;margin:-6px 0 0;background:url(../images/com/arr2_7x12_ccc.png) no-repeat 0 0;}
.wrap_box3 > .box > legend.heading {width:100%;height:auto;line-height:1.5;text-indent:0;}
.wrap_box3 > .box > .heading:before {content:'';width:0;height:85px;}
.wrap_box3 > .box > .heading:before, .wrap_box3 > .box > .heading > .tit {display:inline-block;vertical-align:middle;font-weight:normal;}
.wrap_box3 > .box > .heading > .tit > span:first-child {display:block;font-size:26px;line-height:1;font-weight:bold;}
.wrap_box3 > .box > .mes {position:absolute;left:0;right:0;top:50%;margin:-20px 0 0;text-align:center;}
.wrap_box3 > .box > .mes:before {content:'';display:block;width:48px;height:48px;margin:0 auto 13px;background:url(../images/com/icon_set1.png) no-repeat -252px -15px;}
.wrap_box3 > .box > .mes strong {color:#d24600;}
.wrap_box3 > .box > .con {height:450px;padding:15px 17px;}
.wrap_box3 > .box > .con > * {background:#fff;}
.firefox .wrap_box3 > fieldset.box .mes {margin-top:-65px;}




/* ---------------------------------------------------------
	CONTENT 공통 : 배너
--------------------------------------------------------- */
/* 배너1 : 상담센터1 */
.banner_area1 {overflow:hidden;height:0;margin:40px 0 0;padding:15px 0 0;background:url(../images/com/visual_banner1.gif) no-repeat 100% 0;}

/* 배너2 : 상담센터2 */
.banner_area2 {position:relative;margin:30px 0;height:112px;background:#2e2726 url(../images/com/visual_banner2.png) no-repeat 100% 0;}
.banner_area2 p, .banner_area2 a {position:absolute;top:50%;}
.banner_area2 p {overflow:hidden;left:40px;top:32px;color:#fff;font-size:16px;line-height:24px;}
.banner_area2 p strong {color:#d24600;}
.banner_area2 p strong.txt_telnum {display:block;}
.banner_area2 a {right:40px;background:none;color:#fff;}
.banner_area2 a:hover, .banner_area2 a:focus {background:none !important;color:#fff !important;border-color:#fff;}
.banner_area2 a.btn_com {margin-top:-24px;}

/* 상담배너 변형 */
.banner_area2.visual1 {position:relative;margin:60px 0 30px;height:126px;background:#281d1b url(../images/com/visual_banner2.png) no-repeat 0 -112px;color:#fff;}
.banner_area2.visual1 p {top:40px;}

/* 배너3 : 상담센터3 */
.banner_area3 {overflow:hidden;margin-top:60px;}
.banner_area3 li {float:left;margin-left:20px;padding:30px 0 0 30px;width:460px;height:115px;background:url(../images/com/visual_banner4.jpg) no-repeat 100% 0;}
.banner_area3 li p {overflow:hidden;width:272px;height:0;padding:44px 0 0 0;background:url(../images/com/visual_banner4_txt.png) no-repeat 0 0;}
.banner_area3 li .tell {overflow:hidden;display:block;margin-top:20px;width:119px;height:0;padding:19px 0 0 0;background:url(../images/com/visual_banner4_tell.png) no-repeat 0 0;}
.banner_area3 li:first-child {margin-left:0;background:url(../images/com/visual_banner3.jpg) no-repeat 100% 0;}
.banner_area3 li:first-child p {width:260px;background:url(../images/com/visual_banner3_txt.png) no-repeat 0 0;}
.banner_area3 li .btn_sub1 {margin-top:15px;padding:0 8px 2px 7px;border:1px solid #6e6f6f;background:transparent;font-size:11px;line-height:23px;}

/* 배너4 : 컨텐츠 + 이벤트배너 */
.banner_area4 {overflow:hidden;margin:40px 0 0;}
.banner_area4 .con {float:left;width:auto;padding:16px 0 0;position:relative;margin:0 255px 0 0;}
.banner_area4 .con .tit_sub1 {margin-top:0;}
.banner_area4 .con.wrap_position .position.btn_sub1 {top:19px;}
.banner_area4 .banner {float:right;display:block;width:236px;height:212px;margin:0 0 0 -255px;}
.banner_area4 .banner img {width:100%;height:100%;}
.banner_area4 .con:only-child {float:none;margin:0;}

/* 기타배너 : 차도리배너 */
.banner_area5 {text-align:center;height:140px;padding:60px 0 0;color:#fff;}
.banner_area5 p {margin:0 0 10px;}
.banner_area5 p strong {display:block;margin:0 0 13px;line-height:30px;}
.banner_area5.visual1 {height:164px;background:url(../images/com/visual_banner5.png) no-repeat 50% 100%;}
.banner_area5.visual1 p strong {overflow:hidden;padding:30px 0 0;height:0;background:url(../images/com/visual_banner5_txt.png) no-repeat 50% 0;}

.banner_area6 {padding:30px 0 0;color:#fff;height:224px;background:url(../images/com/visual_banner6.png) no-repeat 50% 100%;}
.banner_area6 {padding:30px 0 0;color:#fff;height:224px;background:url(../images/com/visual_banner6.png) no-repeat 50% 100%;}
.banner_area6 p {margin:10px 0 10px 40px;font-size:22px;font-weight:bold;}
.banner_area6 ul {margin:10px 30px;color:#fff;}
.banner_area6 .btn_com {margin:10px 40px;}
.banner_area6 .txt_type1 > li:before {background:none;}

/* 배너5 : 상품배너 */
.banner_product {position:relative;overflow:hidden;margin:40px 0 0;}
.banner_product:before, .banner_product:after {content:'';position:absolute;top:0;right:0;width:320px;height:320px;background:#f5f5f5 url(../images/com/logo_noimg1.png) no-repeat 50% 50%;}
.banner_product:after {right:340px;}
.banner_product li {position:relative;display:inline-block;float:left;margin-left:20px;width:320px;height:320px;z-index:1;}
.banner_product li a {display:block;width:320px;height:320px;}
.banner_product li a img {width:100%;height:100%;}
.banner_product li:first-child {margin-left:0;}
.tit_sub1 + .banner_product {margin:0;}

/* 배너5 : 로그아웃 팝업 배너부분 내용 추가*/
.banner_product.one {width:100%;height:210px}
.banner_product.one:before, .banner_product.one:after {display:none;}
.banner_product.one li a {width:400px;height:200px;}

/* 배너7 : 보험금청구 완료 화면 하단 배너 영역 */
.banner_area7 {overflow:hidden;margin:158px 0 58px;}

/* ---------------------------------------------------------
	CONTENT 공통 : 스크롤컨텐츠
--------------------------------------------------------- */
/* bxslider 네비게이션 */
.bx-viewport {z-index:1;}

.new_banner_main .bx-viewport {height:450px !important;}

.bx-controls {z-index:3;text-align:center;}
.bx-controls a {overflow:hidden;display:block;position:relative;}
.bx-controls a:before {content:'';position:absolute;display:block;left:50%;top:50%;}
.bx-controls .bx-pager, .bx-controls .bx-controls-auto {display:inline-block;vertical-align:middle;}

.bx-controls-direction a {position:absolute;top:50%;width:20px;height:0;padding:40px 0 0;margin-top:-20px;background:url(../images/com/btn_move3.png) no-repeat 0 0;z-index:3;}
.bx-controls-direction a:hover {text-decoration:none;}
.bx-controls-direction a.bx-prev {left:0;background-position:0 0;}
.bx-controls-direction a.bx-next {right:0;background-position:-20px 0;}
.bx-controls-direction a.bx-prev:hover {background-position:-40px 0;}
.bx-controls-direction a.bx-next:hover {background-position:-60px 0;}
.bx-controls-direction a.disabled {display:none;}

.bx-pager {text-align:center;line-height:10px;z-index:3;}
.bx-pager > div {display:inline-block;margin:0;vertical-align:top;}
.bx-pager > div.bx-pager-item:only-of-type {display:none;}
.bx-pager > div a {width:14px;height:0;padding:14px 0 0;}
.bx-pager > div a:before {width:10px;height:10px;margin:-5px 0 0 -5px;background:#ccc;border-radius:50%;}
.bx-pager > div a.active:before {background:#ff4e00 !important;}

.bx-controls-auto > div {display:inline-block;vertical-align:top;}
.bx-controls-auto > div a {width:16px;height:0;padding:16px 0 0;background:url(../images/com/btn_bx.png) no-repeat -48px 0;border-radius:2px;z-index:1;}
.bx-controls-auto > div a.active {display:none;}
.bx-controls-auto > div a.bx-stop {background-position:-32px 0;}

.bx-pager + .bx-controls-auto {margin:0 0 0 4px;}

.ui_banner1 .bx-pager > div a {position:relative;width:18px;height:0;padding:18px 0 0;background:none;border-radius:0;border:1px solid rgba(255,255,255,0);}
.ui_banner1 .bx-pager > div a:before, .banner_scroll .bx-pager > div a:after {content:'';position:absolute;border-radius:0;}
.ui_banner1 .bx-pager > div a:before {left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:rgba(255,255,255,0.5);}
.ui_banner1 .bx-pager > div a.active {border:1px solid rgba(243,115,33,0.8);}
.ui_banner1 .bx-pager > div a.active:before {background-color:#f37321;}
.ui_banner1 .bx-pager > div a.active:after {left:0;right:0;top:0;bottom:0;border:1px solid rgba(243,115,33,0.5);}

.wrap_visualscroll {position:relative;margin:0 0 50px;}
.wrap_visualscroll .list {position:relative;z-index:1;}
.wrap_visualscroll .list li {height:580px;text-align:center;}

.wrap_listscroll {position:relative;}
.wrap_listscroll .area_view {margin:0 0 30px;background:#f3f3f3;padding:20px;}
.wrap_listscroll .area_view:before, .wrap_listscroll .area_view:after,
.wrap_listscroll .area_view dl:before, .wrap_listscroll .area_view dl:after {content:'';position:absolute;left:20px;top:20px;width:40px;height:42px;background:url(../images/com/bg_prize1.png) no-repeat 0 0;z-index:1;}
.wrap_listscroll .area_view:after {left:100%;margin:0 0 0 -60px;background-position:-40px 0;}
.wrap_listscroll .area_view dl:before, .wrap_listscroll .area_view dl:after {top:100%;margin:-41px 0 0;}
.wrap_listscroll .area_view dl:before {left:-1px;background-position:-80px 0;}
.wrap_listscroll .area_view dl:after {left:100%;margin-left:-38px;background-position:-120px 0;}
.wrap_listscroll .area_view dl {position:relative;height:386px;padding:76px 78px;background-color:#fff;border:1px solid #e5d1ae;}
.wrap_listscroll .area_view dl dt {position:relative;min-height:60px;padding:0 380px 37px 0;margin:0 0 37px;font-size:22px;line-height:30px;}
.wrap_listscroll .area_view dl dt:before {content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ff4e00;}
.wrap_listscroll .area_view dl dt .img {position:absolute;display:block;top:-16px;right:0;width:120px;height:120px;background:#fff;}
.wrap_listscroll .area_view dl dt .img img {width:100%;height:100%:}
.wrap_listscroll .area_view dl dd p + p {margin:10px 0 0;}
.wrap_listscroll .area_view dl dd {color:#555;}
.wrap_listscroll .area_view dl dd.date {position:absolute;display:block;right:80px;bottom:40px;font-size:14px;line-height:21px;color:#111;}
.wrap_listscroll .area_list {position:relative;margin:0 auto;width:920px;}
.wrap_listscroll .area_list .list {position:relative;overflow:hidden;min-width:1000px;height:170px;background:url(../images/com/bg_noimg1.png) repeat-x -13px 0;}
.wrap_listscroll .area_list .list li {position:relative;float:left;width:220px;height:170px;margin:0 13px 0 0;background:#fff;z-index:1;}
.wrap_listscroll .area_list .list li a {position:relative;display:block;width:172px;height:114px;padding:28px 24px;}
.wrap_listscroll .area_list .list li a .img {display:block;width:34px;height:34px;margin:0 0 15px;}
.wrap_listscroll .area_list .list li a .img img {width:100%;height:100%:}
.wrap_listscroll .area_list .list li a:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #ccc;z-index:1;}
.wrap_listscroll .area_list .list li a:hover, .wrap_listscroll .area_list .list li a:focus {text-decoration:none;color:#d24600;}
.wrap_listscroll .area_list .list li a:hover:before, .wrap_listscroll .area_list .list li a:focus:before {border:2px solid #ccc;}
.wrap_listscroll .area_list .list li.on a:before {border:2px solid #ff4e00;}
.wrap_listscroll .area_list .bx-wrapper {min-width:100%;}
.wrap_listscroll .area_list .bx-viewport {z-index:1;}
.wrap_listscroll .bx-controls-direction a {margin-top:-45px;}
.wrap_listscroll .bx-controls-direction a.bx-prev {left:-38px;}
.wrap_listscroll .bx-controls-direction a.bx-next {right:-38px;}
.wrap_listscroll .bx-pager {padding:20px 0;height:10px;}

.wrap_listscroll.img .area_view:before, .wrap_listscroll.img .area_view:after {display:none;}
.wrap_listscroll.img .area_view {position:relative;height:554px;padding:0;}
.wrap_listscroll.img .area_view .img {position:relative;display:block;width:100%;height:100%;}
.wrap_listscroll.img .area_view .img img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.wrap_listscroll.img .area_list .list, .wrap_listscroll.img .area_list .list li {background:none;height:130px;}
.wrap_listscroll.img .area_list .list li a {position:relative;padding:0;width:168px;height:40px;line-height:40px;padding:93px 0 0;text-align:center;}
.wrap_listscroll.img .area_list .list li a:before {bottom:40px;display:none;}
.wrap_listscroll.img .area_list .list li.on a {color:#d24600;}
.wrap_listscroll.img .area_list .list li.on a:before {display:block;border:5px solid #ff4e00;}
.wrap_listscroll.img .area_list .list li a .img {position:absolute;left:0;top:0;width:100%;height:93px;z-index:0;}
.wrap_listscroll.img .area_list .list li a .img img {width:100%;height:100%;}
.wrap_listscroll.img .bx-controls-direction a {margin-top:-65px;}

.banner_scroll .list a img {width:570px;height:347px;}
.banner_scroll .bx-viewport {z-index:1;}
.banner_scroll .bx-controls {text-align:left;}
.banner_scroll .bx-pager {position:relative;margin:-43px 0 0;text-align:left;padding:0 30px;}
.banner_scroll .bx-pager > div a {position:relative;width:18px;height:0;padding:18px 0 0;background:none;border-radius:0;border:1px solid rgba(255,255,255,0);}
.banner_scroll .bx-pager > div a:before, .banner_scroll .bx-pager > div a:after {content:'';position:absolute;border-radius:0;}
.banner_scroll .bx-pager > div a:before {left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:rgba(255,255,255,0.5);}
.banner_scroll .bx-pager > div a.active:before {background-color:#f37321;}
.banner_scroll .bx-pager > div a.active:after {left:0;right:0;top:0;bottom:0;border:1px solid rgba(243,115,33,0.5);}

/* ---------------------------------------------------------
	CONTENT : 토글형컨텐츠
--------------------------------------------------------- */
.con_toggle1 {margin:0 0 8px;}
.con_toggle1 > .heading {position:relative;margin:0 0 -1px;border-bottom:1px solid #111;}
.con_toggle1 > .heading .tit a {position:relative;display:block;font-size:22px;line-height:28px;padding:26px 0;color:#40352f;text-decoration:none;}
.con_toggle1 > .heading .tit a:after {content:'';display:inline-block;width:18px;height:18px;margin:0 0 0 10px;background:url(../images/com/arr3_10x6_393939.png) no-repeat 50% 50%;border:1px solid #333;vertical-align:middle;border-radius:2px;}
.con_toggle1 > .heading .tit a:hover, .con_toggle1 > .heading .tit a:focus {text-decoration:none;}
.con_toggle1 > .heading .tit a:hover:after, .con_toggle1 > .heading .tit a:focus:after {background-image:url(../images/com/arr3_10x6_f36910.png);border-color:#ff4e00;}
.con_toggle1 > .heading .tit a:hover {color:#d24600;}
.con_toggle1 > .heading .sub {position:absolute;right:0;bottom:50%;margin:0 0 -15px;}
.con_toggle1 > .heading.on .tit a {border-color:#ff4e00;}
.con_toggle1 > .con {overflow:hidden;height:0;opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;visibility:hidden;}
.con_toggle1 > .heading.on {border:0;}
.con_toggle1 > .heading.on + .con {height:auto;padding:0 0 60px;border-bottom:1px solid #ccc;opacity:1;visibility:visible;}
.con_toggle1 > .heading.on .tit a {color:#40352f !important;}
.con_toggle1 > .heading.on .tit a:after {background-image:url(../images/com/arr1_10x6_393939.png);border-color:#333;}
.con_toggle1 .con_toggle2 .con_toggle3 .con:last-child {padding-bottom:0 !important;border-bottom:0 !important;}
.con_toggle1 > .con > .tit_sub2:first-child {margin-top:0;}

.con_toggle2 {margin:0 0 8px;}
.con_toggle2 > .heading {position:relative;border-bottom:1px solid #ccc;}
.con_toggle2 > .heading .tit {font-size:16px;line-height:19px;padding:28px 0;}
.con_toggle2 > .heading .tit a {position:relative;display:block;margin:-28px 0;padding:28px 0;color:#40352f;}
.con_toggle2 > .heading .tit a:after {content:'';display:inline-block;width:17px;height:17px;margin:0 0 0 8px;background:#67584f url(../images/com/arr3_7x4_fff.png) no-repeat 50% 50%;vertical-align:middle;border-radius:2px;}
.con_toggle2 > .heading .tit a:hover, .con_toggle2 > .heading .tit a:focus {text-decoration:none;}
.con_toggle2 > .heading .tit a:hover {color:#d24600;}
.con_toggle2 > .heading .tit a:hover:after {background-color:#ff4e00;}
.con_toggle2 > .heading.default {border:0;}
.con_toggle2 > .heading.default .tit {padding-bottom:12px;}
.con_toggle2 > .heading.default + .con {padding-top:0 !important;}
.con_toggle2 > .heading .sub {position:absolute;right:0;bottom:50%;margin:0 0 -15px;}
.con_toggle2 > .heading.on {border:0;}
.con_toggle2 > .heading.on .tit a {border-color:#ff4e00;color:#40352f;}
.con_toggle2 > .con {overflow:hidden;height:0;-webkit-transition:padding 0.2s ease;-moz-transition:padding 0.2s ease;-o-transition:padding 0.2s ease;transition:padding 0.2s ease;opacity:0;visibility:hidden;}
.con_toggle2 > .heading.default + .con,
.con_toggle2 > .heading.on + .con {height:auto;padding:0 0 60px;border-bottom:0px solid #ccc;opacity:1;visibility: visible;}
.con_toggle2 > .heading.on:not(.default) + .con {margin-top:-18px;}
.con_toggle2 > .heading.on .tit a:after {background:#40352f url(../images/com/arr1_7x4_fff.png) no-repeat 50% 50%;}

.con_toggle2.agree {margin:0 0 20px;border-top:2px solid #111;}
.con_toggle2.agree > .heading .tit {font-size:14px;}
.con_toggle2.agree > .heading.default + .con, .con_toggle2.agree > .heading.on + .con {padding:0 0 30px;}
.pop_win .con_toggle2.agree ~ .data_table {margin-top:-20px;border-top:0;}

.con_toggle3 {margin:0 0 8px;}
.con_toggle3 > .heading {position:relative;border-bottom:1px solid #ccc;}
.con_toggle3 > .heading .tit {font-size:16px;line-height:19px;padding:28px 0;}
.con_toggle3 > .heading .tit a {position:relative;display:block;margin:-28px 0;padding:28px 0;color:#40352f;}
.con_toggle3 > .heading .tit a:after {content:'';display:inline-block;width:17px;height:17px;margin:0 0 0 8px;background:#67584f url(../images/com/arr3_7x4_fff.png) no-repeat 50% 50%;vertical-align:middle;border-radius:2px;}
.con_toggle3 > .heading .tit a:hover, .con_toggle3 > .heading .tit a:focus {text-decoration:none;}
.con_toggle3 > .heading .tit a:hover {color:#d24600;}
.con_toggle3 > .heading .tit a:hover:after {background-color:#ff4e00;}
.con_toggle3 > .heading.default {border:0;}
.con_toggle3 > .heading.default .tit {padding-bottom:12px;}
.con_toggle3 > .heading.default + .con {padding-top:0 !important;}
.con_toggle3 > .heading .sub {position:absolute;right:0;bottom:50%;margin:0 0 -15px;}
.con_toggle3 > .heading.on {border:0;}
.con_toggle3 > .heading.on .tit a {border-color:#ff4e00;color:#40352f;}
.con_toggle3 > .con {overflow:hidden;height:0;-webkit-transition:padding 0.2s ease;-moz-transition:padding 0.2s ease;-o-transition:padding 0.2s ease;transition:padding 0.2s ease;opacity:0;}
.con_toggle3 > .heading.default + .con,
.con_toggle3 > .heading.on + .con {height:auto;padding:0 0 60px;border-bottom:1px solid #ccc;opacity:1;}
.con_toggle3 > .heading.on:not(.default) + .con {margin-top:-18px;}
.con_toggle3 > .heading.on .tit a:after {background:#40352f url(../images/com/arr1_7x4_fff.png) no-repeat 50% 50%;}

.con_toggle3.agree {margin:0 0 20px;border-top:2px solid #111;}
.con_toggle3.agree > .heading .tit {font-size:14px;}
.con_toggle3.agree > .heading.default + .con, .con_toggle3.agree > .heading.on + .con {padding:0 0 30px;}
.pop_win .con_toggle3.agree ~ .data_table {margin-top:-20px;border-top:0;}

/* 토글형 콘텐츠 4 */
.con_toggle4 {margin:0 0 8px;}
.con_toggle4 > .heading {position:relative;border-bottom:1px solid #ccc;}
.con_toggle4 > .heading .tit {font-size:14px;line-height:19px;padding:28px 0;}
.con_toggle4 > .heading .tit a {position:relative;display:block;margin:-28px 0;padding:28px 0;color:#40352f;}
.con_toggle4 > .heading .tit a:hover, .con_toggle4 > .heading .tit a:focus {text-decoration:none;}
.con_toggle4 > .heading .tit a:hover {color:#d24600;}
.con_toggle4 > .heading .tit a:hover:after {background-color:#ff4e00;}
.con_toggle4 > .heading.default {border:0;}
.con_toggle4 > .heading.default .tit {padding-bottom:12px;}
.con_toggle4 > .heading.default + .con {padding-top:0 !important;}
.con_toggle4 > .heading .sub {position:absolute;right:0;bottom:50%;margin:0 0 -15px;}
.con_toggle4 > .heading.on {border:0;}
.con_toggle4 > .heading.on .tit a {border-color:#ff4e00;color:#40352f;}
.con_toggle4 > .con {overflow:hidden;height:0;-webkit-transition:padding 0.2s ease;-moz-transition:padding 0.2s ease;-o-transition:padding 0.2s ease;transition:padding 0.2s ease;opacity:0;}
.con_toggle4 > .heading.default + .con,
.con_toggle4 > .heading.on + .con {height:auto;padding:0 0 60px;border-bottom:1px solid #ccc;opacity:1;}
.con_toggle4 > .heading.on:not(.default) + .con {margin-top:-18px;}
.con_toggle4 > .heading.on .tit a:after {background:#40352f url(../images/com/arr1_7x4_fff.png) no-repeat 50% 50%;}

.con_toggle4.agree {margin:0 0 20px;border-top:2px solid #111;}
.con_toggle4.agree > .heading .tit {font-size:14px;}
.con_toggle4.agree > .heading.default + .con, .con_toggle4.agree > .heading.on + .con {padding:0 0 30px;}
.pop_win .con_toggle4.agree ~ .data_table {margin-top:-20px;border-top:0;}


/* ---------------------------------------------------------
	CONTENT : 비주얼컨텐츠용
--------------------------------------------------------- */
/* 이미지 + 대체컨텐츠*/
.visual_con {position:relative;overflow:hidden;margin:30px 0;text-align:center;}
.visual_con > .con {position:absolute;left:-9999px;top:-9999px;}
.tit_sub1 + .visual_con {margin-top:0;}
.visual_con + .visual_con {margin-top:55px;}

.visual_wrap {overflow:hidden;margin:30px 0;}
.visual_wrap .visual_con {float:left;margin:0;clear:none;}
.visual_wrap .visual_con .tit_sub1 {margin-top:26px;}
.visual_wrap .visual_con + .visual_con {float:right;}

.wrap_area {overflow:hidden;margin:-18px 0 0 -40px;}
.wrap_area > .area {float:left;margin:0;clear:none;width:480px;margin:18px 0 0 40px;}
.wrap_area > .area .tit_sub1 {margin-top:0;}
.wrap_area > .area:nth-child(2n-1) {clear:left;}
.wrap_area .visual_con {margin:0;}
.wrap_area .visual_con .unit {font-size:13px;color:#333;}

.wrap_area2 {overflow:hidden;margin:-77px 0 0 -26px;}
.wrap_area2 > li, .wrap_area2 > .area {float:left;width:296px;margin:77px 0 0 26px;padding:0 10px;min-height:auto;}
.wrap_area2 > li:nth-child(3n-2) {clear:left;}

/* ---------------------------------------------------------
	CONTENT : 기타(영역 및 인터렉션관련)
--------------------------------------------------------- */
/* 컨텐츠 간격용 */
.con_sub {margin:6px 0 0 !important;}
.con_sub2 {margin:36px 0 0;}
.data_table table td > ul.list > li + li {margin:14px 0 0;}
.txt_type1 + .con_sub {margin-left:10px;}
.step_info2 + .con_sub, .box_con1 + .con_sub {margin-top:12px;}

.con_line {border-top:1px dashed #ccc;margin:25px 0 0;padding:25px 0 0;}

/* 탭 디스플레이용 */
.ui_tab_con {display:none;}
.ui_tab_con.on {display:block;}

.ui_display_con {display:none;}
.ui_display_con.on {display:inline-block;}

tbody.ui_tab_con.on {display:table-row-group;}

.ui_table_con {display:none;}
.ui_table_con.on {display:table-row;}

/* 컨텐츠 위치변경용 */
.wrap_position {position:relative;width:100%;}
.wrap_position .position {position:absolute;right:0;top:0;}

/* 임시컨텐츠용 */
.temp_content {width:100%;line-height:100px;margin:10px 0 0;background:rgba(0,0,0,0.1);text-align:center;}
.info_summary1 + .temp_content {margin:50px 0 0;}

/* 솔루션 영역1 : 덱스트업로드 */
.wrap_dev1:empty:before {content:'덱스트업로드 출력영역';display:block;width:100%;line-height:200px;margin:10px 0 0;background:rgba(0,0,0,0.1);text-align:center;}

/* ---------------------------------------------------------
	CONTENT : 게시판
--------------------------------------------------------- */
/* 게시판 목록 */
.board_list {margin:0 0 8px;border-top:2px solid #111;border-bottom:1px solid #111;}
.board_list th, .board_list td {padding:16px 10px;text-align:center;}
.board_list th {font-weight:bold;}
.board_list td {border-top:1px solid #e7e7e7;word-break:break-all;}
.board_list td.nodata {padding:80px 0 80px;text-align:center;border-right:0;}
.board_list td.tit {text-align:left;}
.board_list td.tit a {display:inline-block;max-width:100%;overflow:hidden;height:1.6em;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;}
.board_list td.tit a:hover {text-decoration:underline;color:#d24600;}
.board_list tbody tr:hover {background:#f7f7f7;}
.board_list tr.notice td {background-color:#fcf8f5;}
.board_list tr.notice td:first-child {color:#e20000;font-weight:bold;}
.board_list tr.reply td.tit a {padding:0 0 0 14px;}
.board_list tr.reply td.tit a > em:first-child {position:relative;display:inline-block;margin:3px 10px 0 0;padding:0 4px 2px;font-size:11px;line-height:16px;background:#3e332e;color:#fff;vertical-align:top;}
.board_list tr.reply td.tit a > em:first-child:before {content:'';position:absolute;left:-14px;top:3px;width:6px;height:6px;border-left:2px solid #3e332e;border-bottom:2px solid #3e332e;}
.board_list tr.reply td.tit a:hover > em:first-child {background-color:#ff4e00;}
.board_list tr.reply td.tit a:hover > em:first-child:before {border-color:#ff4e00;}
.tab_type2 + .board_list {margin-top:30px;}
.tab_type3 + .board_list {margin-top:15px;}

/* 게시판 목록 : 최신글형 */
.board_list2 {border-top:1px solid #111;border-bottom:1px solid #ccc;overflow:hidden;display:table;table-layout:fixed;width:100%;}
.board_list2 li {display:table-cell;position:relative;box-sizing:border-box;height:75px;padding:40px 30px;}
.board_list2 li .date {display:block;margin:0 0 12px;font-size:12px;}
.board_list2 li .date:before {content:'';display:inline-block;width:13px;height:15px;margin:-2px 15px 0 0;background:url(../images/com/icon_cal2.png) no-repeat 0 0;vertical-align:middle;}
.board_list2 li strong {display:block;max-height:3.0em;overflow:hidden;}
.board_list2 li a {display:block;outline:0;}
.board_list2 li a:hover, .board_list2 li a:focus {text-decoration:none;}
.board_list2 li a:hover strong, .board_list2 li a:focus strong {color:#d24600;text-decoration:underline;}
.board_list2 li ~ li {border-left:1px solid #e7e7e7;}

/* 게시판 상세 */
.board_view {margin:0 0 8px;border-top:2px solid #111;border-bottom:1px solid #111;}
.board_view .heading {overflow:hidden;position:relative;padding:10px 20px;border-bottom:1px solid #e7e7e7;word-break:break-all;}
.board_view .heading h2 {float:left;padding:6px 0;}
.board_view .heading > .info {float:right;padding:6px 0 6px 20px;}
.board_view .heading > .info li {display:inline-block;padding:0 0 0 20px;}
.board_view .heading > .info li > span:first-child {display:inline-block;margin:0 10px 0 0;font-weight:bold;}
.board_view .heading + .info {padding:16px 300px 16px 20px;border-bottom:1px solid #e7e7e7;}
.board_view .heading + .info li {display:inline-block;padding:0 20px 0 0;}
.board_view .heading + .info li > span:first-child {display:inline-block;margin:0 10px 0 0;font-weight:bold;}
.board_view .con_view {padding:30px 20px 77px;word-break:break-all;}
.board_view .con_view .img_wrap {text-align:center;}
.board_view .con_view .img_wrap img, .board_view .con_view p[align='center'] img {display:inline-block !important;}
.board_view .con_view img {max-width:100%;display:block;margin:0 0 20px;}
.board_view .con_view .box {margin:50px 0 0;background:#f3f3f3;padding:17px 20px;}
.board_view .con_view .box dt {position:absolute;left:-9999px;top:-9999px;}
.board_view .con_view + .btn_area1 {margin:-30px 0 50px;}
.board_view .con_form .search {padding:95px 0 50px;text-align:center;background:url(../images/contents/bg_event.png) no-repeat 50% 40px;}
.board_view .con_form .search .title {font-size:40px;margin:0;}
.board_view .con_form .search p {margin-top:20px;font-size:16px;}
.board_view .con_form .search .form_search2 {margin:30px 0 0;}
.board_view .con_form .search .form_search2 .form_telnum {margin:0 0 0 6px;}
.board_view .con_form .search .form_search2 .form_telnum .text {width:80px;}
.board_view .con_form .list {overflow:hidden;position:relative;margin:0 60px;padding:50px 0;border-top:1px solid #e7e7e7;font-size:14px;line-height:30px;}
.board_view .con_form .list:before {content:'';position:absolute;display:inline-block;width:1px;top:57px;left:50%;bottom:57px;background-color:#e7e7e7;}
.board_view .con_form .list li {float:left;width:40%;padding-left:9.5%;}
.board_view .con_form .list li.on {color:#d24600;font-weight:bold;}
.board_view .con_form dl.list > dt {font-size:16px;line-height:20px;font-weight:bold;text-align:center;margin:0 0 30px;}
.board_view .con_form dl.list:before {top:100px;}
.board_view .img_wrap {text-align:center;}
.board_view .img_wrap img {display:inline-block;}
.board_view .img_wrap2 img {display:block;margin:0;}

/* 게시물이동 */
.board_move {overflow:hidden;margin:30px 0;border-top:1px solid #111;border-bottom:1px solid #111;}
.board_move dt, .board_move dd {min-height:21px;padding:16px 0;border-top:1px solid #e7e7e7;height:21px;}
.board_move dt:first-child, .board_move dt:first-child + dd {border-top:0;}
.board_move dt {float:left;width:100px;text-align:center;}
.board_move dd {position:relative;margin:0 0 0 100px;color:#666;}
.board_move dd a {position:relative;display:block;overflow:hidden;max-width:100%;margin:-16px 0;padding:16px 75px 16px 0;height:1.5em;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;}
.board_move dd a:hover {color:#d24600;}
.board_move dd a:after {content:'';position:absolute;right:30px;top:50%;width:16px;height:9px;margin:-4px 0 0;background:url(../images/com/btn_move2.png) no-repeat 0 -9px;}
.board_move dt:first-child + dd a:after {background-position:0 0;}
.board_view + .board_move {margin-top:-9px;}

/* 답변 */
.board_cmd {margin:50px 0;padding:25px;background:#f3f3f3;}
.board_cmd dd ~ dt {margin-top:30px;}
.board_cmd dt {font-size:12px;line-height:18px;color:#666;}
.board_cmd dt > span:first-child {position:absolute;left:-9999px;}
.board_cmd dt .icon_txt {margin:0 0 0 6px;vertical-align:top;}
.board_cmd dd {margin-top:10px;}
.board_view .board_cmd {margin:-20px 20px 80px;}

/* 이벤트형목록 */
.board_img {position:relative;overflow:hidden;margin:-40px 0 8px -20px !important;padding:0 0 40px;}
.board_img:after {content:'';display:block;position:absolute;left:20px;right:0;bottom:0;border-bottom:1px solid #111;}
.board_img > li {position:relative;float:left;width:320px;height:445px;margin:40px 0 0 20px;}
.board_img > li .img {position:absolute;left:0;top:0;width:320px;height:320px;background:#f5f5f5 url(../images/com/logo_noimg1.png) no-repeat 50% 50%;}
.board_img > li .img img {width:100%;height:100%;}
.board_img > li .tit {position:relative;overflow:hidden;display:block;height:48px;padding:337px 0 0;font-size:18px;line-height:24px;font-weight:normal;}
.board_img > li .img + a {position:relative;display:block;text-decoration:none;background:url(../images/com/bg_opacity.png);}
.board_img > li .img + a:hover:before, .board_img > li .img + a:hover:after {content:'';position:absolute;}
.board_img > li .img + a:hover:before {left:0;top:0;width:320px;height:320px;background:#000;opacity:0.4;filter:alpha(opacity=40);}
/* .board_img > li .img + a:hover:after {left:145px;top:143px;width:32px;height:34px;background:url(../images/com/icon_set1.png) no-repeat -110px -30px;} */
.board_img > li .date {display:block;margin:8px 0 10px;color:#d24600;}
.board_img > li em {display:inline-block;padding:0 5px 2px;border:1px solid #d24600;background:#fff;font-size:11px;line-height:16px;border-radius:3px;color:#d24600;vertical-align:top;}
.board_img > li .btn_sub2 {padding:0 5px;font-size:11px;line-height:15px;}
.board_img > li .btn_sub2.arr:after {width:4px;height:18px;background-position:-50px -21px;}
.board_img > li.end .tit, .board_img > li.end .date {color:#777;}
.board_img > li.end em {position:absolute;left:0;top:0;display:block;overflow:hidden;width:320px;height:320px;padding:0;border:0;border-radius:0;text-indent:-310px;background:transparent;}
.board_img > li.end em:before {content:'';display:block;position:absolute;left:0;top:0;width:320px;height:320px;background:#000;opacity:0.4;filter:alpha(opacity=40);text-indent:-310px;}
.board_img > li.end em:after {content:'';position:absolute;top:50%;left:50%;margin:-24px 0 0 -29px;display:block;width:58px;height:48px;background:url(../images/com/icon_set1.png) no-repeat -190px 0;}
.board_img > li.nodata {margin-bottom:-40px;width:100%;text-align:center;border-top:1px solid #111;}
.board_img > li.nodata:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}

/* SNS형 목록 */
.board_img2 {position:relative;overflow:hidden;margin:-20px 0 8px -20px !important;padding:0 0 40px;}
.board_img2:after {content:'';display:block;position:absolute;left:20px;right:0;bottom:0;border-bottom:1px solid #111;}
.board_img2 > li {position:relative;float:left;width:320px;height:320px;margin:20px 0 0 20px;background:#f3f3f3;}
.board_img2 > li .img {position:absolute;left:0;top:0;width:320px;height:320px;background:#000;z-index:0;}
.board_img2 > li .img img {width:100%;height:100%;}
.board_img2 > li .icon_sns {position:absolute;left:15px;top:15px;z-index:1;}
.board_img2 > li a {overflow:hidden;position:relative;display:block;text-decoration:none;width:320px;height:320px;padding:0;text-align:center;text-indent:-9999px;background:url(../images/com/bg_opacity.png);}
.board_img2 > li a:hover:before, .board_img2 > li a:hover:after {content:'';}
.board_img2 > li a:hover:before {display:block;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);}
/*.board_img2 > li a:hover:after {position:absolute;left:50%;top:50%;width:32px;height:34px;margin:-17px 0 0 -16px;background:url(../images/com/icon_set1.png) no-repeat -110px -30px;}*/
.board_img2 > li.nodata {margin-bottom:-40px;width:100%;text-align:center;background:#fff;border-top:1px solid #111;}
.board_img2 > li.nodata:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}

/* QNA형 */
.board_qna {margin:0 0 8px;border-top:2px solid #111;border-bottom:1px solid #111;}
.board_qna > li, .board_qna > dt {border-top:1px solid #e7e7e7;}
.board_qna > li:first-child, .board_qna > dt:first-child {border:0;}
.board_qna .heading, .board_qna > dt {font-size:14px;}
.board_qna .heading a, .board_qna > dt {position:relative;display:block;padding:17px 50px 17px 50px;}
.board_qna .heading a:before, .board_qna > dt:before {content:'';position:absolute;display:block;top:20px;left:20px;width:15px;height:17px;background:url(../images/com/icon_q.png) no-repeat 0 0;}
.board_qna .heading a:after {content:'';position:absolute;display:block;top:25px;right:21px;width:13px;height:7px;background:url(../images/com/arr_toggle1.png) no-repeat 0 -22px;}
.board_qna .heading a:hover, .board_qna > li > .heading a:focus {color:#d24600;text-decoration:underline;background:#f7f7f7;}
.board_qna .heading a:hover:after, .board_qna > li > .heading a:focus:after {background-position:0 0;}
.board_qna .con {visibility:hidden;overflow:hidden;height:0;padding:0 55px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.board_qna .con .box_file {margin:27px 0 0;}
.board_qna > li.on > .heading a:hover, .board_qna > li.on > .heading a:focus {background:#fff;text-decoration:none;}
.board_qna > li.on > .heading a:before {background-position:0 -23px;}
.board_qna > li.on > .heading a:after {background-position:0 -43px;}
.board_qna > li.on > .heading a:after {margin-top:-4px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);}
.board_qna > li.on > .con, .board_qna > dd.con {visibility:visible;height:auto;padding:0 55px 55px;}
.board_qna > li.nodata {padding:55px;text-align:center;}

dl.board_qna {border-top:0;border-bottom:1px solid #e7e7e7;}
dl.board_qna > dt {padding-left:35px;font-weight:bold;}
dl.board_qna > dt:before {left:0;background-position:0 -23px;}
dl.board_qna > dd.con {margin:-10px 0 0;padding:0 35px 17px;}
.pop_win dl.board_qna:last-child {border-bottom:0;}

.tab_type3 + .board_qna {margin-top:20px;}

/* 리뷰형 */
.board_review {margin:0 0 8px;border:1px solid #e7e7e7;}
.board_review > li {position:relative;border-top:1px solid #e7e7e7;padding:16px 240px 17px 170px;font-size:14px;line-height:20px;}
.board_review > li:first-child {border:0;}
.board_review > li dl dt {position:absolute;left:-9999px;}
.board_review > li dl dd {position:absolute;top:16px;left:0;}
.board_review a {position:absolute;display:block;overflow:hidden;text-decoration:none;left:0;right:0;top:0;bottom:0;text-indent:-100%;}
.board_review > li dl > dt + dd {left:30px;padding-right:48px;width:87px;}
.board_review > li dl > dt + dd + dt + dd {left:auto;right:82px;padding:0 15px 0 30px;}
.board_review > li dl > dt + dd + dt + dd + dt + dd {left:auto;right:0;width:50px;text-align:center;}
.board_review a:hover ~ div {color:#d24600;}
.board_review div p {overflow:hidden;height:20px;text-overflow:ellipsis;white-space:nowrap;}
.board_review > li.on {background:#f7f7f7;}
.board_review > li.on div p {height:auto;text-overflow:clip;white-space:normal;}
.board_review > li.on a:hover ~ div {color:#111;font-weight:normal;}
.board_review > li.nodata {padding:55px;text-align:center;}

/* 최근게시물 */
.board_newline ul li {position:relative;font-size:13px;line-height:19px;}
.board_newline ul li + li {margin-top:6px;}
.board_newline ul li a {display:block;overflow:hidden;}
.board_newline ul li a strong {float:left;overflow:hidden;width:70%;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}
.board_newline ul li a span {float:right;}
.board_newline ul li a:hover strong, .main_section4 .board_newline ul li a:focus strong,
.board_newline ul li a:hover span, .main_section4 .board_newline ul li a:focus span {color:#d24600;}

/* ---------------------------------------------------------
	게시판 템플릿
--------------------------------------------------------- */
/* 이벤트상세 : 포인트형 */
.template_event {padding:0 20px 77px;}
.template_event .area_info {position:relative;padding-top:228px;width:960px;height:200px;background-color:#aacdd2;text-align:center;}
.template_event .area_info:before {content:'';position:absolute;top:41px;left:50%;margin-left:-198px;display:block;width:397px;height:150px;background:url(../images/com/event_info.png) no-repeat 0 0;}
.template_event .area_info > p {overflow:hidden;display:block;margin:0 auto;padding-top:58px;width:437px;height:0;background:url(../images/com/event_info.png) no-repeat -397px 0;}
.template_event .area_info .btn {overflow:hidden;display:block;margin:27px auto 0;padding-top:52px;width:198px;height:0;background:url(../images/com/event_info.png) no-repeat -397px -98px;}

.template_event .area_form {position:relative;padding:90px 60px 45px;background-color:#f1efe4;}
.template_event .area_form:before {content:'';display:inline-block;position:absolute;top:-23px;left:50%;margin-left:-1px;width:3px;height:90px;background-color:#fff;}
.template_event .area_form h3 {overflow:hidden;margin:0 auto;padding-top:32px;width:302px;height:0;background:url(../images/com/event_form.png) no-repeat 0 0;}
.template_event .area_form .info {margin:50px auto 0;width:500px;height:62px;line-height:57px;background-color:#fff;border-radius:62px;text-align:center;font-size:17px;letter-spacing:-1px;}
.template_event .area_form .info > em {font-weight:bold;}
.template_event .area_form .info > strong {margin-left:5px;color:#d24600;font-size:20px;letter-spacing:1px;}
.template_event .area_form .info > strong:before {content:'';display:inline-block;margin-top:-2px;padding-left:5px;width:20px;height:20px;background:url(../images/com/icon_set1.png) no-repeat -155px -49px;vertical-align:middle;}
.template_event .area_form .info > .btn_sub1 {margin-left:10px;vertical-align:middle;}
.template_event .area_form .list {overflow:hidden;margin:35px 0 0 -20px;}
.template_event .area_form .list li {position:relative;float:left;margin:20px 0 0 20px;width:410px;height:384px;background-color:#fff;text-align:center;}
.template_event .area_form .list li .person {position:absolute;top:0;left:0;padding:16px 0 0 20px;font-size:16px;font-weight:bold;color:#fff;text-align:left;z-index:1;}
.template_event .area_form .list li .person:before {position:absolute;top:0;left:0;content:'';width:0;height:0;border:55px solid #3e332e;border-bottom-color:transparent;border-right-color:transparent;z-index:-1;}
.template_event .area_form .list li .img {margin:20px auto 0;width:180px;height:180px;}
.template_event .area_form .list li .img img {width:100%;height:100%;}
.template_event .area_form .list li .num {display:block;margin-top:5px;font-size:14px;color:#555;}
.template_event .area_form .list li .tit {display:block;margin-top:5px;font-size:16px;}
.template_event .area_form .list li .btn {display:block;margin:20px auto 0;width:80px;height:80px;background-color:#ff4e00;font-size:14px;color:#fff;font-weight:bold;border-radius:80px;}
.template_event .area_form .list li .btn.off {background-color:#ccc;font-size:16px;}
.template_event .area_form .list li .btn:before {content:'';display:inline-block;width:0;height:80px;vertical-align:middle;}
.template_event .area_form .list li .btn > em {display:inline-block;vertical-align:middle;}
.template_event .area_form .list li .btn > em:before {content:'';margin:1px 2px 0 0;display:inline-block;width:14px;height:17px;vertical-align:top;background:url(../images/com/icon_btn.png) no-repeat -246px 0;}
.template_event .area_form .list li .btn.off > em:before {display:none;}
.template_event .area_form .info_bottom {position:relative;margin-top:40px;padding-left:179px;}
.template_event .area_form .info_bottom h4 {position:absolute;top:0;left:0;font-size:16px;font-weight:bold;}
.template_event .area_form .info_bottom h4:before {content:'';display:inline-block;margin-right:7px;width:18px;height:18px;background:url(../images/com/icon_set1.png) no-repeat -158px -75px;vertical-align:middle;}
.template_event .area_form .info_bottom .txt_type1 {font-size:12px;}

.template_event .area_review {position:relative;padding:95px 55px 65px;background-color:#3e332e;}
.template_event .area_review:before {content:'';display:inline-block;position:absolute;top:-23px;left:50%;margin-left:-1px;width:3px;height:90px;background-color:#fff;}
.template_event .area_review h3 {overflow:hidden;margin:0 auto;padding-top:32px;width:300px;height:0;background:url(../images/com/event_form.png) no-repeat -533px 0;}
.template_event .area_review .board_review2 {margin:80px 0 0;border-top:2px solid #fff;word-break:break-all;}
.template_event .area_review .board_review2 li {position:relative;padding:17px 150px 13px 0;border-bottom:1px solid #444a51;}
.template_event .area_review .board_review2 li.nodata {padding:0;text-align:center;line-height:300px;color:#e0e1e1;}
.template_event .area_review .board_review2 li p {display:block;width:700px;color:#e0e1e1;}
.template_event .area_review .board_review2 li strong {color:#cfc9b7;}
.template_event .area_review .board_review2 li .info {position:absolute;bottom:17px;right:0;color:#e0e1e1;}
.template_event .area_review .paging {margin-top:30px;}
.template_event .area_review .paging a {width:26px;color:#fff;}
.template_event .area_review .paging > a img {display:none;}
.template_event .area_review .paging > a + a:before {left:0;background:#5a524e;}
.template_event .area_review .paging > a {padding:26px 0 0 0;height:0;background:url(../images/com/icon_arrow.png) no-repeat 0 0;}
.template_event .area_review .paging > a + a {padding-left:2px;background-position:-26px 0;}
.template_event .area_review .paging > ul + a {background-position:-52px 0;}
.template_event .area_review .paging > ul + a + a {padding-left:2px;background-position:-75px 0;}

.board_view .con_view > img:last-child {margin-bottom:0;}
.board_view .con_view + .template_event {margin-top:-77px;}

/* 이벤트상세 : 포인트형2 */
.template_event1 {padding:0 20px 77px;}
.template_event1 .area_info {position:relative;padding: 0px 0px 60px;background-color:#f1efe4;background-color:#f7edd2;text-align:center;}
.template_event1 .area_info > p {overflow:hidden;display:block;margin:0 auto;padding-top: 150px;width: 437px;height: 0;background:url(../images/com/event_info1.png) no-repeat -397px 0;}
.template_event1 .area_form .btn {overflow:hidden;display:block;margin:27px auto 0;padding-top:52px;width:198px;height:0;background:url(../images/com/event_info.png) no-repeat -397px -98px;}

.template_event1 .area_form {position:relative;padding: 0px 0px 60px;background-color: #e4f1e7;}
.template_event1 .area_form h3 {overflow:hidden;margin:0 auto;padding-top:32px;width:302px;height:0;background:url(../images/com/event_form.png) no-repeat 0 0;}
.template_event1 .area_form .info {margin:50px auto 0;width:500px;height:62px;line-height:57px;background-color:#fff;border-radius:62px;text-align:center;font-size:17px;letter-spacing:-1px;}
.template_event1 .area_form .info > em {font-weight:bold;}
.template_event1 .area_form .info > strong {margin-left:5px;color:#d24600;font-size:20px;letter-spacing:1px;}
.template_event1 .area_form .info > strong:before {content:'';display:inline-block;margin-top:-2px;padding-left:5px;width:20px;height:20px;background:url(../images/com/icon_set1.png) no-repeat -155px -49px;vertical-align:middle;}
.template_event1 .area_form .info > .btn_sub1 {margin-left:10px;vertical-align:middle;}
.template_event1 .area_form .list {overflow:hidden;margin:35px 0 0 -20px;}
.template_event1 .area_form .list li {position:relative;float:left;margin:20px 0 0 20px;width:410px;height:384px;background-color:#fff;text-align:center;}
.template_event1 .area_form .list li .person {position:absolute;top:0;left:0;padding:16px 0 0 20px;font-size:16px;font-weight:bold;color:#fff;text-align:left;z-index:1;}
.template_event1 .area_form .list li .person:before {position:absolute;top:0;left:0;content:'';width:0;height:0;border:55px solid #3e332e;border-bottom-color:transparent;border-right-color:transparent;z-index:-1;}
.template_event1 .area_form .list li .img {margin:20px auto 0;width:180px;height:180px;}
.template_event1 .area_form .list li .img img {width:100%;height:100%;}
.template_event1 .area_form .list li .num {display:block;margin-top:5px;font-size:14px;color:#555;}
.template_event1 .area_form .list li .tit {display:block;margin-top:5px;font-size:16px;}
.template_event1 .area_form .list li .btn {display:block;margin:20px auto 0;width:80px;height:80px;background-color:#ff4e00;font-size:14px;color:#fff;font-weight:bold;border-radius:80px;}
.template_event1 .area_form .list li .btn.off {background-color:#ccc;font-size:16px;}
.template_event1 .area_form .list li .btn:before {content:'';display:inline-block;width:0;height:80px;vertical-align:middle;}
.template_event1 .area_form .list li .btn > em {display:inline-block;vertical-align:middle;}
.template_event1 .area_form .list li .btn > em:before {content:'';margin:1px 2px 0 0;display:inline-block;width:14px;height:17px;vertical-align:top;background:url(../images/com/icon_btn.png) no-repeat -246px 0;}
.template_event1 .area_form .list li .btn.off > em:before {display:none;}
.template_event1 .area_notice {position:relative;padding: 10px 0px 60px;background-color:#ffffff;}
.template_event1 .area_notice .info_bottom {position:relative;margin-top:40px;padding-left:179px;}
.template_event1 .area_notice .info_bottom h4 {position:absolute;top:0;left:0;font-size:16px;font-weight:bold;}
.template_event1 .area_notice .info_bottom h4:before {content:'';display:inline-block;margin-right:7px;width:18px;height:18px;background:url(../images/com/icon_set1.png) no-repeat -158px -75px;vertical-align:middle;}
.template_event1 .area_notice .info_bottom .txt_type1 {font-size:12px;}


.template_event1 .area_review {position:relative;padding:95px 55px 65px;background-color:#3e332e;}
.template_event1 .area_review:before {content:'';display:inline-block;position:absolute;top:-23px;left:50%;margin-left:-1px;width:3px;height:90px;background-color:#fff;}
.template_event1 .area_review h3 {overflow:hidden;margin:0 auto;padding-top:32px;width:300px;height:0;background:url(../images/com/event_form.png) no-repeat -533px 0;}
.template_event1 .area_review .board_review2 {margin:80px 0 0;border-top:2px solid #fff;word-break:break-all;}
.template_event1 .area_review .board_review2 li {position:relative;padding:17px 150px 13px 0;border-bottom:1px solid #444a51;}
.template_event1 .area_review .board_review2 li.nodata {padding:0;text-align:center;line-height:300px;color:#e0e1e1;}
.template_event1 .area_review .board_review2 li p {display:block;width:700px;color:#e0e1e1;}
.template_event1 .area_review .board_review2 li strong {color:#cfc9b7;}
.template_event1 .area_review .board_review2 li .info {position:absolute;bottom:17px;right:0;color:#e0e1e1;}
.template_event1 .area_review .paging {margin-top:30px;}
.template_event1 .area_review .paging a {width:26px;color:#fff;}
.template_event1 .area_review .paging > a img {display:none;}
.template_event1 .area_review .paging > a + a:before {left:0;background:#5a524e;}
.template_event1 .area_review .paging > a {padding:26px 0 0 0;height:0;background:url(../images/com/icon_arrow.png) no-repeat 0 0;}
.template_event1 .area_review .paging > a + a {padding-left:2px;background-position:-26px 0;}
.template_event1 .area_review .paging > ul + a {background-position:-52px 0;}
.template_event1 .area_review .paging > ul + a + a {padding-left:2px;background-position:-75px 0;}

.board_view .con_view > img:last-child {margin-bottom:0;}
.board_view .con_view + .template_event1 {margin-top:-77px;}
/* ---------------------------------------------------------
	약관컨텐츠용
--------------------------------------------------------- */
/* 약관컨텐츠 : 기본 */
.page_notice .list_policy {margin:18px 0 12px;}
.page_notice .list_policy > li {margin:28px 0 12px;}
.page_notice .list_policy > li:first-child {margin-top:0;}
.page_notice .list_policy > li > ul, .page_notice .list_policy > li > dl {font-size:12px;line-height:1.5;}
.page_notice .list_policy > li > ul li:nth-child(9) ~ li {padding-left:1.5em;}
.page_notice .list_policy > li > ul li:nth-child(9) ~ li > span:first-child {margin-left:-1.5em;}
.page_notice .list_policy > li > ul > li, .page_notice div.list_policy > ul > li {margin-top:5px;}
.page_notice .list_policy > li > ul > li ul, .page_notice .list_policy > li > ul > li dl {font-size:1em;}
.page_notice .list_policy .tit {display:block;font-weight:bold;margin:12px 0 6px;font-size:16px;line-height:22px;}
.page_notice .list_policy > li > ul > li .tit {margin:18px 0 6px;font-size:14px;line-height:20px;}
.page_notice .list_policy p.tit {margin:8px 0 4px !important;font-size:1em !important;}
.page_notice .list_policy.txt_num > li {margin:8px 0;}
.page_notice .tit_sub1 + .list_policy {margin-top:0;}
.page_notice .tit_sub1 + .list_policy > li:first-child {margin-top:12px;}
.page_notice .box_type3 {font-size:0.857em;}
.page_notice .box_type3 a {font-weight:normal !important;}

/* 약관컨텐츠 : 타이틀뎁스기준 재설정 */
.page_notice .tit_sub2 + .list_policy {margin:12px 0;}
.page_notice .tit_sub2 ~ .list_policy .tit {margin:12px 0 3px !important;font-size:14px;line-height:20px;}
.page_notice .tit_sub2 ~ .list_policy > li > ul > li {margin-top:4px;}
.page_notice .tit_sub2 ~ .list_policy .txt_num > li .txt_num > li {font-size:1em;}
.page_notice .tit_sub2 + .tit {margin:12px 0;font-size:14px;line-height:20px;font-weight:bold;}
.page_notice .tit_sub2 + .tit + p {margin:-6px 0 12px;}
.page_notice .tit_sub2 ~ .list_policy .box_type3 .txt_type1 > dt ~ dd {font-size:0.857em;}

/* 약관컨텐츠 : 간격조정 */
.page_notice .wrap_box2 {margin:16px 0;}
.page_notice .wrap_box2 .box {margin:0;}
.page_notice .wrap_box2 + .con_sub {margin-top:-3px;}

.page_notice .data_table + p + .data_table {margin-top:16px;}
.page_notice .data_table table tbody tr th, .page_notice .data_table table tbody tr td,
.page_notice .data_table table tfoot tr th, .page_notice .data_table table tfoot tr td {border-right:1px solid #e7e7e7;}
.page_notice .data_table table tbody tr td:last-child,
.page_notice .data_table table tfoot tr td:last-child {border-right:0;}
.page_notice .list_policy .data_table {margin-bottom:12px;}

.page_notice .info_version {font-weight:bold;margin:40px 0 0;}
.page_notice .info_version a {font-weight:normal;}
.page_notice .tit_sub2 + .info_version,
.page_notice .list_policy .info_version {margin:10px 0 0;}

/* ---------------------------------------------------------
	공통 보안프로그램 설치
--------------------------------------------------------- */
.con_install {margin:0 auto;padding:70px 0;width:1000px;}
.con_install .txt_type3 {margin-left:0;font-size:13px;color:#111;}
.con_install .txt_type3 span {font-size:12px;}
.con_install .tit_sub1 + .list_type8 {margin-top:-8px;}
.con_install .board_qna > li.on > .heading a:hover, .con_install .board_qna > li.on > .heading a:focus {background:transparent;text-decoration:none;}

.box_install {overflow:hidden;position:relative;width:1000px;padding:60px 60px 95px;height:400px;background:#fff;box-sizing:border-box;border-radius:10px;border:1px solid #dedede;}
.box_install.on {height:auto;}
.box_install .top {position:relative;margin-bottom:40px;padding:0 0 45px;border-bottom:1px solid #dedede;}
.box_install .top strong {overflow:hidden;display:inline-block;padding-top:53px;width:319px;height:0;background:url(../images/contents/install_text.png) 0 0 no-repeat;}
.box_install .top button {position:absolute;top:0;right:0;width:197px;height:57px;}
.box_install .top button:before {content:'';display:inline-block;width:22px;height:17px;margin-right:10px;background:url(../images/com/ico_down.png) no-repeat 0 0;vertical-align:middle;}
.box_install .top button span {overflow:hidden;display:inline-block;padding-top:17px;width:60px;height:0;vertical-align:middle;background:url(../images/contents/install_text.png) 0 -63px no-repeat;}

.box_install .btn_view {display:block;position:absolute;bottom:0;left:0;right:0;height:45px;border-top:1px solid #dedede;background-color:#f9f9f9;border-radius:0 0 10px 10px;text-align:center;}
.box_install .btn_view:before {content:'';position:absolute;top:-43px;left:0;right:0;display:inline-block;height:40px;background-color:#fff;}
.box_install .btn_view > span {display:inline-block;overflow:hidden;padding-top:45px;width:90px;height:0;background:url(../images/contents/install_btn.png) 0 0 no-repeat;}
.box_install .btn_view:hover > span, .box_install .btn_view:active > span {background-position:0 -45px;}
.box_install.on .btn_view > span {background-position:-90px 0;}
.box_install.on .btn_view:hover > span, .box_install.on .btn_view:active > span {background-position:-90px -45px;}

.box_install .list_type8 .btn_sub1 {position:absolute;top:7px;right:30px;width:111px;height:36px;font-weight:bold;}
.box_install .list_type8 > li {position:relative;padding-left:30px;padding-top:0;}
.box_install .list_type8 > li:first-child {padding-left:0;padding-right:30px;}
.box_install .list_type8 > li > strong {display:block;margin-bottom:3px;font-size:18px;}
.box_install .list_type8 > li > strong + span {font-weight:bold;}
.box_install .list_type8 > li > strong + span > em {color:#d24600;}
.box_install .list_type8 > li > strong + span + p {margin-top:17px;}
.box_install .list_type8 > li > ul {margin-top:40px;}

.msie8 .con_install {position:static;}

/* ---------------------------------------------------------
	공통 : 휴대폰인증팝업
--------------------------------------------------------- */
.form_agree2 + .data_table {border:0;}

/* ---------------------------------------------------------
	CONTENT 공통 : 보안키패드 디버깅용
--------------------------------------------------------- */
.nfilter_bg {z-index:1050 !important;}
.nfilter_main {z-index:1100 !important;}

/* ---------------------------------------------------------
	공통 :  특수컨텐츠
--------------------------------------------------------- */
/* 소비자보호헌장 */
.constitution {position:relative;padding:10px;border:2px solid #a98869;}
.constitution:before, .constitution:after, .constitution .cons_body:before, .constitution .cons_body:after {content:'';position:absolute;width:36px;height:36px;background:url(../images/contents/constitution_bg.png) 0 0 no-repeat;z-index:1;}
.constitution:before, .constitution:after {top:10px;}
.constitution:before {left:10px;}
.constitution:after {right:10px;background-position:-36px 0;}
.constitution .cons_body:before, .constitution .cons_body:after {bottom:-1px;}
.constitution .cons_body:before {left:-1px;background-position:-72px 0;}
.constitution .cons_body:after {right:-1px;background-position:-108px 0;}
.constitution h2 {position:relative;overflow:hidden;padding:70px;height:182px;border:1px solid #a98869;border-bottom:0;background:url(../images/contents/constitution_tit.png) 50% 70px no-repeat;text-indent:-9999px;}
.constitution h2:after {content:'';position:absolute;height:1px;bottom:0;left:70px;right:70px;background:#e5dbd2;}
.constitution .cons_body {position:relative;padding:52px 70px 60px;border:1px solid #a98869;border-top:0;}
.constitution .cons_body > ol {overflow:hidden;}
.constitution .cons_body > ol > li {float:left;}
.constitution .cons_body > ol > li + li {float:right;}
.constitution .cons_body > ol > li > ul li {line-height:30px;}
.constitution .cons_body > ol > li .title {display:block;margin-bottom:17px;font-size:16px;font-weight:bold;color:#3e332e;}
.constitution .cons_body > ol > li .title strong {display:block;color:#d24600;}

.constitution .cons_body .txt_cus.left {text-align:center;}

/* 소비자보호헌장 */
.constitution2 {position:relative;padding:10px;border:2px solid #a98869;}
.constitution2:before, .constitution2:after, .constitution2 .cons_body:before, .constitution2 .cons_body:after {content:'';position:absolute;width:36px;height:36px;background:url(../images/contents/constitution_bg.png) 0 0 no-repeat;z-index:1;}
.constitution2:before, .constitution2:after {top:10px;}
.constitution2:before {left:10px;}
.constitution2:after {right:10px;background-position:-36px 0;}
.constitution2 .cons_body:before, .constitution2 .cons_body:after {bottom:-1px;}
.constitution2 .cons_body:before {left:-1px;background-position:-72px 0;}
.constitution2 .cons_body:after {right:-1px;background-position:-108px 0;}
.constitution2 h2 {position:relative;overflow:hidden;padding:0px;height:182px;border:1px solid #a98869;border-bottom:0;background:url(../images/contents/constitution_tit2.png) 50% 70px no-repeat;text-indent:-9999px;}
.constitution2 h2:after {content:'';position:absolute;height:1px;bottom:0;left:70px;right:70px;background:#e5dbd2;}
.constitution2 .cons_body {position:relative;padding:52px 70px 60px;border:1px solid #a98869;border-top:0; line-height:35px; font-size:18px;}
.constitution2 .cons_body > ol {overflow:hidden;}
.constitution2 .cons_body > ol > li > ul li {line-height:35px;}
.constitution2 .cons_body > ol > li .title {display:block;margin-bottom:17px;font-size:25px;font-weight:bold;color:#3e332e;}
.constitution2 .cons_body > ol > li .title strong {display:block;color:#d24600;}


/* 조직도형 */
.con_chart {overflow:hidden;position:relative;padding:60px 10px;border:1px solid #e7e7e7;text-align:center;}
.con_chart ul {display:inline-block;}
.con_chart strong {position:relative;display:block;margin:20px auto;width:160px;height:60px;background-color:#ff4e00;color:#fff;font-weight:bold;line-height:60px;}
.con_chart strong:before {content:'';position:absolute;bottom:100%;left:50%;width:1px;height:20px;background-color:#ccc;z-index:2;}
.con_chart strong:after {content:'';position:absolute;top:100%;left:50%;width:1px;height:20px;background-color:#ccc;z-index:2;}
.con_chart strong.col2 {width:160px;}
.con_chart .sub2 strong,
.con_chart .sub3 strong {background-color:#664a46;}
.con_chart .sub4 {margin-top:1.3rem;}
.con_chart .sub4 strong {background-color:#a98869;}
.con_chart .sub4 > li.line > strong:before {height:5rem;}
.con_chart > ul > li > strong {margin:0 auto 40px;}
.con_chart > ul > li > strong:before {display:none;}
.con_chart > ul > li > strong:after {height:40px;}
.con_chart li {position:relative;float:left;}
.con_chart li:before {content:'';position:absolute;top:0;right:50%;width:300%;height:1px;background-color:#ccc;}
.con_chart li:first-child:before {background-color:#fff;z-index:1;}
.con_chart li:only-child:before {display:none;}
.con_chart .sub3 > li:first-child li:first-child:before {z-index:3;}
.con_chart .sub3 > li:first-child li:last-child:before {z-index:2;}
.con_chart li div {position:relative;margin:-20px 10px 0;width:160px;height:138px;border:1px solid #a98869;background-color:#fff;box-sizing:border-box;z-index:3;}
.con_chart li div.col2 {width:160px;margin:-20px 190px 0;}
.con_chart li div:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;margin:0 -10px 0 0;}
.con_chart li div p, .con_chart li div ul {display:inline-block;vertical-align:middle;}
.con_chart li div ul {vertical-align:top;}
.con_chart li div li {display:block;float:none;}
.con_chart li div li:before, .con_chart li div li:after {display:none;}
.con_chart.list strong {width:120px;}
.con_chart.list > ul > li > strong {width:160px;}
.con_chart.list li div {width:120px;min-height:136px;margin:-20px 5px 0;padding:20px 12px;}
.con_chart.list li div p {vertical-align:top;}

/* 조직도형 1 */
.con_chart1 {overflow:hidden;position:relative;padding:60px 10px;border:1px solid #e7e7e7;text-align:center;}
.con_chart1 div p {overflow:hidden;position:relative;padding:30px 10px;border:1px solid #e7e7e7;text-align:left;}
.con_chart1 ul {display:inline-block;}
.con_chart1 strong {position:relative;display:block;margin:20px auto;width:185px;height: 40px;background-color:#ff4e00;color:#fff;font-weight:bold;line-height:normal;padding-top: 1.5%;}
.con_chart1 strong:before {content:'';position:absolute;bottom:100%;left:50%;width:1px;height:20px;background-color:#ccc;z-index:2;}
.con_chart strong:after {content:'';position:absolute;top:100%;left:50%;width:1px;height:20px;background-color:#ccc;z-index:2;}
.con_chart1 strong.col2 {width:540px;}
.con_chart1 .sub2 strong,
.con_chart1 .sub3 strong {background-color:#664a46;}
.con_chart1 .sub4 strong {background-color:#a98869;}
.con_chart1 > ul > li > strong {margin:0 auto 40px;}
.con_chart1 > ul > li > strong:before {display:none;}
.con_chart1 > ul > li > strong:after {height:40px;}
.con_chart1 li {position:relative;float:left;}
.con_chart1 li:before {content:'';position:absolute;top:0;right:50%;width:300%;height:1px;background-color:#ccc;}
.con_chart1 li:first-child:before {background-color:#fff;z-index:1;}
.con_chart1 li:only-child:before {display:none;}
.con_chart1 .sub3 > li:first-child li:first-child:before {z-index:3;}
.con_chart1 .sub3 > li:first-child li:last-child:before {z-index:2;}
.con_chart1 li div {position:relative;margin:10px 5px 0;width:185px;height:auto;border:1px solid #a98869;background-color:#fff;box-sizing:border-box;z-index:3;}
.con_chart1 li div:before {content:'';display:inline-block;width:0;height:100%; vertical-align:middle; margin:0 -4px 0 0;}
.con_chart1 li div p.con_chart li div ul {display:inline-block;vertical-align:middle;}
.con_chart1 li div ul {vertical-align:top;}
.con_chart1 li div li {display:block;float:none;}
.con_chart1 li div li:before, .con_chart1 li div li:after {display:none;}
.con_chart1.list strong {width:300px;}
.con_chart1.list > ul > li > strong {width:300px;}
.con_chart1.list li div {width:300px;min-height:136px;margin:-10px 5px 0;padding:20px 12px;}
.con_chart1.list li div p {vertical-align:top;}

/* 조직도형 2 (금융소비자보호체계 > 소비자보호조직체계) */
.con_chart2 {overflow:hidden;position:relative;padding:60px 10px;border:1px solid #e7e7e7;text-align:center;}
.con_chart2 ul {display:inline-block;}
.con_chart2 strong {position:relative;display:block;margin:20px auto;width:160px;height:60px;background-color:#ff4e00;color:#fff;font-weight:bold;line-height:60px;}
.con_chart2 strong:before {content:'';position:absolute;bottom:100%;left:50%;width:1px;height:20px;background-color:#ccc;z-index:2;}
.con_chart2 strong:after {content:'';position:absolute;top:100%;left:50%;width:1px;height:20px;background-color:#ccc;z-index:2;}
.con_chart2 strong.col2 {width:520px;}
.con_chart2 .sub2 strong,
.con_chart2 .sub3 strong {background-color:#664a46;}
.con_chart2 .sub4 {margin-top:1.3rem;}
.con_chart2 .sub4 strong {background-color:#a98869;}
.con_chart2 .sub4 > li.line > strong:before {height:5rem;}
.con_chart2 > ul > li > strong {margin:0 auto 40px;}
.con_chart2 > ul > li > strong:before {display:none;}
.con_chart2 > ul > li > strong:after {height:40px;}
.con_chart2 li {position:relative;float:left;}
.con_chart2 li:before {content:'';position:absolute;top:0;right:50%;width:300%;height:1px;background-color:#ccc;}
.con_chart2 li:first-child:before {background-color:#fff;z-index:1;}
.con_chart2 li:only-child:before {display:none;}
.con_chart2 .sub3 > li:first-child li:first-child:before {z-index:3;}
.con_chart2 .sub3 > li:first-child li:last-child:before {z-index:2;}
.con_chart2 li div {position:relative;margin:-20px 10px 0;width:160px;height:138px;border:1px solid #a98869;background-color:#fff;box-sizing:border-box;z-index:3;}
.con_chart2 li div.col2 {width:520px;}
.con_chart2 li div:before {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;margin:0 -4px 0 0;}
.con_chart2 li div p, .con_chart li div ul {display:inline-block;vertical-align:middle;}
.con_chart2 li div ul {vertical-align:top;}
.con_chart2 li div li {display:block;float:none;}
.con_chart2 li div li:before, .con_chart li div li:after {display:none;}
.con_chart2.list strong {width:120px;}
.con_chart2.list > ul > li > strong {width:160px;}
.con_chart2.list li div {width:120px;min-height:136px;margin:-20px 5px 0;padding:20px 12px;}
.con_chart2.list li div p {vertical-align:top;}

/* 차도리 */
.chadori {position:relative;padding:10px;}
.chadori:before, .chadori:after, .chadori .cons_body:before, .chadori .cons_body:after {content:'';position:absolute;width:36px;height:36px;/* background:url(../images/contents/constitution_bg.png) 0 0 no-repeat; */z-index:1;}
.chadori:before, .chadori:after {top:10px;}
.chadori:before {left:10px;}
.chadori:after {right:10px;background-position:-36px 0;}
.chadori .cons_body:before, .chadori .cons_body:after {bottom:-1px;}
.chadori .cons_body:before {left:-1px;background-position:-72px 0;}
.chadorin .cons_body:after {right:-1px;background-position:-108px 0;}
.chadori h2 {position:relative;overflow:hidden;padding:70px;border:1px solid #ccc;border-bottom:0;background:url(../images/contents/chadori_tit.png) 50% 70px no-repeat;text-indent:-9999px;}
.chadori h2:after {content:'';position:absolute;height:1px;bottom:0;left:70px;right:70px;background:#e5dbd2;}
.chadori .cons_body {position:relative;padding:52px 70px 60px;border:1px solid #ccc;;border-top:0;}
.chadori .cons_body > ol {overflow:hidden;}
.chadori .cons_body > ol > li {float:left;}
.chadori .cons_body > ol > li + li {float:right;}
.chadori .cons_body > ol > li > ul li {line-height:30px;}
.chadori .cons_body > ol > li .title {display:block;margin-bottom:17px;font-size:16px;font-weight:bold;color:#3e332e;}
.chadorin .cons_body > ol > li .title strong {display:block;color:#d24600;}
.chadori .cons_body .txt_cus.left {text-align:center;}
/* 레이어팝업_원형 */
.pop_round {display:none;position:relative;width:754px;z-index:1000;background:#fff;border-radius:100%;}
.pop_round.open {display:block;position:absolute;left:50%;top:50%;}
.pop_round .content{width:754px;height:754px;padding-top:300px;text-align:center;box-sizing:border-box;letter-spacing:-0.07em;}
.pop_round .content:before{content:'';display:block;position:absolute;top:88px;left:50%;width:275px;height:167px;margin-left:-133px;background:url(../images/temp/@layer_round_icon.png) no-repeat;}
.pop_round .content h3{line-height:1.36em;font-size:22px;font-weight:500;letter-spacing:-0.07em;}
.pop_round .content h3>strong{display:block;padding-bottom:10px;font-size:33px;font-weight:500;}
.pop_round .content h3>p{text-align:center;font-weight:700;}
.pop_round .content h3+p{margin:25px auto 0;width:395px;padding-top:68px;height:0;overflow:hidden;background:url(../images/temp/@layer_round_txt.png) no-repeat 0 -51px;}
.pop_round .content .btn_area{margin-top:35px;}
.pop_round .content .btn_area .btn_com{padding:0 50px 2px;}
.pop_round .content .btn_area+p{margin-top:45px;color:#767676;}

.data_table table tbody td .span_tit{display: inline-block; padding: 2px 2.5px; color: #ff4e00; border: 1px solid #ff4e00; border-radius: 10px; font-size: 12px;}
.point_color{color: #ff4e00; font-size: inherit; font-weight: inherit;}
.data_table table tbody td .point_color{font-weight: 500;;}

.box_con3.cs5.box_text{background: url(../images/contents/box_text.jpg) no-repeat 0 0; background-size: 100% auto;}

.stap_guide_list.list_con2.photo_icon > li + li:before{background-position: -400px 0;}
.stap_guide_list.list_con2.photo_icon > li img{position: relative; right: inherit; top: inherit; width: 80px;}
.stap_guide_list.list_con2.photo_icon > li .con_sub{margin: 0 !important; transform: translateY(-50%); top: 50%;}
.stap_guide_list.list_con2 .wrap .title{margin: 0; font-weight: 600;}

.box_img_text img{width: 75%; height: auto;}
.box_img_text > div{margin-top: 66px;}
.txt_type1 > li.no{padding-left: 28px;}
.txt_type1 > li.no i{
	content: "";
    display: block;
    position: absolute;
    left: 10px; font-style: normal; line-height: 1.3;
}
.txt_type1 > li.no:before{background: none;}