@charset "utf-8";

/*--------------------------------------------------------------------------------
	# common 
---------------------------------------------------------------------------------*/
/* 히든컨텐츠1 */
.hide {overflow:hidden !important;position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;padding:0 !important;}

/* 히든컨텐츠2 */
.none {display:none;}

/* 간격용 */
.sub-con {margin:0.8rem 0 0;}
.label-check:not(.mbox) + .sub-con {margin:0;}
.pc .box-t4 .sub-con {margin:1.8rem 0 0;}
.mb .box-t4 .sub-con {margin:1.2rem 0 0;}

.sub-con2 {margin:1.0rem;}

.pc .sub-con3 {margin:0 0 0 1.6rem;vertical-align:middle;}

/* 포인트칼라(텍스트용) */
.txt-c1 {color:#0082d0 !important;}
.txt-c2 {color:#fc4237 !important;}
.txt-c3 {color:#757575 !important;}
.txt-c4 {color:#212121 !important;}
.txt-df {color:#525252 !important;}

/* 폰트사이즈 */
.pc .fs13 {font-size:1.3rem}
.mb .fs15 {font-size:1.5rem !important;}

/* 폰트 굵기 */
.normal {font-family:'OneShinhanL' !important;}
strong, .bold {font-family:'OneShinhanM' !important;font-weight:normal;}
.extra {font-family:'OneShinhanB' !important;}

/* 영역구분 */
.mb hr.line {position:relative;overflow:visible;visibility:visible;display:block;width:100%;border:0;height:auto;}
.mb hr.line:before, .mb div.line:before {content:'';display:block;width:calc(100% + 4.8rem);height:0.8rem;margin:1.8rem -2.4rem;background:#f7f9fa;border:0;border-top:0.1rem solid #d7d9dd;}

/* 디바이스별 히든컨텐츠 설정 */
.mb [ui-device-con*="pc"] {display:none !important;}
.pc [ui-device-con*="mb"] {display:none !important;}
.mb.app [ui-device-con*="mbw"] {display:none !important;}
.mb:not(.app) [ui-device-con*="mba"] {display:none !important;}

/* 줄바꿈설정 */
.pc br.m {display:none;}
.mb br.w {display:none;}

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

/* 영역 : 스크롤영역 */
[data-boxscroll="true"] {width:100%;max-height:70.0rem;margin:1.0rem 0;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;overflow:hidden;}
[data-boxscroll="true"] .mCSB_container {padding:0;}
[data-boxscroll="true"]:not([data-direction="x"]) {max-height:21.0rem;}
.scroll-y {overflow-x:auto;max-width:120rem;}
.mb .scroll-y {max-width:100%;}
/* 기타 */
.underline {text-decoration:underline !important;}
.t-line {border-bottom:0.1rem solid #9599a6 !important}
.mb .txt-pa {display:inline-block;}

/* fade 공통 */
*[data-animation="on"] {opacity:0;-webkit-transform:translateY(3.0rem);transform:translateY(3.0rem);-webkit-transition:all 0.8s;transition:all 0.8s;}
.on[data-animation="on"] {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

/*--------------------------------------------------------------------------------
	# guide content : 배너플러그인 공통
---------------------------------------------------------------------------------*/
/* BX슬라이더 공통  */
[data-banner="bxslider"] {position:relative;}
[data-banner="bxslider"] .bx-controls {text-align:center;z-index:50;height:0;white-space:nowrap;}
[data-banner="bxslider"] .bx-controls > .bx-controls-direction,
[data-banner="bxslider"] .bx-controls > .bx-controls-auto,
[data-banner="bxslider"] .bx-controls > .bx-controls-auto > .bx-controls-auto-item,
[data-banner="bxslider"] .bx-controls > .bx-pager,
[data-banner="bxslider"] .bx-controls > .bx-pager > .bx-pager-item {display:inline-block;vertical-align:top;}

[data-banner="bxslider"] .bx-pager-item + .bx-pager-item {margin:0 0.4rem;}
[data-banner="bxslider"] .bx-pager-item > a {position:relative;overflow:hidden;display:block;width:0;padding:0 0 0 1.8rem;vertical-align:top;font-size:1.6rem;line-height:1.8rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;white-space:nowrap;}
[data-banner="bxslider"] .bx-pager-item > a:after {content:'';position:absolute;display:block;left:0;right:0;top:0;bottom:0;margin:0.3rem;border-radius:50%;background:#d8d9dd;}
[data-banner="bxslider"] .bx-pager-item > a.active:after {background-color:#61667a;}
[data-banner="bxslider"] .bx-viewport .bx-pager-item > a:after {background:none;border:0.1rem solid #0082d0;}
[data-banner="bxslider"] .bx-viewport .bx-pager-item > a.active:after {background-color:#0082d0;}

[data-banner="bxslider"] .bx-controls-auto-item > a {position:relative;overflow:hidden;display:inline-block;width:1.8rem;height:1.8rem;padding:0;vertical-align:top;color:rgba(255,255,255,0);}
[data-banner="bxslider"] .bx-controls-auto-item > a:after {content:'';display:block;position:absolute;left:50%;top:50%;}
[data-banner="bxslider"] .bx-controls-auto-item > a.active {display:none;}
[data-banner="bxslider"] .bx-controls-auto-item > a.bx-start:after {width:0;height:0;margin:-0.6rem 0 0 -0.4rem;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;border-left:1.0rem solid #616466;}
[data-banner="bxslider"] .bx-controls-auto-item > a.bx-stop:after {width:0.3rem;height:1.2rem;margin:-0.6rem 0 0 -0.5rem;border-left:0.4rem solid #616466;border-right:0.4rem solid #616466;}

[data-banner="bxslider"] .bx-controls-direction > a {overflow:hidden;display:block;position:absolute;top:50%;overflow:hidden;width:0;height:4.8rem;padding:0 0 0 4.8rem;margin:-2.4rem 0 0;white-space:nowrap;z-index:50;background:rgba(176,179,188,0.8);}
[data-banner="bxslider"] .bx-controls-direction > a:after {content:'';display:block;position:absolute;left:50%;top:50%;width:1.6rem;height:1.6rem;border-left:0.1rem solid #fff;border-bottom:0.1rem solid #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
[data-banner="bxslider"] .bx-controls-direction > a.disabled {opacity:0.3;}
[data-banner="bxslider"] .bx-controls-direction > a.bx-prev {left:-1.6rem;}
[data-banner="bxslider"] .bx-controls-direction > a.bx-next {right:-1.6rem;}
[data-banner="bxslider"] .bx-controls-direction > a.bx-prev:after {margin:-0.7rem 0 0 -0.4rem;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
[data-banner="bxslider"] .bx-controls-direction > a.bx-next:after {margin:-0.7rem 0 0 -1.4rem;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

.mb [data-banner="bxslider"] .bx-controls-direction > a {height:4.0rem;padding:0 0 0 4.0rem;margin:-2.0rem 0 0;}
.mb [data-banner="bxslider"] .bx-controls-direction > a:after {width:1.2rem;height:1.2rem;}
.mb [data-banner="bxslider"] .bx-controls-direction > a.bx-prev {left:-2.4rem;}
.mb [data-banner="bxslider"] .bx-controls-direction > a.bx-next {right:-2.4rem;}
.mb [data-banner="bxslider"] .bx-controls-direction > a.bx-prev:after {margin:-0.8rem 0 0 -0.5rem;}
.mb [data-banner="bxslider"] .bx-controls-direction > a.bx-next:after {margin:-0.8rem 0 0 -1.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : TITLE
---------------------------------------------------------------------------------*/
/* 서브타이틀 공통 */
[class*="tit-sub"], dl[class*="tit-sub"] > dt {position:relative;margin:0 0 1.5rem;}
div[class*="tit-sub"] > :first-child, [class*="tit-sub"]:not(div):not(dl), dl[class*="tit-sub"] > dt {font-family:'OneShinhanM';color:#212121;}

/* 서브타이틀1 */
.tit-sub1:not(dl), dl.tit-sub1 > dt {margin:7.2rem 0 1.6rem;}
header .tit-sub1 {margin:0;}
div.tit-sub1 > :first-child, .tit-sub1:not(div):not(dl), dl.tit-sub1 > dt {padding:1.2rem 0;font-size:1.8rem;line-height:2.6rem;}
div.tit-sub1 > .sub {position:absolute;right:0;bottom:0;}

.pc .tit-sub1.line {padding-bottom:2.0rem;border-bottom:0.1rem solid #9599a6;}
.pc div.tit-sub1 > :first-child, .pc .tit-sub1:not(div):not(dl), .pc dl.tit-sub1 > dt {padding:0;font-size:2.4rem;line-height:3.2rem;}
.pc .section > .tit-sub1:first-child, .pc .section > .hide:first-child + .tit-sub1, .pc .section > script + .tit-sub1 {margin-top:0;}

.mb .tit-sub1:not(dl), .mb dl.tit-sub1 > dt {margin:3.2rem 0 1.5rem 0;}
.mb div.tit-sub1 > :first-child, .mb .tit-sub1:not(div):not(dl), .mb dl.tit-sub1 > dt {padding:2.5rem 0 0;font-size:2.0rem;line-height:2.8rem;}
.mb .tit-sub1:not(dl):before, .mb dl.tit-sub1 > dt:before, .mb .tit-sub1:not(dl):after, .mb dl.tit-sub1 > dt:after {content:'';display:block;position:absolute;left:-2.4rem;right:-2.4rem;}
.mb .tit-sub1:not(dl):before, .mb dl.tit-sub1 > dt:before {top:-0.8rem;height:0.8rem;background:#ebecee;}
.mb div.tit-sub1 > .sub .btn-sub1 {line-height:3.2rem;}
.mb .section > .tit-sub1:first-child, .mb .section > .hide:first-child + .tit-sub1 {margin-top:-4.8rem;}
.mb .section .section > .tit-sub1:first-child, .mb .section > .hide:first-child + .tit-sub1 {margin-top:0;padding-top:0}
.mb .header-visual ~ .section > .tit-sub1:first-child {margin-top:-2.4rem;}
.mb .tab-sub1 ~ .ui-tab-con > .hide:first-child + .tit-sub1 {margin-top:-2.5rem;}
.mb .tab-sub1 ~ .ui-tab-con > .hide:first-child + .tit-sub1:before {display:none;}
.mb .section > .hide:first-child + div.tit-sub1 > * {padding-top:0;}

.mb .section > .tit-sub1:first-child:before, .mb .section > .hide:first-child + .tit-sub1:before {display:none;}
.mb .pop-modal1 p.tit-sub1:before,  .mb .pop-modal1 p.tit-sub1:after {display:none;}

/* 서브타이틀2 */
.tit-sub2:not(dl), dl.tit-sub2 > dt {position:relative;margin:1.6rem 0 0.4rem;display:block;}
div.tit-sub2 > :first-child, .tit-sub2:not(div):not(dl), dl.tit-sub2 > dt {font-size:1.6rem;line-height:2.4rem;}
div.tit-sub2 > .sub {position:absolute;right:0;bottom:0;}
div.tit-sub2 > :first-child {display:inline-block;}
div.tit-sub2 > .info {display:inline-block;margin:0 0 0 1.2rem;}
div.tit-sub2 > .info.label-check {margin:-0.7rem 0 -0.7rem 1.2rem;vertical-align:top;}
.section > .tit-sub2:first-child, .section > .hide:first-child + .tit-sub2, .mb hr.line + .tit-sub2 {margin-top:0;}

.pop-modal1 div.tit-sub2 > .sub .btn-sub1 {line-height:3.0rem;}
.pop-modal1 div.tit-sub2 > .sub .btn-sub1.ic3:before {margin-top:0.6rem;}
.pop-modal1 div.tit-sub2 > .sub .btn-sub1.ic4:before, .pop-modal1 div.tit-sub2 > .sub .btn-sub1.ic4:after {margin-top:1.4rem;margin-bottom:1.4rem;}

.pc .tit-sub2:not(dl), .pc dl.tit-sub2 > dt {margin:3.5rem 0 1.6rem;}
.pc div.tit-sub2 > :first-child, .pc .tit-sub2:not(div):not(dl), .pc dl.tit-sub2 > dt {font-size:1.8rem;line-height:2.6rem;}
.pc .tit-sub2 + .tit-sub2 {margin:1.6rem 0;}
.pc div.tit-sub2 > .sub {bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);}


dl.tit-sub2.line {border-top:0.1rem solid #d6dadd;margin:3.2rem 0 0;padding: 0 0;}

/*--------------------------------------------------------------------------------
	# guide content : 안내문구 : 정보형
---------------------------------------------------------------------------------*/
/* 안내문구 : 정보형 */
.txt-info1 {/*font-size:1.4rem;*/color:#757575;text-align:left;}
.txt-info1:not(ul):not(dl), .txt-info1 > li, .txt-info1 > dt, .txt-info1 > dd {position:relative;padding:0 0 0 2.4rem;}
.txt-info1:not(ul):not(dl):before, .txt-info1 > li:before, .txt-info1 > dt:before, .txt-info1:not(ul):not(dl):after, .txt-info1 > li:after, .txt-info1 > dt:after {content:'';display:block;position:absolute;left:0;top:0;}
.txt-info1:not(ul):not(dl):before, .txt-info1 > li:before, .txt-info1 > dt:before {top:0.3rem;width:1.4rem;height:1.4rem;border:0.1rem solid #9599a6;border-radius:50%;}
.txt-info1:not(ul):not(dl):after, .txt-info1 > li:after, .txt-info1 > dt:after {width:0.2rem;height:0.1rem;margin:0.7rem;border-top:0.6rem solid #9599a6;border-bottom:0.2rem solid #9599a6;}
.txt-info1 > dt {font-family:'OneShinhanM';margin-bottom:0.5rem;}
.txt-info1 strong, .txt-info1 em {font-weight:normal;color:#0082d0;}
.txt-info1 b {font-weight:normal;font-family:'OneShinhanM';}
a.txt-info1 {text-decoration:underline;}

.txt-info1.txt-c1:not(ul):not(dl):before, .txt-info1.txt-c1 > li:before, .txt-info1 > li.txt-c1:before, .txt-info1.txt-c1 > dt:before, .txt-info1 > dt.txt-c1:before,
.txt-info1.txt-c1:not(ul):not(dl):after, .txt-info1.txt-c1 > li:after, .txt-info1 > li.txt-c1:after, .txt-info1.txt-c1 > dt:after, .txt-info1 > dt.txt-c1:after {border-color:#0082d0;}

.txt-info1.txt-c2:not(ul):not(dl):before, .txt-info1.txt-c2 > li:before, .txt-info1 > li.txt-c2:before, .txt-info1.txt-c2 > dt:before, .txt-info1 > dt.txt-c2:before,
.txt-info1.txt-c2:not(ul):not(dl):after, .txt-info1.txt-c2 > li:after, .txt-info1 > li.txt-c2:after, .txt-info1.txt-c2 > dt:after, .txt-info1 > dt.txt-c2:after {border-color:#f9110c;}

h3.txt-info1, h4.txt-info1 {margin:2.4rem 0 1.0rem;}
.mb h3.txt-info1, .mb h4.txt-info1 {margin-top:4.0rem;}
.mb div.line h3.txt-info1:first-child, .mb fieldset > legend + h3.txt-info1, .mb .ui-tab-con >  h3.txt-info1:first-child {margin-top:0;}

.wrap-area1 + .txt-info1 {max-width:85.0rem;margin:1.0rem auto 0;}

/*--------------------------------------------------------------------------------
	# guide content : 안내문구 : 필수항목
---------------------------------------------------------------------------------*/
.txt-mark1 {position:relative;padding:0 0.5rem;color:#212121;}
.txt-mark1:not(p):not(sup), .txt-mark1 > span {display:inline-block;width:0.1rem;text-indent:-9999px;overflow:hidden;vertical-align:top;}
.txt-mark1:after {position:absolute;top:0;left:0;display:inline-block;content:'*';font-size:1.2rem;color:#0082d0;vertical-align:top;text-indent:0.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 안내문구 : 각주
---------------------------------------------------------------------------------*/
.txt-mark2 {position:relative;display:inline-block;color:#0082d0;}
.txt-mark2 a {display:inline-block;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;color:rgba(255,255,255,0);}
sup.txt-mark2,.txt-mark2 > sup {position:relative;display:inline-block;vertical-align:super;color:#0082d0;font-size:1.0rem;line-height:1.2rem;}
sup.txt-mark2:after,.txt-mark2 > sup:after {content:' ';vertical-align:super;display:inline-block;min-width:0.5rem;}
sup.txt-mark2 a {overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;color:rgba(255,255,255,0);}

/*--------------------------------------------------------------------------------
	# guide content : 검색결과 / 카운트
---------------------------------------------------------------------------------*/
.txt-cnt1 {text-align:right;}
.txt-cnt1 .current {font-family:'OneShinhanM';color:#0082d0;}
.txt-cnt1 .current:after {content:'/';display:inline-block;padding:0 0.3rem;font-family:'OneShinhanL';color:#525252;}

/*--------------------------------------------------------------------------------
	# guide content : 날짜형(기준일자/시행일시)
---------------------------------------------------------------------------------*/
.txt-date1 {text-align:right;font-size:1.1rem;line-height:2.6rem;font-family:'돋움, Dotum';}

p.txt-date1 > span {position:relative;display:inline-block;}
p.txt-date1 > span + span {padding-left:2.2rem;}
p.txt-date1 > span + span:before {content:'';display:block;position:absolute;left:1.1rem;top:0.9rem;width:0.1rem;height:0.8rem;background:#757575;}

ul.txt-date1 {line-height:2.0rem;}
ul.txt-date1 > li > ol, ul.txt-date1 > li > ol > li {display:inline-block;vertical-align:top;}
ul.txt-date1 > li > ol > li + li:before {content:' / ';}

/*--------------------------------------------------------------------------------
	# guide content : 안내문구 : 상태값에 따른 컬러
---------------------------------------------------------------------------------*/
.txt-stat1 {display:inline-block;font-family:'OneShinhanM';font-weight:normal;color:#212121;}
.txt-stat1.c1 {color:#0082d0;}
.txt-stat1.c2 {color:#757575;}
.txt-stat1.c3 {color:#f9110c;}

/*--------------------------------------------------------------------------------
	# guide content : 블릿타입1
---------------------------------------------------------------------------------*/
.txt-bul1 {text-align:left;}
.txt-bul1:not(ul):not(dl), .txt-bul1 > li, .txt-bul1 > dd {position:relative;padding-left:1.2rem;}
.txt-bul1:not(ul):not(dl):before, .txt-bul1 > li:before, .txt-bul1 > dd:before {position:absolute;left:0;top:1.0rem;display:block;content:'';width:0.2rem;height:0.2rem;background:#525252;}
.txt-bul1 > li + li, .txt-bul1 > dd {margin:0.4rem 0 0;}
.txt-bul1 > dd + dt {margin:0.6rem 0 0;}
.txt-bul1 strong {font-family:'OneShinhanM';font-weight:normal;}
.txt-bul1 em {color:#0082d0;}
.txt-bul1 a:not([class^="link"]) {text-decoration:underline;}
.txt-bul1 > dt {font-family:'OneShinhanM';color:#212121;}

/*--------------------------------------------------------------------------------
	# guide content : 블릿타입2
---------------------------------------------------------------------------------*/
.txt-bul2 {text-align:left;}
.txt-bul2:not(ul):not(dl), .txt-bul2 > li,  .txt-bul2 > dt, .txt-bul2 > dd {position:relative;padding-left:1.2rem;}
.txt-bul2:not(ul):not(dl):before, .txt-bul2 > li:before, .txt-bul2 > dd:before {position:absolute;left:0;top:1.0rem;display:block;content:'';width:0.6rem;height:0.1rem;background:#525252;}
.txt-bul2 > dt:before {position:absolute;left:0;top:1.0rem;display:block;content:'';width:0.2rem;height:0.2rem;background:#525252;}
.txt-bul2 > dd {margin:0 0 0 1.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 블릿타입3
---------------------------------------------------------------------------------*/
.txt-bul3 {text-align:left;color:#525252;}
.txt-bul3:not(ul):not(dl), .txt-bul3 > li {position:relative;padding-left:2.0rem;}
.txt-bul3:not(ul):not(dl):before, .txt-bul3 > li:before {content: '※';display:inline-block;width:2.0rem;margin:0 0 0 -2.0rem;}
.txt-bul3 > dt, .txt-bul3 > dd {padding-left:1.8rem;}
.txt-bul3 > dt:before {content:'※';display:inline-block;width:1.8rem;margin:0 0 0 -1.8rem;}

.info-con3 + .txt-bul3 {margin:2.0rem 0 0;text-align:center;}

/*--------------------------------------------------------------------------------
	# guide content : 블릿타입4
---------------------------------------------------------------------------------*/
.txt-bul4 {text-align:left;}
.txt-bul4:not(ul):not(dl), .txt-bul4 > li, .txt-bul1 > dd {position:relative;padding-left:1.2rem;}
.txt-bul4:not(ul):not(dl):before, .txt-bul4 > li:before, .txt-bul4 > dd:before {position:absolute;left:0;top:1.0rem;display:block;content:'';width:0.2rem;height:0.2rem;background:#525252;}
.txt-bul4 > li + li, .txt-bul4 > dd {margin:0.4rem 0 0;}
.txt-bul4 > dd + dt {margin:0.6rem 0 0;}
.txt-bul4 strong {font-family:'OneShinhanM';font-weight:normal;}
.txt-bul4 em {color:#0082d0;}
.txt-bul4 a:not([class^="link"]) {text-decoration:underline;}
.txt-bul4 > dt {font-family:'OneShinhanM';color:#212121;}

/*--------------------------------------------------------------------------------
	# guide content : 블릿타입 공통
---------------------------------------------------------------------------------*/
.txt-c1[class*="txt-bul"]:not(ul):not(dl):before, .txt-c1[class*="txt-bul"] > li:before, .txt-c1[class*="txt-bul"] > dt:before, .txt-c1[class*="txt-bul"] > dd:before {background:#0082d0;}
.txt-c2[class*="txt-bul"]:not(ul):not(dl):before, .txt-c2[class*="txt-bul"] > li:before, .txt-c2[class*="txt-bul"] > dt:before, .txt-c2[class*="txt-bul"] > dd:before {background:#fc4237;}

.mb .mline[class*="txt-"] > li + li, .mb .mline[class*="txt-"] > dd + dt {position:relative;margin-top:6.0rem !important;}
.mb .mline[class*="txt-"] > li + li:after, .mb .mline[class*="txt-"] > dd + dt:after {content:'';position:absolute;left:0;right:0;top:-3.0rem;display:block;height:0.1rem;background:#d7d9dd;}

.box-t1[class*="txt-bul"] em {color:#0082d0;}
.box-t1[class*="txt-bul"] a[target="_blank"] {color:#0082d0;}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트넘버링
---------------------------------------------------------------------------------*/
/* 기본 */
.txt-num > li, .txt-num > dt, .txt-num > dd {padding:0 0 0 2.0rem;}
.txt-num > li, .txt-num > dt {position:relative;}
.txt-num > li + li, .txt-num > dd {margin:0.5rem 0 0;}
dl.txt-num > dt {color:#212121;}
dl.txt-num > dd + dt {margin:1.5rem 0 0;}
dl.txt-num > dd + dd {margin:1.0rem 0 0;}

.txt-num:not(.num) {counter-reset:num;}
.txt-num:not(.num) > li:before, dl.txt-num:not(.num) > dt:before {content:counter(num) ".";counter-increment:num 1;display:inline-block;float:left;margin:0 0 0 -2.0rem;width:2.0rem;}
.txt-num.num > li > span:first-child, .txt-num.num > dt > span:first-child, .txt-num:not(ul):not(dl):not(ol) > span:first-child {display:inline-block;float:left;margin:0 0 0 -2.0rem;width:2.0rem;}
.txt-num.num.wide > li, .txt-num.num.wide > dt, .txt-num.num.wide > dd {padding-left:3.5rem}
.txt-num.num.wide > li > span:first-child, .txt-num.num.wide > dt > span:first-child, .txt-num:not(ul):not(dl):not(ol) > span:first-child {width:3.5rem;margin:0 0 0 -3.5rem}
.txt-num:not(ul):not(dl):not(ol) {padding:0 0 0 2.4rem;}
.txt-num:not(ul):not(dl):not(ol) > span:first-child {margin:0 0 0 -2.4rem;width:2.4rem;}
.txt-num > [class*="txt-bul"] {margin-left:-1.0rem;}

.txt-num > li:nth-child(9) ~ li:not(.word), .txt-num > dt:nth-of-type(9) ~ dt {padding-left:2.4rem;}
.txt-num > li:nth-child(9) ~ li:before, .txt-num > dt:nth-of-type(9) ~ dt:before {margin:0 0 0 -2.4rem;width:2.4rem;}

/* 유형1 */
.txt-num.t1:not(.num) > li:before, dl.txt-num.t1:not(.num) > dt:before {content: counter(num) ")";}

/* 리스트형 */
.txt-num.list {border-top:1px solid #9599a6;border-bottom:1px solid #9599a6;}
.txt-num.list > li, dl.txt-num.list {padding:1.6rem 0;}
.txt-num.list > li + li, .txt-num.list > dd + dt {border-top:0.1rem solid #d7d9dd;}
.txt-num.list > dt {margin:0 0 0.5rem;}
.txt-num.list > dd + dt {margin:2.0rem 0 0.5rem;padding-top:1.6rem;}
.txt-num.list > dd + dd {margin:0;}
.txt-num.list > dd {position:relative;}
.txt-num.list > dd:before {position:absolute;left:0.5rem;top:1.0rem;display:block;content:'';width:0.6rem;height:0.1rem;background:#525252;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터없음
---------------------------------------------------------------------------------*/
p.nodata {display:block;text-align:center;line-height:8.5rem;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}

/*--------------------------------------------------------------------------------
	# guide content : 간략문구1 : 좌측정렬
---------------------------------------------------------------------------------*/
/* 기본 */
.mes-t1 {color:#212121;}

/* 비주얼형 */
.mes-t1[class*=" visual"]:before, .mes-t1[class*=" visual"] > p {display:inline-block;vertical-align:middle;}
.mes-t1[class*=" visual"]:before {content:'';width:4.8rem;height:4.8rem;margin:0 2.0rem 0 0;}
.mes-t1[class*=" visual"] > p {max-width:calc(100% - 7.5rem);text-align:left;}

/* 정렬예외 */
.wrap-area1 .mes-t1 {text-align:center;}

/*--------------------------------------------------------------------------------
	# guide content : 간략문구1 : 중앙정렬
---------------------------------------------------------------------------------*/
/* 기본 */
.mes-t2 {text-align:center;}
.mes-t2 em {color:#0082d0;}

/*--------------------------------------------------------------------------------
	# guide content : 문구타입 : 컨텐츠 기본문구형
---------------------------------------------------------------------------------*/
/* 기본 */
.mes-headline1 {position:relative;margin:5.6rem 0 3.6rem 0;text-align:center;}
.mes-headline1 > strong {display:block;font-size:1.8rem;line-height:2.6rem;color:#212121;font-weight:normal;}
.mes-headline1 > strong b {font-family:'OneShinhanM';color:#0082d0;font-weight:normal;}
.mes-headline1 > strong span {font-weight:bold;}
.mes-headline1 > strong:first-child {margin:0 0 2.8rem;}
.mes-headline1 > strong:last-child {margin:1.6rem 0 0;}
.mes-headline1 > strong:only-child {margin:0;}
.mb .mes-headline1 {margin:0 0 2.8rem 0;padding-top:0.8rem;}

.mes-headline1 > strong span.mark {display:block;}
.mes-headline1 > strong span.mark:before, .mes-headline1 > strong span.mark:after {content:'';display:inline-block;position:relative;width:1.5rem;height:1.5rem;background:url(../img/com/icon_set1.png) no-repeat 0 -12.0rem;background-size:40.0rem;vertical-align:top;}
.mes-headline1 > strong span.mark:after {background-position:-2.0rem -12.0rem;}

.pc .mes-headline1 {padding:0 7%;font-size:1.6rem;}
.pc .mes-headline1 > strong {font-size:3.2rem;line-height:4.0rem;}
.pc .mes-headline1 > strong span.mark {margin:1.0rem 0 0;}
.pc .mes-headline1 > strong span.mark:before, .pc .mes-headline1 > strong span.mark:after {width:2.0rem;height:2.0rem;background-position:0 -21.6rem;background-size:72.0rem 72.0rem;}
.pc .mes-headline1 > strong span.mark:before {margin:0 0.5rem 0 0;}
.pc .mes-headline1 > strong span.mark:after {margin:0 0 0 0.5rem;background-position:-3.6rem -21.6rem;}
.pc .mes-headline1 > span:first-child {display:block;margin:-1.6rem 0 0;}

/* 비주얼형 */
.mes-headline1.visual {padding-left:0;padding-right:0;}
.mes-headline1.visual > strong {margin:0 0 2.0rem;}
.mes-headline1.visual > strong:after {opacity:1;content:'';display:block;height:0;margin:5.0rem 0 0;padding:0 0 22%;background:url(../img/content/co01.png) no-repeat 50% 0;background-size:100% 100%;-webkit-animation:zoomIn 2s cubic-bezier(0.22, 0.61, 0.36, 1);animation:zoomIn 2s cubic-bezier(0.22, 0.61, 0.36, 1)}
.mes-headline1.visual > strong + span {display:block;padding:0 7%;}

.mb .mes-headline1.visual > strong:after {width:100vw;margin:3.0rem -2.4rem 0;padding:0 0 47%;background-size:100% 100%;}
.mb .mes-headline1.visual > strong + span {display:block;padding:0;}

@-webkit-keyframes zoomIn {
	0% {-webkit-transform:scale(1.02);transform:scale(1.02);opacity:0;}
	100% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
@keyframes zoomIn {
	0% {-webkit-transform:scale(1.02);transform:scale(1.02);opacity:0;}
	100% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}

/*--------------------------------------------------------------------------------
	# guide content : 문구타입 : 프로세스결과형
---------------------------------------------------------------------------------*/
/* 기본 */
.mes-result1 {position:relative;margin:2.0rem auto 4.0rem;text-align:center;color:#212121;}
.mes-result1:before, .mes-result1:after {content:'';display:block;}
.mes-result1:before {width:7.0rem;height:7.0rem;margin:0 auto 1.5rem;background:#ebecee;border-radius:50%;}
.mes-result1:after {position:absolute;left:50%;top:0;width:4.0rem;height:4.0rem;margin:1.5rem 0 0 -2.0rem;background:url(../img/com/icon_set2.png) no-repeat 0 0;background-size:40.0rem;}
.mes-result1 > p:first-child {display:block;font-size:2.0rem;font-weight:normal;}
.mes-result1 > p:first-child strong {font-weight:normal;}
.mes-result1 > p:first-child:not(:last-child) {margin:0 0 1.5rem;}
.mes-result1 p > em {color:#0082d0;}
.mes-result1 p > span{color:#757575;}
 
.mes-result1.ic1:after {background-position:0 0;}
.mes-result1.ic2:after {background-position:-4.0rem 0;}
.mes-result1.ic3:after {background-position:-16.0rem 0;}
.mes-result1.ic4:after {background-position:-12.0rem 0;}
.mes-result1 .txt-info1 {display:inline-block;}

.pc .mes-result1 {padding:0 7%;}
.pc .mes-result1:before {width:8.8rem;height:8.8rem;margin:0 auto 2.0rem;}
.pc .mes-result1:after {width:4.8rem;height:4.8rem;margin:2.0rem 0 0 -2.4rem;background-size:120.0rem;}
.pc .mes-result1 > p:not(.txt-info1) {font-size:1.6rem;}
.pc .mes-result1 > p:first-child {font-size:3.2rem;line-height:1.4;}
.pc .mes-result1 > p:first-child:not(:last-child) {margin:0 0 2.0rem;}
.pc .mes-result1 > p + p {margin:1.5rem 0 0;}
.pc .mes-result1.ic1:after {background-position:0 -12.0rem;}
.pc .mes-result1.ic2:after {background-position:-6.0rem -12.0rem;}
.pc .mes-result1.ic3:after {background-position:-24.0rem -12.0rem;}
.pc .mes-result1.ic4:after {background-position:-18.0rem -12.0rem;}
.pc .mes-result1 .area-btn1 {margin:6.0rem 0 0;}

.pc #container.page > #content .section .mes-result1 {max-width:68.0rem;}
.pc #container.page > #content .section > .mes-result1:first-child:nth-last-child(2) {margin:6.0rem auto 6.0rem;}
.pc #container.page > #content .section > .mes-result1:first-child:nth-last-child(2) + .area-btn1:last-child {margin:6.0rem 0;}

.mb .section > .mes-result1:first-child {margin-top:0.8rem;}

/*--------------------------------------------------------------------------------
	# guide content : 메세지 박스형1
---------------------------------------------------------------------------------*/
/* 기본 */
.mes-box1 {margin:0 0 1.0rem;padding:4.0rem 14%;background:#ebf5fb;text-align:center;font-size:1.6rem;color:#525252;}
.mes-box1.m2 {padding:2.5rem 14%;}
.mes-box1 em {color:#0082d0;}
.mes-box1 b {font-family:'OneShinhanM';font-weight:normal;}
.mes-box1 > dl > dt, .mes-box1 .tit {margin:0 0 2.0rem;color:#212121;font-size:2.4rem;line-height:2.6rem;font-family:'OneShinhanM';}
.mes-box1 > dl > dd + dd {margin:1.5rem 0 0;}
.mes-box1 .tit {display:block;font-weight:normal;}
.mes-box1 > .label-box2 {max-width:75.0rem;margin:2.0rem auto 0;}
.mes-box1 > p + p {margin:1.0rem 0 0;}
.mes-box1 + .mes-box1, .mes-box1 + .form-agree1, .tbl-data1 + .mes-box1 {margin-top:3.0rem !important;}
.mes-box1 + .tbl-data1 {margin:3.0rem 0;}
.wrap-area2 .mes-box1 {padding:2.8rem 5%;}
.pop-modal1 .mes-box1 {padding:2.8rem 10%;}
.pc .section > .mes-box1:only-child {padding-top:6.0rem;padding-bottom:6.0rem;}

/* 배경변경 */
.mes-box1.t1 {background:none;border:0.1rem solid #d7d9dd;}

/* PC | 김선영 SRID : 20201203-001] 전자서명법 시행령 개정에 따른 '공인인증서' 명칭 변경(박스 간격 수정) */
.pc #content .mes-box1 {font-size:1.6rem;}
.pc .pop-modal1.w2 .mes-box1 {padding-left:9%;padding-right:9%;}

/* mobile */
.mb .mes-box1 {padding:2.4rem 7%;}
.mb .mes-box1.m1 {padding:1.6rem 7%;}
.mb .mes-box1 > dl > dt, .mb .mes-box1 .tit {margin:0 0 1.0rem;font-size:1.7rem;line-height:2.1rem;}
.mb .mes-box1 > p:only-child {font-size:1.3rem;}
.mb .mes-box1.m1 > p:only-child {font-size:1.2rem;}
.mb .mes-box1 + .mes-box1 {margin:2.0rem 0;}
.mb .section .mes-box1 > .label-box2 > label {display:block;width:100%;}
.mb .section .mes-box1 > .label-box2 > label input + span {font-size:1.4rem;}s
.mb .section .mes-box1 > .label-box2 > label + label {margin:1.2rem 0 0;}

@media only screen and (max-width:380px){
	.mb .section .mes-box1 > .label-box2 > label input + span {font-size:1.3rem;}
}

@media only screen and (max-width:359px){
	.mb .section .mes-box1 > .label-box2 > label input + span {font-size:1.2rem;text-indent:-1.0rem;}
}

.mb .pop-modal1 > .content > .mes-box1:not(.t1), .mb .section > .mes-box1:not(.t1) {margin:0 -2.4rem 2.0rem;}
.mb .section > .mes-box1.m1 {margin:-2.4rem 0 2.0rem;}
.mb .pop-modal1 > .content > .mes-box1:first-child, .mb .section > .mes-box1:first-child {margin-top:-2.4rem;}
.mb .section > .mes-box1.visual2 {margin:0;}
.mb .section > .mes-box1.m2 {margin:0;padding:1.6rem 20%;}

/*--------------------------------------------------------------------------------
	# guide content : 메세지 박스형2
---------------------------------------------------------------------------------*/
/* 기본 */
.mes-box2 {margin:2.0rem 0;padding:4.0rem;font-size:1.6rem;background:#f7f9fa;line-height:1.625;text-align:center;color:#525252;}
.mes-box2.c1 {color:#0082d0;}
.pc .pop-modal1 .mes-box2, .mb .mes-box2 {padding:2.0rem;font-size:1.4rem;}
.pc .pop-modal1.w2 .mes-box2[class*=" visual"] {margin:-4.0rem -4.0rem 4.0rem !important;}
.mb .wrap-area1 .mes-box2[class*=" visual"] {margin:-2.4rem -2.4rem 1.0rem;}

/* 이미지컨텐츠용 세트1 */
.mes-box2[class*=" visual1"]:before {content:'';width:0;height:24.0rem;}
.mes-box2[class*=" visual1"]:before, .mes-box2[class*=" visual1"] > p {display:inline-block;vertical-align:middle;}
.mes-box2[class*=" visual1"] > p {max-width:calc(100% - 4.5rem);}
.mes-box2[class*=" visual1"] > p:before {content:'';display:block;margin:0 auto;width:6.4rem;height:6.4rem;background:url(../img/com/icon_set2.png) no-repeat 0 -33.0rem;background-size:40.0rem 40.0rem;}
.mes-box2.visual1-1 > p:before {background-position:0 -33.0rem;}
.mes-box2.visual1-2 > p:before {background-position:-8.0rem -33.0rem;}
.mes-box2.visual1-3 > p:before {background-position:-16.0rem -33.0rem;}

.mb .mes-box2[class*=" visual1"] {padding:5.0rem 2.0rem 5.5rem;border:0.1rem solid #d7d9dd;}
.mb .mes-box2[class*=" visual1"]:before {display:none;}
.mb .mes-box2[class*=" visual1"] > p:before {margin:0 auto 1.2rem;}

.pc .mes-box2[class*=" visual1"] > p:before {width:9.6rem;height:9.6rem;background-size:60.0rem 60.0rem;}
.pc .mes-box2.visual1-1 > p:before {background-position:0 -49.5rem;}
.pc .mes-box2.visual1-2 > p:before {background-position:-12.0rem -49.5rem;}
.pc .mes-box2.visual1-3 > p:before {background-position:-24.0rem -49.5rem;}
.pc .form-area1 .mes-box2[class*=" visual1"] > p {max-width:calc(100% - 8.5rem);}

/* 이미지컨텐츠용 세트2 */
.mes-box2[class*=" visual2"] {margin:0 0 4.0rem;}
.mes-box2[class*=" visual2"] > p:after {content:'';display:block;width:23.7rem;height:7.5rem;margin:2.5rem auto 0;background:rgba(255,0,0,0.5);background:url(../img/com/icon_set2.png) 0 -42.0rem no-repeat;background-size:60.0rem 60.0rem;}
.mes-box2.visual2-1 > p:after {background-position:0 -42.0rem;}
.mes-box2.visual2-2 > p:after {background-position:-30.0rem -42.0rem;}
.mb .mes-box2[class*=" visual2"] > p:after {width:15.8rem;height:4.9rem;background-size:40.0rem 40.0rem;}
.mb .mes-box2.visual2-1 > p:after {background-position:0 -28.0rem;}
.mb .mes-box2.visual2-2 > p:after {background-position:-20.0rem -28.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 메뉴아이콘
---------------------------------------------------------------------------------*/
.icon-menu {overflow:hidden;position:relative;display:inline-block;width:5.6rem;height:6.4rem;vertical-align:top;color:rgba(255,255,255,0) !important;}
.icon-menu:before, .icon-menu:after {content:'';display:block;position:absolute;left:50%;top:50%;}
.icon-menu:not([class*=" ic"]):before {width:2.4rem;height:2.4rem;background:url(../img/com/icon_set1.png) no-repeat -20.0rem 0;background-size:40.0rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.icon-menu.ic1:before, .icon-menu.ic1:after {left:50%;top:50%;width:2.2rem;box-sizing:border-box;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.icon-menu.ic1:before {height:1.8rem;border-top:0.2rem solid #fff;border-bottom:0.2rem solid #fff;}
.icon-menu.ic1:after {height:0.2rem;background:#fff !important;}
.icon-menu.ic2 {border-radius:50%;}
.icon-menu.ic2:before {width:2.4rem;height:2.4rem;background:url(../img/com/icon_set1.png) no-repeat -16.0rem 0;background-size:40.0rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.icon-menu.ic3:before {width:1.5rem;height:1.5rem;margin:-0.8rem -0.6rem;border-left:0.2rem solid #fff !important;border-bottom:0.2rem solid #fff !important;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.icon-menu.ic4:before, .icon-menu.ic4:after {width:2.2rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pc .icon-menu {width:4.0rem;height:4.0rem;padding:0 0 0 4.0rem;}
.pc .icon-menu.ic2:before {background-position:-48.0rem -9.6rem;background-size:120.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 일반아이콘1 
---------------------------------------------------------------------------------*/
.icon-com {overflow:hidden;position:relative;display:inline-block;width:4.0rem;height:0;padding:4.0rem 0 0;vertical-align:top;}
.icon-com:before, .icon-com:after {content:'';display:block;position:absolute;left:50%;top:50%;}
.icon-com.ic1:before {width:1.3rem;height:1.3rem;margin:-1.0rem 0 0 -1.0rem;border:0.2rem solid #61667a;border-radius:50%;}
.icon-com.ic1:after {width:0.2rem;height:0.9rem;margin:0.3rem 0 0 0.5rem;background:#61667a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/*--------------------------------------------------------------------------------
	# guide content : 일반아이콘2
---------------------------------------------------------------------------------*/
.icon-com2 {overflow:hidden;position:relative;display:inline-block;width:2.0rem;height:0;padding:2.0rem 0 0;vertical-align:top;}
.icon-com2:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.0rem;height:2.0rem;background:url(../img/com/icon_set1.png) no-repeat 0 -24.0rem;background-size:40.0rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.icon-com2.ic1:after {background-position:0 -8.0rem;}
.icon-com2.ic2:after {background-position:-2.0rem -8.0rem;}
.icon-com2.ic3:after {background-position:-4.0rem -8.0rem;}
.icon-com2.ic4:after {background-position:-6.0rem -8.0rem;}

.pc .icon-com2:after {background-size:120.0rem;background-position-y:-18.0rem}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트아이콘1
---------------------------------------------------------------------------------*/
.icon-txt1 {display:inline-block;min-width:3.0rem;padding:0.3rem 0.4rem 0.2rem;background:#fff;border:0.1rem solid #d8d9dd;font-size:1.1rem;line-height:1.3rem;color:#888;text-align:center;}
.icon-txt1.c1 {border-color:#5263a3;color:#273c8c;}
.icon-txt1.c2 {border-color:#5590d8;color:#2b74ce;}
.icon-txt1.c3 {border-color:#33938f;color:#007873;}
.icon-txt1.c4 {border-color:#57a743;color:#2d9114;}
.icon-txt1.c5 {border-color:#c063bc;color:#b03cab;}
.icon-txt1.c6 {border-color:#fd685f;color:#fc4237;}
.icon-txt1.c7 {border-color:#ff8135;color:#ff6202;}
.icon-txt1.c9 {border-color:#df9b39;color:#d78208;}
.icon-txt1.c10 {border-color:#c2a472;color:#b38d4f;}
.icon-txt1.c11 {border-color:#d8d9dd;color:#888;}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트아이콘2
---------------------------------------------------------------------------------*/
.icon-txt2 {display:inline-block;width:5.8rem;height:5.8rem;color:#fff;text-align:center;line-height:5.8rem;background:#61667a;}
.icon-txt2.c1 {background:#0082d0;}
.icon-txt2.c2 {background:#112369;}

.pc .icon-txt2 {width:5.6rem;height:5.6rem;line-height:5.6rem;}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트아이콘3
---------------------------------------------------------------------------------*/
.icon-txt3 {display:inline-block;padding:0 0.8rem;height:2.0rem;font-family:'OneShinhanM';font-size:1.2rem;color:#0082d0;line-height:1.6rem;border:0.1rem solid #0082d0;border-radius:0.9rem;}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트아이콘4
---------------------------------------------------------------------------------*/
.icon-txt4 {display:inline-block;overflow:hidden;position:relative;height:2.0rem;padding:0 0 0 2.0rem;color:#757575;line-height:2.0rem;vertical-align:top;}
p.icon-txt4, em.icon-txt4 {padding:0 0 0 2.6rem;}
.icon-txt4:before {content:'';display:block;position:absolute;top:0;left:0;width:2.0rem;height:2.0rem;background:url(../img/com/icon_set1.png) no-repeat 0 -24.0rem;background-size:40.0rem;}
.icon-txt4 + .icon-txt4 {margin:0 0 0 2.0rem;}
.icon-txt4.ic1:before {background-position:-8.0rem -8.0rem;}
.icon-txt4.ic2:before {background-position:-4.0rem -8.0rem;}
i.icon-txt4, span.icon-txt4 {width:0;margin:0 !important;}

.pc .icon-txt4:before {background-size:1200px;background-position-y:-180px}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트아이콘5
---------------------------------------------------------------------------------*/
.icon-txt5 {display:inline-block;min-width:3.0rem;padding:0.3rem 0.8rem 0.3rem;background:#2b74ce;font-family:'Dotum', '돋움', 'Malgun Gothic', '맑은고딕', Droid sans, AppleGothic, sans-serif;font-size:1.1rem;line-height:1.4rem;color:#fff;text-align:center;}
.icon-txt5[class*=" ic"]:before {content:'';display:inline-block;margin:0 0.4rem 0 0;width:1.4rem;height:1.4rem;vertical-align:top;background:url(../img/com/icon_set1.png) no-repeat;background-size:40.0rem;}
.icon-txt5.ic1 {background-color:#2b74ce;}
.icon-txt5.ic2 {background-color:#273c8c;}
.icon-txt5.ic1:before {background-position:-14.0rem -8.0rem;}
.icon-txt5.ic2:before {background-position:-16.0rem -8.0rem;}
.pc .icon-txt5[class*=" ic"]:before {background-size:120.0rem;background-position-y:-18.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON 공통
---------------------------------------------------------------------------------*/
/* 버튼 : 공통 */
[class*="btn-"] {display:inline-block;position:relative;text-align:center;}
[class*="btn-"].disabled, [class*="btn-"][disabled] {background:#eaecef !important;color:#757575 !important;border-color:#d7d9dd !important;}

.btn-action, .btn-com, .btn-sub1 {background:#fff;font-family:'OneShinhanM';}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON 액션버튼
---------------------------------------------------------------------------------*/
/* 액션버튼 */
.btn-action {padding:0 3.0rem;font-size:2.0rem;line-height:5.4rem;border:0.1rem solid #008ed0;color:#0082d0;border-radius:2.8rem;}
.btn-action:hover, .btn-action:focus {color:#0082d0;}
.pc .btn-action {min-width:21.6rem;}
.mb .btn-action {padding:0 3.0rem;font-size:1.6rem;line-height:4.6rem;}

/* 기본버튼 */
.btn-com {padding:0 2.4rem;font-size:1.6rem;line-height:3.8rem;border:0.1rem solid #008ed0;color:#0082d0;border-radius:2.0rem;}
.pc .btn-com {min-width:16.6rem;}

/* 그라데이션 스타일 */
.btn-action.c1, .btn-com.c1 {background:linear-gradient(to bottom right, #0082d0, #3166c3);color:#fff;border:0;}
.btn-action.c1:hover, .btn-action.c1:focus, .btn-com.c1:hover, .btn-com.c1:focus {color:#fff;}
.btn-action.c1 {line-height:5.6rem;}
.btn-com.c1 {line-height:4.0rem;}
.btn-com.c1:not(:disabled):hover, .btn-com.c1:not(:disabled):focus, .btn-action.c1:not(:disabled):hover, .btn-action.c1:not(:disabled):focus {background:linear-gradient(to bottom right, #3166c3, #0082d0);}

.mb .btn-action.c1 {line-height:4.8rem;}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON 서브버튼1 
---------------------------------------------------------------------------------*/
/* 기본 */
.btn-sub1 {padding:0 1.5rem;font-size:1.4rem;line-height:3.8rem;border:0.1rem solid #61667a;color:#212121;}
.pc .btn-sub1 {min-width:8.0rem;}
.pc .tit-con.area-btn1 .btn-sub1 {min-width:11.0rem;}

/* 색상변경 */
.btn-sub1.c1 {background:#61667a;color:#fff;}
.btn-sub1.c2 {background:#9599a6;color:#fff;border-color:#9599a6;}
.btn-sub1.c3 {background:#0082d0;color:#fff;border-color:#0082d0;}
.btn-sub1.c4 {background:#ebecee;color:#757575;border-color:#d7d9dd;}

/* 아이콘유형 : 공통 */
.btn-sub1[class*=" ic"]:before, .btn-sub1[class*=" ic"]:after {content:'';display:inline-block;width:2.0rem;height:2.0rem;background:url(../img/com/icon_set1.png) no-repeat 0 -10.0rem;background-size:40.0rem;}
.btn-sub1[class*=" ic"]:before {margin-right:0.6rem;}
.btn-sub1[class*=" ic"]:after {margin-left:0.6rem;}

.btn-sub1.ic1:before, .btn-sub1.ic2:before {display:none;}
.btn-sub1.ic3:after, .btn-sub1.ic6:after {display:none;}

/* 아이콘유형 : ic1 다운로드 */
.btn-sub1.ic1:after {background-position:-2.0rem -10.0rem;vertical-align:top;margin-top:0.8rem;}
.btn-sub1.ic1.c1:after, .btn-sub1.ic1.c2:after, .btn-sub1.ic1.c3:after {background-position:0 -10.0rem;}

/* 아이콘유형 : ic2 토글 */
.btn-sub1.ic2:after {width:1.0rem;height:1.0rem;background:none;margin:0 0.2rem 0.3rem 0.8rem;border-left:0.1rem solid #61667a;border-bottom:0.1rem solid #61667a;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn-sub1.ic2.c1:after, .btn-sub1.ic2.c2:after, .btn-sub1.ic2.c3:after {border-color:#fff;}
.btn-sub1.ic2.active:after, .toggle.active .btn-sub1.ic2:after {margin:0 0.2rem -0.2rem 0.8rem;-webkit-transform:rotate(135deg);transform:rotate(135deg);}

/* 아이콘유형 : ic3 재검색, 새로고침 */
.btn-sub1.ic3:before {background-position:-16.0rem -10.0rem;vertical-align:top;margin:0.9rem 0.4rem 0 -0.3rem;}
.btn-sub1.ic3.c1:before, .btn-sub1.ic3.c2:before, .btn-sub1.ic3.c3:before {background-position:-4.0rem -10.0rem;}

/* 아이콘유형 : ic4 추가 */
.btn-sub1.ic4:before, .btn-sub1.ic4:after {float:left;background:#61667a;width:1.3rem;height:0.1rem;margin:1.8rem 0;vertical-align:top;}
.btn-sub1.ic4:before {margin-right:0.5rem;}
.btn-sub1.ic4:after {margin-left:-1.8rem;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.btn-sub1.ic4.c1:before, .btn-sub1.ic4.c2:before, .btn-sub1.ic4.c3:before,
.btn-sub1.ic4.c1:after, .btn-sub1.ic4.c2:after, .btn-sub1.ic4.c3:after {background:#fff;}

/* 아이콘유형 : ic5 삭제 */
.btn-sub1.ic5:before {float:left;background:#61667a;width:1.3rem;height:0.1rem;margin:1.8rem 0.8rem 1.8rem 0;vertical-align:top;}
.btn-sub1.ic5:disabled:before {background:#959595;}
.btn-sub1.ic5:after {display:none;}
.btn-sub1.ic5.c1:before, .btn-sub1.ic5.c2:before, .btn-sub1.ic5.c3:before {background:#fff;}

/* 아이콘유형 : ic6 등록 */
.btn-sub1.ic6:before {background-position:-20.0rem -10.0rem;vertical-align:top;margin:0.9rem 0.5rem 0 -0.4rem;}
.btn-sub1.ic6.c1:before, .btn-sub1.ic6.c2:before, .btn-sub1.ic6.c3:before {}

/* 아이콘유형 : ic7 돋보기 */
.btn-sub1.ic7 {min-width:0;width:4.5rem;height:4.0rem;padding:0;}
.btn-sub1.ic7:before {position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;border:0.2rem solid #212121;margin:-0.1rem 0 0 -0.1rem;background:none;border-radius:50%;border-radius:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.btn-sub1.ic7:after {display:block;position:absolute;left:50%;top:50%;background:#212121;width:0.2rem;height:1.0rem;margin:0.4rem 0 0 0.8rem;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.btn-sub1.ic7.c1:before, .btn-sub1.ic7.c2:before, .btn-sub1.ic7.c3:before {border-color:#fff;}
.btn-sub1.ic7.c1:after, .btn-sub1.ic7.c2:after, .btn-sub1.ic7.c3:after {background-color:#fff;}

.btn-sub1.ic7.c4:before {border-color:#757575;}
.btn-sub1.ic7.c4:after {background-color:#757575}

/* 아이콘유형 : PC이미지교체  */
.pc .btn-sub1[class*=" ic"]:before, .pc .btn-sub1[class*=" ic"]:after {background-size:120.0rem;background-position-y:-20.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON 서브버튼2 
---------------------------------------------------------------------------------*/
/* 기본 */
.btn-sub2 {padding:0 1.6rem;font-size:1.4rem;line-height:3.0rem;border:0.1rem solid #0082d0;color:#0082d0;background:#fff;border-radius:1.6rem;}
.btn-sub2.c1 {background:#0082d0;border-color:#0082d0;color:#fff;}
.btn-sub2.c2 {border-color:#61667a;color:#212121;}
.btn-sub2.c3 {border-color:#525252;color:#525252;}

.pc .btn-sub2 {min-width:8.0rem;}
.mb .btn-sub2 {padding:0 1.2rem;font-size:1.3rem;line-height:2.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON 서브버튼1 
---------------------------------------------------------------------------------*/
/* 기본 */
.btn-sub3 {padding:0 1.7rem;font-size:1.4rem;line-height:3.0rem;border:0.1rem solid #61667a;color:#212121;}
.pc .btn-sub3 {min-width:8.0rem;}

/* 색상변경 */
.btn-sub3.c1 {background:#61667a;color:#fff;}
.btn-sub3.c2 {background:#9599a6;color:#fff;border-color:#9599a6;}
.btn-sub3.c3 {background:#0082d0;color:#fff;border-color:#0082d0;}
.btn-sub3.c4 {background:#ebecee;color:#757575;border-color:#d7d9dd;}

/*--------------------------------------------------------------------------------
	# guide content : 아이콘버튼
---------------------------------------------------------------------------------*/
/* 아이콘버튼1 */
.btn-icon1 {position:relative;font-size:1.6rem;line-height:3.2rem;padding:0 0 0 4.0rem;color:#525252;}
.btn-icon1:before, .btn-icon1:after {content:'';display:block;position:absolute;left:0;top:0;}
.btn-icon1:before {width:3.2rem;height:3.2rem;background:#9599a6;border-radius:50%;}
.btn-icon1:after {width:2.0rem;height:2.0rem;margin:0.6rem;background:url(../img/com/icon_set1.png) no-repeat -14.0rem -10.0rem;background-size:40.0rem;}
.mb .btn-icon1 {width:3.2rem;padding:0 0 0 3.2rem;overflow:hidden;white-space:nowrap;}
.pc .btn-icon1:after {background-size:120.0rem;background-position-y:-20.0rem;}

/* 아이콘버튼2 */
.btn-icon2 {overflow:hidden;position:relative;display:inline-block;margin:0;width:2.0rem;height:0;padding:2.0rem 0 0;overflow:hidden;background:#9599a6;border-radius:50%;vertical-align:top;}
.btn-icon2:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/com/icon_set1.png) no-repeat -10.0rem -10.0rem;background-size:40.0rem;}
.btn-icon2.ic1:after, .btn-icon2.ic2:after {background:#fff;}
.btn-icon2.ic1:after {top:0.9rem;left:0.5rem;width:1.0rem;height:0.2rem;}
.btn-icon2.ic2:before, .btn-icon2.ic2:after {content:'';display:block;position:absolute;top:0.9rem;left:0.5rem;width:1.0rem;height:0.2rem;background:#fff;}
.btn-icon2.ic2:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.btn-icon2.ic2:after {-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.btn-icon2.ic3 {background:rgba(255,255,255,0.5);}
.btn-icon2.ic3:hover, .btn-icon2.ic3:focus {background:rgba(255,255,255,1);}
.btn-icon2.ic3:after {background-position:-12.0rem -10.0rem;}
.pc .btn-icon2:after {background-size:120.0rem;background-position-y:-20.0rem;}

/* 아이콘버튼3 */
.btn-icon3 {overflow:hidden;position:relative;display:inline-block;margin:0;height:1.6em;padding:0 2.5rem 0 0;font-size:1em;color:inherit;overflow:hidden;vertical-align:top;text-align:left;}
.btn-icon3:before, .btn-icon3:after {content:'';display:block;position:absolute;left:100%;top:50%;}
.btn-icon3:before {top:50%;width:1.6rem;height:1.6rem;margin:-0.8rem 0 0 -1.6rem;background:#9599a6;border-radius:50%;}
.btn-icon3.ic1:after {width:0.5rem;height:0.5rem;margin:-0.4rem 0 0 -1.1rem;border-left:0.1rem solid #fff;border-bottom:0.1rem solid #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn-icon3.ic1.active:after, .active .btn-icon3.ic1:after {margin:-0.2rem 0 0 -1.1rem;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

/*--------------------------------------------------------------------------------
	# guide content : 링크타입
---------------------------------------------------------------------------------*/
/* 링크타입1 */
.link-t1 {display:inline-block;position:relative;line-height:3.0rem;}
.link-t1:after {content:'';display:inline-block;margin:0 0 0.2rem 0.4rem;font-size:1.2rem;width:0.5rem;height:0.5rem;border-left:0.1rem solid #525252;border-top:0.1rem solid #525252;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

/* 링크타입2 */
.link-t2 {position:relative;display:inline-block;padding-bottom:0.2rem;color:#0082d0;}
.link-t2:hover, .link-t2:focus {color:#0082d0;}
.link-t2:after {content:'';display:block;position:absolute;top:auto;bottom:0;left:0;width:100%;height:0.1rem;background:#0082d0;}

/* 링크타입3 */
.link-t3 {position:relative;display:inline-block;width:1.3rem;height:1.3rem;margin-left:0.5rem;vertical-align:middle;border:0.1rem solid #212121;}
.link-t3:before,
.link-t3:after {position:absolute;content:'';display:inline-block;box-sizing:border-box;}
.link-t3:before {top:-0.4rem;right:-0.4rem;width:0.8rem;height:0.8rem;border-top:0.1rem solid #212121;border-right:0.1rem solid #212121;background:#fff}
.link-t3:after {top:0;right:-0.5rem;width:1.2rem;height:0.1rem;transform:rotate(-45deg);background:#212121;}

/*--------------------------------------------------------------------------------
	# guide content : 버튼 SET1
---------------------------------------------------------------------------------*/
.btn-set1 {display:block;overflow:hidden;border-top:0.1rem solid #d7d9dd;}
.btn-set1 > a, .btn-set1 > button {float:left;width:50%;display:block;height:4.8rem;line-height:4.8rem;display:table-cell;color:#525252;text-align:center;}
.btn-set1 > *:not([class*="link-t"]) + * {border-left:0.1rem solid #d7d9dd;}
.mb .pop-modal1 .btn-set1.bottom {position:fixed;left:0;right:0;bottom:0;margin:0;}

.btn-set2 {overflow:hidden;width:100%;display:block;}
.btn-set2 > a {position:relative;display:block;height:4.5rem;padding:0.9rem 0;font-size:0.9rem;line-height:1.2rem;background:#fff;border:0.1rem solid #d7d9dd;text-align:center;}
.btn-set2 > a + a {margin:0.8rem 0 0 0;}
.btn-set2 > a:before, .btn-set2 > a > span {display:inline-block;vertical-align:middle;}
.btn-set2 > a:before {content:'';width:2.0rem;height:2.0rem;margin:0 0.6rem 0 0;background:url(../img/com/icon_set1.png) no-repeat -8.0rem -12.0rem;background-size:40.0rem;}
.btn-set2 > a > span {text-align:left;max-width:calc(100% - 3.0rem);}
.btn-set2 > a > span b {display:block;font-family:'OneShinhanM';font-size:1.2rem;line-height:1.4rem;font-weight:normal;}
.btn-set2 > a + a:before {background-position:-10.0rem -12.0rem;}

@media only screen and (min-width:360px){
	.mb .btn-set2 > a {float:left;width:calc(50% - 0.6rem);}
	.mb .btn-set2 > a + a {margin:0 0 0 1.2rem;}
}

/*--------------------------------------------------------------------------------
	# guide content : 버튼영역1 : 중앙정렬
---------------------------------------------------------------------------------*/
/* 기본 */
.area-btn1 {overflow:hidden;margin:4.0rem 0;text-align:center;}
.area-btn1:not(.tit-con) .btn-action ~ .btn-action, .area-btn1:not(.tit-con) .btn-com ~ .btn-com, .area-btn1:not(.tit-con) .btn-sub1 ~ .btn-sub1 {margin:0 0 0 0.6rem;}
.area-btn1:last-child {margin-bottom:0;}
.area-btn1:not(.none) + .area-btn1 {margin-top:-2.4rem;}

/* 더보기/하단형 */
.area-btn1.t1 {margin:0;border-bottom:0.1rem solid #9599a6;background:#f7f9fa;text-align:center;}
.area-btn1.t1 .btn-sub1 {margin:-0.8rem 0;border-color:rgba(255,255,255,0) !important;background-color:rgba(255,255,255,0) !important;}
.area-btn1.t1 .btn-sub1:only-child {width:100%;}

/* 간격조절 : PC */
.pc .area-btn2 + .area-btn1 {margin-top:1.0rem;}
.pc .paging + .area-btn1 {margin-top:6.0rem;}
.pc .area-btn1.t1 {padding:0.8rem 0;}
.pc .info-con3 + .area-btn1 {margin-top:5.0rem;}

/* 간격조절 : MOBILE */
.mb .form-area1 + .area-btn1 {margin-top:4.0rem;}

/* 배열조정 : MOBILE */
.mb .area-btn1 > [class*="btn-"] {display:block;width:100%;margin:0;}
.mb .area-btn1:not(.mrow) > *:nth-child(1):nth-last-child(2), .mb .area-btn1:not(.mrow) > *:nth-child(2):nth-last-child(1) {float:left;width:calc(50% - 0.3rem);margin:0;padding-left:0;padding-right:0;}
.mb .area-btn1:not(.mrow) > *:nth-child(2):nth-last-child(1) {margin:0 0 0 0.6rem;}
.mb .area-btn1:not(.mrow) > *:nth-child(1):nth-last-child(3), .mb .area-btn1:not(.mrow) > *:nth-child(2):nth-last-child(2), .mb .area-btn1:not(.mrow) > *:nth-child(3):nth-last-child(1) {float:left;width:calc(33% - 0.8rem);margin:0;padding-left:0;padding-right:0;}
.mb .area-btn1:not(.mrow) > *:nth-child(2):nth-last-child(2) {margin:0 1.0rem;}
.mb .area-btn1:not(.mrow) > *:nth-child(3):nth-last-child(1) {width:calc(34% - 0.8rem);}

.mb div[class*="area-btn"].mrow > * {display:block;width:100%;margin:0;}
.mb div[class*="area-btn"].mrow > * ~ * {margin:2.0rem 0 0 !important;}

/* 갯수고정 % */
.area-btn1.col2 > * {float:left;width:calc(50% - 0.6rem) !important;}

/*--------------------------------------------------------------------------------
	# guide content : 버튼영역2 : 우측정렬
---------------------------------------------------------------------------------*/
.area-btn2 {position:relative;margin:1.6rem 0;text-align:right;}
.area-btn2 > .info {text-align:left;}

.pc .area-btn2:after {content:'';display:block;width:100%;clear:both;}
.pc .area-btn2 > .info {max-width:60%;float:left;}
.pc .box-t1 + .area-btn2 {margin:4.0rem 0 2.0rem;}

.mb .area-btn2 > .info {margin:0 0 1.0rem;}
.mb .area-btn2 > .info.label-check {display:block;}
.mb .area-btn2 > a:only-of-type, .mb .area-btn2 > button:only-of-type {width:100%;display:block;}
.mb .area-btn2 > .txt-info1 + button {margin:2.4rem 0 0 0;}

/*--------------------------------------------------------------------------------
	# guide content : 테이틀 label
---------------------------------------------------------------------------------*/
.tbl-label {text-align:left;}
.pc .area-btn2 .tbl-label {position:absolute;left:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.mb .area-btn2 .tbl-label {margin:2.0rem 0 0 !important;}

/*--------------------------------------------------------------------------------
	# guide content : FORM ELEMENT
---------------------------------------------------------------------------------*/
/* 폼요소 : 공통 */
input[class^="text"], textarea.textarea, select[class^="selectbox"] {border:0.1rem solid #b0b3bc;}
input[class^="text"][disabled], input[class^="text"][readonly]:not([data-e2e="Y"]), textarea.textarea[disabled], select[class^="selectbox"][disabled] {border-color:#d7d9dd;background-color:#f5f7fa;color:#757575;opacity:1;}
input[class^="text"]:focus, textarea.textarea:focus, select[class^="selectbox"]:focus {position:relative;border-color:#0082d0;color:#525252;outline:0;z-index:1;}
input.error, textarea.textarea.error, select.error {border-color:#fc4237 !important;}

.mb.ios input[class^="text"][disabled], .mb.ios input[class^="text"][readonly] {color:#525252;}

::-webkit-input-placeholder {color:#9599a6 !important;}
::-ms-input-placeholder {color:#9599a6 !important;}
placeholder {color:#9599a6 !important;}

/* 폼요소 : text */
input.text, span.text {padding:0 1.2rem;}
input.text {height:4.0rem;}
span.text {display:inline-block;padding:1.0rem 1.2rem;line-height:2.0rem;vertical-align:top;text-align:left;}
.pc span.text {width:100%;padding:1.0rem 0;}
.mb span.text {display:block;background-color:#f5f7fa;color:#757575;}
.mb span.text.data1 {text-align:right;}

.pc.chrome input.text[type="password"] {font-size:5.6rem !important;line-height:5.6rem;}
.pc.chrome input.text[type="password"]::-webkit-input-placeholder {font-size:1.6rem;line-height:1em;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.pc.chrome input.text.small[type="password"]::-webkit-input-placeholder {font-size:1.4rem;line-height:1.25em;-webkit-transform:translateY(-100%);transform:translateY(-100%);}

/* 폼요소 : textarea */
textarea.textarea {padding:0.6rem 1.2rem;width:100%;vertical-align:top;}

/* 폼요소 : selectbox */
select[class^="selectbox"] {padding:0 4.0rem 0 1.2rem;background:#fff url(../img/com/icon_form1.png) no-repeat 100% 50%;background-size:auto 4.0rem;}
select.selectbox {height:4.0rem;}
.mb select.selectbox.w100 {width:100%;}
.ie9 select[class^="selectbox"] {padding-right:0;background:none;}

/*--------------------------------------------------------------------------------
	# guide content : 체크박스, 라디오버튼(기본형)
---------------------------------------------------------------------------------*/
/* 공통 */
.label-check {display:inline-block;}
.label-check label {display:inline-block;position:relative;}
.label-check label > input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-check label > input ~ span {display:inline-block;}
.label-check label > input + span {min-width:9.0rem;padding:1.0rem 1.0rem 1.0rem 2.5rem;font-size:1.4rem;line-height:2.0rem;}
.label-check label > input + span + span {display:inline-block;padding:0 0 0 1.5rem;}
.label-check label > input + span + span:before {content:'';float:left;display:block;width:0.1rem;height:1.2rem;margin:0.5rem 1.1rem 0 -1.5rem;background:#d7d9dd;}
.label-check label > input + span:before, .label-check label > input + span:after {content:'';position:absolute;left:0;top:1.0rem;z-index:1;}
.label-check label > input + span:after {width:1.8rem;height:1.8rem;border:0.1rem solid #b0b3bc;background:#fff;z-index:0;}
.label-check label > input:checked + span:after {border-color:#0096d6;}
.label-check label > input[type="checkbox"] + span:before {width:0.8rem;height:0.4rem;margin:0.5rem 0.5rem;border-left:0.2rem solid rgba(255,255,255,0);border-bottom:0.2rem solid rgba(255,255,255,0);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.label-check label > input[type="checkbox"]:checked + span:before {border-color:#0096d6;}
.label-check label > input[type="radio"] + span:after {border-radius:50%;}
.label-check label > input[type="radio"]:checked + span:before {width:0.8rem;height:0.8rem;margin:0.6rem;background:#0082d0;border-radius:50%;}
.label-check label > input:disabled + span:after {background:#f5f7fa;}
.label-check label > input.error + span:after {border-color:#fc4237;}
.label-check label > input[type="checkbox"].error:checked + span:before {border-color:#fc4237;}
.label-check label > input[type="radio"].error:checked + span:before {background-color:#fc4237;}
.label-check label > input ~ span .btn-icon2 {z-index:2;}

.label-check.chb{margin: 1rem 0 0 6rem;}
.label-check.chb label > input + span{text-align: left;}
.label-check.chb label > input[type="radio"] + span:after{border-radius:0;}
.label-check.chb label > input[type="radio"] + span:before {width:0.8rem;height:0.4rem;margin:0.5rem 0.5rem;border-left:0.2rem solid rgba(255,255,255,0);border-bottom:0.2rem solid rgba(255,255,255,0);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:0%;}
.label-check.chb label > input[type="radio"]:checked + span:before {border-color:#0096d6; background: transparent;}


.pc .label-check.sub-con {margin:-0.2rem 0 -1.0rem 0;}
.pc .tbl-data1 td .label-check:first-child:not(:last-child) {margin:-0.8rem 0 0;}
.pc .tbl-data1 td > .label-check:last-child:not(:first-child) {margin-bottom:-1.0rem;}
.pc .tbl-data1 + .label-check {margin:-0.4rem 0 0.6rem;}

.mb .label-check label > input + span + span {display:block;padding:0 0 0 2.8rem;}
.mb .label-check label > input + span + span:before {display:none;}
.mb .label-check.mbox.sub-con3 {margin-top:0.8rem;}

.pc .label-check label > input:focus + span:after {outline:0.1rem dotted rgba(0,0,0,0.2);}

.sub.label-check label {float:left;}
.sub.label-check label:last-child {float:right;margin:0;}
.sub.label-check:after {clear:both;content:'';display:block;}
.sub.label-check label > input + span {padding:1.0rem 0 1.0rem 3.0rem;}
.sub.label-check .input-wrap2 {display:inline-block;width:17.0rem;margin-left:1.0rem;}
.sub.label-check .input-wrap2.icon {padding-right:0;padding-left:3.5rem;}
.sub.label-check .input-wrap2 > :last-child {right:auto;left:0;}
.sub.label-check .input-wrap2 input.text {border:0.1rem solid transparent;padding:0 0.5rem 0 1.0rem;text-align:left;}
.sub.label-check .input-wrap2 input.text.active {border:0.1rem solid #0096d6}
.sub.label-check .input-wrap2 .btn-sub1 {border:none;width:3.5rem;}

.mb .sub.label-check label {margin-top:0.1rem;}
.mb .sub.label-check .input-wrap2 {width:14.5rem;margin:0;}
.mb .sub.label-check .input-wrap2 input.text {padding:0 0.5rem 0 1.0rem;}

/* 텍스트미노출 */
.label-check.single label {vertical-align:middle;}
.label-check.single label > input + span {min-width:0;width:0;padding-right:0 !important;padding-left:2.0rem !important;overflow:hidden;white-space:nowrap;vertical-align:top;}

/* 모바일박스형 */
.mb .label-check.mbox {display:block;}
.mb .label-check.mbox:after {content:'';display:block;width:100%;clear:both;}
.mb .label-check.mbox label {float:left;width:calc(33% + 0.1rem);margin:0 -0.1rem 0 0;}
.mb .label-check.mbox label:nth-child(3) ~ label {margin-top:-0.1rem;}
.mb .label-check.mbox label span {display:block;padding:0 2.5rem 0 1.2rem;border:0.1rem solid #b0b3bc;text-align:left;line-height:3.8rem;}
.mb .label-check.mbox label > input + span:after {width:auto;height:auto;left:0;right:0;top:0;bottom:0;background:none;border-color:#b0b3bc;}
.mb .label-check.mbox label > input + span:before {left:100%;width:1.1rem;height:0.6rem;margin:0.3rem 0.5rem 0 -2.4rem;}
.mb .label-check.mbox label > input:not(:checked) + span:before {border-color:#b0b3bc;}
.mb .label-check.mbox label > input:checked + span {z-index:1;color:#0082d0;font-family:'OneShinhanM';}
.mb .label-check.mbox label > input:checked + span {background:#fff}
.mb .label-check.mbox label > input:checked + span:after {z-index:2;border-color:#0096d6;}
.mb .label-check.mbox label > input[type="radio"] + span {text-align:center;padding:0 0.1rem;font-size:1.3rem}
.mb .label-check.mbox label > input[type="radio"] + span:before {display:none;}
.mb .label-check.mbox label > input[type="radio"] + span:after {border-radius:0;}
.mb .label-check.mbox label > input.error + span {color:#fc4237;}
.mb .label-check.mbox label:nth-child(3n-1) {width:calc(34% + 0.1rem);padding:0;}
.mb .label-check.mbox.col2 label,
.mb .label-check.mbox label:nth-child(1):nth-last-child(2), 
.mb .label-check.mbox label:nth-child(2):nth-last-child(1) {width:calc(50% + 0.1rem);margin-top:0;}
.mb .label-check.mbox.col2 label:nth-child(2) ~ label {margin-top:-0.1rem;}

/* 리스트형1 */
.label-check.list {display:block;}
.label-check.list label {display:block;}
.label-check.list label span {padding-right:0;}
.mb .tbl-data1.tbl-form > table > tbody > tr > td .label-check.list:only-child {padding:0.5rem 0;border-top:0.1rem solid #b0b3bc;border-bottom:0.1rem solid #b0b3bc;}

/* 리스트박스형1 */
.label-check.listbox {display:block;}
.label-check.listbox label {display:block;}
.label-check.listbox label > input + span ~ span {float:right;}
.label-check.listbox label > input + span + span:before {display:none;}
.label-check.listbox > p {font-size:1.6rem;line-height:2.6rem;}

.pc .label-check.listbox {padding:0.8rem 1.2rem;}
.pc .label-check.listbox {border:0.1rem solid #d7d9dd;}
.pc .label-check.listbox label > input + span:nth-last-child(2) {max-width:calc(100% - 14.0rem);}
.pc .label-check.listbox label > input + span ~ span {line-height:4.0rem;}
.pc .label-check.listbox label + label {border-top:0.1rem solid #ebecee;}

.pc #content .form-area1 .label-check.listbox {padding:1.4rem 2.4rem;}
.pc #content .form-area1 .label-check.listbox label > input + span:before, .pc #content .form-area1 .label-check.listbox label > input + span:after {top:1.8rem;}
.pc #content .form-area1 .label-check.listbox label > input + span {padding:1.8rem 1.0rem 1.8rem 2.8rem;}
.pc #content .form-area1 .label-check.listbox label > input ~ span {font-size:1.6rem;}
.pc #content .form-area1 .label-check.listbox label > input + span ~ span {line-height:5.6rem;}

.mb .label-check.listbox label > input + span {display:block;padding:1.0rem;border:0.1rem solid #b0b3bc;}
.mb .label-check.listbox label > input + span:before, .mb .label-check.listbox label > input + span:after {display:none;left:100%;top:-0.5rem;margin-left:-1.2rem}
.mb .label-check.listbox label > input + span:before {margin-left:-0.7rem}
.mb .label-check.listbox label > input + span ~ span {position:absolute;right:1.6rem;top:0;line-height:4.0rem;}
.mb .label-check.listbox label > input + span:nth-last-child(2) {padding-right:12.0rem !important;}
.mb .label-check.listbox label > input:checked + span {border-color:#0096d6;}
.mb .label-check.listbox label > input:checked + span:before, .mb .label-check.listbox label > input:checked + span:after {display:block;}
.mb .label-check.listbox label > input:checked + span:before {border-color:#fff;}
.mb .label-check.listbox label > input:checked + span:after {background-color:#0096d6;border-color:#0096d6;border-radius:50%;}
.mb .label-check.listbox label + label {margin:0.8rem 0 0;}
.mb .label-check.listbox > p {border:0.1rem solid #b0b3bc;line-height:4.6rem;padding:0 1.6rem;}

.mb [data-ui-formsize="m"] .label-check.listbox label > input ~ span {font-size:1.6rem;}
.mb [data-ui-formsize="m"] .label-check.listbox label > input + span {padding:2.1rem 1.6rem;}
.mb [data-ui-formsize="m"] .label-check.listbox label > input + span ~ span {right:1.6rem;line-height:6.4rem;}
.mb [data-ui-formsize="m"] .label-check.listbox label + label {margin:1.2rem 0 0;}
.mb [data-ui-formsize="m"] .label-check.listbox label > input + span:before, .mb [data-ui-formsize="m"] .label-check.listbox label > input + span:after {top:-0.8rem;}
.mb [data-ui-formsize="m"] .label-check.listbox label > input + span:before {width:1.3rem;height:0.7rem;margin:0.9rem 0 0 -1.4rem}
.mb [data-ui-formsize="m"] .label-check.listbox label > input + span:after {width:3.0rem;height:3.0rem;margin:0 0 0 -2.3rem}

/* 리스트박스형2 */
.pc .label-check.listbox2:after {content:'';display:block;clear:both;}
.pc .label-check.listbox2 > li {float:left;padding:0.8rem 2.0rem;width:50%;border:0.1rem solid #d7d9dd;}
.pc .label-check.listbox2 > li:nth-child(2n) {margin-left:-0.1rem;}
.pc .label-check.listbox2 > li:nth-child(2) ~ li {margin-top:-0.1rem;}

.mb .label-check.listbox2, .mb .label-check.listbox2 li {display:block;}
.mb .label-check.listbox2 label {display:block;position:relative;}
.mb .label-check.listbox2 label > input + span {position:relative;display:block;padding:1.4rem 1.2rem;height:auto;color:#757575;background:#f7f9fa;}
.mb .label-check.listbox2 label > input[type="checkbox"]:checked + span {font-family:'OneShinhanM';color:#0082d0;background:#fff;z-index:2;}
.mb .label-check.listbox2 label > input + span:before, .mb .label-check.listbox2 label > input + span:after {content:'';display:block;}
.mb .label-check.listbox2 label > input + span:before {position:absolute;left:auto;right:1.2rem;top:1.4rem;bottom:1.4rem;margin:0.5rem 0.5rem;width:0.8rem;height:0.4rem;border-left:0.2rem solid #d7d9dd;border-bottom:0.2rem solid #d7d9dd;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mb .label-check.listbox2 label > input + span:after {position:absolute;left:0;right:0;top:0;bottom:0;margin:-0.1rem;width:100%;height:100%;background:transparent;border:0.1rem solid #b0b3bc;}
.mb .label-check.listbox2 label > input[type="checkbox"]:checked + span:before {border-left:0.2rem solid #0082d0;border-bottom:0.2rem solid #0082d0;}
.mb .label-check.listbox2 label > input[type="checkbox"]:checked + span:after {border-color:#0096d6;}

.mb .tit-sub1 + .label-check.listbox2 {margin:2.2rem 0 0;}
.mb .label-check.listbox2 + .tit-sub2 {margin:3.2rem 0 0.4rem;}

/* [2018.12.14 이상현 SRID : 20181211-014] MOBILE - 이탈자 팝업 전용 모바일 환경에서 이탈방지팝업을 한 화면에 보여주기 위해서 수정 */
.mb .content.rnnc-pop .area-btn1 {overflow:hidden;margin:2.0rem 0;text-align:center;}
.mb .content.rnnc-pop .tit-sub1 + .label-check.listbox2 {margin:1.2rem 0 0;}
.mb .content.rnnc-pop .label-check label > input + span {min-width:9.0rem;padding:1.0rem 1.0rem 1.0rem 3.0rem;font-size:1.2rem;line-height:2.0rem;}
.mb .content.rnnc-pop .label-check.listbox2 label > input + span {position:relative;display:block;padding:1.0rem 1.2rem;height:auto;color:#757575;background:#f7f9fa;}
.mb .content.rnnc-pop .label-check.listbox2 label > input + span:before {position:absolute;left:auto;right:1.2rem;top:1.0rem;bottom:1.4rem;margin:0.5rem 0.5rem;width:0.8rem;height:0.4rem;border-left:0.2rem solid #d7d9dd;border-bottom:0.2rem solid #d7d9dd;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mb .content.rnnc-pop .label-check.listbox2 + .tit-sub2 {margin:1.2rem 0rem 0rem 0.4rem;}

/* 그룹 */
.label-check.group label > input + span {min-width:0;}
.label-check.group > label:first-child + span:before {content:'(';}
.label-check.group > label:first-child + span:after {content:')';}

.pc .label-check.group + .label-check {margin:0 0 0 3.0rem}

.mb .label-check.group > label:first-child,
.mb .label-check.group > label:first-child + span {display:block;}
.mb .label-check.group > label:first-child + span:before {content:'(';display:inline-block;width:1.0rem;margin-right:-1.4rem;-webkit-transform:translateX(-100%);transform:translateX(-100%);}

/*--------------------------------------------------------------------------------
	# guide content : 체크박스, 라디오버튼(박스형1)
---------------------------------------------------------------------------------*/
/* 기본 */
.label-box1 {position:relative;display:table;width:100%;border-spacing:0.1rem;}
.label-box1 > label, .label-box1 > button {position:relative;display:table-cell;width:10%;text-align:center;vertical-align:middle;}
.label-box1 label > input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-box1 label > input + span, .label-box1 > button span {position:relative;display:block;color:#525252;font-size:1.6rem;height:5.4rem;line-height:5.4rem;background:#f7f9fa;}
.label-box1 label > input + span:before, .label-box1 > button span:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:-0.1rem;border:0.1rem solid #b0b3bc;}
.label-box1 label > input:checked + span, .label-box1 > button.checked span {font-family:'OneShinhanM';color:#0082d0;background:#fff;}
.label-box1 label > input:checked + span:before, .label-box1 label > input:checked + span:after {z-index:1;}
.label-box1 label > input:checked + span:before, .label-box1 > button:hover span:before, .label-box1 > button:focus span:before, .label-box1 > button.checked span:before {border-color:#0096d6;}
.label-box1 label > input[type="checkbox"]:checked + span:after {content:'';position:absolute;top:-0.8rem;right:-0.8rem;width:2.2rem;height:2.2rem;border:0.1rem solid #0096d6;background:#0082d0 url(../img/com/icon_set1.png) no-repeat -4.5rem -36.5rem;background-size:40.0rem;border-radius:50%;}

.label-box1 > button:hover, .label-box1 > button:focus, .label-box1 > button.checked {z-index:2;outline:0;}

.pc .label-box1 label > input:focus + span:before {outline:0.1rem dotted rgba(0,0,0,0.3);}

/* 단수변형 : 공통 */
.label-box1[class*=" col"] {display:block;padding:0.1rem;}
.label-box1[class*=" col"]:after {display:block;content:'';clear:both;}
.label-box1[class*=" col"] label, .label-box1[class*=" col"] > button {display:block;float:left;margin:-0.1rem -0.1rem 0 0;padding:0.1rem;}

/* 단수변형 : PC */
.pc .label-box1.col3 > label, .pc .label-box1.col3 > button {width:calc(33.33% + 0.1rem);}
.pc .label-box1.col4 > label, .pc .label-box1.col4 > button {width:calc(25% + 0.1rem);}
.pc .label-box1.col5 > label, .pc .label-box1.col5 > button {width:calc(20% + 0.1rem);}
.pc .label-box1.col6 > label, .pc .label-box1.col6 > button {width:calc(17% + 0.1rem);}
.pc .label-box1.col6 > label:nth-child(6n-5), .pc .label-box1.col6 > label:nth-child(6n),
.pc .label-box1.col6 > button:nth-child(6n-5), .pc .label-box1.col6 > button:nth-child(6n) {width:calc(16% + 0.1rem);}

/* 단수변형 : MOBILE */
.mb .label-box1 {display:block;}
.mb .label-box1:after {display:block;content:'';clear:both;}
.mb .label-box1 label, .mb .label-box1 > button {display:block;float:left;margin:-0.1rem -0.1rem 0 0;padding:0;position:relative;}
.mb .label-box1 label > input + span, .mb .label-box1 > button span {position:relative;display:block;width:100%;height:100%;border:0.1rem solid #d6dadd;font-size:1.4rem;height:4.0rem;line-height:3.8rem;}
.mb .label-box1 label, .mb .label-box1 > button {width:calc(33% + 0.1rem);}
.mb .label-box1 label:nth-child(3n-2), .mb .label-box1 > button:nth-child(3n-2) {width:calc(34% + 0.1rem);}
.mb .label-box1 label:nth-child(1):nth-last-child(2), .mb .label-box1 > button:nth-child(1):nth-last-child(2),
.mb .label-box1 label:nth-child(2):nth-last-child(1), .mb .label-box1 > button:nth-child(2):nth-last-child(1) {width:calc(50% + 0.1rem);}

@media only screen and (max-width:359px){
	.mb .label-box1.mcol2 label, .mb .label-box1.mcol2 > button {width:calc(50% + 0.1rem) !important;}
}

/* 칼라형 : 기본 */
.label-box1.t1 {}
.label-box1.t1 label {float:left;width:calc(25% + 0.2rem);margin:-0.1rem -0.1rem 0;}
.label-box1.t1 label > input + span {line-height:1.2;text-align:left;position:relative;display:block;width:100%;height:100%;}
.label-box1.t1 label > input + span em, .label-box1.t1 label > input + span span {display:block;}
.label-box1.t1 label > input + span em:before {content:'';}
.label-box1.t1 label > input + span em:before, .label-box1.t1 label > input + span em img {display:block;position:absolute;top:3.8rem;left:2.4rem;width:4.0rem;height:4.0rem;border:0.1rem solid #d8dade;border-radius:50%;box-sizing:border-box;}
.label-box1.t1 label > input + span span {margin:0.5rem 0 0;}
.label-box1.t1 label.c1 > input + span em:before {background:#000000;}
.label-box1.t1 label.c2 > input + span em:before {background:#fff;}
.label-box1.t1 label.c3 > input + span em:before {background:#b72525;}
.label-box1.t1 label.c4 > input + span em:before {background:#525252;}
.label-box1.t1 label.c5 > input + span em:before {background:#0082d0;}
.label-box1.t1 label.c6 > input + span em:before {background:#00cc99;}
.label-box1.t1 label.c7 > input + span em:before {background:#d8d9dd;}

.pc .label-box1.t1 > p {padding:1.4rem 2.4rem;font-size:1.6rem;line-height:2.6rem;border:0.1rem solid #d7d9dd;}

/* 칼라형  */
.label-box1.t1 label {display:table;}
.label-box1.t1 label > input + span {display:table-cell;width:100%;height:11.6rem;padding:0 2.0rem 0 8.0rem;vertical-align:middle;}

.pc .label-box1.t1 label > input + span:before {height:11.6rem;}

/* 칼라형 : MOBILE */
.mb .label-box1.t1 > label {width:calc(50% + 0.1rem);}
.mb .label-box1.t1 label > input + span, .mb .label-box1.t1 > button span {border:0;}
.mb .label-box1.t1 label > input + span {min-height:9.0rem;padding:0.5rem 1.0rem 0.5rem 5.5rem;}
.mb .label-box1.t1 label > input + span em:before, .mb .label-box1.t1 label > input + span em img {left:1.5rem;top:2.9rem;width:3.2rem;height:3.2rem;}
.mb .label-box1.t1 > p {border:0.1rem solid #b0b3bc;line-height:4.6rem;padding:0 1.6rem;}

@media only screen and (max-width:359px){
	.mb .label-box1.t1 label > input + span {padding:0 0.5rem 0 5.0rem;font-size:1.4rem;}
	.mb .label-box1.t1 label > input + span em:before, .mb .label-box1.t1 label > input + span em img {left:1.0rem;}
}

/*--------------------------------------------------------------------------------
	# guide content : 체크박스, 라디오버튼(박스형2)
---------------------------------------------------------------------------------*/
/* 기본 */
.label-box2 {padding:0 0.1rem;text-align:left;}
.label-box2:after {display:block;content:'';clear:both;}
.label-box2 > label {float:left;display:block;position:relative;width:calc(50% - 8px);margin:0 0 0 1.6rem;}
.label-box2 > label:first-child {margin-left:0;}
.label-box2 > label > input {position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;opacity:0;z-index:-1;}
.label-box2 > label > input + span {position:relative;display:block;height:5.6rem;padding:0 3.0rem 0 2.0rem;background:#fff;color:#757575;font-size:1.6rem;line-height:5.4rem;}
.label-box2 > label > input + span:before, .label-box2 > label > input + span:after {content:'';display:block;position:absolute;}
.label-box2 > label > input + span:before {left:0;right:0;top:0;bottom:0;margin:-0.1rem;border:0.1rem solid #b0b3bc;}
.label-box2 > label > input + span:after {top:50%;right:2.0rem;display:block;width:0.6rem;height:1.2rem;margin:-1.0rem 0 0 0;border:solid #b0b3bc;border-width:0 0.3rem 0.3rem 0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.label-box2 > label > input:checked + span {color:#0096d6;}
.label-box2 > label > input:checked + span:before, .label-box2 > label > input:checked + span:after {border-color:#0096d6;}
.label-box2 > label:nth-child(2):nth-last-child(1) {float:right;margin:0;}
.label-box2 > label > input + span > .btn-icon2 {margin-top:-0.5rem;vertical-align:middle;}

.pc .label-box2 > label > input:focus + span:before {outline:0.1rem dotted rgba(0,0,0,0.3);}
.mb .label-box2 > label > input + span {height:4.8rem;font-size:1.4rem;line-height:4.8rem;}

/*--------------------------------------------------------------------------------
	# guide content : 체크박스, 라디오버튼(박스형3)
---------------------------------------------------------------------------------*/
/* 기본 */
.label-box3 {display:inline-block;position:relative;margin:0;padding:0.1rem 0 0 0;}
.label-box3:after {content:'';display:block;clear:both;}
.label-box3 label {display:block;float:left;margin:-0.1rem -0.1rem 0 0;position:relative;}
.label-box3 label > input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-box3 label > input + span {position:relative;display:block;min-width:4.0rem;padding:0 0.5rem;font-size:1.2rem;line-height:1.8rem;text-align:center;border:0.1rem solid #b0b3bc;}
.label-box3 label > input + span:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:-0.1rem;}
.label-box3 label > input:checked + span {background:#fff;color:#0096d6;}
.label-box3 label > input:checked + span:before {border:0.1rem solid #0096d6;z-index:1;}

/* 마이페이지 - 상품이용내역 (Btype) 추가 */
dl.label-box3 dt{display:inline-block;font-size:1.1rem;vertical-align:top;}
dl.label-box3 dd {display:inline-block;}
dl.label-box3 dd label {margin:0;}

.pc .label-box3 > label > input:focus + span:before {outline:0.1rem dotted rgba(0,0,0,0.3);}

/*--------------------------------------------------------------------------------
	# guide content : 체크박스, 라디오버튼(이미지형)
---------------------------------------------------------------------------------*/
/* 기본 */
.label-img1 {position:relative;margin:0;padding:0 0.1rem 0 0;}
.label-img1:after {content:'';display:block;clear:both;}
.label-img1 label {display:block;float:left;width:78px !important;height:8.0rem;position:relative;}
.label-img1 label > input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-img1 label > input + span {position:relative;display:block;width:100%;height:100%;padding:4.8rem 0 0.4rem;font-size:1.3rem;line-height:2.6rem;text-align:center;}
.label-img1 label > input + span img {position:absolute;left:0.5rem;right:0.5rem;top:1.4rem;width:3.2rem;height:3.2rem;margin:0 auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.label-img1 label > input + span:before {content:'';display:block;position:absolute;left:0;right:-0.1rem;top:0;bottom:0;border:0.1rem solid #d6dadd;}
.label-img1 label > input:checked + span {background:#fff;color:#0082d0;}
.label-img1 label > input:checked + span:before {border:0.1rem solid #0096d6;z-index:100;}
.label-img1 label > input:checked + span img {-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.label-img1 label:nth-child(10) ~ label:last-child > input + span:before {right:0;}

.pc .label-img1 label > input:focus + span:before {outline:0.1rem dotted rgba(0,0,0,0.3);}

/*--------------------------------------------------------------------------------
	# guide content : 체크박스(스위치형)
---------------------------------------------------------------------------------*/
.label-switch {position:relative;display:inline-block;width:6.0rem;height:2.0rem;}
.label-switch input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%}
.label-switch .slider {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2.0rem;background:#9599a6;-webkit-transition:0.2s;transition:0.2s;}
.label-switch .slider:before {position:absolute;content:'';width:1.8rem;height:1.8rem;left:0.1rem;bottom:0.1rem;border-radius:50%;background:#fff;-webkit-transition:0.2s;transition:0.2s;}
.label-switch .slider:after {content:'OFF';display:block;margin-top:0.1rem;margin-left:2.2rem;font-size:1.2rem;font-family:'OneShinhanM';color:#fff;}
.label-switch input:checked + .slider {background:linear-gradient(to bottom right, #0082d0, #3166c3)}
.label-switch input:checked + .slider:before {-webkit-transform:translateX(4.0rem);transform:translateX(4.0rem)}
.label-switch input:checked + .slider:after {content:'ON';margin-left:1.7rem;}


/*--------------------------------------------------------------------------------
	# guide content : 폼스크롤형 : label-img1과 함께사용
---------------------------------------------------------------------------------*/
/* BX 슬라이더 : 차량선택 슬라이드 */
div.wrap-scroll1 {height:8.0rem;padding:0 3.0rem;}
div.wrap-scroll1:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:0 3.0rem;background:#f7f9fa;border:0.1rem solid #d6dadd;}
div.wrap-scroll1 .bx-wrapper .bx-viewport {height:8.0rem !important;}
div.wrap-scroll1 .bx-controls-direction > a {top:0;bottom:0;height:auto !important;margin:0 !important;padding:0 0 0 3.0rem;background:none;}
div.wrap-scroll1 .bx-controls-direction > a:after {width:1.5rem;height:1.5rem;top:50%;border-left:0.2rem solid #61667a;border-bottom:0.2rem solid #61667a;}
div.wrap-scroll1 .bx-controls-direction > a.bx-prev {left:0;}
div.wrap-scroll1 .bx-controls-direction > a.bx-next {right:0;}

.pc div.wrap-scroll1 .bx-wrapper {max-width:78.1rem !important;}

.mb div.wrap-scroll1 {padding:0;}
.mb div.wrap-scroll1:before {margin:0;}
.mb div.wrap-scroll1 .bx-controls-direction > a {padding:0 0 0 2.4rem;}
.mb div.wrap-scroll1 .bx-controls-direction > a.bx-prev {left:-2.4rem;}
.mb div.wrap-scroll1 .bx-controls-direction > a.bx-next {right:-2.4rem;}
.mb div.wrap-scroll1 .bx-controls-direction > a:after {width:1.2rem;height:1.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 파일업로드(버튼형)
---------------------------------------------------------------------------------*/
/* 버튼형 */
.label-file1 {display:inline-block;position:relative;vertical-align:top;overflow:hidden;}
.label-file1 input[type="file"] {display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;}
.label-file1 input + span {display:inline-block;position:relative;height:3.2rem;min-width:8.0rem;padding:0 1.6rem 0 3.2rem;background:#61667a;border:0.1rem solid #61667a;line-height:3.0rem;color:#fff;text-align:center;}
.label-file1 input + span:before, label.label-file1 input + span:after {content:'';display:block;position:absolute;top:1.4rem;left:1.4rem;width:1.3rem;height:0.1rem;background:#fff;transform-origin:center;}
.label-file1 input + span:after {transform:rotate(90deg);}
.label-file1 input:disabled + span {border-color:#d7d9dd;background-color:#eaecef;color:#757575;}
.label-file1 input:disabled + span:before, label.label-file1 input:disabled + span:after {background-color:#757575;}

/* 파일명노출시 */
.label-file1 span:first-child {display:inline-block;min-width:24.0rem;padding:0 1.2rem;line-height:3.0rem;border:0.1rem solid #b0b3bc;}

.pc .label-file1 input:focus + span {/*outline:0.1rem dashed rgba(0,0,0,0.8);*/border:0.1rem dashed rgba(0,0,0,1);}

/*--------------------------------------------------------------------------------
	# guide content : 셀렉트박스(링크형)
---------------------------------------------------------------------------------*/
.list-select {overflow:hidden;position:relative;display:inline-block;min-width:20.8rem;height:4.0rem;vertical-align:top;text-align:left;}
.list-select .headline, .list-select ul li a, .list-select ul li button {display:block;padding:0.9rem 5.0rem 0.9rem 2.0rem;font-size:1.4rem;line-height:2.0rem;}
.list-select .headline {position:relative;overflow:hidden;width:100%;height:4.0rem;text-align:left;color:#525252;white-space:nowrap;text-overflow:ellipsis;border:0.1rem solid #b0b3bc;border-radius:0.1rem;}
.list-select .headline:hover, .list-select .headline:focus {text-decoration:none;}
.list-select .headline:after {content:'';position:absolute;right:2.0rem;top:50%;width:0;height:0;border-bottom:0.7rem solid #a1aab3;border-right:0.6rem solid transparent;border-left:0.6rem solid transparent;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-select ul {visibility:hidden;min-width:100%;height:0;padding:0.5rem 0;position:relative;background:#fff;border:0.1rem solid #b0b3bc;}
.list-select ul li {position:relative;}
.list-select ul li a, .list-select ul li button {padding-right:2.0rem;}
.list-select ul li a:hover, .list-select ul li a:focus, .list-select ul li button:hover, .list-select ul li button:focus {color:#212121;}
.list-select ul li.selected > a, .list-select ul li.selected > button {color:#0081d1;}
.list-select.active {overflow:visible;z-index:50;border-radius:0.2rem 0.2rem 0 0;}
.list-select.active .headline {}
.list-select.active ul {visibility:visible;width:auto;height:auto;z-index:50;margin:0 0 0.1rem;}
.list-select.readonly .headline {}

/*--------------------------------------------------------------------------------
	# guide content : 폼객체 사이즈
---------------------------------------------------------------------------------*/
/* 폼객체 사이즈 */
.pc .w0 {width:16.0rem !important;}
.pc .w20 {width:20% !important;}
/* [2019.03.29 이상현 SRID : 20190328-003] 중고차 제휴처 번호 때문에 31% 추가 */
.pc .w31 {width:31% !important;}
.pc .w50 {width:calc(50% - 0.2rem) !important;}
.pc .w60 {width:calc(60% - 0.2rem) !important;}
.pc .w70 {width:calc(70% - 0.2rem) !important;}
.pc .w100 {width:100% !important;}
.pc .tbl-data1.tbl-form tr > td:only-of-type .w50 {width:calc(50% - 10.8rem) !important;}
.pc .tbl-data1.tbl-form tr > td:only-of-type .w60 {width:calc(60% - 0.8rem) !important;}

.unit {position:relative;display:inline-block;width:2.4rem;text-align:center;line-height:4.0rem;z-index:2;}

.pc .text {width:16.0rem;}
.pc .selectbox {width:16.0rem;}
.pc .w1 {width:16.0rem !important;}
.pc .w2 {width:32.4rem !important;}
.pc .w3 {width:48.8rem !important;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 폼객체 + 아이콘/단위
---------------------------------------------------------------------------------*/
.input-wrap1 {display:block;position:relative;}
.input-wrap1 > .text + span {position:absolute;right:0;top:0;z-index:2;}
.input-wrap1 > .text {display:block;width:100% !important;padding-right:3.0rem;text-align:right;/*letter-spacing:-0.05rem;*/}
.input-wrap1 > span.text {padding-right:3.0rem;}
.input-wrap1 > .text + span {top:50%;padding:0 1.5rem 0 0;text-align:right;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.input-wrap1.t1 > .text {padding-right: 4.5rem;}
.input-wrap1.t2 > .text {padding-right: 5.9rem;}

.input-wrap1.time > .text {padding-right:6.0rem;text-align:left;}
.input-wrap1.time > .text + span {color:#0082d0;}
.input-wrap1.time > .text + span i {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
.input-wrap1.time > .text + span b {font-weight:normal;}

.input-wrap1.data1 > .text {text-align:left;}

.input-wrap1.info {background:#f7f9fa;padding:0 1.5rem;text-align:right;line-height:4.0rem;}
.input-wrap1.info > strong, .input-wrap1.info > strong + span {display:inline-block;vertical-align:bottom;}
.input-wrap1.info > strong {font-size:1.6rem;/*font-family:'OneShinhanM';*/color:#0082d0;}

.pc .input-wrap1 > span.text {display:inline-block;text-align:left;width:auto !important;padding-right:0;}
.pc .input-wrap1 > span.text + span {position:relative;line-height:4.0rem;-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);}

.p_type1{margin: 1.6rem 0 0; padding: 3.6rem 0 0; border-top: 0.1rem solid #9599a6;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 폼객체 + 버튼
---------------------------------------------------------------------------------*/
.input-wrap2 {position:relative;padding:0 10.4rem 0 0;}
.input-wrap2 > :first-child:nth-last-child(2) {width:100%;}
.input-wrap2 > :last-child {position:absolute;right:0;top:0;width:10.0rem;min-width:0;padding:0;}
.pc .input-wrap2.w50 {display:inline-block;}

.input-wrap2.t1 {padding-right:22.8rem;}
.input-wrap2.t1 > :last-child {width:22.4rem;}
.input-wrap2.t1 > :last-child .btn-sub1 {width:11.0rem;padding:0;}
.input-wrap2.t1 > :last-child .btn-sub1:only-child {width:22.0rem;}

.input-wrap2.info {padding-right:0;}
.input-wrap2.info > :last-child {width:auto;position:static}
.input-wrap2.info .input-email {width:auto !important;}
.input-wrap2.info .desc {float:left !important;width:auto !important;margin:0 0 0 0.5rem !important;}

.pc .input-wrap2.info .form-col.t1 > *:nth-child(3):nth-last-child(2) {width:auto !important;}

.mb .input-wrap2.info .form-col.t1 > *:nth-child(1) {width:100%}
.mb .input-wrap2.info .form-col.t1 > *:nth-child(3):nth-last-child(2) {width:100% !important;margin:0.8rem 0 0}
.mb .input-wrap2.info .input-email  {margin:0.8rem 0 0 !important}
.mb .input-wrap2.info .input-email > input.text {width: calc(50% - 1.5rem) !important;}

.input-wrap2.icon {padding-right:4.4rem;}
.input-wrap2.icon > :last-child {width:4.5rem;}

.mb .input-wrap2.t1 {padding:0;}
.mb .input-wrap2.t1 > :last-child {position:relative;margin:1.0rem 0 0;width:100%;}
.mb .input-wrap2.t1 > :last-child .btn-sub1 {width:calc(50% - 0.5rem);}
.mb .input-wrap2.t1 > :last-child .btn-sub1 + .btn-sub1 {float:right;}

.mb .input-wrap2.mblock {padding:0;}
.mb .input-wrap2.mblock > :last-child {position:static;width:100%;margin:0.8rem 0 0;}

.mb .input-wrap2.info {padding-right:0;}
.mb .input-wrap2.info > :last-child  {position:static;width:100%;}

.pc .selbox_dual{position: relative;}
.pc .selbox_dual > li{float: left; width: 54rem;;}
.pc .selbox_dual > li:first-child{width:53.8rem; margin-right:0.2rem;}
.pc .selbox_dual > li > .selectbox{width: 100%;}
.pc .selbox_dual:after{content: '';display: block;clear: both;}

.mb .selbox_dual > li > .selectbox{width: 100%;}
.mb .selbox_dual > li{margin-top:0.5rem}
.mb .selbox_dual > li:first-child{margin-top:0;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 구분자 / 단위형
---------------------------------------------------------------------------------*/
.input-wrap3 {display:inline-block;width:100%;vertical-align:top;}
.input-wrap3 > * {float:left;display:block;}
.input-wrap3 > span {display:inline-block;width:2.4rem;text-align:center;line-height:4.0rem;}
.input-wrap3 > *:nth-child(1):nth-last-child(3), .input-wrap3 > *:nth-child(3):nth-last-child(1) {width:calc(50% - 1.2rem);}
.input-wrap3 > *:nth-child(1):nth-last-child(5), .input-wrap3 > *:nth-child(3):nth-last-child(3) {width:calc(33% - 1.6rem);}
.input-wrap3 > *:nth-child(5):nth-last-child(1) {width:calc(34% - 1.6rem);}
.input-wrap3 > *:nth-child(1):nth-last-child(7), .input-wrap3 > *:nth-child(3):nth-last-child(5),
.input-wrap3 > *:nth-child(5):nth-last-child(3), .input-wrap3 > *:nth-child(7):nth-last-child(1) {width:calc(25% - 1.8rem);}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 사이즈%
---------------------------------------------------------------------------------*/
.form-col {overflow:hidden;width:100%;}
.form-col > * {display:block;float:left;width:auto;min-width:0;vertical-align:top;}
.form-col > .label-box1 {display:table;}
.form-col > * + * {margin:0 0 0 0.8rem;}
.form-col > *:nth-child(1):nth-last-child(2),
.form-col > *:nth-child(2):nth-last-child(1) {width:calc(50% - 0.4rem);}
.form-col > *:nth-child(2):nth-last-child(2),
.form-col > *:nth-child(3):nth-last-child(1),
.form-col > *:nth-child(1):nth-last-child(3) {width:calc(33.3% - 0.533rem);}
.form-col > *:nth-child(1):nth-last-child(4),
.form-col > *:nth-child(2):nth-last-child(3),
.form-col > *:nth-child(3):nth-last-child(2),
.form-col > *:nth-child(4):nth-last-child(1) {width:calc(25% - 0.6rem);}

.pc.ie .form-col > *:nth-child(2):nth-last-child(1) {width:calc(50% - 4px);}
.pc.ie .form-col > *:nth-child(2):nth-last-child(2),
.pc.ie .form-col > *:nth-child(3):nth-last-child(1),
.pc.ie .form-col > *:nth-child(1):nth-last-child(3) {width:calc(33.3% - 5px);}
.pc.ie .form-col > *:nth-child(1):nth-last-child(4),
.pc.ie .form-col > *:nth-child(2):nth-last-child(3),
.pc.ie .form-col > *:nth-child(3):nth-last-child(2),
.pc.ie .form-col > *:nth-child(4):nth-last-child(1) {width:calc(25% - 6px);}

.pc .form-col.t1 > *:nth-child(1) {width:16.0rem;}
.pc .form-col.t1 > *:nth-child(2):nth-last-child(1) {width:calc(100% - 16.8rem);}
.pc .form-col.t1 > *:nth-child(2):nth-last-child(2),
.pc .form-col.t1 > *:nth-child(3):nth-last-child(1) {width:calc(50% - 8.8rem);}
.pc .form-col.t1 > *:nth-child(2):nth-last-child(3),
.pc .form-col.t1 > *:nth-child(3):nth-last-child(2),
.pc .form-col.t1 > *:nth-child(4):nth-last-child(1) {width:calc(33.3% - 6.133rem);}
.pc .form-col.t1 > *:nth-child(4):nth-last-child(1) {float:right;margin:0;}
.pc .form-col.t1 > input.t2 {width:calc(100% - 16.8rem) !important;}
.pc.ie .form-col.t1 > input.t2 {width:calc(100% - 300px) !important;}

.mb .form-col.t1 > *:nth-child(1) {width:12.0rem;}
.mb .form-col.t1 > *:nth-child(2):nth-last-child(1) {width:calc(100% - 12.8rem);}
.mb .form-col.t1 > *:nth-child(2):nth-last-child(2),
.mb .form-col.t1 > *:nth-child(3):nth-last-child(1) {width:calc(50% - 6.8rem);}
.mb .form-col.t1 > *:nth-child(2):nth-last-child(3),
.mb .form-col.t1 > *:nth-child(3):nth-last-child(2),
.mb .form-col.t1 > *:nth-child(4):nth-last-child(1) {width:calc(33.3% - 5.133rem);}
.mb .form-col.t1 > *:nth-child(4):nth-last-child(1) {float:right;margin:0;}
.mb .form-col.t1 input.t2 {width:calc(100% - 12.8rem) !important;}

.pc .form-col.t2 > *:nth-last-child(1) {width:16.0rem !important;} /* 180626 수정 */
.pc .form-col.t2 > *:nth-last-child(2):nth-child(1) {width:calc(100% - 16.8rem);}
.pc .form-col.t2 > *:nth-last-child(2):nth-child(2),
.pc .form-col.t2 > *:nth-last-child(3):nth-child(1) {width:calc(50% - 8.8rem);}
.pc .form-col.t2 > *:nth-last-child(2):nth-child(3),
.pc .form-col.t2 > *:nth-last-child(3):nth-child(2),
.pc .form-col.t2 > *:nth-last-child(4):nth-child(1) {width:calc(33.3% - 6.133rem);}
.pc .form-col.t2 > *:nth-last-child(4):nth-child(1) {float:right;margin:0;}

.mb .form-col.t2 > *:nth-last-child(1) {width:12.0rem;}
.mb .form-col.t2 > *:nth-last-child(2):nth-child(1) {width:calc(100% - 12.8rem);}
.mb .form-col.t2 > *:nth-last-child(2):nth-child(2),
.mb .form-col.t2 > *:nth-last-child(3):nth-child(1) {width:calc(50% - 6.8rem);}
.mb .form-col.t2 > *:nth-last-child(2):nth-child(3),
.mb .form-col.t2 > *:nth-last-child(3):nth-child(2),
.mb .form-col.t2 > *:nth-last-child(4):nth-child(1) {width:calc(33.3% - 5.133rem);}
.mb .form-col.t2 > *:nth-last-child(4):nth-child(1) {float:right;margin:0;}

.mb .form-col.mrow > * {width:100% !important;margin:0;}
.mb .form-col.mrow > * + * {margin:0.8rem 0 0;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 서브라벨형
---------------------------------------------------------------------------------*/
/* 폼유형 : 서브라벨형 */
.input-label {display:inline-block;position:relative;padding:0 0 0 7.8rem;background:#fff;border:0.1rem solid #b0b3bc;}
.input-label:before {content:'';display:block;position:absolute;left:7.8rem;top:25%;bottom:25%;width:0.1rem;background:#b0b3bc;z-index:2;}
.input-label > span {display:block;position:absolute;left:0;top:50%;width:7.8rem;text-align:center;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'OneShinhanM';}
.input-label .text, .input-label .selectbox {border:0;width:100%;}

.pc .input-label {padding:0 0 0 9.5rem;}
.pc .input-label:before {left:9.5rem;}
.pc .input-label > span {width:9.5rem;}
.pc .input-label .text:focus, .pc .input-label .selectbox:focus {outline:0.1rem dotted rgba(0,0,0,0.8);}

.mb .input-label {display:block;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 날짜형1
---------------------------------------------------------------------------------*/
/* 기본 */
.input-date {position:relative;overflow:hidden;display:inline-block;vertical-align:top;}
.input-date > span {position:relative;display:block;float:left;}
.input-date > span.unit {float:left;width:1.6rem;}
.input-date > span .text {width:100%;}
.input-date > span > button {position:absolute;right:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.input-date ::-webkit-input-placeholder {letter-spacing:-0.1rem;font-size:1.3rem;}
.input-date ::-ms-input-placeholder {letter-spacing:-0.1rem;font-size:1.3rem;}
.input-date placeholder {letter-spacing:-0.1rem;font-size:1.3rem;}

@media only screen and (max-width:330px){
	.input-date ::-webkit-input-placeholder {font-size:1.2rem;}
	.input-date ::-ms-input-placeholder {font-size:1.2rem;}
	.input-date placeholder {font-size:1.2rem;}
}

.input-date[class*=" w"] {display:block;}
.input-date[class*=" w"] > span:not(:only-child):not(.unit) {width:calc(50% - 14px);}
.input-date[class*=" w"] > span:only-child {width:100%;}

.pc .input-date:not([class*=" w"]) > span:not(.unit) {width:16.0rem;}

.mb .input-date {display:block;}
.mb .input-date > span:only-child {width:100%;}
.mb .input-date > span.unit {width:2.8rem;}
.mb .input-date > span:not(:only-child):not(.unit) {width:calc(50% - 1.4rem);}

/* ui datepicker 스타일디버깅 */
.ui-datepicker-trigger {overflow:hidden;position:relative;display:inline-block;width:4.0rem;height:0;padding:4.0rem 0 0;vertical-align:top;white-space:nowrap;z-index:2;}
.ui-datepicker-trigger:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.0rem;height:2.0rem;margin:-1.0rem 0 0 -1.0rem;background:url(../img/com/icon_set1.png) no-repeat -18.0rem -10.0rem;background-size:40.0rem;z-index:2;}
.pc .ui-datepicker-trigger:after {background-size:120.0rem;background-position-y:-20.0rem;}

.ui-datepicker {display:none;z-index:10000 !important;}
.ui-datepicker .ui-datepicker-header {position:relative;padding:1.2rem 0;text-align:center;background:#ebecee;}
.ui-datepicker .ui-datepicker-header > a {overflow:hidden;position:absolute;top:1.2rem;display:block;width:0;height:3.2rem;padding:0 0 0 3.2rem;white-space:nowrap;cursor:pointer;}
.ui-datepicker .ui-datepicker-header > a:after {content:'';display:block;position:absolute;left:50%;top:50%;width:0.8rem;height:0.8rem;border-left:0.1rem solid #666;border-bottom:0.1rem solid #666;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev {right:50%;margin:0 10.0rem 0 0;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-next {left:50%;margin:0 0 0 10.0rem;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev:after {margin:-0.4rem 0 0 -0.3rem;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-next:after {margin:-0.4rem 0 0 -0.6rem;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-title select {display:inline-block;width:9.0rem;height:3.2rem;padding:0 3.0rem 0 1.0rem;line-height:3.0rem;border-color:#b0b3bc;background:#fff url(../img/com/icon_form1.png) no-repeat 100% 50%;background-size:4.0rem;}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-title select + select {margin:0 0 0 0.5rem;}
.ui-datepicker table {position:relative;background:#fff;}
.ui-datepicker table:before, .ui-datepicker table:after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg, #f4f4f4 0.1rem, transparent 0.1rem);background-size:4.0rem;z-index:-1;}
.ui-datepicker table:after {background:linear-gradient(90deg, #f4f4f4 0.1rem, transparent 0.1rem);background-size:4.8rem 100%;}
.ui-datepicker table th, .ui-datepicker table td {text-align:center;line-height:3.8rem;}
.ui-datepicker table th {background:#9599a6;color:#fff;font-weight:normal;line-height:4.0rem;}
.ui-datepicker table td a, .ui-datepicker table td span {position:relative;display:block;border:0.1rem solid rgba(255,255,255,0);}
.ui-datepicker table tr > td:first-child .ui-state-default {color:#f9110c;}
.ui-datepicker table tr > td:nth-child(7) .ui-state-default {color:#0082d0;}
.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 {width:0;height:6.0rem;padding:0 0 0 6.0rem;white-space:nowrap;overflow:hidden;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:before, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.6rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#61667a;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.ui-datepicker td .ui-state-active {border-color:#0367d7 !important;font-weight:bold !important;color:#0367d7 !important;}
.ui-datepicker td .ui-state-highlight {border-color:#0082d0 !important;background:#0082d0 !important;color:#fff !important;}
.ui-datepicker td span.ui-state-default {color:#c2c2c2 !important;}

.pc .ui-datepicker {max-width:34.0rem;margin:0.8rem 0;background:#fff;border:0.1rem solid #9599a6;}
.pc .ui-datepicker .ui-datepicker-buttonpane {display:none;}
.pc .ui-datepicker table th, .pc .ui-datepicker table td {width:4.8rem;}
.pc[class*=" ie"] .ui-datepicker:after {content:'';display:block;position:absolute;right:0;top:0;bottom:0;width:0.1rem;background:#9599a6;}

.mb .ui-datepicker {position:fixed !important;position:-webkit-sticky !important;position:sticky !important;left:0 !important;right:0 !important;top:auto !important;bottom:0 !important;margin:0 !important;}
.mb .ui-datepicker:before {content:'날짜선택';display:block;background:#fff;font-family:'OneShinhanM';font-size:2.0rem;line-height:6.0rem;text-align:center;color:#212121;}
.mb .ui-datepicker:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:100vh;background:rgba(0,0,0,0.5);z-index:-1;}
.mb .popopen .ui-datepicker {position:fixed !important;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 날짜형2
---------------------------------------------------------------------------------*/
/* 기본 */
.input-date2 {position:relative;overflow:hidden;display:inline-block;vertical-align:top;}
.input-date2 > span {position:relative;display:block;float:left;}
.input-date2 > span.unit {float:left;width:2.4rem;}

.input-date2 > span .selectbox:nth-child(1) {width:10.6rem;}
.input-date2 > span .selectbox:nth-child(2) {width:9.6rem;}
.input-date2 + .selectbox {margin:0 0 0 0.4rem;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 주민번호
---------------------------------------------------------------------------------*/
.input-num:after {content:'';clear:both;display:block;width:100%:}
.input-num > .text {width:calc(50% - 0.2rem);}

.input-num {width:100%;}
.input-num > * {float:left;display:block;}
.input-num > .text + span {display:inline-block;width:2.4rem;text-align:center;line-height:4.0rem;}
.input-num .text {width:calc(50% - 1.2rem);}
.input-num .last > span {float:left;display:inline-block;width:50%;}
.input-num .last span .text {width:100%}
.input-num .last:after {content:'';display:block;clear:both;}
.input-num .last {width: calc(50% - 1.2rem);}
.input-num .last .masking {float:left;padding:0 0 0 1.2rem;line-height:5.6rem}
.input-num .last .masking span {display: inline-block;margin-left:.4rem;width:.9rem;height:.9rem;border-radius:50%;background-color:#757575;vertical-align:middle;}
.mb .input-num .last .masking {padding:0;line-height:4rem}
@media only screen and (max-width:480px){
 .mb .input-num.jumin > .text {width:calc(35% - 1.2rem);}
 .mb .input-num.jumin .last {width: calc(65% - 1.2rem);}
 .mb .input-num.jumin .last > span {width:7.8rem;}
}
@media only screen and (max-width:320px){
 .mb .input-num.jumin .last .masking span {width:.7rem;height:.7rem;}
}

 
/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 계좌번호
---------------------------------------------------------------------------------*/
.input-num2 {width:100%;}

.pc .input-num2 > .selectbox {width:16.0rem;}
.pc .input-num2 > [class*="btn-sub"] {width:10.0rem;vertical-align:top;}
.pc .input-num2 > .input-wrap1 {float:right;width:16.0rem;}
.pc .input-num2 > input:only-of-type {width:calc(100% - 16.4rem);}
.pc .input-num2 > input:only-of-type:nth-last-child(2) {width:calc(100% - 26.8rem);}
.pc .input-num2 > input:only-of-type:nth-last-child(3) {width:calc(100% - 43.2rem);}
.pc .input-num2 > input:nth-of-type(1):nth-last-of-type(2) {width:calc(57% - 13.6rem);}
.pc .input-num2 > input:nth-of-type(2):nth-last-of-type(1) {width:calc(43% - 13.6rem + 10.4rem);}
.pc .input-num2 > input:nth-of-type(2):nth-last-of-type(1):nth-last-child(2) {width:calc(43% - 13.6rem);}
.pc .input-num2 > input:nth-of-type(1):nth-last-of-type(2):nth-last-child(4) {width:calc(57% - 21.8rem);}
.pc .input-num2 > input:nth-of-type(2):nth-last-of-type(1):nth-last-child(3) {width:calc(43% - 21.8rem);}

.pc .pop-modal1 .input-num2 > input:nth-of-type(1):nth-last-of-type(2):nth-last-child(3) {width:calc(100% - 16.4rem);margin:0 0 0.8rem;float:right;}
.pc .pop-modal1 .input-num2 > input:nth-of-type(2):nth-last-of-type(1):nth-last-child(2) {clear:left;width:calc(100% - 10.4rem);}

.mb .input-num2 > * + * {margin:0.8rem 0 0;}
.mb .input-num2 > .selectbox, .mb > .input-num2 .input-wrap1 {width:100%;}
.mb .input-num2 > input:nth-of-type(1) {width:calc(60% - 0.2rem);}
.mb .input-num2 > input:nth-of-type(2) {width:calc(40% - 0.2rem);}
.mb .input-num2 > input:only-of-type {width:100%;}
.mb .input-num2 > [class*="btn-sub"] {display:block;width:100%;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 전화번호
---------------------------------------------------------------------------------*/
.form-telnum:after {content:'';clear:both;display:block;width:100%;}
.form-telnum .label-box1 {position:relative;padding:0 25% 0 0;}
.form-telnum .label-box1 label {width:33%;}
.form-telnum .label-box1 label:nth-child(3) {width:34%;}
.form-telnum .label-box1 label + span {display:block;position:absolute;left:75%;right:0;top:0;margin:0 0 0 -0.4rem;}
.form-telnum .label-box1 label + span .selectbox {width:100%;background-color:#f7f9fa;}
.form-telnum .label-box1 label + span .selectbox.selected {background-color:#fff;border-color:#0096d6;}
.form-telnum .label-box1 + .text {width:100%;}
.form-telnum .label-box1 ~ * {margin:0.8rem 0 0;}
.form-telnum .input-wrap2 {padding-right:20%;}
.form-telnum .input-wrap2 > [class*="btn-sub"] {width:calc(20% - 0.4rem);padding-left:0;padding-right:0;}

.pc .form-telnum .input-num2 {position:relative;}
.pc .form-telnum .input-num2 > input:only-of-type:nth-last-child(2) {width:calc(100% - 33.1rem)}
.pc .form-telnum .input-num2 > [class*="btn-sub"] {position:absolute;right:0;top:0;width:16.0rem}

/*.mb .form-telnum .label-box1 {display:table;width:100%;padding:0 0 4.8rem;border-spacing:0;}
.mb .form-telnum .label-box1 label {display:table-cell;width:calc(33% + 0.1rem);}
.mb .form-telnum .label-box1 label:nth-last-of-type(1) {width:calc(34% + 0.1rem);}
.mb .form-telnum .label-box1 label + span {position:static;clear:both;display:block;position:absolute;left:0;right:0;bottom:0;top:4.8rem;margin:0;}*/
.mb .form-telnum .label-box1 {display:table;width:100%;padding:0;border-spacing:0;}
.mb .form-telnum .label-box1 label {display:table-cell;width:calc(25% + 0.1rem);}
.mb .form-telnum .label-box1 label:last-of-type {width:25%;}
.mb .form-telnum .label-box1 label + span {clear:both;display:none;position:relative;left:0;right:0;top:0.8rem;margin:0;padding:0 0 0.8rem;}
.mb .form-telnum .label-box1 label + span.active {display:block;}
.mb .form-telnum .input-wrap2 {padding-right:35%;}
.mb .form-telnum .input-wrap2 > [class*="btn-sub"] {width:calc(35% - 0.4rem);}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 이메일
---------------------------------------------------------------------------------*/
.input-email {display:inline-block;width:100%;text-align:right;}
.input-email > input.text, .input-email > span {float:left;}
.input-email > input.text {width:calc(33% - 1.5rem);}
.input-email > input.text ~ .selectbox {width:calc(34% - 0.4rem);}
.input-email > span.unit {width:3.0rem;}

.pc .input-email {max-width:51.0rem;}
.pc .input-email.sub-con {width:100%;display:block;max-width:100%;}

.mb .input-email > input.text {width:calc(50% - 1.5rem) !important;}
.mb .input-email > input.text ~ .selectbox {width:100%;margin:0.8rem 0 0;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 카드비밀번호
---------------------------------------------------------------------------------*/
.input-pwd {display:inline-block;width:100%;}
.input-pwd > span {display:inline-block;margin-left:0.8rem;line-height:4.0rem;}

.mb .input-pwd > input.text {width:calc(50% - 5.0rem);}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 보안키패드 입력필드
---------------------------------------------------------------------------------*/
.input-secret {position:relative;margin:2.0rem auto;display:block;width:24.2rem;height:3.2rem;}
.input-secret > input {position:absolute;left:0;right:0;top:0;bottom:0;width:100%;opacity:0;}
.input-secret:before, .input-secret:after {content:'';position:absolute;left:0;top:0;bottom:0;}
.input-secret:before {right:0;background:linear-gradient(90deg, #f4f4f4 3.2rem, transparent 1.0rem);background-size:4.2rem 100%;}
.input-secret[class*="word"]:after {background:url(../img/com/icon_form3.png) repeat-x;background-size:4.2rem 100%;}
.input-secret.word1:after {width:3.2rem;}
.input-secret.word2:after {width:7.4rem;}
.input-secret.word3:after {width:11.6rem;}
.input-secret.word4:after {width:15.8rem;}
.input-secret.word5:after {width:20.0rem;}
.input-secret.word6:after {width:24.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 우편번호
---------------------------------------------------------------------------------*/
.input-zipcode > input.text {clear:both;display:block;margin:0.8rem 0 0;width:100%;}
.pc #content .input-zipcode .input-wrap2 {display:inline-block;width:26.4rem;}
.pc #content .input-zipcode .input-wrap2 + input.text {float:right;margin:0;width:calc(100% - 27.0rem);}
.pc .pop-modal1 .input-zipcode .input-wrap2 {width:65%;}

.pc .pop-modal1.w1 .input-zipcode .input-wrap2 {display:inline-block;width:26.4rem;}
.pc .pop-modal1.w1 .input-zipcode .input-wrap2 + input.text {float:right;margin:0;width:calc(100% - 27.0rem);}

.mb .input-zipcode .input-wrap2 {width:100%;}

/*--------------------------------------------------------------------------------
	# 폼유형 : 이미지업로드1
--------------------------------------------------------------------------------*/
.input-img {position:relative;display:inline-block;width:37.6rem;margin:0 auto;text-align:center;vertical-align:top;}
div.input-img:before, dl.input-img > dd:before {content:'';display:block;position:absolute;top:50%;left:50%;width:10.0rem;height:7.7rem;margin:-2.4rem 0 0;background:url(../img/com/icon_set1.png) no-repeat 0 -21.6rem;background-size:48.0rem;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
div.input-img, .input-img > dd {overflow:hidden;position:relative;height:22.6rem;background:#ebecee;border-radius:0.4rem;overflow:hidden;}
.input-img img, .input-img label, .input-img button {display:block;position:absolute;bottom:0;left:0;z-index:1;}
.input-img img {right:0;top:0;margin:auto;border-radius:0.4rem;width:100%;height:100%;background:#ebecee;}
.input-img .btn {width:100%;height:4.8rem;color:#fff;text-align:center;line-height:2.0rem;background:rgba(97,102,122,0.8);z-index:1;}
.input-img .btn input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.input-img .btn span {display:block;padding:1.4rem;}
.input-img .btn span:before {content:'';display:inline-block;width:2.0rem;height:2.0rem;margin:0 0.8rem 0 0;background:url(../img/com/icon_set1.png) no-repeat -6.0rem -10.0rem;background-size:40.0rem;vertical-align:top;}
.input-img img ~ .btn span:before {background-position:-4.0rem -10.0rem;}
dl.input-img dt {padding:1.0rem 0;line-height:2.0rem;}
div.input-img {margin:4.0rem 0 0;}
div.input-img > span:first-child, .input-img > dd > span:first-child {position:absolute;left:0;right:0;bottom:6.5rem;text-align:center;}

.pc .input-img .btn span:before {background-position-y:-20.0rem;background-size:120.0rem;}
.pc .input-img label input:focus + span {outline:0.1rem dotted rgba(0,0,0,0.8);}
.pc .input-img button.btn {display:none;}
.pc .input-img label.btn {display:block;}

.mb .input-img {width:100%;}
.mb div.input-img, .mb .input-img > dd {padding:60% 0 0;width:100%;height:0;}
.mb div.input-img:before, .mb .input-img > dd:before {width:8.3rem;height:6.4rem;margin:-2.0rem 0 0;background-size:40.0rem;background-position:0 -18.0rem;}
.mb .input-img .btn {height:4.0rem;}
.mb .input-img .btn span {padding:1.0rem;}
.mb div.input-img > span:first-child, .mb .input-img > dd > span:first-child {bottom:5.0rem;font-size:1.2rem;}
.mb .input-img button.btn {display:block;}
.mb .input-img label.btn {display:none;}

/*--------------------------------------------------------------------------------
	# 폼유형 : 이미지업로드2
--------------------------------------------------------------------------------*/
.input-img2 {position:relative;display:block;min-height:16.5rem;padding:0 0 0 13.5rem;}
.input-img2:before, .input-img2:after {content:'';position:absolute;left:0;top:0;}
.input-img2:before {width:11.8rem;height:15.8rem;border:0.1rem solid #d7d9dd;}
.input-img2:after {width:11.0rem;height:15.0rem;margin:0.5rem;background:#eff0f1 url(../img/com/icon_set1.png) no-repeat -24.0rem -105.0rem;}
.input-img2 dl {width:100%;display:table;width:100%;}
.input-img2 dt {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
.input-img2 dd {display:table-cell;vertical-align:middle;height:16.0rem;}
.input-img2 dd > span {display:block;margin:0 0 1.2rem;}
.input-img2 label input {position:absolute;top:0;left:0;opacity:0;z-index:-1;}
.input-img2 label input + span {display:inline-block;position:relative;width:10.0rem;color:#fff;text-align:center;line-height:3.2rem;background:#0082d0;border-radius:1.6rem;overflow:hidden;}
.input-img2 > .img {position:absolute;left:0;top:0;width:11.8rem;height:15.8rem;margin:0.1rem;z-index:1;}
.input-img2 > .img img {position:relative;width:100%;height:100%;background:#fff;}
.input-img2 > .img > .btn-icon2 {position:absolute;top:0.8rem;right:0.8rem;}

.pc .input-img2 label input:focus + span {outline:0.1rem dotted rgba(0,0,0,0.3);}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 검색폼1
---------------------------------------------------------------------------------*/
/* 기본 */
.form-search1 {position:relative;text-align:right;}
.form-search1 > input.text:only-of-type {width:100%;padding-right:5.5rem;}
.form-search1 .icon-com {position:absolute;right:0;top:0;z-index:3;}

/* PC */
.pc .form-search1 {width:30.0rem;margin:0 auto 2.0rem;}
.pc .box-t3 .form-search1 {margin:0 auto;}
.pc .tit-con .form-search1 {display:inline-block;margin:0;}
.pc .pop-modal1.w1 .form-search1 {width:70%;}

/* MOBILE */
.mb .form-search1 > input.text {height:5.4rem;background:#f7f9fa;border:0;padding-left:2.4rem;border-bottom:0.1rem solid #ebecee;}
.mb .form-search1 > input.text:only-of-type {width:100%;}
.mb .form-search1 .icon-com {width:5.4rem;padding:5.4rem 0 0;}
.mb .form-search1 .icon-com.ic1:before {width:1.5rem;height:1.5rem;}
.mb .form-search1 .icon-com.ic1:after {margin:0.4rem 0 0 0.6rem;}
.mb .form-search1 {margin:-2.4rem -2.4rem 3.2rem !important;}
.mb .box-t3 .form-search1 {margin:-3.0rem -2.4rem -2.9rem !important;}
.mb .box-t3 .form-search1 > input.text {border:0;}
.mb .tab-sub3 ~ .ui-tab-con .form-search1 {margin-top:-3.2rem !important;}

.mb .tit-con .form-search1 {position:absolute;left:0;right:0;top:0;margin-top:0 !important;}
.mb .tit-con .label-check {display:block;padding:8.0rem 2.4rem 0;}
.mb .tit-con .label-check.mbox label {width:calc(50% + 0.1rem);}
.mb .tit-con .label-check.mbox label:nth-child(2) ~ label {margin-top:-0.1rem;}

/* 페이지타이틀 우측위치스타일 */
.pc #container > #content .header-visual ~ header + .section {/*z-index:99;*/}
.pc #container > #content .header-visual ~ header + .section > .tit-con {position:absolute;top:-5.5rem;right:0;margin:0;/*z-index:99;*/}
.pc #container > #content .header-visual ~ header.line + .section > .tit-con {top:-9.5rem;}

.mb #container > #content .header-visual ~ header + .section > .tit-con {margin:-2.4rem -2.4rem 3.0rem;}
.mb #container > #content .header-visual ~ header.line + .section > .tit-con {margin:0 0 3.0rem;}

.pc #container.page > #content .section .tit-con {text-align:right;}
.pc #container.page > #content .section .tit-con .txt-info1 {display:inline-block;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 검색폼2
---------------------------------------------------------------------------------*/
.form-search2:not(.form-area2) {position:relative;margin-bottom:4.0rem !important;}
.form-search2 .area-btn1 {margin:0;}

.pc .form-search2 {padding:0 8.8rem 0 0;}
.pc .form-search2 [class*="area-btn"] {position:absolute;right:0;top:50%;width:8.0rem;margin:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc .form-search2 [class*="area-btn"] button {padding-right:0;padding-left:0;width:100%;min-width:0;}
.pc .pop-modal1 .form-search2 .label-check label > input + span {min-width:0;padding-right:0.8rem}
.pc #content .form-search2 {padding:0 12.0rem 0 0;}
.pc #content .form-search2 [class*="area-btn"] {min-width:12.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : TEXTARAE폼
---------------------------------------------------------------------------------*/
.form-textarea {position:relative;margin:3.5rem 0 0;}
.form-textarea > .tit {margin-bottom:1.0rem;font-size:1.6rem;line-height:2.6rem;}
.form-textarea > textarea {border-bottom:none;}
.form-textarea > .txt-cnt1 {padding:0.4rem 1.4rem;background:#ebecee;border:0.1rem solid #b0b3bc;border-top:none;}

.tit-sub2 + .form-textarea {margin:0;}
#uiPOPOutInfo1 .form-textarea > textarea {height:5.5rem;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 약관동의1
---------------------------------------------------------------------------------*/
.form-agree1 {margin:1.6rem 0;padding:1.0rem 2.4rem 0.5rem;border:0.1rem solid #d7d9dd;}
.form-agree1 > .label-check {display:block;}
.form-agree1 > div.label-check {margin:0 0 0.5rem;}
.form-agree1 > div.label-check label span {font-family:'OneShinhanM';}

.form-agree1 .label-check li {position:relative;}
.form-agree1 .label-check li > label {position:relative;z-index:1;max-width:calc(100% - 3.0rem);}
.form-agree1 .label-check li > label > input + span {padding:1.0rem 0 1.0rem 2.8rem;}
.form-agree1 .label-check li > label > input + span:before, .form-agree1 .label-check li > label > input + span:after {top:1.0rem;}
.form-agree1 .label-check li > label > input + span em {display:inline-block;color:#0082d0;}
.form-agree1 .label-check li > label > input + span b {font-weight:normal;}
.form-agree1 .label-check li > label > input + span em, .form-agree1 .label-check li > label > input + span b {margin:0 0 0 0.4rem;}
.form-agree1 .label-check li > a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px;overflow:hidden;z-index:0;}
.form-agree1 .label-check li > a:before, .form-agree1 .label-check li > a:after {content:'';position:absolute;display:block;}
.form-agree1 .label-check li > a:last-child:before, .form-agree1 .label-check li > a:last-child:after {top:2.7rem;right:1.8rem;margin-top:-0.1rem;width:1.2rem;height:0.2rem;background:#b0b3bc;}
.form-agree1 .label-check li > a:last-child:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.form-agree1 .label-check li > a:not(:last-child):not(.view):after {top:3.0rem;right:1.8rem;width:0.9rem;height:0.9rem;margin:-1.0rem 0 0;border-top:0.2rem solid #b0b3bc;border-left:0.2rem solid #b0b3bc;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.form-agree1 .label-check > li > ul, .form-agree1 .label-check > li > div {border-top:0.1rem solid #ebecee;}
.form-agree1 .label-check li a ~ ul, .form-agree1 .label-check li a ~ div {margin:0.5rem 0 0;padding:1.0rem 0 1.5rem;}
.form-agree1 .label-check li a ~ ul > li {padding-left:2.4rem;}
.form-agree1 .label-check li li > a:not(:last-child):not(.view):after {top:2.0rem;}
.form-agree1 .label-check li li > a:last-child:before, .form-agree1 .label-check li li a:last-child:after {top:2.0rem;}
.form-agree1 .label-check li > a.view:before, .form-agree1 .label-check li > a.view:after {top:2.7rem;right:1.8rem;margin-top:-0.1rem;width:1.2rem;height:0.2rem;background:#b0b3bc;}
.form-agree1 .label-check li > a.view:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.form-agree1 .label-check li li > a.view:before, .form-agree1 .label-check li li a.view:after {top:2.0rem;}

.form-agree1 .label-check li > a ~ ul, .form-agree1 .label-check li > .detail, .form-agree1 .label-check li > a ~ div {display:none;z-index:1;}
.form-agree1 .label-check li.active, .form-agree1 .label-check li.active + li {border-color:#b0b3bc !important;}
.form-agree1 .label-check li.active a:not(:last-child):not(.view):after {margin:-0.6rem 0 0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.form-agree1 .label-check li.active > a ~ ul, .form-agree1 .label-check li.active > .detail, .form-agree1 .label-check li.active > a ~ div {display:block;}
.form-agree1 .label-check li li.active a:not(:last-child):not(.view):after {margin:-0.1rem 0 0;}

.form-agree1 .label-check > li {padding:0.5rem 0;}
.form-agree1 .label-check > li + li {border-top:0.1rem solid #d7d9dd;}
.form-agree1 .label-check > li:only-child > a {display:none;}
.form-agree1 .label-check > li.solo:only-child > a {display:block;}
.form-agree1 .label-check > li:only-child > ul, .form-agree1 .label-check > li:only-child > div {display:block;}
.form-agree1 > div.label-check + .label-check > li {border-top:0.1rem solid #d7d9dd;}

.form-agree1 .detail {margin:1.0rem 0 0;padding:1.5rem 1.5rem 1.5rem 3.0rem;background:#f7f9fa;}
.form-agree1 .detail dt, .form-agree1 .detail dd {position:relative;padding:0 0 0 2.0rem;}
.form-agree1 .detail dt:before {content:'';display:block;position:absolute;left:0;top:0;width:1.1rem;height:1.1rem;border-left:0.1rem dotted #9599a6;border-bottom:0.1rem dotted #9599a6;}
.form-agree1 .detail dd, .form-agree1 .detail dd ~ dt {margin:0.8rem 0 0;}

.form-agree1.info .label-check > li {border-top:0.1rem solid #b0b3bc !important;}
.form-agree1.info .label-check li > label > input + span {padding-right:1.0rem;}

.form-area1 .form-agree1 {padding:1.0rem 1.6rem 0.5rem;}
.form-area1 .form-agree1 .label-check > li:only-child {border:0;margin:-1.0rem 0 -1.5rem;}
.form-area1 .form-agree1.info:last-child {margin-bottom:-1.7rem;}

.form-area1.tbl-form > table > tbody > tr > td .form-agree1:first-child {margin:0;}

.pc .form-agree1 > div.label-check label > input + span, .pc .form-agree1 .label-check > li > label > input + span {font-size:1.6rem;}
.pc .area-btn2 + .form-agree1 {margin:4.0rem 0 0;}

.form-area1 .form-agree1.solo {border:none;}

.pc #content .form-area1 .form-agree1.solo {padding:0.8rem 3.9rem 1.5rem 0;}
.mb .form-agree1.solo {padding:0;}
.mb .form-area1 .form-agree1 .label-check > li.solo:only-child {margin:-1.0rem 0;}

/* 모바일 */
.mb #container > #content > .section.pd0 {padding-top:0}
.mb .pd0 .form-agree1 {margin-top:0;}
.mb .form-agree1 {padding:1.0rem 1.5rem 0.5rem;}
.mb .form-agree1 .label-check li > a:last-child:before, .mb .form-agree1 .label-check li > a:last-child:after, .mb .form-agree1 .label-check li > a.view:before, .mb .form-agree1 .label-check li > a.view:after {right:1.0rem;top:2.0rem;}
.mb .form-agree1 .label-check li > a:not(:last-child):not(.view):after {right:1.0rem;top:2.2rem;}
.mb .form-agree1 .label-check > li {padding:0.4rem 0;}
.mb .form-agree1 .label-check > li > a:last-child:before, .mb .form-agree1 .label-check > li > a:last-child:after, .mb .form-agree1 .label-check > li > a.view:before, .mb .form-agree1 .label-check > li > a.view:after {top:2.4rem;}
.mb .form-agree1 .label-check > li > a:not(:last-child):not(.view):after {right:1.0rem;top:2.6rem;}

.mb .form-agree1 .label-check li a ~ ul > li {padding-left:1.4rem;}
.mb .form-agree1 .detail {padding:1.5rem 1.5rem 1.5rem 1.0rem;}
.mb .form-agree1 .detail dt, .form-agree1 .detail dd {padding:0 0 0 1.8rem;}
.mb .form-agree1 .detail dt:before {width:0.9rem;}
.mb .form-agree1 .detail dd, .form-agree1 .detail dd ~ dt {margin:0.3rem 0 0;}

/* PC : 사이즈업 */
.pc #content .form-area1 .form-agree1 {padding:0.8rem 3.9rem 1.5rem;}
.pc #content .wrap-area2 .form-area1 .form-agree1 {padding:1.5rem 2.4rem;}

.pc #content .form-area1 .form-agree1 .label-check > li {padding:0.7rem 0;}
.pc #content .form-area1 .form-agree1 .label-check > li > label > input + span {padding-left:3.5rem;}
.pc #content .form-area1 .form-agree1 .label-check > li > label > input + span:before, .pc #content .form-area1 .form-agree1 .label-check > li > label > input + span:after {top:0.8rem;}
.pc #content .form-area1 .form-agree1 .label-check > li > label > input[type="checkbox"]:checked + span:before {width:1.0rem;height:0.6rem;margin:0.6rem;}
.pc #content .form-area1 .form-agree1 .label-check > li > label > input + span:after {width:2.2rem;height:2.2rem;}
.pc #content .form-area1 .form-agree1 .label-check > li > label ~ .box-con1[data-boxscroll="true"] .mCSB_container {padding-left:3.6rem;}

.pc #content .form-area1 .form-agree1 > div.label-check {margin:1.5rem 0;}
.pc #content .form-area1 .form-agree1 > div.label-check > label > input + span {padding-left:3.5rem;}
.pc #content .form-area1 .form-agree1 > div.label-check > label > input + span:before, .pc #content .form-area1 .form-agree1> div.label-check > label > input + span:after {top:0.8rem;}
.pc #content .form-area1 .form-agree1 > div.label-check > label > input[type="checkbox"]:checked + span:before {width:1.0rem;height:0.6rem;margin:0.6rem;}
.pc #content .form-area1 .form-agree1 > div.label-check > label > input + span:after {width:2.2rem;height:2.2rem;}

.pc #content .form-area1 .label-check li a ~ ul, .pc #content .form-area1 .label-check li a ~ div {margin:0.7rem 0 0;}

/*--------------------------------------------------------------------------------
	# guide content : 폼유형 : 약관동의2
---------------------------------------------------------------------------------*/
.form-agree2 {border:0.1rem solid #d7d9dd;padding:4.0rem;}
.form-agree2 > .contbox > p:first-child {margin:0 0 2.5rem;}
.form-agree2 > .contbox + .txt-info1 {margin-top:2.6rem;padding-top:1.5rem;border-top:0.1rem solid #d7d9dd;}
.form-agree2 > .contbox + .txt-info1:before {top:1.8rem;}
.form-agree2 > .contbox + .txt-info1:after {top:1.5rem;}
.form-agree2 > .contbox ~ .label-check {display:block;text-align:center;background:#f7f9fa;padding:1.6rem;margin:4.0rem -4.0rem -4.0rem;}
.form-agree2 > .contbox ~ .label-check span {font-size:1.6rem;text-align:left;}
.form-agree2 > .contbox > .tit-sub2 {margin-top:0;}
.form-agree2.voc {margin-top:4.0rem}

.mb .form-agree2 {padding:2.0rem;}
.mb .form-agree2 > .contbox ~ .label-check {padding:0.4rem 2.0rem;margin:2.0rem -2.0rem -2.0rem;}
.mb .form-agree2 > .contbox ~ .label-check span {font-size:1.4rem;}
.mb .form-agree2.voc {margin-top:2.0rem}

/*--------------------------------------------------------------------------------
	# guide content : TAB : 네비게이션용 탭1
---------------------------------------------------------------------------------*/
.nav-tab1 {position:relative;}
.nav-tab1:before {content:'';position:absolute;left:50%;top:0;bottom:0;width:100vw;background:rgba(0,0,0,0.1);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.nav-tab1 > ul {position:relative;display:table;width:100%;background:rgba(0,0,0,0.1);}
.nav-tab1 > ul > li {display:table-cell;width:16%;}
.nav-tab1 > ul > li a, .nav-tab1 > ul > li button {display:block;width:100%;color:rgba(255,255,255,0.7);font-size:1.6rem;line-height:4.8rem;text-align:center;}
.nav-tab1 > ul > li.active {font-family:'OneShinhanM';background:rgba(0,0,0,0.1);}
.nav-tab1 > ul > li.active a, .nav-tab1 > ul > li.active button {color:rgba(255,255,255,1.0);}
.nav-tab1 > ul > li:nth-child(1):nth-last-child(3) {width:34%;}
.nav-tab1 > ul > li:nth-child(1):nth-last-child(3) ~ li {width:33%;}
.nav-tab1 > ul > li:nth-child(1):nth-last-child(2), .nav-tab1 > ul > li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.nav-tab1 > ul > li:nth-child(1):nth-last-child(4), .nav-tab1 > ul > li:nth-child(1):nth-last-child(4) ~ li {width:25%;}

.pop-modal1 .nav-tab1 {overflow:hidden;}
.pop-modal1 .nav-tab1:before {background:linear-gradient(to right, #018be0 , #5a3fb4);}
.pop-modal1 .content .nav-tab1,
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox > .mCSB_container .nav-tab1 {margin:-4.0rem -4.0rem 4.0rem;}

.pc .nav-tab1:before {min-width:120.0rem;}

.mb .pop-modal1 .content .nav-tab1 {margin:-2.4rem -2.4rem 2.4rem;}

/*--------------------------------------------------------------------------------
	# guide content : TAB : 서브탭1
---------------------------------------------------------------------------------*/
/* 공통 */
.tab-sub1 {position:relative;}
.tab-sub1 + .sub.label-check {display:block;margin:-3.0rem 0 1.0rem;text-align:right;}
.tab-sub1 > ul, .tab-sub1 > ol {width:100%;-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:nowrap;justify-content:space-around;}
.tab-sub1 li {width:12.5%;background:#ebecee;vertical-align:middle;}
.tab-sub1 li a, .tab-sub1 li button, .tab-sub1 li div {display:block;width:100%;height:100%;padding:1.1rem 2.0rem 1.3rem;line-height:2.4rem;border-top:0.2rem solid transparent;background:transparent;color:#525252;text-align:center;}
.tab-sub1 li.active a, .tab-sub1 li.active button, .tab-sub1 li.active div {border-top:0.2rem solid #112369;background:#fff;color:#112369;}
.tab-sub1 li a:before, .tab-sub1 li button:before, .tab-sub1 li div:before {content:'';width:0;height:100%;}
.tab-sub1 li a:before, .tab-sub1 li button:before, .tab-sub1 li div:before, .tab-sub1 li a > span, .tab-sub1 li button > span, .tab-sub1 li div > span {display:inline-block;vertical-align:middle;}
.tab-sub1 li span b, .tab-sub1 > .btn b {font-weight:normal;}
.tab-sub1 li span b:before, .tab-sub1 > .btn b:before {content:'\00028';margin-left:0.4rem;}
.tab-sub1 li span b:after,.tab-sub1 > .btn b:after {content:'\00029';}

.tab-sub1 li:only-child {display:none;/*width:100%;*/}
.tab-sub1 li:nth-child(1):nth-last-child(2), .tab-sub1 li:nth-child(2):nth-last-child(1) {width:50%;}
.tab-sub1 li:nth-child(1):nth-last-child(3) {width:34%;}
.tab-sub1 li:nth-child(1):nth-last-child(3) ~ li {width:33%;}
.tab-sub1 li:nth-child(1):nth-last-child(4), .tab-sub1 li:nth-child(1):nth-last-child(4) ~ li {width:25%;}
.tab-sub1 li:nth-child(1):nth-last-child(5), .tab-sub1 li:nth-child(1):nth-last-child(5) ~ li {width:20%;}
.tab-sub1 li:nth-child(1):nth-last-child(6) {width:17.0%;}
.tab-sub1 li:nth-child(1):nth-last-child(6) ~ li {width:16.6%;}
.tab-sub1 li:nth-child(1):nth-last-child(7) {width:14.2%;}
.tab-sub1 li:nth-child(1):nth-last-child(7) ~ li {width:14.3%;}

.tab-disabled {pointer-events:none; opacity:0.4 !important;}

/* PC */
.pc .tab-sub1 {margin:1.5rem 0 4.0rem;overflow:hidden;}
.pc .tab-sub1 .btn {display:none;}
.pc .tab-sub1 li a, .pc .tab-sub1 li button, .pc .tab-sub1 li div {font-size:1.6rem;}
.pc .mes-box1 ~ .tab-sub1 {margin-top:3.2rem;}
.ie9 .tab-sub1 > ul, .ie9 .tab-sub1 > ol {display:table;}
.ie9 .tab-sub1 > ul > li, .ie9 .tab-sub1 > ol > li {display:table-cell;}

/* 모바일 */
.mb .tab-sub1 {margin:0 -2.4rem;width:calc(100% + 4.8rem);border-bottom:0.1rem solid #ebecee;}
/*2019.11.12 IOS에서 아웃라인이 깨지는 현상이 발생하여 ;outline:0 추가함 상품이용내역 콤보선택부분*/
.mb .tab-sub1 .btn {position:relative;display:block;width:100%;padding:1.2rem 4.0rem 1.2rem 1.6rem;font-size:1.8rem;line-height:2.6rem;color:#212121;text-align:left;outline:0;}
.mb .tab-sub1 .btn:before, .mb .tab-sub1 .btn:after {content:'';position:absolute;right:2.0rem;top:50%;width:0.2rem;height:1.2rem;margin:-0.6rem 0 0;background:#b0b3bc;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.mb .tab-sub1 .btn:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0.8rem;}
.mb .tab-sub1 .btn:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mb .tab-sub1 li a, .mb .tab-sub1 li button, .mb .tab-sub1 li div {padding:0.7rem 0.5rem 0.8rem;}
.mb .tab-sub1 + .sub.label-check {display:block;margin:-2.0rem 0 1.0rem;}
.mb hr.line + .tab-sub1 {margin-top:-1.8rem;}
.mb .mes-box1 + .tab-sub1 {margin-top:-2.0rem;}
.mb #container > #content > .section > .tab-sub1:not(.mbox):first-child {margin:-2.4rem -2.4rem 2.4rem;}
.mb .pop-modal1 .content .tab-sub1:first-child {margin:-2.4rem -2.4rem 2.4rem;}
.mb .pop-modal1 .content .step-info2 ~ div > .tab-sub1 {margin-top:0;margin-bottom:0;}

/* 모바일토글형 */
.mb .tab-sub1 .btn ~ ul {position:absolute;left:0;right:0;top:100%;display:none;margin:-0.1rem 0 0;padding:0.8rem 0;background:#fff;z-index:2;}
.mb .tab-sub1 .btn ~ ul > li {display:block;width:100%;background:none;}
.mb .tab-sub1 .btn ~ ul > li a, .mb .tab-sub1 .btn ~ ul > li button, .mb .tab-sub1 .btn ~ ul > li div {display:block;padding:0.7rem 1.6rem;border:0;font-size:1.4rem;text-align:left;}
.mb .tab-sub1.active .btn:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.mb .tab-sub1.active .btn:after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.mb .tab-sub1.active .btn ~ ul {display:block;border-top:0.1rem solid #d7d9dd;border-bottom:0.1rem solid #d7d9dd;}

.mb .tab-sub1.mbox {margin:0 0 1.2rem;border:0.1rem solid #dfe1e4;width:100%;}
.mb .tab-sub1.mbox .btn {padding:0.7rem 4.0rem 0.7rem 1.6rem;font-size:1.6rem;}
.mb .tab-sub1.mbox .btn ~ ul {border:0.1rem solid #d7d9dd;}

/*--------------------------------------------------------------------------------
	# guide content : TAB : 서브탭2
---------------------------------------------------------------------------------*/
.tab-sub2, .tab-sub2 > ul {position:relative;width:100%;}
.tab-sub2 {box-shadow:0 0 2.9rem rgba(0,0,0,0.15);}
.tab-sub2 > ul:after {content:'';display:block;clear:both;}
.tab-sub2 > ul > li {position:relative;float:left;width:25%;text-align:center;background:#fff;}
.tab-sub2 li a {display:block;position:relative;width:100%;height:6.4rem;font-size:1.6rem;line-height:6.4rem;}
.tab-sub2 li.active {background:#0096d6;}
.tab-sub2 li.active a {font-family:'OneShinhanM';color:#fff;}

.pc #container > #content > .section > .tab-sub2 {margin:-8.4rem 0 -1.7rem;}

/*--------------------------------------------------------------------------------
	# guide content : TAB : 서브탭3
---------------------------------------------------------------------------------*/
.tab-sub3 {position:relative;min-height:4.0rem;margin:0 0 -0.1rem;text-align:center;}
.tab-sub3:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;border-bottom:0.1rem solid #d6dadd;}
.tab-sub3, .tab-sub3 ul {position:relative;text-align:center;white-space:nowrap;word-wrap:normal;}
.tab-sub3 ul {display:inline-block;vertical-align:top;}
.tab-sub3 ul > li {position:relative;display:block;float:left;line-height:3.7rem;}
.tab-sub3 ul > li:before {content:'';position:absolute;left:0;right:0;bottom:0;height:0.2rem;background:#e8edf0;}
.tab-sub3 ul > li a, .tab-sub3 ul > li button {display:block;height:4.0rem;padding:0.3rem 1.6rem 0;font-family:'OneShinhanM';color:#757575;}
.tab-sub3 ul > li.active a, .tab-sub3 ul > li.active button {color:#0082d0;}
.tab-sub3 ul > li.active:before {background:#0082d0;}

.step-info3 + .tab-sub3 {margin:-2.4rem 0 0;background:#ebecee;}
.pop-modal1 .step-info3 + .tab-sub3 {margin:-2.4rem -4.0rem 3.2rem;width:calc(100% + 8.0rem);}
.pop-modal1 .step-info3 + .tab-sub3:before {display:none;}

.mb .tab-sub3:before {border-bottom:0.3rem solid #e8edf0;}
.mb .tab-sub3 ul > li:before {height:0.3rem;}
.mb #container > #content > .section > .tab-sub3, 
.mb #container > #content > .section > .ui-tab-con > .tab-sub3 {width:calc(100% + 4.8rem);margin:0 -2.4rem 2.4rem;}
.mb .pop-modal1 .step-info3 + .tab-sub3 {margin:-2.4rem -2.4rem 3.2rem;width:calc(100% + 4.8rem);}

.tab-sub3[data-banner="bxslider"] .bx-wrapper {max-width:40.2rem;margin:0 auto;}
.tab-sub3[data-banner="bxslider"] .bx-controls-direction > a {background:rgba(255,255,255,0);height:4.0rem;padding:0 0 0 2.0rem !important;margin-top:-2.0rem;}
.tab-sub3[data-banner="bxslider"] .bx-controls-direction > a:after {width:1.0rem;height:1.0rem;border-color:#a1a5b0;}
.tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-prev:after {margin:-0.5rem 0 0 -0.4rem}
.tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-next:after {margin:-0.5rem 0 0 -1.0rem;}
.tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-prev {left:50% !important;}
.tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-next {right:50% !important;}

.pc .tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-prev {margin-left:-19.3rem;}
.pc .tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-next {margin-right:-19.3rem;}

.mb .tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-prev {margin-left:-18.0rem;}
.mb .tab-sub3[data-banner="bxslider"] .bx-controls-direction > a.bx-next {margin-right:-18.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : TAB : 서브탭4
---------------------------------------------------------------------------------*/
.tab-sub4 {position:relative;overflow:hidden;}
.pc .tab-sub4 > li > strong {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
.pc .tab-sub4 > li > strong button {display:none;}
.pc .tab-sub4 > li {float:left;width:50%;}

.mb .tab-sub4 {padding:4.6rem 0 0;}
.mb .tab-sub4 > li > strong {position:absolute;left:50%;top:0;padding:0 1.2rem;font-family:'OneShinhanM';font-size:1.6rem;line-height:4.6rem;color:#757575;font-weight:normal;outline:0;}
.mb .tab-sub4 > li > strong button {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;width:100%;}
.mb .tab-sub4 > li > strong:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:0.3rem;background:#d7d9dd;}
.mb .tab-sub4 > li:nth-of-type(1):nth-last-of-type(2) > strong {-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.mb .tab-sub4 > li .data {display:none;padding:1.5rem 0 0;}
.mb .tab-sub4 > li.active > strong {color:#0082d0;}
.mb .tab-sub4 > li.active > strong:after {background:#0082d0;}
.mb .tab-sub4 > li.active .data {display:block;}

/*--------------------------------------------------------------------------------
	# guide content : 진행상태1
---------------------------------------------------------------------------------*/
.step-info {counter-reset:num;line-height:4.0rem;text-align:right;}
.step-info > li {position:relative;display:inline-block;padding:0 0 0 2.8rem;color:rgba(255,255,255,0.5);vertical-align:top;}
.step-info > li:before {content:'';position:absolute;top:50%;left:0;content:counter(num);counter-increment:num 1;width:2.0rem;height:2.0rem;margin:-1.0rem 0 0;font-size:1.2rem;line-height:18px;color:rgba(255,255,255,0.6);background:rgba(17,35,105,0.2);text-align:center;border-radius:50%;}
.step-info > li + li {margin:0 0 0 2.0rem;}
.step-info > li.active {color:rgba(255,255,255,1);}
.step-info > li.active:before {background:rgba(255,255,255,1);color:#0082d0;}

.pc .step-info > li {font-family:'OneShinhanM';}

.mb .step-info > li {overflow:hidden;width:0;padding:0 0 0 2.0rem;height:2.0rem;}
.mb .step-info > li + li {margin-left:0;}

/*--------------------------------------------------------------------------------
	# guide content : 진행상태2
---------------------------------------------------------------------------------*/
/* 기본 */
.step-info2 {margin:0 0 4.5rem;counter-reset:num;text-align:center;}
.step-info2 li {display:inline-block;position:relative;padding:0 3.7rem;max-width:35.0rem;text-align:left;vertical-align:top;}
.step-info2 li + li {margin-left:-0.3rem;padding-left:5.8rem;}
.step-info2 li + li:before, .step-info2 li + li:after {content:'';position:absolute;left:0.8rem;width:0.1rem;height:3.0rem;background:#dcdde1;}
.step-info2 li + li:before {top:0.5rem;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
.step-info2 li + li:after {top:3.0rem;-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.step-info2 li:last-of-type {padding-right:0;}
.step-info2 li strong, .step-info2 li span {display:block;position:relative;padding-left:4.8rem;}
.step-info2 li strong {margin:0 0 0.6rem;font-size:2.8rem;line-height:3.2rem;font-weight:normal;color:#757575;}
.step-info2 li strong:before {content:counter(num);counter-increment:num 1;display:block;position:absolute;top:0;left:0;margin:0;width:3.2rem;height:3.2rem;font-size:1.8rem;color:#fff;text-align:center;line-height:32px;background:#d8d9dd;border-radius:50%;}
.step-info2 li span {display:inline-block;font-size:1.3rem;line-height:2.1rem;color:#525252;}
.step-info2 li.active strong {color:#0096d6;}
.step-info2 li.active strong:before {background:#0096d6;}

dl.step-info2 dt {margin:0 0 0.6rem;font-size:2.8rem;color:#0096d6;line-height:3.2rem;}
dl.step-info2 dd {font-size:1.3rem;color:#757575;line-height:2.1rem;}

.pc .pop-modal1 .step-info2 {margin:0 0 3.0rem;padding:3.0rem 1.5rem;border:0.1rem solid #d7d9dd;}
.pc .pop-modal1 .step-info2 li {padding:0 3.0rem;max-width:27.0rem;}
.pc .pop-modal1 .step-info2 li + li {padding-left:4.5rem;}
.pc .pop-modal1 .step-info2 li strong {font-size:1.8rem;}
.pc .pop-modal1 ol.step-info2 {text-align:left;}

.mb .step-info2 {position:relative;overflow:hidden;margin:0 0 2.0rem;padding:0 4.5rem;}
.mb .step-info2 li {position:absolute;top:0;left:0;float:left;padding:0;font-size:0;text-align:center;z-index:0;max-width:none;}
.mb .step-info2 li + li:before, .mb .step-info2 li + li:after {left:0;height:1.2rem;}
.mb .step-info2 li + li:before {top:0.1rem;}
.mb .step-info2 li + li:after {top:1.0rem;}
.mb .step-info2 li strong, .mb .step-info2 li span {padding:0;width:0;height:0;overflow:hidden;}
.mb .step-info2 li strong {display:inline-block;padding-left:2.4rem;height:2.4rem;font-family:'OneShinhanM';font-size:1.6rem;line-height:2.4rem;}
.mb .step-info2 li strong:before {top:0;font-size:1.4rem;width:2.4rem;height:2.4rem;line-height:2.4rem;}
.mb .step-info2 li span {display:block;margin:0.8rem 0;}
.mb .step-info2 li.active {position:relative;width:100%;padding:0;}
.mb .step-info2 li + li.active:before, .mb .step-info2 li + li.active:after {left:0;}
.mb .step-info2 li.active ~ li {left:auto;right:0;padding-left:2.0rem;}
.mb .step-info2 li.active + li {z-index:1;}
.mb .step-info2 li.active strong, .mb .step-info2 li.active span {width:auto;height:auto;}
.mb .step-info2 li.active strong {padding-left:3.2rem;}

.mb dl.step-info2 dt {font-family:'OneShinhanM';font-size:1.6rem;line-height:2.4rem;}
.mb dl.step-info2 dd {margin:0.8rem 0;}

/* 정보형 */
.step-info2.t1 {margin:0;}
.step-info2.t1 li + li:before, .step-info2.t1 li + li:after {height:2.3rem;}
.step-info2.t1 li + li:before {top:0;}
.step-info2.t1 li + li:after {top:1.8rem;}
.step-info2.t1 li span {position:relative;font-size:1.6rem;line-height:4.2rem;}
.step-info2.t1 li span:before {content:counter(num);counter-increment:num 1;display:block;position:absolute;top:50%;left:0;margin:0;width:3.2rem;height:3.2rem;font-size:1.8rem;color:#fff;text-align:center;line-height:32px;background:#0096d6;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.pc .step-info2.t1 li:first-child {padding-left:9.2rem;}

.mb .info-con3 .step-info2 {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;justify-content:center;padding:0;}
.mb .info-con3 .step-info2.col4 > li {width:21%;}

/*--------------------------------------------------------------------------------
	# guide content : 진행상태3
---------------------------------------------------------------------------------*/
.step-info3 {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;justify-content:center;0}
.step-info3 > li {position:relative;margin-left:1.8rem;width:calc(33.33% - 1.8rem);height:7.2rem;text-align:center;}
.step-info3 > li:first-child {margin-left:0;}
.step-info3 > li + li:before, .step-info3 > li + li:after {content:'';position:absolute;left:-0.9rem;width:0.1rem;height:2.7rem;background:#dcdde1;}
.step-info3 > li + li:before {top:1.1rem;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
.step-info3 > li + li:after {top:3.3rem;height:2.8rem;-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.step-info3 > li a {display:block;}
.step-info3 > li span {display:inline-block;position:relative;font-family:'OneShinhanM';font-size:1.6rem;color:#212121;line-height:7.2rem;}
.step-info3 > li span:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:calc(100% - 0.2rem);border-bottom:0.2rem solid transparent;}
.step-info3 > li.active span {color:#0082d0;}
.step-info3 > li.active span:after {border-color:#0082d0;}
.step-info3 > li.active ~ li span {color:#757575;}

.mb .step-info3 > li {height:5.0rem;}
.mb .step-info3.t2 > li {width:calc(33.33% - 2.3rem);}
.mb .step-info3.t2 > li:nth-child(2) {width:calc(33.33% - 0.8rem);}
.mb .step-info3 > li + li:before, .mb .step-info3 > li + li:after {height:1.6rem;}
.mb .step-info3 > li + li:after {top:2.5rem;}
.mb .step-info3 > li span {line-height:5.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 페이징
---------------------------------------------------------------------------------*/
.paging {margin:3.0rem auto;text-align:center;}
.paging li {display:inline-block;vertical-align:top;}
.paging li + li {margin:0 0 0 0.4rem;}
.paging li a {position:relative;display:block;width:3.0rem;height:3.0rem;text-align:center;line-height:3.0rem;border-radius:1.5rem;}
.paging li a:hover {font-family:'OneShinhanM';color:#00358e;}
.paging li a.active {font-family:'OneShinhanM';color:#fff;background:#0082d0;}
.paging li a.active:hover {color:#fff;background:#00358e;}

/* 페이징 : 버튼공통 */
.paging li a.btn {text-indent:-9999px;overflow:hidden;}
.paging li a.btn:before, .paging li a.btn:after {content:'';position:absolute;top:50%;left:50%;border-left:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.paging li a.btn:not(.disabled):hover {color:#0082d0;background:transparent;}
.paging li a.btn:not(.disabled):hover:before, .paging li a.btn:not(.disabled):hover:after {border-left:0.1rem solid #00358e;border-bottom:0.1rem solid #00358e;}
.paging li a.btn.disabled {cursor:default;}

/* 페이징 : 이전, 다음 */
.paging li:nth-child(2) a, .paging li:nth-last-child(2) a {background:#ebecee;}
.paging li:nth-child(2) a:after, .paging li:nth-last-child(2) a:after {display:none;}
.paging li:nth-child(2) a:before {margin:-0.4rem -0.2rem;width:0.7rem;height:0.7rem;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.paging li:nth-last-child(2) a:before {margin:-0.4rem -0.6rem;width:0.7rem;height:0.7rem;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.paging li:nth-child(2) a:not(.disabled):hover, .paging li:nth-last-child(2) a:not(.disabled):hover {background:#00358e;}
.paging li:nth-child(2) a:not(.disabled):hover:before, .paging li:nth-last-child(2) a:not(.disabled):hover:before {border-left:0.1rem solid #fff;border-bottom:0.1rem solid #fff;}

/* 페이징 : 처음,마지막 */
.paging li:nth-child(1) a:before {margin:-0.3rem -0.4rem;width:0.6rem;height:0.6rem;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.paging li:nth-child(1) a:after {margin:-0.3rem 0.2rem;width:0.6rem;height:0.6rem;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.paging li:nth-last-child(1) a:before {margin:-0.3rem -0.9rem;width:0.6rem;height:0.6rem;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.paging li:nth-last-child(1) a:after {margin:-0.3rem -0.3rem;width:0.6rem;height:0.6rem;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

/* 페이징 : 간격조절 */
.pop-modal1 .paging {margin:1.0rem 0 3.0rem;}

@media only screen and (max-width:375px){
	.mb .paging {margin-left:-2.4rem;margin-right:-2.4rem;} /* 21080622 수정 */
}
@media only screen and (max-width:320px){
	.paging li + li {margin:0;}
}

/*--------------------------------------------------------------------------------
	# guide content : TABLE col 사이즈 : 모바일과 상이한 사이즈설정 
---------------------------------------------------------------------------------*/
colgroup col.cw1 {width:20% !important;}
colgroup col.cw2 {width:10% !important;}
colgroup col.cw3 {width:20% !important;}
colgroup col.cw4 {width:20% !important;}
colgroup col.cw5 {width:18% !important;}
colgroup col.cw6 {width:10% !important;}
colgroup col.cw7 {width:17.6rem !important;}
colgroup col.cw8 {width:15% !important;}

.mb colgroup col.cw1 {width:38% !important;}
.mb colgroup col.cw2 {width:15% !important;}
.mb colgroup col.cw3 {width:25% !important;}
.mb colgroup col.cw4 {width:30% !important;}
.mb colgroup col.cw5 {width:25% !important;}
.mb colgroup col.cw6 {width:22% !important;}
.mb colgroup col.cw7 {width:12.0rem !important;}
.mb colgroup col.cw8 {width:18% !important;}

.area-info2.tbl-data2 colgroup col:first-child {width:24% !important;}
.mb .area-info2.tbl-data2 colgroup col:first-child {width:35% !important;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터테이블1
---------------------------------------------------------------------------------*/
/* 기본 */
.tbl-data1 {margin:0 0 1.0rem;border-top:1px solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.tbl-data1 th, .tbl-data1 td {height:4.9rem;padding:0.8rem 2.4rem;border-top:0.1rem solid #d7d9dd;border-right:0.1rem solid #d7d9dd;background:#fff;text-align:left;}
.tbl-data1 th:last-child, .tbl-data1 td:last-child {border-right:0;}
.tbl-data1 th {padding:0.8rem 2.4rem;font-family:'OneShinhanM';color:#212121;background:#f3f6f7;word-break:break-all;}
.tbl-data1 th.sub {padding:0.8rem 1.6rem;}
.tbl-data1 thead th {padding:0.8rem 1.6rem;height:4.0rem;text-align:center;}
.tbl-data1 thead ~ tbody th, .tbl-data1 thead ~ tbody td {text-align:center;}
.tbl-data1 thead ~ tbody > tr:first-child th, .tbl-data1 thead ~ tbody > tr:first-child td {border-top:0.1rem solid #9599a6;}
.tbl-data1 thead ~ tbody td.tit {text-align:left;}
.tbl-data1 thead ~ tbody td.tit a {text-decoration:underline;}
.tbl-data1 thead ~ tbody td.nodata {height:5.6rem;color:#959595;line-height:4.0rem;}
.tbl-data1 th[scope="rowgroup"] {padding:0.8rem 1.0rem;word-break:break-all;}
.tbl-data1 td {padding:0.8rem 2.4rem 0.8rem 1.6rem;}
.tbl-data1 td.line1 {border-right:0.1rem solid #d7d9dd;}
.tbl-data1 td.txt {text-align:left;}
.tbl-data1 td .link {color:#0082d0;border-bottom:0.1rem solid #0082d0;}
.tbl-data1 tr:first-child th, .tbl-data1 tr:first-child td {border-top:0;}
.tbl-data1 tr.point1 th, .tbl-data1 tr.point1 td {color:#0082d0;}
.tbl-data1 .bottom, .tbl-data1[data-boxscroll="true"] + .bottom {padding:0.8rem 1.0rem;border-top:0.1rem solid #d7d9dd;background:#f7f9fa;text-align:center;}
.tbl-data1 .bottom .btn-sub1, .tbl-data1[data-boxscroll="true"] + .bottom .btn-sub1 {margin:-0.8rem 0;border-color:rgba(255,255,255,0) !important;background-color:rgba(255,255,255,0) !important;}
.tbl-data1.data-over tbody tr:hover td:not(.nodata) {background:#f5f7fa;}
.tbl-data1.t1 th, .tbl-data1.t1 td {padding:0.8rem 0.4rem;font-size:1.2rem;}
.tbl-data1.t1 td {height:3.8rem;}
.tbl-data1.t1 tbody th {background:none;}
.tbl-data1[data-boxscroll="true"] + .bottom {margin:-1.1rem 0 1.0rem;border-bottom:0.1rem solid #9599a6;}
p + .tbl-data1 {margin:1.0rem 0;}
.section .tbl-data1:last-child {margin-bottom:0;}

.mb .tbl-data1 .bottom {padding:1.3rem 1.0rem;}
.txt-info1 + .tbl-data1 {margin:1.0rem 0;}

.pc .tbl-data1 th[scope="rowgroup"] {text-align:center;}

/* 리스트형 */
.tbl-data1.list th, .tbl-data1.list td {border-right:none;}

/* 데이터유형1 */
.tbl-data1 .data1 li span, .tbl-data1 .data1 dd span, .tbl-data1 .data1 td span {display:inline-block;vertical-align:top;padding:0 0.5rem 0 1.0rem;margin:0 0 0 -1.0rem;}
.tbl-data1 .data1 li span:first-child:before, .tbl-data1 .data1 dd span:first-child:before, .tbl-data1 .data1 td span:first-child:before {content:'['}
.tbl-data1 .data1 li span:first-child:after, .tbl-data1 .data1 dd span:first-child:after, .tbl-data1 .data1 td span:first-child:after {content:']'}

/* 데이터유형1 */
.tbl-data1.data-t1 td {text-align:right;}

/* 목록형(ul) */
.tbl-data1 > ul > li > div:first-child, ul.tbl-data1 > li > ul > li div:first-child {font-family:'OneShinhanM';color:#212121;}

.pc .tbl-data1 > ul, .pc ul.tbl-data1 > li > ul {display:table;width:100%;table-layout:fixed;}
.pc .tbl-data1 > ul > li, .pc ul.tbl-data1 > li > ul > li {position:relative;display:table-cell;vertical-align:middle;padding:4.0rem 0 0;}
.pc .tbl-data1 > ul > li + li, .pc ul.tbl-data1 > li > ul > li + li {border-left:0.1rem solid #d7d9dd;}
.pc .tbl-data1 > ul > li > div, .pc ul.tbl-data1 > li > ul > li > div {padding:0.8rem 1.6rem;text-align:center;}
.pc .tbl-data1 > ul > li > div + div, .pc ul.tbl-data1 > li > ul > li > div + div {display:table;width:100%;height:4.8rem;padding:1.6rem 1.0rem;line-height:2.0rem;word-break:break-all;}
.pc .tbl-data1 > ul > li > div + div .btn-sub2, .pc ul.tbl-data1 > li > ul > li > div + div .btn-sub2 {margin:-0.6rem 0;}
.pc .tbl-data1 > ul > li > div + div .label-check, .pc ul.tbl-data1 > li > ul > li > div + div .label-check {margin:-1.1rem 0;}
.pc .tbl-data1 > ul > li > div:first-child, .pc ul.tbl-data1 > li > ul > li > div:first-child {position:absolute;left:0;right:0;top:0;background:#f7f9fa;line-height:2.4rem;}
.pc .tbl-data1 > ul > li > div:first-child:after, .pc ul.tbl-data1 > li > ul > li > div:first-child:after {content:':';color:rgba(255,255,255,0);position:absolute;}
.pc .tbl-data1 > ul > li > div:first-child:before, .pc ul.tbl-data1 > li > ul > li > div:first-child:before {content:'';display:block;position:absolute;left:-0.1rem;right:-0.1rem;bottom:0;height:0.1rem;background:#9599a6;}
.pc .tbl-data1.list1 > ul > li {width:16%;}
.pc ul.tbl-data1 > li + li {border-top:0.1rem solid #d7d9dd;}
.pc ul.tbl-data1 > li + li ul > li {padding-top:0;}
.pc ul.tbl-data1 > li + li ul > li > div:first-child {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;padding:0;}

.mb .tbl-data1 > ul > li > div, .mb ul.tbl-data1 > li > ul > li > div {padding:1.1rem 1.2rem;}
.mb .tbl-data1 > ul > li, .mb ul.tbl-data1 > li > ul > li {display:table;width:100%;}
.mb .tbl-data1 > ul > li + li, .mb ul.tbl-data1 > li > ul > li + li {border-top:0.1rem solid #d7d9dd;}
.mb .tbl-data1 > ul > li > div, .mb ul.tbl-data1 > li > ul > li > div {display:table-cell;font-size:1.3rem;vertical-align:middle;}
.mb .tbl-data1 > ul > li > div:first-child, .mb ul.tbl-data1 > li > ul > li > div:first-child {width:12.0rem;background:#f7f9fa;border-right:0.1rem solid #d7d9dd;}
.mb ul.tbl-data1 > li:not(:last-child) {border-bottom:0.1rem solid #9599a6;}
.mb ul.tbl-data1 > li + li {margin:1.0rem 0 0;border-top:0.1rem solid #9599a6;}

/* 모바일세로 */
.mb .tbl-data1:not(.tbl-form) th, .mb .tbl-data1:not(.tbl-form) td {height:4.5rem;padding:0.8rem;font-size:1.2rem;}
.mb .tbl-data1.mrow tr:first-child :nth-of-type(1) {border-top:0;}
.mb .tbl-data1.mrow tr {width:100%;width:calc(100vw - 4.8rem);}
.mb .tbl-data1.mrow th, .mb .tbl-data1.mrow td {border-top:0.1rem solid #d7d9dd;height:auto;}
.mb .tbl-data1.mrow tr:not(.group) {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;flex-shrink:2;}
.mb .tbl-data1.mrow tr:not(.group) th {width:13.5rem;}
.mb .tbl-data1.mrow tr:not(.group) td {width:calc(100% - 13.5rem);border-right:0;}
.mb .tbl-data1.mrow tr.group th[scope="rowgroup"] {padding:0 0.2rem;text-align:center;}
.mb .tbl-data1.mrow tr.group th[scope="row"] {padding:0.8rem;}
.mb .tbl-data1.mrow colgroup col:nth-last-child(2n-1) {width:calc(100% - 12.0rem);}
.mb .tbl-data1.mrow colgroup col:nth-last-child(2n) {width:8.6rem;}
.mb .tbl-data1.mrow colgroup col:first-child:nth-last-child(2n-1) {width:3.4rem;}

/* 스크롤박스 */
.tbl-data1[data-boxscroll="true"]:not([data-direction="x"]) {padding:0.1rem;max-height:28.5rem;}
.tbl-data1[data-boxscroll="true"][data-direction="x"] thead ~ tbody td.nodata {text-align:left;text-indent:46.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터테이블2
---------------------------------------------------------------------------------*/
.tbl-data2 th, .tbl-data2 td {padding:0.4rem 1.0rem;text-align:left;}
.tbl-data2 th {font-family:'OneShinhanM';color:#212121;vertical-align:top;}
.tbl-data2 th:before {content:'';float:left;display:block;width:0.2rem;height:0.2rem;margin:1.0rem 0.8rem 0 -1.0rem;background:#212121;border-radius:50%;}
.tbl-data2 td strong {font-family:'OneShinhanM';font-weight:normal;}

/*--------------------------------------------------------------------------------
	# guide content : 기본폼
---------------------------------------------------------------------------------*/
/* 공통 */
.tbl-form table {width:100%;}
.tbl-form > table > tbody > tr > th, .tbl-form > table > tbody > tr > td {text-align:left;}
.tbl-form > table > tbody > tr > th {font-family:'OneShinhanM';line-height:2.0rem;color:#212121;}
.tbl-form > table > tbody > tr > th .txt-mark1 {margin-right:-1.6rem;}
.tbl-form > table > tbody > tr > td > input:only-child, .tbl-form > table > tbody > tr > td > select:only-child, .tbl-form > table > tbody > tr > td > span.text {width:100%;}
.tbl-form > table > tbody > tr > td:last-child {padding-right:0;}

/* 공통 : PC */
.tbl-data1.tbl-form > table > tbody > tr > td {border-right:0;}
.tbl-data1.tbl-form > table > tbody > tr > td em.txt-info1 {margin:0 0 0 0.6rem;vertical-align:middle;}

.pc .tbl-data1.tbl-form colgroup col:not(:last-child) {width:17.6rem;}
.pc .tbl-data1.tbl-form colgroup col:not(:last-child):nth-child(2n-1):nth-last-child(2n) + col:not(:last-child) {width:37.6rem;}
.pc .tbl-data1.tbl-form colgroup col:first-child:nth-last-child(2n-1) {width:6.0rem;}
.pc .tbl-data1.tbl-form colgroup col:first-child:nth-last-child(2n-1) + col:nth-last-child(2n) {width:11.6rem;}
.pc .tbl-data1.tbl-form colgroup col:first-child:nth-last-child(2n-1) + col:nth-last-child(2n) + col {width:37.6rem;}

.pc .pop-modal1.w2 .tbl-data1.tbl-form colgroup col:not(:last-child) {width:13.0rem;}

.pc .tbl-data1.mrow colgroup col:not(:last-child) {width:17.6rem;}
.pc .tbl-data1.mrow colgroup col:first-child:nth-last-child(2n-1) {width:6.0rem;}
.pc .tbl-data1.mrow colgroup col:first-child:nth-last-child(2n-1) + col:nth-last-child(2n) {width:11.6rem;}
.pc .tbl-data1.mrow colgroup col:first-child:nth-last-child(2n-1) + col:nth-last-child(2n) + col {width:37.6rem;}

.pc #content .tbl-data1.mrow colgroup col:not(:last-child):nth-child(2n-1):nth-last-child(2n) + col:not(:last-child) {width:37.6rem;}
.pc .pop-modal1.w1 .tbl-data1.mrow colgroup col:not(:last-child):nth-child(2n-1):nth-last-child(2n) + col:not(:last-child) {width:26.0rem;}

/* 공통 : 모바일 */
.mb .tbl-form {margin:0 -2.4rem 0;padding:1.0rem 2.4rem 0;}
.mb .tbl-form > table > tbody > tr > th, .mb .tbl-form > table > tbody > tr > td {display:block;height:auto;border:0;background:none;}
.mb .tbl-form > table > tbody > tr > th {padding:1.0rem 0 1.0rem;}
.mb .tbl-form > table > tbody > tr > td {padding:0 0 1.0rem;}
.mb .tbl-form > table > tbody > tr:last-child:not(:first-child) > td {padding-bottom:0rem;}
.mb .tbl-form tr.form1 > th {display:none;}
.mb .tbl-form tr.form1 > td {margin:0;}
.mb .tbl-form tr.form1 + tr.form1 td {margin-top:-1.5rem;}
.mb .tbl-form tbody > tr:first-child.form1 > td {padding-top:1.6rem;}
.mb .tbl-form > table > tbody > tr > td > input:first-child, .mb .tbl-form > table > tbody > tr > td > select:first-child, .mb .tbl-form > table > tbody > tr > td > span.text,
.mb .tbl-form > table > tbody > tr > td > .sub-con > .text:first-child:only-child, .mb .tbl-form > table > tbody > tr > td > .sub-con.text:last-child {width:100%;}

.mb .tbl-data1.tbl-form {border:0;}
.mb .tbl-data1.tbl-form colgroup {display:none;}
.mb .tbl-data1.tbl-form > table > tbody > tr > th.sub {position:relative;padding-top:0;padding-left:0.8rem;font-family:'OneShinhanL';}
.mb .tbl-data1.tbl-form > table > tbody > tr > th.sub:before {content:'';display:block;position:absolute;left:0;top:1.0rem;width:0.2rem;height:0.2rem;border-radius:50%;background:#212121;}
.mb .tbl-data1.tbl-form > table > tbody > tr > td :not(.label-check.single) ~ em.txt-info1 {display:block;margin:0.8rem 0 0 0;}
.mb .tbl-data1.tbl-form > table > tbody > tr > td .label-check.single ~ em.txt-info1 {display:inline-block;font-size:1.2rem;line-height:2.1rem;}
.mb [class*="tit-sub"] + .tbl-data1.tbl-form {margin-top:-1.0rem;}
.mb .tit-sub1 + .tbl-data1.tbl-form {margin-top:0;border-top:0.1rem solid #ebecee;}

/* 모바일 : 목록형 테이블 checkbox 위치 type 추가 (20210208) */
.mb .tbl-data1.tbl-form.tbl-check tr {display:block;position:relative;}
.mb .tbl-data1.tbl-form.tbl-check th[scope="rowgroup"] {display: inline-block;position: absolute;left: 0;top: 0;width: 2.0rem;height: 2.0rem;text-align: left;padding: 0;vertical-align: top;}
.mb .tbl-data1.tbl-form.tbl-check th[scope="rowgroup"] + th {padding-left:3.0rem;}

/* 기존 전달 */
/* .mb .tbl-form > table > tbody > tr:after {display:block;clear:both;content:'';}
.mb .tbl-form > table > tbody > tr > .h-tit {float:left;width:20%;}
.mb .tbl-form > table > tbody > tr > .h-cont {float:left;width:30%;padding:1.0rem 0 1.0rem} */

/* 테이블 형식 */
.mb .tbl-form > table > tbody > tr.m-table {display:flex;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.mb .tbl-form > table > tbody > tr.m-table + .m-table {margin-top:-0.1rem;border-top-color:#d7d9dd}
.mb .tbl-form > table > tbody > tr > .h-tit {width:22%;padding:1.0rem 0.5rem 1.0rem;border-right:0.1rem solid #d7d9dd;font-size:1.2rem;text-align:center;background:#f3f6f7}
.mb .tbl-form > table > tbody > tr > .h-cont {width:28%;padding:1.1rem 0.5rem 1.0rem !important;font-size:1.2rem;text-align:center;}

/*--------------------------------------------------------------------------------
	# guide content : 폼영역1
---------------------------------------------------------------------------------*/
/* 객체 사이즈 변형 */
#content .form-area1.tbl-form > table > tbody > tr > th {font-size:1.6rem;}

.pc .form-area1 {margin:1.6rem 0 1.0rem;padding:0 0 1.6rem;border-bottom:0.1rem solid #9599a6;}
.pc .form-area1.tbl-form > table > tbody > tr > th, .pc .form-area1.tbl-form > table > tbody > tr > td {padding:0.8rem 1.6rem;}
.pc .form-area1.tbl-form > table > tbody > tr > th {width:17.6rem;padding:1.7rem 2.4rem;vertical-align:top;}
.pc .form-area1.tbl-form > table > tbody > tr > td {padding-right:0;vertical-align:top;}
.pc .form-area1.tbl-form > table > tbody > tr > td {width:calc(50% - 17.6rem);}
.pc .form-area1.tbl-form > table > colgroup col:nth-child(1), .pc .form-area1.tbl-form > table > colgroup col:nth-child(3) {width:17.6rem;}
.pc .form-area1.tbl-form > table > colgroup col:nth-child(2):nth-last-child(3),
.pc .form-area1.tbl-form > table > colgroup col:nth-child(4):nth-last-child(1) {width:calc(50% - 17.6rem);}
.pc .form-area1 > .mes {margin:-0.5rem 0;padding:0 0 0 20.1rem;font-size:1.6rem;}
.pc .form-area1 .mes-box1 {margin:0 0 4.0rem;}
.pc .form-area1.min {padding:0 20.0rem 1.6rem 16.0rem;/*border-bottom:0;*/}

.pc .tab-sub1 ~ .ui-tab-con > .form-area1 {margin-top:-1.6rem;}

.wrap-area2.form-area1 {text-align:center;border-bottom:0;}
.wrap-area2.form-area1 + .wrap-area2.form-area1 {position:relative;margin-top:3.0rem;padding-top:2.0rem;}
.wrap-area2.form-area1 + .wrap-area2.form-area1:before {content:'';display:block;position:absolute;left:50%;width:108.0rem;top:0;border-top:0.1rem solid #dadcdf;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}

.pc .wrap-area2.form-area1.tbl-form:first-child {max-width:108.0rem;border-bottom:0.1rem solid #9599a6;}
.pc .wrap-area2.form-area1.tbl-form:first-child .mes-box1 {padding:3.6rem 5%;}
.pc .wrap-area2.form-area1.tbl-form:first-child > table, .pc .wrap-area2.form-area1.tbl-form:first-child .form-col {margin:6.4rem auto 5.0rem;max-width:68.0rem;}
.pc .wrap-area2.form-area1.tbl-form:first-child .mes-box1 + .tit-sub2 {margin-left:auto;margin-right:auto;max-width:68.0rem;text-align:left;}
.pc .wrap-area2.form-area1.tbl-form:first-child .tbl-data1 {margin:0 auto 6.0rem;max-width:68.0rem;}

.mb .form-area1.wrap-area2 {padding-top:1.5rem;}
.mb .wrap-area2.form-area1 + .wrap-area2.form-area1 {margin-bottom:0;}
.mb .wrap-area2.form-area1 + .wrap-area2.form-area1:before {width:100vw;}
.mb .pop-modal1 .content > .form-area1:first-child {margin-top:-1.0rem;}

/* 사이즈변경 : PC 팝업 */
.pc #content .wrap-area2 .form-area1.tbl-form > table > tbody > tr > th, .pc .pop-modal1 .form-area1.tbl-form > table > tbody > tr > th {width:12.5rem;padding-left:0;}
.pc #content .wrap-area2 .form-area1.tbl-form > table > tbody > tr > th.l2, .pc .pop-modal1 .form-area1.tbl-form > table > tbody > tr > th.l2 {padding:0.9rem 2.4rem 0.7rem 0;}
.pc .pop-modal1 .form-area1.tbl-form:not(.form-border) {border-bottom:0;}
.pc .pop-modal1.w2 .form-area1.tbl-form > table > colgroup col:nth-child(1), .pc .pop-modal1.w2 .form-area1.tbl-form > table > colgroup col:nth-child(3),
.pc .pop-modal1.w2 .form-area1.tbl-form > table > tbody > tr > th {width:6.0rem;}

/* 사이즈변경 : PC 바닥페이지 UP */
.pc #content .form-area1.tbl-form > table > tbody > tr > th,
.pc #content .form-area1.tbl-form > table > tbody > tr > td {height:8.8rem;padding:1.6rem 0 1.6rem 2.5rem;}
.pc #content .form-area1.tbl-form > table > tbody > tr > th {padding-top:3.0rem;padding-left:4.0rem;vertical-align:top;}
.pc .tab-sub1 ~ .ui-tab-con .form-area1:first-child {padding-top:0;border-top:0;}
.pc .tit-sub1:not(.line) + .form-area1 {padding-top:1.6rem;border-top:0.1rem solid #9599a6;}
.pc .tit-sub1.line + .form-area1 {border-bottom:0;padding-bottom:0;}

/* 사이즈변경 : MOBILE */
.mb .form-area1.tbl-form > table > colgroup {display:none;}

.mb .form-area1 {margin-bottom:1.2rem;/*padding-top:1.6rem;border-top:0.1rem solid #d7d9dd;*/}
.mb .form-area1:not(.min) > .mes {padding:2.0rem 0 0 0;}
/*.mb .section > .tbl-data1:first-child {margin-top:-1.8rem;}   [20190827-004] 전세추가대출*/
.mb .section > .tbl-data1.tbl-form:first-child {margin-top:-1.8rem;}


/*.mb header.header-visual ~ .section .tit-sub1 + .tbl-form, .mb .pop-modal1 .step-info2 + .form-area1 {margin-top:2.5rem !important;border-top:0.1rem solid #d7d9dd;}*/
.mb header.header-visual ~ .section .tit-sub1 + .tbl-form, .mb .pop-modal1 .step-info2 + .form-area1 {margin-top:1.5rem !important;border-top:0.1rem solid #d7d9dd;}

/*--------------------------------------------------------------------------------
	# guide content : 폼객체 사이즈 변형 : 사이즈 UP 
---------------------------------------------------------------------------------*/
#content .form-area1 td > .sub-con:first-child {margin-top:0;}
.pc #content .form-area1 .btn-sub1 {font-size:1.6rem;line-height:5.4rem;height:5.6rem;}
.pc #content .form-area1 .w50 {width:calc(50% - 0.4rem) !important;}
.pc #content .form-area1 .w50-2 {width:calc(50% - 1.2rem) !important;}
.pc #content .form-area1 .w50-3 {width:calc(50% - 10.1rem) !important;}
.pc #content .form-area1 .w50-4 {width:calc(50% - 17.5rem) !important;}
.pc #content .form-area1 .unit, .pc #content .form-area1 .input-wrap3 > span {line-height:5.6rem;}
.pc #content .form-area1 .sub-con {margin:1.6rem 0 0;}
.pc #content .form-area1 .sub-con.txt-info1 {margin:1.0rem 0 -0.4rem;}
.pc #content .form-area1 .text,
.pc #content .form-area1 .selectbox {height:5.6rem;font-size:1.6rem;padding:0 2.4rem;}
.pc #content .form-area1 .selectbox {background-position:calc(100% - 0.8rem);vertical-align:top;}
.pc #content .form-area1 .input-wrap1 > .text {padding-right:4.2rem;}
.pc #content .form-area1 .input-wrap1 > .text + span {font-size:1.6rem;padding-right:2.4rem;}
.pc #content .form-area1 .input-wrap1.info {font-size:1.6rem;line-height:5.6rem;padding:0 2.4rem;}
.pc #content .form-area1 .input-wrap1.info strong {font-size:2.4rem;}
.pc #content .form-area1 .input-wrap2 {padding-right:12.8rem;}
.pc #content .form-area1 .input-wrap2 > :last-child {width:12.0rem;}
.pc #content .form-area1 .input-date > span > button {right:1.0rem;}
.pc #content .form-area1 .form-telnum .label-box1 ~ * {margin:1.6rem 0 0;}
.pc #content .form-area1 .form-telnum .input-wrap2 {padding-right:16.8rem;}
.pc #content .form-area1 .form-telnum .input-wrap2 > [class*="btn-sub"] {width:16.0rem;}
.pc #content .form-area1 .form-telnum .label-box1 label + span {margin:0 0 0 -0.2rem;}
.pc #content .form-area1 span.text {padding:1.3rem 0;line-height:normal;}

.pc #content .form-area1 .form-telnum .input-num2 .selectbox {width:16.0rem;}
.pc #content .form-area1 .form-telnum .input-num2 .text {width:calc(100% - 33.1rem);margin:0;}

.pc #content .form-telnum .input-num2 .selectbox {width:27%;}
.pc #content .form-telnum .input-num2 > input:only-of-type {width:calc(73% - 0.4rem)}

.mb #content .form-telnum .input-num2 .selectbox {width:30%;}
.mb #content .form-telnum .input-num2 .text {float:right;width:calc(70% - 0.4rem) !important;margin:0;}

.pc .form-area1.small .btn-sub1 {font-size:1.6rem !important;line-height:4rem !important;height:4rem !important;}
.pc .form-area1.small .unit, .pc #content .form-area1.small .input-wrap3 > span {line-height:4rem;}
.pc .form-area1.small .text,
.pc .form-area1.small .selectbox {height:4rem !important;font-size:1.6rem !important;padding:0 2.4rem !important;line-height:100% !important;}
.pc .form-area1.small .input-wrap1.info {font-size:1.6rem;line-height:4rem;padding:0 2.4rem;}
.pc .form-area1.small .label-box1 label > input + span,
.pc .form-area1.small .label-box1 > button span {height:3.8rem;line-height:3.8rem;}
.pc .form-area1.small .form-telnum .label-box1 label {width:33.9%}

.pc #content .form-area1.small.tbl-form > table > tbody > tr > th {padding-top:2.5rem;}
.pc #content .form-area1.small.tbl-form > table > tbody > tr > td {height:auto;}


.mb [data-ui-formsize="m"] .btn-sub1 {height:4.8rem;}
.mb [data-ui-formsize="m"] .unit, .mb [data-ui-formsize="m"] .input-wrap3 > span {line-height:4.8rem;}
.mb [data-ui-formsize="m"] .text, .mb [data-ui-formsize="m"] .selectbox {height:4.8rem;font-size:1.6rem;}
.mb [data-ui-formsize="m"] .sub-con {margin:1.6rem 0 0;}
.mb [data-ui-formsize="m"] .input-wrap1.info {font-size:1.6rem;line-height:4.8rem;}
.mb [data-ui-formsize="m"] .input-wrap1.info strong {font-size:2.0rem;}
.mb [data-ui-formsize="m"] .label-box1:not(.t1) label > input + span, .mb [data-ui-formsize="m"] .label-box1:not(.t1) > button span {height:4.8rem;line-height:4.6rem;}

/*--------------------------------------------------------------------------------
	# guide content : 폼객체 사이즈 변형 : 사이즈 DOWN (가로 480 팝업제외)
---------------------------------------------------------------------------------*/
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .text, .pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .selectbox {height:3.2rem;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form span.text {height:auto;min-height:3.2rem;padding:0.5rem 0;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .btn-sub1 {height:3.2rem;padding:0 1.7rem;line-height:3.0rem;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .w50 {width:calc(50% - 0.2rem) !important;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .unit, .pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .input-wrap3 > span {line-height:3.2rem;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .sub-con {margin:0.8rem 0 0;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .form-search1 .text {height:4.0rem;}
.pc .pop-modal1:not(.w2) .tbl-data1.tbl-form .label-check label {margin:-0.4rem 0;}

.pc .pop-modal1 .form-area2 dd .label-check {padding:0.4rem 0;}
.pc .pop-modal1 .form-area2 dd .label-check label > input + span {padding:0.6rem 1.0rem 0.6rem 2.8rem;}
.pc .pop-modal1 .form-area2 dd .label-check label > input + span:before, .pc .pop-modal1 .form-area2 dd .label-check label > input + span:after {top:0.6rem;}

.mb .pop-modal1 .tbl-data1.tbl-form .btn-sub1 {font-size:1.3rem;}

/*--------------------------------------------------------------------------------
	# guide content : 폼영역2
---------------------------------------------------------------------------------*/
.form-area2 {position:relative;}
.form-area2 > dl:after {content:'';display:block;width:100%;clear:both;}
.form-area2 > dl > dt {font-family:'OneShinhanM';color:#212121;}
.form-area2 > dl > dt, .form-area2 > dl > dd {line-height:2.2rem;}
.form-area2 > dl ~ .area-btn1 {margin:1.8rem 0 0;}
.form-area2 > dl > dt .label-check {vertical-align:top;margin:-0.9rem 0 -0.9rem 0.4rem;}
.form-area2 > dl.col2 {display:inline-block;width:calc(50% - 1.0rem);}
.form-area2 > dl.col2 ~ dl.col2:nth-of-type(2n-1) {float:right;}
.form-area2 > dl > dd.detail {position:relative;background:#fff;clear:both;}
.form-area2 > dl > dd.detail:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:0.1rem solid #e8edf0;}
.form-area2 > dl > dd.detail .tab-sub3 {margin:0 0 1.0rem;}
.form-area2 > dl > dd.detail .tab-sub3:before {display:none;}
.form-area2 > dl > dd.detail .bx-wrapper:last-child {margin-bottom:-0.1rem;}
.form-area2 .info-word1 {display:block;padding:0.8rem 1.2rem;}
.form-area2 .info-word1 {background:#e8edf0;border:0.1rem solid #e8edf0;}
.form-area2 .info-word1.nodata {border-color:#b0b3bc;background-color:#fff;}

.pc .form-area2 {margin:4.0rem 0;}
.pc .form-area2 > dl > dt, .pc .form-area2 > dl > dd {padding:0.7rem 0;min-height:4.0rem;}
.pc .form-area2 > dl > dt {position:relative;float:left;width:10.7rem;padding-left:1.6rem;line-height:4.0rem;}
.pc .form-area2 > dl > dt:before {content:'';float:left;display:block;width:0.2rem;height:0.2rem;margin:1.8rem 0.5rem 0 -0.7rem;background:#212121;}
.pc .form-area2 > dl > dt .label-check {margin:-0.2rem 0 0 0.4rem;}
.pc .form-area2 > dl > dd {margin:0 0 0 10.7rem;}
.pc .form-area2 > dl > dd.detail {margin:1.2rem 0 0.6rem;padding:0 0 1.9rem;}
.pc .form-area2 > dl > dd:not(.detail) > :last-child {margin-bottom:-0.7rem;}
.pc .form-area2:not(.form-search2) > dl > dd .label-check {display:block;}
.pc .form-area2 > dl > dd .label-check label > input + span {min-width:14.1rem;}
.pc .form-area2 > dl .area-btn1 {margin:1.0rem 0;}
.pc .pop-modal1:not(.w1) .form-area2 > dl > dt {width:13.0rem;}
.pc .pop-modal1:not(.w1) .form-area2 > dl > dd {margin:0 0 0 13.0rem;}
.pc .box-t3 .form-area2 {margin:-0.6rem 0 0;}

.mb .form-area2 {margin:2.0rem 0;}
.mb .form-area2 > dl:nth-of-type(1) {margin:-0.9rem 0 0;}
.mb .form-area2 > dl > dt {padding:0.9rem 0;font-size:1.6rem;}
.mb .form-area2 > dl + dl {margin:1.0rem 0 0;}
.mb .form-area2 > dl > dd > .text:only-child, .mb .form-area2 > dl > dd > .selectbox:only-child {width:100%;}
.mb .form-area2 > dl > dd.detail {margin:0.8rem 0 0;}
.mb .form-area2 > dl > dd.detail .tab-sub3:before {display:none;}
.mb .form-area2 > dl .area-btn1 {margin:0 -0.1rem;}
.mb .form-area2 > dl ~ .area-btn1 {margin:2.4rem 0 0;}
.mb .form-area2 .area-btn1 .btn-com {line-height:4.8rem;border-radius:2.4rem;}
.mb .box-t3 .form-area2 {margin:0;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 파일목록
---------------------------------------------------------------------------------*/
/* 파일목록1 */
.info-file dt {margin:0 0 0.5rem;font-family:'OneShinhanM';line-height:1.7;}
.info-file > dd, .info-file > li {margin:0.8rem 0 0;border:0.1rem solid #ebecee;font-size:1.3rem;line-height:3.8rem;}
.info-file > dd:before, .info-file > li:before {content:'';display:block;position:absolute;left:1.6rem;top:50%;width:2.0rem;height:2.0rem;background:url(../img/com/icon_set1.png) no-repeat -6.0rem -8.0rem;background-size:40.0rem;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.info-file > dd a, .info-file > li a {display:block;left:-4.0rem;width:calc(100% + 6.0rem);color:#525252;}
.info-file > dd, .info-file > dd a, .info-file > li, .info-file > li a {position:relative;padding:0 2.0rem 0 4.2rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.info-file.img {min-height:23.2rem;}
.info-file.img dd:before, .info-file.img li:before {background-position:-4.0rem -8.0rem;}
.info-file.img li.no-data {padding:0 2.0rem;text-align:center;line-height:23.2rem;background:#f7f9fa;overflow:auto;}
.info-file.img li.no-data:before {display:none;}

.pc .info-file > dd:before, .pc .info-file > li:before {background-size:120.0rem;background-position-y:-18.0rem;}

.mb .info-file {font-size:1.2rem;}
.mb .info-file dt {line-height:2.3;}

.mb .info-file.img {min-height:13.6rem;}
.mb .info-file.img li.no-data {line-height:13.6rem;}

/* 파일목록2 */
.info-file2 > li, .info-file2 > li a {position:relative;padding:0.4rem 0 0.4rem 2.4rem;font-size:1.4rem;line-height:1.8rem;word-break:break-all;}
.info-file2 > li:before {content:'';display:block;position:absolute;left:0;top:0.3rem;width:2.0rem;height:2.0rem;background:url(../img/com/icon_set1.png) no-repeat -12.0rem -8.0rem;background-size:40.0rem;}
.info-file2 > li a {display:inline-block;margin:-0.4rem 0 -0.4rem -2.4rem;vertical-align:top;}

.pc .info-file2 > li:before {background-size:120.0rem;background-position-y:-18.0rem;}
.mb .info-file2 > li, .mb .info-file2 > li a {font-size:1.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 이미지형
---------------------------------------------------------------------------------*/
.info-img1 {position:relative;overflow:hidden;width:37.2rem;height:0;padding:64.6% 0 0;}
.info-img1:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/content/img_idcard.png) no-repeat 0 0;background-size:100% 100%;}
.pop-modal3 .info-img1 {margin-top:0.8rem;}
.mb .info-img1 {width:100%;max-width:42.0rem;}

.info-img1.t2:after {background-image:url(../img/content/img_idcard2.png);}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 정보형 특수유형
---------------------------------------------------------------------------------*/
/* 본인동의 */
.info-sign {margin:1.5rem 0;text-align:center;}
.info-sign > p em {display:block;color:#757575;}
.info-sign > p:last-child {margin:1.0rem 0 0;}
.pc .info-sign > p:last-child {text-align:right;}

/* 데이터 : 단어형(구분자1) */
.info-word1 {display:inline-block;}
.info-word1 > span {display:inline-block;margin:0 -0.4rem 0 0;}
.info-word1 > span + span:before {content:', ';}
.info-word1 + .btn-sub1 {margin:0 0 0 1.0rem;}

/* 데이터 : 단어형(구분자2,) */
.info-word2 {display:inline-block;margin:0 0 0 -0.4rem;}
.info-word2 span {position:relative;display:block;float:left;margin:0 0 0 0.4rem;}
.info-word2 span + span {padding:0 0 0 0.8rem;}
.info-word2 span + span:before {position:absolute;left:0;top:0;content: '/ ';}
dl.info-word2 dt {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;padding:0;}

/*--------------------------------------------------------------------------------
	# guide content : 정보형 데이터1
---------------------------------------------------------------------------------*/
/* 기본 */
.info-data1 {display:block;width:100%;margin:1.6rem 0;}
.info-data1:after {content:'';display:block;clear:both;}
.info-data1 dt, .info-data1 dd {padding:0 2.4rem;font-size:1.6rem;line-height:5.6rem;}
.info-data1 dt {clear:both;float:left;}
.info-data1 dd {color:#0082d0;text-align:right;background:#edf6fc;}
.info-data1 dd ~ dt, .info-data1 dd ~ dd {margin:1.0rem 0 0;}
.info-data1 dd strong {display:inline-block;margin:0 0.4rem 0 0;font-size:2.4rem;vertical-align:bottom;}
.info-data1 .input-wrap1 {display:inline-block;width:auto;margin:0 2.0rem 0 0;}
.info-data1 .input-wrap1:after {content:'';display:block;position:absolute;right:-1.2rem;top:50%;width:0.1rem;height:1.0rem;background:#757575;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.info-data1 .input-wrap1 .text {width:10.0rem !important;height:4.0rem;}
.tbl-form td .info-data1 {margin-bottom:0;}

.mb .info-data1 dt {font-family:'OneShinhanM';}
.mb .info-data1 dt, .mb .info-data1 dd {padding:0 1.6rem;line-height:4.8rem;}
.mb .info-data1 dd strong {font-size:2.0rem;}

.pc .info-data1 dd ~ dt, .pc .info-data1 dd ~ dd {margin:1.6rem 0 0;}
.pc .info-data1.t1 {background:#edf6fc;text-align:center;display:table;}
.pc .info-data1.t1 dt, .pc .info-data1.t1 dd {float:none;display:table-cell;vertical-align:top;margin:0;padding:0 1.0rem;}
.pc .info-data1.t1 dt {text-align:right;}
.pc .info-data1.t1 dd {text-align:left;}
.pc .wrap-area1 .info-data1 {margin:4.0rem 0;}
.pc .wrap-area1 .info-data1 > dt, .pc .wrap-area1 .info-data1 > dd {padding:1.2rem 2.4rem;}
.pc .wrap-area1 .area-info2 + .info-data1 {margin-top:-0.1rem;}

/*--------------------------------------------------------------------------------
	# guide content : 정보형 데이터2
---------------------------------------------------------------------------------*/
/* 기본 */
.info-data2 {display:block;margin:4.0rem 0 0;padding:2.1rem 1.4rem;background:#edf6fc;font-family:'OneShinhanM';color:#212121;text-align:center;}
.info-data2 dt, .info-data2 dd {display:inline-block;}
.info-data2 dt:after {content:' :';}
.info-data2 dd {color:#0082d0;}

/*--------------------------------------------------------------------------------
	# guide content : 정보형 컨텐츠1
---------------------------------------------------------------------------------*/
/* 기본 */
.info-con1 {margin:1.0rem 0;counter-reset:num;}
.info-con1 > li {display:block;position:relative;width:100%;padding:1.5rem;border:0.1rem solid #d7d9dd;color:#525252;}
.info-con1 > li:before, .info-con1 > li:after {content:'';display:block;}
.info-con1 > li:before {content:'0'counter(num);counter-increment:num 1;width:6.0rem;color:#0082d0;text-align:center;}
.info-con1 > li:before, .info-con1 > li > div {display:inline-block;vertical-align:middle;}
.info-con1 > li:after {position:absolute;right:50%;top:100%;width:0.8rem;height:0.8rem;margin:-0.4rem 0.2rem 0 0;border-left:0.1rem solid #d7d9dd;border-bottom:0.1rem solid #d7d9dd;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.info-con1 > li > div {position:relative;padding:0 0 0 1.6rem;max-width:calc(100% - 7.0rem);}
.info-con1 > li > div:before {content:'';display:block;position:absolute;left:0;top:50%;width:0.1rem;height:1.2rem;margin:-0.6rem 0 0;background:#d8d9dd;}
.info-con1 > li > div .tit {display:block;margin:0 0 0.5rem;font-weight:normal;font-size:1.8rem;line-height:2.6rem;color:#212121;}
.info-con1 > li > div em {color:#0082d0;}
.info-con1 > li + li {margin:1.2rem 0 0;}
.info-con1 > li:last-child:after {display:none;}
.info-con1 > li:nth-child(9) ~ li:before {content:counter(num);}

/* 툴팁형 */
.info-con1 > li .btn-icon2 {background-color:#c2c7cf;}
.info-con1 > li.active .pop-modal3 {position:absolute;right:0;margin:0;display:block;}

.pc .info-con1 > li .btn-icon2 {position:absolute;right:0;top:-2.5rem;background-color:#c2c7cf;}
.pc .info-con1 > li.active .pop-modal3 {left:auto;top:0;}
.mb .info-con1 > li.active .pop-modal3 {left:0;top:100% !important;width:calc(100vw - 4.8rem);margin:1.5rem 0 0 -3.7rem;-ms-transform:translate(0,0);-webkit-transform:translate(0, 0);transform:translate(0, 0);}

/* 모바일변형 */
.mb .info-con1 > li {padding:1.2rem;}
.mb .info-con1 > li:before {width:2.0rem;text-align:right;}
.mb .info-con1 > li:before, .mb .info-con1 > li > div {vertical-align:top;}
.mb .info-con1 > li > div {padding:0 0 0 1.0rem;max-width:calc(100% - 5.5rem);}
.mb .info-con1 > li > div:before {display:none;}
.mb .info-con1 > li > div .tit {font-size:1.6rem;line-height:2.0rem;}
.mb .info-con1.t1 > li:before {width:5.0rem;}
.mb .info-con1.t1 > li:before, .mb .info-con1.t1 > li > div {vertical-align:top;}
.mb .wrap-area1.mbox + .info-con1 {margin:4.0rem 0 0;}

/* PC  */
.pc .info-con1 > li:before {font-size:2.4rem;line-height:3.0rem;}
.pc .info-con1 > li > div {max-width:calc(100% - 7.0rem);}

/* PC : 단수변경 */
.pc .info-con1[class*=" col"] {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;}
.pc .info-con1[class*=" col"] > li {float:left;margin:0 1.6rem 0 0;min-height:12.0rem;}
.pc .info-con1[class*=" col"] > li:after {top:50%;right:-1.0rem;width:1.2rem;height:1.2rem;margin:-0.6rem 0.3rem 0 0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.pc .info-con1[class*=" col"]:not(.col3) > li {display:block;padding:2.0rem 2.0rem 2.4rem;}
.pc .info-con1[class*=" col"]:not(.col3) > li:before, .pc .info-con1[class*=" col"]:not(.col3) > li > div {display:block;width:100%;max-width:100%;text-align:left;padding:0;}
.pc .info-con1[class*=" col"]:not(.col3) > li:before {font-family:'OneShinhanM';font-size:1.4rem;line-height:30px;}
.pc .info-con1[class*=" col"]:not(.col3):not(.t1) > li > div:before {display:none;}
.pc .info-con1.col3 > li:before {line-height:88px;}

.pc .info-con1.col3 > li {width:calc(33.33% - 1.6rem);}
.pc .info-con1.col4 > li {width:calc(25% - 1.6rem);}
.pc .info-con1.col5 > li {width:calc(20% - 1.6rem);}
.pc .info-con1.col6 > li {width:calc(16.6% - 1.6rem);}
.pc .info-con1.col7 > li {width:calc(14.2% - 1.6rem);}

.pc .info-con1.col3 > li:nth-child(3) ~ li, 
.pc .info-con1.col4 > li:nth-child(4) ~ li,
.pc .info-con1.col5 > li:nth-child(5) ~ li,
.pc .info-con1.col6 > li:nth-child(6) ~ li,
.pc .info-con1.col7 > li:nth-child(7) ~ li {margin-top:1.6rem;}

.pc .info-con1.col3 > li {color:#212121}

/* 유형1 */
.info-con1.t1 > li:before {content:'STEP 'counter(num);}

.pc .info-con1.t1 > li > div:before {display:none;}
.pc .info-con1.t1 > li .btn-icon2 {top:-3.7rem;}
.pc .info-con1.t1 > li:before {margin:0 0 1.2rem;}
.pc .info-con1.t1:not([class*=" col"]) > li:before {width:7.0rem;}
.pc .info-con1.t1:not([class*=" col"]) > li:before, .pc .info-con1.t1:not([class*=" col"]) > li > div {vertical-align:top;}
.pc .info-con1.t1:not([class*=" col"]) > li > div:before {top:0.5rem;margin:0;}

/* 유형2 */
.info-con1.t2 > li {}
.info-con1.t2 > li:before {margin:0 !important;}
.info-con1.t2 > li > div:before {display:none;}
.info-con1.t2 > li, .info-con1.t2 > li:after {background:#ebf5fb;border-color:#d9ebf7;}

.pc .info-con1.t2 > li {font-size:1.6rem;line-height:2.2rem;padding:1.6rem 2.0rem 2.4rem !important;}


/*--------------------------------------------------------------------------------
	# guide content : 정보형 컨텐츠2
---------------------------------------------------------------------------------*/
/* 기본 */
.info-con2 {position:relative;margin:1.6rem 0;padding:2.0rem 2.0rem;border:0.1rem solid #d7d9dd;}
.info-con2 dt {margin:0 0 1.6rem;padding:0 0 1.3rem;font-size:1.6rem;line-height:2.2rem;font-weight:normal;border-bottom:0.1rem solid #b0b3bc;}
.info-con2 dd p {margin:1.5rem 0 0;}
.info-con2 .sub {position:absolute;right:2.0rem;top:2.0rem;}
.info-con2 dd.sub {top:2.3rem;font-size:1.2rem;color:#757575;}

/* 데이터리스트 */
.info-con2.data1 dl {position:relative;background:#f5f7fa;}
.info-con2.data1 dt, .info-con2.data1 dd > span:first-child {font-family:'OneShinhanM';color:#525252;}
.info-con2.data1 dt {margin:0 0 1.0rem;padding:0 11.0rem 0 0;border:0;}
.info-con2.data1 dd {padding:0 0 0 4.8rem;color:#757575;}
.info-con2.data1 dd + dd {margin:0.4rem 0 0;}
.info-con2.data1 dd > span:first-child {display:inline-block;float:left;margin:0 0 0 -4.8rem;width:4.8rem;}
.info-con2.data1 .nodata {color:#757575;width:calc(100% - 11.0rem);line-height:1.5;background:none;border:0;text-align:left;}
.info-con2.data1 .nodata:before {content:'';display:inline-block;width:5.0rem;height:5.0rem;margin:0 2.6rem 0 0;vertical-align:middle;background:url(../img/com/icon_set1.png) no-repeat -36.0rem -36.0rem;}
.info-con2.data1 .nodata strong {font-weight:normal;color:#0082d0;}

.pc .form-area1 .info-con2 {padding:2.5rem 3.9rem;}
.pc .form-area1 .info-con2 .sub {right:3.9rem;top:2.5rem;}
.pc .form-area1 .info-con2.t1:first-child {margin-top:3.5rem;}

.pc .info-con2.data1 dl {background:#fff;}
.pc .info-con2.data1 dt {padding:0.5rem 16.0rem 0.5rem 0;}
.pc .info-con2.data1 .nodata {padding:0.8rem 0;}
.pc .info-con2.data1 .nodata ~ .sub {top:50% !important;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc .form-area1 .info-con2.data1:before {left:3.9rem;right:18.0rem;top:3.5rem;bottom:3.5rem;background:#f5f7fa;}

.mb .info-con2.data1 {background:#f5f7fa;}
.mb .info-con2.data1 .nodata:before {display:block;margin:0 0 1.0rem;} /* 180625 수정 */
.mb .form-area1 .info-con2.t1:first-child {margin-top:0;}

/* 유형1 : 배경색상 + 라인변경 */
.info-con2.t1 {background:#ebf5fb;border:0;}
.info-con2.t1 > dt {border-bottom:0.1rem dashed #d7d9dd;color:#112369;}

/* 유형2 : 배경색상 + 가로형 */
.info-con2.t2 {background:#ebf5fb;border:0;}
.info-con2.t2 > dt {color:#112369;}
.pc .info-con2.t2 {padding:2.8rem 4.0rem 2.8rem 21.5rem;}
.pc .info-con2.t2 > dt {position:absolute;top:50%;left:0;width:17.0rem;margin:0;padding:0 4.0rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:0;}
.pc .info-con2.t2:before {content:'';display:block;position:absolute;left:18.0rem;top:3.0rem;bottom:3.0rem;width:0.1rem;background:#d7d9dd;}

/* 유형3 : 배경색상 + 라인변경 */
.info-con2.t3 {text-align:center;}
.info-con2.t3 dt {font-family:'OneShinhanM';color:#0082d0;border:0;padding:0;margin:0 0 1.0rem;}
.pop-modal1 .area-map ~ .info-con2.t3 {text-align:left;margin:0 -4.1rem -4.0rem;border-bottom:0;}

.mb .pop-modal1 .area-map ~ .info-con2.t3 {margin:0 -2.5rem -2.4rem;}

/*--------------------------------------------------------------------------------
	# guide content : 정보형 컨텐츠3
---------------------------------------------------------------------------------*/
/* 기본 */
.info-con3 {position:relative;min-height:1.4em;margin:3.6rem 0 1.6rem;padding:1.7rem 2.0rem;text-align:center;background:#f7f9fa;}
.info-con3 > dt, .info-con3 > dd {display:inline-block;line-height:4.2rem;vertical-align:top;}
.info-con3 > dt {font-family:'OneShinhanM';font-size:1.8rem;color:#212121;text-align:center;}

.pc .info-con3 {padding:3.1rem 2.0rem 3.0rem;}

.mb .info-con3 {margin:2.6rem 0 1.0rem;}
.mb .info-con3 > dt, .mb .info-con3 > dd {display:block;}
.mb .info-con3 > dt {width:auto;}

/* 컨텐츠변형 */
.mb .info-con3 .step-info2 > li {position:relative;width:30%;}
.mb .info-con3 .step-info2 > li + li {margin-left:5%;}
.mb .info-con3 .step-info2 > li:before, .mb .info-con3 .step-info2 > li:after {left:-0.7rem;height:1.8rem;}
.mb .info-con3 .step-info2 > li:before {top:0.4rem;}
.mb .info-con3 .step-info2 > li span {padding-top:3.4rem;width:auto;height:auto;font-size:1.3rem;line-height:1.6;}
.mb .info-con3 .step-info2 > li span:before {top:0;left:50%;width:2.4rem;height:2.4rem;font-size:1.3rem;line-height:2.4rem;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}

/*--------------------------------------------------------------------------------
	# guide content : 정보형 컨텐츠6
---------------------------------------------------------------------------------*/
.info-con4 {margin:1.0rem 0;}
.info-con4 > li {position:relative;background:#ebf5fb;padding:0 1.5rem 2.0rem;}
.info-con4 > li .tit {display:block;margin:0 -1.5rem 2.0rem -1.5rem;padding:1.5rem;background:#fff;font-family:'OneShinhanM';font-size:1.6rem;line-height:2.0rem;color:#0082d0;font-weight:normal;}
.info-con4 > li .tit:before, .info-con4 > li .tit:after {content:'';position:absolute;left:0;top:50%;display:block;}
.info-con4 > li:first-child .tit:before, .info-con4 > li:first-child .tit:after {display:none;}

.pc .info-con4 {display:table;width:100%;border-spacing:0.1rem;}
.pc .info-con4 > li {display:table-cell;width:20%;padding:0.1rem 2.4rem 2.0rem;}
.pc .info-con4 > li .tit {position:relative;text-align:center;margin:0 -2.4rem 2.0rem -2.4rem;padding:2.8rem 1.5rem;}
.pc .info-con4 > li:first-child .tit {margin-left:-2.3rem;}
.pc .info-con4 > li:last-child .tit {margin-right:-2.3rem;}
.pc .info-con4 > li .tit:before, .pc .info-con4 > li .tit:after {width:0.1rem;height:2.5rem;margin:-1.2rem 0 0 0.5rem;background:#dcdde1;}
.pc .info-con4 > li .tit:before {-webkit-transform:rotate(-35deg) translateY(-50%);transform:rotate(-35deg) translateY(-50%);}
.pc .info-con4 > li .tit:after {-webkit-transform:rotate(35deg) translateY(50%);transform:rotate(35deg) translateY(50%);}

.mb .info-con4 > li {border:0.1rem solid #ebf5fb;}
.mb .info-con4 > li + li {margin:1.2rem 0 0;}
.mb .info-con4 > li .tit:after {left:50%;top:-1.2rem;width:0.8rem;height:0.8rem;margin:-0.4rem 0.2rem 0 0;background:#ebf5fb;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/*--------------------------------------------------------------------------------
	# guide content : 정보영역1
---------------------------------------------------------------------------------*/
.area-info1 {position:relative;}
.area-info1 .heading {color:#212121;}
.area-info1 .heading > :first-child {font-size:3.2rem;line-height:3.6rem;}
.area-info1 .heading .btn {position:absolute;right:0;top:0;}

.area-info1 .con {padding:1.5rem 0;}
.area-info1 .con .img {position:absolute;right:0;top:2.0rem;width:30.0rem;height:18.0rem;}
.area-info1 .con .img:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block;background:url(../img/com/icon_set1.png) no-repeat -15.0rem -27.0rem;background-size:60.0rem;}
.area-info1 .con .img img {position:relative;display:block;width:100%;height:100%;margin:auto;background:#fff;}
.area-info1 .bottom {position:absolute;background:#edf6fc;}
.area-info1 .bottom .info-data1 dt, .area-info1 .bottom .info-data1 dd {line-height:4.0rem;}
.area-info1 .bottom .info-data1 dt {color:#212121;}
.area-info1 .bottom .info-data1 dd strong {height:4.0rem;overflow:hidden;}
.area-info1 .bottom .info-data1 dd strong span {display:block;margin:0;}
.area-info1 .bottom .info-data1 dd strong.motion span:nth-child(1) {margin:-4.0rem 0 0;-webkit-transition:margin 0.4s ease;transition:margin 0.4s ease;}
.area-info1 .bottom .btn {margin:0;}
.area-info1 .total-comment {padding:0 4.0rem;color:#212121;font-size:1.5rem;}
.area-info1 .total-comment .price {color:#0082d0;}

.pc .area-info1 .bottom .btn .btn-action {min-width:16.0rem;padding:0 3.0rem;font-size:1.6rem;line-height:4.0rem;}

.pc .area-info1 {padding-bottom:0;}
.pc .area-info1.p0 {padding-bottom:0;}
.pc .area-info1 .heading {position:relative;padding:3.0rem 0;border-bottom:0.1rem solid #9599a6;}
.pc .area-info1 .heading .btn {top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc .area-info1 .con {position:relative;min-height:20.0rem;padding:3.0rem 30.0rem 3.0rem 4.0rem;}
.pc .area-info1 .con .img {top:2.0rem;width:30.0rem;height:18.0rem;}

.pc .area-info1 .bottom {position:relative;border-spacing:2.0rem 0;padding:2.0rem 21.0rem 2.0rem 0;white-space:nowrap;}
.pc .area-info1 .bottom .info-data1 {display:inline-block;text-align:left;margin:0;width:auto;white-space:nowrap;vertical-align:top;}
.pc .area-info1 .bottom .info-data1 dt {padding:0 2.0rem 0 4.0rem;}
.pc .area-info1 .bottom .info-data1 dd {float:left;text-align:left;padding:0;}
.pc .area-info1 .bottom .info-data1:nth-of-type(1):nth-last-of-type(2), .pc .area-info1 .bottom .info-data1:nth-of-type(2):nth-last-of-type(1) {width:43%;}
.pc .area-info1 .bottom .btn {position:absolute;right:2.4rem;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc .area-info1 + .form-area1 {position:relative;margin:6.0rem 0 0;}
.pc .area-info1.p0 + .tit-sub1 {margin-top:0;}

.pc .area-info1 .total-comment .price .discount {font-size:1.8rem;}
.pc .area-info1 .total-comment .total-price {margin-top:1.0rem;border-top:0.1rem dashed #0082d0}
.pc .area-info1 .total-comment .total-price .price .discount {font-size:2.0rem;}

.mb .area-info1 {padding:17.0rem 0 0;}
.mb .area-info1.p0 {padding:17.0rem 0 0;}
.mb .area-info1 .heading {text-align:center;}
.mb .area-info1 .heading > :first-child {font-size:2.4rem;line-height:2.8rem;}
.mb .area-info1 .con .img {top:4.0rem;left:0;right:0;width:20.0rem;height:12.0rem;margin:auto;}
.mb .area-info1 .con .img:before {background-size:40.0rem;background-position:-10.0rem -18.0rem;}
.mb .area-info1 .con .img img {margin:auto;}
.mb .area-info1 .con .tab-sub4 > li {text-align:center;}
.mb .area-info1 .bottom {position:relative;top:auto;bottom:0;margin:1.5rem -2.4rem -2.5rem;padding:1.0rem 2.4rem 1.8rem;width:calc(100% + 4.8rem);}
.mb .area-info1 .bottom .info-data1 {overflow:hidden;margin:0;}
.mb .area-info1 .bottom .info-data1 ~ .info-data1 {margin:-4.0rem 0 0;}
.mb .area-info1 .bottom .info-data1 dt {clear:none;}
.mb .area-info1 .bottom .btn {width:100%;margin:0.4rem 0 0;}
.mb .wrap-area1 + .area-info1 {margin:1.0rem 0 0;}
.mb .area-info1 + .form-area1 {padding-top:2.0rem;border-top:0.1rem solid #d7d9dd;}

.mb .area-info1 .bottom:not([data-motion-section="true"]) .info-data1 {opacity:0;}
.mb .area-info1 .bottom:not([data-motion-section="true"]) .info-data1:nth-last-child(2) {opacity:1;}
.mb .area-info1 .bottom[data-motion-section="true"] .info-data1 {-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.mb .area-info1 .bottom[data-motion-section="true"] .info-data1 ~ .info-data1 {opacity:0;}

html:not(.keypadup) #wrapper.scrolling .area-info1 .bottom[data-layout-fixed="true"] {position:fixed;left:0;right:0;top:11.0rem;bottom:auto;margin:0 auto !important;z-index:101;border-bottom:0.8rem solid #ebecee;}
html:not(.keypadup).mb #wrapper.scrolling .area-info1 .bottom[data-layout-fixed="true"] {top:6.5rem;width:100%;}

.mb #wrapper.scrolling.motion2 .area-info1 .bottom[data-motion-section="true"] .info-data1:nth-of-type(1) {margin:-4.0rem 0 0;opacity:0;}
.mb #wrapper.scrolling.motion2 .area-info1 .bottom[data-motion-section="true"] .info-data1:nth-of-type(2) {margin:0;opacity:1;}

.mb .area-info1 .total-comment {margin:0 -1.5rem;padding:0.5rem 0;text-align:center;font-size:1.1rem;}

.pc #wrapper .area-info1 .bottom {top:auto;bottom:0;width:100%;-webkit-transition:all 0 ease;transition:all 0 ease;}
.pc #container > #content > .section .hide:first-child +.area-info1, .pc #container > #content > .section .area-info1:first-child {margin:-3.0rem 0 0;}
.pc #wrapper.scrolling .area-info1 .bottom {top:11.0rem;bottom:auto;left:50%;width:108.0rem;margin:0 -54.0rem;/*-webkit-transition:top 0.5s ease;transition:top 0.5s ease;*/border-bottom:0.2rem solid #e5e5e5;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 정보영역2
---------------------------------------------------------------------------------*/
.area-info2 {position:relative;overflow:hidden;min-height:15.0rem;}
.area-info2 .data-img1 {position:relative;margin:auto auto 1.0rem;text-align:center;}
.area-info2 .data-img1:before, .area-info2 .data-img1 img {display:block;width:20.0rem;height:12.0rem;margin:0 auto;}
.area-info2 .data-img1:before {content:'';background:url(../img/com/icon_set1.png) no-repeat -10.0rem -18.0rem;background-size:40.0rem;}
.area-info2 .data-img1 img {position:absolute;left:50%;top:0;background:#fff;margin:0 0 0 -10.0rem;}
.area-info2 .data-img1 .txt-date1 {display:block;margin:0;}
.wrap-area1 .area-info2 + .mes-t2 {margin:3.6rem 0 0;}

.area-info2.img .data-img1, .area-info2.img .txt-date1 {position:absolute;}

.pc .area-info2 {padding:3.0rem 2.0rem;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.pc .area-info2.img .data-img1, .pc .area-info2.img .txt-date1 {right:3.0rem;}
.pc .area-info2.img .data-img1 {top:3.6rem;margin:0 auto;}
.pc .area-info2.img .txt-date1 {bottom:3.0rem;}
.pc .area-info2.img table {width:calc(100% - 23.0rem);}

.area-info2 + .info-data1 {position:relative;margin-top:-0.1rem;}

.mb .area-info2 table {padding:1.0rem;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.mb .area-info2.img {padding-top:16.0rem;}
.mb .area-info2.img .data-img1, .mb .area-info2.img .txt-date1 {left:0;right:0;top:0;margin:0 auto;}
.mb .area-info2.img .txt-date1 {top:12.0rem;}
.mb .mes-result1 + .area-info2.img {margin-top:-2.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 기타정보형 : 유형1
---------------------------------------------------------------------------------*/
.list-info1 > li {position:relative;display:inline-block;padding:0.2rem 1.0rem 0.2rem 1.8rem;margin:0 1.0rem 0 -1.0rem;line-height:2.2rem;word-break:break-all;}
.list-info1 > li > span:first-child {display:inline-block;position:relative;padding:0 0.4rem 0 0;font-family:'OneShinhanM';color:#212121;}
.list-info1 > li > span:first-child:before {content:'';position:absolute;top:0.7em;left:-0.8rem;display:block;width:0.2rem;height:0.2rem;border-radius:50%;background:#212121;}
.list-info1 > li > span:first-child:after {content:' : ';}
.list-info1 > li.d1 {display:block;float:none;clear:both;width:100% !important;}

div[class*="list-data"] .list-info1 > li {margin:0 0 0 -1.0rem;}
.pc div[class*="list-data"] .list-info1 > li {width:calc(33% - 0.2rem);}
.pc div[class*="list-data"] .list-info1 > li.d2 {width:calc(66% - 0.2rem);}
.pc div[class*="list-data"] .list-info1.col4 > li {width:calc(25% - 0.2rem);}

.mb .list-info1 > li > span:first-child:before {top:1.0rem;}

.mb div[class*="list-data"] .list-info1 {overflow:hidden;}
.mb div[class*="list-data"] .list-info1 > li {float:left;min-width:calc(50% + 1.0rem);}
.mb .list-data4 .list-info1 > li {display:block;font-size:1.2rem;}
.mb .list-data4 .list-info1 > li.min {display:inline-block;width:calc(50% - 0.2rem);}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 목록형 데이터1
---------------------------------------------------------------------------------*/
.list-data1 {margin:1.0rem 0;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.list-data1 > ul > li {position:relative;padding:1.3rem 0;}
.list-data1 > ul > li.nodata {text-align:center;line-height:2.6rem;}
.list-data1 > ul > li + li {border-top:0.1rem solid #d7d9dd;}
.list-data1 > ul > li .tit {display:inline-block;line-height:2.0rem;font-weight:normal;color:#212121;vertical-align:top;}
.list-data1 > ul > li > em:first-child:before {content:'[';}
.list-data1 > ul > li > em:first-child:after {content:']';}
.list-data1 > ul > li > em:first-child.c1 {color:#0082d0;}
.list-data1 > ul > li > em:first-child.c2 {color:#757575;}
.list-data1 > ul > li > .info {margin:1.0rem 0 0;}
.list-data1 > ul > li > .info:after {content:'';display:block;width:100%;clear:both;}
.list-data1 > ul > li > .info > li, .list-data1 > ul > li > .info > dd {position:relative;float:left;display:inline-block;}
.list-data1 > ul > li > .info > li + li, .list-data1 > ul > li > .info > dd ~ dd {margin:0 0 0 3.6rem;}
.list-data1 > ul > li > ul.info > li + li:before {content:'';display:block;position:absolute;left:-1.8rem;top:50%;width:0.1rem;height:1.2rem;background:#d7d9dd;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-data1 > ul > li > dl.info dt {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;padding:0;}
.list-data1 > ul > li > dl.info dd {line-height:3.2rem;}
.list-data1 > ul > li > dl.info dd .btn-sub2 {min-width:9.0rem;}
.list-data1 > ul > li > dl.info dd:last-child {float:right;}
.list-data1 > ul > li > dl.info dd .txt-date1 {margin:0 0 0 1.0rem;font-size:1.2rem;line-height:2.4rem;}
.list-data1 > ul > li.active {z-index:1;}

.list-data1 .bottom {min-height:4.0rem;background:#f7f9fa;border-top:0.1rem solid #9599a6;text-align:center;}
.list-data1 .bottom .btn-sub1.ic4 {border-color:rgba(255,255,255,0);background-color:rgba(255,255,255,0);}

.pc .list-data1 > ul > li {position:relative;padding:2.0rem 1.6rem;}
.pc .list-data1 > ul > li .tit {font-size:1.8rem;line-height:2.5rem;max-width:60%;}
.pc .list-data1 > ul > li .icon-txt4 {vertical-align:middle;}
.pc .list-data1 > ul > li > em:first-child, .pc .list-data1 > ul > li > .btn-icon2:first-child {vertical-align:middle;}
.pc .list-data1 > ul > li > .info {position:absolute;right:2.5rem;top:50%;margin:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc .list-data1 > ul > li > dl.info {right:0;display:table;}
.pc .list-data1 > ul > li > dl.info dd {float:none;display:table-cell;padding:0 2.5rem;vertical-align:middle;}
.pc .list-data1 > ul > li > dl.info dd .txt-stat1 {min-width:12.0rem;text-align:center;}
.pc .list-data1 > ul > li > dl.info dd .txt-stat1:not(:only-child) {line-height:2.2rem;vertical-align:middle;}
.pc .list-data1 > ul > li > dl.info dd .txt-date1 {display:block;margin:0;text-align:center;}
.pc .list-data1 .bottom {padding:0.8rem 0;}

.mb .list-data1 > ul > li .txt-stat1 {font-size:1.3rem;}
.mb .list-data1 > ul > li > dl.info dd {line-height:2.4rem;}
.mb .list-data1 > ul > li > dl.info dd .btn-sub2 {min-width:7.6rem;}
.mb .tab-sub1 + .list-data1 {border-top:0;margin-top:-2.4rem;}
.mb .tab-sub1 + .list-data1 > ul > li.nodata {line-height:10.0rem;}

.list-data1.t1 > ul > li .tit + ul {overflow:hidden;}
.list-data1.t1 > ul > li .tit + ul > li span + span {margin:0 0 0 0.4rem;}
.list-data1.t1 > ul > li .tit + ul > li ~ li {position:relative;display:inline-block;padding:0 0 0 1.6rem;margin:0 3.2rem 0 -1.6rem;color:#757575;}
.list-data1.t1 > ul > li .tit + ul > li ~ li:before {content:'';position:absolute;left:-0.1rem;top:50%;width:0.1rem;height:1.0rem;background:#d7d9dd;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.pc .list-data1.t1 > ul > li .tit, .pc .list-data1.t1 > ul > li .tit + * {display:inline-block;vertical-align:middle;}
.pc .list-data1.t1 > ul > li .tit {width:17.0rem;}
.pc .list-data1.t1 > ul > li .tit + * {max-width:43%;}
.pc .list-data1.t1 > ul > li .tit + ul {margin:0 2.0rem;}
.pc .list-data1.t1 > ul > li > dl.info dd {text-align:center;padding:0 1.0rem;}
.pc .list-data1.t1 > ul > li > dl.info dd .btn-sub2 {min-width:11.4rem;}

.warning-balloon .txt-info1 {font-size:1.2rem;line-height:2.4rem;font-family: '돋움, Dotum';}
.pc .warning-balloon .txt-info1 {padding:0;color:#525252}
.pc .warning-balloon .txt-info1:before, .pc .warning-balloon .txt-info1:after {display:none;}

.mb .list-data1.t1 > ul > li .tit, .mb .list-data1.t1 > ul > li .tit + span {display:block;}
.mb .list-data1.t1 > ul > li .tit {font-size:1.6rem;line-height:2.4rem;}
.mb .list-data1.t1 > ul > li .tit + * {margin:0.2rem 0 0;font-size:1.2rem;line-height:2.0rem;}
.mb .list-data1.t1 > ul > li .tit + ul > li ~ li {padding:0 0 0 0.8rem;margin:0 1.6rem 0 -0.8rem;}
.mb .list-data1.t1 > ul > li > .info {text-align:right;}
.mb .list-data1.t1 > ul > li > .info > dd {float:left;vertical-align:top;}
.mb .list-data1.t1 > ul > li > .info > dd ~ dd {float:none;margin:0 0 0 0.3rem;}
.mb .list-data1.t1 .btn-sub2 + .txt-date1 {display:block;margin:0;}
.mb .list-data1.t1 > ul > li > dl.info dd .btn-sub2 {min-width:0;vertical-align:top;}

@media only screen and (max-width:375px){
	.mb .list-data1.t1 > ul > li > .info > dd {min-width:65%;text-align:left;}
	.mb .list-data1.t1 > ul > li > .info > dd ~ dd {min-width:0;text-align:right;}
}

.mb .warning-balloon {margin-top:1.0rem;padding:0 0.5rem;color:#fff;border-radius:0.3rem;background:#b0b3bc;}
.mb .warning-balloon:before {position:absolute;top:50%;right:4.5rem;content:'';display:block;width:1.0rem;height:1.0rem;margin-top:0;border-left:0.5rem solid #b0b3bc;border-bottom:0.5rem solid #b0b3bc;box-sizing:border-box;transform:rotate(-225deg)}
.mb .warning-balloon .txt-info1 {padding:0 0 0 1.8rem;margin:0 !important;color:#fff;} 
.mb .warning-balloon .txt-info1:before {top:50%;width:1.4rem;height:1.4rem;margin-top:-0.7rem;border-color:#fff}
.mb .warning-balloon .txt-info1:after {top:50%;width:0.2rem;height:0.2rem;margin:-0.4rem 0 0 0.7rem;border-top:0.7rem solid #fff;border-bottom:0.2rem solid #fff;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 목록형 데이터2
---------------------------------------------------------------------------------*/
.list-data2 {margin:1.0rem 0;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.list-data2 > ul > li, .list-data2 > ul > li > a:only-child, .list-data2 .mCSB_container > ul > li, .list-data2 .mCSB_container > ul > li > a:only-child {overflow:hidden;position:relative;display:block;padding:1.0rem 0 1.0rem 1.5rem;}
.list-data2 > ul > li + li, .list-data2[data-boxscroll="true"] .mCSB_container > ul > li + li {border-top:0.1rem solid #d7d9dd;}
.list-data2 ul > li.nodata {text-align:center;line-height:4.4rem;padding-left:0;}
.list-data2 ul > li > a {margin:-1.0rem 0 -1.0rem -1.5rem;}
.list-data2 ul > li > a:hover {color:#0082d0;background:#f5f7fa;}
.list-data2 ul > li > a span:not(.data) {position:relative;display:inline-block;padding:0 3.0rem 0 0;margin:0 0 0 -3.0rem:}
.list-data2 ul > li > a span:not(.data):before {content:'';display:block;position:absolute;left:-1.6rem;top:50%;width:0.1rem;height:0.8rem;background:#b0b3bc;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-data2 ul > li > a span.data {display:block;}
.list-data2 ul > li strong.tit {display:block;font-size:1.6rem;font-weight:normal;}
.list-data2[data-boxscroll="true"] {max-height:19.5rem;}
.list-data2[data-boxscroll="true"] + .area-btn1.t1 {margin:-1.1rem 0 1.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 목록형 데이터3
---------------------------------------------------------------------------------*/
/* 공통 */
.list-data3 {position:relative;margin:2.0rem 0;padding:0.1rem 0;}
.list-data3:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.list-data3 ul > li {position:relative;}
.list-data3 ul > li + li {border-top:0.1rem solid #d7d9dd;}
.list-data3 ul > li.nodata {margin:-0.1rem 0;line-height:30.0rem;background:#f7f9fa;border:0;text-align:center;}
.list-data3 ul > li > div, .list-data3 ul > li > a {display:block;position:relative;padding:2.0rem 1.6rem;}
.list-data3 ul > li > div + .btn-sub2 {position:absolute;top:50%;right:2.0rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-data3 ul > li > div:first-child:not(:only-child) strong {max-width:calc(100% - 10.0rem);vertical-align:top;}
.list-data3 ul > li strong {display:block;font-family:'OneShinhanM';line-height:2.0rem;color:#212121;font-weight:normal;vertical-align:top;}
.list-data3 ul > li strong span {font-family:'OneShinhanL';font-weight:normal;}
.list-data3 ul > li strong:not(:last-child) {margin:0 0 1.0rem;}
.list-data3 ul > li .label-box3 {vertical-align:top;margin:0 0.6rem 0 0;}
.list-data3 ul > li .label-box3 ~ strong {display:inline-block;}
.list-data3 ul > li ul {overflow:hidden;}
.list-data3 ul > li ul > li {display:inline-block;position:relative;margin:0 2.0rem 0 0;padding:0 2.0rem 0 0;border:0;}
.list-data3 ul > li ul > li:last-child {margin:0;}
.list-data3 ul > li ul > li:before {content:'';display:block;position:absolute;left:-2.2rem;top:50%;width:0.1rem;height:0.8rem;background:#b0b3bc;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-data3 li > a:first-child:only-child > strong {margin:0 !important;}
.list-data3 .area-btn1.t1 {margin-bottom:-0.1rem;border-top:0.1rem solid #d7d9dd;}

.list-data3 .area-btn1.t1:not(:last-child) {display:none;}
.list-data3 ul ~ ul {border-top:0.1rem solid #d7d9dd;}

.pc .list-data3 ul > li strong {font-size:1.6rem;}

.mb .list-data3 ul > li.nodata {line-height:14.0rem;}
.mb .list-data3 ul > li > div, .mb .list-data3 ul > li > a {padding:1.6rem;}
.mb .list-data3 ul > li > a {padding:1.6rem 0;}
.mb .list-data3 ul > li > div + .btn-sub2 {top:1.4rem;-webkit-transform:translateY(0);transform:translateY(0);}
.mb .list-data3 ul > li > div:first-child:not(:only-child) strong {max-width:calc(100% - 6.0rem);}
.mb .list-data3 ul > li > div:first-child:not(:only-child) .label-box3 ~ strong {display:block;max-width:100%;margin:0.5rem 0;padding:0;}
.mb .list-data3 ul > li ul > li {margin:0 1.0rem 0 0;padding:0 1.0rem 0 0;font-size:1.2rem;}
.mb .list-data3 ul > li ul > li:before {left:-1.2rem;}
.mb .list-data3 li > a:first-child:not(:only-child) ~ .btn-sub2 {top:2.0rem;}
.mb .box-t3 ~ .list-data3:not([data-boxscroll="true"]) {margin-top:-1.5rem;}

.wrap-area5 .list-data3 ul {background:#fff;}

/* 전체링크형 */
.pc .list-data3 ul > li > a:after {display:block;content:'';clear:both;}
.pc .list-data3 ul > li > a:first-child:only-child strong,
.pc .list-data3 ul > li > a:first-child:only-child ul {display:inline-block;vertical-align:top;line-height:2.4rem;}
.pc .list-data3 ul > li > a:first-child:only-child ul {float:right;margin:0 0 0 3.0rem;}
.pc .list-data3 ul > li > a:first-child:only-child:hover {background:#f7f9fa;}

/* 토글형추가스타일 */
.list-data3 li > div:first-child strong {position:relative;padding-right:2.2rem;}
.list-data3 li > div:first-child + div {background:#f7f9fa;}
.list-data3 li > div:first-child + div strong:first-child {position:relative;margin:-1.8rem;padding:1.0rem 1.8rem;font-size:1.4rem;line-height:2.0rem;}
.list-data3 li > div:first-child + div .ui-toggle {overflow:hidden;display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;text-indent:-999.0rem;color:rgba(255,255,255,0);outline:0;}
.list-data3 li > div:first-child + div .ui-toggle:before, .list-data3 li > div:first-child + div .ui-toggle:after {content:'';position:absolute;right:3.0rem;top:50%;width:0.1rem;height:1.2rem;margin:-0.6rem 0 0;background:#b0b3bc;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.list-data3 li > div:first-child + div .ui-toggle:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0.8rem;}
.list-data3 li > div:first-child + div .ui-toggle:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.list-data3 li > div:first-child + div .ui-toggle-con {display:none;word-break:break-all;}
.list-data3 li > div:first-child + div .ui-toggle-con .info-word2 {display:inline-block;vertical-align:top;}
.list-data3 li > div:first-child + div ~ .btn-sub2 {top:1.4rem;-webkit-transform:translateY(0);transform:translateY(0);}
.list-data3 li.active > div:first-child + div strong:first-child {margin:-1.8rem -1.8rem 1.8rem;border-bottom:0.1rem solid #ebecee;}
.list-data3 li.active > div:first-child + div .ui-toggle:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.list-data3 li.active > div:first-child + div .ui-toggle:after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.list-data3 li.active > div:first-child + div .ui-toggle-con {display:block;}

.list-data3.toggle ul:first-child > li ul > li {display:block;margin:0;padding:0 0 0 1.0rem;}
.list-data3.toggle ul:first-child > li ul > li:before {width:0.2rem;height:0.2rem;background:#757575;left:0;top:1.0rem;}
.pc .list-data3.toggle ul:first-child > li ul > li + li {margin:0.5rem 0 0;}

.pc .list-data3.toggle ul:first-child > li > div:first-child ul {overflow:hidden;}
.pc .list-data3.toggle ul:first-child > li > div:first-child ul > li {display:block;float:left;width:50%;margin:0;}
.pc .list-data3 li > div:first-child + div .ui-toggle-con .info-word2 {max-width:calc(100% - 6.0rem);padding:0;}
.pc .list-data3 li > div:first-child + div .ui-toggle:focus {outline:0.1rem dotted rgba(0,0,0,0.3);}

.mb .list-data3 li > div:first-child + div .ui-toggle-con .info-word2 {padding:0;}

/* 팝업내스타일 */
.pc .pop-modal1 .content .list-data3 {margin:2.4rem 0 0;}
.pc .pop-modal1 .content .list-data3:after {display:none;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 목록형 데이터4
---------------------------------------------------------------------------------*/
/* 기본 */
.list-data4 {margin:1.0rem 0;}
.list-data4 ul > li.nodata {text-align:center;padding:1.6rem 2.4rem !important;}
.list-data4 > ul > li, .list-data4 .mCSB_container > ul > li {padding:2.0rem 2.4rem;border:0.1rem solid #d6dadd;}
.list-data4 > ul > li + li, .list-data4 .mCSB_container > ul > li + li {margin:0.8rem 0 0;}
.list-data4 .heading {display:block;margin:0 0 1.0rem;line-height:2.0rem;color:#212121;font-weight:normal;}
.list-data4 .heading .cnt {font-size:14px;}
.list-data4 div[class*="area"] {overflow:hidden;position:relative;padding:1.7rem 2.4rem;background:#f8f9fb;border-top:0.1rem solid #ebecee;}
.list-data4 div.area1 {overflow:visible;margin:-2.0rem -23px 2.0rem;padding-right:6.4rem;line-height:2.0rem;border-top:0;}
.list-data4 div.area2 {margin:2.0rem -23px -2.0rem;}
.list-data4 div.area1 .heading {display:inline-block;vertical-align:top;margin:0;word-break:break-word;}
.list-data4 div.area1 .heading ~ .icon-txt5, .list-data4 div.area1 .heading ~ .label-box3 {vertical-align:top;}
.list-data4 div.area1 .heading ~ .icon-txt5 {margin:0 0 0 0.4rem;z-index:1;}
.list-data4 div.area1 .heading ~ .label-box3 {margin:0 0 0 1.0rem;z-index:1;}
.list-data4 div.area1 .icon-txt1 {min-width:5.4rem;margin-right:0.4rem;vertical-align:top;}
.list-data4 div.area1 .ui-toggle {overflow:hidden;display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;text-indent:-999.0rem;color:rgba(255,255,255,0);outline:none;}
.list-data4 div.area1 .ui-toggle:before, .list-data4 .area1 .ui-toggle:after {content:'';position:absolute;right:3.0rem;top:50%;width:0.2rem;height:1.2rem;margin:-0.6rem 0 0;background:#b0b3bc;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.list-data4 div.area1 .ui-toggle:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0.8rem;}
.list-data4 div.area1 .ui-toggle:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.list-data4 div.area1 .sub {float:right;color:#525252;}
.list-data4 div.area1 .sub:last-child {margin-right:-4.0rem;}
.list-data4 div.area2.btn {overflow:hidden;}
.list-data4 div.area2.btn :first-child {margin:0;}
/*.list-data4 div.area2.btn a, .list-data4 div.area2.btn button {float:left;margin:0 0 0 0.8rem;padding-left:1.2rem;padding-right:1.2rem;}*/
.list-data4 div.area2.btn a, .list-data4 div.area2.btn button {float:left;margin:0 0 0 0.8rem;padding:0.5rem 1.2rem;width:11.8rem;height:4.8rem;font-size:1.3rem;line-height:1.4;}
.list-data4 div.area2.btn a {line-height:2.8;}
.list-data4 div.area2.btn .btn-sub1 {border-color:#b0b3bc;color:#212121;}

/* 마이페이지 - 상품이용내역 (Btype) 추가 */
.list-data4 div.area1 + .list-data5 {margin-top:-2.0rem;}
.mb .list-data4 div.area1 + .list-data5 {margin-top:-1.5rem;}

/*.pc .list-data4 div.area1 .ui-toggle:focus {outline:0.1rem dotted rgba(0,0,0,0.3);}*/
.pc .list-data4 div.area1 .ui-toggle:focus {outline:none;}
.pc .list-data4 div.area2.btn .btn-sub1:nth-child(9) {margin:0.8rem 0 0 0;}
.pc .list-data4 div.area2.btn .btn-sub1:nth-child(9) ~ .btn-sub1 {margin-top:0.8rem;}

/* 마이페이지 - 상품이용내역 (Btype) 추가 */
.pc .list-data4 .area1 + .list-data5 {margin-top:-2.0rem;}
.pc .list-data4 .list-data5 + .paging {margin:4.0rem auto 0;}
.pc .list-data4 > ul > li .list-data5 {margin:0 -2.4rem -2.0rem;}

.list-data4[data-boxscroll="true"] {max-height:31.8rem;border-color:#9599a6;border-top:0;}
.list-data4[data-boxscroll="true"] .mCSB_container {padding:0 0 0.8rem;}
.list-data4[data-boxscroll="true"][data-boxscroll-min="true"] {max-height:27.1rem;}

.mb .list-data4[data-boxscroll="true"] {max-height:19.7rem;}
.mb .list-data4[data-boxscroll="true"][data-boxscroll-min="true"] {max-height:19.2rem;}

.pc .list-data4 .heading {font-size:1.6rem;}
.mb .list-data4 > ul > li, .mb .list-data4 .mCSB_container > ul > li {padding:1.5rem 1.2rem;}
.mb .list-data4 div[class*="area"] {padding:1.5rem 1.2rem;}
.mb .list-data4 div.area1 {margin:-1.5rem -1.2rem 1.5rem;padding-right:4.0rem;}
.mb .list-data4 div.area2 {margin:1.4rem -1.2rem -1.5rem;}
.mb .list-data4 div.area1 .icon-txt1 ~ .heading {display:block;margin-top:0.5rem;font-size:1.6rem;}
.mb .list-data4 div.area1 .ui-toggle:before, .mb .list-data4 .area1 .ui-toggle:after {right:2.0rem;}
.mb .list-data4 div.area1 .sub {font-size:1.2rem;}
.mb .list-data4 div.area1 .sub:last-child {margin-right:-2.8rem;}
.mb .list-data4 div.area1 .icon-txt1 ~ .sub {position:absolute;left:7.5rem;top:1.5rem;}
.mb .list-data4 div.area2.btn *:not(p.text-info1) {width:calc(11.1% - 0.7rem);margin:0 0 0 0.8rem;padding-left:0;padding-right:0;font-family:'OneShinhanL';}
.mb .list-data4 > ul > li .list-data5 {width:calc(100% + 2.4rem);margin-left:-1.2rem;}

@media only screen and (max-width:920px){
	.mb .list-data4 div.area2.btn .btn-sub1 {width:calc(25% - 0.6rem) !important;margin:0 0 0 0.8rem;}
	.mb .list-data4 div.area2.btn .btn-sub1:nth-child(4) ~ * {margin-top:0.8rem ;}
	.mb .list-data4 div.area2.btn .btn-sub1:nth-child(4n-3) {margin-left:0;}
}

@media only screen and (max-width:480px){
	.mb .list-data4 div.area2.btn .btn-sub1 {width:calc(50% - 0.4rem) !important;margin:0 0 0 0.8rem;}
	.mb .list-data4 div.area2.btn .btn-sub1:nth-child(2) ~ * {margin-top:0.8rem;}
	.mb .list-data4 div.area2.btn .btn-sub1:nth-child(2n-1) {margin-left:0;}
}

/* 토글형 */
.list-info1.toggle > ul > li:not(.active) {padding-bottom:0;}
.list-info1.toggle > ul > li:not(.active) .area1 {margin-bottom:0;}
.list-info1.toggle > ul > li .con:not(.ui-toggle-con) {margin:2.0rem 0;}
.list-info1.toggle > ul > li.active .con:not(.ui-toggle-con) {margin:0;}
.list-info1.toggle .ui-toggle-con {display:none;}
.list-info1.toggle .active .ui-toggle-con {display:block;}
.list-info1 .active div.area1 .ui-toggle:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.list-info1 .active div.area1 .ui-toggle:after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.list-data4.toggle > ul > li:not(.active) {padding-bottom:0;}
.list-data4.toggle > ul > li:not(.active) .area1 {margin-bottom:0;}
.list-data4.toggle > ul > li .con:not(.ui-toggle-con) {margin:2.0rem 0;}
.list-data4.toggle > ul > li.active .con:not(.ui-toggle-con) {margin:0;}
.list-data4.toggle .ui-toggle-con, .list-data4.toggle .area2 {display:none;}
.list-data4.toggle .active .ui-toggle-con, .list-data4.toggle .active .area2 {display:block;}
.list-data4 .active div.area1 .ui-toggle:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.list-data4 .active div.area1 .ui-toggle:after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.list-data4.toggle[data-default-row="3x1"] li:not(.active) .con .list-info1 > li:nth-child(3) ~ li {display:none;}

.mb .list-data4.toggle > ul > li .con:not(.ui-toggle-con) {margin:1.5rem 0;}

/* 폼형 */
.list-data4.form > ul > li, .list-data4.form .mCSB_container > ul > li {position:relative;padding-left:9.0rem;}
.list-data4.form li > .label-check {position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.list-data4.form li > .label-check label {padding:1.0rem 2.2rem;width:100%;height:100%;}
.list-data4.form li > .label-check label:before {content:'';position:absolute;left:0;top:0;bottom:0;width:6.8rem;display:block;background:#f7f9fa;}
.list-data4.form li > .label-check label span {position:relative;}
.list-data4.form li > .label-check ~ div[class*="area"] {background:none;}
.list-data4.form li > .label-check ~ div.area1 {margin-bottom:-0.4rem;}
.list-data4.form li > .label-check + .con {margin:-0.6rem 0;}
.mb .list-data4.form > ul > li, .mb .list-data4.form .mCSB_container > ul > li {padding-left:5.5rem;}
.mb .list-data4.form li > .label-check label {padding:1.0rem;}
.mb .list-data4.form li > .label-check label:before {width:4.2rem;}

/* 유형1 */
.list-data4.t1 > ul > li + li {margin:4.0rem 0 0;}
.list-data4.t1 > ul > li .heading {color:#0082d0;}
.mb .list-data4.t1 > ul > li + li {margin:2.4rem 0 0;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 목록형 데이터5 (마이페이지 - 상품이용내역 (Btype) 추가)
---------------------------------------------------------------------------------*/
.list-data5 > ul {border-top:1px solid #d7d9dd;border-bottom:1px solid #d7d9dd;}
.list-data5 > ul > li ~ li {border-top:1px solid #d7d9dd;}
.list-data5 > ul > li .tit {padding:0 0 0 2.4rem;position:relative;}
.list-data5 > ul > li .con {padding:0 2.4rem;}
.list-data5 > ul > li .con .area2 {margin:0;padding:1.6rem 0 2.2rem;background:transparent;}
.list-data5 > ul > li .con > .list-info1 {margin:-1.6rem 0 1.6rem;}
.list-data5 .list-info1 {display:inline-block;vertical-align:top;}
.list-data5 .area2 {border-top:1px solid #d7d9dd;}
.list-data5 .area2 .label-box3 {position:absolute;top:16px;right:50px;}

.pc .list-data5 > ul > li .tit {height:58px;line-height:58px;}
.pc .list-data5 .list-info1 {width:924px;}
.pc .list-data5 .area2.btn .btn-sub1:nth-child(8) ~ * {margin-top:0.8rem;}
.pc .list-data5 .area2.btn .btn-sub1:nth-child(9n) {margin-left:0;}

.mb .list-data5 > ul  > li .tit {padding:1.2rem;}
.mb .list-data5 > ul  > li .tit .list-info1 {min-width:70%;}
.mb .list-data5 > ul  > li .tit .icon-txt5 {position:absolute;top:50%;right:4.0rem;margin:-1.0rem 0;}
.mb .list-data5 > ul  > li .con {padding:0 1.2rem;}
.mb .list-data5 > ul > li .con > .list-info1 {margin:-1.2rem 0 1.2rem;}
.mb .list-data5 > ul > li .con > .list-info1 > li:first-child {width:100%;}
.mb .list-data5 > ul > li .con .area2 {padding:1.0rem 0 1.6rem;}
.mb .list-data5 > ul > li .con .area2.btn {padding:2.0rem 0;}
.mb .list-data5 > ul > li .con .area2 .txt-info1 {padding:0 0 0 1.8rem;font-size:1.2rem;}
.mb .list-data5 > ul > li .con .area2 .txt-info1:before {width:1.0rem;height:1.0rem;}
.mb .list-data5 > ul > li .con .area2 .txt-info1:after {margin:0.5rem;border-top:0.4rem solid #9599a6;}
.mb .list-data5 + .paging {margin:0 -3.4rem -3.6rem;padding:2.0rem 0;background:#fff;}

@media only screen and (max-width:920px){
	.mb .list-data5 .area2.btn * {width:calc(25% - 0.6rem);margin:0 0 0 0.8rem;}
	.mb .list-data5 .area2.btn *:nth-child(4) ~ * {margin-top:0.8rem;}
	.mb .list-data5 .area2.btn *:nth-child(4n-3) {margin-left:0;}
}

@media only screen and (max-width:480px){
	.mb .list-data5 .area2.btn * {width:calc(50% - 0.4rem);margin:0 0 0 0.8rem;}
	.mb .list-data5 .area2.btn *:nth-child(2) ~ * {margin-top:0.8rem;}
	.mb .list-data5 .area2.btn *:nth-child(2n-1) {margin-left:0;}
}

/* 토글형 */
.list-data5.toggle[data-default-row="3x1"] li:not(.active) .con {display:none;}
.list-data5 .ui-toggle {overflow:hidden;display:block;width:100%;position:absolute;right:0;top:0;bottom:0;text-indent:-999.0rem;color:rgba(255,255,255,0);}
.list-data5 .ui-toggle:before, .list-data5 .ui-toggle:after {content:'';position:absolute;right:2.8rem;top:50%;width:0.2rem;height:1.2rem;margin:-0.6rem 0 0;background:#b0b3bc;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.list-data5 .ui-toggle:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0.8rem;}
.list-data5 .ui-toggle:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.list-data5 > ul  > li.active .ui-toggle:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.list-data5 > ul  > li.active .ui-toggle:after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

/*.pc .list-data5 .ui-toggle:focus {outline:0.1rem dotted rgba(0,0,0,0.3);}*/
.list-data5 .ui-toggle:focus {outline:none;}

.mb .list-data5 .ui-toggle:before, .mb .list-data5 .ui-toggle:after {right:1.6rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 목록형 이미지
---------------------------------------------------------------------------------*/
/* 기본 */
.list-img1 {position:relative;}

.list-img1 > ul {position:relative;overflow:hidden;padding:0.1rem 0 0 0.1rem;}
.list-img1 > ul:before, .list-img1 > ul:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
.list-img1 > ul:before {left:0.1rem;background:linear-gradient(-90deg, #e0e3e5 1px, #f7f9fa 1px);background-size:calc(33.3% + 1px) 100%;}
.list-img1 > ul:after {border:0.1rem solid #e0e3e5;border-bottom:0.1rem solid #e0e3e5;}
.list-img1 ul > li {float:left;width:calc(33.3% - 0.1rem);margin:0 0.1rem 0 0;background:#fff;border-bottom:0.1rem solid #e0e3e5;}
.list-img1 ul > li, .list-img1 ul > li > a {position:relative;padding:8.4rem 1.0rem 0;height:16.0rem;z-index:1;}
.list-img1 ul > li > a {display:block;margin:-8.4rem -1.0rem 0;}
.list-img1 ul > li:before, .list-img1 ul > li:after, .list-img1 ul > li .img {position:absolute;left:1.0rem;right:1.0rem;top:2.0rem;display:block;}
.list-img1 ul > li:before, .list-img1 ul > li:after {content:'';background:#f7f9fa;z-index:-1;}
.list-img1 ul > li:before, .list-img1 ul > li .img {height:5.4rem;}
.list-img1 ul > li:after {width:3.024rem;height:2.52rem;margin:1.4rem auto 0;background:url(../img/com/icon_set1.png) no-repeat 0 -9.36rem;background-size:14.4rem;}
.list-img1 li .img {background:#fff;text-align:center;}
.list-img1 li .img img {max-width:100%;max-height:100%;/*-webkit-filter:grayscale(100%);filter:grayscale(100%);*/}
.list-img1 li .icon {max-height:2.0rem;margin:0 0 0.7rem;}
.list-img1 li .icon [class*="icon-"] {vertical-align:top;}
.list-img1 li strong {overflow:hidden;display:block;max-height:3.2rem;font-family:'OneShinhanM';color:#212121;font-size:1.2rem;line-height:1.6rem;font-weight:normal;}
.list-img1 li.nodata {position:relative;clear:both;margin:-0.1rem !important;padding:0 !important;width:calc(100% + 0.2rem) !important;height:14.0rem;text-align:center;line-height:14.0rem;background:#f7f9fa;border:0;}
.list-img1 li.nodata:before, .list-img1 li.nodata:after {display:none;}

.list-img1 .area-btn1.t1:not(:last-child) {display:none;}

.pc .list-img1 {margin:2.0rem 0 0;}
.pc .list-img1 > ul:before {background-size:20% 100%;}
.pc .list-img1 ul > li {width:calc(20% - 1px);}
.pc .list-img1 ul > li, .pc .list-img1 ul > li > a {padding:11.0rem 1.2rem 0;height:19.2rem;}
.pc .list-img1 ul > li > a {margin:-11.0rem -1.2rem 0;}
.pc .list-img1 ul > li:before, .pc .list-img1 ul > li:after, .pc .list-img1 ul > li .img {top:1.0rem;}
.pc .list-img1 ul > li:before, .pc .list-img1 ul > li .img {height:8.8rem;}
.pc .list-img1 ul > li:after {width:5.04rem;height:4.2rem;margin:2.3rem auto 0;background-position:0 -15.6rem;background-size:24.0rem;}
.pc .list-img1 ul > li > a:hover:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:-0.1rem -0.1rem 0 -0.1rem;border:0.1rem solid #d7d9dd;z-index:10;border-color:#0096d6;box-shadow:0.2rem 0.3rem #ebecee;z-index:1;}
.pc .list-img1 li strong {max-height:4.0rem;font-size:1.4rem;line-height:2.0rem;}
.pc .list-img1 li.nodata {height:19.2rem;line-height:19.2rem;}

.form-area2 + .list-img1 {margin-top:-0.1rem;}
.mb .box-t3 + .list-img1 {margin-top:-2.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 박스형리스트1
---------------------------------------------------------------------------------*/
.list-box1 > li {position:relative;background:#fff;padding:2.0rem 2.4rem;font-size:1.2rem;line-height:1.8rem;}
.list-box1 > li + li {margin:1.2rem 0 0 0;}
.list-box1 > li strong {display:block;margin:0 0 0.8rem;font-family:'OneShinhanM';font-weight:normal;color:#212121;font-size:1.6rem;}
.list-box1 > li .btn {display:block;margin:0.6rem 0 0;}
.list-box1 > li .btn.btn-set2 {margin:1.5rem 0 0;}
.list-box1 > li .btn:not(.btn-set2) a {display:inline-block;position:relative;padding:0 1.8rem 0 0;font-family:'OneShinhanM';color:#757575;}
.list-box1 > li .btn:not(.btn-set2) a + a {margin:0 0 0 0.2rem;}
.list-box1 > li .btn:not(.btn-set2) a:after {content:'';display:block;position:absolute;right:0;top:50%;margin:-0.3rem 0.3rem 0 0;width:0.5rem;height:0.5rem;border-left:0.1rem solid #757575;border-top:0.1rem solid #757575;-ms-transform:rotate(135deg) translateY(-50%);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.pc .list-box1 {overflow:hidden;margin:2.5rem 0;}
.pc .list-box1 > li {position:relative;background:#f7f9fa;width:38.4rem;float:left;margin:0 0 0 2.4rem;padding:3.7rem 4.0rem 10.0rem;font-size:1.6rem;line-height:3.0rem;word-break:break-all;}
.pc .list-box1 > li:nth-child(4) ~ li {margin-top:2.4rem;}
.pc .list-box1 > li:nth-child(4n-3) {margin-left:0;}
.pc .list-box1 > li strong {margin:0 0 2.0rem;font-size:2.4rem;}
.pc .list-box1 > li .btn:not(.btn-set2) {position:absolute;left:4.0rem;bottom:3.6rem;}
.pc .list-box1 > li .btn:not(.btn-set2) a {font-size:1.4rem;}
.pc .list-box1 > li .btn:not(.btn-set2) a + a {margin:0 0 0 2.5rem;}
.pc .list-box1 > li .btn:not(.btn-set2) a:hover, .list-box1 > li .btn a:focus {color:#212121;text-decoration:underline;outline:0;}

.mb .list-box1 {margin:0.8rem 0 0;}
.mb .list-box1 > li > a {position:relative;display:block;margin:-2.0rem -2.4rem;padding:2.0rem 2.4rem 4.0rem;}
.mb .list-box1 > li > a:after {content:'자세히보기';display:block;position:absolute;right:1.4rem;bottom:1.4rem;font-family:'OneShinhanM';color:#0082d0;text-decoration:underline;text-align:right;}
.mb .list-box1 .btn:not(.btn-set2) a:not(:only-child) {padding:0 2.0rem 0 0.8rem;border:0.1rem solid #d7d9dd;line-height:2.4rem;}
.mb .list-box1 .btn:not(.btn-set2) a:not(:only-child):after {right:0.5rem;}
.mb .list-box1 .btn:not(.btn-set2) a:only-child {position:absolute;left:0;right:0;top:0;bottom:0;padding:0;display:block;color:rgba(255,255,255,0);}
.mb .list-box1 .btn:not(.btn-set2) a:only-child:after {content:'';display:block;position:absolute;right:2.0rem;top:50%;margin:-0.3rem 0.3rem 0 0;width:1.2rem;height:1.2rem;border-left:0.1rem solid #757575;border-top:0.1rem solid #757575;-ms-transform:rotate(135deg) translateY(-50%);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 리스트형1
---------------------------------------------------------------------------------*/
/* 기본 */
.list-con1 > li, .list-con1 > div {position:relative;padding:3.0rem 0;}
.list-con1 > li + li, .list-con1 > div + div {border-top:0.1rem solid #d7d9dd;}
.list-con1 > li > .heading, .list-con1 > div > .heading {display:block;font-size:1.6rem;line-height:2.2rem;color:#212121;font-weight:normal;}
.list-con1 p + p {margin:1.0rem 0 0;}

.pc .list-con1 {padding:0 0 0 29.0rem;border-top:0.1rem solid #9599a6;}
.pc .list-con1 > li > .heading, .pc .list-con1 > div > .heading {position:absolute;left:-29.0rem;top:2.7rem;width:29.0rem;padding:0 5.0rem 0 2.4rem;}

.mb .list-con1 {margin:0 -2.4rem;}
.mb .list-con1 > li, .mb .list-con1 > div {padding:2.4rem;}
.mb .list-con1:not(.ui-toggle-con) > li:first-child, .mb .list-con1:not(.ui-toggle-con) > div:first-child {padding-top:0;}
.mb .list-con1 > li > .heading, .mb .list-con1 > div > .heading {font-family:'OneShinhanM';margin:0 0 1.0rem;}

/* 아이콘형 */
.list-con1[class*=" icon"] {border:0.1rem solid #d7d9dd;padding:1.0rem 4.0rem;}
.list-con1[class*=" icon"] > li {padding-left:7.0rem;padding-right:0;}
.list-con1[class*=" icon"] > li:before, .list-con1[class*=" icon"] > li:after {content:'';display:block;position:absolute;left:0;top:50%;}
.list-con1[class*=" icon"] > li:before {width:5.2rem;height:5.2rem;border-radius:50%;background:#ebecee;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-con1[class*=" icon"] > li:after {margin:-1.5rem 0 0 1.2rem;width:3.0rem;height:3.0rem;background:url(../img/com/icon_set2.png) -96.0rem -12.0rem no-repeat;z-index:1;}

.mb .list-con1[class*=" icon"] {margin:0;padding:0 1.5rem;}
.mb .list-con1[class*=" icon"] > li {padding:2.4rem 0 2.4rem 4.8rem !important;}
.mb .list-con1[class*=" icon"] > li:before {width:4.0rem;height:4.0rem;}
.mb .list-con1[class*=" icon"] > li:after {margin:-1.2rem 0 0 0.9rem;width:2.4rem;height:2.4rem;background-size:40.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 리스트형2
---------------------------------------------------------------------------------*/
/* 기본 */
.list-con2 {margin:1.2rem 0;}
.list-con2 > ul {position:relative;overflow:hidden;margin:-2.4rem 0 0 -2.4rem;counter-reset:num;}
.list-con2 > ul > li {position:relative;margin:2.4rem 0 0 2.4rem;padding:5.0rem 2.4rem 5.6rem;background:#fff;border:0.1rem solid #d7d9dd;z-index:0;}
.list-con2 > ul > li:before {content:'0'counter(num);counter-increment:num 1;display:block;position:absolute;top:-0.1rem;left:2.4rem;width:3.0rem;font-family:'OneShinhanM';font-size:1.6rem;color:#fff;line-height:3.0rem;text-align:center;background:#0096d6;}
.list-con2 > ul > li:nth-child(9) ~ li:before {content:counter(num);}
.list-con2 > ul > li .tit {display:block;margin:0 0 1.5rem;font-family:'OneShinhanM';font-size:2.0rem;line-height:2.8rem;color:#0082d0;font-weight:normal;}
.list-con2 > ul > li ul, .list-con2 > ul > li dl {text-align:left;}
.list-con2 > ul > li dl dt {font-family:'OneShinhanM';color:#212121;}
.list-con2 > ul > li dl dd {margin:1.0rem 0 0;}
.list-con2 > ul > li dl dd ~ dt {margin:4.0rem 0 1.0rem;}

.list-con2.headline > ul {margin-top:0;}
.list-con2.headline > ul > li {margin-top:7.5rem;padding:3.0rem 2.5rem;}
.list-con2.headline > ul > li:before {left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.list-con2.headline > ul > li .tit {position:absolute;left:0;right:0;top:-5.5rem;margin:0;font-size:1.8rem;line-height:4.0rem;text-align:center;}

.list-con2.headline .tbl-data1 {margin-bottom:1.0rem;}
.list-con2.headline .tbl-data1 th,
.list-con2.headline .tbl-data1 td {height:auto;}

.pc .list-con2 > ul {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;}
.pc .list-con2 > ul > li {float:left;width:calc(25% - 2.4rem);}
.pc .list-con2 > ul > li:before {width:3.5rem;line-height:3.5rem;}
.pc .list-con2 > ul > li .tit {margin:0 0 3.0rem;}
.pc .list-con2 > ul > li dl dd ~ dt {margin:2.0rem 0 1.0rem;}
.pc .list-con2.headline > ul > li {margin-top:8.5rem;padding:5.0rem 2.5rem;width:calc(33% - 2.4rem);}
.pc .list-con2.headline > ul > li .tit {top:-7.5rem;font-size:2.0rem;line-height:5.8rem;margin:0;}

.mb .list-con2.headline > ul > li:before {font-size:1.2rem;}

/* flex하위 버전에 대한 추가작업 */
.pc.ie10 .list-con2 > ul:before {display:none;}
.pc.ie9 .list-con2 > ul:before, .pc.ie9 .list-con2 > ul:after {display:none;}
.pc.ie9 .list-con2 > ul > li {float:none;display:inline-block;margin-right:-0.4rem;vertical-align:top;height:28.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 리스트형3
---------------------------------------------------------------------------------*/
/* 기본 */
.list-con3 {margin:1.6rem 0;}
.list-con3 > ul {position:relative;overflow:hidden;counter-reset:num;}
.list-con3 > ul > li {position:relative;padding:2.8rem 2.0rem;border:0.1rem solid #d7d9dd;background:#fff;z-index:0;}
.list-con3 > ul > li + li {margin:1.6rem 0 0;}
.list-con3 > ul > li .tit {display:block;margin:0 0 0.7rem;font-family:'OneShinhanM';font-size:1.8rem;line-height:2.6rem;color:#0082d0;font-weight:normal;}
.list-con3 > ul > li .tit + em {display:block;margin:-0.4rem 0 1.5rem;color:#212121;}

/* 아이콘형 */
.list-con3[class*=" icon"] > ul > li {text-align:center;padding-top:4.8rem;}
.list-con3[class*=" icon"] > ul > li .tit {text-align:center;margin:0 0 2.4rem;}
.list-con3[class*=" icon"] > ul > li .tit + em {text-align:center;}
.list-con3[class*=" icon"] > ul > li .tit:before {content:'';display:block;width:6.4rem;height:6.4rem;margin:0 auto 2.8rem;background:url(../img/com/icon_set2.png) no-repeat 0 0;}

/* PC */
.pc .list-con3 > ul {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;margin:-2.4rem 0 0 -2.4rem;}
.pc .list-con3 > ul > li {float:left;width:calc(33.3% - 2.4rem);margin:2.4rem 0 0 2.4rem;padding:3.6rem 2.4rem 5.6rem;}
.pc .list-con3 > ul > li .tit {margin:0 0 1.2rem;font-size:2.0rem;line-height:2.8rem;}
.pc .list-con3 > ul > li .tit + em {margin:-0.4rem 0 3.0rem;font-size:1.6rem;}

/* 단수변경 */
.pc .list-con3.col4 > ul > li {width:calc(25% - 2.4rem);}

/* 일부영역 수정 */
.wrap-area5 .tit-sub1 + .list-con3 {margin-top:4.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 리스트형4
---------------------------------------------------------------------------------*/
.list-con4 {position:relative;}
.list-con4:after {content:'';display:block;clear:both;}
.list-con4 > li, .list-con4 > div {position:relative;padding:2.5rem 2.0rem 3.0rem;border:0.1rem solid #d8d9dd;background:#fff;}
.list-con4 > li + li, .list-con4 > div + div {margin:2.4rem 0 0;}
.list-con4 .tit {display:block;margin:0 0 2.0rem;font-size:1.6rem;line-height:2.0rem;font-family:'OneShinhanM';color:#0082d0;font-weight:normal;}
.list-con4 .tit span {display:block;font-size:1.2rem;}
.list-con4 .tit + em {display:block;margin:0 0 4.0rem;font-size:1.6rem;color:#525252;}
.list-con4 .detail > li {position:relative;padding:6.7rem 2.0rem 3.0rem;}
.list-con4 .detail .headline {display:block;font-weight:normal;margin:0 0 1.6rem;font-size:1.8rem;line-height:2.4rem;color:#212121;}
.list-con4 .detail .data > li {position:relative;padding:1.5rem 0 0;vertical-align:top;}
.list-con4 .detail .data > li:before {content:'';position:absolute;left:0;top:0;display:block;width:1.2rem;height:0.2rem;background:#0096d6;}
.list-con4 .detail .data > li ul {margin:1.5rem 0 0;}
.list-con4 .detail .data > li ul > li {position:relative;padding:1.0rem 0;border-top:0.1rem solid #ebecee;}
.list-con4 .detail .data > li ul > li > div:last-child:not(:nth-last-child(2)) {text-align:right;font-size:1.6rem;}
.list-con4 .detail .data > li ul > li > div:last-child:not(:nth-last-child(2)) strong {font-size:2.0rem;line-height:2.8rem;}
.list-con4 .detail .data > li ul > li > div:first-child:nth-last-child(2) span {display:block;color:#757575;}
.list-con4 .detail .data > li ul > li:nth-child(1) > div:last-child:not(:nth-last-child(2)) {color:#ef4023;}
.list-con4 .detail .data > li ul > li:nth-child(2) > div:last-child:not(:nth-last-child(2)) {color:#00358e;}
.list-con4 .detail .txt-date1 {position:absolute;left:2.0rem;bottom:1.0rem;margin:0;}
.pc .wrap-area5 .list-con4 {margin-top:-7.5rem;}

/* 상세형 */
.pc .list-con4:not([class*=" icon"]) {-ms-display:flex;-webkit-display:flex;display:flex;flex-wrap:wrap;}
.pc .list-con4:not([class*=" icon"]) > li, .pc .list-con4:not([class*=" icon"]) > div {padding:3.8rem 3.0rem;background:#fff;}
.pc .list-con4:not([class*=" icon"]) > li + li, .pc .list-con4:not([class*=" icon"]) > div + div {margin:0 0 0 2.4rem;}
.pc .list-con4:not([class*=" icon"]) > li, .pc .list-con4:not([class*=" icon"]) > div {float:left;width:calc(50% - 1.2rem);}
.pc .list-con4:not([class*=" icon"]):not(.col3) > li:last-child:nth-child(2n+1), .pc .list-con4:not([class*=" icon"]):not(.col3) > div:last-child:nth-child(2n+1) {float:none;width:100%;margin:2.4rem 0 0;}
.pc .list-con4 .detail > li {padding:8.5rem 5.4rem 5.0rem;}
.pc .list-con4 .detail .headline {margin:0 0 4.0rem;font-size:2.4rem;line-height:3.0rem;text-align:center;}
.pc .list-con4 .detail .data {display:table;width:calc(100% + 8.0rem);margin:0 -4.0rem;border-spacing:4.0rem 0;}
.pc .list-con4 .detail .data > li {display:table-cell;position:relative;width:33.3%;padding:1.5rem 0 0;vertical-align:top;}
.pc .list-con4 .detail .data > li > span:first-child {display:block;min-height:8.8rem;}
.pc .list-con4 .detail .data > li ul {margin:5.0rem 0 0;}
.pc .list-con4 .detail .data > li ul > li {padding:4.0rem 0 1.7rem;}
.pc .list-con4 .detail .data > li ul > li > div:last-child:not(:nth-last-child(2)) {font-size:1.6rem;}
.pc .list-con4 .detail .data > li ul > li > div:last-child:not(:nth-last-child(2)) strong {font-size:3.2rem;line-height:4.0rem;}
.pc .list-con4 .detail .data > li ul > li > div:first-child:nth-last-child(2) {position:absolute;left:0;top:1.3rem;max-width:50%;padding:0;}
.pc .list-con4 .detail .txt-date1 {left:3.0rem;bottom:1.5rem;}

.mb .list-con4 .detail .data > li ul > li {display:table;width:100%;}
.mb .list-con4 .detail .data > li ul > li > div {display:table-cell;vertical-align:middle;}
.mb .list-con4 .detail .data > li ul > li > div:first-child:nth-last-child(2) {font-size:1.2rem;line-height:1.6rem;}

/* 상세형 + 슬라이드 */
.list-con4 .wrap-slider1 {position:relative;padding-bottom:0 !important;}
.list-con4 .wrap-slider1 .tit {position:absolute;left:2.0rem;top:2.5rem;}
.list-con4 .wrap-slider1 .detail > li {padding:4.0rem 0;}
.list-con4 .wrap-slider1 .detail > li .txt-date1 {left:0;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.list-con4 .wrap-slider1 .detail > li.active .txt-date1 {opacity:1;}

.pc .list-con4 .wrap-slider1 {position:relative;margin:-3.0rem -3.0rem -4.0rem;padding:0;}
.pc .list-con4 .wrap-slider1 .tit {position:absolute;left:3.0rem;top:3.0rem;}
.pc .list-con4 .wrap-slider1 .detail > li {width:101.8rem !important;padding:4.0rem 2.0rem 5.0rem;}
.pc .list-con4 .wrap-slider1 .detail .txt-date1 {left:2.0rem;}

.mb .list-con4 .wrap-slider1 .detail > li {width:calc(100vw - 9.0rem) !important;}

.mb div.wrap-slider1[data-banner="bxslider"] {margin-bottom:3.5rem;}
.mb div.wrap-slider1[data-banner="bxslider"] .bx-controls-direction > a {top:16.0rem;}
.mb div.wrap-slider1[data-banner="bxslider"] > .bx-wrapper > .bx-controls > .bx-pager {display:block;position:absolute;left:0;right:0;top:100%;padding:1.0rem 0 0;}
.mb div.wrap-slider1[data-banner="bxslider"] > .bx-wrapper > .bx-controls > .bx-pager .bx-pager-item > a {width:2.0rem;height:2.0rem;padding:0;font-size:1.2rem;line-height:2.0rem;background:rgba(255,255,255,0);border-radius:50%;}
.mb div.wrap-slider1[data-banner="bxslider"] > .bx-wrapper > .bx-controls > .bx-pager .bx-pager-item > a:after {display:none;}
.mb div.wrap-slider1[data-banner="bxslider"] > .bx-wrapper > .bx-controls > .bx-pager .bx-pager-item > a.active {background-color:#0082d0;color:#fff;}
.mb div.wrap-slider1[data-banner="bxslider"] > .bx-wrapper li.active .bx-pager {opacity:1;}
.mb div.wrap-slider1[data-banner="bxslider"] .detail .bx-pager {position:absolute;right:0;top:1.0rem;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}

/* 단수변경 */
.pc .list-con4.col3 > li, .pc .list-con4.col3 > div {width:calc(33.3% - 1.6rem);}

/* 아이콘형 */
.list-con4[class*=" icon"] > * {position:relative;padding:2.0rem 0;}
.list-con4[class*=" icon"] > *:before, .list-con4[class*=" icon"] > *:after {content:'';display:block;z-index:1;position:absolute;left:3.0rem;top:50%;}
.list-con4[class*=" icon"] > *:before {width:16.0rem;height:16.0rem;margin:0 auto 1.5rem;background:#ebf5fb;border-radius:50%;}
.list-con4[class*=" icon"] > *:before {width:12.0rem;height:12.0rem;margin:-6.0rem 0 0;}
.list-con4[class*=" icon"] > *:after {width:6.4rem;height:6.4rem;margin:-3.2rem 0 0 2.8rem;background:url(../img/com/icon_set2.png) no-repeat 0 -8.0rem;background-size:40.0rem;}

.pc .list-con4[class*=" icon"] > * {min-height:16.0rem;margin:2.4rem 0 0;padding:3.0rem 3.0rem 3.0rem 20.0rem;}

.mb .list-con4[class*=" icon"] > * {border:0;margin:0;}
.mb .list-con4[class*=" icon"] > * + * {border-top:0.1rem solid #d7d9dd;}
.mb .list-con4[class*=" icon"]:before {content:'';display:block;position:absolute;left:-2.4rem;right:-2.4rem;top:0;border-top:0.1rem solid #d7d9dd;z-index:1;}
.mb .list-con4[class*=" icon"] > *:before {position:static;margin:0 auto 1.5rem;}
.mb .list-con4[class*=" icon"] > *:after {left:50%;top:2.0rem;margin:2.8rem 0 0 -3.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 리스트형5
---------------------------------------------------------------------------------*/
.list-con5 {margin:5.0rem 0 0;}
.list-con5 > ul {overflow:hidden;counter-reset:num;}
.list-con5 > ul > li {position:relative;float: left;width: calc(20% - 4.0rem);margin:0 3.5rem 2.0rem 0;text-align:center;}
.list-con5 > ul > li:first-child, .list-con5 > ul > li:nth-child(5n + 1) {margin-left:3.0rem;}
.list-con5 > ul > li:nth-child(5n) {margin-right:0rem;}
.list-con5 > ul > li:before {content:'';position:absolute;left:50%;transform:translateX(-50%);width:23.3rem;height:23.3rem;border:0.1rem dotted rgba(0,150,214,0.3);border-radius:50%;}
.list-con5 > ul > li:after {content: '0'counter(num);counter-increment: num 1;position:absolute;top:6.5rem;left:50%;transform:translateX(-50%);font-family: 'OneShinhanM';font-size: 1.8rem;color: #0082d0;}
.list-con5 > ul > li .tit {display:block;position:relative;padding-top:11.0rem;height:23.3rem;font-size:1.8rem;font-weight:normal;}
.list-con5 > ul > li .tit:before {content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:17.6rem;height:17.6rem;background:rgba(0,150,214,0.1);border-radius:50%;}
.list-con5 > ul > li .tit:after {content:'';display:block;width:0.8rem;height:0.1rem;margin: -6.5rem auto 0;background:#b0b3bc;}
.list-con5 > ul > li .tit + span {display:block;position:relative;padding-top:5.5rem;}
.list-con5 > ul > li .tit + span:before {content:'';position:absolute;top:-2.8rem;left:50%;transform:translateX(-50%);width:0.1rem;height:6.5rem;background:rgba(0,150,214,0.3);}

/*--------------------------------------------------------------------------------
	# guide content : 데이터/컨텐츠 : 리스트형6
---------------------------------------------------------------------------------*/
/* 기본 */
.list-con6 {margin:1.6rem 0;word-break:break-all;}
.list-con6 .list > li {position:relative;}
.list-con6 .list > li + li {margin:1.0rem 0 0;}
.list-con6 .list > li > .tit {display:block;margin-bottom:2.0rem;color:#212121;}
.list-con6 .list > li > .tit > span {font-weight:normal;}
.list-con6 .list > li.nodata {text-align:center;padding:0 !important;}

.pc .list-con6 .list > li {min-height:31.0rem;padding:2.0rem 7.2rem 0 42.1rem;}
.pc .list-con6 .list > li .img {position: absolute;left:0;top:2.0rem;width:36.1rem;text-align:center;}
.pc .list-con6 .list > li.nodata {line-height:18.7rem;}
.pc .tab-sub3 ~ .list-con6 {margin:5.0rem 0 0;}

.mb .list-con6 .list > li {width:calc(100vw - 4.8rem);}
.mb .list-con6 .list > li .img {height:18.7rem;margin-bottom:2.0rem;text-align:center;}
.mb .list-con6 .list > li .img img {height:100%;}
.mb .list-con6 .list > li.nodata {line-height:18.7rem;}

/* 슬라이드형 */
.list-con6[data-banner="bxslider"] .list > li + li {margin:0;}
.pc .list-con6[data-banner="bxslider"] .bx-pager {margin-top:3.2rem;}
.mb .list-con6[data-banner="bxslider"] .bx-pager {margin-top:2.4rem;}
.mb .list-con6[data-banner="bxslider"] .bx-controls-direction > a {top:9.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 배너영역1
---------------------------------------------------------------------------------*/
.area-banner1 {margin:2.4rem 0 0;}
.area-banner1 a {display:block;}
.area-banner1 a img {display:block;width:100%;height:100%;}

.pc .area-banner1 {height:227px;}
.pc .area-banner1 a {display:block;width:100%;height:100%;}

.mb .area-banner1 {margin:2.4rem -2.4rem;}

/*--------------------------------------------------------------------------------
	# guide content : 박스타입1
---------------------------------------------------------------------------------*/
.box-t1 {padding:2.0rem 2.5rem;background:#ebf5fb;}
.box-t1.c1 {margin-top:6.0rem;padding:2.6rem 2.5rem;background:#f3f6f7;}
.box-t1.c1 .txt-bul1 > li + li {margin:0;}
.box-t1.c1.sub-con {margin-top:0.8rem !important;}

.mb .pop-modal1 .content .box-t1 {margin:-2.4rem -2.4rem 0;width:calc(100% + 4.8rem);}
.mb .box-t1.c1 {margin:6.0rem -2.4rem -2.4rem;padding:3.0rem 2.5rem;width:calc(100% + 4.8rem);}

/*--------------------------------------------------------------------------------
	# guide content : 박스타입2
---------------------------------------------------------------------------------*/
/* 기본 */
.box-t2 {position:relative;overflow:hidden;margin:1.0rem 0;padding:3.9rem;border:0.1rem solid #8cd2f5;}
.box-t2.p1 {padding:2.0rem 2.5rem;}

/* 이미지형 */
.box-t2.img:before, .box-t2.img:after {content:'';display:block;position:absolute;top:0;left:-0.1rem;right:-0.1rem;height:100%;z-index:-1;}
.box-t2.img:before {background:linear-gradient(90deg, #d7effc 1px, transparent 1px);background-size:2rem 100%;}
.box-t2.img:after {background:linear-gradient(0deg, #d7effc 1px, transparent 1px);background-size:100% 2rem;}
.box-t2.img img {display:block;}
.box-t2.img > img, .box-t2.img > ul {margin:auto;}
.pc .box-t2.img > img, .pc .box-t2.img > ul {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.mb .box-t2 {padding:2.0rem 2.5rem;}
.mb .box-t2.img {padding:4.0rem 2.5rem;}

/* 박스 내 불릿 */
.box-t2.txt-bul1:not(ul):not(dl):before, .box-t2.txt-bul1 > li:before, .box-t2.txt-bul1 > dd:before {background:#9599a6;}


/*--------------------------------------------------------------------------------
	# guide content : 박스타입4
---------------------------------------------------------------------------------*/
.box-t4 {margin:1.6rem 0;padding:2.0rem 0;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #d7d9dd;}
.mb .box-t4 {margin:0.7rem 0;}

/*--------------------------------------------------------------------------------
	# guide content : 박스타입3
---------------------------------------------------------------------------------*/
.box-t3 {background:#f7f9fa;padding:3.0rem 4.0rem 2.9rem;border-bottom:0.1rem solid #f0f3f5;}
.mb .box-t3 {padding:3.0rem 2.4rem 2.9rem;}
.pc .pop-modal1 .box-t3 {margin:-4.0rem -4.0rem 3.0rem;}
.mb .pop-modal1 .box-t3 {margin:-2.4rem -2.4rem 3.2rem;}

/*--------------------------------------------------------------------------------
	# guide content : 박스타입5
---------------------------------------------------------------------------------*/
.box-t5 {margin:1.6rem 0;padding:1.0rem 2.5rem;border:0.1rem solid #d9ebf7;text-align:center;background:#ebf5fb;}
.mb .box-t5 {margin:0.7rem 0;}

/*--------------------------------------------------------------------------------
	# guide content : 박스컨텐츠 : 약관용
---------------------------------------------------------------------------------*/
.box-con1 {height:16.0rem;padding:2.0rem 3.0rem;line-height:2.2rem;}
.box-con1[data-boxscroll="true"] {padding:1.5rem 0 !important;}
.box-con1[data-boxscroll="true"] .mCSB_container {padding:0 1.0rem 3.0rem 3.0rem;}
.form-agree1 .box-con1[data-boxscroll="true"] {border-bottom:0;}

/*--------------------------------------------------------------------------------
	# guide content : 영역1 : PC전용 박스스타일
---------------------------------------------------------------------------------*/
/* 기본 */
.wrap-area1 {position:relative;min-height:11.0rem;}
.wrap-area1 .bottom {padding:1.0rem;background:#f7f9fa;}
.wrap-area1 .bottom .txt-info1 {margin:0.5rem 0;}
.wrap-area1 .bottom .txt-info1, .wrap-area1 .bottom .txt-info1 > dt {display:inline-block;}
.wrap-area1 .bottom .txt-info1 > dd {padding:0;}
.wrap-area1 > .txt-date1:first-child {position:absolute;right:0;top:-3.0rem;}

.pc .wrap-area1 .bottom .link-t1 + .link-t1 {margin-left:5.0rem;}

.pc .wrap-area1 {max-width:85.0rem;margin:0 auto;padding:6.0rem 8.5rem;border:0.1rem solid #d7d9dd;}
.pc .wrap-area1 .tab-sub1 {margin:-6.0rem -8.5rem 6.0rem;}
.pc .wrap-area1 .bottom {margin:5.5rem -8.5rem -6.0rem;text-align:center;}
.pc .wrap-area1 .bottom .btn-set1 {margin:-1.0rem;}
.pc .wrap-area1 .bottom .txt-info1 {max-width:65%;}
.pc .wrap-area1 >:first-child:not(.tab-sub1), .pc .wrap-area1 > .txt-date1:first-child + * {margin-top:0;}
.pc .wrap-area1 >:last-child:not(.bottom) {margin-bottom:0;}
.pc .wrap-area1 .form-area1 {border:none;}
.pc .wrap-area1 .form-area1.tbl-form > table > tbody > tr > th {padding-left:0;}

.pc .wrap-area1.wide {max-width:100%;padding:3rem 3rem 6rem;}
.pc .wrap-area1.wide .bottom {margin:5.5rem -3.0rem -6rem -2.9rem}
.pc #content .wrap-area1.wide .form-area1.tbl-form > table > tbody > tr > th,
.pc #content .wrap-area1.wide .form-area1.tbl-form > table > tbody > tr > td {height:auto;}
.pc #content .wrap-area1.wide .form-area1.tbl-form > table > tbody > tr > th {padding-top:2.5rem;}
.pc #content .wrap-area1.wide .form-area1.tbl-form > table > tbody > tr:first-child th {padding-top:1rem;}
.pc #content .wrap-area1.wide .form-area1.tbl-form > table > tbody > tr:first-child td {padding-top:0;}

/* 바텀 고정 */
.pc #uiNavBottom {position:relative;}
.pc #uiNavBottom.fixed {position:absolute;top:0;left:0;right:0;margin:0 -0.1rem;border-left:0.1rem solid #d7d9dd;border-right:0.1rem solid #d7d9dd;z-index:3;}
.pc .wide #uiNavBottom.fixed {margin:0 -0.1rem;}


/* 색상변경 */
.wrap-area1.c1 {background:#f7f9fa;}
.wrap-area1.c1 .bottom {background:#fff;}

.pc .wrap-area1.c1 .area-btn1.col2 {margin:3.0rem 0 0;}
.pc .wrap-area1.c1 .area-btn1.col2 .btn-sub1 {font-size:1.6rem;line-height:5.4rem;}
.pc .pop-modal1 .wrap-area1.c1 {padding:3.0rem;}
.pc .pop-modal1 .wrap-area1.c1 .bottom {margin:4.0rem -3.0rem -3.0rem;}

/* 모바일 */
.mb .wrap-area1 .tab-sub1 {margin:0;width:100%;border:0;}
.mb .wrap-area1 .bottom {margin:5.0rem -2.4rem 0;padding:1.0rem 2.4rem;}
.mb .wrap-area1 .bottom .txt-info1 {position:relative;text-align:center;}
.mb .wrap-area1 .bottom p.txt-info1 {text-align:left;}
.mb .wrap-area1 .bottom .btn-set1 {margin:-1.0rem -2.4rem;}

.mb .wrap-area1 .mes-result1 + .bottom {margin:3.2rem 0 0;}
.mb .wrap-area1 .mes-result1 + .bottom dt, .mb .wrap-area1 .mes-result1 + .bottom dd {font-size:1.3rem;}
.mb .wrap-area1 .mes-result1 + .area-btn1 {margin:2.8rem 0;}
.mb .wrap-area1 .mes-result1 + .area-btn1 + .bottom {margin:4.0rem 0;text-align:center;}
.mb .wrap-area1.mbox {padding:2.4rem 2.4rem 3.0rem;border:0.1rem solid #d7d9dd;}
.mb .wrap-area1.mbox .tab-sub1 {margin:-2.4rem -2.4rem 3.0rem;width:calc(100% + 4.8rem);}

/* 모바일 : 박스스타일 */
.mb .wrap-area1.mbox .bottom {margin:3.0rem -2.4rem -3.0rem;}
.mb .wrap-area1.mbox .bottom:after {content:'';display:block;clear:both;}
.mb .wrap-area1.mbox .bottom > a {float:left;padding:1.0rem;width:50%;text-align:center;}
.mb .wrap-area1.mbox .bottom > a + a {margin-left:-0.1rem;border-left:0.1rem solid #fff;}
.mb .wrap-area1.mbox .bottom > a .link-t1 {line-height:1.4;}

.mb #container:last-child > #content .wrap-area1:only-child .bottom {position:fixed;left:0;right:0;bottom:0;margin:0;}

/*--------------------------------------------------------------------------------
	# guide content : 영역2 : 박스스타일
---------------------------------------------------------------------------------*/
/* 기본 */
.pc .wrap-area2 {max-width:68.0rem;margin:0 auto;}

/*--------------------------------------------------------------------------------
	# guide content : 영역3 : 결과형
---------------------------------------------------------------------------------*/
/* 기본 */
.wrap-area3 {position:relative;margin:4.5rem 0 0;padding:2.4rem 2.4rem 4.0rem;border-top:0.1rem solid #d8d9dd;}
.wrap-area3:before {content:'';display:block;position:absolute;left:50%;top:0;width:1.2rem;height:1.2rem;margin:-0.3rem 0 0;background:#fff;border-left:0.1rem solid #d8d9dd;border-top:0.1rem solid #d8d9dd;-ms-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);}
.pop-modal1 .wrap-area3 {margin:4.5rem -2.4rem -2.4rem;}

.pc .wrap-area3 {padding:4.0rem;}
.pc .wrap-area3 .txt-info1:first-of-type {margin-top:0;}
.pc .pop-modal1 .wrap-area3 {margin:4.0rem -4.0rem -4.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 영역4 : 컨텐츠 좌우분할
---------------------------------------------------------------------------------*/
/* 기본 */
.wrap-area4 {display:inline-block;width:100%;margin:0;vertical-align:top;}
.wrap-area4 > .area {position:relative;}
.wrap-area4 > .area {width:45%;width:calc(50% - 1.2rem);float:left;}
.wrap-area4 > .area ~ .area {margin:0 0 0 2.4rem;}
.wrap-area4 > .area:empty {background:rgba(97,102,122,0.8);text-align:center;line-height:10.0rem;}
.wrap-area4 > .area:empty:before {content:'컨텐츠영역';color:#fff;}

.pc .wrap-area4.s1 > .area {width:65%;width:-webkit-calc(63.5% - 4.5rem);width:calc(63.5% - 4.5rem);float:left;}
.pc .wrap-area4.s1 > .area:nth-child(2n) {width:33%;width:-webkit-calc(36.5% - 4.5rem);width:calc(36.5% - 4.5rem);float:right;}

.pc .wrap-area4.col3 > .area {width:30%;width:-webkit-calc(33.3% - 1.6rem);width:calc(33.3% - 1.6rem);}

.mb .wrap-area4 > .area {float:none;width:100%;margin:0;}
.mb .wrap-area4 > .area ~ .area {margin:1.6rem 0;}

/* 좌에서 > 우로 화살표 추가 */
.wrap-area4.arrow .area:before,
.wrap-area4.arrow .area:after {content:'';position:absolute;left:-2.5rem;top:50%;display:block;width:0.1rem;height:2.5rem;margin:-1.2rem 0 0 0.5rem;background:#0082d0;}
.wrap-area4.arrow .area:first-child:before,
.wrap-area4.arrow .area:first-child:after {display:none;}

.pc .wrap-area4.arrow .area {width:calc(50% - 3rem)}
.pc .wrap-area4.arrow > .area ~ .area {margin:0 0 0 6rem}
.pc .wrap-area4.arrow .area:before {-webkit-transform:rotate(-35deg) translateY(-50%);transform:rotate(-35deg) translateY(-50%);}
.pc .wrap-area4.arrow .area:after {-webkit-transform:rotate(35deg) translateY(50%);transform:rotate(35deg) translateY(50%);}

.mb .wrap-area4.arrow > .area ~ .area {margin:3.0rem 0 1.6rem}
.mb .wrap-area4.arrow .area:before,
.mb .wrap-area4.arrow .area:after {top:0;left:50%;margin:-1.8rem 0 0 0rem}
.mb .wrap-area4.arrow .area:before {-webkit-transform:rotate(55deg) translateY(-50%);transform:rotate(55deg) translateY(-50%);}
.mb .wrap-area4.arrow .area:after {-webkit-transform:rotate(125deg) translateY(50%);transform:rotate(125deg) translateY(50%);}

/*--------------------------------------------------------------------------------
	# guide content : 영역5 : 회색박스형
---------------------------------------------------------------------------------*/
/* 컨텐츠 회색박스영역 : 바닥페이지 */
.pc .section .wrap-area5 {position:relative;margin:7.0rem 0 0;padding:4.0rem 0 6.0rem;}
.pc .section .wrap-area5:before {content:'';display:block;position:absolute;left:50%;top:0;bottom:0;min-width:120.0rem;width:100vw;margin:0 0 0.1rem;z-index:-1;background:#f7f9fa;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.pc .section .wrap-area5:last-child {padding-bottom:10.0rem;margin-bottom:-10.0rem;}
html[lang="en"].pc .section .wrap-area5:last-child {padding-bottom:14.0rem;margin-bottom:-14.0rem;}
.pc .section .wrap-area5.nobg:before{display: none;}

.mb .section .wrap-area5.mblock {position:relative;padding:0 0 2.0rem;}
.mb .section .wrap-area5.mblock:before {content:'';display:block;position:absolute;left:-2.4rem;right:-2.4rem;top:6.5rem;bottom:0;z-index:-1;background:#f7f9fa;}
.mb .section .wrap-area5.mblock.nobg:before{display: none;}
.mb .section .wrap-area5:last-child {padding-bottom:7.0rem;margin-bottom:-2.3rem;}
.mb.app .section .wrap-area5:last-child {margin-bottom:-36.0rem;}

/* 컨텐츠 회색박스영역 : 팝업페이지 */
.pop-modal1 .wrap-area5 [data-boxscroll="true"] .mCSB_container {padding:0.1rem 0 0.1rem 0.1rem;}
.pop-modal1 .wrap-area5 [data-boxscroll="true"] .mCSB_scrollTools {z-index:20;}
.pop-modal1 .wrap-area5 [data-boxscroll="true"]:not(.list-data3) {border:0;}
.pop-modal1 .wrap-area5 [data-boxscroll="true"]:not(.list-data3) {height:27.7rem;}

.pop-modal1 .step-info3 {margin:0 -4.0rem 2.4rem;background:#fff;border-bottom:0.1rem solid #ebecee;}
.pop-modal1 .wrap-area5 {padding:2.4rem 4.0rem 4.0rem;background:#ebecee;}
.pop-modal1 .wrap-area5 .step-info3 {margin-top:-2.4rem;}
.pop-modal1 .content .wrap-area5 {margin:0 -4.0rem -4.0rem;width:auto;}

.mb .pop-modal1 .step-info3 {margin:0 -2.4rem 2.4rem;}
.mb .pop-modal1 .wrap-area5 {padding:2.4rem;}
.mb .pop-modal1 .wrap-area5 .step-info3 {margin-top:-2.4rem;}
.mb .pop-modal1 .content .wrap-area5 {margin:0 -2.4rem -2.4rem;width:auto;}

.wrap-area5 .tit-sub1 {text-align:center;}
.wrap-area5 .tit-sub1:first-child {margin-top:0;padding-top:0;}

/*--------------------------------------------------------------------------------
	# guide content : 영역 : 토글컨텐츠영역1
---------------------------------------------------------------------------------*/
.wrap-toggle1 {margin:2.0rem 0;}
.wrap-toggle1 > .con {margin:2.0rem 0 0;border-top:0.1rem solid #d7d9dd;padding:2.0rem 0;}
.wrap-toggle1 > .con > .txt-date1:first-child {border-bottom:0 !important;}
.wrap-toggle1 > .ui-toggle-con {display:none;}
.wrap-toggle1.active > .ui-toggle-con {display:block;}
.wrap-toggle1.active .btn-sub1.ic2:after {margin:0 0 -0.8rem 1.0rem;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);}

.wrap-toggle1 > .area-btn1 {margin:0;}

.pc .wrap-toggle1 > .con {padding:2.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 영역 : 토글컨텐츠영역2 : 모바일토글컨텐츠
---------------------------------------------------------------------------------*/
.mb .wrap-toggle2 {margin:0 -2.4rem;padding:3.0rem 2.4rem;}
.mb .wrap-toggle2 .ui-toggle-con {display:none;}
.mb .wrap-toggle2 .ui-toggle-con.list-con1 {margin:0;padding:0;}
.mb .wrap-toggle2 .ui-toggle-con.tbl-data1 {margin:2.4rem 1.6rem;}
.mb .wrap-toggle2 .active + .ui-toggle-con {display:block;border-bottom:0.1rem solid #d7d9dd;}

.mb .wrap-toggle2 > [class^="tit"] {position:relative;margin:0;padding:1.0rem 2.0rem 1.0rem 0.5rem;font-family:'OneShinhanL';border-top:0.1rem solid #d7d9dd;border-bottom:0.1rem solid #d7d9dd;}
.mb .wrap-toggle2 > [class^="tit"] ~ [class^="tit"] {border-top:0;}
.mb .wrap-toggle2 > [class^="tit"]:before, .mb .wrap-toggle2 > [class^="tit"]:after {display:none;}
.mb .wrap-toggle2 > [class^="tit"] button {position:absolute;left:0;right:0;top:0;bottom:0;display:block;width:100%;color:rgba(255,255,255,0);}
.mb .wrap-toggle2 > [class^="tit"] button:before, .mb .wrap-toggle2 > [class^="tit"] button:after {content:'';display:block;position:absolute;right:0.6rem;top:50%;width:1.3rem;height:0.1rem;background:#61667a;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.mb .wrap-toggle2 > [class^="tit"] button:after {-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.mb .wrap-toggle2 > [class^="tit"].active button:after {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.mb .wrap-toggle2 > [class^="tit"].active button:before {opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.mb .wrap-toggle2 > [class^="tit-sub"] {padding:1.0rem 4.5rem 1.0rem 1.5rem;font-size:1.8rem;}
.mb .wrap-toggle2 > [class^="tit-sub"] button:before, .mb .wrap-toggle2 > [class^="tit-sub"] button:after {right:1.6rem;}

.mb dl.wrap-toggle2 {margin:0;padding:0;}
.mb dl.wrap-toggle2 > dd {display:none;padding:1.0rem;}
.mb dl.wrap-toggle2 > dt.active {color:#212121;}
.mb dl.wrap-toggle2 > dt.active + dd {display:block;border-bottom:0.1rem solid #9599a6;}

.mb .wrap-toggle2 .ui-toggle-con.list-con1 {margin:0;}
.mb .wrap-toggle2 .ui-toggle-con.list-con1 > li, .mb .wrap-toggle2 .ui-toggle-con.list-con1 > div {padding:2.4rem 1.6rem;}

.pc .wrap-toggle2 > [class^="tit"] button {display:none;}
.pc .wrap-toggle2 div.tit-sub1 > :first-child, .pc .wrap-toggle2 .tit-sub1:not(div):not(dl), .pc .wrap-toggle2 dl.tit-sub1 > dt {margin-top:5.6rem;}

/*--------------------------------------------------------------------------------
	# guide content : BOARD
---------------------------------------------------------------------------------*/
/* 게시물 : 목록형 */
.board-list {border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.board-list > li + li {border-top:0.1rem solid #d7d9dd;}
.board-list > li , .board-list > li > a {display:block;position:relative;padding:2.0rem 0 1.6rem;}
.board-list > li > a {margin:-2.0rem 0 -1.6rem;}
.board-list > li mark {color:#0082d0;}
.board-list > li.nodata {text-align:center;line-height:29.1rem;}
.board-list .tit {display:inline-block;/*max-width:calc(100% - 7.0rem);*/font-size:1.6rem;line-height:2.0rem;color:#212121;font-weight:normal;vertical-align:top;word-break:break-all;}
.board-list a .tit {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list > li .icon-txt1 {vertical-align:top;}
.board-list > li > a > .icon-txt1 {margin:0.2rem 0 0 0.4rem;}
.board-list > li > a > *:first-of-type:not(.meta) {margin:0;}
.board-list .meta {display:block;margin:0.6rem 0 0 -1.5rem;line-height:2.0rem;color:#757575;vertical-align:top;}
.board-list .meta:after {content:'';clear:both;display:block;width:100%;}
.board-list .meta > li {float:left;margin:0 0 0 1.5rem;}
.board-list .meta > li:not(:only-child) {position:relative;}
.board-list .meta > li:not(.sup) + li:before {content:'';display:block;position:absolute;left:-0.8rem;top:50%;width:0.1rem;height:1.0rem;background:#d7d9dd;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.board-list .meta > li > span:first-child:not(:only-child) {margin-right:0.4rem;/*font-family:'OneShinhanM';*/}
.board-list .meta > li.sup {margin:0;}
.board-list > li > a > .icon-txt1:first-child {min-width:4.0rem;}
.board-list > li .txt-blind {font-size:1.6rem;line-height:2.0rem;color:#959595;}
.board-list > li .txt-blind ~ .tit {display:none;}
.board-list > li.active {z-index:1;}

.pc .board-list > li , .pc .board-list > li > a {padding:2.2rem 1.6rem;}
.pc .board-list > li > a {margin:-2.2rem -1.6rem;}
.pc .board-list .tit {max-width:60%;font-size:1.8rem;}
.pc .board-list .icon-txt1 + .tit {max-width:55%;}
.pc .board-list .meta {position:absolute;right:1.8rem;top:50%;margin:0 0 0 -3.5rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc .board-list .meta > li {margin:0 0 0 3.5rem;}
.pc .board-list .meta > li + li:before {left:-1.8rem;}
.pc .board-list .meta > li > span:first-child:not(:only-child):not(.sup) {margin-right:0.8rem;}
.pc .board-list .meta > li.sup {min-width:7.0rem;text-align:center;padding:0 1.3rem;}
.pc .board-list > li > a > .icon-txt1:first-child {margin-right:0.4rem;}
.pc .board-list > li .txt-blind {font-size:1.8rem;}

.mb .board-list > li.nodata {line-height:13.0rem;}
.mb .board-list .tit {display:block;}
.mb .board-list .icon-txt1 + .tit {margin-top:0.6rem;}
.mb .board-list .meta {font-size:1.2rem;}
.mb .board-list .meta > li.sup {position:absolute;top:2.0rem;right:0;text-align:right;}
.mb .board-list .tit + .icon-com2 {position:absolute;top:2.0rem;right:0;}
.mb .form-search1 + .board-list {border-top:0;margin-top:-3.0rem;}

/* 게시물 : 목록형 + 토글 */
.board-list.toggle > li {padding:1.6rem 0;}
.board-list.toggle > li > div {position:relative;margin:-1.6rem 0;padding:1.6rem 5.0rem 1.6rem 0;}
.board-list.toggle > li > div.detail {display:none;margin:1.6rem 0 -1.6rem;padding:1.6rem;background:#f7f9fa;}
.board-list.toggle .icon-txt1 ~ .tit {display:block;margin:0.8rem 0 0;}
.board-list.toggle .ui-toggle {overflow:hidden;display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;text-indent:-999.0rem;color:rgba(255,255,255,0);}
.board-list.toggle .ui-toggle:before, .board-list.toggle .ui-toggle:after {content:'';position:absolute;right:2.0rem;top:50%;width:0.1rem;height:1.2rem;margin:-0.6rem 0 0;background:#b0b3bc;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.board-list.toggle .ui-toggle:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0.8rem;}
.board-list.toggle .ui-toggle:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.board-list.toggle > li.active > div.detail {display:block;}
.board-list.toggle > li.active + li {border-color:#9599a6;}
.board-list.toggle > li.active .ui-toggle:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.board-list.toggle > li.active .ui-toggle:after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.pc .board-list.toggle > li {padding:2.2rem 1.6rem;}
.pc .board-list.toggle > li > div {margin:-2.2rem -1.6rem;padding:2.2rem 6.5rem 2.2rem 1.6rem;}
.pc .board-list.toggle > li > div.detail {margin:2.2rem -1.6rem -2.2rem;}
.pc .board-list.toggle .tit {max-width:70%;}
.pc .board-list.toggle .meta {right:6.5rem;}
.pc .board-list.toggle .ui-toggle:before, .pc .board-list.toggle .ui-toggle:after {right:3.0rem;}

/* 게시물 : 목록(FAQ)형 */
.board-faq > dt {position:relative;border-top:0.1rem solid #d7d9dd;border-bottom:0.1rem solid #9599a6;}
.board-faq > dt:first-child {border-top:0.1rem solid #9599a6 !important;}
.board-faq > dt:before, .board-faq > dd:before {content:'';display:block;position:absolute;top:2.5rem;left:2.1rem;width:1.4rem;height:1.6rem;}
.board-faq > dt:before {background:transparent url(../img/com/icon_set1.png) no-repeat 0 -31.5rem;background-size:35.0rem 35.0rem;}
.board-faq > dt + dd + dt {margin-top:-0.1rem;}
.board-faq > dd {display:none;position:relative;padding:2.2rem 2.4rem 2.8rem 6.4rem;color:#525252;line-height:2.4rem;border-bottom:0.1rem solid #9599a6;background:#f7f9fa;}
.board-faq > dd:before {background:transparent url(../img/com/icon_set1.png) no-repeat -1.4rem -31.5rem;background-size:35.0rem 35.0rem;}
.board-faq > dt a {position:relative;display:block;min-height:6.5rem;padding:2.0rem 2.4rem 2.0rem 6.4rem;font-family:'OneShinhanL';font-size:1.8rem;line-height:2.5rem;color:#212121;}
.board-faq > dt a:before, .board-faq > dt a:after {content:'';position:absolute;top:3.1rem;right:2.5rem;display:block;width:1.3rem;height:0.1rem;background:#b0b3bc;}
.board-faq > dt a:after {-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.board-faq > dt.active {border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid transparent;}
.board-faq > dt.active a {padding-bottom:1.7rem;color:#0082d0;}
.board-faq > dt.active a:before, .board-faq > dt.active a:after {background:#0082d0;}
.board-faq > dt.active a:after {top:3.2rem;-ms-transform:rotate(0deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.board-faq > dt.active + dd {display:block;margin-top:-0.1rem;}
.board-faq > dt.active + dd + dt {border-top:0.1rem solid transparent;}

.mb .board-faq > dt:first-child {border-color:#61667a;}
.mb .board-faq > dt:before, .mb .board-faq > dd:before {content:'';top:2.0rem;left:1.5rem;width:1.6rem;height:1.8rem;background:transparent url(../img/com/icon_set1.png) no-repeat 0 -36.0rem;background-size:40.0rem;}
.mb .board-faq > dt a {min-height:5.4rem;padding:1.6rem 4.0rem 1.6rem 4.0rem;line-height:2.6rem;word-break:break-all;}
.mb .board-faq > dt a:before, .mb .board-faq > dt a:after {top:2.8rem;right:1.6rem;}
.mb .board-faq > dd {padding:1.5rem 1.6rem 2.8rem 4.7rem;border-top:0.1rem solid #d7d9dd;border-bottom:0.1rem solid #61667a;}
.mb .board-faq > dd:before {background-position:-1.6rem -36.0rem;}

/* 게시물 : 목록(이미지)형 */
.board-img {margin:1.0rem 0 1.0rem -4.8rem;}
.board-img:after {content:'';display:block;clear:both;}
.board-img > li {float:left;margin:0 0 0 4.8rem;width:calc(50% - 4.8rem);}
.board-img > li:nth-child(2) ~ li {margin-top:4.8rem;}
.board-img > li.nodata {width:100%;text-align:center;clear:both;line-height:34.0rem;}
.board-img > li a {display:block;border:0.1rem solid #d7d9dd;box-sizing:border-box;}
.board-img div.img {position:relative;margin:0;width:100%;height:28.4rem;color:#fff;text-align:center;background:#ebecee;}
.board-img div.img:before {content:'';position:absolute;left:50%;top:50%;width:13.8rem;height:11.4rem;background:url(../img/com/icon_set1.png) no-repeat 0 -42.9rem;background-size:66.0rem;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.board-img div.img img {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.board-img div.img .icon-txt2 {position:absolute;top:auto;bottom:-1.2rem;left:auto;right:3.2rem;z-index:2;}
.board-img div.img + div {padding:3.2rem 2.4rem 1.7rem;}
.board-img div.img + div > strong, .board-img div.img + div > span, .board-img div.img + div > em {display:block;}
.board-img div.img + div > strong {display:inline-block;position:relative;margin-left:-0.2rem;margin-bottom:1.7rem;max-width:100%;font-size:2.0rem;font-weight:normal;word-break:break-all;}
.board-img div.img + div > em {font-size:1.4rem;color:#61667a;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.board-img div.img + div > .date {color:#757575;}
.board-img div.img + div > .date .icon-txt3 {margin:0.1rem 0.8rem 0 0;vertical-align:top;}

.pc .board-img > li.nodata {border-top:0.1rem solid #9599a6;}
.pc .board-img a:hover, .pc .board-img a:focus {margin-bottom:-0.3rem;border-bottom:0.4rem solid #0096d6;box-shadow:0.6rem 0.6rem #ebecee;outline:none;}
.pc .board-img a:hover div + div > strong:after,
.pc .board-img a:focus div + div > strong:after {content:'';display:block;position:absolute;top:auto;left:0;bottom:0.2rem;width:100%;height:0.1rem;background:#212121;}
.pc .board-img div.img + div > strong {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.mb .board-img {margin:1.0rem 0;}
.mb .board-img > li {margin:0;width:100%;}
.mb .board-img > li + li {margin-top:2.4rem;}
.mb .board-img > li.nodata {line-height:17.0rem;}
.mb .board-img div.img {height:0;padding:55% 0 0;}
.mb .board-img div.img .icon-txt2 {bottom:-1.0rem;right:1.6rem;}
.mb .board-img div.img:before {width:8.4rem;height:7.0rem;background-position:0 -26.0rem;background-size:40.0rem;}
.mb .board-img div.img + div {padding:2.0rem 1.6rem 2.4rem;}
.mb .board-img div.img + div > strong {display:block;font-size:1.6rem;line-height:2.2rem;}
.mb .board-img div.img + div > em {font-size:1.2rem;margin-bottom:0.3rem;}
.mb .board-img div.img + div > .date {margin-top:1.6rem;font-size:1.2rem;}
.mb .board-img div.img + div > .date .icon-txt3 {margin-top:0;}

/* 게시물 : 상세 */
.board-view {margin:0 0 1.0rem;position:relative;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6 ;}
#container .board-view > header {margin:0 !important;padding:1.9rem 1.6rem !important;text-align:left;overflow:hidden;}
#container .board-view > header .headline {font-size:1.8rem;line-height:2.6rem;color:#212121;word-break:break-all;}
#container .board-view header .meta {display:block;margin:0 0 0 -1.0rem;line-height:2.8rem;}
#container .board-view header .meta > li {float:left;position:relative;margin:0 0 0 3.2rem;}
#container .board-view header .meta > li + li:before {content:'';display:block;position:absolute;left:-1.6rem;top:50%;width:0.1rem;height:1.0rem;background:#d7d9dd;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#container .board-view header .meta > li > span {color:#757575;}
#container .board-view header .meta > li > span:first-child {margin-right:0.8rem;/*font-family:'OneShinhanM';*/}

.board-view .conts {padding:2.8rem 0;border-top:0.1rem solid #9599a6;}
.board-view .info-file {margin-top:2.0rem;padding:1.0rem 0 1.5rem;border-top:0.1rem solid #d7d9dd;}
.board-view .info-file dt {color:#212121;}
.board-view .conts .txt-bul1 > dd + dt {margin:2.0rem 0 0;}

.pc #container .board-view > header .headline {float:left;line-height:2.8rem;}
.pc #container .board-view header .meta {float:right;}
.pc .board-view .conts {min-height:34.0rem;padding:3.6rem 1.6rem 5.6rem;border-top:0.1rem solid #d7d9dd;}
.pc .board-view .info-file {padding:2.0rem 1.6rem 2.4rem;}

.mb #container .board-view {margin:-2.4rem 0 0;border-top:0;}
.mb #container .board-view > header {position:relative;padding:1.5rem 0 1.2rem !important;background:none;}
.mb #container .board-view header .meta {margin:0 0 0 -3.2rem;}
.mb #container .board-view header .meta > li {font-size:1.2rem;}

/* 게시물 : 답변 */
.board-comment {position:relative;margin-top:-0.1rem;padding:2.4rem 1.6rem 2.4rem 6.2rem;background:#f7f9fa;border-top:0.1rem solid #d7d9dd;border-bottom:0.1rem solid #d7d9dd ;}
.board-comment dt {display:block;position:absolute;top:2.4rem;left:1.6rem;padding:0.1rem 0.4rem;width:3.0rem;font-size:1.1rem;color:#0082d0;line-height:1.3rem;text-align:center;background:#fff;border:0.1rem solid #0096d6;}
.board-comment dd + dd {margin-top:1.8rem;color:#757575;}
.board-view .board-comment {border-bottom:0;}

.mb .board-comment {padding:2.0rem 1.4rem 1.6rem;}
.mb .board-comment dt {position:relative;top:0;left:0;margin-bottom:1.2rem;}
.mb .board-comment dd + dd {font-size:1.3rem;}

/* 게시물 :이전글, 다음글 */
.board-move {margin:3.0rem 0;border-top:0.1rem solid #9599a6;border-bottom:0.1rem solid #9599a6;}
.board-move:after {content:'';display:block;clear:both;}
.board-move > dt, .board-move > dd {float:left;padding:0 0 0 1.5rem;line-height:4.5rem;border-top:0.1rem solid #d7d9dd;} /* 180625 수정 */
.board-move > dt:nth-child(1), .board-move > dt:nth-child(1) + dd {border-top:none;}
.board-move > dt {width:8.0rem;font-family:'OneShinhanM';color:#757575;} /* 180625 수정 */
.board-move > dt:after {content:'';display:inline-block;width:0.8rem;height:0.8rem;margin:0 0 0.1rem 1.0rem;border-left:0.1rem solid #bdc0c7;border-bottom:0.1rem solid #bdc0c7;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.board-move > dt:nth-child(1):after {margin-bottom:-0.1rem;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.board-move > dd {width:calc(100% - 8.0rem);} /* 180625 수정 */
.board-move > dd a {display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.board-view .conts ~ .board-move {margin:0;border-bottom:0;}

.pc .board-move > dt, .pc .board-move > dd {padding:1 1.6rem;font-size:1.6rem;line-height:4.8rem;}
.pc .board-move > dt {color:#757575;}
.pc .board-move > dd {padding-left:10;color:#212121;}

/*--------------------------------------------------------------------------------
	# guide content : 인터렉션용
---------------------------------------------------------------------------------*/
.ui-tab-con {display:none;}
.ui-tab-con.active, .wrap-toggle1.active .ui-tab-con {display:block;}
table.ui-tab-con.active, .wrap-toggle1.active table.ui-tab-con {display:table;}

/*--------------------------------------------------------------------------------
	# guide content : 기타영역
---------------------------------------------------------------------------------*/
/* 지도출력영역 */
.area-map {overflow:hidden;position:relative;width:100%;height:0;padding:45% 0 0;margin:2.0rem 0;background:#f7f9fa;z-index:0;}
.area-map > div {position:absolute;left:0;right:0;top:0;bottom:0;}
.mb .area-map {width:calc(100% + 4.8rem);height:0;padding:65% 0 0;margin:3.0rem -2.4rem 2.4rem;}

.pop-modal1 .area-map {width:calc(100% + 8.0rem);margin:0 -4.0rem;padding:62% 0 0;}
.pop-modal1 .tab-sub3 ~ .ui-tab-con .area-map {margin-top:-3.2rem;}
.pop-modal1 .tab-sub3 ~ .ui-tab-con .area-map:last-child {margin-bottom:-4.0rem;}

.mb .pop-modal1 .area-map {width:calc(100% + 4.8rem);margin:0 -2.4rem;}

/* 관리자등록컨텐츠 */
.input-wrap2.t1 + .area-admin {margin:1.6rem 0 0;padding:3.6rem 0;border-top:0.1rem solid #9599a6;}
.area-admin[data-boxscroll="true"] {border:0;}
.pc .area-admin[data-boxscroll="true"] {max-height:52.0rem;}
.pc hr.line + .area-admin {margin:3.5rem 0 0;border-top:0.1rem solid #d7d9dd;}

/* 임시컨텐츠영역 */
.area-temp {display:block;margin:1.0rem 0;padding:10.0rem 0;background:rgba(255,41,0,0.4);text-align:center;color:#fff;}

/* 가이드성영역 */
.area-guide {display:block;margin:1.0rem 0;padding:10.0rem 0 !important;background:rgba(97,102,122,0.6);text-align:center;color:#fff;}
.area-guide a {font-family:'OneShinhanM';font-size:2.4rem;line-height:5.0rem;color:#fff;border-bottom:0.1rem solid #fff;}
.area-guide a + a {margin:0 0 0 2.0rem;}
span.area-guide {line-height:2.0rem;margin:0;padding:2.0rem 0 !important;}
.area-admin .area-guide {margin:0;padding:25.0rem 0;background:rgba(0,130,208,0.4);text-align:center;color:#fff;font-family:'OneShinhanM';font-size:2.4rem;line-height:5.0rem;}
.area-admin .area-guide:before {content:'ADMIN CONTENT';display:block;}

/* [PC | 김선영 SRID : 20210324-001] 위법계약해지요구 안내 */
.ill-step {width:100%;}
.ill-step > li {position:relative;word-break:break-all;}
.ill-step > li:after {content:'→';display:inline-block;margin:0 0.3rem;}
.ill-step > li:nth-child(3) {padding-left:6rem;}
.ill-step > li:nth-child(3)::after {display:none}
.ill-step > li:nth-child(3) span {display:inline-block;position:absolute;left:0;top:0;}
.ill-step > li ul li:before {content:'→';display:inline-block;margin:0 0.3rem;}
.ill-step > li ul {width:100%;}
.ill-step > li ul:before {content:'';display:block;position:absolute;background:#525252;} 
.ill-step > li ul:before {left:5.5rem;top:1rem;width:1.5rem;height:0.1rem;}
.ill-step > li ul:after {content:'';display:block;position:absolute;background:#525252;left:6.3rem;bottom:1.1rem;width:0.1rem;height:calc(100% - 2.2rem);}	
.pc .ill-step > li {float:left;}
.pc .ill-step:after{content:'';display:block;clear:both;height:0;}
.pc .ill-step > li:nth-child(3) {width:50%;}
.pc.ie .ill-step > li ul:before {top:1.1rem;}
.mb .ill-step > li {display:inline;}
.mb .ill-step > li:nth-child(3) {display:block;}
.mb .ill-step > li ul li {text-indent: -1rem;padding-left: 2rem;}

/* [김선영 SRID : 20210622-003] 개인신용정보조회동의*/
.pop-modal1 .list-terms {height:100%;padding-bottom:1.5rem;}
.pop-modal1 .list-terms .list,.list-terms .list li {height:100%;}
.pop-modal1 .list-terms .list li .pinch-zoom-container {border: 0.1rem solid #d8d9dd;}
.pop-modal1 .list-terms .list li .pinch-zoom {left:0;top:0;}
.pop-modal1 .list-terms .list li .pinch-zoom img {image-rendering: auto;image-rendering: -webkit-optimize-contrast;}
.pop-modal1 .list-terms .bx-pager.bx-default-pager {margin-top:1.5rem;}
.pop-toast {display:none;z-index:999;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background: rgba(0, 0, 0, 0.7);}
.pop-toast .massage {z-index:9999;position:absolute;left:50%;top:50%;padding:0 1.5rem;width:100%;min-width:30rem;max-width:40rem;text-align:center;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.pop-toast .massage p {width:100%;padding:1.3rem 4rem;min-height:5rem;font-size:1.5rem;line-height:normal;word-spacing:-1px;color:#fff;word-break:keep-all;background: rgba(0, 0, 0, 0.7);border-radius:2.5rem;}
.pop-toast .massage em {font-family:'OneShinhanM'; font-size:inherit;color:#0082d0;}

.term_sch{margin-top: -1.5rem;}
.term_sch .date_box{float: right;}
.term_sch .date_box .tit{display: block; text-align: right; margin-right:0.5rem; height: 4rem; line-height: 4rem; vertical-align: middle;}
.term_sch:after{content: ''; display: block; clear: both;}
.mb .term_sch{margin-top: 1.5rem;}
.mb .term_sch .date_box .tit{display: none;}
.mb .term_sch .input-date > span.unit{width: 1.4rem; z-index: 0;}
.mb .term_sch .input-wrap2 > :last-child{width: 6rem;}
.mb .term_sch .input-wrap2{padding:0 6.4rem 0 0}
.mb .term_sch .input-date > span:not(:only-child):not(.unit) {width: calc(50% - 0.7rem);}
.mb .term_sch .input-date input.text{padding: 0 0.5rem}
.mb .term_sch .input-date .ui-datepicker-trigger{z-index: 0;}