@charset "utf-8";

/*--------------------------------------------------------------------------------
	Description: 공통 가이드
	Author: Netive
---------------------------------------------------------------------------------*/
/*팝업시 바디스크롤 hidden 2023-09-07 */
.popopen {overflow:hidden;}  
/*팝업시 이벤트 페이지 익스플로러 클릭 오류 2022-04-05 */
body.event_point {height:auto;overflow:hidden !important;}
body:not(.event_point) {height:100%;}
body.event_point.scroll.popopen, body.event_point.popopen {height:100% !important;}

/* --------------------------------------------------------------------------------
	## 로딩바 / overlay영역 
---------------------------------------------------------------------------------*/
/* overlay영역 */
.overlay {position:fixed;left:0;top:0;width:100%;height:100%;min-width:100%;min-height:100%;background:rgba(0,0,0,0.7);z-index:1000;}
.overlay ~ .overlay {background:rgba(0,0,0,0.3);}
.overlay2 {position:fixed;left:0;top:0;width:100%;height:100%;min-width:100%;min-height:100%;background:rgba(0,0,0,0.5) !important;z-index:1000;}
	
/* 코리 로딩 변경 2023-02-14 작업     // 2024-08 25.07 원복 */ 
/*div[class*="loading-koribar"] {display:none;overflow:hidden;position:fixed;left:50% !important;top:50% !important;margin:auto;min-width:142px;height:0;padding:120px 0 0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
div[class*="loading-koribar"].open {display:block;z-index:2000}
div[class*="loading-koribar"]:before, div[class*="loading-koribar"]:after {content:'';position:absolute;left:50%;top:0;display:block;width:142px;margin:0 0 0 -71px}
div[class*="loading-koribar"]:before{height:120px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sybnqvat.cat) no-repeat 0 0;-webkit-animation:aniLoading 1.6s steps(25) infinite;animation:aniLoading 1.6s steps(25) infinite}
div[class*="loading-koribar"]:after{top:110px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sybnqvat_one.cat) no-repeat 0 0;background-size:3550px 10px;-webkit-animation:aniLoading 10s steps(25) infinite;animation:aniLoading 10s steps(25) infinite}
div[class*="loading-koribar"] > p {height:0;overflow:hidden;font-size:1.4rem;line-height:1.8rem;text-align:center}
div[class*="loading-koribar"] > p span {display:block;color:#fff}
div[class*="loading-koribar"] > p span:first-child {font-family:'NanumSquareR'}*/


/* 용수과장 25.08 */ 
div[class*="loading-koribar"] {display:none;overflow:hidden;position:fixed;left:50% !important;top:50% !important;margin:auto;min-width:142px;height:0;padding:120px 0 0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
div[class*="loading-koribar"].open {display:block;overflow:visible;z-index:2000}
div[class*="loading-koribar"]:before{content:'';position:absolute;left:50%;top:0;display:block;width:156px;height:85px;margin:0 0 0 -78px}
div[class*="loading-koribar"]:before{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2SzYbnqvatone_624.tvs) no-repeat 0 0;background-size:156px 85px}
div[class*="loading-koribar"] p:after{content:'';position:absolute;left:50%;top:0;display:block;width:142px;margin:0 0 0 -71px}
div[class*="loading-koribar"] p:after{top:100px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sybnqvat_one.cat) no-repeat 0 0;background-size:3550px 10px;-webkit-animation:aniLoading 10s steps(25) infinite;animation:aniLoading 10s steps(25) infinite}
div[class*="loading-koribar"] > p {overflow:hidden;font-size:1.4rem;line-height:1.8rem;text-align:center}
div[class*="loading-koribar"] > p span {display:block;padding:.5rem 0 0;color:#fff}
div[class*="loading-koribar"] > p span:first-child {font-family:'NanumSquareR'}


/*현재 운영 중 변경 로딩 */
div[class*="pop-loading"]{display:none;position:fixed;left:50% !important;top:50% !important;margin:auto;min-width:156px;height:0;padding:90px 0 0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
div[class*="pop-loading"].open{display:block;z-index:2000}
div[class*="pop-loading"]:before{content:'';position:absolute;left:50%;top:0;display:block;width:156px;height:85px;margin:0 0 0 -78px}
div[class*="pop-loading"]:before{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2SzYbnqvatone_624.tvs) no-repeat 0 0;background-size:156px 85px}
div[class*="pop-loading"] > p {font-size:1.4rem;line-height:1.8rem;text-align:center}
div[class*="pop-loading"] > p span{display:block;color:#fff}
div[class*="pop-loading"] > p span:first-child{display:none;font-family:'NanumSquareR'}

/*
div[class*="pop-loading"].progress {padding:140px 0 0;}
div[class*="pop-loading"].progress, div[class*="pop-loading"].progress p {height:auto;}
*/

div[class*="pop-loading"].progress:after {background-position:-3266px 100%;-webkit-animation:aniLoading2 26s steps(23) 1;animation:aniLoading2 26s steps(23) 1}
div[class*="loading-koribar"].progress:after{-webkit-animation:aniLoading2 26s steps(23) 1;animation:aniLoading2 26s steps(23) 1}

/*0.1초, 3초, 8초, 15초, 30초*/
div[class*="loading-koribar"] p.ts01:after{-webkit-animation:aniLoading 0.1s steps(25) 1;animation:aniLoading 0.1s steps(25) 1}
div[class*="loading-koribar"] p.ts3:after{-webkit-animation:aniLoading 3s steps(25) 1;animation:aniLoading 3s steps(25) 1}
div[class*="loading-koribar"] p.ts8:after{-webkit-animation:aniLoading 8s steps(25) 1;animation:aniLoading 8s steps(25) 1}
div[class*="loading-koribar"] p.ts15:after{-webkit-animation:aniLoading 15s steps(25) 1;animation:aniLoading 15s steps(25) 1}
div[class*="loading-koribar"] p.ts30:after{-webkit-animation:aniLoading 30s steps(25) 1;animation:aniLoading 30s steps(25) 1}
div[class*="loading-koribar"] p.ts45:after{-webkit-animation:aniLoading 45s steps(25) 1;animation:aniLoading 45s steps(25) 1}


/* 로딩애니메이션1 : 기본형 */
@-webkit-keyframes aniLoading {
	0% {background-position:0 0}
	100% {background-position:-3550px 0}
}

@keyframes aniLoading {
	0% {background-position:0 0}
	100% {background-position:-3550px 0}
}

/* 로딩애니메이션2 : PROGRESS형 */
@-webkit-keyframes aniLoading2 {
	0% {background-position:0 100%}
	100% {background-position:-3266px 100%}
}

@keyframes aniLoading2 {
	0% {background-position:0 100%}
	100% {background-position:-3266px 100%}
}

.ie9 div[class*="pop-loading"]:before,
.ie9 div[class*="pop-loading"].progress:after {background-position:-1420px 0} 


/*--------------------------------------------------------------------------------
	# common
---------------------------------------------------------------------------------*/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
.hide2{overflow:hidden;display:none;position:absolute;width:0!important;height:0!important;opacity:0;text-indent:-9999px;min-width:0!importnat;min-height:0!important}
.mb-show{display:none !important;}
.mb-hide{display:block !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.oh{overflow:hidden !important;}
.block{display:block !important;}
.inblock{display:inline-block !important;}
.none{display:none !important;}
.movhide{clear:both;position:absolute;/* visibility:hidden; */overflow:hidden;left:-1000000px!important;top:-1000000px!important;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}

/* 2022-10 웹접근성  */
button:focus {outline:2px solid #000;}
input:focus {outline:2px solid #000;}
[tabindex="*"]:focus {outline:2px solid #000;}
.tab-nav1 > li a:focus {outline:2px solid #000;border:2px solid #000;} 
.btn-set1 > li a:focus {outline:none;border:2px solid #000;}
#sideControl #pageControlWrap .btn:focus {outline:2px solid #000;}

/* margin */
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.ml10{margin-left:10px !important;}
.pt0{padding-top:0 !important;}

h1,h2{font-family:NanumSquareL;}
h3,h4{font-family:NanumSquareR;color:#333;}

/* 사이즈  2023-03-14 이벤트 참여 동의 내역 추가 */
.w300 {max-width:300px;margin:auto;}
.w400 {max-width:400px;margin:auto;}
.w500 {max-width:500px;margin:auto;}

/*--------------------------------------------------------------------------------
	# guide content :FONT
---------------------------------------------------------------------------------*/
.normal{font-weight:normal !important;}
.b{font-weight:bold !important;}

.f-l{font-size:1.6rem !important;}
.f-s{font-size:1.3rem !important;}

.point1{color:#0081d1 !important;} /* 파랑 */
.point2{color:#FF4040 !important;} /* 주황 */ /*2021-10-21 웹접근성 인증 칼라 변경  */
.point3{color:#008000 !important;} /* 초록 */
.point4{color:#ced4d9 !important;} /* 보더칼라 */
.point5{color:#333 !important;} /* 짙은회색 */

.tr{text-align:right !important;}
.tc{text-align:center !important;}
.tl{text-align:left !important;}

.u{border-bottom:1px solid #666;padding-bottom:0;}
.point1.u{border-color:#0081d1;}
.point2.u{border-color:#ff8800;}

a[href^="tel"] {cursor:default;}

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

div[data-banner="bxslider"] .bx-pager-item + .bx-pager-item {margin:0 0 0 0.4rem;}
div[data-banner="bxslider"] .bx-pager-item > a {position:relative;overflow:hidden;display:inline-block;width:18px;height:18px;padding:0;vertical-align:top;font-size:0.1rem;line-height:1.4rem;color:rgba(255,255,255,0);}
div[data-banner="bxslider"] .bx-pager-item > a:before {content:'';display:block;position:absolute;left:0.2rem;top:0.2rem;border:5px solid #ced4d9;border-radius:8px;width:4px;height:4px;}
div[data-banner="bxslider"] .bx-pager-item > a.active:before {border-color:#17181a;background-color:#17181a;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}

div[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);}
div[data-banner="bxslider"] .bx-controls-auto-item > a:after {content:'';display:block;position:absolute;left:50%;top:50%;}
div[data-banner="bxslider"] .bx-controls-auto-item > a.active {display:none;}
div[data-banner="bxslider"] .bx-controls-auto-item > a.bx-start:after {width:0;height:0;margin:-0.7rem 0 0 -0.4rem;border-top:0.75rem solid transparent;border-bottom:0.75rem solid transparent;border-left:1.2rem solid #616466;}
div[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;}

div[data-banner="bxslider"] .bx-controls-direction > a {overflow:hidden;position:absolute;top:50%;width:1.8rem;height:0;padding:1.8rem 0 0;margin:-2.5rem 0 0;z-index:50;}
div[data-banner="bxslider"] .bx-controls-direction > a:after {content:'';display:block;position:absolute;top:0.2rem;width:0;height:0;border-top:0.8rem solid transparent;border-bottom:0.8rem solid transparent;}
div[data-banner="bxslider"] .bx-controls-direction > a.disabled {display:none;}
div[data-banner="bxslider"] .bx-controls-direction > a.disabled:after {/*opacity:0;*/}
div[data-banner="bxslider"] .bx-controls-direction > a.bx-prev {left:0;}
div[data-banner="bxslider"] .bx-controls-direction > a.bx-next {right:0;}
div[data-banner="bxslider"] .bx-controls-direction > a.bx-prev:after {left:0;border-right:1.2rem solid #17181a;}
div[data-banner="bxslider"] .bx-controls-direction > a.bx-next:after {right:0;border-left:1.2rem solid #17181a;}

/*--------------------------------------------------------------------------------
	# guide content : TITLE
---------------------------------------------------------------------------------*/
/* 서브타이틀1 */
.tit-sub1 {position:relative;margin:3.0rem 0 1.0rem;}
.tit-sub1 > h2, .tit-sub1 > h3, .tit-sub1 > h4, .tit-sub1 > h5, h2.tit-sub1, h3.tit-sub1, h4.tit-sub1, h5.tit-sub1 {font-family:'NanumSquareR';font-size:2.4rem;line-height:4.0rem;color:#333;}
.tit-sub1 > .sub {position:absolute;right:0;bottom:1.0rem;}
.tit-sub1 > .sub.mes-txt2 {bottom:0;}
.tit-sub1.bul1 {padding:0 0 0 4.0rem;}
.tit-sub1.bul1:before {content:'';position:absolute;left:0.1rem;top:1.2rem;width:1.8rem;height:1.2rem;background:#f9bd1c;-ms-transform:skew(24deg) rotate(25deg);-webkit-transform:skew(24deg) rotate(25deg);transform:skew(24deg) rotate(25deg);}

/* 서브타이틀2 */
.tit-sub2 {position:relative;display:block;margin:2.5rem 0 1.5rem;}
.tit-sub2 > h2, .tit-sub2 > h3, .tit-sub2 > h4, .tit-sub2 > h5, h2.tit-sub2, h3.tit-sub2, h4.tit-sub2, h5.tit-sub2 {font-size:2.0rem;font-family:'NanumSquareR';font-weight:normal;color:#333;}
.tit-sub2[class*="bul"] {padding:0 0 0.2rem 3.0rem;}
.tit-sub2[class*="bul"]:before, .tit-sub2[class*="bul"]:after {content:'';position:absolute;display:block;left:0;top:0.1rem;}
.tit-sub2.bul1:before {width:1.6rem;height:1.6rem;border:0.2rem solid #a1aab2;border-radius:50%;}
.tit-sub2.bul1:after {width:1.0rem;height:0.4rem;margin:0.4rem 0 0 0.6rem;border-left:0.2rem solid #48a5de;border-bottom:0.2rem solid #48a5de;background:#fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:0.2rem 0.2rem 0 #fff;}
.tit-sub2.bul2:before {top:0.3rem;width:0.9rem;height:0.9rem;border:0.5rem solid #f9bd1c;border-radius:50%;}
.tit-sub2 strong{color: #0081d1;font-weight: normal;}
.tit-sub2 > .sub {position:absolute;right:0;bottom:0;margin:0;}
.tit-sub1 + .tit-sub2, .wrap-area1 .area > .tit-sub2:first-child {margin-top:0;}
p.tit-sub2 {line-height:2.0rem;}

.tit-sub3 {position:relative;display:block;margin:3.5rem 0 1.0rem;}
.tit-sub3 > h2, .tit-sub3 > h3, .tit-sub3 > h4, .tit-sub3 > h5, h2.tit-sub3, h3.tit-sub3, h4.tit-sub3, h5.tit-sub3 {font-size:1.8rem;font-family:'NanumSquareR';font-weight:normal;color:#333;}

/*--------------------------------------------------------------------------------
	# guide content :텍스트/문구
---------------------------------------------------------------------------------*/
/* 타이틀형 안내문구1 */
.mes-headline1 {margin:5.0rem 0;text-align:center;font-family:'NanumSquareL';font-size:2.8rem;line-height:1.3;color:#333;}
.mes-headline1 strong {font-family:'NanumSquareR';font-weight:normal;}
.pop-modal1 .mes-headline1 {margin:3.0rem 0 2.0rem;font-size:1.8rem;font-family:'NanumSquareR';font-weight:normal;}
.pop-modal1 .mes-headline1 strong {color:#0081d1;}

/* 페이지안내문구 */
.mes-sub1 {position:relative;;padding:1.0rem 0 1.0rem 6.0rem;font-size:1.4rem;line-height:2.0rem;}
.mes-sub1:before {content:'';position:absolute;left:0;top:1.0rem;width:4.0rem;height:4.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba3.cat) no-repeat -24.0rem -24.0rem;background-size:90.0rem 45.0rem;}
.mes-sub1 strong {display:block;font-size:1.8rem;line-height:2.2rem;padding:0 0 1.0rem;font-family:'NanumSquareR';font-weight:normal;color:#333;}
.mes-sub1 .icon-tip {font-weight:bold;}
.mes-sub1 .mes-info2 li + li em {font-weight:bold;}
.mes-sub1.import strong {font-size:2.8rem;line-height:3.2rem;color:#0081d1}
.mes-sub1.import .mes-info2 li {font-size:1.5rem;line-height:2.2rem;}
.mes-sub1.import .mes-info2 li:before, .mes-sub1.import .mes-info2 li:after {top:0.5rem;}
.mes-sub1.import .mes-info2 li + li {margin:0.4rem 0 0;}

/* 가이드형 안내문구1 */
.mes-info1:not(ul), ul.mes-info1 > li {position:relative;padding:0 0 0 2.0rem;font-size:1.3rem;line-height:2.0rem;color:#888;}
.mes-info1:not(ul):before, ul.mes-info1 > li:before, .mes-info1:not(ul):after, ul.mes-info1 > li:after {content:'';position:absolute;display:block;}
.mes-info1:not(ul):before, ul.mes-info1 > li:before {left:0;top:0.4rem;width:1.4rem;height:1.4rem;background:#a1aab3;border-radius:50%;}
.mes-info1:not(ul):after, ul.mes-info1 > li:after {left:6px;top:0.7rem;width:0.2rem;height:0.1rem;border-top:0.5rem solid #fff;border-bottom:0.2rem solid #fff;}
.mes-info1.c1:not(ul), ul.mes-info1.c1> li, ul.mes-info1> li.c1 {color:#666;}
.mes-info1.c1:not(ul):before, ul.mes-info1.c1> li:before, ul.mes-info1> li.c1:before {background-color:#5c6166;}
ul.mes-info1 > li + li {margin:0.4rem 0 0;}
ul.mes-info1 > li ul li {padding:0 0 0 1.0rem;}
ul.mes-info1 > li ul li:before {content:'-';float:left;width:1.0rem;margin:0 0 0 -1.0rem;}

/* 가이드형 안내문구2 */
.mes-info2:not(ul), ul.mes-info2 > li {position:relative;padding:0 0 0 2.5rem;font-size:1.3rem;line-height:1.8rem;color:#666;}
.mes-info2:not(ul):before, ul.mes-info2 > li:before, .mes-info2:not(ul):after, ul.mes-info2 > li:after {content:'';position:absolute;display:block;left:0;top:0.3rem;}
.mes-info2:not(ul):before, ul.mes-info2 > li:before {width:1.1rem;height:1.1rem;border:0.2rem solid #a1aab2;border-radius:50%;}
.mes-info2:not(ul):after, ul.mes-info2 > li:after {width:0.7rem;height:0.3rem;margin:0.3rem 0 0 0.5rem;border-left:0.2rem solid #48a5de;border-bottom:0.2rem solid #48a5de;background:#fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:0.2rem 0.2rem 0 #fff;}
.mes-info2 strong {font-weight:normal;color:#333;}
ul.mes-info2 > li + li {margin:0.5rem 0 0;}

/* 가이드형 안내문구3 */
.mes-info3:not(:first-child) {margin:1.0rem 0;}
.mes-info3:not(ul), ul.mes-info3 > li, dl.mes-info3 > dd {position:relative;padding:0 0 0 1.6rem;font-size:1.3rem;line-height:1.4;color:#888;}
.mes-info3:not(ul):before, ul.mes-info3 > li:before, dl.mes-info3 > dd:before {content:'※';position:relative;display:inline-block;text-indent:-15px;}
.mes-info3.c1 li {color:#0081d1;}
dl.mes-info3 {padding-left:0 !important;}
dl.mes-info3:before {display:none;}
dl.mes-info3 dd ~ dt {margin:1.0rem 0 0;}
dl.mes-info3 dt {color:#666;}
.mes-info3 p{line-height:1.5}

.mes-info3[class*=" m"]:not(ul), ul.mes-info3[class*=" m"] > li {padding-left:1.1rem;}
.mes-info3.m1:not(ul):before, ul.mes-info3.m1 > li:before, dl.mes-info3.m1 > dd:before {content:'*';text-indent:-10px;top:0.3rem;}
.mes-info3.m2:not(ul):before, ul.mes-info3.m2 > li:before, dl.mes-info3.m2 > dd:before {content:'';width:0.2rem;height:0.2rem;background:#888;margin:0 0.7rem 0 -0.9rem;vertical-align:middle;}
.mes-info3.m3:not(ul):before, ul.mes-info3.m3 > li:before, dl.mes-info3.m3 > dd:before {content:'-';text-indent:-10px;}

.mes-info3.m4:not(ul), ul.mes-info3.m4 > li, dl.mes-info3.m4 > dd {padding-left:1.8rem;}
.mes-info3.m4:not(ul):before, ul.mes-info3.m4 > li:before, dl.mes-info3.m4 > dd:before {content:'○';text-indent:-1.8rem;}
.mes-info3.m4 .mark {display:inline-block;width:1.8rem;float:left;margin:0 0 0 -1.8rem;text-align:center;}
.mes-info3.m4 li + li {margin:0.5rem 0 0;}

dl.mes-info3.m3.default dt {padding:0 0 0 2.0rem;font-weight:normal;}
dl.mes-info3.m3.default dt:before {content:'□';float:left;margin:0 0 0 -2.0rem;width:2.0rem;}
dl.mes-info3.m3.default dd ~ dt {margin:1.0rem 0 0;}

.mes-info3.num > li {padding-left:1.5em;color:inherit;}
.mes-info3.num > li:before {display:none;}
.mes-info3.num > li > span:first-child {float:left;margin-left:-1.5em;text-indent:0;}
.mes-info3.num > li + li {margin:0.2em 0 0;}
.mes-info3.num > li ul {margin:0;}
.mes-info3.num > li ul > li + li {margin:0;}

.mes-info3.point1, .mes-info3.point1 > li, .mes-info3.point1 > dt, .mes-info3.point1 > dd {color:#0081d1;}

.mes-info3.default:not(ul), .mes-info3.default > li, .mes-info3.default > dt, .mes-info3.default > dd {font-size:1.5rem;line-height:1.4;color:inherit;}
.mes-info3.default > dd, .mes-info3.default > li + li {margin:0.2em 0 0;}
dl.mes-info3.default > dt {margin:0 0 0.5rem;font-weight:bold;color:#333;}
dl.mes-info3.default > dd {font-size:1.4rem;}

/* 가이드형 안내문구4 */
ul.mes-info4 > li {position:relative;padding:0 0 0 2.5rem;font-size:1.5rem;}
ul.mes-info4 > li:before {content:'';position:absolute;left:0;top:3px;display:block;width:1.5rem;height:1.5rem;border:4px solid #f9bd1c;border-radius:50%;box-sizing:border-box;}
ul.mes-info4 > li + li {margin:0.5rem 0 0;}

/* 문구타입1 */
.mes-txt1 {line-height:2.4rem;text-align:center;letter-spacing:-2px;}
.mes-txt1 strong {color:#0081d1;font-weight:normal;}
.mes-txt1 strong.data {display:block;margin-top:2.0rem;font-family:'NanumSquareR';font-size:2.8rem;color:#2b9330;letter-spacing:0;}
.mes-txt1 > b {display:block;font-family:'NanumSquareR';font-size:1.8rem;line-height:2.4rem;font-weight:normal;color:#333;}
.mes-txt1 > b:not(:first-child) {margin:1.5rem 0 0;}
.mes-txt1 + .mes-txt1 {margin:1.5rem 0 0;}

/* 문구타입2 */
.mes-txt2 {margin:1.0rem 0;text-align:right;font-size:1.4rem;color:#888;}
.mes-txt2 strong {font-weight:normal;color:#ff5b00;} /* 웹접근성 명도대비 수정 2023-10-11 */
h3.mes-txt2, h4.mes-txt2, h5.mes-txt2 {text-align:left;}
.wrap-area1 > .area > h3.mes-txt2, .wrap-area1 > .area > h4.mes-txt2, .wrap-area1 > .area > h5.mes-txt2 {margin-top:0;}
.pop-section .form-search3 + .mes-txt2 strong:first-child {color:inherit;} 

/* 기타 : nodata */
p.nodata {margin:1.0rem 0;padding:0;text-align:center;line-height:6.8rem;text-align:center;border:0.1rem solid #ced4d9;color:#888;}

/* 기타 */
.txt-sub {display:block;margin:1.0rem 0 0 0.5rem;font-size:1.3rem;line-height:1.8rem;color:#888;}

/* 아이콘형 : 툴팁 */
.icon-tip {position:relative;display:inline;/*white-space:nowrap;*/}
.icon-tip:after {content:'';display:inline-block;overflow:hidden;top:50%;width:1.5rem;height:1.5rem;margin:0 0.3rem 0.25rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -60px -150px;background-size:300px 300px;vertical-align:middle;}
.icon-tip.icon {overflow:hidden;display:inline-block;width:1.5rem;height:0;padding:1.5rem 0 0;overflow:hidden;white-space:nowrap;}
.icon-tip.icon:after {position:absolute;right:0;top:0;margin:0;}

/* 리스트 불릿 */
.list-tit1{font-weight:normal;color:#222;}
ul.list1:not(:last-child), p.list1:not(:last-child){margin-bottom:1.5rem;}
ul.list1 > li, p.list1{position:relative;display:block;margin-top:0.5rem;padding-left:1.0rem;}
.list1 > li:before, p.list1:before{content:'-';position:absolute;top:0;left:1px;}
ul.list1 > li > ul > li{margin-top:0.5rem;}
ul.list1 > li > ul > li > ul > li {margin-top:0.3rem;margin-left:12px;}

/* 리스트 불릿  20201208 추가 */
.list-tit3{font-weight:normal;color:#222;}
ul.list3:not(:last-child), p.list3:not(:last-child){margin-bottom:1.5rem;}
ul.list3 > li {position:relative;display:block;margin-top:0.5rem;}
ul.list3 > li > ul > li{margin-top:0.5rem;margin-left:12px;}
ul.list3 > li > ul > li > ul {margin:0.5rem 0 0.5rem}
ul.list3 > li > ul > li > ul > li {margin-top:0.3rem;margin-left:12px;}

/* 이강인 추가 */
ul.list2:not(:last-child), p.list2:not(:last-child){margin-bottom:1.5rem;}
ul.list2 > li, p.list2{position:relative;display:block;margin-top:0.5rem;padding-left:1.0rem;}
.list2 > li:before, p.list2:before{position:absolute;top:0;left:1px;}
ul.list2 > li > ul > li{margin-top:0.5rem;}
ul.list2 > li > ul > li > ul > li {margin-top:0.3rem;margin-left:12px;}

.txtB {font-size: 16px;font-weight: bold;text-decoration: underline;}


.con-policy1 {line-height:1.4;}
.con-policy1 > li + li {margin:2.0rem 0 0;}
.con-policy1 > li > span:first-child, .con-policy1 .tit {display:block;font-weight:normal;color:#222;}
.con-policy1 .list dd ~ dt {margin:1.0rem 0 0;}
.con-policy1 .list dd, .con-policy1 .list > li + li {margin:0.5rem 0 0;}
.con-policy1 .list dd span, .con-policy1 .list > li span {display:inline;font-size:1.4rem;color:#ff4f00;border-bottom:1px solid #ff4f00;} /*2021-10-21 웹접근성 인증 칼라 변경  */
.con-policy1 .list > li {position:relative;padding:0 0 0 1.0rem;}
.con-policy1 .list > li:before {content:'-';position:absolute;top:0;left:0;}
.con-policy1 .list:not(:first-child), .con-policy1 .tit + span {display:block;margin-top:1.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : 아이콘
---------------------------------------------------------------------------------*/
/* 일반아이콘 */
.icon-com1 {position:relative;display:inline-block;padding:0 0 0 2.5rem;}
.icon-com1:before {content:'';display:block;position:absolute;left:0;top:50%;width:1.6rem;height:1.5rem;margin:-0.7rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 0;background-size:30.0rem 30.0rem;}
.icon-com1.ic1:before {background-position:0 -3.0rem;}
.icon-com1.ic2:before {background-position:-3.0rem -3.0rem;}

/* 로고아이콘 */
.icon-logo {overflow:hidden;position:relative;display:inline-block;width:0;height:4.0rem;padding:0 0 0 8.0rem;}
.icon-logo:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba4.cat) no-repeat 0 0;}
.icon-logo.ic1:after {background-position:0 0;}
.icon-logo.ic2:after {background-position:-12.0rem 0;}
.icon-logo.ic3:after {background-position:-24.0rem 0;}
.tbl-list th .icon-logo {display:block;margin:0 auto;}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON
---------------------------------------------------------------------------------*/
/* 버튼공통 */
.btn-action, .btn-com,
.btn-sub1, .btn-sub2, .btn-sub3, .btn-sub4,
.btn-icon1, .btn-icon2, .btn-link, .btn-link2, .btn-link3, .btn-plus {position:relative;display:inline-block;text-align:center;/*white-space:nowrap;*/vertical-align:middle;}

/* 액션버튼 */
.btn-action {height:6.0rem;min-width:20.0rem;padding:0 5.4rem;font-size:1.8rem;line-height:5.2rem;color:#fff;font-weight:bold;background:#0081d1;border:0.1rem solid #0081d1;}
.btn-action.c1 {background-color:#2b9330;border-color:#2b9330;}
.btn-action:link, .btn-action:visited, .btn-action:hover, .btn-action:active {color:#fff;}

.btn-action[class*="arr"] {background:none;border:0;}
.btn-action[class*="arr"]:before, .btn-action[class*="arr"]:after {content:'';display:block;position:absolute;top:0;bottom:0;z-index:-1;}
.btn-action.arr1 {padding-right:8.6rem;}
.btn-action.arr2 {padding-left:8.6rem;}
.btn-action.arr1:after, .btn-action.arr2:after {top:0;width:0.2rem;height:0.2rem;border-top:2.9rem solid transparent;border-bottom:2.9rem solid transparent;}
.btn-action.arr1:before {left:0;right:3.2rem;background:#0081d1;}
.btn-action.arr2:before {left:3.2rem;right:0;background:#45494d;}
.btn-action.arr1:after {right:0;border-left:3.0rem solid #0081d1;}
.btn-action.arr2:after {left:0;border-right:3.0rem solid #45494d;}

.ie10 .btn-action[class*="arr"] {padding:0;}
.ie10 .btn-action.arr1 {background:#0081d1;}
.ie10 .btn-action.arr2 {background:#45494d;}
.ie10 .btn-action[class*="arr"]:before, .ie10 .btn-action[class*="arr"]:after {display:none;}

.btn-action[class*="ic"]:before, .btn-action.ic6:after {content:'';display:inline-block;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 -6.0rem;background-size:30.0rem 30.0rem;vertical-align:middle;}
.btn-action[class*="ic"]:before {width:3.0rem;height:3.0rem;margin:0 1.0rem 0 0;}
.btn-action.ic1, .btn-action.ic4 {background-color:#2b9330;border-color:#2b9330;}
.btn-action.ic1:before {background-position:0 -6.0rem;}
.btn-action.ic2:before {background-position:-3.0rem -6.0rem;}
.btn-action.ic3:before {background-position:-6.0rem -6.0rem;}
.btn-action.ic4:before {background-position:-9.0rem -6.0rem;}
.btn-action.ic5:before {background-position:-12.0rem -6.0rem;}
.btn-action.ic6:after {width:1.5rem;height:1.5rem;margin:0 0 0 1.0rem;background-position:-21.0rem -3.0rem;}
.btn-action.ic6:before {display:none;}
.btn-action.ic7:before {width:6.9rem;margin:0;background:#ffeb03 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Svzntrf%2Spbzzba%2Svpa_xnxnbpreg.cat) 0 50% no-repeat;background-size:6rem 4.5rem}
.btn-action.ic7{background-color:#ffeb03;border-color:#ffeb03;color:#1e1e1e}
.btn-action.icon-none:before {display:none !important;} /* 190906 추가*/

/* 네이버 인증서 추가  2023-07-03 */
#noneAuthArea2 .area-btn1 {margin:5.0rem 0;}
.area-btn1 .Login_group.btn-action {height:10.0rem;width:10.0rem;margin:0 2.0rem 5.0rem;font-size:1.5rem;line-height:7.5rem;color:#333;min-width:auto;border-radius:50%;padding:0;}
.area-btn1 .Login_group.btn-action + .btn-action {margin:0 2.0rem 5.0rem;} /* 금융인증서 추가 2023-08-17 */
/* 카카오인증 아이콘 수정 2023-11-23 */
.area-btn1 .Login_group.btn-action:before {content:'';display:inline-block;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba3_231024.cat) no-repeat 0 -6.0rem;width:4.5rem;height:8.0rem;margin:0;background-size:120.0rem 60.0rem;vertical-align:middle;}


#phoneLogin.btn-action {background-color:#cbe6fa;border:none;}
#naverLogin.btn-action {background-color:#b5dfae;border:none;}
#kakaoLogin.btn-action {background-color:#fff299;border:none;}
#finLogin.btn-action {background-color:#e6e4e4;border:none;}
#delfinoLogin.btn-action {background-color:#cbe6fa;border:none;}

#phoneLogin.btn-action:before {background-position:-48.0rem -37.5rem;}
#naverLogin.btn-action:before {background-position:-56.0rem -37.5rem;}
#kakaoLogin.btn-action:before {background-position:-63.85rem -38.5rem;}/* 카카오인증 아이콘 수정 2023-11-23 */
#finLogin.btn-action:before {background-position:-71.91rem -37.5rem;}
#delfinoLogin.btn-action:before {background-position:-79.5rem -37.5rem;}

/* 전자서명  2023-07-27 */
.step3 #naverLogin {background-color:#45b035;}
.step3 #kakaoLogin {background-color:#ffeb03;}
.step3 #pinLogin {background-color:#0081d1;}
.step3 #delfinoLogin {background-color:#0081d1;}
.step3 #finCertLogin {background-color:#45b035;}

.area-btn1 .btn-action[class*="ic"].cr1 {background-color:#2b9330;border-color:#2b9330;}
.area-btn1 .btn-action[class*="ic"].cr2{background-color:#0081d1;border-color:#0081d1;}
.area-btn1 .btn-action[class*="ic"].cr3{background-color:#5c6166;border-color:#5c6166;}

.btn-action[class*="doc"] {padding:0 2.0rem;border:0.3rem solid #a1aab3;background:#fff;color:#333;font-weight:normal;text-align:center;min-width:30.0rem;}
.btn-action.doc > em:first-child {display:block;position:absolute;left:1.9rem;top:50%;width:3.0rem;height:3.0rem;overflow:hidden;padding:0 0 0 3.0rem;margin:-1.5rem 0 0;}
.btn-action.doc > em:first-child:before, .btn-action.doc > em:first-child:after {content:'';display:block;position:absolute;left:0;top:0;}
.btn-action.doc > em:first-child:before {width:2.6rem;height:2.6rem;border:0.2rem solid #a1aab2;border-radius:50%;}
.btn-action.doc > em:first-child:after {width:1.0rem;height:0.5rem;margin:1.0rem 0.9rem;border-left:0.2rem solid #a1aab2;border-bottom:0.2rem solid #a1aab2;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn-action.doc.complete {border-color:#5eb31f;}
.btn-action.doc.complete > em:first-child:before {background:#5eb31f;border-color:#5eb31f;}
.btn-action.doc.complete > em:first-child:after {border-color:#fff;}
.btn-action[class*="doc"].active span, .active .btn-action[class*="doc"] span{border-bottom:1px solid #333;}
.pop-modal1 .btn-action[class*="doc"] {min-width:22.0rem;}

.btn-action.doc1:before, .btn-action.doc2:before {content:'';display:inline-block;width:30px;height:30px;margin:0 1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -240px -60px;background-size:300px 300px;vertical-align:middle;}
.btn-action.doc1 > em, .btn-action.doc2 > em {overflow:hidden;position:absolute;left:-9999px;text-indent:-9999px;}
.btn-action.doc1.complete, .btn-action.doc2.complete {color:#fff;}
.btn-action.doc1:before {background-position:-240px -90px;}
.btn-action.doc2:before {background-position:-270px -90px;}
.btn-action.doc1.complete {border-color:#2b9330;background-color:#2b9330;}
.btn-action.doc2.complete {border-color:#0081d1;background-color:#0081d1;}
.btn-action.doc1.complete:before {background-position:-240px -60px;}
.btn-action.doc2.complete:before {background-position:-270px -60px;}
/* 청약단계 개선 2023-04-11  */
#btnAllDocumentView.btn-action.doc, #btnPolicyDocumentDown.btn-action.doc {padding:0 0 0 2.0rem;}
#btnAllDocumentView.btn-action.doc:before {content:'';display:inline-block;width:30px;height:30px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -240px -90px;background-size:300px 300px;vertical-align:middle;}
#btnPolicyDocumentDown.btn-action.doc:before {content:'';display:inline-block;margin-right:0.5rem;width:30px;height:30px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -270px -90px;background-size:300px 300px;vertical-align:middle;}


/* 버튼 : 기본  */
.btn-com {height:5.0rem;padding:0 4.0rem;line-height:4.6rem;color:#fff;background:#45494d;border:0.1rem solid #45494d;}
.btn-com.c1 {background-color:#0081d1;border-color:#0081d1;}
.btn-com.c2 {background-color:#e6edf2;border-color:#ced4d9;color:#333;}
.btn-com.c3 {background-color:#dae0e6;border-color:#dae0e6;color:#333;}
.btn-com.c4 {background-color:#f9bd1c;border-color:#f9bd1c;/*color:#8c4b00;*/}
.btn-com.c5 {background-color:#45494d;border-color:#45494d;color:#fff;}
.btn-com:link, .btn-com:visited, .btn-com:hover, .btn-com:active,
.btn-com.c4:link, .btn-com.c4:visited, .btn-com.c4:hover, .btn-com.c4:active {color:#fff;}
.btn-com.c2:link, .btn-com.c2:visited, .btn-com.c2:hover, .btn-com.c2:active,
.btn-com.c3:link, .btn-com.c3:visited, .btn-com.c3:hover, .btn-com.c3:active {color:#333;}
.btn-com.toggle:after {content:'';display:inline-block;width:0.8rem;height:0.8rem;margin:0 0 0.2rem 1.3rem;border-left:0.2rem solid #fff;border-bottom:0.2rem solid #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn-com.toggle.c2:after, .btn-com.toggle.c3:after {border-color:#45494c;}
.active .btn-com.toggle:after {margin:0 0 -0.2rem 1.3rem;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
section[class*="pop-win"] .area-btn1 .btn-com,
section[class*="pop-modal"] .area-btn1 .btn-com {height:4.0rem;line-height:3.8rem;padding:0 3.0rem;}

/* 버튼1 */
.btn-sub1 {min-width:9.0rem;height:4.0rem;padding:1.0rem 1.9rem;font-size:1.5rem;line-height:1.8rem;color:#fff;background:#45494d;border:0.1rem solid #45494d;}
.btn-sub1.c1 {background-color:#0081d1;border-color:#0081d1;}
.btn-sub1.c2 {background-color:#fdba31;border-color:#fdba31;}
.btn-sub1:link, .btn-sub1:visited, .btn-sub1:hover, .btn-sub1:active {color:#fff;}
.btn-sub1.c2:link, .btn-sub1.c2:visited, .btn-sub1.c2:hover, .btn-sub1.c2:active {color:#000;}/*2021-10-21 웹접근성 인증 칼라 변경  */

/* 버튼2 */
.btn-sub2 {height:3.0rem;padding:0.3rem 1.5rem;font-size:1.3rem;line-height:2.2rem;color:#fff;background:#45494d;border:0.1rem solid #45494d;}
.btn-sub2.c1 {background-color:#edf1f5;border-color:#ced4d9;color:#333;}
.btn-sub2:link, .btn-sub2:visited, .btn-sub2:hover, .btn-sub2:active {color:#fff;}
.btn-sub2.c1:link, .btn-sub2.c1:visited, .btn-sub2.c1:hover, .btn-sub2.c1:active {color:#333;}
.btn-sub2[class*="ic"] {padding-left:4.0rem;}
.btn-sub2[class*="ic"]:before {content:'';position:absolute;left:1.0rem;top:50%;display:block;width:2.0rem;height:2.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -12.0rem -9.0rem;background-size:30.0rem 30.0rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.btn-sub2.ic1:before {background-position:-12.0rem -9.0rem;}

/* 버튼3 */
.btn-sub3 {height:3.0rem;padding:0 1.0rem;font-size:1.3rem;line-height:2.8rem;color:#888;background:#fff;border:0.1rem solid #d9d9d9;}
.btn-sub3:link, .btn-sub3:visited, .btn-sub3:hover, .btn-sub3:active {color:#888;}
.btn-sub3.arr:after {content:'';display:inline-block;width:0;height:0;margin:0 0 0 0.7rem;border-top:0.4rem solid transparent;border-bottom:0.4rem solid transparent;border-left:0.4rem solid #d9d9d9;}

/* 버튼4 */
.btn-sub4 {height:3.2rem;padding:0 2.0rem;font-size:1.3rem;line-height:3.0rem;color:#fff;background:#0081d1;border:0.1rem solid #0081d1;border-radius:1.6rem;}
.btn-sub4.ic1:before {content:'';position:absolute;display:block;left:1.5rem;top:50%;width:20px;height:20px;margin:-1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -210px -120px;background-size:300px 300px;}
.btn-sub4.ic1 {margin:0 1.0rem;padding-left:4.5rem;}

/* 20180822 - 클래스 추가 */
.btn-sub4.ic2:before {content:'';position:absolute;display:block;left:1.5rem;top:50%;width:20px;height:20px;margin:-1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -230px -120px;background-size:300px 300px;}
.btn-sub4.ic2 {margin:0.4rem 1.0rem 0;padding-left:4.5rem;}
.btn-sub4.ic3:before {content:'';position:absolute;display:block;left:1.5rem;top:50%;width:20px;height:20px;margin:-1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -270px -120px;background-size:300px 300px;}
.btn-sub4.ic3 {position:absolute;top:0;right:0;margin:0.4rem 0 0;padding-left:4.5rem;}
.btn-sub4.ic4:before {content:'';display:block;left:1.5rem;top:50%;width:20px;height:20px;margin:0.4rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -250px -120px;background-size:300px 300px;}
.btn-sub4.ic4 {position:absolute;top:0;right:0;margin:0.4rem 0 0;padding: 0 0.5rem;}
.btn-sub4.ic5:before {content:'';position:absolute;display:block;left:1.5rem;top:50%;width:20px;height:20px;margin:-1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -150px -60px;background-size:300px 300px;}
.btn-sub4.ic5 {margin:0.4rem 1.0rem 0;padding-left:4.5rem;}

/* 1단계 수정 2022-06-30 */
.btn-sub5 {cursor:default;position:absolute;right:0;color:#38a100;top:-4rem;border-radius:0.3rem;height:3.0rem;padding:0.3rem 1.5rem;font-size:1.4rem;line-height:2.2rem;} /* 웹접근성 명도대비 수정 2023-10-11 */
.btn-sub5.confirm {color:#777;} /* 웹접근성 명도대비 수정 2023-10-11 */

/* 20200714 - 버튼 추가 */
.btn-icon3 {position:relative;overflow:hidden;padding:0 1.0rem 0 3.0rem;margin-left:0.2rem;white-space:nowrap;height: 3.2rem;font-size:1.3rem;line-height: 3.0rem;color: #fff;background: #0081d1;border: 0.1rem solid #0081d1;border-radius: 1.6rem;}
.btn-icon3:before, .btn-icon3:after {content:'';position:absolute;display:block;left:0.5rem;top:50%;}
.btn-icon3:before {width:20px;height:20px;margin:-1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -210px -120px;background-size:300px 300px;}
.input-wrap1 .btn-icon3 {position:absolute;right:0.2rem;top:0.4rem;margin:0;}

#idCardArea dd:first-child, #drvLcsArea dd:first-child {padding-left:2.0rem}

/* 버튼(아이콘) : 라운드형 */
.btn-icon1 {height:4.0rem;padding:0 2.0rem 0 4.8rem;line-height:4.0rem;color:#fff;background:#45494d;border-radius:2.0rem;}
.btn-icon1[class*="ic"]:before {content:'';position:absolute;left:2.0rem;top:50%;display:block;width:1.8rem;height:1.8rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -18.0rem -12.0rem;background-size:30.0rem 30.0rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.btn-icon1:link, .btn-icon1:visited, .btn-icon1:hover, .btn-icon1:active {color:#fff;}
.btn-icon1.ic2 {background-color:#ffe800;color:#333;}
.btn-icon1.ic1:before {background-position:-18.0rem -12.0rem;}
.btn-icon1.ic2:before {background-position:-15.0rem -12.0rem;}
.btn-icon1.ic3:before {background-position:-18.0rem -15.0rem;} /* 2022-04-01 추가 */

/* 버튼(아이콘) : 아이콘형 */
.btn-icon2 {position:relative;overflow:hidden;height:4.0rem;font-size:1.3rem;line-height:4.0rem;padding:0 1.0rem 0 3.0rem;white-space:nowrap;color:#333;}
.btn-icon2:before, .btn-icon2:after {content:'';position:absolute;display:block;left:0.5rem;top:50%;}
.btn-icon2:before {width:20px;height:20px;margin:-1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 -90px;background-size:300px 300px;}
.btn-icon2.search:before {background-position:0 -90px;}
.btn-icon2.ic1:before {background-position:-30px -90px;}
.btn-icon2.ic2:before {background-position:-60px -90px;}
.btn-icon2.ic3:before {background-position:-90px -90px;}
.btn-icon2.ic4:before {background-position:-120px -90px;}
.btn-icon2.ic5:before {background-position:-150px -90px;}
.btn-icon2.ic6:before {background-position:-180px -90px;}
.btn-icon2.ic7:before {background-position:-210px -90px;}
.btn-icon2.ic3{background:#fff;}
.btn-icon2.ic3.pre {color:#888;}
.btn-icon2.ic3.pre:before {opacity:0.3;}

/* 버튼 : SNS용 */
.btn-sns {margin:4.0rem 0;text-align:center;}
.btn-sns button {position:relative;display:inline-block;margin:0 0.4rem;width:40px;height:0;padding:40px 0 0;overflow:hidden;vertical-align:middle;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Svpba4.cat) no-repeat 0 -30px;background-size:300px 300px;}
.btn-sns button.fb {background-position:-40px -30px;}
.btn-sns button.tw {display:none;background-position:-80px -30px;}
.btn-sns button.nv {display:none;background-position:-120px -30px;}
.btn-sns button.url {width:auto;height:4.0rem;padding:0 3.0rem;font-size:1.4rem;border-radius:2.0rem;border:0.1rem solid #45494d;background:#45494d;color:#fff;}
.btn-sns button:first-child {display:none;}

/* 버튼 (기타) : 바로가기2, 추가하기 */
.btn-link, .btn-link2, .btn-plus {height:4.0rem;padding:1.0rem 4.0rem 1.0rem 2.0rem;font-size:1.3rem;line-height:1.6rem;color:#333;background:#fff;border:0.1rem solid #ced4d9;text-align:left;}
.btn-link:after, .btn-link2:after, .btn-link3:before, .btn-plus:after {content:'';display:inline-block;}
.btn-link:after, .btn-link2:after, .btn-link3:before {position:absolute;top:50%;}
.btn-link:link, .btn-link:visited, .btn-link:hover, .btn-link:active,
.btn-link2:link, .btn-link2:visited, .btn-link2:hover, .btn-link2:active,
.btn-link3:link, .btn-link3:visited, .btn-link3:hover, .btn-link3:active  {color:#333;}

.btn-link.c1 {background-color:#0081d1;border-color:#0081d1;color:#fff;}
.btn-link.c2 {background-color:#45494d;border-color:#45494d;color:#fff;}
.btn-link.c1:after, .btn-link.c2:after {border:0.2rem solid #fff;border-width:0 0.2rem 0.2rem 0;}

.btn-plus {border-radius:2.0rem;font-size:1.4rem;padding:1.0rem 5.5rem 1.0rem 3.0rem;}
.btn-plus:before, .btn-plus:after {content:'';position:absolute;right:3.0rem;top:1.3rem;background:#0081d1;}
.btn-plus:before {width:1.2rem;height:0.2rem;margin:0.5rem 0;}
.btn-plus:after {width:0.2rem;height:1.2rem;margin:0 0.5rem;}

.btn-link {min-width:15.0rem;}
.btn-link:after {right:1.0rem;width:0.6rem;height:0.6rem;border:0.2rem solid #0081d1;border-width:0 0.2rem 0.2rem 0;-ms-transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);}

.btn-link2 {min-width:14.0rem;background:#e6edf2;}
.btn-link2:after {right:1.0rem;width:14px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -120px -30px;background-size:300px 300px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.btn-link3 {height:3.0rem;padding:0.4rem 1.3rem 0.6rem 3.5rem;font-size:1.3rem;line-height:1.8rem;color:#333;background:#e6edf2;border:0.1rem solid #ced4d9;text-align:left;}
.btn-link3:before {left:1.0rem;width:14px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -120px -30px;background-size:300px 300px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

/* 버튼영역1 */
.area-btn1 {text-align:center;margin:5.0rem 0 0;}
.area-btn1.middle1 {margin:3.0rem 0;}
.area-btn1.middle2 {margin:2.0rem 0;}
.area-btn1 .btn-action + .btn-action {margin:0 0 0 1.5rem;}
.area-btn1 .btn-com + .btn-com {margin:0 0 0 0.6rem;}
ul.area-btn1 > li {display:inline-block;}

/* 버튼영역2 */
.area-btn2 {text-align:center;margin:3.0rem 0;}
.area-btn2 > a, .area-btn2 > button {display:block;width:100%;}
.area-btn2 > a + a {margin:1.0rem 0 0;}

/* 기타버튼그룹1 */
.btn-set1 {position:relative;width:100%;overflow:hidden;margin:1.0rem 0;}
.btn-set1 > li {overflow:hidden;display:block;float:left;width:50%;font-size:1.8rem;line-height:6.0rem;font-family:'NanumSquareR';background:#ebeef2;} /*  2022-10 웹접근성 height:6.0rem; */
.btn-set1 > li > a {position:relative;display:block;color:#333;padding:0 4.0rem;height:6.0rem;} /* 2022-10 웹접근성  height:6.0rem;*/
.btn-set1 > li:first-child > a {background:#45494d;color:#fff;}
.btn-set1 > li > a:after {content:'';position:absolute;right:4.0rem;top:50%;width:3.0rem;height:3.0rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -12.6rem -16.8rem;background-size:42.0rem 42.0rem;}
.btn-set1 > li.ic1 > a:after {background-position:-12.6rem -16.8rem;}
.btn-set1 > li.ic2 > a:after {background-position:-16.8rem -16.8rem;}

/* 기타버튼그룹2 */
.btn-set2 {margin:2.5rem 0 0;border-top:0.1rem dotted #ced4d9;}
.btn-set2 dt, .btn-set2 dd {padding:1.5rem;}
.btn-set2 dt {float:left;font-family:'NanumSquareR';font-size:1.8rem;line-height:4.0rem;}
.btn-set2 dd {border-bottom:0.1rem dotted #ced4d9;text-align:right;}
.btn-set2 dd a:only-child {min-width:26.0rem;}
.btn-set2[class*="ic"] dt:before {content:'';display:inline-block;vertical-align:middle;width:3.0rem;height:3.0rem;margin:0 1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 0;background-size:30.0rem 30.0rem;}
.btn-set2.ic1 dt:before {background-position:-3.0rem -12.0rem;}
.btn-set2.ic2 dt:before {background-position:-6.0rem -12.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : FORM ELEMENT
---------------------------------------------------------------------------------*/
/* input[type="text"] */
input.text {padding:0 1.0rem;height:4.0rem;border:0.1rem solid #ced4d9;border-width:0 0 0.1rem;color:#333;width:174px;}
/* input.text:focus, textarea.textarea:focus, .selectbox:focus {border-color:#a1aab3;outline:0;outline:none;} */
input.text:focus, textarea.textarea:focus, .selectbox:focus {border-color:#a1aab3;}  /* 20181219 셀렉트 포커스 관련 수정 */
input.text::-ms-clear, input[type="tel"]::-ms-clear {display:none;}

/* textarea */
.textarea {width:100%;padding:1.0rem;}
.umovie{width:95%;height:20rem;padding:1.5rem 1rem;font-size:1.3rem;line-height:1.8}
/* 셀렉트박스 : 기본 */
.selectbox {padding:0 2.5rem 0 1.0rem;height:4.0rem;color:#666;border:0.1rem solid #d9d9d9;border-width:0 0 0.1rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Ssbez_fryrpg1.cat) no-repeat 100% 50%;background-size:2.4rem 0.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.selectbox::-ms-expand {display:none;}
.ie9 .selectbox {padding-right:1.0rem;background:none;}

/* 공통스타일 */
input.text, div.text, select.selectbox, textarea.textarea {font-size:1.8rem;/*font-family:'NanumSquareR';*/}
placeholder {color:#888;}
:-webkit-input-placeholder {color:#888;}
:-ms-input-placeholder {color:#888 !important;}
input[type="text"]::-ms-clear, input[type="number"]::-ms-clear {display:none;}

input.text[disabled], /*input.text[readonly], */.selectbox[disabled] {background-color:#edf1f5;}
input.text[disabled], .selectbox[disabled] {color:#888;}
input.text[disabled].point1, input.text[readonly].point1, .selectbox[disabled].point1 {background-color:#fff;}
input[type="password"]{font-family:'맑은 고딕','Malgun Gothic';font-size:1.3rem;}
.chrome input[type="password"] {font-family:Arial;font-size:4.0rem;}
/* 2020-12-01 placeholder 수정
input[type="password"]::placeholder {font-size:2.0rem;}
input[type="password"]::-webkit-input-placeholder {font-size:2.0rem;}
input[type="password"]::-ms-input-placeholder {font-size:2.0rem;}
*/

/* 셀렉트박스 : 링크형 */
.list-select {overflow:hidden;position:relative;display:inline-block;height:4.0rem;vertical-align:top;border-bottom:0.1rem solid #d9d9d9;}
.list-select .headline, .list-select ul li a, .list-select ul li button {display:block;padding:0.9rem 3.5rem 0.9rem 1.0rem;font-size:1.7rem;line-height:2.2rem;letter-spacing:-0.2rem;}
.list-select .headline {position:relative;overflow:hidden;width:100%;height:4.0rem;text-align:left;color:#666;white-space:nowrap;text-overflow:ellipsis;}
.list-select .headline:hover, .list-select .headline:focus {text-decoration:none;}
.list-select .headline:after {content:'';position:absolute;right:1.5rem;top:50%;width:0.7rem;height:0.7rem;margin:-0.4rem 0 0;border-left:0.2rem solid #2e3133;border-bottom:0.2rem solid #2e3133;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.list-select ul {visibility:hidden;min-width:100%;height:0;padding:0.5rem 0;position:relative;background:#fff;}
.list-select ul li {position:relative;}
.list-select ul li a, .list-select ul li button {padding-right:1.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:#333;}
.list-select ul li.selected > a, .list-select ul li.selected > button {color:#0081d1;}
.list-select.active {overflow:visible;border-color:#333;z-index:50;border-radius:0.2rem 0.2rem 0 0;}
.list-select.active ul {visibility:visible;width:auto;height:auto;z-index:50;border:0.1rem solid #d9d9d9;margin:-0.1rem -0.1rem 0;}
.list-select.readonly .headline {background-color:#f2f2f2;}

/* 체크박스, 라디오버튼 : 기본 */
.label-check {position:relative;display:inline-block;}
.label-check label {display:inline-block;position:relative;}
.label-check label:after {content:'';display:inline-block;width:0;height:4.0rem;vertical-align:middle;}
.label-check label > input + span {font-family:'NanumSquareR';}
.label-check label > input:focus + span {outline:2px solid #000}/* 2023-10-12 웹접근성  outline:0.1rem dotted #ddd; */
.label-check label > input:first-child {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-check label > input:first-child + span {display:inline-block;padding:1.0rem 1.0rem 1.0rem 3.5rem;font-size:1.8rem;line-height:2.0rem;color:#333;vertical-align:middle;letter-spacing:-2px;}
.label-check label > input:first-child + span:before, .label-check label > input + span:after {content:'';position:absolute;left:0;top:0.75rem;}
.label-check label > input:first-child + span:before {width:2.1rem;height:2.1rem;border:0.2rem solid #ced4d9;border-radius:0.2rem;}
.label-check label > input:first-child + span:after {width:1.0rem;height:0.4rem;margin:0.8rem 0.7rem;border-left:0.2rem solid #ced4d9;border-bottom:0.2rem solid #ced4d9;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.label-check label > input[type="radio"] + span:before {border-radius:50%;}

/* 청약1단계 주소 찾기 도로명 주소 다건 출력 시 개별 디자인 적용(2019.07.03)*/
.list label span.labelAddressSelect {padding-left:3rem;font-size:1.6rem;font-weight:bold;}
.list label span.labelAddressSelect:before, .list label span.labelAddressSelect:after {content:'';position:absolute;left:0;top:0.75rem;}
.list label span.labelAddressSelect:before {width:2.1rem;height:2.1rem;top:0.1rem;border:0.2rem solid #ced4d9;border-radius:0.2rem;}
.list label span.labelAddressSelect:after {width:1.0rem;height:0.4rem;top:0.2rem;margin:0.8rem 0.7rem;border-left:0.2rem solid #ced4d9;border-bottom:0.2rem solid #ced4d9;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.list label span.labelAddressSelect:before {border-radius:50%;}
.list label span.labelAddressSelect.checkActive:before {background-color:#0081d1;border-color:#0081d1;}

.list label span.labelAddressInput {padding-left:3rem!important;font-size:1.6rem!important;font-weight:bold;}
.list label > span.labelAddressInput:before, .list label span.labelAddressInput:after{content:'';position:absolute;left:0;top:0.75rem;}
.list label > span.labelAddressInput:before {width:2.1rem;height:2.1rem;top:0.7rem;border:0.2rem solid #ced4d9;border-radius:0.2rem;}
.list label > span.labelAddressInput:after {width:1.0rem;height:0.4rem;top:0.6rem;margin:0.8rem 0.7rem;border-left:0.2rem solid #ced4d9;border-bottom:0.2rem solid #ced4d9;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.list label > span.labelAddressInput:before {border-radius:50%;}
.list label > span.labelAddressInput:before {background-color:#0081d1;border-color:#0081d1;}

.list label span.addressNodata {padding-left:1rem;opacity:0.5;font-size:1.4rem;}

.label-check label > input:first-child:checked + span:before {background-color:#0081d1;border-color:#0081d1;}
.label-check label > input:first-child:checked + span:after {border-left:0.2rem solid #fff;border-bottom:0.2rem solid #fff;}
.label-check label > input:first-child + span .icon-tip {vertical-align:middle;margin:0 0 0.2rem 0.4rem;}
.label-check label > input:first-child + span ~ .text {background-color:#edf1f5;width:auto;vertical-align:top;}
.label-check label > input:first-child:checked + span ~ .text {display:inline-block;background-color:#fff;}
.label-check label:not(:only-child) {margin-right:1.0rem;}

.label-check1 label > select:before {display:inline-block;padding:1.0rem 1.0rem 1.0rem 3.5rem;font-size:1.8rem;line-height:2.0rem;color:#333;vertical-align:middle;letter-spacing:-2px;}
.label-check1 label > select:after {width:1.0rem;height:0.4rem;margin:0.8rem 0.7rem;border-left:0.2rem solid #ced4d9;border-bottom:0.2rem solid #ced4d9;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*.label-check label > selectbox + span:after {width:1.0rem;height:0.4rem;margin:0.8rem 0.7rem;border-left:0.2rem solid #ced4d9;border-bottom:0.2rem solid #ced4d9;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
*/
.label-check.agree {display:block;width:100%;}
.label-check.agree label {display:block;margin:0;}
.label-check.agree label:after {display:none;}
.label-check.agree label > input:first-child + span {display:block;padding:1.0rem 4.0rem 1.0rem 0;}
.label-check.agree label > input:first-child + span:before {left:100%;margin-left:-2.5rem;}
.label-check.agree label > input + span:after {left:100%;margin-left:-1.8rem;}

ul.label-check {display:block;}
ul.label-check > li {position:relative;}
ul.label-check > li + li {margin:0.1rem 0 0;}
ul.label-check > li.nodata {font-size:1.4rem;line-height:12.7rem;padding:0;}
ul.label-check label {display:table;width:100%;}
ul.label-check label:after {display:none;}
ul.label-check label > input ~ span:not(:only-of-type) {display:table-cell;min-width:0;height:4.5rem;margin:0;padding-right:1.5rem;font-size:1.3rem;line-height:1.6rem;vertical-align:middle;}
ul.label-check label > input ~ span:not(:only-of-type):before, ul.label-check label > input ~ span:not(:only-of-type):after {top:50%;margin-top:-1.2rem;}
ul.label-check label > input ~ span:not(:only-of-type):after {margin-top:-0.4rem;}
ul.label-check label > input + span {color:#666;}
ul.label-check label > input + span:last-child {display:block;margin:0;}
ul.label-check label > input + span ~ span {padding-right:0;color:#333;text-align:right;white-space:nowrap;}
.box-scroll1.form ul.label-check > li.nodata {line-height:19.0rem;}

/* 체크박스, 라디오버튼 : 버튼형1 */
.label-btn {position:relative;display:inline-block;height:3.5rem;border-radius:0.3rem;border:0.1rem solid #ced4d9;}
.label-btn label {position:relative;display:block;float:left;width:50%;}
.label-btn label + label {border-left:0.1rem solid #ced4d9;margin:0 0 0 -0.1rem;}
.label-btn label input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-btn label span, .label-btn a {position:relative;display:block;min-width:6.5rem;padding:0;font-size:1.3rem;line-height:3.3rem;color:#888;text-align:center;white-space:nowrap;z-index:1}
.label-btn label:first-child, .label-btn label:first-child > span, .label-btn label:first-child > span:before {border-radius:0.3rem 0 0 0.3rem;}
.label-btn label:last-child, .label-btn label:last-child > span, .label-btn label:last-child > span:before {border-radius:0 0.3rem 0.3rem 0;}
.label-btn a {display:inline-block;min-width:8.5rem;border-radius:0.3rem}
.label-btn label input:checked + span, .label-btn a.complete {color:#fff}
.label-btn label input:checked + span:before, .label-btn a.complete:before {content:'';position:absolute;left:-0.1rem;right:-0.1rem;top:-0.1rem;bottom:-0.1rem;background:#0081d1;z-index:-1;}
.label-btn label input:focus + span {outline:2px solid #000}/*20181211 웹접근성 포커스이동으로 인한 추가  */ /* 2022-10 웹접근성  */
.label-btn a.complete:before {border-radius:0.3rem;}
.label-btn.type2 label span {width:8.5rem;}

/* 체크박스, 라디오버튼 : 버튼형2 */
.label-btn2 {margin:-0.5rem 0;}
.label-btn2 label {position:relative;display:inline-block;margin:0.5rem 0;vertical-align:top;}
.label-btn2 label input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-btn2 label span {position:relative;display:block;min-width:4.0rem;padding:0 1.2rem;font-size:1.6rem;line-height:3.8rem;color:#666;text-align:center;white-space:nowrap;border:0.1rem solid #ced4d9;background:#fff;}
.label-btn2 label input:checked + span {color:#fff;background-color:#5c6266;border-color:#5c6266;}
.label-btn2 a {position:relative;display:inline-block;margin:0.5rem 0;vertical-align:top;}
.label-btn2 a span {position:relative;display:block;min-width:4.0rem;padding:0 1.2rem;font-size:1.6rem;line-height:3.8rem;color:#666;text-align:center;white-space:nowrap;border:0.1rem solid #ced4d9;background:#fff;}
.label-btn2 a.active span{color:#fff;background-color:#5c6266;border-color:#5c6266;}
.label-btn2 a:hover span {border-color:#5c6266;}
.label-btn2 label:first-child span {min-width:7.0rem;}
.label-btn2 label:hover span {border-color:#a1aab3;}

.label-btn2.word {text-align:center;}

/* 라디오버튼 : 성별아이콘형1 */
.label-icon1 {position:relative;display:table;border-collapse:separate;border-radius:0.2rem;border-spacing:0.1rem;background:#ced4d9;/*background:rgba(255,255,255,0);*/}
.label-icon1 label {position:relative;display:table-cell;min-width:10.8rem;background:#fff;}
.label-icon1 label > input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
.label-icon1 label > span {position:relative;display:block;padding:0 1.0rem;line-height:3.8rem;color:#888;text-align:center;white-space:nowrap;box-sizing:content-box;}
.label-icon1 label > span:before {content:'';display:inline-block;width:2.5rem;height:2.5rem;margin:0.7rem 0.8rem 0 0;vertical-align:top;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -3.75rem -225px;background-size:375px 375px;} /* 20200519 - 남자여자 수정 */
.label-icon1 label:first-child, .label-icon1 label:first-child > span {border-radius:0.2rem 0 0 0.2rem;}
.label-icon1 label:last-child, .label-icon1 label:last-child > span {border-radius:0 0.2rem 0.2rem 0;}
.label-icon1 label:last-child > span:before {background-position:0 -225px;} /* 20200519 - 남자여자 수정 */
.label-icon1 label input:checked + span {margin:-0.1rem;padding:-0.1rem -1.1rem;/*background:#45494d;color:#fff;*/color:#333;font-weight:bold;}
.label-icon1 label input:focus ~ span {outline:0.1rem dotted #333;}
.label-icon1 label:first-child > input:checked + span:before {background-position:-3.75rem -300px;} /* 20200519 - 남자여자 수정 */
.label-icon1 label:last-child > input:checked + span:before {background-position:0 -300px;} /* 20200519 - 남자여자 수정 */

/* 인풋 + 인풋 */
.text + .text, .selectbox + .text {margin-left:1.2rem;}

/* 인풋 + 단위 */
.label-unit {position:relative;display:block;padding-right:4.0rem;cursor:default;}
.label-unit .text, .label-unit .selectbox {width:100%;min-width:0;}
.label-unit .unit {position:absolute;right:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.8rem;line-height:4.0rem;}
.label-unit.simple {display:inline-block;width:16.0rem;padding-right:6.0rem;}
.label-unit.simple .text {text-align:right;}
.label-unit.simple .unit {width:6.0rem;text-align:left;padding:0 0 0 2.0rem;}

/* 인풋 + 아이콘 */
.input-wrap1 {position:relative;}
.input-wrap1 .text {width:100%;padding-right:4.0rem;}
.input-wrap1 .text[readonly] {background:#fff;}
.input-wrap1 .btn-icon2 {position:absolute;right:0;top:0;margin:0;}
.input-wrap1 .btn-icon2.search {width:4.0rem;padding:0 0 0 4.0rem;background:rgba(255,255,255,0);}
.input-wrap1 .btn-icon2.search:before, .btn-icon2.search:after {left:50%;}
.input-wrap1 .btn-icon2.search:before {width:1.0rem;height:1.0rem;margin:-0.9rem 0 0 -0.9rem;border:0.2rem solid #333;border-radius:50%;background:none;}
.input-wrap1 .btn-icon2.search:after {width:0.2rem;height:0.8rem;margin:0.1rem 0 0 0.3rem;background:#333;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.input-wrap1 div.text {padding:0.5rem 4.0rem 0.5rem 1.0rem;min-height:4.0rem;border-bottom:0.1rem solid #ced4d9;line-height:3.0rem;}

.input-wrap1.col2, .input-wrap1.col3 {/*padding-right:4.0rem;*/padding-right:3.5rem;}/* 20180822 - 속성값 수정 */
.input-wrap1.col3 .text {width:30%;width:-webkit-calc(33% - 0.8rem);width:calc(33% - 0.8rem);padding:0 1.0rem;}
.input-wrap1.col3 .text + .text {margin:0 0 0 0.8rem;}

.input-wrap1 .text[readonly] + .btn-icon2.search, .input-wrap1 div.text + .btn-icon2.search {left:0;right:0;bottom:0;width:100%;height:100%;padding:0;background:rgba(255,255,255,0);text-align:right;color:rgba(255,255,255,0);}
.input-wrap1 div.text + .btn-icon2.search:before, .input-wrap1 div.text + .btn-icon2.search:after,
.input-wrap1 .text[readonly] + .btn-icon2.search:before, .input-wrap1 .text[readonly] + .btn-icon2.search:after {left:100%;top:0;}
.input-wrap1 div.text + .btn-icon2.search:before, .input-wrap1 .text[readonly] + .btn-icon2.search:before {width:1.0rem;height:1.0rem;margin:1.3rem 0 0 -2.9rem;border:0.2rem solid #333;border-radius:50%;background:none;}
.input-wrap1 div.text + .btn-icon2.search:after, .input-wrap1 .text[readonly] + .btn-icon2.search:after {width:0.2rem;height:0.8rem;margin:2.3rem 0 0 -1.5rem;background:#333;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.input-wrap1 .text[readonly] + .btn-icon2.search:focus, .input-wrap1 div.text + .btn-icon2.search:focus {border-bottom:0.1rem solid #a1aab3;outline:0;}

.input-wrap1.new .text[readonly] + .btn-icon2.search:focus, .input-wrap1.new div.text + .btn-icon2.search:focus {outline:1px dashed #ccc;}

/* 인풋 : 그리드형 */

/* 날짜표기형(기간) */
.input-date {display:inline-block;overflow:hidden;}
.input-date > .text, .input-date > .mark {float:left;margin:0;}
.input-date > .text {width:15.0rem;min-width:0;}
.input-date > .mark {width:3.0rem;line-height:4.0rem;text-align:center;}
.input-date .label-unit {display:inline-block;width:11.0rem;margin:0 1.5rem;padding-right:3.0rem;}
.input-date .label-unit:first-child {margin:0;}
.input-date > .mark ~ .label-unit {width:8.0rem;}

/* 고정컨텐츠 : 시간표기형 */
.timenum .text {width:10.0rem;}
.timenum button {margin:0 1.0rem;}

/* 고정컨텐츠 : 면허번호 */
.car-numwrap{flex-flow:wrap;}
.car-numwrap input{text-align:center;}
.car-numwrap .num1{width:174px;}
.car-numwrap .num2{width:50px !important;min-width:60px;}/* 면허번호 사이즈 조정 20200721*/
.car-numwrap .num3{width:90px !important;}
.car-numwrap .num4{width:50px !important;min-width:60px;}/* 면허번호 사이즈 조정 20200721*/

/* 고정컨텐츠 : 주민등록번호 */
.jumin .text {margin-left:0;}
.jumin .mark, .car-numwrap .mark {margin:0 6px;}
.jumin input[type="password"].w0 {width:40px !important;min-width:40px;}
.jumin .ast {font-family:'NanumSquareR';font-size:1.8rem;letter-spacing:0;}

/* 고정컨텐츠 : 전화번호 */
.phone {overflow:hidden;}
.phone > .text, .phone > .selectbox, .phone > .mark {float:left;margin:0;}
.phone > .text {width:26%;width:-webkit-calc(32% - 2.0rem);width:calc(32% - 2.0rem);text-align:center;max-width:10.0rem;}
.phone > .selectbox {width:30%;width:-webkit-calc(36% - 2.0rem);width:calc(36% - 2.0rem);max-width:10.0rem;}
.phone >.mark {display:inline-block;width:3.0rem;line-height:4.0rem;text-align:center;}
.phone > .selectbox:nth-last-child(7):first-child {float:none;display:block;width:40%;width:-webkit-calc(45% - 1.0rem);width:calc(45% - 1.0rem);margin:0 0 0.5rem;max-width:23.0rem;}
.phone > .selectbox:nth-last-child(6), .phone > .selectbox:nth-last-child(6) ~ .text {width:18%;width:-webkit-calc(22.5% - 2.0rem);width:calc(22.5% - 2.0rem);}
.phone .btn-icon2 {margin:0 0 0 1.0rem;}

/* 고정컨텐츠 : 이메일 */
.email {overflow:hidden;}
.email > span {display:block;overflow:hidden;float:left;width:40%;}
.email > span .text, .email > span .selectbox {margin:0;}
.email > span:first-child {width:60%;text-align:center;}
.email > span:first-child .text {float:left;width:40%;width:-webkit-calc(50% - 1.5rem);width:calc(50% - 1.5rem);margin:0;}
.email > span:first-child .text ~ .text {float:right;}
.email > span:first-child .mark {line-height:4.0rem;}
.email > span:first-child + span {position:relative;padding:0 0 0 3.0rem;}
.email > span:first-child + span .selectbox {width:100%;min-width:0;}
.email > span:first-child + span:before {content:'';display:block;position:absolute;left:1.5rem;top:50%;width:0.1rem;height:2.0rem;background:#ced4d9;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.email > span:first-child:nth-last-child(3) {width:50%;}
.email > span:first-child:nth-last-child(3) + span {width:32%;margin:0 1.5rem 0 0;}

.pop-modal1:not(.w800) .email > span {display:block;width:100%;padding:0;}
.pop-modal1:not(.w800) .email > span:first-child {margin:0 0 1.0rem;}
.pop-modal1:not(.w800) .email > span:first-child + span:before {display:none;}

/*--------------------------------------------------------------------------------
	# guide content : 검색 / 간략폼
---------------------------------------------------------------------------------*/
/* 검색폼1 */
.form-search1 {margin:5.0rem 0 3.0rem;padding:2.5rem 0;border-top:0.2rem solid #2e3133;background:#edf1f5;border-bottom:0.1rem solid #ced4d9;text-align:center;}
.form-search1 .input-wrap1 {width:48%;margin:0 auto;padding-right:0;}
.form-search1 .input-wrap1 .text {padding-right:5.0rem;padding-left:2.0rem;}
.form-search1 .btn-icon2 {right:1.0rem;}

@media only screen and (min-width: 1025px) {
	.form-search1 .input-wrap1 .text {border:0.1rem solid #ced4d9;font-size:1.5rem;}
	.form-search1 .input-wrap1 .text:focus {border-color:#a1aab3;}
	.form-search1 .btn-icon2.search:before {width:1.6rem;height:1.6rem;margin:-1.2rem 0 0 -1.2rem;}
	.form-search1 .btn-icon2.search:after {width:0.2rem;height:1.0rem;margin:0.3rem 0 0 0.6rem;}
}

/* 검색폼3 */
.form-search3 {margin:4.0rem 0;}
.form-search3 .input-wrap1 {width:48%;margin:0 auto;padding-right:0;text-align:center;padding:0.5rem;border:0.5rem solid #2e3133;}
.form-search3 .input-wrap1 .text {padding-right:5.0rem;font-size:1.5rem;border:0;}
.form-search3 .btn-icon2 {right:1.0rem;top:0.5rem;}
.form-search3 .btn-icon2.search:before {width:1.6rem;height:1.6rem;margin:-1.2rem 0 0 -1.2rem;}
.form-search3 .btn-icon2.search:after {width:0.2rem;height:1.0rem;margin:0.3rem 0 0 0.6rem;}
.form-search3 .sub {margin:2.0rem 0 0;padding:3.0rem;background:#f2f6fa;}
.form-search3:first-child {margin-top:0;}

/*--------------------------------------------------------------------------------
	# guide content : TAB
---------------------------------------------------------------------------------*/
/* 탭유형 : 상품기본탭  */
.tab-nav1 {overflow:hidden;position:relative;width:100%;max-width:1100px;margin:0 0 2.0rem;box-shadow:0 5px 15px rgba(0,0,0,0.15);}
.tab-nav1 > li {overflow:hidden;float:left;width:33%;background:#edf1f5;text-align:center;height:6.0rem;}/* 2021-04-01 상품개정 상품기본탭 숫자 조정  */  /* 2022-10 웹접근성  height:6.0rem;*/
.tab-nav1 > li:last-child {width:34%;}/* 2021-04-01 상품개정 상품기본탭 숫자 조정  */
.tab-nav1 > li > a {display:block;color:#333;padding:0 0 0.3rem;font-size:1.8rem;line-height:5.7rem;}
.tab-nav1 > li + li {border-left:0.1rem solid #c3cfd9;}
.tab-nav1 > li.active > a {background:#45494d;color:#fff;font-weight:bold;}

.product5 .tab-nav1 > li {overflow:hidden;float:left;width:25%;background:#edf1f5;text-align:center;}/* 2021-04-01 상품개정 농업인보험 상품기본탭 숫자 조정  */

/* 탭유형 : 서브탭1  */
.tab-sub1 {overflow:hidden;position:relative;padding:0 0 1.0rem;margin:0 0 3.0rem;}
.tab-sub1:before {content:'';position:absolute;left:0;right:0;bottom:1.0rem;height:0.1rem;background:#ced4d9;}
.tab-sub1 > li {display:block;float:left;width:50%;font-family:'NanumSquareR';font-size:2.0rem;line-height:7.0rem;text-align:center;}
.tab-sub1 > li > a {display:block;position:relative;color:#888;}
.tab-sub1 > li.active > a {color:#0081da;}
.tab-sub1 > li.active > a:before, .tab-sub1 > li.active > a:after {content:'';position:absolute;display:block;}
.tab-sub1 > li.active > a:before {left:0;right:0;bottom:0;height:0.3rem;background:#0081da;}
.tab-sub1 > li.active > a:after {left:50%;bottom:-0.5rem;width:0.8rem;height:0.8rem;margin:0 0 0 -0.5rem;border-left:0.3rem solid #0081da;border-bottom:0.3rem solid #0081da;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;}
.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%;}
.cont-visual ~ .tab-sub1 {margin:-3.0rem 0 3.0rem;}
.pop-modal1 .content > .tab-sub1,
.pop-modal1 .content.mCustomScrollbar .mCSB_container > .tab-sub1 {margin:-2.0rem 0 1.5rem !important;}
.pop-modal1 .content .tab-sub1 > li {font-size:1.8rem;line-height:5.0rem;}

/*--------------------------------------------------------------------------------
	# guide content : TOGGLE
---------------------------------------------------------------------------------*/
/* FAQ형 */
.toggle-list {margin:3.0rem 0 5.0rem;}
.toggle-list > li {position:relative;background:#fff;}
.toggle-list > li:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #ced4d9;}
.toggle-list > li + li {margin-top:10px;}
.toggle-list .toggle-tit {position:relative;font-family:'NanumSquareR';line-height:2.2rem;}
.toggle-list .toggle-tit:before, .toggle-list .toggle-con:before {display:block;position:absolute;left:4.0rem;font-family:'NanumSquareR';font-size:2.0rem;font-weight:bold;}
.toggle-list .toggle-tit:before {content:'Q .';top:2.6rem;}
.toggle-list .toggle-con:before {content:'A .';top:0.3rem;color:#333;}
.toggle-list .toggle-tit a {display:block;position:relative;padding:2.4rem 8.0rem;font-size:1.8rem;color:#333;}
.toggle-list .toggle-tit a:before, .toggle-list .toggle-tit a:after {content:'';display:block;position:absolute;top:50%;-webkit-transition:all 0.4s;transition:all 0.4s;}
.toggle-list .toggle-tit a:before {right:4.0rem;width:1.6rem;margin:-0.1rem 0 0;border-bottom:0.2rem solid #45494d;}
.toggle-list .toggle-tit a:after {right:4.7rem;height:1.6rem;margin:-0.8rem 0 0;border-left:0.2rem solid #45494d;opacity:1;}
.toggle-list .toggle-con {display:none;position:relative;padding:0 8.0rem 5.0rem;line-height:2.5rem;}
.toggle-list li.active:before {border:3px solid #45494d;}
.toggle-list li.active .toggle-tit:before, .toggle-list li.active .toggle-tit a {color:#0081d1;}
.toggle-list li.active .toggle-tit a:before, .toggle-list li.active .toggle-tit a:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.toggle-list li.active .toggle-tit a:before {border-color:#fff;}
.toggle-list li.active .toggle-con {display:block;}

.toggle-list1 {margin:3.0rem 0 5.0rem;}
.toggle-list1 > li {position:relative;background:#fff;}
.toggle-list1 > li + li {margin-top:10px;}
.toggle-list1 .toggle-tit {position:relative;font-family:'NanumSquareR';line-height:2.2rem;}
.toggle-list1 .toggle-tit:before, .toggle-list1 .toggle-con:before {display:block;position:absolute;left:4.0rem;font-family:'NanumSquareR';font-size:2.0rem;font-weight:bold;}
.toggle-list1 .toggle-tit a {display:block;position:relative;padding:2.4rem 8.0rem;font-size:1.8rem;color:#333;}
.toggle-list1 .toggle-tit a:before, .toggle-list1 .toggle-tit a:after {content:'';display:block;position:absolute;top:50%;-webkit-transition:all 0.4s;transition:all 0.4s;}
.toggle-list1 .toggle-con {display:none;position:relative;padding:0 8.0rem 5.0rem;line-height:2.5rem;}
.toggle-list1 li.active:before {border:3px solid #45494d;}
.toggle-list1 li.active .toggle-tit:before, .toggle-list1 li.active .toggle-tit a {color:#0081d1;}
.toggle-list1 li.active .toggle-tit a:before, .toggle-list1 li.active .toggle-tit a:after {-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.toggle-list1 li.active .toggle-tit a:before {border-color:#fff;}
.toggle-list1 li.active .toggle-con {display:block;}

#container .toggle-list .toggle-list1 .toggle-con .mes-info2:not(ul), #container .toggle-list .toggle-list1 .toggle-con ul.mes-info2 > li {font-size:inherit;}
#uiPOPHELP #uiTabTTPL .toggle-list .toggle-con > p:first-child {margin:0 0 1.0rem;}
#uiPOPHELP3 .toggle-list1 .toggle-con > p:first-child {margin:0 0 1.0rem;}

/* 간략형 */
.toggle-list.simple li .toggle-tit a, .toggle-list.simple .toggle-con {padding:1.5rem 6.0rem 1.5rem 2.0rem;font-size:1.5rem;font-weight:normal;}
.toggle-list.simple li .toggle-tit a {line-height:2.0rem;}
.toggle-list.simple .toggle-tit a:before {right:2.0rem;}
.toggle-list.simple .toggle-tit a:after {right:2.7rem;}
.toggle-list.simple .toggle-tit:before, .toggle-list.simple li .toggle-con:before {display:none;}
.toggle-list.simple .toggle-con {padding:0 2.0rem 2.0rem;}
.toggle-list.simple .toggle-con img:only-child {display:block;max-width:39.0rem;}
.toggle-list.simple li.active .toggle-tit a {font-weight:bold;outline:0;}

.toggle-list1.simple li .toggle-tit a, .toggle-list1.simple .toggle-con {padding:1.5rem 6.0rem 1.5rem 2.0rem;font-size:1.5rem;font-weight:normal;}
.toggle-list1.simple li .toggle-tit a {line-height:2.0rem;}
.toggle-list1.simple .toggle-tit a:before {right:2.0rem;}
.toggle-list1.simple .toggle-tit a:after {right:2.7rem;}
.toggle-list1.simple .toggle-tit:before, .toggle-list1.simple li .toggle-con:before {display:none;}
.toggle-list1.simple .toggle-con {padding:0 2.0rem 2.0rem;}
.toggle-list1.simple .toggle-con img:only-child {display:block;max-width:39.0rem;}
.toggle-list1.simple li.active .toggle-tit a {font-weight:bold;outline:0;}

.box-scroll1 .toggle-list {margin:0;}
.box-scroll1 .toggle-list1 {margin:0;}

/* 토글컨텐츠 */
.toggle-info {position:relative;margin:1.0rem 0;}
.toggle-info:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block;border:0.1rem solid #ced4d9;border-radius:1.0rem;}
.toggle-info > dt {position:relative;z-index:1;font-size:1.8rem;line-height:2.3rem;}
.toggle-info > dt a {position:relative;display:block;padding:2.2rem 8.0rem 2.2rem 3.0rem;color:#333;}
.toggle-info > dt a:after {content:'';display:block;position:absolute;top:50%;right:4.0rem;width:1.4rem;height:1.4rem;border-left:0.2rem solid #333;margin:-1.0rem 0 0;border-bottom:0.2rem solid #333;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.toggle-info > dd {display:none;position:relative;line-height:2.2rem;padding:2.0rem 3.0rem 2.0rem;}
.toggle-info > dd:before {content:'';position:absolute;left:3.0rem;right:3.0rem;top:0;border-top:0.1rem dashed #ced4d9;}
.toggle-info > dd .mes-info3.num li {font-size:1.5rem;}
.toggle-info.active > dt a:after {margin:-0.6rem 0 0;-ms-transform:rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.toggle-info.active > dd {display:block;}
.toggle-info .mes-info2.tit {margin:2.0rem 0 1.0rem;font-size:1.6rem;color:#333;}
.toggle-info .sub-txt, .toggle-info > dd .sub-txt .mes-info3.num li {font-size:1.4rem;}

/*--------------------------------------------------------------------------------
	# guide content : TABLE
---------------------------------------------------------------------------------*/
/* 게시물 목록형 */
.toptxt-r{text-align:right;}
.nodata{padding:2.0rem 0;text-align:center;}

table[class*="tbl"],ul[class*="tbl"],article[class*="tbl"]{border-top:2px solid #2e3133;border-bottom:1px solid #ced4d9;}
*[class*="tbl-"] .subject {line-height:1.5em;font-size:1.8rem;font-family:NanumSquareR;color:#333;}

/* 데이터테이블1 */
.tbl-list {margin:1.0rem 0;border-collapse:separate;}
.tbl-list th, .tbl-list td {height:4.4rem;padding:1.1rem 2.0rem;border-top:0.1rem solid #ced4d9;font-size:1.4rem;line-height:2.0rem;text-align:left;}
.tbl-list th {font-weight:normal;color:#333;background:#edf1f5;}
.tbl-list > thead th {padding:1.1rem 0.5rem;background:#edf1f5;font-weight:normal;word-break:keep-all;text-align:center;}
.tbl-list > thead tr:first-child th {border-top:0;}
.tbl-list > thead th em {display:block;font-size:1.4rem;}
.tbl-list > thead + tbody > tr:first-child th, .tbl-list > thead + tbody > tr:first-child td {border-top:0.1rem solid #919599;}
.tbl-list > tbody th + th {border-left:0.1rem solid #ced4d9;}
.tbl-list > thead + tbody th[rowspan]/*, .tbl-list > thead + tbody td[rowspan]*/ {border-right:0.1rem solid #ced4d9;}
.tbl-list > thead + tbody th[rowspan] + *, .tbl-list > thead + tbody td[rowspan] + * {border-left:0;}
.tbl-list col.s1 {width:12%;}
.tbl-list col.s2 {width:30%;}

.tbl-list .btn {margin-top:1.0rem;}
.tbl-list .mes-info3:not(ul), .tbl-list ul.mes-info3 > li {font-size:inherit;line-height:inherit;color:inherit;}

.tbl-list.list > tbody tr td:not(:first-child) {text-align:center;}

.tbl-list.data1 > tbody tr td:not(.txt) {text-align:right;letter-spacing:0;padding-left:0 !important;}
.tbl-list.data1 > tbody tr td:first-child {padding-right:0 !important;text-align:center;}

.tbl-list.data2 > tbody tr th, .tbl-list.data2 > tbody tr td {text-align:center;letter-spacing:0;}
.tbl-list.data2 > tbody tr td:last-child {text-align:right;padding-left:0;white-space:nowrap;}

.tbl-list.data3 > tbody tr td {font-family:'NanumSquareR';font-size:2.0rem;color:#0081d1;text-align:center;}

.wrap-area1 .tbl-list {margin:0;}
.tit-sub2 + .tbl-list {margin-top:-0.5rem;}

.tbl-list + .tbl-list {margin-top:4.0rem;}

/* 게시물 목록 */
.tbl-notice li{border-top:1px solid #ced4d9;}
.tbl-notice li > a{display:table;width:100%;padding:2.2rem 3.0rem;}
.tbl-notice span{display:table-cell;vertical-align:middle;}
.tbl-notice li.nodata{display:table;width:100%;padding:30px 30px 30px 50px;text-align:center;}
.tbl-notice .subject {width:90%;}
.tbl-notice .date{width:10%;font-size:1.5rem;color:#666;text-align:right;}
.bg-row {background:#f2f6fa;}
.icon-noti {width:6.2rem;height:3.0rem;display:inline-block;margin-right:20px;border-radius:0.3rem;background:#f9bd1c;color:#000;font-size:1.5rem;text-align:center;line-height:3.0rem;vertical-align:middle;}/*2021-10-21 웹접근성 인증 칼라 변경  */

/* 게시물 상세 */
.tbl-view header{display:table;width:100%;padding:3.0rem;border-bottom:1px solid #ced4d9;}
.tbl-view header > span {display:table-cell;vertical-align:middle;}
.tbl-view header .subject {width:90%;font-size:2.4rem;}
.tbl-view header .subject ~ span {white-space:nowrap;text-align:right;}
.tbl-view header .date {}
.tbl-view .tbl-cont{padding:3.0rem;line-height:1.5em;}
.tbl-view .tbl-cont p{margin-bottom:2.0rem;}

/* 게시물 이전글/다음글 */
.prev-next > * {position:relative;display:block;border-bottom:1px solid #d9d9d9;padding:2.0rem 8.0rem 2.0rem 9.0rem;line-height:2.5rem;}
.prev-next > *:before {content:'';position:absolute;top:50%;right:3%;margin-top:-1.2rem;border-width:0.8rem;border-style:solid;border-color:transparent;border-bottom-color:#8a9299;}
.prev-next > *.prev:before {margin-top:-0.5rem;border-color:transparent;border-top-color:#8a9299;}
.prev-next > * > strong, .prev-next > * > span {display:block;}
.prev-next > * > strong {float:left;width:7.0rem;margin:0 0 0 -7.0rem;color:#333;text-align:center;}
.prev-next > * > span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* grid width */
.w0 {width:80px !important;text-align:center !important;}
.w05 {width:110px !important;min-width:auto !important;}
.w1 {width:174px !important;min-width:auto !important;}
.w2 {width:364px !important;min-width:auto !important;}
.w3 {width:552px !important;min-width:auto !important;}
.w4 {width:740px !important;min-width:auto !important;}
.half {width:48% !important;min-width:auto !important;}
.only {width:99% !important;min-width:auto !important;}

/* 정보입력폼 ******************************************/
.tbl-input {position:relative;display:table;width:100%;margin:10px 0;}
.tbl-input:only-child {margin:0;}
.tbl-input:after{content:'';display:block;clear:both;position:absolute;top:0;}
.tbl-input > dt {display:table-cell;padding-top:10px;padding-left:20px;height:4.0rem;width:160px;color:#666;vertical-align:top;}
.tbl-input > dt.long {width:190px;}
.tbl-input > dd{display:table-cell;}
.tbl-input > dd > input, .tbl-input > dd > select, .tbl-input > dd > textarea, .tbl-input > dd > div {vertical-align:middle;}
.tbl-input > dd > input:first-child, .tbl-input > dd > select:first-child, .tbl-input > dd > textarea:first-child, .tbl-input > dd > div:first-child,
.tbl-input > dd > .colwrap + div, .tbl-input > dd > .only + .only {margin-left:0;}
.tbl-input input, .tbl-input select{min-width:80px;width:174px;}
.tbl-input input.text.addr {width:100%;padding-right: 4.0rem;}/*2021-10-21 웹접근성 인증 인풋 변경  */
.tbl-input textarea{width:99%;height:120px;}
.tbl-input .mark {display:inline-block;}
.tbl-input .sub-txt {margin-top:0.5rem;font-size:1.3rem;color:#888;line-height:2.0rem;}
.tbl-input .sub-txt span[id] {color:#ff5600;} /*2021-10-21 웹접근성 인증 칼라 변경  */
.tbl-input .half + .half {margin:0 0 0 2.0rem;}
/* 면허번호 사이즈 조정 20200721*/
.tbl-input .row-wrap.row-wrap-left {padding-left: 2rem;}

.pop-modal1 .tbl-input > dt {padding-left:0;}
.pop-modal1.w800 .box-type1 > .tbl-input > dt {width:11.0rem;}
.pop-modal1.w800 .form-area.toggle .detail .tbl-input > dt {width:22.0rem;}

.tbl-input.form {table-layout:fixed;margin:2.0rem 0;}
.box-type1 .tbl-input.form:first-child {margin-top:-0.5rem;}
.box-type1 .tbl-input.form:last-child {margin-bottom:0;}
.pop-modal1:not(.w800) .tbl-input.form > dt {width:25%;}
.pop-modal1:not(.w800) .tbl-input.form> dt + dd:last-child {width:75%;}

.box-type1 .tbl-input:first-child, .detail.detail-form .tbl-input.col2:nth-of-type(2), .box-type1 legend + .tbl-input {margin-top:0;}
.box-type1 .tbl-input:last-child , .detail.detail-form .tbl-input.col2:nth-of-type(1) {margin-bottom:0;}

/* colwrap */
.row-wrap {display:block !important;}
.colwrap {display:block;overflow:hidden;width:100%;margin-top:1.0rem;}
.tbl-input > dd > div.colwrap:nth-of-type(1) {margin-top:0;}
.colwrap.col2 > .tbl-input {width:50%;float:left;}
.colwrap .tbl-input {margin:0 auto;}
.tbl-input > dd .tbl-input > dt {width:11.0rem;padding-left:0;}

/* 상세컨텐츠형 폼 ******************************************/
/* 상세컨텐츠형 폼 : 기본 */
.form-area, .form-area > li {position:relative;}
.form-area + .form-area, .form-area > li ~ li {border-top:0.1rem solid #ced4d9;}
.form-area .basic {position:relative;padding:1.5rem 16.0rem 1.5rem 0;}
.form-area .basic:before {content:'';width:0;height:3.5rem;margin:0 -0.5rem 0 0;display:inline-block;vertical-align:middle;}
.form-area .basic.type2:before {content:none;}
.form-area .basic .tit {display:inline-block;max-width:95%;font-family:'NanumSquareR';font-weight:normal;font-size:1.8rem;line-height:2.2rem;color:#333;vertical-align:middle;}
.form-area .basic .tit b {display:block;float:left;width:2.5rem;font-weight:normal;color:#ff8800;}
.form-area .basic .tit strong {color:#0081d1;font-weight:normal;}
.form-area .basic .tit span {color:#666;}
.form-area .basic .tit > .btn {display:inline-block;margin:-0.4rem 0 -0.4rem 0.5rem;}
.form-area .basic .con {display:block;margin:1.0rem 0 0.5rem 0;font-size:1.3rem;color:#888;}
.form-area .basic > .label-check:first-child {max-width:95%;vertical-align:middle;}
.form-area .basic > .label-check:first-child label {display:block;}
.form-area .basic > .label-check:first-child label span {line-height:1.2;}
.form-area .basic span.con:before {content:'* ';}
.form-area .form {position:absolute;right:0;top:1.5rem;}
.form-area .basic + .form:last-child {top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.form-area .detail {margin:0;padding:1.5rem 0 2.0rem;border-top:0.1rem dashed #ced4d9;}
.form-area .detail .box-policy:only-child {margin-top:-1.6rem;}
.form-area .detail > p:first-child {font-size:1.4rem;}
.form-area .detail > p:first-child + .tbl-input {margin-top:1.5rem;padding:1.0rem 0;border-top:0.1rem solid #ced4d9;}
.form-area .basic .con.scroll {}
.form-area .basic .con .list-word1.mt30 {margin:3.0rem 0;}

/* 상세컨텐츠형 폼 : 계약자 주요내용 확인서 추가 2022-06-30 */ 
.form-area .detail2 {margin:0;width:100%;padding:1.5rem 0 1.5rem 5.0rem;}
.form-area .detail2 .box-policy {height:8.0rem;}
.form-area span.tit.no {position:absolute;top:40%;bottom:50%;font-size:2.4rem;} 
/* .label-btn.label-btn3 label span, .label-btn.label-btn3 a {min-width:18.5rem;}*/  /* 계약자 주요내용 확인서 설명의무 가이드라인  23-11-23 */



/* 상세컨텐츠형 폼 : 팝업내부 예외스타일 */
.pop-modal1 .form-area .basic .tit,
.pop-modal1 .form-area .basic > .label-check:first-child span {font-size:1.5rem;font-family:'맑은 고딕', 'Malgun Gothic', Dotum, sans-serif;}
.pop-modal1 .form-area .basic > .label-check:first-child {margin:-0.3rem 0;}

/* 상세컨텐츠형 폼 : 토글형 */
.form-area.toggle .basic {padding-right:20.0rem;}
.form-area.toggle .basic > a {overflow:hidden;position:absolute;right:0;top:0;bottom:0;width:4.0rem;padding:0 0 0 4.0rem;}
.form-area.toggle .basic > a:after {content:'';position:absolute;left:50%;top:50%;width:1.4rem;height:1.4rem;margin:-1.2rem 0 0 0;border-left:0.2rem solid #45494d;border-bottom:0.2rem solid #45494d;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.form-area.toggle .form {right:5.4rem;}
.form-area.toggle .detail:not([data-toggle="none"]) {display:none;}
.form-area.toggle.active .detail, .form-area.toggle > li.active .detail {display:block;}
.form-area.toggle.active .basic > a:after, .form-area.toggle > li.active .basic > a:after {margin:-0.2rem 0 0 0;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

/* 상세컨텐츠형 폼 : 질문형 */
.form-area.qna {padding:1.0rem 0;}
.form-area.qna .basic {padding-left:2.5rem;padding-right:0}
.form-area.qna .basic .tit {padding-right:16.0rem;}
.form-area.qna .basic .tit:before {content:'Q.';width:2.5rem;float:left;margin:0 0 0 -2.5rem;color:#FF4040}
.form-area.qna .form {top:1.5rem !important;-ms-transform:translateY(0%) !important;-webkit-transform:translateY(0%) !important;transform:translateY(0%) !important;}
.form-area.qna .detail {padding:2.0rem 2.0rem;}
.form-area.qna .detail:not([data-toggle="none"]) {display:none;}
.form-area.qna .detail[data-toggle="none"] {border-top:0 !important;padding:0 2.0rem 2.0rem;padding-top:0 !important;}
.form-area.qna.active .detail, .form-area.qna > li.active .detail {display:block;}

/* 상세컨텐츠형 폼 : 입력폼 추가스타일 */
.tbl-input.col2 {float:left;width:48%;width:-webkit-calc(50% - 1.0rem);width:-webkit-calc(50% - 1.0rem);}
.tbl-input.col2:nth-of-type(2n) {float:right;}
.tbl-input.col2 + .tbl-input:not(.col2) {clear:both;}

.form-area .detail-form {overflow:hidden;}
.form-area .detail-form .form-sub {display:inline-block;}
.form-area .detail-form .tbl-input > dt {width:15.0rem;}
.form-area .detail-form .tbl-input > dd .text:only-child {width:90%;}

/* 2단계고지 : 답변 테두리박스 추가 20200917 */
.form-area .detail-form {margin-bottom:0;}
.form-area .detail-form div.box-form {overflow:hidden;border:2px solid #ced4d9;border-radius:1.0rem;margin-bottom:2.0rem;}
.form-area.qna .detail-form {padding:2.0rem 2.0rem 0;}
.form-area .detail-form div.box-form div {width:100%;display:block;height:4.0rem;margin-bottom:0.1rem;}
.form-area .detail-form div.box-form div button {overflow:hidden;display:block;float:right;width:5.0rem;height:0;padding:5.0rem 0 0;background:#fff;border-radios:0.2rem;}
.form-area .detail-form div.box-form div button:before {content:'';display:block;position:absolute;left:50%;top:50%;width:2.4rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#333;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} 
.form-area .detail-form div.box-form div button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.4rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#333;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.form-area.qna .area-btn1.middle2 {margin:0 0 2.0rem;}

/* 상세컨텐츠형 폼 : 간격추가설정 */
.box-type1 .form-area {margin:-2.0rem 0;}
.box-type1 .form-area + .form-area {margin:2.5rem 0 0;}
.box-type1 .tbl-input:nth-of-type(1),
.box-type1 .tbl-input.col2.:nth-of-type(1) + .col2 {margin-top:0;}

.agreeAll {margin:10px 0 -5px;text-align:right;}

/* paging  */
.paging {margin:5.0rem auto 0;height:40px;text-align:center;}
.paging a {position:relative;display:inline-block;vertical-align:middle;width:4.0rem;height:4.0rem;line-height:4.0rem;color:#666;font-size:1.5rem;text-align:center;border:1px solid #ced4d9;background:#fff;}
.paging a + a {margin-left:0.4rem;}
.paging a:hover, .paging a:focus {border-color:#a1aab3;}
.paging > a:before, .paging > a:after {content:"";position:absolute;top:1.1rem;left:0;width:0;height:0;border-style:solid;border-width:0.8rem 1.1rem;border-color:transparent;}
.paging > a:after {left:1.1rem;}
.paging > a.on {color:#fff;background:#2e3133;border-color:#2e3133;}
.paging > a.prev, .paging > a.next {overflow:hidden;height:0;padding:4.0rem 0 0;border:0;}
.paging > a.prev:before {border-right-color:#8a9299;}
.paging > a.next:before {left:auto;right:0;border-left-color:#8a9299;}
.paging > a.end.prev:before, .paging > a.end.next:before {border-right-color:#d0d3d6;}
.paging:empty {margin:0;height:0;}
/* paging 처음/마지막 추가  20210901 */
.paging > a.last, .paging > a.first {overflow:hidden;height:0;padding:4.0rem 0 0;border:0;width:2.5rem;width:3.0rem;}
.paging > a.last:before {content:"▶▶";left:0;top:-0.2rem;width:3.5rem;height:3.5rem;border:none;font-size:1.2rem;letter-spacing:-0.5rem;font-weight:bold;color:#8a9299;}
.paging > a.first:before {content:"◀◀";right:0;top:-0.2rem;width:3.5rem;height:3.5rem;border:none;font-size:1.2rem;letter-spacing:-0.5rem;font-weight:bold;color:#8a9299;}
.paging > a.end.last:before, .paging > a.end.first:before {color:#d0d3d6;}

/*--------------------------------------------------------------------------------
	# guide content : 박스
---------------------------------------------------------------------------------*/
/* 박스타입1 */
.box-type1 {margin:2.0rem 0 2.0rem;padding:2.0rem 4.0rem;border:1px solid #ced4d9;border-radius:1.0rem;background:#fff;}
.box-type1 + .mes-info1 {margin:-1.3rem 1.0rem 0;color:#666;}
.box-type1 + .mes-info1 li, .box-type3 .mes-info3:not(ul), .box-type3 .iconbox li {color:#666;}
h1 + .box-type1, .tit-sub1 +.box-type1, .tit-sub2 +.box-type1, .sc-step h3 +.box-type1, .tit-sub1 + fieldset > legend + .box-type1, .tit-sub2 + fieldset > legend + .box-type1 {margin-top:0;}
.label-check + .box-type1 {margin-top:1.0rem;}
/* 박스타입1 닫기버튼 추가 20200723 */
.box-type1-close {z-index:1;overflow:hidden;display:block;position:absolute;right:1.0rem;top:3.0rem;width:3.6rem;height:0;padding:3.0rem 0 0;background:#fff;border:0.2rem solid #fff;border-radius:0.2rem;}
.box-type1-close:before, .box-type1-close:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.4rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#45494d;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.box-type1-close:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.box-type1-close:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}

/* 1단계 수정 2022-06-30 */
.box-type1.green {border:2px solid #5eb31f;position:relative;}
.box-type1.green.confirm {border:1px solid #ced4d9;}

@media only screen and (min-width: 1025px) {
	.pop-modal1 .box-type1 {padding:2.0rem 3.0rem;}
}

/* 박스타입2 */
.box-type2 {margin:1.5rem 0;padding:3.0rem 0;border-top:0.1rem solid #2e3133;border-bottom:0.1rem solid #ced4d9;}
.box-type2 .area-btn1 {margin-top:3.0rem;}

/* 박스타입3 */
.box-type3 {margin:1.5rem 0 1.0rem;padding:2.0rem;border-radius:0.3rem;min-height:50px;background:#f2f6fa;color:#666;font-size:14px;line-height:1.8rem;}
.box-type3 .iconbox {position:relative;padding-left:5.0rem;font-size:1.3rem;}
.box-type3 .iconbox:before {content:'';position:absolute;left:0;top:50%;display:block;width:2.8rem;height:2.8rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 -12.0rem;background-size:30.0rem 30.0rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.box-type3 .iconbox li + li {margin-top:5px;}
.box-type3 .iconbox li b {color:#333;font-weight:normal;}
.box-type3 .iconbox.mes-info3 {margin-top:0;}
.box-type3 .tit {font-size:1.5rem;color:#333;}
.box-type3 .sub-cont {margin:1.0rem 0 2.0rem 1.5rem;}
.box-type3 .sub-cont:last-child {margin-bottom:0;}
.box-type3 .sub-cont li:not(:first-child) {margin-top:1.0rem;}

/* 스크롤박스 */
.box-scroll1 {height:50.0rem;margin:2.0rem 0;padding:2.0rem;border:0.1rem solid #ced4d9;background:#edf1f5;overflow-y:scroll;font-size:1.3rem;}
.tab-sub1 + .box-scroll1 {margin:1.5rem 0;}

.box-scroll1.img {height:45.0rem;margin:3.0rem 0 0;padding:2.0rem 2.5rem;}
.box-scroll1.img img {display:block;width:100%;/*max-width:79.3rem;margin:0 auto;*/}
.pop-modal1 .box-scroll1.img {height:calc(100vh - 43.0rem);}

.box-scroll1.form {height:auto;height:21.0rem;padding:0.5rem 0;border-top:0.2rem solid #2e3133;border-bottom:0.1rem solid #ced4d9;background:none;outline:0;}
.box-scroll1.form {border-left:0;border-right:0;}
.box-scroll1.form div.list {display:block;}
.box-scroll1.form div.list label {display:block;position:relative;box-sizing:border-box;}
.box-scroll1.form div.list label:after {display:none;}
.box-scroll1.form div.list label > input {position:absolute;left:0;top:0;opacity:0;}
.box-scroll1.form div.list label > input + span {display:block;position:relative;width:100%;padding:0.5rem 0 0.5rem 1.0rem;font-size:1.5rem;line-height:2.1rem;text-align:left;}
.box-scroll1.form div.list label > input:focus + span { color:#000; font-weight:bold; outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px; } /* 20181206 라벨 포커스 추가 */
.box-scroll1.form div.list label > input:checked ~ span {background-color:#edf1f5;}
.box-scroll1.form div.list label > input:disabled ~ span {opacity:0.5;font-size:1.4rem;}
/*.box-scroll1.form div.list label > input:focus ~ span {outline:0.1rem solid #ced4d9;}*/
.box-scroll1.form div.list button {display:block;position:relative;width:100%;padding:0.5rem 0 0.5rem 1.0rem;font-size:1.5rem;line-height:2.1rem;text-align:left;}
.box-scroll1.form div.list button.on {background-color:#edf1f5;}
.box-scroll1.form div.list .nodata {display:block;font-size:1.4rem;line-height:16.0rem;padding:0;border:0;}
/* 도로명 지번 우편번호 통합 20210901 */
#addrListArea .box-scroll1.form {height:23.6rem;margin:0;}
#addrListArea .box-scroll1.form .list#rodArea button {border-bottom:1px solid #ced4d9;}
#addrListArea .box-scroll1.form .list#rodArea button i {font-size:1.2rem;display:inline-block;width:40px;}
#addrListArea .box-scroll1.form .list#rodArea button span:first-child {display:block;color:#0081da;font-weight:bold;letter-spacing:0;}
#addrListArea .box-scroll1.form .list#rodArea button span:last-child {display:block;}
.totAddrCnt {display:block;width:100%;text-align:right;padding-bottom:0.5rem;}
#uiPOPAddr .paging {margin:1.0rem -2.0rem 2.0rem -2.0rem;height:40px;width:calc(100% + 4.0rem);}

#rfnAddrResult label:nth-child(2) span, #rfnAddrResult label:nth-child(3) span {padding:0 0 0 3.0rem;}
#addrListArea + .form-search2 {border-top:3.0rem;}
#rfnAddrArea.box-scroll1.form {height:auto;}
.addressInfo {margin:1.0rem 0 0.5rem;}
.addressInfo li {font-size:1.3rem;}
.addressInfo li span {color:#ff5600;} /*2021-10-21 웹접근성 인증 칼라 변경  */
.mes-info3.m2.addressInfoSub {margin:0; }
.mes-info3.m2.addressInfoSub li {color:#333;}
.mes-info3.m2.addressInfoSub li i {color:#888;font-size:1.2rem;}

.box-scroll1.mCustomScrollbar {overflow:hidden;padding:0.3rem 0;}
.box-scroll1.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {padding:2.0rem 2.5rem;}
.box-scroll1.mCustomScrollbar.form {padding:0;}
.box-scroll1.mCustomScrollbar.form > .mCustomScrollBox > .mCSB_container {padding:0;}
.box-scroll1.mCustomScrollbar.form .mCSB_scrollTools {right:0;}
.box-scroll1.mCustomScrollbar.img > .mCustomScrollBox > .mCSB_container {padding:2.0rem 2.5rem;}

/* 약관 */
.box-policy {max-height:15.0rem;margin:1.0rem 0;padding:1.5rem;border:1px solid #ced4d9;background:#f2f6fa;overflow-y:auto;font-size:1.3rem}
.box-policy table{margin:1.0rem 0 0;border-top:1px solid #2e3133;border-bottom:1px solid #2e3133;background:#fff;}
.box-policy th, .box-policy td{padding:0.5rem;text-align:center;}
.box-policy th{border-bottom:1px solid #2e3133;}
.box-policy td{border:1px solid #ced4d9;border-width:1px 0 0 0;}
.box-policy tr th:first-child, .box-policy tr td:first-child{border-left:0;}

.box-policy.mCustomScrollbar {overflow:hidden;padding:0.5rem 0;}
.box-policy.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {padding:1.5rem 2.5rem 1.5rem 1.5rem;}

/*--------------------------------------------------------------------------------
	# guide content :완료페이지
---------------------------------------------------------------------------------*/
.done-type1 {padding:4.0rem 2%;border-top:2px solid #2e3133;border-bottom:1px solid #ced4d9;text-align:center;}
.done-type1:before, .done-type1 .cont {display:inline-block;vertical-align:middle;}
.done-type1:before {content:'';width:16.0rem;height:16.0rem;margin:0 6.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba3.cat) no-repeat 0 0;background-size:90.0rem 45.0rem;}
.done-type1 .cont {max-width:72.0rem;font-size:1.5rem;line-height:2.5rem;text-align:left;color:#888;}
.done-type1 .cont .tit {margin:0 0 1.5rem;font-family:'NanumSquareL';font-size:3.0rem;line-height:3.4rem;color:#333;}
.done-type1 .cont .tit ~ ul > li + li, .done-type1 .cont .tit ~ ul + ul {margin:1.0rem 0 0;}
.done-type1 .cont .tit ~ ul.mes-info3 > li {font-size:1.5rem;}
.done-type1 .cont .sub {margin-top:2.0rem;}
.done-type1 .cont .btn {margin:2.5rem 0 0;}
.pop-modal1 .done-type1 {padding:0;border:0;}
.pop-modal1 .done-type1:before {display:block;margin:0 auto 1.0rem;}
.pop-modal1 .done-type1 .cont {text-align:center;}

.done-type1.visual1:before {background-position:-36.0rem 0;}
.done-type1.visual2:before {background-position:-54.0rem 0;}

.done-type2 {margin:2.0rem 0;border-top:2px solid #2e3133;border-bottom:1px solid #ced4d9;}
.done-type2 .cont {padding:3.0rem 0;font-size:2.4rem;font-family:'NanumSquareL';text-align:center;}
.done-type1 .cont strong, .done-type2 .cont strong {font-weight:normal;font-family:'NanumSquareR';}
.done-type2 .cont em{color:#0081d1;}

/*--------------------------------------------------------------------------------
	# guide content : 정보형데이터
---------------------------------------------------------------------------------*/
/* 리스트형 컨텐츠1 */
.list-con1 {margin:1.5rem 0;border-top:0.2rem solid #323232;border-bottom:0.1rem solid #ced4d9;}
.list-con1 > li {position:relative;line-height:1.5;padding:1.5rem 0}
.list-con1 > li + li {border-top:0.1rem solid #ced4d9;}
.list-con1 > li > .sub {position:absolute;right:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.list-con1 > li .tit-sub2 {margin:0 0 1.0rem;font-size:1.8rem;font-family:'NanumSquareR';font-weight:normal;color:#333;}
.list-con1 .mes-info3 li + li {margin:0.5rem 0 0;}
.list-con1 .mes-info3 > li ul {margin:0.5rem 0 0;}
.list-con1 .mes-info3.m2 > li {font-size:1.5rem;color:#666;}

.list-con1.headline1 > li {padding-left:3.0rem;}
.list-con1.headline1 > li > [class*="tit"] {margin:0 0 1.0rem -3.0rem;}
.list-con1.headline1 > li > [class*="tit"]:only-child {margin-bottom:0;}
.list-con1.headline1 .mes-info3.num > li {font-size:1.5rem;}

.list-con1.headline2 {counter-reset:num;}
.list-con1.headline2 > li {min-height:15.0rem;padding:3.5rem 0 3.5rem 27.0rem;line-height:2.4rem;}
.list-con1.headline2 > li .tit {position:absolute;left:0;top:3.5rem;display:block;max-width:27.0rem;padding:0 0 0 5.0rem;font-family:'NanumSquareL';font-size:2.8rem;line-height:3.8rem;color:#333;font-weight:normal;}
.list-con1.headline2 > li .tit:before {content:'0'counter(num)'.';counter-increment:num 1;display:block;float:left;width:4.0rem;margin:0 0 0 -4.0rem;color:#ff8800;}
.list-con1.headline2 > li:nth-child(9) ~li .tit:before {content:counter(num)'.';}
.list-con1.headline2 > li .tit span {display:block;font-family:'NanumSquareR';}
.list-con1.headline2 > li strong {color:#333;}
.list-con1.headline2 .mes-info3:not(ul), .list-con1.headline2 ul.mes-info3 > li {line-height:2.4rem;}
.list-con1.headline2 .mes-info3 .f-s {color:#888;}

.list-con1.box-type1 {padding-top:0;padding-bottom:0;border-top:0.1rem solid #ced4d9;}
.box-type1 .list-con1 {margin:0;border:0;}

/* 리스트형 컨텐츠2 */
.list-con2 > li {position:relative;padding:2.7rem 3.0rem;border:0.1rem solid #ced4d9;}
.list-con2 > li + li {margin:1.0rem 0 0;}
.list-con2 > li:before {content:'';width:0;height:7.8rem;margin:0 -0.5rem 0 0;}
.list-con2 > li:before, .list-con2 > li > div {position:relative;display:inline-block;vertical-align:middle;}
.list-con2 > li > div > span:first-child {display:block;font-family:'NanumSquareR';font-size:1.8rem;line-height:2.6rem;color:#333;}
.list-con2 > li > div > span:first-child strong {color:#0081d1;font-weight:normal;}
.list-con2 > li > div > .sub {display:block;margin:0.5rem 0 0;}

.list-con2[class*="icon"] > li:before {height:5.8rem;}
.list-con2[class*="icon"] > li:after {content:'';position:absolute;left:14.0rem;top:3.0rem;bottom:3.0rem;width:0.1rem;background:#ced4d9;}
.list-con2[class*="icon"] > li > div {padding-left:18.0rem;}
.list-con2[class*="icon"] > li > div:before, .list-con2[class*="icon"] > li > div:after {content:'';position:absolute;display:block;}
.list-con2[class*="icon"] > li > div:before {left:3.5rem;top:50%;width:4.0rem;height:4.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba3.cat) no-repeat 0 -24.0rem;background-size:90.0rem 45.0rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.list-con2.icon1 > li:nth-child(1) > div:before {background-position:0 -24.0rem;}
.list-con2.icon1 > li:nth-child(2) > div:before {background-position:-6.0rem -24.0rem;}
.list-con2.icon1 > li:nth-child(3) > div:before {background-position:-12.0rem -24.0rem;}
.list-con2.icon1 > li:nth-child(4) > div:before {background-position:-18.0rem -24.0rem;}

/* 리스트형 컨텐츠3 */
.list-con3 {overflow:hidden;font-size:1.3rem;line-height:2.0rem;color:#888;}
.list-con3 li {position:relative;float:left;width:30%;width:-webkit-calc(33.3% - 0.7rem);width:calc(33.3% - 0.7rem);min-height:19.0rem;border:0.1rem solid #cfd4da;border-radius:1.0rem;padding:3.0rem 1.0rem 8.0rem;text-align:center;}
.list-con3 li:nth-child(3n) ~ li {margin-top:1.0rem;}
.list-con3 li:nth-child(3n-1) {margin-left:1.0rem;margin-right:1.0rem;}
.list-con3 li .tit {display:block;position:relative;margin-bottom:0.5rem;font-size:2.4rem;line-height:2.8rem;font-family:'NanumSquareL';font-weight:normal;color:#333;}
.list-con3 li .tit span {font-family:'NanumSquareR';}
.list-con3 li .btn {position:absolute;bottom:3.0rem;left:0;right:0;text-align:center;}

.list-con3[class*="icon"] li .tit:before {content:'';display:block;width:50px;height:50px;margin:0 auto 1.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba3.cat) no-repeat 0 -720px;}
.list-con3.icon1 li:nth-child(1) .tit:before {background-position:0 -720px;}
.list-con3.icon1 li:nth-child(2) .tit:before {background-position:-120px -720px;}
.list-con3.icon1 li:nth-child(3) .tit:before {background-position:-240px -720px;}
.list-con3.icon1 li:nth-child(4) .tit:before {background-position:-360px -720px;}
.list-con3.icon1 li:nth-child(5) .tit:before {background-position:-480px -720px;}
.list-con3.icon1 li:nth-child(6) .tit:before {background-position:-600px -720px;}

.list-con3.mb-show.icon1 li:nth-child(1) .tit:before {background-position:-120px -720px;}
.list-con3.mb-show.icon1 li:nth-child(2) .tit:before {background-position:0 -720px;}

/* 리스트형 데이터1 */
.list-data1 {border-top:0.1rem solid #2e3133;}
.list-data1 > li {padding:1.5rem 2.0rem;border-bottom:0.1rem solid #ced4d9;}
.list-data1 > li span + span {float:right;}
.list-data1 > li > a {position:relative;display:block;margin:-1.5rem -2.0rem;padding:1.5rem 2.0rem;}
.list-data1 > li > a:hover, .list-data1 > li > a:focus {background:#edf1f5;}

/* 리스트형 데이터2 */
.list-data2 {overflow:hidden;}
.list-data2 > li {position:relative;float:left;width:28%;}
.list-data2 > li + li {margin:0 0 0 8%;}
.list-data2 > li + li:before {content:'';display:block;position:absolute;top:5.0rem;left:-16%;border-top:1.0rem solid transparent;border-bottom:1.0rem solid transparent;border-left:1.7rem solid #0081d1;}
.list-data2 > li > div:first-child {display:block;border:0.5rem solid #ced4d9;padding:1.0rem;border-radius:1.0rem;text-align:center;vertical-align:middle;}
.list-data2 > li > div:first-child:before, .list-data2 > li > div:first-child > span {display:inline-block;vertical-align:middle;}
.list-data2 > li > div:first-child:before {content:'';width:0;height:9.0rem;margin:0 -0.5rem 0 0;}
.list-data2 > li > div:first-child strong, .list-data2 > li > div:first-child em {display:block;}
.list-data2 > li > div:first-child strong {font-family:'NanumSquareR';font-weight:normal;font-size:2.0rem;line-height:2.6rem;color:#333;}
.list-data2 > li > div:first-child em {margin:0.5rem 0 0;font-size:1.3rem;line-height:1.6rem;color:#0081d1;}
.list-data2 > li > div:first-child:not(:only-child) {margin:0 0 2.0rem;}

/* 리스트형 데이터3 */
.list-data3 {overflow:hidden;margin:3.0rem 0 0;font-size:1.4rem;}
.list-data3 .list > li {position:relative;float:left;width:31%;line-height:2.4rem;text-align:center;}
.list-data3 .list > li + li {margin:0 0 0 3.5%;}
.list-data3 .list > li .tit {position:relative;height:16.0rem;margin:0 0 1.5rem;font-family:'NanumSquareR';font-size:1.8rem;line-height:2.6rem;color:#fff;background:#707577;}
.list-data3 .list > li .tit > span {position:absolute;left:0;right:0;display:block;}
.list-data3 .list > li .tit > span:nth-child(1) {bottom:50%;margin:0 0 1.8rem;}
.list-data3 .list > li .tit > span:nth-child(2) {top:50%;}
.list-data3 .list > li .tit > span:nth-child(2) strong {font-size:4.5rem;font-weight:normal;color:#f9bd1c;}
.list-data3 .list > li .tit + div em:last-child {display:block;font-size:1.3rem;color:#888;}
.list-data3 .list > li:nth-child(1) .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Scebqhpg%2Sceb_g2_pbz1.cat) no-repeat 50% 50%;background-size:100% 100%;}
.list-data3 .list > li:nth-child(2) .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Scebqhpg%2Sceb_g2_pbz2.cat) no-repeat 50% 50%;background-size:100% 100%;}
.list-data3 .list > li:nth-child(3) .tit {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Scebqhpg%2Sceb_g2_pbz3.cat) no-repeat 50% 50%;background-size:100% 100%;}
.list-data3.movie .list > li > div {position:relative;width:100%;height:0;margin:0 0 1.5rem;padding:195px 0 0;}
.list-data3.movie .list > li > div > a, .list-data3.movie .list > li > div > img {overflow:hidden;display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:auto;}
.list-data3.movie .list > li > div > a {text-indent:-9999px;background:rgba(0,0,0,0.5);}
.list-data3.movie .list > li > div > a:before, .list-data3.movie .list > li > div > a:after {content:'';position:absolute;left:50%;top:50%;display:block;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.list-data3.movie .list > li > div > a:before {width:5.0rem;height:5.0rem;background:#fff;border-radius:50%;}
.list-data3.movie .list > li > div > a:after {width:0;height:0;margin:0 0 0 0.2rem;border-left:1.5rem solid #f9bd1c;border-top:1.0rem solid transparent;border-bottom:1.0rem solid transparent;}

/* 리스트형 데이터3 유튜브 리스트 수정 2024-01-22*/
.list-data3.movie > .list > li {margin:auto; width:341px; float:none;}


/* 리스트형 텍스트 */
.list-word1 {margin:1.0rem -0.5rem 0;}
.list-word1 > li, .list-word1 > dt, .list-word1 > dd {display:inline-block;margin:0 0.5rem;font-size:1.4rem;line-height:2.2rem;color:#666;}
.list-word1 > dt {display:block;font-weight:bold;}
.list-word1 > dt ~ dt {margin-top:1.0rem;}

/* 카드형목록 */
.list-card1 {overflow:hidden;max-width:46.0rem;padding:0 2.0rem;margin:2.0rem auto;font-size:1.4rem;line-height:2.0rem;}
.list-card1 > li {position:relative;float:left;width:48%;width:-webkit-calc(50% - 0.5rem);width:calc(50% - 0.5rem);}
.list-card1 > li > a {position:relative;display:block;width:100%;height:0;padding:96% 0 0;color:#fff;}
.list-card1 > li > a img {position:absolute;left:0;right:0;top:0;bottom:0;display:block;}
.list-card1 > li:nth-child(2n) {float:right;}
.list-card1 > li:nth-child(2) ~ li {margin-top:1.0rem;}

/* 정보형데이터1 : 고객센터 */
.info-data1 {padding:3.0rem 0;text-align:right;line-height:3.0rem;}
.info-data1 dt {position:relative;float:left;font-family:'NanumSquareL';font-size:2.4rem;}
.info-data1 dt:before {content:'';display:inline-block;width:3.2rem;height:3.2rem;margin:0 1.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -12.0rem -6.0rem;vertical-align:middle;}
.info-data1 dd {position:relative;display:inline-block;padding:0 1.0rem;}
.info-data1 dd + dd {margin:0 0 0 0.6rem;padding:0 0 0 2.0rem;}
.info-data1 dd + dd:after {content:'';position:absolute;left:0;top:50%;width:0.1rem;height:1.6rem;background:#dadcdf;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.info-data1 dd a {display:inline-block;vertical-align:top;color:#333;}
.info-data1 dd a[href*="tel"] span {font-family:'NanumSquareR';font-size:2.6rem;color:#269330;}

/* 정보형데이터2 : 고객센터 */
.info-data2 {width:100%;margin:2.0rem 0;padding:1.5rem 0;border-top:0.1rem solid #ced4d9;border-bottom:0.1rem solid #ced4d9;text-align:center;background:#ebeef2;}
.info-data2 dt, .info-data2 dd {display:inline-block;font-size:1.4rem;line-height:3.0rem;padding:0 0.7rem;vertical-align:middle;white-space:nowrap;}
.info-data2 dd a[href*="tel"] {font-family:'NanumSquareR';font-size:2.8rem;color:#269330;vertical-align:middle;}

/* 정보형데이터3 : 계산형 */
.info-data3 {display:table;position:relative;overflow:hidden;width:100%;margin:0 0 1.5rem;padding:2.0rem 0;border:0.1rem solid #ced4d9;text-align:center;border-radius:1.0rem;}
.info-data3 dl{display:table-cell;width:50%;font-family:'NanumSquareR';}
.info-data3 dl dt{margin-bottom:0.5rem;font-size:1.5rem;}
.info-data3 dl dd{font-size:1.8rem;line-height:3.1rem;}
.info-data3 dl + dl dd{font-size:2.4rem;color:#0081d1;}
.info-data3 dl + dl:after{content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-1.0rem;margin-left:-0.8rem;border-top:1.0rem solid transparent;border-bottom:1.0rem solid transparent;border-left:1.7rem solid #0081d1;}
.pop-modal1 .info-data3 + .mes-info1{max-width:90%;margin:0 auto;letter-spacing:-1.2px;}

/* 정보형데이터4 : 결과형 */
.info-data4 {margin:1.5rem 0;border-top:0.1rem solid #2e3133;border-bottom:0.1rem solid #ced4d9;font-size:1.3rem;}
.info-data4 > li, dl.info-data4 {position:relative;padding:1.7rem 14.0rem 1.7rem 2.0rem;}
.info-data4 > li + li {border-top:0.1rem solid #ced4d9;}
.info-data4 .tit, dl.info-data4 > dt {display:block;margin:0 0 0.8rem;font-family:'NanumSquareR';font-size:1.8rem;line-height:2.4rem;color:#333;font-weight:normal;}
.info-data4 .result, .info-data4 .btn {position:absolute;right:2.0rem;}
.info-data4 .result {top:50%;text-align:right;margin:-1.0rem 0 0;-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.info-data4 .result strong {margin:0 0 0 1.0rem;font-family:'NanumSquareR';font-size:2.4rem;line-height:3.0rem;color:#0081d1;font-weight:normal;}
.info-data4 .result:before, .info-data4 > dd.result + dd:before {display:none;}
.info-data4 ul {overflow:hidden;}
.info-data4 ul > li {position:relative;display:inline-block;float:left;margin:0 0 0 -0.6rem;padding:0 1.2rem 0 0.6rem;font-size:1.3rem;line-height:1.8rem;white-space:nowrap;}
.info-data4 ul > li:before {content:'';position:absolute;left:-0.1rem;top:0.9rem;width:0.2rem;height:0.2rem;background:#666;}
.info-data4 ul > li:nth-child(3) + li {clear:left;}
.info-data4 .btn {top:50%;}
dl.info-data4 {margin:2.0rem 0;}
dl.info-data4 .result {margin:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
dl.info-data4 .result strong {display:block;}

/* 정보형데이터5 : 용어 */
.info-data5 {margin:2.0rem 0;line-height:2.4rem;}
.info-data5 dt, .info-data5 dd {border:0.1rem solid #ced4d9;}
.info-data5 dt {padding:2.0rem 3.0rem;border-bottom:0;font-size:1.6rem;color:#333;font-weight:bold;}
.info-data5 dd {position:relative;padding:1.5rem 3.0rem 2.5rem;border-top:0;}
.info-data5 dd + dt {margin:2.0rem 0 0;}
.info-data5 dd:before {content:'';position:absolute;left:3.0rem;right:3.0rem;top:0;display:block;border-top:0.1rem dashed #ced4d9;}
.info-data5 dt span {margin:0 0 0 0.4rem;}
.info-data5 dt span.lang1 {font-weight:normal;}

/* 정보형데이터(기타) : 시간 */
.info-time {display:inline-block;vertical-align:middle;}
.info-time dt, .info-time dd {float:left;font-size:1.3rem;line-height:4.0rem;color:#ff5600;letter-spacing:0;white-space:nowrap;} /*2021-10-21 웹접근성 인증 아이콘 변경  */
.info-time dt {position:relative;overflow:hidden;width:0;padding:0 0 0 2.2rem;}
.info-time dt:before, .info-time dt:after {content:'';position:absolute;left:0.2rem;top:1.3rem;border:0.2rem solid #ff8800;} 
.info-time dt:before {width:1.2rem;height:1.2rem;border-radius:50%;}
.info-time dt:after {width:0.3rem;height:0.3rem;border-top:0;border-right:0;margin:0.4rem 0 0 0.7rem;}
input.text + .info-time {margin:0 0 0 1.5rem;}

/* 정보형데이터(기타) : 팁 */
.info-tip {position:relative;display:inline-block;padding:0 0 0 11.0rem;text-align:left;}
.info-tip dt,  .info-tip dd {font-size:1.3rem;line-height:1.7rem;color:#888;}
.info-tip dt {position:relative;float:left;width:11.0rem;margin:0 0 0 -11.0rem;color:#ff8800;}
.info-tip dt:before {content:'';display:inline-block;width:1.5rem;height:1.5rem;margin:0.2rem 0.5rem 0 0;vertical-align:top;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -3.0rem -15.0rem;background-size:30.0rem 30.0rem;}

/*--------------------------------------------------------------------------------
	# 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;}

.ui-tab-con.active.confirmcard{position:relative}
.ui-tab-con.active.confirmcard button{position:absolute;right:0;bottom:0}

/* 신용카드 인증확인 2021-01-08 */
#cardChk_2, #cardChk_3 {border-top:0.1rem solid #ced4d9;padding:15px 0;margin:15px 0;}
#cardChk_3 dl dd {display:block;}

/*--------------------------------------------------------------------------------
	# guide content : 기타영역
---------------------------------------------------------------------------------*/
/* 이미지대체텍스트형 */
.area-visual {margin:3.5rem 0 1.0rem;text-align:center;}
.area-visual img {display:block;margin:0 auto;}

/* 컨텐츠 가로분할 */
.wrap-area1 {display:inline-block;width:100%;margin:2.0rem 0;vertical-align:top;}
.wrap-area1 > .area {position:relative;float:left;width:45%;width:-webkit-calc(50% - 3.0rem);width:calc(50% - 3.0rem);margin:0 3.0rem 0 0;}
.wrap-area1 > .area:nth-child(2n) {margin:0 0 0 3.0rem;}
.wrap-area1 > .area:empty:before {content:'영역';display:block;line-height:20.0rem;background:rgba(255,41,0,0.4);text-align:center;color:#fff;}
.wrap-area1.s1 > .area:nth-child(2n-1) {width:30%;width:-webkit-calc(33% - 3.0rem);width:calc(33% - 3.0rem);}
.wrap-area1.s1 > .area:nth-child(2n) {width:65%;width:-webkit-calc(67% - 3.0rem);width:calc(67% - 3.0rem);}
.wrap-area1.s2 > .area:nth-child(2n-1) {width:38%;width:-webkit-calc(40% - 3.0rem);width:calc(40% - 3.0rem);}
.wrap-area1.s2 > .area:nth-child(2n) {width:58%;width:-webkit-calc(60% - 3.0rem);width:calc(60% - 3.0rem);}
.wrap-area1.s3 > .area:nth-child(2n-1) {width:58%;width:-webkit-calc(60% - 3.0rem);width:calc(60% - 3.0rem);}
.wrap-area1.s3 > .area:nth-child(2n) {width:38%;width:-webkit-calc(40% - 3.0rem);width:calc(40% - 3.0rem);}
.wrap-area1 > .area.area-visual:nth-child(2n-1) img {float:right}
.wrap-area1 > .area.area-visual:nth-child(2n) img {float:left}
.tit-sub1 + .wrap-area1 {margin:1.0rem 0;}

/* 토글영역1 */
.wrap-toggle1 {margin:3.0rem 0;}
.wrap-toggle1 .btn-com.toggle {display:block;width:100%;}

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

/* 관리자등록컨텐츠영역1 : 팝업이미지 */
.wrap-admin1 img {display:block;width:100%;max-width:100%;}

/* 고정배너영역
.static-banner {position:relative;margin:50px 0 0;padding:30px 0 30px 210px;line-height:2.0rem;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Sonaare_vpba.cat) no-repeat 30px 50%;background-size:auto 102px;}
.static-banner:before, .static-banner:after {content:'';position:absolute;z-index:-1;top:-4px;left:0;width:100%;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Sonaare_ot.cat) repeat-x 0 0;}
.static-banner:after {bottom:-4px;top:auto;background-position-y:100%;}
.static-banner p {margin-bottom:10px;font-size:18px;font-family:'NanumSquareR';color:#333;line-height:3.0rem;}
.static-banner strong{display:block;font-weight:normal;font-size:24px;letter-spacing:-2px;}
.static-banner .btnarea {position:absolute;top:0;right:30px;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.static-banner .btnarea a {position:relative;padding-top:30px;vertical-align:top;display:inline-block;width:110px;height:110px;border-radius:55px;text-align:center;color:#fff;background:#ff8800;}
.static-banner .btnarea a + a {margin:0 0 0 0.5rem;}
.static-banner .btnarea a:before{content:'';position:absolute;top:75%;left:50%;width:5px;height:5px;border:2px solid #fff;border-width:0 2px 2px 0;-ms-transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);}
.static-banner .btnarea a:nth-child(1):not(:last-child) {background:#5c6166;}
@media only screen and (min-width: 1025px) {
	.sc .static-banner {margin:2.0rem 0;padding:30px 0 30px 200px;}
	.sc .static-banner .btnarea {right:20px;}
}
*/
/* 고정배너영역 보험료 계산 수정 2023-08-04 */
.static-banner {position:relative;margin-top:10px;padding:30px 0;line-height:2.0rem;}
.static-banner:before{content:'';position:absolute;width:137px;height:132px;left:185px;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Sonaare_vpba_230808.cat) no-repeat;}
.static-banner .btnarea {position:absolute;right:-2.0rem;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.static-banner .btnarea a {position:relative;padding-top:20px;vertical-align:top;display:inline-block;width:120px;height:120px;border-radius:50%;font-size:2.0rem;line-height:2.5rem;font-family:'NanumSquareR';text-align:center;color:#fff;background:#ff8800;}
.static-banner .btnarea a:before{content:'';position:absolute;top:75%;left:48%;width:10px;height:10px;border:4px solid #fff;border-width:0 4px 4px 0;-ms-transform:rotate(-45deg) translateY(-50%);-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);}
.static-banner p {margin-bottom:10px;font-size:18px;font-family:'NanumSquareR';color:#333;line-height:3.5rem;}
.static-banner strong{display:block;font-weight:normal;font-size:2.0rem;}

#uiPOPMesProdEvnt.pop-modal2 {border-radius:2.0rem;}
/*
.static-banner {position:relative;margin-top:10px;padding:0;border-radius:2.0rem;box-shadow:0 5px 20px rgba(0,0,0,0.2);overflow:hidden;font-size:0;border:1px solid #f4bdc6;}
*/
.static-banner2 {position:relative;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.2);border-radius:2.0rem;border:1px solid #f19ba9;margin-top:10px;background:#fdf0f2}

.static-banner2 a {display:block;padding:3.0rem 5.0rem;width:100%;height:120px;line-height:2.0rem;font-family:'NanumSquareR';font-size:2.5rem;line-height:3.0rem;}
.static-banner2 a:before {content:'';position:absolute;bottom:10px;right:40px;width:225px;height:100px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Sonaare_vpba_230807.cat) no-repeat right bottom;background-size:100%;}

.static-banner2 a span:nth-child(1) {color:#45494d;width:100%;display:block;}
.static-banner2 a span i {color:#ea6376;}
.static-banner2 a span:nth-child(2) {position:absolute;left:50%;top:20%;background:#f19ba9;width:200px;height:200px;font-size:1.5rem;padding-top:50px;text-align:center;color:#fff;border-radius:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.static-banner2 a span:nth-child(2):before{content:'';position:absolute;top:30px;left:90px;width:10px;height:10px;border:4px solid #fff;border-width:0 4px 4px 0;-ms-transform:rotate(-315deg) translateY(-50%);-webkit-transform:rotate(-315deg) translateY(-50%);transform:rotate(-315deg) translateY(-50%);}


/* 고정배너영역 -  보험료 계산 이벤트 수정 23-07-05 
.product6 .static-banner {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2S..%2Spbzzba%2Svzntrf%2Spbzzba%2Sonaare_vpba_230711.cat) no-repeat 80px 10px;background-size:18.0rem 12.3rem;padding:30px 0 30px 310px;}
.product6 .static-banner .btnarea {right:100px;}
*/

/*--------------------------------------------------------------------------------
	# popup
---------------------------------------------------------------------------------*/
/* 팝업공통 */
.pop-modal1 .content > .tit-sub2:first-child {margin-top:0;}

/* 간략검색 */
.form-search2 {outline:0;}
.form-search2 .selectbox {width:45%;width:-webkit-calc(50% - 0.8rem);width:calc(50% - 0.8rem);}
.form-search2 .selectbox + .selectbox {margin:0 0 0 10px;}
.form-search2  div.text {margin:0;padding-left:0;color:#000;font-weight:bold;font-size:1.6rem;border-bottom:0 none;}
.form-search2 .input-wrap1:not(:first-child) {margin:1.0rem 0 0;}
.box-scroll1 + .form-search2 {margin:3.0rem 0 0;}

/* 직업찾기 */
.form-search2.input-wrap1 .selectbox {font-size:1.7rem;}

/* 간략동의 */
.form-agree1 {margin:3.0rem 0;text-align:center;}

/* ----------------------------------------------------------------------------------------------------------------
	 플러그인용 :디자인스크롤
	 == malihu jquery custom scrollbar plugin ==
	Plugin URI:http://manos.malihu.gr/jquery-custom-content-scroller

	CONTENTS:
		1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
		2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
		3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
		4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
		5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
		6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
			6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
------------------------------------------------------------------------------------------------------------------
/* 1. BASIC STYLE  */
.mCustomScrollbar {-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;/* direct pointer events to js */;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {-ms-touch-action:auto;touch-action:auto;}
.mCustomScrollBox {position:relative;overflow:hidden;height:100%;max-width:100%;direction:ltr;} /*20181211 키보드 아웃라인을 위한 삭제 ;outline:none  */
.mCSB_container {overflow:hidden;width:auto;height:auto;}

/* 2. VERTICAL SCROLLBAR : y-axis */
.mCSB_inside > .mCSB_container {margin-right:0;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left:0;}
.mCSB_scrollTools {position:absolute;width:1.5rem;height:auto;left:auto;top:0;right:0.3rem;bottom:0;;}
.mCSB_outside + .mCSB_scrollTools {right:-26px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right:auto;left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left:-26px;}

.mCSB_scrollTools .mCSB_draggerContainer {position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail {width:100%;height:100%;margin:0 auto;}
.mCSB_scrollTools .mCSB_dragger {cursor:pointer;width:100%;height:30px;z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:relative;width:100%;height:100%;margin:0 auto;text-align:center;}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:8px;}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown {bottom:0;}

/* 3. HORIZONTAL SCROLLBAR : x-axis */
.mCSB_horizontal.mCSB_inside > .mCSB_container {margin-right:0;margin-bottom:30px;}
.mCSB_horizontal.mCSB_outside > .mCSB_container {min-height:100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {width:auto;height:16px;top:auto;right:0;bottom:0;left:0;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:-26px;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%;height:2px;margin:7px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {width:30px;height:100%;left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%;height:4px;margin:6px auto;}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {height:12px;margin:2px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:8px;margin:4px 0;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {right:0;}

/* 4. VERTICAL AND HORIZONTAL SCROLLBARS : yx-axis */
.mCSB_container_wrapper {position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;}
.mCSB_container_wrapper > .mCSB_container {padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right:20px;}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:0;}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right:0;}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {left:20px;}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {margin-right:0;margin-left:30px;}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {padding-right:0;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {padding-bottom:0;}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;margin-left:0;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0;}

/* 5. TRANSITIONS*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;transition:opacity .2s ease-in-out, background-color .2s ease-in-out;}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;transition:width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;}

/*6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS */
.mCSB_scrollTools {opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity:1;}
.mCSB_scrollTools .mCSB_draggerRail {background-color:#f0f0f0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#cdcdcd;}


/* SNS 임시 : 개발완료 후 주석처리
/*.sns-wrap {display:none !important;}
.wrap-bottom .btn-sns {display:none !important;}
.wrap-result .heading .sub .btn-icon1.ic2 {display:none !important;}*/



/* step_style */
.step {overflow:hidden;width:100%;background:#f5f5f5;border-radius:27px;position:relative;opacity:0;margin-bottom:30px;color:#666}
.step ul {overflow:hidden;height:47px;}
.step ul li {float:left;height:47px;line-height:45px;text-align:center;font-weight:500;font-size:16px;color:#999999;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid transparent;margin-left: -43px;padding-left:43px;width: calc(25% + 43px)}
.step ul li:first-child {margin-left:0;padding-left:0;width:25%;}
.step ul li strong {font-size:12px;font-weight:600;display:inline-block;vertical-align:top;margin-right:12px;}
.step ul li strong:before {content:"STEP ";display:inline-block;vertical-align:top;}
.step ul li.on {color:#666;border-radius:27px;border:1px solid #98d6ff}
.step ul li.on:last-child {color:#555}
.step ul li.on:nth-child(1) {background:#eaf7ff;z-index:4}
.step ul li.on:nth-child(2) {background:#d9f0ff;z-index:3}
.step ul li.on:nth-child(3) {background:#c8e9ff;z-index:2}
.step ul li.on:nth-child(4) {background:#98d6ff;z-index:1}

.step.item2 ul li {width: calc(50% + 43px);}
.step.item2 ul li:first-child {margin-left:0;padding-left:0;width:50%;}

.step.item3 ul li {width: calc(33.3333333333% + 43px);}
.step.item3 ul li:first-child {margin-left:0;padding-left:0;width:33.33333333333%; }

.step.item4 ul li {width: calc(25% + 43px);}
.step.item4 ul li:first-child {margin-left:0;padding-left:0;width:25%}

.small .step ul {height:47px;}
.small .step ul li {height:47px; line-height:45px}