@charset "utf-8";

/* --------------------------------------------------------------------------------
	COMMONET : 공통
-----------------------------------------------------------------------------------*/
.sub-con0 {margin-top:0 !important;}
.sub-con1 {margin-top:21px !important;}
.sub-con2 {margin-top:42px !important;}
.sub-con3 {margin-top:53px !important;}
.sub-con4 {margin-top:64px !important;}
.sub-con5 {margin-top:75px !important;}
.sub-con6 {margin-top:86px !important;}

.txt-c1 {color:var(--point1);}
.txt-c2 {color:var(--point2);}
.txt-c3 {color:#0070f0;}
.txt-c4 {color:#ff0000;}
.txt-c5 {color:#fbff00;}

.txt-c0 {color:#1f1f3c;}

.con-line1:not(dl), dl.con-line1 > dt ~ dt {padding-top:24px;margin-top:24px;border-top:1px solid #ededf0;}

strong:not([class]) {font-weight:600;}

a[href^="tel"] {cursor:default;pointer-events:none;}

/* --------------------------------------------------------------------------------
	# COMMONET : TITLE
-----------------------------------------------------------------------------------*/
div[class*="tit-sub"], dl[class*="tit-sub"] {position:relative;}
div[class*="tit-sub"] > *:first-child, [class*="tit-sub"]:not(div):not(dl), [class*="tit-sub"] > dt {font-weight:700;color:#1f1f3c;}
div[class*="tit-sub"] > *:first-child,
div[class*="tit-sub"] > *:first-child ~ .info {display:inline-block;vertical-align:top;}
div[class*="tit-sub"] .side {position:absolute;right:0;top:0;}
div[class*="tit-sub"] .side.txt-bul1 {margin:0;bottom:0;top:auto;}
[class*="tit-sub"] > [class*="icon-txt"] {margin-left:5px;}
div[class*="tit-sub"] > *:first-child + p:not([class]) {margin:8px 0 0;color:#1f1f3c;}

[class*="tit-sub"] > a.link {display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
[class*="tit-sub"] > a.link, [class*="tit-sub"] > a.link::selection {color:transparent;}
[class*="tit-sub"] > a.link:after {content:'';position:absolute;display:block;right:8px;top:4px;width:24px;height:24px;background:url(../img/com/icon_set1.png) no-repeat -192px 0;background-size:600px 600px;
transform:scale(1.3);}

div[class*="tit-sub"].txt-c1 > *:first-child, [class*="tit-sub"].txt-c1:not(div):not(dl), [class*="tit-sub"].txt-c1 > dt {color:var(--point1);}
div[class*="tit-sub"].txt-c2 > *:first-child, [class*="tit-sub"].txt-c2:not(div):not(dl), [class*="tit-sub"].txt-c2 > dt {color:var(--point2);}
div[class*="tit-sub"].txt-c3 > *:first-child, [class*="tit-sub"].txt-c3:not(div):not(dl), [class*="tit-sub"].txt-c3 > dt {color:#0070f0;}

/* 서브타이틀1 */
div.tit-sub1 > *:first-child, .tit-sub1:not(div):not(dl), .tit-sub1 > dt {font-size:24px;line-height:32px;}
div.tit-sub1 > *:first-child ~ .info {line-height:32px;}
.tit-sub1 {margin:0 0 20px;}
.tit-sub1 .side.link-t1 {top:8px;}
.tit-sub1:not(:first-child) {margin-top:54px;}
.tit-sub1 ~ .tit-sub1 {margin-top:80px;}
.tit-sub1 > dt {margin:0 0 15px;}
p.tit-sub1 + p {margin-top:-10px;}
p.tit-sub1 + p.tit-sub1 {margin-top:0;}
[data-list="more"] + .tit-sub1 {margin-top:86px;}
.area-btn1 + .tit-sub1 {margin-top:86px;}
.tit-sub1.tit-line1 {padding-bottom:18px;border-bottom:2px solid #1f1f3c;}
.tit-sub1.tit-line2 {margin:18px 0 0 0;border-top:2px solid #1f1f3c;}
div.tit-sub1.tit-line2 > *:first-child, .tit-sub1.tit-line2:not(div):not(dl), .tit-sub1.tit-line2 > dt {padding:32px 24px;border-bottom:1px solid #ededf0;}

/* 서브타이틀2 */
div.tit-sub2 > *:first-child, .tit-sub2:not(div):not(dl), .tit-sub2 > dt {font-size:20px;line-height:26px;}
div.tit-sub2 > *:first-child [class*="icon-com"], .tit-sub2:not(div):not(dl) [class*="icon-com"], .tit-sub2 > dt [class*="icon-com"] {vertical-align:top;}
div.tit-sub2 > *:first-child ~ .info {line-height:26px;}
.tit-sub2:not(dl) {margin:0 0 12px;}
.tit-sub2:not(:first-child) {margin-top:54px;}
.tit-sub2 ~ .tit-sub2 {margin-top:54px;}
.tit-sub1 + .tit-sub2 {margin-top:0;}
.tit-sub2 > dt {margin:0 0 10px;}
.tit-sub2 > dd:not(:first-of-type) {margin-top:10px;}
.tit-sub2 > dt ~ dt {margin-top:24px;}
.tit-sub2.tit-line1 {padding-bottom:12px;border-bottom:1px solid #1f1f3c;}
.tit-sub2.tit-line2 {margin:0 0 20px;padding-top:20px;border-top:2px solid #1f1f3c;}
.tit-sub2.info1 > dt {font-weight:600;}

.pop-modal1 .tit-sub2 ~ .tit-sub2 {margin-top:32px;}

/* 서브타이틀3 */
div.tit-sub3 > *:first-child, .tit-sub3:not(div):not(dl), .tit-sub3 > dt {font-size:16px;line-height:26px;}
div.tit-sub3 > *:first-child ~ .info {line-height:26px;}
.tit-sub3 {margin:0 0 12px;}
.tit-sub3:not(:first-child) {margin-top:12px;}
.tit-sub1 + .tit-sub3,
.tit-sub2 + .tit-sub3 {margin-top:0 !important;}
.tit-sub3 ~ .tit-sub3 {margin-top:52px;}
.tit-sub3 > dt {margin:0 0 10px;}
.tit-sub3 > dt ~ dt {margin-top:24px;}
.tit-sub3 > dd + dd {margin-top:8px;}
.tit-sub3.tit-line1 {padding-bottom:12px;border-bottom:1px solid #1f1f3c;}

/* 컨텐츠타이틀 */
.tit-section1:not(dl) {margin:0 0 58px;}
.tit-section1:not(dl), dl.tit-section1 > dt {font-size:24px;font-weight:700;line-height:32px;text-align:center;color:#1f1f3c;}

.tit-section2:not(dl), dl.tit-section2 > dt {font-family:'YouandiNewKrTitleM';font-size:20px;line-height:26px;margin:0 0 32px;text-align:center;}

/* --------------------------------------------------------------------------------
	# COMMONET : TEXT : 공통
-----------------------------------------------------------------------------------*/
mark {color:#0070f0;}

.nodata {text-align:center;color:#1f1f3c;}

.nodata-wrap {display:flex;justify-content:center; align-items:center;height:330px;color:#1f1f3c;}
.nodata-wrap span{display: inline-block; text-align: center;}

.w-p100 {width:100%;}

/* --------------------------------------------------------------------------------
	# COMMONET : MESSAGE
-----------------------------------------------------------------------------------*/
/* 헤드라인형1 */
.mes-headline1 {position:relative;width:100%;max-width:1200px;padding:64px 0 0;margin:0 auto 56px;text-align:center;font-weight:600;}
.mes-headline1 > :first-child {font-family:'YouandiNewKrTitleB';font-size:34px;line-height:40px;color:#1f1f3c;}
.mes-headline1 > :first-child strong {color:var(--point1);}
.mes-headline1 > :first-child ~ p {margin:32px 0 0;color:#1f1f3c;}
.mes-headline1 > :first-child ~ p ~ p {margin:20px 0 0;}
.mes-headline1 > :first-child ~ .sub {font-size:14px;line-height:20px;color:#91919f;}

header.mes-headline1 {margin:0 auto 68px;}
header.mes-headline1 > :first-child {font-size:40px;line-height:48px;}

.wrap-content1 .tit-page,
.wrap-content1 .mes-headline1 {margin-top:-64px;}

#container .tit-page + .content .mes-headline1:first-child {padding-top:0;}

/* 헤드라인형2 */
.mes-headline2 {margin:0 auto 64px;}
.mes-headline2 > :first-child, .mes-headline2 > dt {font-size:34px;line-height:44px;color:#1f1f3c;font-weight:700;}
.mes-headline2 > :first-child ~ p {margin:20px 0 0;font-size:18px;line-height:26px;}
[data-page="product"] .mes-headline2 > :first-child ~ p {margin:24px 0 0;color:var(--color1);font-size:24px;font-weight:500;line-height:32px;}
.mes-headline2 > dt ~ dt {margin:64px 0 0;}
.mes-headline2 > dd {margin:22px 0 0;font-size:24px;line-height:34px;color:#1f1f3c;}
.mes-headline2 > p:first-child:only-child {font-size:24px;line-height:34px;font-weight:500;}
[data-page="product"] .mes-headline2 > p:first-child:only-child {line-height: 32px;}

/* 문구타입1 */
.mes-t1 {margin:40px 0 80px;font-size:24px;line-height:32px;color:#1f1f3c;font-weight:700;text-align:center;}
.mes-t1 mark {display:inline-block;}
.mes-t1 mark:before {content:'\02BF';}
.mes-t1 mark:after {content:'\02BE';}

/* 문구타입2 */
.mes-t2 {margin:40px 0;text-align:center;}
.mes-t2 > p {font-size:16px;}
.mes-t2 > p:first-of-type {color:#1f1f3c;font-weight:700;}
.mes-t2 > p:not(:only-of-type):first-of-type {margin:0 0 12px;font-size:20px;}
.mes-t2 > p:not(:only-of-type):first-of-type ~ p {color:#707082;}

.tit-page + .content > .mes-t2:first-child {margin-top:0;}

/* 문구타입3[.mes-t1 + .mes-t2 혼용 (대출모집인 조회)] */
.mes-t4 {margin:40px 0 80px;font-size:24px;line-height:32px;text-align:center;}
.mes-t4 > p:first-of-type {color:#1f1f3c;font-weight:700;}
.mes-t4 > .sub-mes {margin-top:32px;color:#707082;font-size:16px;font-weight: 400;}

/* */
/* --------------------------------------------------------------------------------
	# COMMONET : TEXT : 하이라이트/강조형
-----------------------------------------------------------------------------------*/
.txt-t1 {display:inline-block;position:relative;padding:0 2px;margin:0 -2px;box-shadow:inset 0 -15px #fbff00;}
.txt-t2 {font-size:18px; font-weight:700;}/*연체 이자율*/
.txt-t2 + .txt-bul1{font-size:18px; font-weight:700;}/*연체 이자율*/
/*2023-03-09 추가(S)*/
.txt-t2 + .txt-mark1{margin-top:3px; font-size: 18px;font-weight: 700; line-height:1.625;}
.txt-t2 [class*="icon-com"]{top:-2px; vertical-align: middle;}
/*2023-03-09 추가(E)*/
/* --------------------------------------------------------------------------------
	# COMMONET : TEXT : 블릿형
-----------------------------------------------------------------------------------*/
[class*="txt-bul"] {font-size:16px;line-height:22px;text-align:left;color:#707082;}
[class*="txt-bul"] + [class*="txt-bul"],
[class*="txt-bul"] > li + li, [class*="txt-bul"] > dd, [class*="txt-bul"] > dd ~ dt {margin:6px 0 0;}
[class*="txt-bul"] > li, [class*="txt-bul"] > dd, [class*="txt-bul"]:not(ol):not(ul):not(dl) {padding:0 0 0 10px;}
[class*="txt-bul"] > li:before, [class*="txt-bul"] > dd:before, [class*="txt-bul"]:not(ol):not(ul):not(dl):before {content:'';display:block;float:left;background:#707082;}
[class*="txt-bul"].txt-s1 {color:#91919f;}
[class*="txt-bul"] [class*="icon-com2"] {vertical-align:top;margin:-1px 0;}

[class*="txt-bul"] > dd > .area-btn3,
[class*="txt-bul"] > li > .area-btn3 {margin:4px 0 8px;}

[class*="txt-bul"] > li > [class*="txt-bul"] {margin:8px 0;}

[class*="tbl-data1"] [class*="txt-bul"]:not(:first-child) {margin:12px 0 0;}

.txt-bul1 > li:before, .txt-bul1 > dd:before, .txt-bul1:not(ol):not(ul):not(dl):before {width:2px;height:2px;margin:0.625em 7px 0 -10px;border-radius:100%;}

.txt-bul2 > li:before, .txt-bul2 > dd:before, .txt-bul2:not(ol):not(ul):not(dl):before {width:4px;height:1px;margin:0.6875em 5px 0 -10px;}
.txt-bul3 > li:before, .txt-bul3 > dd:before, .txt-bul3:not(ol):not(ul):not(dl):before {content:'*';width:10px;margin:0 0 0 -10px;background:none;}

.txt-bul4 {color:#1f1f3c;font-size:18px;line-height:26px;font-weight:700;}
.txt-bul4 > li + li {margin:10px 0 0;}
.txt-bul4 > li, .txt-bul4 > dd, .txt-bul4:not(ol):not(ul):not(dl) {padding:3px 0 3px 40px;}
.txt-bul4 > li:before, .txt-bul4 > dd:before, .txt-bul4:not(ol):not(ul):not(dl):before {width:32px;height:32px;margin:-3px 8px -3px -40px;background:url(../img/com/icon_set1.png) no-repeat -24px -24px;background-size:600px 600px;}
.txt-bul4 .sub {display:block;margin:2px 0 0;font-size:14px;line-height:22px;font-weight:500;}

[class*="txt-bul"]:not(:first-child):not(li) {margin-top:24px;}
[class*="tit-sub"]:not(dl) + [class*="txt-bul"]:not(:first-child) {margin-top:0;}

/* --------------------------------------------------------------------------------
	# COMMONET : TEXT : 마크형
-----------------------------------------------------------------------------------*/
[class*="txt-mark"] {font-size:16px;line-height:22px;text-align:left;color:#707082;}
[class*="txt-mark"] + [class*="txt-mark"],
[class*="txt-mark"] > li + li {margin:4px 0 0;}
[class*="txt-mark"] > li, [class*="txt-mark"]:not(ol):not(ul) {padding:0 0 0 1.2em;}
[class*="txt-mark"] > li > span:first-child, [class*="txt-mark"]:not(ol):not(ul) > span:first-child {display:block;float:left;width:1.2em;margin:0 0 0 -1.2em;}
[class*="txt-mark"].sup {font-size:14px;line-height:20px; color:#91919F;}


[class*="txt-bul"] + [class*="txt-mark"] {margin:12px 0 0;}

.txt-mark1 > li {padding:0 0 0 1.5em;}
.txt-mark1 > li > span:first-child {width:1.2em;margin:0 0.3em 0 -1.5em;text-align:right;}

/* --------------------------------------------------------------------------------
	# COMMONET : TEXT : 넘버형
-----------------------------------------------------------------------------------*/
/* 공통 */
[class*="txt-num"] {font-size:16px;line-height:26px;text-align:left;color:#707082;}
[class*="txt-num"] [class*="txt-mark"] {line-height:26px;}
[class*="txt-num"] + [class*="txt-num"],
[class*="txt-num"] > li + li, [class*="txt-num"] > dd {margin:8px 0 0;}
[class*="txt-num"] > li, [class*="txt-num"] > dt, [class*="txt-num"] > dd, [class*="txt-num"]:not(ol):not(ul):not(dl) {padding:0 0 0 1.5em;}
[class*="txt-num"] > li > span:first-child, [class*="txt-num"] > dt > span:first-child,
[class*="txt-num"]:not(ol):not(ul) > span:first-child {display:block;float:left;width:1.2em;margin:0 0.3em 0 -1.5em;text-align:right;}

[class*="txt-num"]:not(:first-child) {margin:12px 0 0;}

/* 유형1 스탭형 */
.txt-num1.step {font-size:16px;line-height:22px;}
.txt-num1.step > li {padding:0 0 0 70px;}
.txt-num1.step > li > span:first-child {margin:0 6px 0 -70px;width:64px;font-size:14px;font-weight:700;}

/* 유형1 컨텐츠확장 */
.txt-num1.txt-data1 {font-weight:700;color:#1f1f3c;}
.txt-num1.txt-data1 > dt {padding:0 0 0 1.5em;color:#1f1f3c;}
.txt-num1.txt-data1 > dt ~ dt {margin:52px 0 0;}
.txt-num1.txt-data1 > li + li {margin:12px 0 0;}
.txt-num1.txt-data1 .con, .txt-num1.txt-data1 > dd {margin:8px 0 0;font-weight:500;color:#707082;}
.txt-num1.txt-data1 .con[class*="txt-num"] li + li {margin:8px 0 0;}
.txt-num1.txt-data1 .con[class*="txt-num"] dd + dd {margin:0;}

/* 유형2 */
.txt-num2 {line-height:26px;color:#4c4c63;}
.txt-num2 > li {padding:0 0 0 28px;}
.txt-num2 > li + li {margin:24px 0 0;}
.txt-num2 > li > span:first-child {overflow:hidden;width:20px;height:20px;margin:3px 8px 0 -28px;padding:2px 0;font-size:12px;line-height:16px;text-align:center;border-radius:100%;background:#1f1f3c;color:#fff;font-weight:700;}
.txt-num2 > li > span:first-child + .tit {display:block;margin:0 0 4px;font-size:18px;line-height:22px;color:#1f1f3c;}

.txt-num2.txt-data1 {font-size:18px;line-height:26px;font-weight:700;color:#1f1f3c;}
.txt-num2.txt-data1 .tit + span {font-size:16px;color:#707082;font-weight:500;}

.txt-num2.box-line1 > li + li {margin:24px 0 0;}
.box-line1 .txt-num2:not(:first-child) {margin:24px 0 0;}

/* --------------------------------------------------------------------------------
	# COMMONET : TEXT : 공통
-----------------------------------------------------------------------------------*/
/* 폰트사이즈 */
.txt-s1 {font-size:14px !important;line-height:1.5;}

.txt-cnt1 {font-size:14px;line-height:1.5;color:#91919f;}

/* --------------------------------------------------------------------------------
	# COMMONET : BUTTON
-----------------------------------------------------------------------------------*/
[class*="btn-action"], [class*="btn-com"], [class*="btn-sub"], [class*="btn-icon"] {position:relative;display:inline-block;padding:0 12px;background:#1f1f3c;border-radius:8px;text-align:center;vertical-align:top;white-space:nowrap;font-weight:700;}
[class*="btn-action"], [class*="btn-com"], [class*="btn-sub"],
[class*="btn-action"]:visited, [class*="btn-com"]:visited, [class*="btn-sub"]:visited {color:#fff;}
[class*="btn-action"]:hover, [class*="btn-com"]:hover, [class*="btn-sub"]:hover,
[class*="btn-action"]:focus, [class*="btn-com"]:focus, [class*="btn-sub"]:focus {background:#707082;}
[class*="btn-action"]:focus, [class*="btn-com"]:focus, [class*="btn-sub"]:focus {outline:2px dotted #a5a5b1;}
[class*="btn-"].c1 {background:#ededf0;}
[class*="btn-"].c1, [class*="btn-"].c1:visited {color:#1f1f3c;}
[class*="btn-"].c1:hover, [class*="btn-"].c1:focus {background:#dbdbe0;}
[class*="btn-"].c2 {background:var(--point2);}
[class*="btn-"].c3 {color:var(--color1);background:var(--point6);}
[class*="btn-"]:disabled, [class*="btn-"]:disabled:hover, [class*="btn-"]:disabled:focus {background:#ededf0;color:#d2d2d8;}

.btn-action1 {min-width:240px;font-size:20px;line-height:64px;}
.btn-action1:only-child {min-width:300px;}
.btn-action1 .icon-txt1 {overflow:unset;position:absolute;left:50%;top:0;margin-top:-6px;padding:4px 8px;font-size:14px;font-weight:500; line-height:20px;border-radius:8px;transform:translate(-50%, -50%);}
.btn-action1 .icon-txt1:before{content:'';display:block;position:absolute;left:50%;bottom:-4px;border-top:4px solid var(--color1);border-left:4px solid transparent;border-right:4px solid transparent;transform:translateX(-50%);}


[class*="btn-com"] {font-size:16px;padding:0 16px;}
.btn-com1 {line-height:56px;}
.btn-com1 em {font-size:1.25em;color:var(--point1);font-weight:700;vertical-align:top;}
.btn-com1.ic1 {padding:0 40px 0 16px;background:#ededf0;text-align:left;}
.btn-com1.ic1:after {content:'';display:block;position:absolute;right:12px;top:50%;width:24px;height:24px;margin:-12px 0 0;white-space:nowrap;background:url(../img/com/icon_set1.png) no-repeat -192px 0;background-size:600px 600px;}
.btn-com1.ic1,.btn-com1.ic1:visited {color:#1f1f3c;}
.btn-com1.ic1:disabled, .btn-com1.ic1:disabled:hover, .btn-com1.ic1:disabled:focus {background:#ededf0;color:#d2d2d8;}
.btn-com1.ic1:disabled:after {opacity:0.2;}
.btn-com1.ic1:hover, .btn-com1.ic1:focus {background:#dbdbe0;}

[class*="btn-sub"] {font-size:14px;}
.btn-sub1 {padding:0 24px;font-size:16px;line-height:48px;}
.btn-sub2 {padding:0 12px;line-height:40px;}
.btn-sub3 {padding:0 10px;line-height:32px;border-radius:4px;}
.btn-sub4 {padding:0 10px;line-height:32px;border-radius:8px;}

.btn-sub1.ic1 {background:#ededf0;}
.btn-sub1.ic1:before {content:'';display:inline-block;width:24px;height:24px;margin:12px 0;background:url(../img/com/icon_set1.png) no-repeat -144px 0;background-size:600px 600px;vertical-align:top;}
.btn-sub1.ic1, .btn-sub1.ic1:visited {color:#1f1f3c;}

/* --------------------------------------------------------------------------------
	# COMMONET : BUTTON AREA
-----------------------------------------------------------------------------------*/
.area-btn1 {text-align:center;margin:80px 0 0;}
.area-btn1 .btn-action1 + .btn-action1 {margin:0 0 0 12px;}
.area-btn1 .btn-com1:only-child {display:block;width:100%;}

.area-btn1 + .area-btn1 {margin:53px 0 0;}

.txt-bul1 + .area-btn3 {margin:12px 0 0 10px;}

.area-btn2 {text-align:right;margin:24px 0 0;}
.area-btn2:after {content:'';display: table;clear:both;}
.area-btn2 .side {float:left;overflow:unset;}
[data-page="main"] .area-btn2 .side:after {content:'';display:table;clear:both;}
[data-page="main"] .area-btn2 .side + .data-word2 {overflow:unset;}
.area-btn2 .side + .side {clear:left;}

.area-btn3 {text-align:left;margin:24px 0 0;}
.area-btn3:after{content:'';display: table;clear:both;}

.wrap-content1 .area-btn3 {margin:40px 0 0;}

/* --------------------------------------------------------------------------------
	# COMMONET : 버튼그룹
-----------------------------------------------------------------------------------*/
.btn-set1 {display:block;border:1px solid #91919f;border-radius:8px;overflow:hidden;}
.btn-set1 a {float:left;width:25%;text-align:center;flex:1;padding:12px 0;cursor:pointer;color:#1f1f3c;font-size:12px;line-height:16px;font-weight:600;}
.btn-set1 a + a {border-left:1px solid #ededf0;}
.btn-set1 a:hover, .btn-set1 a:focus {background:#f6f6f7;}
.btn-set1 a:last-of-type {border-right:none;}
.btn-set1 [class*="ic"]:before {content:'';display:block;margin:0 auto;margin-bottom:4px;width:32px;height:32px;background:url(../img/com/icon_set1.png) no-repeat -300px -28px;background-size:600px 600px;}
.btn-set1.icon1 .ic1:before {background-position:-300px -28px;}
.btn-set1.icon1 .ic2:before {background-position:-332px -28px;}
.btn-set1.icon1 .ic3:before {background-position:-364px -28px;}
.btn-set1.icon1 .ic4:before {background-position:-396px -28px;}

.btn-set1.col2 {display:block;}
.btn-set1.col2 a {width:50%;}
.btn-set1.col2 a + a {border:0;}
.btn-set1.col2 a:nth-child(2n) {border-left:1px solid #ededf0;}
.btn-set1.col2 a:nth-child(2) ~ a {border-top:1px solid #ededf0;}
.btn-set1.col2 a:nth-child(1) {border-top-left-radius:8px;}
.btn-set1.col2 a:nth-child(2) {border-top-right-radius:8px;}
.btn-set1.col2 a:nth-last-child(1) {border-bottom-right-radius:8px;}
.btn-set1.col2 a:nth-last-child(2) {border-bottom-left-radius:8px;}

/* --------------------------------------------------------------------------------
	# COMMONET : ETC AREA
-----------------------------------------------------------------------------------*/
[class*="area-col"] {display:flex;flex-wrap:wrap;width:100%;}
[class*="area-col"] .area, [class*="area-col"][class*="txt-"] > li {margin:0;}
[class*="area-col"] .area[class*="txt-bul"] {margin:0;}

.area-col2 .area, .area-col2 > li {width:calc(50% - 12px);}
.area-col3 .area, .area-col3 > li {width:calc(33.3% - 16px);}
.area-col4 .area, .area-col4 > li {width:calc(25% - 21px);}
.area-col2 .area:nth-of-type(2n), .area-col2 > li:nth-of-type(2n),
.area-col3 .area:nth-of-type(3n-1), .area-col3 > li:nth-of-type(3n-1) {margin-left:24px;}
.area-col3 .area:nth-of-type(3n-1), [class*="txt-"].area-col3 > li:nth-of-type(3n-1) {margin-right:24px;}
.area-col4 .area:not(:nth-of-type(4n-3)) {margin-left:28px;}
.area-col2 .area:nth-of-type(2) ~ .area, [class*="txt-"].area-col2 > li:nth-of-type(2) ~ li {margin-top:6px;}
.area-col3 .area:nth-of-type(3) ~ .area, [class*="txt-"].area-col3 > li:nth-of-type(3) ~ li {margin-top:24px;}
.area-col4 .area:nth-of-type(4) ~ .area, [class*="txt-"].area-col4 > li:nth-of-type(4) ~ li {margin-top:36px;}

.area-col3 .area[class*="tit-sub"]:nth-of-type(3) ~ .area {margin-top:64px;}
.area-col4 .area[class*="tit-sub"]:nth-of-type(4) ~ .area {margin-top:64px;}
#container .area-col3 .area[class*="tit-sub"] {width:calc(33.3% - 60px);}
#container .area-col3 .area[class*="tit-sub"]:nth-of-type(3n-1) {margin-left:90px;}
#container .area-col3 .area[class*="tit-sub"]:nth-of-type(3n-1) {margin-right:90px;}

.area-col3 .area[class*="txt-bul"] > li + li {margin:20px 0 0;}

.area-col3 .area[class*="tit-sub"] .info-data2 > ul > li,
.area-col3 .area[class*="tit-sub"] .info-data2 > dl {padding:11px 0;}
.area-col3 .area[class*="tit-sub"] .info-data2 > ul > li > div:nth-of-type(1),
.area-col3 .area[class*="tit-sub"] .info-data2 > dl > dt {font-size:18px;color:#1f1f3c;}
.area-col3 .area[class*="tit-sub"] .info-data2 > ul > li > div:nth-of-type(2),
.area-col3 .area[class*="tit-sub"] .info-data2 > dl > dd {color:#707082;}

.area-col2.data-t1 {margin-top:80px;}
.content > .area-col2.data-t1:first-child {margin-top:24px !important;}
.area-col2.data-t1 {justify-content:space-between;}
.area-col2.data-t1 .area {width:calc(50% - 32px);padding:0 0 0 24px;}
.area-col2.data-t1 .area:nth-child(2) ~ .area {margin-top:80px;}
.area-col2.data-t1 .area [class*="area-btn"] {margin:10px 0 0;}
.area-col2.data-t1 .area [class*="area-btn"] [class*="link-t"] {font-size:14px;}

.area-col .area + .area {margin:0 0 0 64px;}

[class*="area-col"] + [class*="area-col"],
.tit-line1 + .area-col3 {margin-top:36px;}

[class*="area-btn"][class*="area-col"] {display:block;font-size:0;}
[class*="area-btn"][class*="area-col"] [class*="btn-"] {min-width:0;}
[class*="area-btn"].area-col2 [class*="btn-"] {width:calc(50% - 4.5px);}
[class*="area-btn"].area-col3 [class*="btn-"] {width:calc(33.3% - 6px);}
[class*="area-btn"].area-col2 [class*="btn-"]:nth-child(2n),
[class*="area-btn"].area-col3 [class*="btn-"]:nth-child(3n-1) {margin-left:9px;}
[class*="area-btn"].area-col3 [class*="btn-"]:nth-child(3n-1):not(:last-child) {margin-right:9px;}
[class*="area-btn"].area-col3 [class*="btn-"]:nth-child(3) ~ [class*="btn-"] {margin-top:8px;}

[class*="area-btn"].area-col1 {display:flex;flex-direction:column;align-items:flex-start;}
[class*="area-btn"].area-col1 [class*="btn-"] {display:block;width:100%;flex:1 0 auto;}
[class*="area-btn"].area-col1 [class*="btn-"] + [class*="btn-"] {margin:8px 0 0;}
[class*="area-btn"].area-col1 [class*="link-t"] + [class*="link-t"] {margin:4px 0 0;}

/* --------------------------------------------------------------------------------
	COMMONET : LINK
-----------------------------------------------------------------------------------*/
[class*="btn-txt"] {position:relative;display:inline-block;white-space:nowrap;outline:none;text-align:left;font-size:16px;line-height:32px;font-weight:700;}
[class*="btn-txt"], [class*="btn-txt"]:visited {color:#1f1f3c;}
[class*="btn-txt"][class*=" ic"]:before {content:'';display:inline-block;vertical-align:top;width:32px;height:32px;margin:0 8px 0 0;background:url(../img/com/icon_set1.png) no-repeat -56px -24px;background-size:600px 600px;}

/* --------------------------------------------------------------------------------
	# COMMONET : LINK
-----------------------------------------------------------------------------------*/
[class*="link-t"] {position:relative;display:inline-block;white-space:nowrap;outline:none;}
[class*="link-t"]:after {content:'';position:absolute;right:0;}
[class*="link-t"] + [class*="link-t"] {margin:0 0 0 12px;}
[class*="link-t"] + [class*="icon-com"] {margin:0 0 0 8px;}
[class*="link-t"]:focus{outline: 2px dotted #a5a5b1;}

/* 링크유형1 */
.link-t1 {padding:0 18px 0 0;font-size:16px;line-height:24px;color:#0070f0;font-weight:600;}
.link-t1, .link-t1:visited {color:#0070f0;}
.link-t1:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;margin:0 18px 0 0;background:#0070f0;opacity:0;}
.link-t1:after {top:50%;right:4px;}
.link-t1:hover:before, .link-t1:focus:before {opacity:1;}
.link-t1:after {width:4px;height:4px;border-right:2px solid #0070f0;border-bottom:2px solid #0070f0;transform:rotate(-45deg) translateY(-50%);}

.link-t1.ic1 {padding:0 24px 0 0;}
.link-t1.ic1:before {margin:0 24px 0 0;}
.link-t1.ic1:after {right:2px;width:16px;height:16px;border:0;background:url(../img/com/icon_set1.png) no-repeat 0 -110px;background-size:600px 600px;transform:rotate(0deg) translateY(-50%);}

.link-t1.c1 {color:#1f1f3c;}
.link-t1.c1:before {background:#1f1f3c;}
.link-t1.c1:after {border-color:#1f1f3c;}
.link-t1.c1.ic1:after {right:0;width:24px;height:24px;background-position:-240px 0;}

.link-t1[class*="min"], .tbl-data1 td .area-btn3 .link-t1, .link-set1 li .link-t1 {padding-right:16px;font-size:14px;font-weight:600;}
.link-t1[class*="min"]:after, .tbl-data1 td .area-btn3 .link-t1:after, .link-set1 li .link-t1:after {border-width:1px;}
.link-t1.min2 {font-weight:500;}

.btn-group1 a, .btn-group1 button {vertical-align:top;}
.btn-group1 .link-t1 {color:#1f1f3c;font-size:14px;}
.btn-group1 .link-t1:before {background:#1f1f3c;}
.btn-group1 .link-t1:after {border-color:#1f1f3c;}
.btn-group1 .icon-com1 {margin-top:-4px;margin-bottom:-4px;}

.btn-group2 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.btn-group2 .link-t1 {margin:2px 0;}
.btn-group2 .link-t1 + .link-t1 {margin:0;}
.btn-group2 > span {width:50%;}

.btn-group3 a {position:relative;}
.btn-group3 a:hover, .btn-group3 a:focus {outline:none;}
.btn-group3 a:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#707082;opacity:0;}
.btn-group3 a:hover:before,.btn-group3 a:focus:before {opacity:1;}

.txt-bul1 > li .link-t1,
.tit-sub1 .side .link-t1, .tit-sub1 .side.link-t1 {font-size:14px;vertical-align:1px;}

/* 링크유형2 */
.link-t2 {font-size:16px;line-height:24px;}
.link-t2, .link-t2:visited {color:#0070f0;}
.link-t2:focus:after, .link-t2:hover:after {bottom:0;left:0;right:0;height:1px;background:#0070f0;}

.link-t2.c1 {color:#1f1f3c;}
.link-t2.c1:after {background:#1f1f3c;}

[class*="data-word"] > a.link-t2 {font-size:14px;font-weight:600;}
[class*="data-word"] > a.link-t2 {color:#1f1f3c;}
[class*="data-word"] > a.link-t2:after {background:#1f1f3c;}

/* --------------------------------------------------------------------------------
	# COMMONET : ICON : 이미지형
-----------------------------------------------------------------------------------*/
[class*="icon-com"], [class*="icon-individual"], [class*="icon-color"], [class*="icon-bank"] {overflow:hidden;position:relative;display:inline-block;}
[class*="icon-com"]:not([class*=" txt"]), [class*="icon-color"],
[class*="icon-com"]:not([class*=" txt"])::selection, [class*="icon-color"]::selection {color:transparent;}
[class*="icon-com"]:not([class*=" txt"]) {font-size:1px;}
[class*="icon-com"]:not([class*=" txt"]):after {left:0;right:0;top:0;bottom:0;}
[class*="icon-com"]:after {content:'';width:24px;height:24px;display:block;position:absolute;top:0;margin:auto;background:url(../img/com/icon_set1.png) no-repeat 0 0;background-size:600px 600px;}
[class*="icon-com"].txt1:after {left:0;}
[class*="icon-com"].txt2:after {right:0;}

/* 기본아이콘 */
.icon-com1 {width:32px;height:32px;}
.icon-com1.ic1:after {background-position:0 0;}
.icon-com1.ic2:after {background-position:-24px 0;}
.icon-com1.ic3:after {background-position:-167px 0;}
.icon-com1.ic4:after {background:rgba(255,0,0,0.1);}
.icon-com1.ic5:after {background-position:-120px 0;}

/* 기본아이콘 */
.icon-com2 {width:24px;height:24px;}
.icon-com2.ic1:after {width:18px;height:18px;background-position:0 0;background-size:450px 450px;}
.icon-com2.ic2:after {width:18px;height:18px;background-position:-18px 0;background-size:450px 450px;}
.icon-com2.ic3:after {background-position:-48px 0;}
.icon-com2.ic3[data-btn="call-tip"]:hover:after, .icon-com2.ic3.open:after, .icon-com2.ic3[aria-expanded="true"]:after {background-position:-72px 0;}
.icon-com2.ic4:after {background-position:-144px 0;}
.icon-com2.ic5:after {background:rgba(255,0,0,0.1);}

.icon-com2.txt1, .icon-com2.txt2 {width:auto;color:inherit;font-size:14px;}
.icon-com2.txt1 {padding-left:26px;}
.icon-com2.txt2 {padding-right:26px;}

.icon-com2.txt1 + .icon-com2.txt1 {margin-left:24px;}
.icon-com2.txt1.ic4 {font-weight:700;color:#1f1f3c;}
.icon-com2.txt1.ic4:hover, .icon-com2.txt1.ic4:focus {color:#0070f0;}
.icon-com2.txt1.ic4:hover:after, .icon-com2.txt1.ic4:focus:after {background-position:-24px -105px;}

/* 기타아이콘 : 임시 */
.icon-color1 {width:24px;height:24px;}
.icon-color1:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:8px;height:8px;margin:auto;border-radius:100%;}
.icon-color1.c1:before {background:#6ed522;}

.icon-individual {vertical-align:top;}
.icon-individual span {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.icon-individual[class*=" shape"] {padding:0 0 0 24px;position:relative;}
.icon-individual[class*=" shape"]:before {content:'';position:absolute;left:0;top:0;bottom:0;width:16px;height:16px;margin:auto;background:url(../img/com/icon_set1.png) no-repeat 100% 100%;background-size:600px 600px;}
.icon-individual.shape1.c1:before {background-position:0 -181px;}
.icon-individual.shape1.c2:before {background-position:0 -197px;}
.icon-individual.shape1.c3:before {background-position:0 -213px;}
.icon-individual.shape1.c4:before {background-position:0 -229px;}
.icon-individual.shape1.c5:before {background-position:0 -245px;}
.icon-individual.shape2.c1:before {background-position:-16px -181px;}
.icon-individual.shape2.c2:before {background-position:-16px -197px;}
.icon-individual.shape2.c3:before {background-position:-16px -213px;}
.icon-individual.shape2.c4:before {background-position:-16px -229px;}
.icon-individual.shape2.c5:before {background-position:-16px -245px;}
.icon-individual.shape3.c1:before {background-position:-32px -181px;}
.icon-individual.shape3.c2:before {background-position:-32px -197px;}
.icon-individual.shape3.c3:before {background-position:-32px -213px;}
.icon-individual.shape3.c4:before {background-position:-32px -229px;}
.icon-individual.shape3.c5:before {background-position:-32px -245px;}
.icon-individual.shape4.c1:before {background-position:-48px -181px;}
.icon-individual.shape4.c2:before {background-position:-48px -197px;}
.icon-individual.shape4.c3:before {background-position:-48px -213px;}
.icon-individual.shape4.c4:before {background-position:-48px -229px;}
.icon-individual.shape4.c5:before {background-position:-48px -245px;}
.icon-individual.shape5.c1:before {background-position:-64px -181px;}
.icon-individual.shape5.c2:before {background-position:-64px -197px;}
.icon-individual.shape5.c3:before {background-position:-64px -213px;}
.icon-individual.shape5.c4:before {background-position:-64px -229px;}
.icon-individual.shape5.c5:before {background-position:-64px -245px;}

/* 은행아이콘 */
.icon-bank1:before {content:'';display:inline-block;width:68px;height:36px;vertical-align:top;background:url(../../com/img/icon_bank.png) no-repeat 100% 100%;background-size:680px 182px;}
.icon-bank1[data-num="002"]:before {background-position:0 0;}
.icon-bank1[data-num="003"]:before {background-position:-68px 0;}
.icon-bank1[data-num="004"]:before {background-position:-136px 0;}
.icon-bank1[data-num="005"]:before {background-position:-204px 0;}
.icon-bank1[data-num="007"]:before {background-position:-272px 0;}
.icon-bank1[data-num="011"]:before {background-position:-340px 0;}
.icon-bank1[data-num="012"]:before {background-position:-408px 0;}
.icon-bank1[data-num="017"]:before {background-position:-476px 0;}
.icon-bank1[data-num="020"]:before {background-position:-544px 0;}
.icon-bank1[data-num="021"]:before {background-position:-612px 0;}
.icon-bank1[data-num="023"]:before {background-position:0 -60px;}
.icon-bank1[data-num="026"]:before {background-position:-68px -60px;}
.icon-bank1[data-num="027"]:before {background-position:-136px -60px;}
.icon-bank1[data-num="031"]:before {background-position:-204px -60px;}
.icon-bank1[data-num="032"]:before {background-position:-272px -60px;}
.icon-bank1[data-num="034"]:before {background-position:-340px -60px;}
.icon-bank1[data-num="035"]:before {background-position:-408px -60px;}
.icon-bank1[data-num="037"]:before {background-position:-476px -60px;}
.icon-bank1[data-num="039"]:before {background-position:-544px -60px;}
.icon-bank1[data-num="045"]:before {background-position:-612px -60px;}
.icon-bank1[data-num="048"]:before {background-position:0 -120px;}
.icon-bank1[data-num="053"]:before {background-position:-68px -120px;}
.icon-bank1[data-num="054"]:before {background-position:-136px -120px;}
.icon-bank1[data-num="071"]:before {background-position:-204px -120px;}
.icon-bank1[data-num="081"]:before {background-position:-272px -120px;}
.icon-bank1[data-num="088"]:before {background-position:-340px -120px;}

/* --------------------------------------------------------------------------------
	# COMMONET : ICON : 텍스트형
-----------------------------------------------------------------------------------*/
[class*="icon-txt"] {overflow:hidden;position:relative;display:inline-block;padding:0 6px;text-align:center;}

/* 텍스트아이콘1 */
.icon-txt1 {padding:0 6px;font-size:12px;line-height:20px;background:#1f1f3c;color:#fff;border-radius:10px;font-weight:400;}
.icon-txt1.c1 {background:#707082;}
.icon-txt1.c2 {background:#e4e4e7;color:#707082;}

.icon-txt2 {display:inline-block;font-size:16px;line-height:24px;}
.icon-txt2.c1 {color:#ff0000;}
.icon-txt2.c2 {color:var(--point1);}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : 공통
--------------------------------------------------------------------------------- */
::-webkit-input-placeholder {color:#91919f;text-align:left;-webkit-text-fill-color:#91919f;font-weight:normal;}
:-ms-input-placeholder {color:#91919f !important;text-align:left;-webkit-text-fill-color:#91919f;font-weight:normal !important;}
::placeholder {color:#91919f;text-align:left;-webkit-text-fill-color:#91919f;font-weight:normal;}

[class*="el-text"] {overflow:hidden;}
[class*="el-text"] data, [class*="el-text"] .data {display:inline-block;vertical-align:top;}
[class*="el-text"] data:empty:before, [class*="el-text"] .data:empty:before {content:attr(data-empty);color:#91919f;font-weight:500;}
[class*="el-text"], input[class*="el-text"], [class*="el-select"] {position:relative;display:inline-block;vertical-align:top;color:#1f1f3c;}
[class*="el-text"] input, [class*="el-text"] data, [class*="el-text"] .data, input[class*="el-text"], [class*="el-select"] {/*min-width:300px;*/padding:0 20px;border:0;background:transparent !important;}
[class*="el-text"] input, [class*="el-text"] data, [class*="el-text"] .data {width:100%;}
[class*="el-text"] input[type="hidden"] {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
[class*="el-text"] input[type="password"] {-ms-user-select:text !important;}
[class^="el-"]:not(.w-p100) + [class^="el-"]:not(.w-p100) {margin-left:16px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : INPUT
--------------------------------------------------------------------------------- */
[class*="el-text"] input, [class*="el-text"] data, [class*="el-text"] .data, input[class*="el-text"] {position:relative;padding:0;font-weight:700;}
[class*="el-text"] input:focus {outline:none;}
[class*="el-text"] [data-btn="cancel"] {position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;}
[class*="el-text"][data-area="element"] input {position:relative;padding-right:40px;}
[class*="el-text"] input:not(:disabled), input[class*="el-text"]:not(:disabled) {color:#1f1f3c;}
[class*="el-text"] input:disabled, input[class*="el-text"]:disabled {color:#91919f;}

.el-text1 input, .el-text1 data, .el-text1 .data, input.el-text1 {height:64px;font-size:20px;line-height:63px;}
.el-text2 input, .el-text2 data, .el-text2 .data, input.el-text2 {height:48px;font-size:16px;line-height:47px;}
.el-text1:before, .el-text1:after,
.el-text2:before, .el-text2:after {content:'';position:absolute;left:50%;bottom:0;margin:0 auto;width:100%;height:1px;background:#d2d2d8;transform:translateX(-50%);transition:all 0.3s ease-in-out;}
.el-text1:after, .el-text2:after {width:0;}
.el-text1.focus:after, .el-text2.focus:after {width:100%;height:2px;background:#1f1f3c;}
.el-text1.active:after, .el-text2.active:after {background:#1f1f3c;}
.el-text1[data-mode="invalid"] input,
.el-text2[data-mode="invalid"] input {color:#ff0000;}
.el-text1[data-mode="invalid"]:before, .el-text1[data-mode="invalid"]:after,
.el-text2[data-mode="invalid"]:before, .el-text2[data-mode="invalid"]:after {background:#ff0000;}

.el-text1 data, .el-text1 .data {height:auto;padding:24px 0 12px;line-height:28px;min-height:64px;text-align:left;}

[class*="el-text"] .unit {display:inline-block;margin:0 16px;}
.el-text1 .unit, .el-text1 ~ .unit {line-height:63px;}
.el-text2 .unit, .el-text2 ~ .unit {line-height:47px;}

.el-text3:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #d2d2d8;border-radius:8px;transition:all 0.3s ease-in-out;}
.el-text3 input, input.el-text3 {height:48px;font-size:16px;line-height:46px;padding:0 12px;z-index:1;}
.el-text3 [data-btn="cancel"] {right:12px;}
.el-text3.focus:before {border:2px solid #1f1f3c;}
.el-text3[data-mode="invalid"] input {color:#ff0000;}
.el-text3[data-mode="invalid"]:before {border-color:#ff0000;}

[class*="el-text"] input[type="password"] + span {position:absolute;right:0;top:50%;display:block;width:32px;height:32px;transform:translateY(-50%);z-index:4;opacity:1 !important;}
[class*="el-text"] input[type="password"] + span img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.el-text3 input[type="password"] + span {right:8px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : INPUT DATE SELECT
--------------------------------------------------------------------------------- */
.input-date1 .btn-set {display:flex;margin:0 0 8px;}
.input-date1 .btn-set button {position:relative;flex:1;white-space:nowrap;padding:0 12px;line-height:48px;color:#1f1f3c;font-weight:700;border:1px solid #d2d2d8;border-radius:4px;}
.input-date1 .btn-set button:hover, .input-date1 .btn-set button:focus {border-color:#1f1f3c;}
.input-date1 .btn-set button.on {padding:0 11px;border:2px solid #1f1f3c;line-height:46px;}
.input-date1 .btn-set button + button {margin:0 0 0 6px;}
.input-date1 .form {display:flex !important;}
.input-date1 .form .mark {width:28px;text-align:center;line-height:48px;}
.input-date1:not(.min) [data-calendar="area"]:not(:only-child) {width:calc(50% - 14px);}
.input-date1 [data-calendar="area"] {position:relative;border:1px solid #d2d2d8;border-radius:4px;}
.input-date1 [data-calendar="area"] [class*="el-text"] {width:100%;min-width:0;border-color:transparent;border-radius:4px;}
.input-date1 [data-calendar="area"] [class*="el-text"][data-btn="false"] ~ [data-btn="open"] {opacity:0.5;}
.input-date1 [data-calendar="area"] [data-btn="open"] {overflow:hidden;display:block;position:absolute;right:0;top:50%;width:48px;height:48px;transform:translateY(-50%);z-index:2;font-size:1px;color:transparent;}
.input-date1 [data-calendar="area"] [data-btn="open"]:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:24px;height:24px;margin:auto;background:url(../img/com/icon_set1.png) no-repeat -96px 0;background-size:600px 600px;}
.input-date1 [data-calendar="area"] .tbl-calendar {position:absolute;left:0;top:100%;margin:4px 0 0;}

.input-date1.min .btn-set, .input-date1.min .form, .input-date1.min .form > div {display:inline-block !important;vertical-align:top;}
.input-date1.min .btn-set {margin:0;}
.input-date1.min .btn-set button {min-width:72px;}
.input-date1.min [data-calendar="area"] {width:142px;}
.input-date1.min .form {font-size:0;}
.input-date1.min .form .mark {font-size:16px;}

.wrap-form1 dl.form[class*=" mode"] .input-date1 [data-calendar="area"] {border-radius:8px;}
.wrap-form1 dl.form[class*=" mode"] .input-date1 [data-calendar="area"] [class*="el-text1"] {padding-left:16px;}

.tbl-calendar {visibility:hidden;display:none;width:260px;z-index:10;background:#fff;border:1px solid #1f1f3c;border-radius:4px;}
.tbl-calendar.open {visibility:visible;display:block;}
.tbl-calendar .date {position:relative;}
.tbl-calendar .date button {display:inline-block;width:24px;height:24px;font-size:0;}
.tbl-calendar .date button:before {content:'';display:inline-block;background:url(../img/com/icon_set1.png) 0 0 no-repeat;background-size:400px 400px;}
.tbl-calendar .date .ui-close {position:absolute;right:6px;top:9px;}
.tbl-calendar .date .ui-close:before {width:16px;height:16px;}
.tbl-calendar .date p {padding:10px 0 8px 4px;border-bottom:1px solid #ededf0;font-size:0;line-height:24px;}
.tbl-calendar .date p strong, .tbl-calendar .date p button {display:inline-block;vertical-align:top;}
.tbl-calendar .date p strong {min-width:33px;color:#1f1f3c;font-size:16px;text-align:center;}
.tbl-calendar .date p button:before {width:11px;height:6px;background-position:0 -20px;}
.tbl-calendar .date p button.prev {transform:rotate(90deg);}
.tbl-calendar .date p button.next {transform:rotate(-90deg);}
.tbl-calendar table {width:100%;padding:0 5px 10px;font-size:14px;line-height:34px;}
.tbl-calendar table th, .tbl-calendar table td {width:34px;height:34px;text-align:center;}
.tbl-calendar table td a {position:relative;display:block;width:34px;height:34px;color:#1f1f3c;}
.tbl-calendar table td a:hover:before, .tbl-calendar table td a:focus:before {content:'';position:absolute;bottom:6px;left:calc(50% - 8px);display:inline-block;width:17px;height:1px;background:#1f1f3c;}
.tbl-calendar table td:nth-child(1) a {color:#ff0000;}
.tbl-calendar table td:nth-child(1) a:hover:before, .tbl-calendar table td:nth-child(1) a:focus:before {background:#ff0000;}
.tbl-calendar table td.toDay a {background:#e4e4e7;color:#1f1f3c;border-radius:50%;}
.tbl-calendar table td.selDay a {background:#1f1f3c;color:#fff;border-radius:50%;}
.tbl-calendar table td.selDay a:hover:before, .tbl-calendar table td.selDay a:focus:before {background:#fff;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : TEXTAREA
--------------------------------------------------------------------------------- */
.el-textarea1 {position:relative;display:block;background:#fff;border-radius:8px;padding:2px 2px 64px;}
.el-textarea1:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:24px;border:1px solid #d2d2d8;border-radius:8px;}
.el-textarea1 textarea {position:relative;display:block;width:100%;padding:16px;min-height:240px;font-size:16px;line-height:26px;color:#1f1f3c;background:#fff;border-radius:8px;border:0}
.el-textarea1 textarea:focus {outline:none;}
.el-textarea1.focus:before {border:2px solid #1f1f3c;}
.el-textarea1 .info {position:absolute;right:16px;bottom:32px;}
.el-textarea1 .validation {position:absolute;left:0;bottom:0;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : SELECT
--------------------------------------------------------------------------------- */
div[class*="el-select"] {position:relative;padding:0;transition:all 0.1s ease-in-out;background:#fff;}
div[class*="el-select"] .basic:after, div[class*="el-select"] .list button[aria-selected="true"]:after {background:url(../img/com/icon_set1.png) no-repeat -18px -30px;background-size:600px 600px;}
div[class*="el-select"] .basic {overflow:hidden;display:block;position:relative;width:100%;height:64px;font-size:20px;line-height:62px;color:#1f1f3c;text-align:left;}
div[class*="el-select"] .basic:before,
div[class*="el-select"] .basic:after {content:'';position:absolute;display:block;}
div[class*="el-select"] .basic:before {left:0;right:0;top:0;bottom:0;border:1px solid #d2d2d8;border-radius:8px;z-index:1;}
div[class*="el-select"] .basic:after {right:20px;top:50%;width:16px;height:10px;margin:-5px 0 0;background-position:0 -30px;}
div[class*="el-select"] .basic:focus {outline:none;}
div[class*="el-select"] .basic span {display:block;overflow:hidden;width:100%;height:100%;padding:0 64px 0 20px;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;}
div[class*="el-select"] .basic span:nth-child(1) {position:absolute;left:0;right:0;top:0;bottom:0;color:#1f1f3c;}
div[class*="el-select"] .basic span:nth-child(1)[data-empty] {font-size:0;}
div[class*="el-select"] .basic span:nth-child(1)[data-empty]:before {content:attr(data-empty);font-size:20px;}
div[class*="el-select"] .basic span:nth-child(2) {position:relative;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap;background:#fff;font-weight:700;}
div[class*="el-select"] .basic span:nth-child(2):empty {width:0;;padding:0;}
div[class*="el-select"] .list {overflow:hidden;visibility:hidden;position:absolute;left:0;top:100%;min-width:100%;max-height:244px;margin:8px -1px 0;border:1px solid #1f1f3c;border-radius:8px;background:#fff;z-index:-100;}
div[class*="el-select"] .list button, div[class*="el-select"] .list [role="button"] {position:relative;width:100%;display:block;text-align:left;padding:0 64px 0 20px;font-size:20px;line-height:64px;color:#1f1f3c;white-space:nowrap;}
div[class*="el-select"] .list button + button, div[class*="el-select"] .list [role="button"] + [role="button"] {border-top:1px solid #f6f6f7;}
div[class*="el-select"] .list button:hover, div[class*="el-select"] .list button:focus,
div[class*="el-select"] .list [role="button"]:hover, div[class*="el-select"] .list [role="button"]:focus {background:#f6f6f7;}
div[class*="el-select"] .list button[aria-selected="true"]:after,
div[class*="el-select"] .list [role="button"][aria-selected="true"]:after {content:'';position:absolute;right:16px;top:50%;width:24px;height:24px;margin:-12px 0 0;background-position:-30px -28px;}
div[class*="el-select"] .list.mCustomScrollbar {padding:0;}
div[class*="el-select"] .list .mCSB_scrollTools {right:4px;width:6px;margin:6px 0;}
div[class*="el-select"] .list .mCSB_scrollTools .mCSB_draggerContainer {width:4px;}
div[class*="el-select"] .list .mCSB_scrollTools .mCSB_dragger {background:#dfdfdf;border-radius:2px;}

/* DISABLED */
div[class*="el-select"] .basic:disabled {color:#d2d2d8;}
div[class*="el-select"] .basic:disabled:after {background-position:0 -48px;}

/* FOCUS, HOVER */
div[class*="el-select"]:not([data-mode="invalid"]) .basic:not(:disabled):focus:before,
div[class*="el-select"]:not([data-mode="invalid"]) .basic:not(:disabled):hover:before {border-color:#1f1f3c;}

/* LIST OPEN */
div[class*="el-select"].active {z-index:3;}
div[class*="el-select"].active .basic:before {border:2px solid #1f1f3c;}
div[class*="el-select"].active .basic:after {transform:rotate(180deg);}
div[class*="el-select"].active .list {visibility:visible;z-index:50;}

/* INVALID */
div[class*="el-select"][data-mode="invalid"] .basic {color:#ff0000;}
div[class*="el-select"][data-mode="invalid"] .basic:before {border-color:#ff0000;}
div[class*="el-select"][data-mode="invalid"] .basic:after {background-position:0 -66px;}


div.el-select2 .basic {height:48px;font-size:16px;line-height:46px;}
div.el-select2 .basic:before {border-radius:4px;}
div.el-select2 .basic span {padding:0 56px 0 16px;}
div.el-select2 .list button, div.el-select2 .list [role="button"] {padding:0 56px 0 16px;font-size:16px;line-height:46px;}
div.el-select2 .basic:after, div.el-select2 .list button[aria-selected="true"]:after {transform:scale(0.7);right:16px;}
div.el-select2.active .basic:after {transform:rotate(180deg) scale(0.7);}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : RADIO/CHECKBOX
--------------------------------------------------------------------------------- */
/* 공통 */
[class*="label-chk"] {position:relative;}
[class*="label-chk"] > label, [class*="label-chk"] > div {position:relative;display:inline-block;vertical-align:top;}
[class*="label-chk"] input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;width:100%;height:100%;z-index:1;cursor:pointer;}
[class*="label-chk"] input + span {position:relative;display:inline-block;line-height:28px;font-size:16px;color:#1f1f3c;font-weight:600;}
[class*="label-chk"] input + span:before,
[class*="label-chk"] input + span:after {content:'';box-sizing:border-box;position:absolute;left:0;top:2px;display:block;}
[class*="label-chk"].list > label {display:block;}

[class*="label-chk"].list1,
[class*="label-chk"].list1 > label, [class*="label-chk"].list1 > div {display:block;}

[class*="label-chk"] > li {position:relative;}
[class*="label-chk"] > li > label {position:relative;display:inline-block;vertical-align:top;}
[class*="label-chk"] > li .link {height:26px;}

/* 유형1 */
.label-chk1 {display:inline-block;}
.label-chk1 input + span {vertical-align:top;white-space:nowrap;padding:2px 12px 2px 40px;}
.label-chk1 input + span:before {width:28px;height:28px;border-radius:100%;background:#e4e4e7;}
.label-chk1 input:focus + span:before {outline:1px dashed #a5a5b1;}
.label-chk1 input:disabled + span {color:#d2d2d8;}
.label-chk1 input:disabled + span:before {background-color:#f6f6f7;}
.label-chk1 input[type="radio"]:checked + span:after {background:#fff;}
.label-chk1 input[type="radio"] + span:before,
.label-chk1 input[type="radio"] + span:after {border-radius:50%;}
.label-chk1 input[type="radio"] + span:after {width:10px;height:10px;margin:9px;}
.label-chk1 input[type="radio"]:checked + span:after {background:#1f1f3c;}
.label-chk1 input[type="radio"]:disabled:checked + span:after {background:#e4e4e7;}
.label-chk1 input[type="checkbox"] + span:after {width:13px;height:7px;margin:9px 8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
.label-chk1 input[type="checkbox"]:checked + span:before {background:#1f1f3c;}
.label-chk1 input[type="checkbox"]:disabled:checked + span:after {border-color:#e4e4e7;}
.label-chk1 label:only-of-type > input + span {padding-right:0;}

.label-chk1.single input + span {width:0;padding:2px 0 2px 28px;overflow:hidden;}

.label-chk1.list1 > label, .label-chk1.list1 > div {display:block;padding:12px 0;border-bottom:1px solid #ededf0;}
.label-chk1.list1 input + span {padding-right:24px;white-space:normal;word-break:break-all;}

/* 유형2 */
.label-chk2 input + span {display:block;padding:2px 12px 2px 30px;color:#707082;font-weight:400;}
.label-chk2 input + span:after {width:24px;height:24px;top:4px;background:url(../img/com/icon_set1.png) no-repeat -30px -52px;background-size:600px 600px;}
.label-chk2 input:checked + span {color:#1f1f3c;font-weight:700;}
.label-chk2 input:checked + span:after {background-position:-30px -28px;}
.label-chk2 input:focus + span:after {outline:1px dashed #a5a5b1;}

.label-chk2 .link {overflow:hidden;display:block;position:absolute;right:-4px;top:0;width:32px;height:32px;font-size:1px;}
.label-chk2 .link, .label-chk2 .link::selection {color:transparent;}
.label-chk2 .link:after {content:'';display:block;position:absolute;right:50%;top:50%;width:6px;height:6px;margin:-5px -2px;border-right:2px solid #707082;border-bottom:2px solid #707082;transform:rotate(-45deg);}

.label-chk2.list1 input + span {padding:0 0 0 30px;font-size:14px;}
.label-chk2.list1 input + span:after {width:18px;height:18px;background-position:-22px -39px;background-size:450px 450px;}
.label-chk2.list1 input:checked + span:after {background-position:-22px -21px;}

[class*="label-chk"][class*=" col"] {flex-wrap:wrap;display:flex;}
[class*="label-chk"][class*=" col"] > label, [class*="label-chk"][class*=" col"] > div {flex:1;}
[class*="label-chk"].col2 > label {flex:0 1 50%;}
[class*="label-chk"].col3 > label {flex:0 1 33%;}
[class*="label-btn"].col4 > label {flex:0 1 25%;}
[class*="label-chk"].col2 > label:nth-child(2n) {margin-left:0 !important;}
[class*="label-chk"].col3 > label:nth-child(3n - 2) {margin-left:0;}
[class*="label-chk"].col4 > label:nth-child(4n-3) {margin-left:0 !important;}
[class*="label-chk"].col2 > label:nth-child(2) ~ label {margin-top:28px;}
[class*="label-chk"].col3 > label:nth-child(3) ~ label {margin-top:28px;}
[class*="label-chk"].col4 > label:nth-child(4) ~ label {margin-top:28px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : RADIO/CHECKBOX : 버튼형
--------------------------------------------------------------------------------- */
[class*="label-btn"] input {position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;width:100%;height:100%;}
[class*="label-btn"] input:focus {outline:1px dotted #a5a5b1;}

[class*="label-btn"] {position:relative;margin:0 -16px;text-align:center;font-size:0;display:table;width:calc(100% + 32px);border-spacing:16px 0;table-layout:fixed;}
[class*="label-btn"]:not(:last-child) {margin:0 -16px 20px;}
[class*="label-btn"] > label {position:relative;white-space:nowrap;display:table-cell;}
[class*="label-btn"] > label > span {display:block;padding:0 12px;color:#1f1f3c;background:#fff;}
[class*="label-btn"] > label > span:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #d2d2d8;transition:all 0.3s ease;}
[class*="label-btn"] > label > input:checked + span {color:#1f1f3c;font-weight:700;}
[class*="label-btn"] > label > input:focus + span:before, [class*="label-btn"] > label > input + span:hover:before,
[class*="label-btn"] > label > input:hover + span:before {border-color:#1f1f3c;}
[class*="label-btn"] > label > input:focus + span {outline:2px dotted #a5a5b1;}
[class*="label-btn"] > label > input:checked + span:before {border:2px solid #1f1f3c;}
[class*="label-btn"] > label > input:disabled + span {color:#d2d2d8;}
[class*="label-btn"] > label:only-child > input:checked:disabled + span {color:#1f1f3c;}

[class*="label-btn"] > label > span[class*="shape"], [class*="label-btn"] > label > input:checked + span[class*="shape"],
[class*="label-btn"] > label > span[class*="color"], [class*="label-btn"] > label > input:checked + span[class*="color"]  {color:transparent;}
[class*="label-btn"] > label > span[class*="shape"]:after {content:'';position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);background:url(../img/com/icon_set1.png) no-repeat 0 0;background-size:600px 600px;}
[class*="label-btn"] > label > span.shape1:after {background-position:0 -130px;}
[class*="label-btn"] > label > span.shape2:after {background-position:-32px -130px;}
[class*="label-btn"] > label > span.shape3:after {background-position:-64px -130px;}
[class*="label-btn"] > label > span.shape4:after {background-position:-96px -130px;}
[class*="label-btn"] > label > span.shape5:after {background-position:-128px -130px;}
[class*="label-btn"] > label > input + span[class*="color"]:after {content:'';position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);}
[class*="label-btn"] > label > input + span.color1:after {background:#e81e0d;}
[class*="label-btn"] > label > input + span.color2:after {background:#f9c426;}
[class*="label-btn"] > label > input + span.color3:after {background:#3375f1;}
[class*="label-btn"] > label > input + span.color4:after {background:#6ed522;}
[class*="label-btn"] > label > input + span.color5:after {background:#ae2bc5;}

.label-btn1 > label > span {font-size:20px;line-height:64px;}
.label-btn1 > label > span, .label-btn1 > label > span:before {border-radius:8px;}

.label-btn1 > ul {margin:0 -16px;font-size:0;display:table;width:calc(100% + 32px);border-spacing:16px 0;table-layout:fixed;}
.label-btn1 > ul > li {white-space:nowrap;display:table-cell;}
.label-btn1 > ul > li a {display:block;height:64px;padding:0 12px;color:#1f1f3c;background:#fff;border:1px solid #d2d2d8;border-radius:8px;font-size:20px;line-height:62px;}
.label-btn1 > ul > li a:hover, .label-btn1 > ul > li a:focus {border-color:#1f1f3c;}
.label-btn1 > ul > li a:focus {outline:2px dotted #a5a5b1;}
.label-btn1 > ul > li.active a, .label-btn1 > ul > li a[aria-selected="true"] {border:2px solid #1f1f3c;font-weight:700;}

.label-btn2 > label > span {font-size:16px;line-height:48px;}
.label-btn2 > label > span, .label-btn2 > label > span:before {border-radius:4px;}

[class*="label-btn"][class*=" col"] {display:block;margin-left:0;margin-right:0;width:100%;font-size:0;}
[class*="label-btn"][class*=" col"] > label {display:inline-block;vertical-align:top;}
[class*="label-btn"].col2 > label {width:calc(50% - 8px);}
[class*="label-btn"].col3 > label {width:calc(33.3% - 11px);}
[class*="label-btn"].col4 > label {width:calc(25% - 16px);}
[class*="label-btn"].col2 > label:nth-child(2n),
[class*="label-btn"].col3 > label:not(:nth-child(3n+1)),
[class*="label-btn"].col4 > label:not(:nth-child(4n+1)) {margin-left:16px;}
[class*="label-btn"].col2 > label:nth-child(2) ~ label,
[class*="label-btn"].col3 > label:nth-child(3) ~ label,
[class*="label-btn"].col4 > label:nth-child(4) ~ label {margin-top:12px;}
[class*="label-btn"][class*=" col"][class*=" left"]{text-align: left;}
[class*="label-btn"][class*=" col"][class*=" left"] > label{text-align: center;}

.label-btn1[data-autoset] {margin-bottom:0;}
.label-btn1[data-autoset] ~ .ui-tabcon {margin:20px 0 0 0;}
.label-btn1[data-autoset] ~ .bottom ~ .ui-tabcon {margin:20px 0 0 0;}

.tit-sub2 > dd.label-btn1 {margin:20px -16px 0;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : RADIO : 탭형(슬라이드) 2~4단까지
--------------------------------------------------------------------------------- */
.label-tab1 {position:relative;display:flex;width:100%;z-index:1;height:40px;background:#ededf0;border-radius:4px;margin-bottom:16px;}
.label-tab1 input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:2;width:100%;height:100%;cursor:pointer;}
.label-tab1 span {position:relative;float:left;display:block;line-height:40px;text-align:center;color:#707082;}
.label-tab1 > input:checked + span{color:#1f1f3c;}
.label-tab1 span:last-of-type:before {content:'';position:absolute;display:block;left:0;top:0;bottom:0;width:100%;background:#fff;border:2px solid #ededf0;z-index:-1;transition:margin 0.3s ease;border-radius:4px;box-sizing:border-box;}

.label-tab1 > input:nth-of-type(1):nth-last-of-type(2), .label-tab1 > input:nth-of-type(1):nth-last-of-type(2) ~ * {width:50%;}
.label-tab1 > input:nth-of-type(1):nth-last-of-type(2) {right:50%;}
.label-tab1 > input:nth-of-type(2):nth-last-of-type(1) {left:50%;}

.label-tab1 > span:nth-of-type(1):nth-last-of-type(3), .label-tab1 > input:nth-of-type(1):nth-last-of-type(3) {width:33.4%;}
.label-tab1 > span:nth-of-type(1):nth-last-of-type(3) ~ * {width:33.3%;}
.label-tab1 > input:nth-of-type(1):nth-last-of-type(3) {right:66.6%;}
.label-tab1 > input:nth-of-type(2):nth-last-of-type(2) {left:33.3%;}
.label-tab1 > input:nth-of-type(3):nth-last-of-type(1) {left:66.6%;}

.label-tab1 > input:nth-of-type(1):nth-last-of-type(4), .label-tab1 > input:nth-of-type(1):nth-last-of-type(4) ~ * {width:25%;}
.label-tab1 > input:nth-of-type(1):nth-last-of-type(4) {right:75%;}
.label-tab1 > input:nth-of-type(2):nth-last-of-type(3) {left:25%;}
.label-tab1 > input:nth-of-type(3):nth-last-of-type(2) {left:50%;}
.label-tab1 > input:nth-of-type(4):nth-last-of-type(1) {left:75%;}

.label-tab1 > :nth-of-type(1):checked ~ span:nth-of-type(2):last-of-type:before,
.label-tab1 > :nth-of-type(2):checked ~ span:nth-of-type(3):last-of-type:before,
.label-tab1 > :nth-of-type(3):checked ~ span:nth-of-type(4):last-of-type:before {margin-left:-100%;}
.label-tab1 > :nth-of-type(1):checked ~ span:nth-of-type(3):last-of-type:before,
.label-tab1 > :nth-of-type(2):checked ~ span:nth-of-type(4):last-of-type:before {margin-left:-200%;}
.label-tab1 > :nth-of-type(1):checked ~ span:nth-of-type(4):last-of-type:before {margin-left:-300%;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : 가변형
--------------------------------------------------------------------------------- */
/* 폼객체 + 버튼형 */
.input-btn1 {position:relative;display:block;}
.input-btn1 > .btn {position:absolute;right:0;top:50%;transform:translateY(-50%);}
.input-btn1 data {padding-right:120px;}
.input-btn1 data ~ .btn {top:0;transform:translateY(0%);}
.input-btn1.el-text1 data ~ .btn {top:12px;}

.input-unit1 {position:relative;display:block;}
.input-unit1 > .unit {position:absolute;right:0;top:50%;transform:translateY(-50%);margin:5px 0 0;}
.input-unit1 input, .input-unit1 data {padding-right:42px;text-align:right;}

/* 가로분할 */
.input-wrap1 {position:relative;margin:0 0 16px;font-size:0;}
.input-wrap1 > [class*="el-"]:first-child {margin-left:0 !important;}
.input-wrap1 > [class*="el-"] {width:calc((100%/2) - 16px/2) !important;min-width:0;}
.input-wrap1 > [class*="el-"]:only-child {width:100%;}

[class*="input-wrap"][class*=" col"] {flex-wrap:wrap;}
.input-wrap1.col3 > [class*="el-"] {width:calc((100%/3) - 32px/3) !important;}
.input-wrap1.col4 > [class*="el-"] {width:calc((100%/4) - 48px/4) !important;}

.input-wrap1 > [class*="el-"][class*=" w-t"] + [class*="el-"][class*=" w-t"] {margin-left:4px;}
.input-wrap1 > [class*="el-"].w-t1 {flex:0 1 64% !important;}
.input-wrap1 > [class*="el-"].w-t2 {flex:0 1 34% !important;}

/* 가로분할 : 고정 + 가변 */
.input-wrap2 {position:relative;margin:0 0 16px;display:flex;}
.input-wrap2 > [class*="el-"]:first-child {width:332px;}
.input-wrap2 > [class*="el-"]:first-child ~ .form,
.input-wrap2 > [class*="el-"]:first-child ~ [class*="el-"] {flex:1;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : 고정유형
--------------------------------------------------------------------------------- */
.input-email1 {display:flex;align-items:flex-start;}
.input-email1 input {min-width:0;}
.input-email1 .form {flex:1;display:flex;}
.input-email1 > dl.form, .input-email1 > div {flex:1;}
.input-email1 dl.form ~ .unit {display:inline-block;width:64px;line-height:64px;text-align:center;}

.el-text1 input[type="password"]:not(:placeholder-shown) {font-family:Arial, Helvetica, sans-serif;font-size:40px;line-height:36px !important;color:#1f1f3c !important;}
.el-text1 input[type="password"][maxlength="1"]:placeholder-shown {background-image:radial-gradient(#e4e4e7 6px, transparent 6px) !important;background-size:12px 12px !important;background-position:0 calc(50% + 6px) !important;}
.el-text1 input[type="password"][maxlength="1"] {background-repeat:no-repeat !important;}
.el-text1 input[type="password"][maxlength="1"]:placeholder-shown::placeholder {color:transparent !important;-webkit-text-fill-color:transparent;}

.input-num1 .el-text1 > input, .input-num1 .el-text1 .unit {float:left;}
.input-num1 .el-text1 > input {width:calc(50% - 16px);}
.input-num1 .el-text1 .unit {position:relative;width:32px;line-height:64px;margin:0;text-align:center;color:transparent;}
.input-num1 .el-text1 .unit:after {content:'';display:block;position:absolute;left:50%;top:50%;width:10px;height:1px;background:#91919f;margin:6px 0 0 -5px;}
.input-num1:after {content:'******';display:block;position:absolute;left:50%;top:26px;margin:0 0 0 42px;font-family:Arial, Helvetica, sans-serif;font-size:30px;line-height:38px;color:#d2d2d8;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA : 검색폼
--------------------------------------------------------------------------------- */
/* 유형1 */
.form-search1 {position:relative;width:510px;margin:0 auto 80px;}
.form-search1 .btn {position:absolute;right:12px;top:50%;z-index:3;}
.form-search1 .btn.icon-com1 {margin-top:-16px;}
.form-search1 .btn.icon-com2 {margin-top:-12px;}
.form-search1 [class*="el-text"], .form-search1 [class*="el-select"] {width:100%;}
.form-search1 [class*="el-text"] [data-btn="cancel"] {right:36px;}
.form-search1 [class*="el-text"] input {padding-right:36px;}
.form-search1 [class*="el-text"][data-area="element"] input {padding-right:72px;}
.form-search1 [class*="el-text1"] [data-btn="cancel"] {right:48px;}
.form-search1 [class*="el-text1"] input {padding-right:60px;}
.form-search1 [class*="el-text1"][data-area="element"] input {padding-right:88px;}
.form-search1 .area-info1 {text-align:left;color:#4c4c63;}
.form-search1.wrap-form1 .form ~ .btn.icon-com1 {top:0;margin-top:16px;}
.wrap-content1 .form-search1 {width:100%;margin:0 auto 40px;}
[class*="pop-modal"] .form-search1 {width:100%;margin:0 auto 24px;}
[class*="pop-modal"] .form-search1[data-fixed="modal"] {margin:0;}
.pop-modal2 .form-search1 {position:sticky;top:32px;margin:0 auto 64px;}

/* 유형2 */
.form-search2 {position:relative;margin:0 auto 56px;padding:23px 24px;max-width:1200px;min-height:96px;border:1px solid #1f1f3c;border-radius:8px;}
.form-search2 [data-btn="submit"] {position:absolute;right:24px;bottom:23px;}
.form-search2 .input-date1:not(.min) ~ [data-btn="submit"] {width:calc(17% - 16px);}
.form-search2 .input-date1 .form {max-width:83%;}

.form-search2 .input-wrap1 {margin:0;max-width:calc(100% - 112px);}
.form-search2 .input-wrap1 ~ [data-btn="submit"] {width:104px;padding:0;}

/* 검색영역 */
.area-form1 {padding:0 0 20px;border-bottom:2px solid #1f1f3c;display:flex;justify-content:space-between;align-items:flex-end;}
.area-form1 .form-search1 {margin:0;max-width:282px;display:inline-block;vertical-align:top;}
.area-form1 ~ .mes-t1 {margin:80px 0;}

/* 검색조건 안내문구 */
.form-search2.input-sub,.wrap-form1.input-sub{margin:0 auto 24px;}
.input-sub{margin-top:25px;font-size:16px;color:#707082;}
.input-sub + .tbl-data1{margin-top:86px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA : 폼공통
--------------------------------------------------------------------------------- */
.form .validation {display:none;color:#ff0000;font-size:12px;line-height:16px;}
.form .validation:not(:empty) {margin:6px 0 0;}
.form[data-mode="invalid"] .validation {display:block;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA : 약관동의
--------------------------------------------------------------------------------- */
.form-agree1 .area {padding:21px 50px;background:#f6f6f7;border-radius:16px;color:#818192;}
.form-agree1 .area .label-chk2 {margin:0 -30px;}
.form-agree1 .area .label-chk2 + .label-chk2 {margin-top:10px;}
.form-agree1 .area > .label-chk2:first-child {margin-top:-6px;}
.form-agree1 .area .mes {margin:12px 0 0;font-size:14px;line-height:20px;}
.form-agree1 fieldset.area:not(:only-of-type) + fieldset.area:not(:only-of-type) {margin-top:-24px;}
.form-agree1 .validation {padding:0 16px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA : 입력폼 공통
--------------------------------------------------------------------------------- */
[class*="wrap-form"] {margin:0 0 56px;}
[class*="wrap-form"]:not(:first-child):not(.form-search1) {margin-top:56px;}
[class*="wrap-form"] legend[class*="headline"] {width:100%;margin:0 0 20px;font-size:20px;line-height:26px;font-weight:700;color:#1f1f3c;}
[class*="wrap-form"] legend.headline1 {font-size:24px;line-height:32px;}
[class*="wrap-form"] legend.line {margin:0 0 24px;padding:0 0 18px;border-bottom:2px solid #1f1f1f;}
[class*="wrap-form"] .form {display:block;}
[class*="wrap-form"] .form [class*="el-text"]:only-child,
[class*="wrap-form"] .form [class*="el-select"]:only-child {width:100%;}
[class*="wrap-form"] .form ~ .form {margin:20px 0 0;}
[class*="wrap-form"] .form.mode1 .label-chk1[data-autoset="form"] ~ .ui-tabcon {margin-top:20px;}
[class*="wrap-form"] .form:not(.mode1) + .form[class*=" mode"],
[class*="wrap-form"] .form.mode1 + .form.form-agree1 {margin:42px 0 0;}
[class*="wrap-form"] .form ~ .form.el-textarea1 {margin:40px 0 0;}
[class*="wrap-form"] .form .bottom {font-size:12px;line-height:16px;}
[class*="wrap-form"] .form .bottom [class*="txt-bul"] > li {font-size:14px;line-height:18px;}
[class*="wrap-form"] .form .bottom {margin:6px 0 0;}
[class*="wrap-form"] .form .side {position:absolute;right:0;top:0;z-index:10;}
[class*="wrap-form"] .form .side.btn {top:10px;}
[class*="wrap-form"] .form .side.area-tooltip1 {position:absolute;right:0;top:20px;}
[class*="wrap-form"] .form .area-tooltip1 [data-content="tipcon"] {white-space:normal;width:420px;}

[class*="wrap-form"] .info-data1 + .form {margin:20px 0 0;}

.tit-sub1 + [class*="wrap-form"] {margin-top:0 !important;}
.info-data1 + [class*="wrap-form"],
[class*="wrap-form"] .fieldset:not(:first-child),
[class*="wrap-form"] fieldset + fieldset,
[class*="wrap-form"] + [class*="wrap-form"],
[class*="wrap-form"] .form + fieldset.ui-tabcon.active {margin-top:65px;}

[class*="wrap-form"] + [class*="form-agree1"] {margin:-16px 0 40px;}

.label-btn1[data-autoset="form"] ~ fieldset.ui-tabcon {margin:20px 0 0;}
.label-btn1[data-autoset="form"] ~ fieldset.ui-tabcon legend + .area-btn1 {margin-top:50px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA : 입력폼 유형1
--------------------------------------------------------------------------------- */
.wrap-form1 .form .form + .form,
.wrap-form1 .form:not([class*="form-agree"]) [class*="el-"] + .form,
.wrap-form1 .form:not([class*="form-agree"]) [class*="el-"] + [class*="el-"]:not([class*="el-textarea"]) {margin-left:24px;}
.wrap-form1 .form .input-wrap1.col2 [class*="el-"] + [class*="el-"] {margin-left:16px;}
.wrap-form1 .form[data-selecton] {position:relative;z-index:50;}

.wrap-form1 .form [class*="el-"].w-p100 {margin-left:0 !important;}

/* 단일형, 타이틀형 */
.wrap-form1 dl.form[class*=" mode"] {margin:64px 0 0;}
.wrap-form1 dl.form[class*=" mode"] > dt {margin:0 0 20px;color:#1f1f3c;font-size:20px;line-height:26px;font-weight:700;}
.wrap-form1 dl.form[class*=" mode"] > dt [class*="icon-com"] {vertical-align:top;margin:1px;}
.wrap-form1 dl.form[class*=" mode"] > dd + dd:not([class]) {margin:20px 0 0;}
.wrap-form1 dl.form[class*=" mode"]:first-child,
.wrap-form1 legend + dl.form[class*=" mode"] {margin-top:0;}

.wrap-form1 div.form[class*=" mode"] > div.label-btn1 {margin:0 -16px;}
.wrap-form1 div.form[class*=" mode"] > div.label-btn1[class*=" col"] {margin:0;}

/* 인터렉션형 */
.wrap-form1 .form[data-mode]:not([class*=" mode"]) {position:relative;}
.wrap-form1 .form[data-mode]:not([class*=" mode"]) > dt {position:absolute;left:0;right:0;top:0;font-size:12px;line-height:16px;color:#91919f;outline:none;}
.wrap-form1 .form[data-mode]:not([class*=" mode"]) > dt {transition:all 0.2s;}
.wrap-form1 .form[data-mode]:not([class*=" mode"]) > dd .el-text1 input,
.wrap-form1 .form[data-mode]:not([class*=" mode"]) > dd input.el-text1 {line-height:52px;padding-top:12px;}
.wrap-form1 .form[data-mode]:not([class*=" mode"]) > dd .el-text1 data {padding-top:24px;}
.wrap-form1 .form[data-mode]:not([class*=" mode"]) > dd.side.area-tooltip1[data-filed="password"] {right:3.6rem;}

.wrap-form1 .form[data-mode="null"]:not([class*=" mode"]):not([data-active="true"]) > dt {font-size:20px;line-height:64px;white-space:nowrap;z-index:2;cursor:pointer;}
.wrap-form1 .form[data-mode="null"]:not([class*=" mode"]):not([data-active="true"]) > dt + dd input[type="password"] {opacity:0;z-index:3;cursor:pointer;}
.wrap-form1 .form[data-mode="null"]:not([class*=" mode"]):not([data-active="true"]) > dt + dd input[type="password"] + span {opacity:0 !important;}
.wrap-form1 .form[data-mode="null"]:not([data-active="true"]).input-num1 > dt + dd .el-text1 {opacity:1;}
.wrap-form1 .form[data-mode="null"]:not([data-active="true"]).input-num1 > dt + dd .unit,
.wrap-form1 .form[data-mode="null"]:not([data-active="true"]).input-num1 > dt + dd input[type="password"] {opacity:1;}

.wrap-form1 .form[data-active="true"] > dt .ex {display:none;}
.wrap-form1 dl.form[data-mode]:not([class*="el-"]):not([class*=" mode1"]):before {content:'';display:block;position:absolute;left:0;right:0;top:63px;height:1px;background:#d2d2d8;}
.wrap-form1 dl.form[data-mode="disabled"]:not([class*="el-"]):not([class*=" mode1"]):before,
.wrap-form1 dl.form[data-mode="disabled"]:not([class*="el-"]):before{display:none;}

/* 오류 */
.wrap-form1 .form[data-mode="invalid"] [class*="el-text"]:before,
.wrap-form1 .form[data-mode="invalid"] [class*="el-text"]:after,
.wrap-form1 .form[data-mode="invalid"]:not([class*="el-"]):before {background:#ff0000 !important;}
.wrap-form1 .form[data-mode="invalid"] div[class*="el-select"]:not(.active) .basic:before,
.wrap-form1 .form[data-mode="invalid"] .el-textarea1:before,
.wrap-form1 .form[data-mode="invalid"].el-textarea1:before {border-color:#ff0000 !important;background:transparent !important;}

.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] [class*="el-text"]:before,
.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] [class*="el-text"]:after {background:inherit !important;}
.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] div[class*="el-select"] .basic:before {border-color:#d2d2d8 !important;}
.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] [class*="el-text"][aria-invalid="true"]:before,
.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] [class*="el-text"][aria-invalid="true"]:after {background:#ff0000 !important;}
.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] div[class*="el-select"]:not(.active) .basic[aria-invalid="true"]:before {border-color:#ff0000 !important;}

.wrap-form1 .form[data-mode="invalid"] [class*="input-wrap"] div[class*="el-select"]:not([data-mode="invalid"]) .basic:not(:disabled):focus:before {border-color:#1f1f3c !important;}

/* 단일형 + 인터렉션형 */
.wrap-form1 .form[data-form="t1"][data-mode="null"] > dt,
.wrap-form1 .form[data-form="t1"][data-mode="open"] > dt {display:none;}
.wrap-form1 .form[data-form="t1"][data-mode="null"] > dd .el-text1 data,
.wrap-form1 .form[data-form="t1"][data-mode="open"] > dd .el-text1 data,
.wrap-form1 .form[data-form="t1"][data-mode="null"] > dd .el-text1 .data,
.wrap-form1 .form[data-form="t1"][data-mode="open"] > dd .el-text1 .data {padding:1.8rem 0;}
.wrap-form1 .form[data-mode][data-form="t1"]:not([class*="el-"]):before {display:none;}

.wrap-form1 .form[data-mode="invalid"][data-form="t1"] > dt {opacity:0;}
.wrap-form1 .form[data-mode="invalid"][data-form="t1"] > dd .el-text1 data:empty {padding:0;line-height:64px;}

/* 혼합형 */
.wrap-form1 .form .form {display:inline-block;vertical-align:top;}

.wrap-form1 .form.mes {text-align:center;padding:20px 0 0;font-size:14px;line-height:22px;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA : 입력폼 유형2
--------------------------------------------------------------------------------- */
.wrap-form2 {border-top:2px solid #1f1f3c;padding:24px 0 0;}
.wrap-form2 .form > dt {margin:0 0 20px;color:#1f1f3c;font-size:20px;line-height:26px;font-weight:700;}
.wrap-form2 .form [class*="el-text"]:only-child,
.wrap-form2 .form [class*="el-select"]:only-child {width:100%;}
.wrap-form2 .form ~ .form {margin:64px 0 0;}
.wrap-form2 .form ~ [class*="txt-bul"] {margin:24px 0 0;}
.wrap-form2:not(:last-child) {margin:0 0 80px;}
.wrap-form2.no-line {border-top:none;}

/* --------------------------------------------------------------------------------
	# COMMONET : TABLE
-----------------------------------------------------------------------------------*/
[class*="tbl-data"] {position:relative;overflow:hidden;border-top:2px solid #1f1f3c;}
[class*="tbl-data"]:not(:first-child) {margin:20px 0 0;}
[class*="tbl-data"] > table {position:relative;width:100%;}
[class*="tbl-data"] > table th, [class*="tbl-data"] > table td {border-bottom:1px solid #e4e4e7;text-align:left;vertical-align:top;}
[class*="tbl-data"] > table th {color:#1f1f3c;}
[class*="tbl-data"] > table thead th {text-align:center;vertical-align:middle;}
[class*="tbl-data"] > table thead ~ tbody th, [class*="tbl-data"] > table thead ~ tbody td,
[class*="tbl-data"] > table thead ~ tfoot th, [class*="tbl-data"] > table thead ~ tfoot td {text-align:center;vertical-align:middle;}
[class*="tbl-data"] .nodata {text-align:center;line-height:320px;color:#1f1f3c;}
[class*="tbl-data"] .nodata.min {line-height:26px;}
[class*="tbl-data"] .nodata:has(span) {display:flex;justify-content:center; align-items:center;height:330px;line-height:26px;}
[class*="tbl-data"] .nodata span{display: inline-block;}
[class*="tbl-data"] td.align1 {text-align:left !important;}
[class*="tbl-data"] td.align2 {text-align:center !important;}
[class*="tbl-data"] td.align3 {text-align:right !important;}
[class*="tbl-data"] td.data1 {text-align:left;color:#1f1f3c;}
[class*="tbl-data"] td.data2 {text-align:center;color:#1f1f3c;}

/* 유형1 */
.tbl-data1 > table th, .tbl-data1 > table td {height:65px;padding:19px 24px;line-height:26px;}
.tbl-data1 > table th {font-weight:700;}
.tbl-data1 > table thead ~ tbody th {font-weight:500;text-align:left;vertical-align:top;}
.tbl-data1 td.data1 label:only-child {display:inline-block;}
.tbl-data1 td .area-btn3 {margin:0;}
.tbl-data1 td .area-btn3:not(:first-child) {margin:12px 0 0;}
.tbl-data1 > ul > li > div > :last-child,
.tbl-data1 td > :last-child {margin-bottom:0;}

.tbl-data1 > ul > li, .tbl-data1 > dl {display:flex;flex-wrap:wrap;border-bottom:1px solid #e4e4e7;}
.tbl-data1 > ul > li > div, .tbl-data1 > dl > dt, .tbl-data1 > dl > dd {padding:19px 24px;word-break:break-all;text-align:left;}
.tbl-data1 > ul > li > div:nth-child(1), .tbl-data1 > dl > dt {position:relative;color:#1f1f3c;z-index:1;width:200px;padding-right:0;font-weight:700;color:#1f1f3c;}
.tbl-data1 > ul > li > div + div, .tbl-data1 > dl > dt + dd {position:relative;flex:1;max-width:calc(100% - 200px);}

.tbl-data1 > ul .txt-bul1:not(:first-child),
.tbl-data1 > ul .txt-bul1 > li + li,
.tbl-data1 > dl .txt-bul1 > li + li {margin-top:8px;/*line-height:26px;*/;}

.tbl-data1.data-t1 > table thead ~ tbody th {font-weight:700;}
.tbl-data1.data-t1 > table thead tr:nth-of-type(1) > th:nth-child(1):nth-last-child(2) {text-align:left;}
.tbl-data1.data-t1 tbody td {text-align:left;}

.tbl-data1.data-t2 > table td {text-align:center !important;}

.tbl-data1.much-type tbody td{padding:19px 8px;}
.tbl-data1.much-type thead th{padding:19px 0;}

/* 유형2 */
.tbl-data2 > table th, .tbl-data2 > table td {height:56px;padding:15px 8px;font-size:16px;line-height:26px;}
.tbl-data2.info-data1 td {font-weight:700;}

.tbl-data2[class*="info-data"] {display:block;}

.tbl-data2.info-data2 {border:0;}
.tbl-data2.info-data2 th, .tbl-data2.info-data2 td {border:0;}
.tbl-data2.info-data2 td {text-align:right;}

.tbl-data2.info-data3 th,
.tbl-data2.info-data3 td {text-align:center;}

/* 유형3 */
.tbl-data3 > table th, .tbl-data3 > table td {height:48px;padding:12px 8px;font-size:14px;line-height:20px;}
.tbl-data3 > table td a {vertical-align:bottom;}
.tbl-data3 > table thead th {font-weight:700;}

/* --------------------------------------------------------------------------------
	# COMMONET : TAB
-----------------------------------------------------------------------------------*/
/* 유형1 */
.tab-sub1 {position:relative;margin:-4px -2px 54px;}
.tab-sub1 ul {position:relative;font-size:0;}
.tab-sub1 ul li {display:inline-block;margin:4px 2px;text-align:center;font-size:16px;line-height:40px;white-space:nowrap;}
.tab-sub1 ul li a {position:relative;display:block;height:40px;padding:0 12px;color:#818192;background:#f6f6f7;border-radius:20px;word-break:break-word;}
.tab-sub1 ul li.active a,
.tab-sub1 ul li a[aria-current="page"],
.tab-sub1 ul li a[aria-selected="true"] {color:#fff;background-color:#1f1f3c;}
.tab-sub1 ul li.active a:focus,
.tab-sub1 ul li a[aria-current="page"]:focus,
.tab-sub1 ul li a[aria-selected="true"]:focus {outline:2px solid var(--point1);}
.tab-sub1 ul li.active a:focus:not(:focus-visible),
.tab-sub1 ul li a[aria-current="page"]:focus:not(:focus-visible),
.tab-sub1 ul li a[aria-selected="true"]:focus:not(:focus-visible) {outline:none;}
.pop-modal1 .tab-sub1 {margin-bottom:40px;}
.tab-sub1 ul li:nth-of-type(1):nth-last-of-type(9),
.tab-sub1 ul li:nth-of-type(1):nth-last-of-type(9) ~ li {letter-spacing:-0.8px;}
.tab-sub1 ul li:nth-of-type(1):nth-last-of-type(10),
.tab-sub1 ul li:nth-of-type(1):nth-last-of-type(10) ~ li {letter-spacing:-0.8px;}
[data-page="page1"] .tab-sub1 ul li:nth-of-type(1):nth-last-of-type(10),
[data-page="page1"] .tab-sub1 ul li:nth-of-type(1):nth-last-of-type(10) ~ li {letter-spacing:-1.3px;}

/* 유형2 */
.tab-sub2 {overflow:hidden;margin:0 0 20px;}
.tab-sub2 ul {display:inline-block;position:relative;font-size:0;margin:0 0 0 -12px;vertical-align:top;}
.tab-sub2 ul li {position:relative;display:inline-block;text-align:center;font-size:16px;line-height:24px;white-space:nowrap;vertical-align:top;}
.tab-sub2 ul li + li {margin:0 0 0 1px;}
.tab-sub2 ul li a {display:block;padding:0 12px;color:#707082;}
.tab-sub2 ul li.active a,
.tab-sub2 ul li a[aria-current="page"],
.tab-sub2 ul li a[aria-selected="true"] {color:#1f1f3c;font-weight:700;}
.tab-sub2 ul li:before {content:'';display:block;position:absolute;left:-1px;top:50%;width:1px;height:12px;background:#e4e4e7;transform:translateY(-50%);}
.tab-sub2.area-form1 {margin:0;}

/* 유형1 */
.tab-sub3 {position:relative;}
.tab-sub3 ul {position:relative;}
.tab-sub3 ul li {display:inline-block;text-align:center;padding:8px 0;font-size:16px;line-height:32px;white-space:nowrap;}
.tab-sub3 ul li a {position:relative;display:block;height:32px;padding:0 8px;color:#1f1f3c;border-radius:16px;}
.tab-sub3 ul li.active a, .tab-sub3 ul li a[aria-current="page"], .tab-sub3 ul li a[aria-selected="true"] {background-color:#ededf0;}

/* --------------------------------------------------------------------------------
	# COMMONET : PROGRESS
-----------------------------------------------------------------------------------*/
.info-progress1 {margin:0 0 40px 0;}
.info-progress1 > ol {position:relative;padding:42px 0 0 0;text-align:center;font-size:0;}
.info-progress1 > ol > li {display:inline-block;width:6px;height:6px;margin:0 3px;background:#d2d2d8;border-radius:50%;}
.info-progress1 > ol > li > span {display:none;position:absolute;top:0;left:0;width:100%;font-size:18px;line-height:26px;font-weight:700;color:#1f1f3c;}
.info-progress1 > ol > li[aria-current="page"] {background:#1f1f3c;}
.info-progress1 > ol > li[aria-current="page"] > span {display:block;}

.tit-page h1 + .info-progress1 {margin:20px 0 0;}

/* --------------------------------------------------------------------------------
	# COMMONET : TOGGLE
-----------------------------------------------------------------------------------*/
[class*="area-toggle"] .nodata {line-height:320px;border-bottom:1px solid #ededf0;}

.area-toggle1 {border-top:2px solid #1f1f3c;}
.area-toggle1 > dl, .area-toggle1 > ul > li, section.area-toggle1 {border-bottom:1px solid #ededf0;}
.area-toggle1 > ul > li .area, .area-toggle1 > .area {display:block;}
.area-toggle1 > dl > dt,
.area-toggle1 > ul > li .area:nth-child(1),
.area-toggle1 > .area:nth-child(1) {position:relative;padding:19px 24px;font-size:16px;line-height:26px;color:#1f1f3c;font-weight:500;transition:all 0.3s ease-in-out;}
.area-toggle1 > .area:nth-child(1) {padding:20px 0;font-size:24px;line-height:32px;font-weight:700;}

.area-toggle1 [data-toggle*="btn"] {padding-right:80px !important;}
.area-toggle1 [data-toggle*="btn"]:after {content:'';position:absolute;width:24px;height:24px;border:0;right:20px;top:50%;margin:-12px 0 0;background:url(../img/com/icon_set1.png) no-repeat -216px 0;background-size:600px 600px;transform:rotate(90deg);}
.area-toggle1 > .area:nth-child(1)[data-toggle*="btn"] {cursor:pointer;}
.area-toggle1 > .area:nth-child(1)[data-toggle*="btn"]:after {right:8px;background-position:-192px 0;transform:rotate(90deg) scale(1.3);}

.area-toggle1 [data-toggle="content1"] {visibility:hidden;overflow:hidden;height:0;padding:0 40px 0;}

.area-toggle1 > dl.active, .area-toggle1 > ul > li.active {background:#fbfbfb;}

.area-toggle1 > dl.active > dt,
.area-toggle1 > ul > li.active .area:nth-child(1),
.area-toggle1.active > .area:nth-child(1) {font-weight:700;}

.area-toggle1 > dl.active [data-toggle*="btn"]:after,
.area-toggle1 > ul > li.active [data-toggle*="btn"]:after {transform:rotate(-90deg);}
.area-toggle1.active > .area:nth-child(1)[data-toggle*="btn"]:after {transform:rotate(-90deg) scale(1.3);}

.area-toggle1 > dl.active > dd[data-toggle="content1"],
.area-toggle1 > ul > li.active > [data-toggle="content1"],
.area-toggle1.active > .area:nth-child(2) {visibility:visible;height:auto;}
.area-toggle1 > dl.active > dd[data-toggle="content1"],
.area-toggle1 > ul > li.active > [data-toggle="content1"] {padding:10px 40px 80px;}
.area-toggle1.active > .area:nth-child(2) {padding:24px 0 80px;}
.area-toggle1.active > .area:nth-child(2) .tit-sub2:not(:first-child) {margin-top:32px;}

.area-toggle1.line1 {border-top:1px solid #ededf0;}

.area-toggle1.data-t1 [data-toggle*="btn"], .area-toggle1.data-t1 > ul > li .area:nth-child(1) {display:flex;justify-content:space-between;}
.area-toggle1.data-t1 [data-toggle*="btn"] {padding-right:56px !important;}
.area-toggle1.data-t1 [data-toggle="content1"] {border-top:1px solid #ededf0;}
.area-toggle1.data-t1 [data-toggle="content1"].info-data2 {padding:0 32px;border:0;}
.area-toggle1.data-t1 > ul > li.active .area:nth-child(1) {font-weight:500;}
.area-toggle1.data-t1 .side {font-weight:700;text-align:right;flex:1 0 auto;}
.area-toggle1.data-t1 .data1 .area:nth-child(1) {font-weight:700;}
.area-toggle1.data-t1 .data1 .side {font-size:20px;}

.area-toggle1.data-t2 [data-toggle*="btn"], .area-toggle1.data-t2 > ul > li .area:nth-child(1) {display:flex;justify-content:space-between;}
.area-toggle1.data-t2 [data-toggle*="btn"] .side, .area-toggle1.data-t2 > ul > li .area:nth-child(1) .side {color:#91919f;font-size:14px;font-weight:500;text-align:right;flex:1 0 auto;}
.area-toggle1.data-t2 > dl.active > dd, .area-toggle1.data-t2 > ul > li.active .area:nth-child(2) {padding:10px 24px 24px;}

.area-toggle1.data-t3 > dl.active > dd[data-toggle="content1"], .area-toggle1.data-t2 > ul > li.active > [data-toggle="content1"] {padding:10px 24px 24px;font-size:14px;line-height:22px;}

.area-toggle1.data-t3 [data-toggle="content1"] figure.card,.board-view1 .termsWrap figure.card{position:relative;display:block;width:80%;margin:0 auto; line-height:0;}
.area-toggle1.data-t3 [data-toggle="content1"] figure.card img,.board-view1 .termsWrap figure.card img{line-height:0;}
.area-toggle1.data-t3 [data-toggle="content1"] figure.card figcaption,.board-view1 .termsWrap figure.card figcaption{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;color:transparent;font-size:1px;line-height:22px;}

.area-toggle1:not(:first-child) {margin:80px 0 0;}
[class*="tit-guide"] + .area-toggle1:not(:first-child),
[class*="tit-sub"] + .area-toggle1:not(:first-child) {margin-top:0;}
[class*="tit-sub"].tit-line1 + .area-toggle1:not(:first-child) {margin-top:-21px;}
.tit-line1 ~ .area-toggle1 {margin:35px 0 0;border-top-width:1px;}

/* --------------------------------------------------------------------------------
	# COMMONET : BOX
-----------------------------------------------------------------------------------*/
/* 유형1 */
.box-t1 {background:#f6f6f7;padding:24px;border-radius:8px;}

/* 유형2 */
.box-t2 {padding:64px;background:#fff;border-radius:8px;border:1px solid #ededf0;}
.box-t2:not(:first-child) {margin-top:64px;}
[class*="area-col"] .box-t2 {margin:0;}

/* 라인형2 */
.box-line1 {padding:24px 0;border-top:2px solid #1f1f3c;border-bottom:1px solid #e4e4e7;}
.box-line1:not(:first-child) {margin:18px 0 0;}
hr.line1 {height:1px;background:#edede0;margin:40px 0;padding:0;border:0;}
.list-data1 + hr.line1 {margin-top:12px;}

/* --------------------------------------------------------------------------------
	# COMMONET : TOOLITP
-----------------------------------------------------------------------------------*/
.area-tooltip1 {position:relative;display:inline-block;vertical-align:top;}
.area-tooltip1 [data-btn="tip"] {vertical-align:top;position:relative;}
.area-tooltip1 [data-content="tipcon"] {white-space:nowrap;text-align:left;margin:10px 0;font-size:12px;line-height:18px;font-weight:500;color:#707082;padding:20px;background:#fff;border:1px solid #ededf0;box-shadow:0 8px 16px rgba(0,0,0,0.16);border-radius:8px;}
.area-tooltip1 [data-content="tipcon"] [class*="txt-bul"],
.area-tooltip1 [data-content="tipcon"] [class*="txt-bul"] > li {font-size:12px;line-height:18px;}
.area-tooltip1 [data-content="tipcon"] [class*="txt-bul"] > dd + dd {margin:0;}
.area-tooltip1 [data-content="tipcon"] [class*="txt-bul"] [class*="txt-bul"] > li + li {margin:4px 0 0;}
.area-tooltip1 [data-content="tipcon"] [class*="txt-bul"].t1 > li {font-weight:700;color:#1f1f3c;}
.area-tooltip1 [data-content="tipcon"] [class*="txt-bul"].t1 [class*="txt-bul"] > li {font-weight:500;color:#707082;}
.area-tooltip1 [data-content="tipcon"]:before {content:'';position:absolute;width:6px;height:6px;background:#fff;border-left:1px solid #ededf0;border-top:1px solid #ededf0;transform:rotate(-135deg);z-index:1;}
.area-tooltip1 [data-content="tipcon"] dt {font-weight:700;}
.area-tooltip1 [data-content="tipcon"] dt ~ dt {margin-top:10px;}
.area-tooltip1 [data-content="tipcon"] dd {font-weight:500;line-height:20px;}

/* 토글형 */
.area-tooltip1[data-autoset="toggle"] [data-content="tipcon"] {display:none;position:absolute;}
.area-tooltip1[data-autoset="toggle"].active [data-btn="tip"]:before {display:block;}
.area-tooltip1[data-autoset="toggle"].active [data-content="tipcon"] {display:block;z-index:500;}
.area-tooltip1[data-autoset="toggle"][data-target="1"] [data-content="tipcon"]:before {left:18px;top:calc(100% - 2px);}
.area-tooltip1[data-autoset="toggle"][data-target="2"] [data-content="tipcon"]:before {right:18px;top:calc(100% - 2px);}
.area-tooltip1[data-autoset="toggle"][data-target="3"] [data-content="tipcon"]:before {left:18px;bottom:calc(100% - 2px);transform:rotate(45deg);}
.area-tooltip1[data-autoset="toggle"][data-target="4"] [data-content="tipcon"]:before {right:18px;bottom:calc(100% - 2px);transform:rotate(45deg);}
.area-tooltip1[data-autoset="toggle"][data-target="5"] [data-content="tipcon"]:before {right:18px;top:calc(100% - 2px);}
.area-tooltip1[data-autoset="toggle"][data-target="6"] [data-content="tipcon"]:before {left:50%;top:calc(100% - 2px);margin:0 0 0 10px;}
.area-tooltip1[data-autoset="toggle"][data-target="1"] [data-content="tipcon"] {left:-10px;bottom:100%;}
.area-tooltip1[data-autoset="toggle"][data-target="2"] [data-content="tipcon"] {right:-10px;bottom:100%;}
.area-tooltip1[data-autoset="toggle"][data-target="3"] [data-content="tipcon"] {left:-10px;top:100%;}
.area-tooltip1[data-autoset="toggle"][data-target="4"] [data-content="tipcon"] {right:-10px;top:100%;}
.area-tooltip1[data-autoset="toggle"][data-target="5"] [data-content="tipcon"] {right:calc(100% - 36px);bottom:100%;}
.area-tooltip1[data-autoset="toggle"][data-target="6"] [data-content="tipcon"] {left:0;bottom:100%;transform:translateX(-50%);}

/* 레이어형 */
.area-tooltip1[data-popmodal="true"] {display:block;position:absolute;width:320px;transform:translateX(-50%);}
.area-tooltip1[data-popmodal="true"] [data-content="tipcon"] {white-space:normal;outline:none;}
.area-tooltip1[data-popmodal="true"] [data-content="tipcon"]:before {display:none;}
.area-tooltip1[data-popmodal="true"] [data-content="tipcon"] dt {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.area-tooltip1[data-popmodal="true"] [data-btn="pop-close"] {overflow:hidden;position:absolute;right:0;top:10px;opacity:0;width:24px;height:24px;margin:4px;font-size:1px;color:transparent;}
.area-tooltip1[data-popmodal="true"] [data-btn="pop-close"]:before,
.area-tooltip1[data-popmodal="true"] [data-btn="pop-close"]:after {content:'';display:block;position:absolute;right:0;top:50%;width:14px;height:2px;margin:-1px 5px 0 0;background:#1f1f3c;}
.area-tooltip1[data-popmodal="true"] [data-btn="pop-close"]:before {transform:rotate(-45deg);}
.area-tooltip1[data-popmodal="true"] [data-btn="pop-close"]:after {transform:rotate(45deg);}
.area-tooltip1[data-popmodal="true"] [data-btn="pop-close"]:focus {opacity:1;}
.area-tooltip1[data-popmodal="true"].open:before {content:'';position:absolute;left:50%;top:5px;width:8px;height:8px;margin:0 0 0 5px;;background:#fff;border-left:1px solid #ededf0;border-top:1px solid #ededf0;transform:rotate(45deg);z-index:1;}

/* --------------------------------------------------------------------------------
	COMMONET : BANNER
-----------------------------------------------------------------------------------*/
.area-btn1 ~ .area-banner1 {margin:96px 0 0;}
.area-banner1 {position:relative;overflow:hidden;}
.area-banner1 .area {position:relative;display:block;float:left;width:calc(50% - 8px);margin:0;background:#F6F6F7;padding:28px;border-radius:8px;outline:none;}
.area-banner1 .area + .area {margin:0 0 0 16px;}
.area-banner1 .area strong, .area-banner1 .area span {display:block;}
.area-banner1 strong, .area-banner1 em {font-size:18px;line-height:22px;color:#1f1f3c;font-weight:700;white-space:nowrap;}
.area-banner1 em {font-size:20px;line-height:26px;}
.area-banner1 strong ~ span {margin:4px 0 0;font-size:14px;line-height:20px;color:#707082;}
.area-banner1 .area[href*="tel:"] {padding-right:110px;}
.area-banner1 .area[href*="tel:"] em {position:absolute;right:28px;top:50%;transform:translateY(-50%);}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT
-----------------------------------------------------------------------------------*/
/* 기준정보 */
.area-info1 {overflow:hidden;text-align:right;font-size:14px;line-height:24px;}
.area-info1 p:not(:only-child) {text-align:left;float:left;}
.area-info1:not(:first-child) {margin:12px 0 0;}
.area-info1 .side {float:right;}
.area-info1 .side.icon-com1 {margin:-4px 0;}

.area-info1.total {margin:0 0 16px;font-size:20px;color:#1f1f3c;text-align:left;}

/* 심의필 */
.area-info2 {font-size:16px;line-height:22px;color:#1f1f3c;font-weight:700;}
.area-info2 p {position:relative;padding:0 0 0 10px;}
.area-info2 p:before {content:'';display:block;float:left;background:#1f1f3c;width:2px;height:2px;margin:0.625em 7px 0 -10px;border-radius:100%;}
.area-info2 p + p {margin:6px 0 0;}
.area-info2 p span {display:inline-block;word-break:break-all;}

[class*="info-"] .bul {position:relative;display:inline-block;width:24px;color:transparent;}
[class*="info-"] .bul:before {content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -5px;border-right:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;transform:rotate(-45deg);}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT1
-----------------------------------------------------------------------------------*/
.info-con1 {font-size:16px;line-height:26px;color:#707082;}
.info-con1 + .info-con1,
.info-con1 > ul > li + li {margin:24px 0 0;}
.info-con1 > ul > li {position:relative;}
.info-con1 .tit {display:block;color:#1f1f3c;font-weight:700;}
.info-con1 .area-btn3 {margin:10px 0 0;}
.info-con1 .icon-com2 {vertical-align:top;margin:1px 0;}

.info-con1[class*=" icon"] > ul > li {padding:6px 0 6px 72px;min-height:64px;}
.info-con1[class*=" icon"] > ul > li + li {margin:12px 0 0;}
.info-con1[class*=" icon"] > ul > li:before {content:'';display:block;position:absolute;left:0;top:0;width:64px;height:64px;background:url(../../com/img/icon1.png?20220415) no-repeat 0 0;background-size:640px 640px;}
.info-con1[class*=" icon"] > ul > li .point {color: var(--point2);}

.info-con1.list1 {border-top:2px solid #1f1f3c;}
.info-con1.list1 > ul {display:flex;}
.info-con1.list1 > ul > li {width:50%;padding:19px 24px 21px;border-bottom:1px solid #e4e4e7;}
.info-con1.list1 > ul > li + li {margin:0;}
.info-con1.list1 .tit {margin:0 0 8px;}
.info-con1.list1[class*=" icon"] > ul > li {padding-left:96px;}
.info-con1.list1[class*=" icon"] > ul > li:before {left:16px;top:18px;}
.info-con1.icon1.height-spaced {padding-bottom:130px;}
.info-con1.icon1.height-spaced2 {padding-bottom:50px;}

/* 아이콘 : 상품상세 */
.info-con1.icon1 > ul > li {display:flex;flex-direction:column;justify-content:center;min-height:56px;}
.info-con1.icon1 > ul > li:before {width:56px;height:56px;background-size:560px 560px;}
.info-con1.icon1 .ic1:before {background-position:0 0;}
.info-con1.icon1 .ic2:before {background-position:-56px 0;}
.info-con1.icon1 .ic3:before {background-position:-112px 0;}
.info-con1.icon1 .ic4:before {background-position:-168px 0;}
.info-con1.icon1 .ic5:before {background-position:-224px 0;}
.info-con1.icon1 .ic6:before {background-position:-280px 0;}
.info-con1.icon1 .ic7:before {background-position:-336px 0;}
.info-con1.icon1 .ic8:before {background-position:-392px 0;}
.info-con1.icon1 .ic9:before {background-position:-448px 0;}
.info-con1.icon1 .ic10:before {background-position:-504px 0;}
.info-con1.icon1 .ic11:before {background-position:0 -56px;}
.info-con1.icon1 .ic12:before {background-position:-56px -56px;}
.info-con1.icon1 .ic13:before {background-position:-112px -56px;}
.info-con1.icon1 .ic14:before {background-position:-168px -56px;}
.info-con1.icon1 .ic15:before {background-position:-224px -56px;}
.info-con1.icon1 .ic16:before {background-position:-280px -56px;}
.info-con1.icon1 .ic17:before {background-position:-336px -56px;}
.info-con1.icon1 .ic18:before {background-position:-392px -56px;}
.info-con1.icon1 .ic19:before {background-position:-448px -56px;}
.info-con1.icon1 .ic20:before {background-position:-504px -56px;}
.info-con1.icon1 .ic21:before {background-position:0 -112px;}
.info-con1.icon1 .ic22:before {background-position:-56px -112px;}
.info-con1.icon1 .ic23:before {background-position:-112px -112px;}
.info-con1.icon1 .ic24:before {background-position:-168px -112px;}
.info-con1.icon1 .ic25:before {background-position:-224px -112px;}
.info-con1.icon1 .ic26:before {background-position:-280px -112px;}
.info-con1.icon1 .ic27:before {background-position:-336px -112px;}
.info-con1.icon1 .ic28:before {background-position:-392px -112px;}
.info-con1.icon1 .ic29:before {background-position:-448px -112px;}
.info-con1.icon1 .ic30:before {background-position:-504px -112px;}
.info-con1.icon1 .ic31:before {background-position:0 -168px;}
.info-con1.icon1 .ic32:before {background-position:-56px -168px;}
.info-con1.icon1 .ic33:before {background-position:-112px -168px;}
.info-con1.icon1 .ic34:before {background-position:-168px -168px;}
.info-con1.icon1 .ic35:before {background-position:-224px -168px;}
.info-con1.icon1 .ic36:before {background-position:-280px -168px;}
.info-con1.icon1 .ic37:before {background-position:-336px -168px;}
.info-con1.icon1 .ic38:before {background-position:-392px -168px;}
.info-con1.icon1 .ic39:before {background-position:-448px -168px;}
.info-con1.icon1 .ic40:before {background-position:-504px -168px;}
.info-con1.icon1 .ic41:before {background-position:0 -392px;}
.info-con1.icon1 .ic42:before {background-position:-56px -392px;}
.info-con1.icon1 .ic43:before {background-position:-112px -392px;}
.info-con1.icon1 .ic44:before {background-position:-168px -392px;}
.info-con1.icon1 .ic45:before {background-position:-224px -392px;}
.info-con1.icon1 .ic46:before {background-position:-280px -392px;}

/* 아이콘 : 멤버십 서비스 */
.info-con1.icon3 .ic1:before {background-position:-384px -128px;}
.info-con1.icon3 .ic2:before {background-position:-448px -256px;}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT2
-----------------------------------------------------------------------------------*/
.info-con2 {font-size:16px;line-height:26px;color:#707082;}
.info-con2 + .info-con2 {margin:10px 0 0;}
.info-con2 > ul > li, .info-con2 > dl {display:flex;flex-wrap:wrap;}
.info-con2 > ul > li + li, .info-con2 > dl + dl {margin:20px 0 0;}
.info-con2 > ul > li > div:nth-child(1), .info-con2 > dl > dt {width:52px;font-weight:700;color:#1f1f3c;}
.info-con2 > ul > li > div + div, .info-con2 > dl > dd {flex:1;margin:0 0 0 24px;}

.info-con2[class*=" icon"] > ul > li > div:nth-child(1), .info-con2[class*=" icon"] > dl > dt {position:relative;width:80px;padding:0 0 0 28px;}
.info-con2[class*=" icon"] > ul > li > div:nth-child(1):before, .info-con2[class*=" icon"] > dl > dt:before {content:'';display:block;position:absolute;left:0;top:-1px;width:28px;height:28px;background:url(../img/com/icon_set1.png) no-repeat 0 0;background-size:600px 600px;}
.info-con2.icon1 > ul > li.ic1 > div:nth-child(1):before, .info-con2.icon1 > dl.ic1 > dt:before {background-position:-300px 0;}
.info-con2.icon1 > ul > li.ic2 > div:nth-child(1):before, .info-con2.icon1 > dl.ic2 > dt:before {background-position:-328px 0;}
.info-con2.icon1 > ul > li.ic3 > div:nth-child(1):before, .info-con2.icon1 > dl.ic3 > dt:before {background-position:-356px 0;}
.info-con2.icon1 > ul > li.ic4 > div:nth-child(1):before, .info-con2.icon1 > dl.ic4 > dt:before {background-position:-384px 0;}
.info-con2.icon1 > ul > li.ic5 > div:nth-child(1):before, .info-con2.icon1 > dl.ic5 > dt:before {background-position:-412px 0;}
.info-con2.icon1 > ul > li.ic6 > div:nth-child(1):before, .info-con2.icon1 > dl.ic6 > dt:before {background-position:-440px 0;}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT3
-----------------------------------------------------------------------------------*/
.info-con3 {margin:0 0 65px;text-align:center;}
.info-con3 > dl > dt {margin:0 0 38px;color:#1f1f3c;font-size:24px;font-weight:700;line-height:32px;}
.info-con3 ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.info-con3 ul > li {width:calc(50% - 52px);min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.info-con3 ul > li:nth-child(2) ~ li {margin-top:48px;}
.info-con3 .tit, .info-con3 .tit ~ span {display:block;}
.info-con3 .tit {color:#1f1f3c;font-size:20px;line-height:26px;font-weight:700;}
.info-con3 .tit + span {width:100%;margin:9px 0 0;font-size:14px;line-height:20px;}
.info-con3.list1 ul {display:block;}
.info-con3.list1 ul > li {width:100%;min-height:0;}
.info-con3.list1 ul > li ~ li {margin-top:48px;}
.info-con3.box-t2 {padding:52px 104px;}
.info-con3.box-t2 > dl {margin:-12px 0 0;}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT4
-----------------------------------------------------------------------------------*/
.info-con4 {font-size:0;}
.info-con4:not(:first-child) {margin:64px 0 0;}
.info-con4 > dl {display:inline-block;width:calc(50% - 12px);border:1px solid #e4e4e7;vertical-align:top;}
.info-con4 > dl:nth-child(2n) {margin-left:24px;}
.info-con4 > dl > dt {padding:16px 25px;color:#1f1f3c;font-size:20px;line-height:26px;font-weight:700;border-bottom:1px solid #e4e4e7;}
.info-con4 > dl > dd {padding:22px 25px;}
.info-con4 > dl > dd em, .info-con4 > dl > dd strong {display:block;color:#1f1f3c;font-size:16px;}
.info-con4 > dl > dd strong {font-weight:500;}
.info-con4 > dl > dd strong span {color:#91919f;}
.info-con4 > dl > dd em {font-weight:700;}
.info-con4 > dl > dd [class*="txt-bul"] {margin-top:20px;}
.info-con4 > dl > dd .link {position:relative;color:#0070f0;}
.info-con4 > dl > dd .link:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#0070f0;opacity:0;}
.info-con4 > dl > dd .link:hover:before, .info-con4 > dl > dd .link:focus:before {opacity:1;}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT : IMAGE CONTENT
-----------------------------------------------------------------------------------*/
.info-img1 > .img {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.info-img1 > .img > img {width:calc(50% - 12px);border:1px solid #ededf0;}
.info-img1 > .con {margin:12px 0 0 0;}

.info-img2 {margin:0 0 64px;}
.info-img2:not(:first-child) {margin-top:40px;}
.info-img2 figcaption {font-size:14px;line-height:20px;text-align:center;}

/* --------------------------------------------------------------------------------
	# COMMONET : INFO CONTENT : STEP
-----------------------------------------------------------------------------------*/
/* 유형1 */
.info-step1 ul {font-size:0;color:#1f1f3c;}
.info-step1 ul > li {padding:0 0 16px;font-size:16px;line-height:26px;}
.info-step1 ul > li > .img > span {display:block;width:100%;}
.info-step1 ul > li > div:not(.img) > span:first-child:not(:only-child) {display:inline-block;margin:0 4px 0 0;padding:4px 0;width:60px;font-size:14px;line-height:16px;font-weight:700;text-align:center;color:#91919f;background:#fff;border:1px solid #d2d2d8;border-radius:5px;vertical-align:top;}
.info-step1:not(.list) ul > li {display:inline-block;width:calc(50% - 12px);vertical-align:top;}
.info-step1:not(.list) ul > li:nth-child(2) ~ li {margin-top:24px;}
.info-step1:not(.list) ul > li:nth-child(2n) {margin-left:24px;}
.info-step1:not(.list) ul > li > .img {overflow:hidden;position:relative;width:100%;margin:0 0 20px;background:#fff;border:2px solid #ededf0;}
.info-step1:not(.list) ul > li > .img > img {display:block;width:100%;}
.info-step1:not(.list) ul > li > div:not(.img) > strong ~ span {display:block;margin:8px 0 0;}
.info-step1.list ul > li {overflow:hidden;width:100%;padding:18px 520px 18px 0;}
.info-step1.list ul > li > .img {float:right;margin:20px -520px 0 0;width:480px;text-align:right;}
.info-step1.list ul > li > .img img {max-width:100%;}
.info-step1.list ul > li > .img img + img {margin-top:30px;}
.info-step1.list ul > li > .img > span + span {margin-top:8px;}
.info-step1.list ul > li > div:not(.img) > span {margin-top:8px;}
.info-step1.list ul > li > div:not(.img) > span, .info-step1.list ul > li > div:not(.img) > strong {display:block;}
.info-step1.list ul > li > div:not(.img) > span:first-child:not(:only-child) {margin:0 0 12px;}

dl.info-step1:not(.list) > dt {margin:0 0 4px;color:#1f1f1f;}

/* 유형2 */
.info-step2 {margin:40px 0 0;}
.info-step2 ul > li {position:relative;padding:0 0 0 72px;line-height:22px;font-size:14px;color:#707082;}
.info-step2 ul > li > em, .info-step2 ul > li > strong, .info-step2 ul > li > span {display:block;}
.info-step2 ul > li > em {position:absolute;left:0;top:0;width:55px;height:32px;text-align:center;font-size:14px;line-height:32px;color:#1f1f3c;background:#EDEDF0;border-radius:15px;}
.info-step2 ul > li strong {font-size:16px;line-height:22px;color:#1f1f3c;}
.info-step2 ul > li b {font-size:16px;line-height:31px;color:#1f1f3c;}
.info-step2 ul > li strong + span {margin:4px 0 0 0;}
.info-step2 ul > li + li {margin:28px 0 0;}
.info-step2 ul > li:not(:last-child):before {content:'';display:block;position:absolute;top:0;left:28px;bottom:-28px;width:1px;background:#EDEDF0;}

/* --------------------------------------------------------------------------------
	# COMMONET : DATA : 단어나열
-----------------------------------------------------------------------------------*/
[class*="data-word"] {overflow:hidden;font-size:0;display:block;}
[class*="data-word"] > li, [class*="data-word"] > span {position:relative;display:inline-block;padding:0 18px;margin:0 0 0 -18px;font-size:16px;line-height:24px;}
[class*="data-word"] > li:before, [class*="data-word"] > span:before, [class*="data-word"] > a:before {content:'';position:absolute;display:block;}
[class*="data-word"] > li:first-child:before, [class*="data-word"] > span:first-child:before, [class*="data-word"] > a:first-child:before {display:none;}
[class*="data-word"] > li:last-child, [class*="data-word"] > span:last-child {padding-right:0;}
[class*="data-word"] > a {display:inline-block;position:relative;font-size:16px;}
[class*="data-word"] > a + a, [class*="data-word"] > [class*="link-t"] + [class*="link-t"] {margin:0 0 0 25px;}
[class*="data-word"].tooltip-on {overflow:visible;}

/* 유형1 */
.data-word1 > li:before, .data-word1 > span:before, .data-word1 > a:before {left:9px;top:50%;width:1px;height:12px;margin-top:-6px;background:#dbdbe0;}
.data-word1 > a:before {left:-12px;}

/* 유형2 */
.data-word2 > li:before, .data-word2 > span:before, .data-word2 > a:before {top:50%;left:8px;width:2px;height:2px;background:#dbdbe0;}
.data-word2 > a:before {left:-12px;}

/* --------------------------------------------------------------------------------
	# COMMONET : DATA : 숫자형
-----------------------------------------------------------------------------------*/
[class*="info-num"] {color:#1f1f3c;text-align:left;}
[class*="info-num"] .num, [class*="info-num"] .num + span {display:inline-block;vertical-align:top;}
[class*="info-num"] .num {font-family:'YouandiNewKrTitleB';}
[class*="info-num"] .num + span {font-weight:700;}
[class*="info-num"] > dt {margin:0 0 5px;color:#1f1f3c;font-weight:600;}
[class*="info-num"] > dt .icon-txt1 {vertical-align:top;}
[class*="info-num"] > dd > a {position:relative;display:inline-block;vertical-align:top;padding:0 32px 0 0;}
[class*="info-num"] > dd > a:after {content:'';display:block;position:absolute;right:2px;top:50%;width:24px;height:24px;margin:-12px 0 0;background:url(../img/com/icon_set1.png) -192px 0 no-repeat;background-size:600px 600px;}
[class*="info-num"] > dd.mes {margin:1.2rem 0 0;font-size:14px;color:#707082;}

.info-num1 .num, .info-num1 .num + span {line-height:58px;}
.info-num1 .num {font-size:48px;}
.info-num1 .num + span {font-size:43px;}
.info-num1 > dt {font-size:20px;line-height:24px;}
.info-num1 > dt .icon-txt1 {font-size:14px;line-height:24px;border-radius:12px;}
.info-num1 > dd > a:after {transform:scale(1.3);}

.info-num2 .num, .info-num2 .num + span {line-height:45px;}
.info-num2 .num {font-size:34px;}
.info-num2 .num + span {font-size:29px;}
.info-num2 > dt {font-size:16px;line-height:22px;color:#818192;}
.info-num2 > dt .icon-txt1 {padding:0 6px;font-size:12px;line-height:20px;border-radius:10px;}
.info-num2 > dd > a {padding:0 26px 0 0;}
.info-num2 > dd.mes {white-space:nowrap;}

/* --------------------------------------------------------------------------------
	COMMONET : INFO DATA : 유형1 : 좌측정렬
-----------------------------------------------------------------------------------*/
.info-data1 {line-height:26px;color:#1f1f3c;border-top:2px solid #1f1f3c;}
.info-data1 > ul > li, .info-data1 > dl {display:flex;flex-wrap:wrap;border-bottom:1px solid #ededf0;}
.info-data1 > ul > li > div, .info-data1 > dl > dt, .info-data1 > dl > dd {padding:15px 0;text-align:left;}
.info-data1 > ul > li > div, .info-data1 > dl > dt {width:120px;}
.info-data1 > ul > li > div + div, .info-data1 > dl > dd {flex:1;margin:0 0 0 15px;font-weight:700;}
.info-data1 .nodata {line-height:260px;color:#91919f;flex:1;justify-content:center;}

.info-data1[class*="w-col"], .info-data1[class*="w-col"] > ul {display:flex;justify-content:space-between;flex-wrap:wrap;flex:1;}
.info-data1[class*="w-col"] > ul > li.w1, .info-data1[class*="w-col"] > dl.w1 {width:100%;}
.info-data1.w-col2 > ul > li, .info-data1.w-col2 > dl {width:calc(50% - 12px);}
.info-data1.w-col3 > ul > li, .info-data1.w-col3 > dl {width:calc(33.3% - 16px);}

.info-data1.w-list1 {padding:0 20px;}
.info-data1.w-list1, .info-data1.w-list1 > ul {display:table;width:100%;table-layout:fixed}
.info-data1.w-list1 > ul > li, .info-data1.w-list1 > dl {display:table-cell;white-space:nowrap;}
.info-data1.w-list1 > ul > li > div, .info-data1.w-list1 > dl > dt, .info-data1.w-list1 > dl > dd {display:inline-block;width:auto;}
.info-data1.w-list1 > ul > li:last-of-type {text-align:right;}

.info-data1.box-t1 {padding:18px 24px;border:0;font-size:20px;}
.info-data1.box-t1 > ul > li, .info-data1.box-t1 > dl {border:0;}
.info-data1.box-t1 > ul > li > div, .info-data1.box-t1 > dl > dt {min-width:180px;width:auto;}
.info-data1.box-t1 > ul > li > div:nth-child(1), .info-data1.box-t1 > dl > dt {padding-left:15px;color:#707082;}

.info-data1.line1 {border-top:2px solid #1f1f3c;font-size:20px;}
.info-data1.line1 > ul > li > div, .info-data1.line1 > dl > dt {width:200px;}
.info-data1.line1 > ul > li > div, .info-data1.line1 > dl > dt, .info-data1.line1 > dl > dd {padding:19px 0 19px 24px;}
.info-data1.form.line1 > ul > li > div + div .el-text1, .info-data1.form.line1 > dl > dt + dd .el-text1 {margin:-19px 0;border:0;}

/* --------------------------------------------------------------------------------
	COMMONET : INFO DATA : 유형2 : 좌우정렬
-----------------------------------------------------------------------------------*/
.info-data2 {line-height:26px;}
.info-data2 > ul > li, .info-data2 > dl {display:flex;justify-content:space-between;padding:15px 24px;color:#1f1f3c;line-height:26px;}
.info-data2 > ul > li > div:last-child, .info-data2 > dl > dd {margin:0 0 0 24px;text-align:right;}

.info-data2 > ul > li.data1, .info-data2 > dl.data1, .info-data2.data1 > dl:not(:first-child),
.info-data2 > ul > li.data2, .info-data2 > dl.data2, .info-data2.data2 > dl {border-top:1px solid #ededf0;}
.info-data2 > ul > li.data2, .info-data2 > dl.data2, .info-data2.data2 > dl {padding:18px 24px 17px;background:#f6f6f7;font-weight:700;}
.info-data2 > ul > li.data1:last-child, .info-data2 > dl.data1:last-child, .info-data2.data1,
.info-data2 > ul > li.data2:last-child, .info-data2 > dl.data2:last-child, .info-data2.data2 {border-bottom:1px solid #ededf0;}
.info-data2 > ul > li.data2 > div:last-child, .info-data2 > dl.data2 > dd, .info-data2.data2 > dl > dd {font-size:20px;}

.info-data2 > ul > li.data3, .info-data2 > dl.data3, .info-data2.data3 > dl {color:#707082;}

.list-data1 + .info-data2.data2 > dl {border-top:none;}
.area-tooltip1 .info-data2 > ul > li,
.pop-tooltip1 .info-data2 > ul > li {padding:0;font-size:12px;line-height:18px;color:#707082;}

.info-data2.summary1 {font-size:20px;font-weight:700;}
.info-data2.summary1 > ul > li, .info-data2.summary1 > dl {padding:15px 0;}
.info-data2.summary1 > dl dd > strong span + span,
.info-data2.summary1 > ul > li div + div strong span + span {font-size:18px;}

.info-data2.summary2 > ul > li, .info-data2.summary2 > dl {padding:15px 0;justify-content:flex-end;line-height:34px;}
.info-data2.summary2 > ul > li > div:nth-child(2), .info-data2.summary2 > dl > dd {font-size:24px;font-weight:700;}
.info-data2.summary2 > ul > li > div:nth-child(2) > span:not(:only-child):nth-child(1),
.info-data2.summary2 > dl > dd > span:not(:only-child):nth-child(1) {font-size:28px;vertical-align:top;}
[class*="wrap-form"] + .info-data2.summary2 {margin-top:-24px;}

.info-data2.list1 {border-top:2px solid #1f1f3c;}
.info-data2.list1 > ul > li, .info-data2.list1 > dl {padding:23px 24px;border-bottom:1px solid #ededf0;}
.info-data2.list1 > ul > li > div:nth-child(1), .info-data2.list1 > dl > dt {color:#707082;}
.info-data2.list1 > ul > li > div:nth-child(2), .info-data2.list1 > dl > dd {font-weight:700;}
.info-data2.list1 .info-data2 {margin:10px 0 0;}
.info-data2.list1 .info-data2 > dl > dt {color:#1f1f3c;}
.info-data2.list1 .info-data2 > dl > dd {font-size:20px;color:#1f1f3c;font-weight:700;}

.info-data2.box-line1 {padding:0 0;}
.info-data2.box-line1 > ul > li, .info-data2.box-line1 > dl,
.tit-sub1 .info-data2 > ul > li, .tit-sub1 .info-data2 > dl {padding:19px 24px;}

/* 유형3 : 상하정렬 */
.info-data3 {border-top:1px solid #dbdbe0;}
.info-data3, .info-data3 > ul {display:flex;line-height:26px;}
.info-data3 > ul {flex:1 0 auto;}
.info-data3 > ul > li, .info-data3 > dl {flex:1;}
.info-data3 > ul > li > div, .info-data3 > dl > dt, .info-data3 > dl > dd {padding:15px 12px;text-align:center;border-bottom:1px solid #ededf0;}
.info-data3 > ul > li > div:nth-child(1), .info-data3 > dl > dt {color:#1f1f3c;}

.list-data1 .info-data3, .list-data1 .info-data3 > ul {font-size:14px;line-height:20px;}
.list-data1 .info-data > ul > li > div,
.list-data1 .info-data3 > dl > dt,
.list-data1 .info-data3 > dl > dd {padding:12px;}

.info-data3.box-t1 {border:0 none;}
.info-data3.box-t1 > ul, .info-data3.box-t1 {flex-direction:column;}
.info-data3.box-t1 > ul > li, .info-data3.box-t1 > dl {flex:1 0 auto;display:block;padding:0 16px;border:0 none;}
.info-data3.box-t1 > ul > li+ li, .info-data3.box-t1 > dl + dl {margin-top:24px;}
.info-data3.box-t1 > ul > li > div, .info-data3.box-t1 > dl > dt, .info-data3.box-t1 > dl > dd {padding:6px 0;color:#707082;font-size:20px;line-height:26px;text-align:left;border:0 none;}
.info-data3.box-t1 > ul > li > div + div, .info-data3.box-t1 > dl > dd {padding:2px 0;color:#1f1f3c;font-weight:700;}

.info-data3.data-t1 {justify-content:space-between;font-size:16px;}
.info-data3.data-t1,
.info-data3.data-t1 > dl > dt,
.info-data3.data-t1 > dl > dd {border:0;padding:0;color:#1f1f3c;}
.info-data3.data-t1 > dl > dd.interest,.info-data3.data-t1 > dl > dd.interest *{color:var(--point1);}
.info-data3.data-t1 > dl > dd.interest span.sub {color: #707082;}
.info-data3.data-t1 > dl > dd {font-size:24px;line-height:32px;font-weight:700;}
.info-data3.data-t1 > dl > dd b {font-size:28px;}
.info-data3.data-t1 > dl > dt + dd {margin:5px 0 0;}
.info-data3.data-t1 > dl {padding:0 24px;}
.info-data3.data-t1 > dl + dl {width:486px;border-left:1px solid #E4E4E8;}
.info-data3.data-t1 > dl:nth-of-type(1) {padding-left:0;}
.info-data3.data-t1 > dl:nth-last-of-type(1) {padding-right:0;}
.info-data3.data-t1 > dl.var-spaced {flex:0.85;}
.info-data3.data-t1 .sub {display:block;margin:8px 0 0;font-size:16px;line-height:22px;color:#707082;font-weight:500;}
.info-data3.data-t1 .sub + .sub {margin:4px 0 0;}

.info-data3 + .info-data3 {margin:36px 0 0;}

/* 공통 */
.pop-modal1 .content [class*="info-data"]:first-child {border-top:0 none;}

/* --------------------------------------------------------------------------------
	COMMONET : INFO DATA : 유형1 : 좌측정렬
-----------------------------------------------------------------------------------*/
.info-data4 {font-size:20px;line-height:26px;color:#1f1f3c;}
.info-data4 > ul > li, .info-data4 > dl {display:flex;flex-wrap:wrap;padding:14px 0;}
.info-data4 > ul > li > div, .info-data4 > dl > dt, .info-data4 > dl > dd {text-align:left;padding:5px;}
.info-data4 > ul > li > div.icon-bank1:nth-child(1):before, .info-data4 > dl > dt.icon-bank1:before {margin:-5px 0;}
.info-data4 > dl.icon-bank1 {padding-left:58px;}
.info-data4 > dl.icon-bank1:before {position:absolute;left:0;top:14px;}
.info-data4.box-t1 {padding:14px 24px;}
.info-data4 > ul > li > div.icon-bank1:nth-child(1){min-width:180px;}
.info-data4 > ul > li > div.icon-bank1:nth-child(1) + div{min-width:205px;}


/* --------------------------------------------------------------------------------
	# COMMONET : LIST CONTENT1
-----------------------------------------------------------------------------------*/
/* 기본 : 박스형 */
.list-con1 > ul {font-size:0;}
.list-con1 > ul > li {position:relative;display:inline-block;vertical-align:top;width:calc(33% - 22px);font-size:16px;}
.list-con1 > ul > li:nth-child(3n-1) {margin:0 32px;}
.list-con1 > ul > li .tit {display:block;margin:0 0 16px;font-size:28px;line-height:36px;color:#1f1f3c;}
.list-con1 > ul > li .tit > span:not(:only-of-type) {display:block;}
.list-con1 > ul > li .tit > span:not(:only-of-type):nth-child(1) {font-size:20px;line-height:26px;}
.list-con1 > ul > li .tit > span:not(:only-of-type):nth-child(2) {font-size:34px;line-height:44px;color:#1f1f3c;}
.list-con1 > ul > li > a:only-child {display:block;margin:-102px 0 0;padding:102px 0 0;}
.list-con1 > ul > li > a:only-child .tit {position:relative;display:inline-block;vertical-align:top;}
.list-con1 > ul > li > a:only-child .tit ~ span {display:block;}
.list-con1 > ul > li > a:only-child:hover .tit:before,
.list-con1 > ul > li > a:only-child:focus .tit:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#1f1f3c;}

.list-con1 > ul > li[class*="ic"]:before {content:'';display:block;margin:0 0 6px -10px;width:80px;height:80px;background:url(../../com/img/icon1.png) no-repeat 0 0;background-size:800px 800px;}

/* 라인형 */
.list-con1.line1 li {width:calc(33% - 12px);padding:20px 0;border-top:1px solid #1f1f3c;border-radius:0;min-height:0;background:none;}
.list-con1.line1 li + li {margin:0 0 0 24px;}
.list-con1.line1 li > a {margin:-114px 0 0;padding:114px 0 0;}
.list-con1.line1 li .tit {font-size:24px;}

/* 아이콘추가 : 고객센터 서브메인 */
.list-con1.icon1 > ul > li .tit span {color:var(--point1);}
.list-con1.icon1 > ul > li:before {background:url(../../com/img/icon2.png) no-repeat 0 0;background-size:800px 800px;}
.list-con1.icon1 > ul > li.ic1:before {background-position:-160px -160px;}
.list-con1.icon1 > ul > li.ic2:before {background-position:-80px 0;}
.list-con1.icon1 > ul > li.ic3:before {background-position:-560px -80px;}

.wrap-content1 .list-con1 > ul > li {min-height:384px;padding:32px;background:#fff;border-radius:16px;}
.wrap-content1 .list-con1 > ul > li .bottom.data-word1 > a.link-t2 {color:#0070f0;}
.wrap-content1 .list-con1 > ul > li .bottom.data-word1 > a.link-t2:after {background:#0070f0;}

/* 아이콘추가 : 회사소개 서브메인 */
.list-con1.icon2 > ul > li.ic1:before {background-position:0 -320px;}
.list-con1.icon2 > ul > li.ic2:before {background-position:-80px -320px;}
.list-con1.icon2 > ul > li.ic3:before {background-position:-320px -480px;}
.list-con1.icon2 > ul > li.ic4:before {background-position:-160px -320px;}

/* 아이콘추가 : 메인 고객센터 */
.list-con1.icon3 > ul > li > a:only-child {margin:-102px 0 0;padding:102px 0 0;}
.list-con1.icon3 > ul > li.ic1:before {background-position:-320px -80px;}
.list-con1.icon3 > ul > li.ic2:before {background-position:-160px -480px;}
.list-con1.icon3 > ul > li.ic3:before {background-position:-240px -480px;}

/* --------------------------------------------------------------------------------
	# COMMONET : LIST CONTENT2
-----------------------------------------------------------------------------------*/
.list-con2 > ul, .list-con2 > ol {text-align:center;font-size:14px;line-height:24px;}
.list-con2 li {display:inline-block;padding:0 16px;vertical-align:top;}
.list-con2 li .tit {position:relative;display:inline-block;color:#1f1f3c;font-size:16px;line-height:26px;font-weight:600;}
.list-con2 li .tit ~ span {display:block;color:#707082;margin:12px 0 0;}
.list-con2 li > a {display:block;margin:-74px 0 0;padding:84px 0 0;outline:none;font-size:16px;line-height:22px;}
.list-con2 li > a:hover .tit:before,
.list-con2 li > a:focus .tit:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#1f1f3c;}
.list-con2 li > a .tit {font-size:20px;}

/* 단계형 */
.list-con2 > ol {display:flex;justify-content:space-between;}
.list-con2 > ol li {flex:1;position:relative;}
.list-con2 > ol li .tit {display:block;}
.list-con2 > ol > li + li:after {content:'';display:block;position:absolute;left:0;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:url(../img/com/icon_set1.png) no-repeat -216px 0;background-size:600px 600px;opacity:0.4;}

/* 아이콘유형 */
.list-con2 li[class*="ic"]:before {content:'';display:block;margin:0 auto 10px;width:64px;height:64px;background:url(../../com/img/icon1.png) no-repeat 0 0;background-size:640px 640px;}

/* 아이콘유형 : 보이스피싱 */
.list-con2.icon1 li.ic1:before {background-position:-512px -256px;}
.list-con2.icon1 li.ic2:before {background-position:-576px -256px;}
.list-con2.icon1 li.ic3:before {background-position:0 -320px;}

/* 아이콘유형 : 소비자보호체계 */
.list-con2.icon3 li.ic1:before {background-position:-64px -320px;}
.list-con2.icon3 li.ic2:before {background-position:-384px -256px;}
.list-con2.icon3 li.ic3:before {background-position:-384px -320px;}
.list-con2.icon3 li.ic4:before {background-position:-448px -320px;}
.list-con2.icon3 li.ic5:before {background-position:-512px -320px;}
.list-con2.icon3 li.ic6:before {background-position:-576px -320px;}

/* 아이콘유형 : 상품상세이용절차 */
.list-con2.icon2 > ol > li:nth-of-type(1) {padding-left:0;}
.list-con2.icon2 > ol > li:last-of-type(1) {padding-right:0;}
.list-con2.icon2 > ol > li + li:after {top:84px;}
.list-con2.icon2 li .tit ~ span {margin:4px 0 0;color:#1f1f3c;}
.list-con2.icon2 li:before {width:80px;height:80px;margin:0 auto;background:url(../../com/img/icon2.png) no-repeat 0 0;background-size:800px 800px;}
.list-con2.icon2 .ic1:before {background-position:0 0;}
.list-con2.icon2 .ic2:before {background-position:-80px 0;}
.list-con2.icon2 .ic3:before {background-position:-160px 0;}
.list-con2.icon2 .ic4:before {background-position:-240px 0;}
.list-con2.icon2 .ic5:before {background-position:0 -160px;}
.list-con2.icon2 .ic6:before {background-position:-400px 0;}
.list-con2.icon2 .ic7:before {background-position:-480px 0;}
.list-con2.icon2 .ic8:before {background-position:-560px 0;}
.list-con2.icon2 .ic9:before {background-position:-640px 0;}
.list-con2.icon2 .ic10:before {background-position:-720px 0;}
.list-con2.icon2 .ic11:before {background-position:0 -80px;}
.list-con2.icon2 .ic12:before {background-position:-80px -80px;}
.list-con2.icon2 .ic13:before {background-position:-160px -80px;}
.list-con2.icon2 .ic14:before {background-position:-240px -80px;}
.list-con2.icon2 .ic15:before {background-position:-80px -160px;}
.list-con2.icon2 [class*="area-btn"] {margin:6px 0 0;}
.list-con2.icon2 [class*="link-t"] {font-size:14px;}

/* --------------------------------------------------------------------------------
	# COMMONET : LIST CONTENT4
-----------------------------------------------------------------------------------*/
.list-con3 {font-size:14px;line-height:20px;}
.list-con3 > ul > li, .list-con3 > ul > li > a {position:relative;padding:24px 0;}
.list-con3 > ul > li + li {border-top:1px solid #ededf0;}
.list-con3 > ul > li > a {display:block;margin:-20px 0;padding-right:48px;}
.list-con3 > ul > li > a:after {content:'';display:block;position:absolute;right:16px;top:34px;width:6px;height:6px;border-right:2px solid #1f1f3c;border-bottom:2px solid #1f1f3c;transform:rotate(-45deg);}
.list-con3 .tit {position:relative;display:inline-block;font-size:20px;line-height:26px;color:#1f1f3c;font-weight:700;}
.list-con3 .tit + span {display:block;margin:7px 0 0;font-weight:600;}
.list-con3 .area-btn3 [class*="link-t"] {font-size:14px;}
.list-con3 li > a:hover, .list-con3 li > a:focus {outline:none;}
.list-con3 li > a:hover .tit:before,
.list-con3 li > a:focus .tit:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#1f1f3c;}

.list-con3 li[class*="ic"], .list-con3 li[class*="ic"] > a {padding:28px 0 16px 76px;}
.list-con3 li[class*="ic"] > a {margin:-28px 0 -16px -76px;padding-right:48px;}
.list-con3 li[class*="ic"]:before {content:'';display:block;position:absolute;left:0;top:24px;width:64px;height:64px;background:url(../../com/img/icon1.png) no-repeat 0 0;background-size:640px 640px;}
.list-con3.icon1 li.ic1:before {background-position:-64px -384px;}
.list-con3.icon1 li.ic2:before {background-position:0 -384px;}
.list-con3.icon1 li.ic3:before {background-position:0 0;}

.list-con3.col3 > ul {display:flex;flex-wrap:wrap;}
.list-con3.col3 > ul > li {width:calc(33.3% - 16px);}
.list-con3.col3 > ul > li, .list-con3.col3 > ul > li > a {padding:24px 0 24px 32px;}
.list-con3.col3 > ul > li > a {margin:-24px 0 -24px -32px;display:inline-block;vertical-align:top;}
.list-con3.col3 > ul > li > a:after {display:none;}
.list-con3.col3 > ul > li + li {border:0;}
.list-con3.col3 > ul > li:nth-child(3n-1) {margin:0 24px;}
.list-con3.col3 > ul > li:nth-child(3) ~ li {margin-top:32px;}
.list-con3.col3 > ul > li .tit {position:relative;padding-right:24px;}
.list-con3.col3 > ul > li .tit:before {right:24px;}
.list-con3.col3 > ul > li .tit:after {content:'';display:block;position:absolute;right:10px;top:50%;width:6px;height:6px;margin:-4px 0 0;border-right:2px solid #1f1f3c;border-bottom:2px solid #1f1f3c;transform:rotate(-45deg);}

/* --------------------------------------------------------------------------------
	# COMMONET : LIST DATA : 유형1
-----------------------------------------------------------------------------------*/
/* 기본 */
.list-data1 {border-top:2px solid #1f1f3c;}
.list-data1 .nodata {line-height:320px;border-bottom:1px solid #ededf0;}
.list-data1 > ul > li {position:relative;padding:36px 0;border-bottom:1px solid #ededf0;/*overflow:hidden;*/;}
.list-data1 > ul > li > .area {margin:-36px 0;padding:36px 0;display:block;}
.list-data1 > ul > li > .area:nth-child(1) {min-height:142px;padding-right:320px;}
.list-data1 > ul > li > .area[role="button"]:after {content:'';display:block;position:absolute;right:0;top:36px;width:24px;height:24px;background:url(../img/com/icon_set1.png) -192px 0 no-repeat;background-size:600px 600px;}

.list-data1 .side {position:absolute;right:0;top:36px;text-align:right;}
.list-data1 .side.icon-com1 {top:34px;}
.list-data1 .side.icon-txt2 {padding:0;font-size:14px;}
.list-data1 .side ~ .side {top:auto;bottom:36px;}
.list-data1 .tit, .list-data1 .data1 {display:block;font-size:20px;line-height:26px;color:#1f1f3c;font-weight:700;}
.list-data1 .tit .icon-txt1 {vertical-align:top;margin:3px 0;}
.list-data1 strong.tit span:not(:only-child) {position:relative;display:inline-block;padding:0 18px 0 9px;margin:0 0 0 -9px;}
.list-data1 strong.tit span:not(:only-child) + span:before {content:'';display:block;position:absolute;left:-1px;top:50%;width:1px;height:14px;margin:-7px 0 0;background:#ededf0;}
.list-data1 .con {color:#4c4c63;margin:10px 0 0;}
.list-data1 .con.data-word2 > li, .list-data1 .con.data-word2 > span {font-size:14px;line-height:26px;padding:0 12px;margin:0 0 0 -12px;}
.list-data1 .con.data-word2 > li:before, .list-data1 .con.data-word2 > span:before {left:5px;}
.list-data1 .con.data-word2 > span {color:#707082;}
.list-data1 .con.data-word2 > span.txt-c1  {color:var(--point1);}
.list-data1 .con ~ .con {margin-top:0;}
.list-data1:not(.data-t1) .data1 span:not(:only-child):first-child {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.list-data1 > ul > li > .area .side .data1:not(:only-child) {margin:0 0 12px;}

/* 토글형 */
.list-data1[data-autoset="toggle"] > ul > li > .area {padding:32px 20px;}
.list-data1[data-autoset="toggle"] > ul > li > .area ~ .area {display:none;margin-top:-32px;padding:20px 20px 48px;}
.list-data1[data-autoset="toggle"] > ul > li > .area:nth-child(1) {padding-right:120px;}
.list-data1[data-autoset="toggle"] > ul > li > .area:nth-child(1) [data-toggle*="btn"] {position:absolute;right:0;top:16px;width:56px;height:56px;display:block;overflow:hidden;font-size:1px;}
.list-data1[data-autoset="toggle"] > ul > li > .area:nth-child(1) [data-toggle*="btn"], .list-data1[data-autoset="toggle"] > ul > li > .area:nth-child(1) [data-toggle*="btn"]::selection {color:transparent;}
.list-data1[data-autoset="toggle"] > ul > li > .area:nth-child(1) [data-toggle*="btn"]:after {content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-4px 0 0 -4px;border-right:2px solid #707082;border-bottom:2px solid #707082;transform:rotate(45deg);}
.list-data1[data-autoset="toggle"] > ul > li > .area .side {right:56px;top:32px;}
.list-data1[data-autoset="toggle"] > ul > li.active {background:#fbfbfb;}
.list-data1[data-autoset="toggle"] > ul > li.active > .area {display:block;}
.list-data1[data-autoset="toggle"] > ul > li.active > .area:nth-child(1) [data-toggle*="btn"]:after {margin:-2px 0 0 -4px;transform:rotate(-135deg);}
.list-data1[data-autoset="toggle"] .con.data-word2 > li {font-size:16px;}

/* 폼형 */
.list-data1.form > ul > li > .label-chk1 ~ .area {display:block;padding-left:68px;padding-right:260px;}
.list-data1.form > ul > li > .label-chk1 ~ .area:not(:last-child) {max-width:calc(100% - 36px);}
.list-data1.form > ul > li > .label-chk1 ~ .area:not(:last-child) .side {right:36px;}
.list-data1.form > ul > li > .label-chk1 {position:absolute;left:24px;top:36px;}
.list-data1.form .side {right:24px;}
.list-data1.form .side.icon-com1 {right:0;}

/* 토글형 + 폼형 */
.list-data1.form[data-autoset="toggle"]{margin-top:53px;}
.list-data1.form[data-autoset="toggle"] > ul >li{padding-left:50px;}
.list-data1.form[data-autoset="toggle"] li .label-chk1{position:absolute;left:24px;top:30px;}
.list-data1.form[data-autoset="toggle"] li .area .txt-bul2 li{position: relative;}
.list-data1.form[data-autoset="toggle"] li .area .txt-bul2 li:before{position:absolute;top:10px;left:11px;float:none;}

/* 합계형 들여쓰기 */
.list-data1:not(.form) > ul:not(:only-child) > li > .area:nth-child(1) {min-height:auto;padding-left:24px;}
.list-data1:not(.form) .side {right:24px;}
.list-data1.form .info-data2.summary2 > ul > li, .list-data1.form .info-data2.summary2 > dl {padding:15px 32px;}

/* 예외케이스 : 라인변형 */
.info-data1.w-list1 + .list-data1 {border-top:1px solid #ededf0;}

/* --------------------------------------------------------------------------------
	# COMMONET : LIST DATA : 유형2
-----------------------------------------------------------------------------------*/
.list-data2 > ul > li {position:relative;border-bottom:1px solid #ededf0;}
.list-data2 > ul > li, .list-data2 > ul > li > a:only-child {padding:16px 56px 16px 0;}
.list-data2 > ul > li > a:only-child {display:block;margin:-16px -56px -16px 0;}
.list-data2 > ul > li .tit {display:block;font-size:20px;line-height:26px;color:#1f1f3c;}
.list-data2 > ul > li .side {position:absolute;right:0;top:16px;text-align:right;color:#91919f;}
.list-data2 > ul > li .con {display:block;margin:8px 0 0 0;font-size:16px;line-height:22px;color:#91919f;}
.list-data2 .nodata {line-height:260px;color:#91919f;}

.list-data2.data-t1 > ul > li > a {color:#1f1f3c;line-height:24px;font-size:0;}
.list-data2.data-t1 > ul > li > a:hover, .list-data2.data-t1 > ul > li > a:focus {background:#fbfbfb;}
.list-data2.data-t1 > ul > li > a > span {display:inline-block;font-size:16px;vertical-align:top;}
.list-data2.data-t1 > ul > li > a > span.bul {position:relative;width:24px;height:24px;overflow:hidden;font-size:1px;}
.list-data2.data-t1 > ul > li > a > span.bul, .list-data2.data-t1 > ul > li > a > span.bul::selection {color:transparent;}
.list-data2.data-t1 > ul > li > a > span.bul:before {content:'';display:block;position:absolute;width:24px;height:24px;background:url(../img/com/icon_set1.png) no-repeat -216px 0;background-size:600px 600px;opacity:0.4;}

/* --------------------------------------------------------------------------------
	# COMMONET : LIST DATA : 유형3
-----------------------------------------------------------------------------------*/
.list-data3 {border-top:2px solid #1f1f3c;}
.list-data3:not(:first-child) {margin:22px 0 0;}
.list-data3 > ul > li {position:relative;padding:24px;border-bottom:1px solid #e4e4e7;}
.list-data3 > ul > li > .tit {color:#1f1f3c;font-size:20px;line-height:26px;}
.list-data3 > ul > li > .data-word1 {margin:10px 0 0 0;}

/* --------------------------------------------------------------------------------
	# COMMONET : BOARD LIST
-----------------------------------------------------------------------------------*/
/* 더보기 공통 */
[data-list="more"] .area-btn1 {margin:32px 0 0;}
[data-list="more"] .area-btn1:not(:last-child) {display:none;}
[data-list="more"] .area-btn1 + table[data-more="page"] > thead {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}

/* 목록형 */
.list-board1 {border-top:2px solid #1f1f3c;line-height:24px;}
.list-board1 > ul > li, .list-board1 > dl {border-bottom:1px solid #e4e4e7;}
.list-board1 > ul > li, .list-board1 > dl, .list-board1 > ul > li > a {display:block;padding:24px;color:#1f1f3c;}
.list-board1 > ul > li > a {display:block;margin:-24px;}
.list-board1 > ul > li > a:hover, .list-board1 > ul > li > a:focus {background:#fbfbfb;}
.list-board1 .tit, .list-board1 .cate, .list-board1 .date {display:inline-block;}
.list-board1 .tit, .list-board1 .cate, .list-board1 .date, .list-board1 .icon-txt2 {vertical-align:top;}
.list-board1 .tit, .list-board1 .cate {font-size:20px;}
.list-board1 .tit {overflow:hidden;max-width:calc(100% - 150px);height:24px;text-overflow:ellipsis;white-space:nowrap;}
.list-board1 .tit:nth-last-child(2) {max-width:calc(100% - 120px);}
.list-board1 .tit ~ span:not([class]) {display:block;margin:7px 0 0;}
.list-board1 .cate {color:#707082;}
.list-board1 .cate ~ .tit {max-width:calc(100% - 250px);}
.list-board1 .date, .list-board1 .tit + .cate {float:right;font-size:16px;color:#91919f;}
.list-board1 > ul ~ ul, .list-board1.data-t1 {border-top:1px solid #e4e4e7;}

.list-board1 + .sub-con1 {margin:20px 0 0;}

.list-board1[data-list="more"] > ul:not(:last-child) > li:last-child {border-bottom:0;}

.list-board1[data-autoset="toggle"] > dl {padding:0;}
.list-board1[data-autoset="toggle"] > dl > dt[data-toggle="btn"] {position:relative;cursor:pointer;display:block;padding:24px;font-size:20px;color:#1f1f3c;}
.list-board1[data-autoset="toggle"] > dl > dt[data-toggle="btn"]:after {content:'';position:absolute;width:24px;height:24px;border:0;right:12px;top:50%;margin:-12px 0 0;background:url(../img/com/icon_set1.png) no-repeat -192px 0;background-size:600px 600px;transform:rotate(90deg) scale(1.3);}
.list-board1[data-autoset="toggle"] [data-toggle="content"] {visibility:hidden;overflow:hidden;height:0;padding:0 24px;}
.list-board1[data-autoset="toggle"] > dl.active > dt[data-toggle="btn"]:after {transform:rotate(-90deg) scale(1.3);}
.list-board1[data-autoset="toggle"] > dl.active [data-toggle="content"] {visibility:visible;height:auto;padding:24px 24px 36px;}

.list-board1[aria-label] {border-top:0;}
.list-board1[aria-label]:before {content:attr(aria-label);display:block;font-size:16px;line-height:50px;color:var(--point1);font-weight:700;}
.list-board1[aria-label]:not(.data-t2) > ul > li {position:relative;}
.list-board1[aria-label]:not(.data-t2) > ul > li ~ li,
.list-board1[aria-label]:not(.data-t2) > ul > li ~ li a {color:#707082;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1),
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) > a {padding:0 120px 0 0;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) > a {margin:0 -120px 0 0;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) {margin:0 0 52px;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) + li:before {content:'';display:block;position:absolute;left:0;right:0;top:-17px;height:1px;background:#e4e4e7;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) .tit {height:44px;font-size:32px;line-height:44px;font-weight:700;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) .date {position:absolute;right:0;bottom:0;color:#707082;}
.list-board1[aria-label]:not(.data-t2) > ul > li:nth-of-type(1) .tit ~ span:not(.date) {display:block;overflow:hidden;text-overflow:ellipsis;font-size:20px;color:#1f1f3c;white-space:nowrap;font-weight:500;}

.tab-sub2.area-form1 + .list-board1.data-t2 {border-top:none;}
.list-board1.data-t2 > ul > li, .list-board1.data-t2 > dl {display:flex;justify-content:space-between;}
.list-board1.data-t2 .cate {min-width:82px;margin-right:24px;}
.list-board1.data-t2 .tit {flex:1;max-width:none;height:auto;text-overflow:clip;white-space:normal;font-size:18px;}
.list-board1.data-t2 .tit ~ span, .list-board1.data-t2 .tit ~ div {margin-left:16px;}
.list-board1.data-t2 .cate ~ .tit {font-weight:500;}
.list-board1.data-t2 .icon-com2.txt1, .list-board1.data-t2 .icon-com2.txt1 {font-size:16px;}

/* 토글형 */
.list-board2 {border-top:2px solid #1f1f3c;}
.list-board2 > ul > li {border-bottom:1px solid #e4e4e7;}
.list-board2 > ul > li > a {position:relative;display:block;padding:20px 60px 20px 24px;color:#1f1f3c;line-height:24px;}
.list-board2 > ul > li > a .tit, .list-board2 > ul > li > a .cate {display:inline;font-weight:500;line-height:22px;}
.list-board2 > ul > li > a:after {content:'';position:absolute;width:24px;height:24px;border:0;right:20px;top:20px;background:url(../img/com/icon_set1.png) no-repeat -216px 0;background-size:600px 600px;transform:rotate(90deg);}
.list-board2 > ul > li > .detail {display:none;padding:5px 60px 24px 24px;color:#1f1f3c;line-height:26px;word-break:break-all;}
.list-board2 > ul > li.nodata {text-align:center;line-height:320px;}
.list-board2 > ul > li.active {background:#fbfbfb;}
.list-board2 > ul > li.active .tit, .list-board2 > ul > li.active .cate {font-weight:700;}
.list-board2 > ul > li.active > a:after {transform:rotate(-90deg);}
.list-board2 > ul > li.active > .detail {display:block;}
.list-board2 > ul ~ ul {border-top:1px solid #e4e4e7;}
.list-board2[data-list="more"] > ul:not(:last-child) > li:last-child {border-bottom:0;}

.list-board2.data-t1 > ul > li > a {padding:20px 128px 20px 92px;}
.list-board2.data-t1 > ul > li > a .tit {display:inline;}
.list-board2.data-t1 > ul > li > a .cate {display:inline;}
.list-board2.data-t1 > ul > li > a .date {position:absolute;top:20px;right:58px;font-size:16px;color:#91919f;}
.list-board2.data-t1 > ul > li > a [class*="icon-txt"] {position:absolute;left:24px;top:22px;min-width:60px;padding:0 6px;}
.list-board2.data-t1 .detail {padding:5px 128px 24px 92px;font-size:14px;line-height:22px;}
.list-board2.data-t1 .detail dl dt {margin-bottom:8px;font-weight:700;line-height:20px;}
.list-board2.data-t1 .detail dl dd.date {font-size:12px;color:#91919f;line-height:16px;}
.list-board2.data-t1 .detail dl dd + dd {margin-top:15px;}
.list-board2.data-t1 .detail dl + dl {margin-top:40px;}
.list-board2.data-t1 .detail dl:nth-child(1) dt {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.list-board2.data-t1 .detail dl:nth-child(1) dd {color:#707082;}

/* 컨텐츠형 */
.list-board3 {border-top:2px solid #1f1f3c;}
.list-board3 > dl {border-bottom:1px solid #ededf0;padding:20px 48px 20px;}
.list-board3 > dl > dt {position:relative;margin:0 0 24px;color:#1f1f3c;font-weight:700;}
.list-board3 > dl > dt:before {content:'Q.';display:block;float:left;margin:0 0 0 -48px;width:40px;text-align:right;}
.list-board3.count-num > dl {counter-increment:section;}
.list-board3.count-num > dl > dt:before {content:'Q' counter(section) '.';}

/* 이미지형 */
.list-board4 {width:79.2rem;margin:0 auto;}
.list-board4 > ul {display:flex;flex-wrap:wrap;padding:32px 0;justify-content:space-between;}
.list-board4 > ul ~ ul {margin-top:-32px;}
.list-board4 > ul > li {width:380px;}
.list-board4 > ul > li:nth-child(2) ~ li {margin-top:40px;}
.list-board4 > ul > li > a {display:block;}
.list-board4 > ul > li div.img {width:100%;height:224px;background:#e4e4e7;}
.list-board4 > ul > li div.img:empty {background:#e4e4e7 url(../../com/img/logo2.png) no-repeat 50% 50%;background-size:134px 17px;}
.list-board4 > ul > li div.img img {width:100%;height:100%;object-fit:cover;}
.list-board4 > ul > li div:not(.img) {margin-top:13px;}
.list-board4 > ul > li .tit {width:100%;overflow:hidden;display:block;font-size:16px;line-height:26px;color:#1f1f3c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-weight:600;}
.list-board4 > ul > li .tit:not(:last-child) {margin:0 0 3px;}
.list-board4 > ul > li .date {display:inline-block;font-size:16px;line-height:24px;color:#91919f;}
.list-board4 > ul > li .icon-txt2 {vertical-align:top;}

/* --------------------------------------------------------------------------------
	# COMMONET : BOARD NEWLINE
-----------------------------------------------------------------------------------*/
.board-info1 {margin-bottom:80px;}
.board-info1 > dl {position:relative;display:flex;flex-wrap:wrap;}
.board-info1 > dl dt {order:2;font-size:24px;color:#1f1f3c;line-height:32px;font-weight:700;}
.board-info1 > dl dd {order:2;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}
.board-info1 > dl dt + dd {margin-top:16px;font-size:16px;color:#1f1f3c;line-height:26px;font-weight:500;}
.board-info1 > dl .date {margin-top:10px;color:#91919f;}
.board-info1 > dl .img {order:1;margin-top:0;margin-bottom:26px;text-align:center;}
/* --------------------------------------------------------------------------------
	# COMMONET : BOARD VIEW
-----------------------------------------------------------------------------------*/
.board-view1 {border-top:2px solid #1f1f3c;border-bottom:1px solid #e4e4e7;}
.board-view1 header {position:relative;padding:24px 105px 22px 24px;border-bottom:1px solid #e4e4e7;}
.board-view1 header h1,.board-view1 header h2, .board-view1 header .icon-txt2, .board-view1 header .date {vertical-align:top;}
.board-view1 header h1,.board-view1 header h2 {display:inline;color:#1f1f3c;font-size:20px;font-weight:700;line-height:26px;}
.board-view1 header .date {position:absolute;top:24px;right:24px;}
.board-view1 .detail {padding:40px 24px;}

/* --------------------------------------------------------------------------------
	# COMMONET : BOARD MOVE
-----------------------------------------------------------------------------------*/
.board-move1 {border-bottom:1px solid #e4e4e7;}
.board-move1 > dl {position:relative;height:63px;border-top:1px solid #e4e4e7;}
.board-move1 > dl > dt {position:absolute;width:100px;color:#0070F0;font-size:14px;font-weight:700;line-height:63px;text-align:center;white-space:nowrap;}
.board-move1 > dl[class*="dir-"] > dt:after {content:'';display:inline-block;width:4px;height:4px;margin:0 0 1px 5px;border-right:2px solid #0070F0;border-bottom:2px solid #0070F0;transform:rotate(-135deg);}
.board-move1 > dl[class*="next"] > dt:after {margin-bottom:3px;transform:rotate(45deg);}
.board-move1 > dl > dd > a {position:relative;display:block;padding:21px 105px 21px 100px;line-height:22px;}
.board-move1 > dl > dd > a:focus {outline:none;}
.board-move1 > dl > dd > a > strong {position:relative;display:inline-block;overflow:hidden;max-width:calc(100% - 70px);height:23px;color:#1f1f3c;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.board-move1 > dl > dd > a > .date {position:absolute;right:24px;color:#91919f;}
.board-move1 > dl > dd > a > span, .board-move1 > dl > dd > a > strong {vertical-align:top;line-height:22px;}
.board-move1 > dl > dd > a > strong:before, .board-move1 > dl > dd > a > strong:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#1f1f3c;opacity:0;}
.board-move1 > dl > dd > a:hover > strong:before, .board-move1 > dl > dd > a:focus > strong:before {opacity:1;}

.board-view1 + .board-move1 dl:first-child {border-top:0 none;}

/* --------------------------------------------------------------------------------
	# COMMONET : GRAPH : 유형1
-----------------------------------------------------------------------------------*/
.info-graph1 {display:inline-block;position:relative;width:200px;height:200px;text-align:center;}
.info-graph1 dl {width:200px;height:200px;}
.info-graph1:before, .info-graph1:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:2px;background:#dbdbe0;border-radius:100%;}
.info-graph1:after {background:#fff;margin:19px;}
.info-graph1 dt, .info-graph1 dd {position:relative;z-index:1;}
.info-graph1 dt {position:absolute;left:0;right:0;bottom:50%;font-size:16px;line-height:22px;margin:0 0 10px;}
.info-graph1 dd {width:100%;height:100%;}
.info-graph1 dd strong {position:absolute;left:0;right:0;top:50%;margin:-10px 0 0;font-size:28px;line-height:36px;color:#1f1f3c;}
.info-graph1 svg {position:absolute;left:0;top:0;width:100%;height:100%;}
.info-graph1 svg path {fill:none;stroke-width:3;stroke-linecap:round;animation:ani-round 1s ease-out forwards;}
.info-graph1 svg path:not([stroke]) {stroke:var(--point1);}
.info-graph1 svg path[stroke-dasharray="0, 100"] {stroke-width:0;}

.wrap-content1 .info-graph1:after {background:#f6f6f7;}

@keyframes ani-round {
	0% {
		stroke-dasharray:0 100;
		opacity:0;
	}
}

#container[data-page="myaccount"] .info-graph1:after {background:#fafaf9;}

/* --------------------------------------------------------------------------------
	# COMMONET : GRAPH : 유형3
-----------------------------------------------------------------------------------*/
.info-graph3:not(:first-child) {margin:48px 0 0;}
.info-graph3:not(:last-child) {margin-bottom:0;}
.info-graph3 .axis-x:before, .info-graph3 .axis-x:after {content:'';display:block;position:absolute;top:50%;margin:-3px 0 0;width:4px;height:4px;border-left:2px solid #a5a5b1;border-bottom:2px solid #a5a5b1;}
.info-graph3 .axis-x:before {left:0;transform:rotate(45deg);}
.info-graph3 .axis-x:after {right:0;transform:rotate(-135deg);}
.info-graph3 > dl {position:relative;}
.info-graph3 > dl > dd.axis-x {position:absolute;left:0;right:0;bottom:0;margin:0;font-family:inherit;font-size:14px;line-height:20px;text-align:center;
	background-image:linear-gradient(to bottom, transparent 0 calc(50% - 1px), #a5a5b1 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px) 100%);}
.info-graph3 > dl > dd.axis-x:before {left:0;}
.info-graph3 > dl > dd.axis-x:after {right:0;}
.info-graph3 > dl > dd.axis-x span {display:inline-block;padding:0 10px;background:#fff;}
.info-graph3 .graph {position:relative;}
.info-graph3 .graph ul {position:relative;display:flex;justify-content:space-between;padding:20px 0 26px;}
.info-graph3 .graph ul:before {content:'';display:block;position:absolute;left:0;right:0;bottom:26px;height:1px;background:#e4e4e7;}
.info-graph3 .graph ul > li {position:relative;padding:134px 0 0;flex:1;}
.info-graph3 .graph ul > li > div {position:absolute;left:0;right:0;text-align:center;}
.info-graph3 .graph ul > li > div:nth-of-type(1) {font-size:14px;line-height:22px;padding:10px 0 0;}
.info-graph3 .graph ul > li > div:nth-of-type(1) span {display:block;line-height:22px;}
.info-graph3 .graph ul > li > div.bar {bottom:0;height:100%;background:#d2d2d8;margin:auto;width:20px;border-radius:4px 4px 0 0;}
.info-graph3 .graph ul > li > div.bar > span:nth-of-type(1) {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.info-graph3 .graph ul > li > div.bar > span:nth-of-type(2) {position:absolute;left:50%;bottom:100%;font-size:12px;line-height:20px;color:#91919f;white-space:nowrap;transform:translateX(-50%);}
.info-graph3 .graph ul > li > div.bar + div.bar {background:var(--point1);}
.info-graph3 .graph ul > li > div.bar + div.bar > span:nth-of-type(2) {color:#fff;margin:0 0 -30px;}
.info-graph3 .graph ul > li > div.bar.c1 {background:#d2d2d8 !important;}
.info-graph3 .graph ul > li > div.bar.c2 {background:var(--point1) !important;}
.info-graph3 .graph ul > li[class*="term"] > div:nth-of-type(1) span:nth-child(1) {position:relative;text-align:center;}
.info-graph3 .graph ul > li[class*="term"] > div:nth-of-type(1) span:nth-child(1):before {position:absolute;left:0;right:0;top:0;bottom:0;content:'~';color:#707082;}
.info-graph3 .graph ul > li[class*="term"] > div:nth-of-type(1) span:nth-child(1),
.info-graph3 .graph ul > li[class*="term"] > div:nth-of-type(1) span:nth-child(1)::selection,
.info-graph3 .graph ul > li.term2 > div:nth-of-type(1) span:nth-child(2),
.info-graph3 .graph ul > li.term2 > div:nth-of-type(1) span:nth-child(2)::selection {color:transparent;}
.info-graph3 .graph ul > li.term2 {flex:none;width:32px;}
.info-graph3 .graph ul > li.term2 > div.bar {height:0 !important;}
.info-graph3 [class*="mes"] {position:absolute;font-size:16px;line-height:26px;color:#4c4c63;font-weight:700;}
.info-graph3 [class*="mes"] span {display:block;}
.info-graph3 .label {margin:12px 0 0;font-size:14px;line-height:20px;color:#707082;white-space:nowrap;}
.info-graph3 .label span {position:relative;display:inline-block;vertical-align:top;}
.info-graph3 .label span + span {margin:0 0 0 24px;}
.info-graph3 .label span b {overflow:hidden;display:inline-block;width:12px;height:12px;margin:4px 4px 0 0;border-radius:100%;background:var(--point1);font-size:1px;color:transparent;vertical-align:top;}
.info-graph3 .label span ~ span b {background:#d2d2d8;}
.info-graph3 .label span.axis-x b {width:22px;height:2px;background:#a5a5b1;border-radius:0;margin:9px 10px 9px 0;}
.info-graph3 .label span.axis-x:before {left:0;}
.info-graph3 .label span.axis-x:after {left:18px;}
.info-graph3 .area-info1 {margin:30px 0 0;color:#91919f;}
.info-graph3 > dl > dt + dd.area-info1 {margin:-30px 0 10px;}

.info-graph3:not([class*=" data-t"]) > dl > dt {margin:0 0 40px;text-align:center;font-family:'YouandiNewKrTitleM';font-size:20px;line-height:26px;color:#707082;}
.info-graph3:not([class*=" data-t"]) .graph ul > li > div:nth-child(1) {padding:4px 0 0;font-size:12px;color:#91919f;}

.info-graph3.data-t1 {display:flex;justify-content:space-between;align-items:flex-start;padding:0;}
.info-graph3.data-t1 > dl {width:486px;}
.info-graph3.data-t1 > dl:nth-of-type(1) {padding:0;}
.info-graph3.data-t1 > dl:nth-of-type(1) > dt {position:relative;margin-bottom:8px;padding:10px 0;color:var(--color1);font-size:14px;font-weight:700;border-bottom:1px solid var(--color1);line-height:20px;}
.info-graph3.data-t1 > dl:nth-of-type(2) > dt {margin:0 0 10px;font-size:14px;line-height:34px;border-bottom:1px solid #91919f;font-weight:700;color:#1f1f3c;}
.info-graph3.data-t1 .graph ul {padding:0;margin:0 -10px;}
.info-graph3.data-t1 .graph ul:before {display:none;}
.info-graph3.data-t1 .graph ul > li {padding:140px 0 0;}
.info-graph3.data-t1 .graph ul > li > div:nth-child(1) {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.info-graph3.data-t1 .graph ul > li > div.bar {width:8px;border-radius:4px;background:url(../img/com/bg_chat_gray.png) repeat 0;}
.info-graph3.data-t1 .label {position:absolute;left:0;top:0;margin:0;}
.info-graph3.data-t1 .label span ~ span b{background:url(../img/com/bg_chat_gray.png) repeat 0;}
.info-graph3.data-t1 .label span ~ span.axis-x b{background:#a5a5b1;}
.info-graph3.data-t1 .info-data2 > ul > li {margin-top:8px;padding:10px 0;font-size:14px; line-height:20px;}
.info-graph3.data-t1 .info-data2 > ul > li {margin-top:8px;padding:10px 0;font-size:14px; line-height:20px;}
.info-graph3.data-t1 .info-data2 > ul > li > span:nth-child(2) {font-weight:700;}
.info-graph3.data-t1 .info-data2 > ul > li.data2 {margin:8px 0 0;padding:10px 0 0;border-bottom:0;background:none;}

.info-graph3.data-t2 > dl {position:relative;padding:40px 0 0;}
.info-graph3.data-t2 > dl > dt {height:1px;font-size:1px;color:transparent;}
.info-graph3.data-t2 > dl > dt span {display:block;position:absolute;left:0;font-size:14px;line-height:22px;color:#91919f;}
.info-graph3.data-t2 > dl > dt span:nth-of-type(2) {top:50px;}
.info-graph3.data-t2 > dl > dt span:nth-of-type(1) {bottom:22px;}
.info-graph3.data-t2 > dl > dt span:nth-of-type(3) {bottom:0;}
.info-graph3.data-t2 .graph {position:relative;padding:0 0 54px;border-top:1px solid #ededf0;}
.info-graph3.data-t2 .graph ul {padding:50px 0 0;justify-content:flex-end;}
.info-graph3.data-t2 .graph ul:before {bottom:-1px;}
.info-graph3.data-t2 .graph ul > li {flex:none;width:102px;}
.info-graph3.data-t2 .graph ul > li:nth-child(2n-1) {background:#f6f6f7;}
.info-graph3.data-t2 .graph ul > li:nth-child(2n-1):before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:-50px;background:#f6f6f7;}
.info-graph3.data-t2 .graph ul > li > em {position:absolute;left:0;right:0;bottom:100%;padding:0 0 14px;font-size:14px;line-height:36px;text-align:center;color:#91919f;}
.info-graph3.data-t2 .graph ul > li > div.bar {width:24px;background:var(--point1);}
.info-graph3.data-t2 .graph ul > li > div.bar:before {content:'';position:absolute;left:50%;bottom:100%;width:6px;height:6px;margin:0 0 -5px -5px;background:#fff;border:2px solid #a5a5b1;border-radius:100%;z-index:1;}
.info-graph3.data-t2 .graph ul > li > div:nth-child(1) {height:54px;padding:10px 0 0;}
.info-graph3.data-t2 .mes1 {left:0;top:50px;}
.info-graph3.data-t2 .mes2 {left:-40px;top:0;}
.info-graph3.data-t2 .mes2 > span {display:block;position:absolute;}
.info-graph3.data-t2 .mes2 > span:nth-child(1) {bottom:100%;height:1px;background:#a5a5b1;overflow:hidden;}
.info-graph3.data-t2 .mes2 > span:nth-child(2) {left:0;bottom:0;width:48px;height:48px;border-radius:100%;background:#fff;text-align:center;font-size:12px;line-height:48px;color:var(--point1);font-weight:600;transform:translate(-50%, 0);background:#fff;box-shadow:0 1px 3px 0 rgba(31,31,60,0.16);}
.info-graph3.data-t2 .mes2 > em, .info-graph3.data-t2 .mes2 > span:nth-child(3) {position:absolute;}
.info-graph3.data-t2 .graph ul > li:nth-child(2) .mes2 > span:nth-child(1) {left:-64px;right:-48px;transform:rotate(21deg) translateY(-21px);}
.info-graph3.data-t2 .graph ul > li:nth-child(3) .mes2 > span:nth-child(1) {left:-54px;right:-45px;transform:rotate(16deg) translateY(-14px);}
.info-graph3.data-t2 .label {position:absolute;left:0;bottom:100%;margin:0 0 20px;}

.info-graph3.data-t3 {position:relative;padding:40px 0 0;}
.info-graph3.data-t3 .graph {position:relative;border-top:1px solid #ededf0;display:flex;justify-content:space-between;padding:0 0 54px;}
.info-graph3.data-t3 .graph:before {content:'';display:block;position:absolute;left:0;right:0;bottom:53px;height:1px;background:#ededf0;}
.info-graph3.data-t3 .graph > dl {position:relative;padding:45px 0 0;}
.info-graph3.data-t3 .graph > dl:not(:only-child) {width:auto;min-width:22%;}
.info-graph3.data-t3 .graph > dl:not(:only-child):nth-of-type(1):nth-last-of-type(2),
.info-graph3.data-t3 .graph > dl:not(:only-child):nth-of-type(1):nth-last-of-type(2) ~ dl {width:50%;}
.info-graph3.data-t3 .graph > dl:not(:only-child):nth-of-type(2n-1) {background:#f6f6f7;}
.info-graph3.data-t3 .graph > dl > dt {position:absolute;left:0;right:0;top:0;font-size:14px;line-height:22px;padding:9px 0;text-align:center;}
.info-graph3.data-t3 .graph ul {padding:20px 0 0;}
.info-graph3.data-t3 .graph ul:before {display:none;}
.info-graph3.data-t3 .graph ul > li > div:nth-child(1) {height:54px;}
.info-graph3.data-t3 .mes {left:30px;top:50px;}
.info-graph3.data-t3 .label {position:absolute;left:0;top:0;margin:0;}
.info-graph3.data-t3 .mes.i-has{top:38px;}
.info-graph3.data-t3 .mes.i-has i{display:block;margin-top:-5px;font-size:12px;font-weight:400;}

.info-graph3.data-t4 {position:relative;padding:40px 0 0;display:flex;justify-content:space-between;}
.info-graph3.data-t4 .graph {position:relative;width:calc(50% - 24px);border-top:1px solid #ededf0;border-bottom:1px solid #ededf0;}
.info-graph3.data-t4 .graph > dl {position:relative;}
.info-graph3.data-t4 .graph > dl > dt {position:absolute;left:0;top:0;font-size:14px;line-height:22px;padding:9px 0;}
.info-graph3.data-t4 .graph ul {padding:76px 56px;}
.info-graph3.data-t4 .graph ul:before {display:none;}
.info-graph3.data-t4 .graph ul > li {padding:126px 0 0;}
.info-graph3.data-t4 .graph ul > li > div:nth-child(1) {height:54px;}
.info-graph3.data-t4 .graph ul > li > div.bar {width:16px;border-radius:10px;}
.info-graph3.data-t4 .graph ul > li > div.bar.c1 {border-radius:0 0 10px 10px;}
.info-graph3.data-t4 .graph ul > li > div.bar.c2 + div.bar.c1:after {content:'~';display:block;position:absolute;left:-5px;right:-5px;top:50%;font-size:36px;line-height:10px;color:#fff;text-align:center;font-weight:200;}
.info-graph3.data-t4 .graph ul > li .info {position:absolute;right:50%;bottom:100%;padding:0 10px;margin:0 -24px 10px 0;font-size:12px;line-height:32px;border-radius:8px;white-space:nowrap;}
.info-graph3.data-t4 .graph ul > li .info:after {content:'';position:absolute;right:2.0rem;top:100%;display:block;width:6px;height:6px;margin:-3px 0 0;background:#fff;border-left:1px solid #ededf0;border-top:1px solid #ededf0;transform:rotate(-135deg);z-index:1;}
.info-graph3.data-t4 .graph ul > li .info,
.info-graph3.data-t4 .mes2 > em {background:#fff;box-shadow:0 1px 3px 0 rgba(31,31,60,0.16);}
.info-graph3.data-t4 .mes1 {left:0;top:50px;font-size:16px;line-height:26px;}
.info-graph3.data-t4 .mes2 {left:50%;top:50%;transform:translateX(-50%);}
.info-graph3.data-t4 .mes2 > em {position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:100%;background:#fff;text-align:center;font-size:12px;line-height:36px;color:var(--point1);font-weight:600;transform:translate(-55%, -50%);}
.info-graph3.data-t4 .mes2 > em, .info-graph3.data-t4 .mes2 > span:nth-child(3) {position:absolute;}
.info-graph3.data-t4 .mes2 > span {font-size:1px;color:transparent;overflow:hidden;}
.info-graph3.data-t4 .mes2 > span:nth-child(1) {width:90px;height:20px;background:#ededf0;}
.info-graph3.data-t4 .mes2 > span:nth-child(3) {right:100%;top:50%;width:0;height:0;margin:-17px 0 0;border-right:17px solid #ededf0;border-top:17px solid transparent;border-bottom:17px solid transparent;}
.info-graph3.data-t4 .label {position:absolute;left:0;top:0;margin:0;}

/* --------------------------------------------------------------------------------
	# COMMONET : GRAPH : 유형4
-----------------------------------------------------------------------------------*/
.info-graph4 {position:relative;padding:38px 0 0;margin:0 auto;max-width:370px;}
[lang="en"] .info-graph4 {padding:58px 0 0;}
.info-graph4 .graph > ul {position:relative;display:flex;padding:0 4px;}
.info-graph4 .graph > ul:after {content:'';display:block;position:absolute;left:0;right:0;bottom:44px;height:4px;background:var(--point1);border-radius: 4px;}
.info-graph4 .graph > ul > li {position:relative;flex:1;display:flex;flex-direction:column;padding:110px 0 44px;text-align:center;}
.info-graph4 .graph > ul > li > strong {position:absolute;display:block;left:0;right:0;bottom:0;font-size:16px;line-height:44px;font-weight:600;color:#1f1f3c;}
.info-graph4 .graph > ul > li span {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;opacity:0;}
.info-graph4 .graph > ul > li b {font-weight:700;font-size:14px;line-height:46px;color:rgba(31,31,60,0.64);}
.info-graph4 .graph > ul > li > div {position:relative;}
.info-graph4 .graph > ul > li > div > div {position:absolute;left:0;right:0;bottom:0;}
.info-graph4 .graph > ul > li > div > div:after, .info-graph4 .graph > ul > li > div > div b {position:absolute;left:50%;}
.info-graph4 .graph > ul > li > div > div:after {content:'';display:block;}
.info-graph4 .graph > ul > li > div > div b {bottom:100%;transform:translateX(-50%);}
.info-graph4 .graph > ul > li > div + div {margin:50px 0 0;}
.info-graph4 .graph > ul > li > div.data1 {height:70px;}
.info-graph4 .graph > ul > li > div.data1 > div:before, .info-graph4 .graph > ul > li > div.data1 > div:after {bottom:100%;background:var(--point1);}
.info-graph4 .graph > ul > li > div.data1 > div:after {width:8px;height:8px;transform:translate(-50%, 50%);border-radius:100%;}
.info-graph4 .graph > ul > li + li > div.data1 > div:before {content:'';display:block;position:absolute;left:-50%;right:50%;margin:0 0 0 -4px;height:2px;}
.info-graph4 .graph > ul > li:nth-child(2) > div.data1 > div:before{margin-right:2px;margin-left:-13px;transform: rotate(-29deg) translateY(23px);}
.info-graph4 .graph > ul > li:nth-child(3) > div.data1 > div:before{margin-right:6px;margin-left:-20px;transform: rotate(35deg) translateY(-27px);}
.info-graph4 .graph > ul > li:nth-child(4) > div.data1 > div:before{transform: rotate(-12deg) translateY(8px);}
.info-graph4 .graph > ul > li:nth-child(5) > div.data1 > div:before{transform: rotate(-5deg) translateY(5px);}
.info-graph4 .graph > ul > li > div.data2 {height:130px;}
.info-graph4 .graph > ul > li > div.data2 > div:after {bottom:0; left:calc(50% - 23px);width:46px;height:100%;margin:0;height:100%;background:var(--point1);border-radius:8px 8px 0 0;}
.info-graph4 .label {position:absolute;left:0;top:15px;font-weight:700;color:#1f1f3c;}
.info-graph4 .label div {display:inline-block;position:relative;padding:0 0 0 32px;line-height:22px;vertical-align:top;}
.info-graph4 .label div span {display:block;font-size:14px;line-height:20px;font-weight:500;}
.info-graph4 .label div + div {margin:0 0 0 16px;}
.info-graph4 .label div:before, .info-graph4 .label div:after {content:'';display:block;position:absolute;left:0;top:11px;transform:translateY(-50%)}
.info-graph4 .label div.data1:before, .info-graph4 .label div.data1:after {background:var(--point1);}
.info-graph4 .label div.data1:before {width:24px;height:2px;}
.info-graph4 .label div.data1:after {width:8px;height:8px;margin:0 8px;border-radius:100%;}
.info-graph4 .label div.data2:before {width:24px;height:8px;background:var(--point1);border-radius:4px;}

.info-graph4[data-motion="scroll"] .graph > ul > li b,
.info-graph4[data-motion="scroll"] .graph > ul > li > div.data1 > div:before,
.info-graph4[data-motion="scroll"] .graph > ul > li > div.data1 > div:after {opacity:0;transition:all 0.4s ease-in-out;}
.info-graph4[data-motion="scroll"] .graph > ul > li b {transform:translate(-50%, 25%);}
.info-graph4[data-motion="scroll"].load .graph > ul > li b,
.info-graph4[data-motion="scroll"].load .graph > ul > li > div.data1 > div:before,
.info-graph4[data-motion="scroll"].load .graph > ul > li > div.data1 > div:after {opacity:1;}
.info-graph4[data-motion="scroll"].load .graph > ul > li b {transform:translate(-50%, 0);}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(1) b, .info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(1) > div.data1 > div:after {transition-delay:0.2s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(2) b, .info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(2) > div.data1 > div:after {transition-delay:0.4s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(3) b, .info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(3) > div.data1 > div:after {transition-delay:0.6s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(4) b, .info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(4) > div.data1 > div:after {transition-delay:0.8s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(5) b, .info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(5) > div.data1 > div:after {transition-delay:1.0s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li > div.data1 > div:before {transition-delay:1.4s;}

.info-graph4[data-motion="scroll"] .graph > ul > li > div.data2 > div:after {height:0;transition:all 0.8s cubic-bezier(0.215,0.61,0.355,1);}
.info-graph4[data-motion="scroll"].load .graph > ul > li > div.data2 > div:after {height:100%;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(1) > div.data2 > div:after {transition-delay:0.2s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(2) > div.data2 > div:after {transition-delay:0.4s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(3) > div.data2 > div:after {transition-delay:0.6s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(4) > div.data2 > div:after {transition-delay:0.8s;}
.info-graph4[data-motion="scroll"].load .graph > ul > li:nth-child(5) > div.data2 > div:after {transition-delay:1.0s;}

/* --------------------------------------------------------------------------------
	# COMMONET : TEMP
-----------------------------------------------------------------------------------*/
.ui-tabcon {display:none !important;}
.ui-tabcon.active {display:block !important;}
.ui-tabcon.active[class*="area-col"] {display:flex !important;}

/* --------------------------------------------------------------------------------
	# COMMONET : 컨텐츠 영역
-----------------------------------------------------------------------------------*/
.nppfs-keypad-div img {max-width:none;}
.kpd-wrap img {max-width:none;}