@charset "euc-kr"; 
/* <UPLEAT> UI Dev Team
	Pretendard, Spoqa(only Number, Commma) : normal = 400, bold = 700
	font-size: 1.4rem
	line-height: 1.4
*/
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/Pretendard-Light.woff2') format('woff2');
/*     unicode-range: U+AC00-D7A3,U+0041-005A,U+0061-007A,U+0020-002F,U+0034-0040,U+005B-0060,U+007B-007E;U+26; */
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family:'Spoqa';
    font-weight:300;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/SpoqaHanSansNeo-Light.woff2') format('woff2');
    unicode-range: U+0030-0039, U+002C;
}
@font-face {
	font-family:'Spoqa';
    font-weight:400;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2');
    unicode-range: U+0030-0039, U+002C;
}
@font-face {
	font-family:'Spoqa';
    font-weight:500;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2');
    unicode-range: U+0030-0039, U+002C;
}
@font-face {
	font-family:'Spoqa';
    font-weight:700;
	font-display: swap;
	src: url('/_pub/assets/css/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2');
    unicode-range: U+0030-0039, U+002C;
}

/* var */
:root {
    font-size:10px;
    --sab: calc(constant(safe-area-inset-bottom) / 2);
    --sab: calc(env(safe-area-inset-bottom) / 2);

    /* font Size */
    --fz-11: 1.1rem !important; /* 250116 Ãß°¡ */
    --fz-12: 1.2rem !important;
    --fz-13: 1.3rem !important;
    --fz-14: 1.4rem !important;
    --fz-15: 1.5rem !important;
    --fz-16: 1.6rem !important;
    --fz-17: 1.7rem !important;
    --fz-18: 1.8rem !important;   
    --fz-19: 1.9rem !important;   
    --fz-20: 2.0rem !important;
    --fz-21: 2.1rem !important;
    --fz-22: 2.2rem !important;
    --fz-23: 2.3rem !important;
    --fz-24: 2.4rem !important;
    --fz-25: 2.5rem !important;
    --fz-26: 2.6rem !important;
    --fz-27: 2.7rem !important;
    --fz-28: 2.8rem !important;
    --fz-29: 2.9rem !important;
    --fz-30: 3.0rem !important;

    /* color */
    --color-blue1: #0086ff; /* --color-point, --color-posi */
    --color-blue2: #007efc;
    --color-blue3: #2d4ec8;
    --color-blue4: #339eff;
    --color-blue5: #66b6ff;
    --color-blue6: #99cfff;
    --color-blue7: #cce7ff;
    --color-blue8: #e6f3ff;
    --color-blue9: #f2f9ff;
    --color-purple1: #4a5cff; /* 250116 Ãß°¡ */
    --color-purple2: #4859ff; /* 250116 Ãß°¡ */
    --color-purple3: #e2e4ff; /* 250116 Ãß°¡ */
   /*  --color-point: var(--color-blue1); */
    --color-point2: #ff7bac;
    --color-point3: #39d9f4;
    --color-nega: #ec4956;
    --color-info: #f9a825;
    --color-posi: var(--color-blue1);
    --color-gray1: #e2e5eb; /* 250116 Ãß°¡ */
    --color-gray2: #d9d9d9; /* 250116 Ãß°¡ */
    --color-00: #000;
    --color-01: #13161c;
    --color-02: #46494f;
    --color-03: #696e77;
    --color-04: #8f949e;
    --color-05: #c2c6cf;
    --color-06: #d8dbe0;
    --color-07: #f4f6f9;
    --color-08: #fff;

    /* space */
    --lv-xl: 4.8rem;
    --lv-la: 3.2rem;
    --lv-md: 2.4rem;
    --lv-sm: 2.0rem;
    --lv-xs: 1.2rem;
}

@media all and (max-width:320px) {
    :root {font-size:9px} 
}

/* Reset */
*,
*:before,
*:after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color:transparent !important; outline: 0;}
/* *:focus {border:2px solid green} */

html,body {width:100%; height:100%; min-height:100%;}
body {-webkit-text-size-adjust:none; word-break:break-all; line-height:1.4; background:var(--color-08); color:var(--color-01);}
body,button,dd,dl,dt,fieldset,form,input,legend,li,ol,p,select,table,td,textarea,th,ul,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none;}
body,button,input,select,table,textarea {font-size:1.4rem; font-weight:400; font-family:'Spoqa','Pretendard','NotoSans','Droid Sans','AppleGothicNeoSD','Apple SD »êµ¹°íµñ Neo','Sans-serif','µ¸À½','dotum';}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table {table-layout:fixed; width:100%; border-spacing:0;}
caption,
legend {overflow:hidden; position: static; width:0; height:0; line-height:0;color:transparent;}
ol,ul {list-style:none;}
em,address {font-style:normal;}
img,fieldset,iframe {border:0;}
img {width:100%;height:auto;vertical-align:top;max-width:42rem}
a {display:inline-block; color:inherit; text-decoration:none; outline:none;}
a:hover {text-decoration:none;}
area {outline:none}
input,select,textarea,button {border:0; border-radius:0; -webkit-appearance:none; appearance:none;}
button {background-color:transparent; color:inherit; cursor:pointer;}
button:hover {color:inherit;}
input::-ms-clear,
input::-ms-reveal {display:none; width:0; height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}
input[type=date]::-webkit-inner-spin-button {display:none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-calendar-picker-indicator {display:none;}
input[type=number] {-moz-appearance:textform;}
input[type=checkbox]:focus{outline:none;}
input {caret-color: #2d4ec8;}
select::-ms-expand {display:none;}
select:required:invalid {color:#A0A4AF;}
option {color:var(--color-01);}
option[value=""][disabled] {display:none;}

/* Set Class */
.hidden {overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(0 0 0 0); margin:-1px; padding:0; font-size:1px;} /* »ç¿ëµÈ À̹ÌÁö³» ÀǹÌÀÖ´Â ÅؽºÆ®ÀÇ ´ëüÅؽºÆ®¸¦ Á¦°øÇÒ¶§ */ /* 260922 ¼öÁ¤ */
.dimmed {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); filter:alpha(opacity=60); touch-action:none; z-index:200;} /* Dimmed Layer */
.eps {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* ÇÑ ÁÙ ¸»ÁÙÀÓ */
.fl {float:left;}
.fr {float:right;}
.left {text-align:left !important;} /* ÅؽºÆ® Á¤·Ä */
.right {text-align:right !important;}
.center {text-align:center !important;}
.top {vertical-align:top !important;}
.middle {vertical-align:middle !important;}
.bottom {vertical-align:bottom !important;}
.clearfix:after {content:''; display:block; clear:both;} /* Ç÷ÎÆà ÇØÁ¦ */
.required {display:inline-block; position: absolute; top:-.3rem; right:-1rem; color:#de001b; font-size:var(--fz-13); font-weight:700;} /* Çʼö¿ä¼Ò */
.wide {width:100%;} /* width 100% */
.inline {display:inline-block !important; vertical-align:middle;} /* inline */
.block {display:block !important;}
.none {display:none !important;}
/* .scroll {overflow:auto; position:relative; width:100%;} */ /* Scroll */
.underline {text-decoration: underline;}
.keep-a {overflow:hidden; width:100%; word-break:keep-all; word-wrap:break-word;}
.flex { -webkit-display: flex; display: flex; align-items: center; } /* 260703 Ãß°¡ */
.flex-start { align-items: flex-start !important; } /* 260703 Ãß°¡ */
.flex-center {-webkit-display: flex; display: flex; align-items: center;justify-content: center;} /* 260703 Ãß°¡ */
.flex-between {-webkit-display: flex; display: flex; align-items: center;justify-content: space-between;} /* 260703 Ãß°¡ */
.flex-col { flex-direction: column; } /* 260703 Ãß°¡ */
.between {display: flex; justify-content: space-between; width: 100%;}
.dev-nofix {min-height:2000px !important;} /* °³¹ß¿ë */
.fx-none {flex:none;} /* Ç÷º½º ÇØÁ¦ */
.midline {text-decoration:line-through !important;}
.opacity {opacity:.5;}

/* Font Size */
.fz-12 {font-size: var(--fz-12) !important;}
.fz-13 {font-size: var(--fz-13) !important;}
.fz-14 {font-size: var(--fz-14) !important;}
.fz-15 {font-size: var(--fz-15) !important;}
.fz-16 {font-size: var(--fz-16) !important;}
.fz-18 {font-size: var(--fz-18) !important;}
.fz-19 {font-size: var(--fz-19) !important;} /* 250116 Ãß°¡ */
.fz-20 {font-size: var(--fz-20) !important;}
.fz-24 {font-size: var(--fz-24) !important;}
.fz-26 {font-size: var(--fz-26) !important;}/* 260907 Ãß°¡ */
.fz-28 {font-size: var(--fz-28) !important;}

/* Font Color */
.fc {color:var(--color-01) !important;} /* #13161c */
.fc-sub {color:var(--color-03) !important;} /* #696e77 */
.fc-gray {color:var(--color-04) !important;} /* ##8f949e */
.fc-point {color:var(--color-blue1) !important;} /* #0086ff */
.fc-nega {color:var(--color-nega) !important;} /* #ec4956 */
.fc-posi {color:var(--color-posi) !important;} /* #0086ff */
.fc-black {color:var(--color-00) !important;} /* #000 */
.fc-white {color:var(--color-08) !important;} /* #fff */
.fc-purple {color:var(--color-purple1) !important;} /* #4a5cff */
.maker {position:relative; z-index:0; display:inline; color:var(--color-blue1); font-weight:700; background-image:linear-gradient(#fffab4 0, #fffab4 100%); background-size:0 100%; background-repeat:no-repeat; background-position:left bottom; transition:background-size .4s ease-out; box-decoration-break:clone; -webkit-box-decoration-break:clone;} /* 260618 ¼öÁ¤ */
.maker.is-highlight {background-size:100% 100%;}

 /* font Weight */
.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-700,
strong {font-weight:700 !important;}

/* font style 250116 Ãß°¡ */
.text-half { position: relative; color: var(--color-03); }
.text-half:before { content:''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -1px; background: var(--color-03); }

/* Width */
.w-auto {width: auto;}
.w-20 {flex:none; width:2rem !important;}
.wp-15 {flex:none; width:15% !important;}
.wp-20 {flex:none; width:20% !important;}
.wp-30 {flex:none; width:30% !important;}
.wp-40 {flex:none; width:40% !important;}
.wp-50 {flex:none; width:50% !important;}
.wp-70 {flex:none; width:70% !important;}
.wp-80 {flex:none; width:80% !important;}
.wp-100 {flex:none; width:100% !important;}

/* Gap */
.mgt-10 {margin-top:1rem !important;}
.mgt-20 {margin-top:2rem !important;}
.mgt-30 {margin-top:3rem !important;}
.mgt-50 {margin-top:5rem !important;}
.mgt-60 {margin-top:6rem !important;} /* 260324 Ãß°¡ */

.mgb-30 {margin-bottom:3rem !important;} /* 250116 Ãß°¡ */

.gap-xxl {margin-top:8rem !important;}
.gap-xl {margin-top:6rem !important;}
.gap-lg {margin-top:4rem !important;}
.gap-md {margin-top:3.2rem !important;}
.gap-sm {margin-top:2.4rem !important;}
.gap-ssm {margin-top:2rem !important;}
.gap-xsm {margin-top:1.6rem !important;}
.gap-xs {margin-top:1.2rem !important;}
.gap-xxs {margin-top:.8rem !important;}
.gap-xxxs {margin-top:.4rem !important;}
.gap-xxs-minus {margin-top:-.8rem !important;}
.gap-xs-minus {margin-top:-1.2rem !important;}
.gap-sm-minus {margin-top:-2rem !important;}
.gap-sm2-minus {margin-top:-2.4rem !important;}
.gap-lg-minus {margin-top:-4.8rem !important;}
.gap-space {margin-left:0.4rem !important;}
.gap-space-sm {margin-left: 0.8rem !important;} /* 250930 Ãß°¡ */
.gap-space-md {margin-left:3.2rem !important;}

/* Margin/Padding/Border */
.mgt-0 {margin-top:0 !important;}
.mgl-0 {margin-left:0 !important;}
.mgl-10 {margin-left:1rem !important;}
.mgr-0 {margin-right:0 !important;}
.mgb-0 {margin-bottom:0 !important;}
.pdt-0 {padding-top:0 !important;}
.pdl-0 {padding-left:0 !important;}
.pdr-0 {padding-right:0 !important;}
.pdb-0 {padding-bottom:0 !important;}
.bdt-0 {border-top: 0 !important;}
.bdl-0 {border-left: 0 !important;}
.bdr-0 {border-right: 0 !important;}
.bdb-0 {border-bottom: 0 !important;}

/* line */
.divi-line {margin:4rem 0 0;border-bottom:none;border-top:1px solid #D8DBED}

/* ---------------------------------------------------------------- Layout ---------------------------------------------------------------- */
html.keypad-open .pg-wrap {min-height:auto;height:auto;padding-bottom:2.0rem}

/* Devider */
/* .pg-wrap {display:flex; flex-direction: column;} */
.pg-wrap {display:flex; flex-direction: column; min-height: 100%;}
.pg-header {width: 100%; height: 5rem; z-index: 100;}
.pg-header:after {content: ''; display: block; width: .1rem; height: 5rem;}
.pg-container {display:flex; flex-direction:column; justify-content: space-between; flex:1; position:relative; box-sizing:border-box; /* overflow-x:hidden; overflow-y:scroll; */ -webkit-overflow-scrolling:touch; width:initial; height:100%; padding:0 2.4rem; padding:0 2.4rem var(--sab); box-sizing: border-box;}
.pg-container.over-ini {overflow:initial;}
.pg-content {padding:3.2rem 0 4rem;}
.pg-content.half {margin-top:1.6rem;}
.pg-content-foot {background-color:var(--bg-03);}
.pg-content-foot .fit-bottom {margin:0 0 4rem;}
.pg-content.fit-p {margin:0; padding:3.2rem 2.4rem;}
.pg-footer {width:100%; text-align:center; background-color:#fff; z-index:100; box-sizing:border-box;}
/* .pg-footer:after {content: ''; display: block; width: 100%; height: var(--sab) + 6rem; height: 6rem; padding:.6rem 1rem (var(--sab) + .6rem); padding:.6rem 1rem .6rem;} *//*sscn 260326:¾Û°ú µ¿ÀÏÇÏ°Ô ÁÖ¼®Ã³¸®*/
[class^=section] + [class^=section] {margin-top:6rem;}
.section-f {width: calc(100% + 4.8rem); margin-left:-2.4rem; margin-right: -2.4rem; padding:0 2.4rem;}
.section.gap-xxs-m {margin-top:-0.8rem;}
/* [class^=section]:first-of-type .tab-wrap.line .tab-list {margin-top:2.4rem;} */
/* [class^=section]:first-of-type .tab-wrap.line {margin-top:2.4rem;} */
.divider {height:1rem; margin:3.2rem 0; border:0; background-color:var(--color-07);}
.divider-f {height:1rem; margin:3.2rem -2.4rem; border:0; background-color:var(--color-07);}
/* .pg-wrap.h-auto {height: 100vh;} */
.wider {margin-left:-0.8rem; margin-right:-0.8rem;}
.widest {margin-left:-2.4rem; margin-right:-2.4rem;}
.widest .ui-swiper > .swiper {padding:0 1.8rem;}
.section-wh {margin: -3.2rem -2.4rem 0; padding: 3.2rem 2.4rem 3.2rem; background-color: var(--color-08);}

/* Header */
.pg-gnb {display:flex; flex-wrap: nowrap; position:static; top:0; left:0; width: 100%; height:5rem; padding:0 .8rem; text-align:center; background-color:var(--color-08); z-index:100;}
.pg-gnb.bg-none {background-color: transparent;}
.pg-gnb > h1 {display:inline-block;height: 5rem; width: 100%; padding: 0 9rem; font-size: var(--fz-18); line-height:5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pg-gnb.long-title > h1 { padding: 0 5rem; } /* 260121 ÀÚµ¿Â÷´ãº¸´ëÃâ(»ç¾÷ÀÚ´ëÃâ) »óÇ°¾È³» ŸÀÌƲ ±æ¾îÁú ¶§ ¸»ÁÙÀÓ À̽´·Î Ãß°¡ */
.pg-gnb .m-logo{position: absolute;top: 1.3rem;left: 1.8rem;width: 10rem;height: 2.5rem;padding: 0;}
.pg-gnb .m-logo a {display:block;width:100%;height:100%;}
.pg-gnb [class^=action] {display:flex; justify-content: center; align-items: center; flex-basis: 4rem; position:absolute; top:0; left:auto; right:.8rem; width:4rem; height:5rem; color:var(--color-01); font-size: var(--fz-15);}/*background-color: rgb(253, 253, 237);*/
.pg-gnb [class^=action-] {color: transparent;}
.pg-gnb [class^=action-]:before {content:''; width: 2.4rem; height: 2.4rem; background: #000}
.pg-gnb .action-prev:before {background: transparent url(/_pub/assets/img/common/ico-24x-11.svg) no-repeat center center; background-size:100%}
.pg-gnb .action-menu:before {background: transparent url(/_pub/assets/img/common/ico-24x-4.svg) no-repeat center center; background-size:100%}
.pg-gnb .action-chatbot:before {background: transparent url(/_pub/assets/img/common/ico-24x-30.svg) no-repeat center center; background-size:100%}
.pg-gnb .action-prev {left:.8rem; right:auto;}
.pg-gnb [class*=action-]:not(.action-prev, .action-menu, .action, :last-child) {right:4.8rem;}
.pg-gnb.fixed {position:fixed;background-color:var(--color-08); box-shadow:0 1px 5px rgba(0, 0, 0, 0.06);}
.pg-gnb.fixed.noline {box-shadow:none;}

.pg-wrap.main .pg-gnb.fixed {background-color:var(--color-08); box-shadow:0 1px 5px rgba(0, 0, 0, 0.06);}

/* Contents */
/* full-content */
.pg-content.full-content {display:flex; flex-direction:column; flex:1; height:100%; margin-bottom:0;}
.pg-content.full-content .hgroup-2,
.pg-content.full-content [class^=ht-] {margin-bottom:0;}
.pg-content.full-content .section {display:flex; flex:1; justify-content: center; align-items: center;}
.pg-content.full-content .section.v {flex-direction:column; justify-content:flex-start; margin:0 0 3.2rem; padding-top:10rem;}
[class*='img-certi-'] {width:100%; margin-top:2.4rem;}
.img-certi-card::before {content:''; width:100%; height:20rem; display:block; background:url(/_pub/assets/img/common/certi-card.png) no-repeat center center / contain;}
.img-certi-otp::before {content:''; width:100%; height:10.4rem; display:block; background:url(/_pub/assets/img/common/certi-otp.png) no-repeat center center / contain;}

/* Footer */
.pg-foot {padding:2.4rem; background-color: #fafafa; border-top:1px solid #f2f2f2;}
.pg-foot .title {display: block; font-size:1.4rem; line-height:2rem; color:#13161c;}
.pg-foot .info-area .line {margin-top:0.8rem;}
.pg-foot .info-area .line span {position: relative; display: inline-block; margin-left:0.8rem; padding-left:0.9rem; font-size:1.3rem; line-height: 1.8rem; color:#13161c; vertical-align: middle;}
.pg-foot .info-area .line span:before {content: ''; position: absolute; top:4px; left:0; width:1px; height:0.9rem; background-color:#d9d9d9;}
.pg-foot .info-area .line span:first-child {margin-left:0; padding-left:0;}
.pg-foot .info-area .line span:first-child:before {display: none;}
.pg-foot .info-area .line .tell {font-size:2.4rem; line-height:3.4rem; color:#007efc;}

.pg-foot .info-link {margin-top:1.6rem; padding-top:1.7rem; border-top:1px solid #e1e5ec;}
.pg-foot .info-link a,
.pg-foot .info-link button {position: relative; display: inline-block; margin-right:0.4rem; padding-right:0.9rem; font-size:1.4rem; line-height: 2.4rem; color:#13161c; letter-spacing:-1.2px;}
.pg-foot .info-link a:before,
.pg-foot .info-link button:before {content: ''; position: absolute; top:0.8rem; right:0; width:1px; height:0.9rem; background-color:#d9d9d9;}
.pg-foot .info-link a:last-child,
.pg-foot .info-link button:last-child {margin-right:0; padding-right:0;}
.pg-foot .info-link a:last-child:before,
.pg-foot .info-link button:last-child:before {display: none;}

.pg-foot .info-text {margin-top:0.8rem;}
.pg-foot .info-text p {font-size:1.3rem; line-height: 1.8rem; color:#696e77;}
.pg-foot .info-text p span {position: relative; display: inline-block; margin-left:0.8rem; padding-left:0.9rem;}
.pg-foot .info-text p span:before {content: ''; position: absolute; top:4px; left:0; width:1px; height:0.9rem; background-color:#d9d9d9;}
.pg-foot .info-text p span:first-child {margin-left:0; padding-left:0;}
.pg-foot .info-text p span:first-child:before {display: none;}

.pg-foot .copyright {margin-top: 0.8rem; font-size: 1.2rem; color:#696e77;}

.pg-foot .aside {display: flex; align-items: center; margin-top:2.5rem;}
.pg-foot .aside .sns-list {display: inline-flex; align-items: center;}
.pg-foot .aside .sns-list li {margin-left:0.6rem;}
.pg-foot .aside .sns-list li:first-child {margin-left:0;}
.pg-foot .aside .sns-list a {display: block; width: 3rem; height:3rem;}
.pg-foot .aside .sns-list .sns-facebook {background:url(/_pub/assets/img/common/img-sns-facebook.png) no-repeat 0 0; background-size: 3rem;}
.pg-foot .aside .sns-list .sns-instagram {background:url(/_pub/assets/img/common/img-sns-instagram.png) no-repeat 0 0; background-size: 3rem;}
.pg-foot .aside .sns-list .sns-blog {background:url(/_pub/assets/img/common/img-sns-blog.png) no-repeat 0 0; background-size: 3rem;}
.pg-foot .aside .sns-list .sns-youtube {background:url(/_pub/assets/img/common/img-sns-youtube.png) no-repeat 0 0; background-size: 3rem;}

.pg-foot .aside .mark-group {display: inline-flex; align-items: center; margin-left:2.6rem;}
.pg-foot .aside .mark-group li {margin-left: 1rem;}
.pg-foot .aside .mark-group li:first-child {margin-left:0;}
.pg-foot .aside .mark-group a {display: block;}
.pg-foot .aside .mark-group .wa {width:4rem; height: 2.4rem; background:url(/_pub/assets/img/common/img-wa-mark.png) no-repeat 0 0; background-size: 4rem 2.4rem;}
.pg-foot .aside .mark-group .fine {width:3.3rem; height:1.8rem; background:url(/_pub/assets/img/common/img-fine-mark.png) no-repeat 0 0; background-size:3.3rem 1.8rem;}
/* box margin: 1.8 */
.mg-between {width:calc(100% + 1.2rem) !important; margin-left:-0.6rem !important; margin-right:-0.6rem !important}

/* ---------------------------------------------------------------- Title ---------------------------------------------------------------- */
[class^=ht-] {font-weight:700; color:var(--color-01); line-height: 1.3; vertical-align:middle; word-break:keep-all;}
.ht-1 {font-size: 1.8rem; font-weight: 500;} /* Header Appbar */
.ht-2 {font-size: 2.6rem; margin-bottom:4rem;} /* Contents */
.ht-2-center {font-size: 2.2rem; width: 100%; margin: 0 0 4rem; text-align: center;} /* Center */
.ht-3 {font-size: 1.8rem; line-height: 1.4; margin: 6rem 0 2rem;} /* Contents */
.ht-4 {font-size: 1.6rem; line-height: 1.4; margin: 3.2rem 0 1.2rem;} /* Contents */
.ht-5 {font-size: 1.4rem; line-height: 1.4; font-weight: 500; margin: 2.4rem 0 .8rem;} /* Contents */
.ht-5-list {font-size: 1.4rem; margin-bottom: 1.6rem; line-height: 1.4; color:var(--color-03)} /* in List */
.ht-2-result {font-size: 2rem; width: 100%; margin: 0 0 6rem; text-align: center;} /* Result page */
.ht-2-box-result {font-size: 2rem; width: 100%; margin: 0 0 3.2rem; text-align: left;} /* Result page */
.ht-1-result {font-size: 2.6rem; width: 100%; margin: 0 0 4rem; text-align: left;} /* Result page */
.ht-1-pop {font-size: 1.8rem; margin-bottom:2.4rem;} /* Popup */

/* Mix */
.ht-2 + .ht-3 {margin-top:4rem;}
.ht-3 + .ht-4 {margin-top:2rem;}
.ht-2 strong,
.ht-2-center strong {color:var(--color-blue1);}
.ht-3.type02 {margin:3.2rem 0 1.6rem;line-height:2.52rem;}
.p-sub + .ht-2 {margin-top:0.8rem;}

/* Hgroup */
[class^=hgroup].between {display: flex; justify-content: space-between; align-items: center;}
[class^=hgroup].between .col {display: inline-flex; align-items: center;}
[class^=hgroup].between .form-rdochk {margin-bottom:0;}
[class^=hgroup] [class^=ht-] {margin:0;}
/* H2 */
.hgroup-2 {margin-bottom:4rem;}
.hgroup-2 .ht-2 {margin-bottom:0;}
.hgroup-2 .front-txt {display:block; padding-bottom:.4rem; color:var(--color-04);}
.hgroup-2 .txt {margin-top: .8rem; color: var(--color-03);}
.hgroup-2 .btns {margin-top: 3.2rem;}
/* H2-result */
.hgroup-2-result {margin: 0 0 6rem; text-align: center;}
.hgroup-2-result .ht-2-result {margin-bottom:0;}
.hgroup-2-result .txt {margin-top: 1.2rem; font-size: 1.6rem;}
.hgroup-2-result .depth.info {text-align: left;}
/* H3 */
.hgroup-3 {margin: 4rem 0 2.4rem;}
/* H4 */
.hgroup-4 {margin: 3.2rem 0 .8rem;}

/* Section > H */
[class^=section] > [class^=ht]:first-child {margin-top:0;}

/* Bg Contents */
.pg-container[class*=bg0] .ht-2 {margin:-3.2rem -2.4rem 0; padding:3.2rem 2.4rem 4rem; background-color: var(--color-08);}

/* Slogan */
/* .slogan-wrap .tit {font-size:2.8rem}
.slogan-wrap .txt {margin-top:1.3rem; font-size:1.6rem; color:var(--color-03) !important;}  */

.hgroup-wrap {margin:3.2rem 0 .8rem;}


/* ---------------------------------------------------------------- Text ---------------------------------------------------------------- */
.p {margin-top:.8rem;}
.p-sub {font-size: var(--fz-13); color:var(--color-03);}
.p-error {display:block; margin-top:.2rem; font-size:var(--fz-13); color:var(--color-nega); font-weight: 400;}
[class^=hgroup-] .p-error {margin-top:0;}
/* 250116 Ãß°¡ */
.text.see { padding-left: 2.4rem; background: url(/_pub/assets/img/common/icon-see.svg) no-repeat left center; background-size: 1.8rem auto; margin-bottom: .6rem; } /* 250304 ¼öÁ¤ */
.text.limit { display: inline-block; padding-left: 2.4rem; background: url(/_pub/assets/img/common/icon-limit-detail.svg) no-repeat left center; background-size: 1.8rem auto; }

/* Number */
[class*=numbers] .num + .num-unit {padding-left: .2rem; padding-right: 0;}
[class*=numbers-] {color:var(--color-01)}
[class*=numbers-] .num-unit {padding-left: 0; padding-right: .6rem; font-weight:500;}
[class*=numbers-].nums-bold .num {font-weight: 700;}
.numbers-18 .num {font-size: 1.9rem;}
.numbers-18 .num-unit {font-size: var(--fz-18);}
.numbers-20 .num {font-size: 2.1rem;}
.numbers-20 .num-unit {font-size: var(--fz-20);}
.numbers-24 .num {font-size: 2.5rem;}
.numbers-24 .num-unit {font-size: var(--fz-24);}
.numbers-28 .num {font-size: 2.9rem;}
.numbers-28 .num-unit {font-size: var(--fz-28);}
.numbers-30 .num {font-size: 3.1rem;}
.numbers-30 .num-unit {font-size: var(--fz-30);}

/* ano. case */
[class^=numbers-] .num-unit.type1 {padding-right:0.8rem;vertical-align:middle; display:inline-block; margin-top:-4px; color:var(--color-03); font-size:var(--fz-13);}

/* Depth */
.depth > li {position: relative; margin-top:.4rem;}
.depth > li:first-child {margin-top: 0;}
.depth > li:before, p.depth.bul:before, p.depth.dash:before {content:''; display:inline-block; position: absolute; left:0; top:.8rem;}
.depth.sm > li {margin-top:.4rem; font-size:1.3rem;}
.depth.lg > li {margin-top:.4rem; font-size:1.6rem;}

.ctf .pg-content .depth.bul li {margin-top:1.2rem;} /* ¢¯©ö¢¯? */
.ctf .pg-content .depth span.depth {display:inline-block; margin-top:.4rem}

/* Depth > Bullet */
p.depth.bul {position:relative; padding-left:1.1rem; color:var(--color-01);}
p.depth.bul + p.depth {margin-top: .4rem;}
.depth.bul > li {padding-left:1.2rem; word-break:break-all; word-wrap:break-word;} 
.depth.bul > li:before, p.depth.bul:before {width:.3rem; height:.3rem; border-radius:50%; margin-left:.25rem; background:var(--color-01);}
.depth.bul.dot-center > li:before, p.depth.bul.dot-center:before {position:static;margin:-0.3rem 0.4rem 0 0;vertical-align:middle;}

.depth.bul.fc-white > li:before, p.depth.bul.fc-white:before {background:var(--color-08);}
.depth.bul.fc-sub > li:before, p.depth.bul.fc-sub:before {background:var(--color-03);}
.depth.bul > li > i {display:inline-block;padding-top:.2rem;}
.depth.bul > li .depth {margin-top:0.4rem;}
.depth.bul > li .depth.indent {margin-left:-1.2rem;}
.depth.bul+.depth.info {margin-top:1.2rem}
.depth .emp-sub {padding-top:0.4rem; color:var(--color-01); font-weight:500;}

/* Depth > Dash */
p.depth.dash {position:relative;}
.depth.dash > li {padding-left:1.4rem; line-height:1.4;}
.depth.dash > li:not(:first-child) {margin-top: .5rem;}
.depth.dash > li:before, p.depth.dash:before {width:.6rem; height:1px; background:var(--color-03);}
.depth.dash li .depth li {color:var(--color-03);}
.depth.dash li .depth.num.round > li::after {border-color:var(--bdc-02);}
.depth.bul .depth.dash > li,
.depth.bul .depth.dash .depth.info {color: var(--color-01);}
p.depth.dash {padding-left:1.4rem; line-height:1.4;}

/* Depth > Check */
.depth.chk > li {padding-left:2.7rem; line-height:1.4; position:relative;}
.depth.chk > li:before {content:''; position:absolute; background:url(/_pub/assets/img/common/ico-24x-21.svg) no-repeat 0 0; width:1.8rem; height:1.8rem; left:0; top:0; background-size:100%;} 
.depth.chk > li:not(:first-child) {margin-top:2.4rem;}
.depth.chk.add-line {border-top:1px solid var(--color-06); margin-top:1.6rem; padding-top:1.6rem;}
.depth.chk.add-line > li + li {margin-top:1.2rem;}
.depth.chk.md > li {padding-left:3.4rem; font-size:1.6rem; font-weight:500;}
.depth.chk.md > li::before {width:2.4rem; height:2.4rem;}
.depth.chk.lg {margin:2.4rem 0 1.2rem;}
.depth.chk.lg > li {padding-left:3.4rem; font-size:1.6rem; font-weight:700;}
.depth.chk.lg > li::before {width:2.4rem; height:2.4rem;}
/* .depth.chk.md > li {font-size:1.6rem;}
.depth.chk.md > li:before {background-image:url(/_pub/assets/img/common/ico-18x-38.svg)}
.depth.chk.md > li:not(:first-child) {margin-top:1.2rem;} */

/* Depth > Number */
.depth-wrap {padding:2rem 0; border-top:1px solid var(--color-06); border-bottom:1px solid var(--color-06);}
.depth.num {counter-reset:list-number 0;}
.depth.num > li {position:relative; padding-left:1.5rem;}
.depth.num > li:nth-child(9) ~ li {padding-left:2.4rem;}
.depth.num > li:before {position:absolute; top:0; left:0; content:counter(list-number) '.'; counter-increment:list-number 1;}
p.p + .depth.num {margin-top:0.8rem}
.depth.num > li .sub {margin-top:.4rem; font-size:var(--fz-14); color:var(--color-03);}

.depth.num.round > li {position:relative; margin-top:1.4rem; font-size:1.6rem; padding-left:2.2rem;}
.depth.num.round > li:before {content:counter(list-number); top:.2rem; left:0; width:1.8rem; font-size:1.4rem; line-height:1.8rem; font-weight:400; text-align:center;}
.depth.num.round > li:after {content:''; display:inline-block; position:absolute; top:0; left:0; margin-top: .2rem;width:1.8rem; height:1.8rem; border:1px solid var(--color-02); border-radius:50%;}
.depth.num.round.sm > li {font-size:1.5rem;}
.depth.num.round.sm > li:before {line-height:1.9rem;}
.tooltip-wrap .depth.num.round > li:after {border-color:var(--color-08);}

.depth.num.round.bg {counter-reset:list-number 0; margin-top:0;}
.depth.num.round.bg > li {position:relative; padding:1rem 0 1.5rem 5.6rem}
.depth.num.round.bg > li:before {content:'';display:block;position:absolute;left:0;top:0;width:4rem;height:4rem;border-radius:50%;background-color:var(--color-06);font-size:1.7rem;font-weight:700;color:var(--color-03);content:"0" counter(list-number);counter-increment:list-number 1;text-align:center;line-height:4rem; border:0;}
.depth.num.round.bg > li:after {content: ''; display: none;}
.depth.num.round.bg > li:first-child {margin-top:0;}
.depth.num.round.bg > li:last-child{padding-bottom:0}
.depth.num.round.bg > li p.tit {font-size:1.8rem; font-weight:700; color:var(--color-02);}
.depth.num.round.bg > li p.p {margin:.7rem 0 .5rem; font-size:1.6rem; color:var(--color-02);}
.depth.num.round.bg > li .p-sub {margin-top:.7rem; color:var(--color-03);}
.depth.num.round.bg > li p:last-child {margin-bottom:0;}
.depth.num.round.bg > li > .depth.bul > li {margin-top:.9rem;}
.depth.num.round.bg > li > .depth.info {margin-top:.6rem;}
.icon-step {display:inline-block; width:2rem; height:2rem; background-color:var(--color-09); border-radius:50%; font-size:1.4rem; text-align:center;}

.depth.num.round.bg.sm > li{padding:0 0 0 3.2rem;margin-top: 2rem;font-size: 1.6rem;}
.depth.num.round.bg.sm > li:first-child{margin-top:0}
.depth.num.round.bg.sm > li:before{top:0;width:2.4rem;height:2.4rem;line-height:2.4rem;font-size: 1.2rem;color:var(--color-08);background-color: var(--color-02)}
.depth.num.round.bg.sm > li .p:first-child{margin-top:0}
.depth.num.round.bg.sm > li p.tit + p.p{margin-top:1.2rem}
.depth.num.round.bg.sm > li p.p{margin-top:.5rem}
.depth.num.round.bg.sm > li p.fc-sub.fz-14 {margin-top:0.4rem;}

.depth.num.round.bg.sm2 > li {padding:0 0 0 2.8rem;margin-top: 1.1rem;font-size: 1.4rem;}
.depth.num.round.bg.sm2 > li:first-child {margin-top:0}
.depth.num.round.bg.sm2 > li:before {top:0; width:2rem; height:2rem; line-height:2rem; font-size: 1.2rem; font-weight:700; color:var(--color-01); background-color: var(--color-blue8)}

/* Depth > Underline */
.depth .underline {color:var(--color-01);}

/* Info */
p.depth.info,
.depth.info > li {position:relative; margin-top: 1.2rem; padding-left:1.2rem; font-size:var(--fz-13); color:var(--color-03);}
p.depth.info:before,
.depth.info > li:before {content:''; display:inline-block; position:absolute; top:.4rem; left:0; width:.8rem; height:.8rem; background:url(/_pub/assets/img/common/ico-8x-1.svg) no-repeat 0 0; background-size: 100% auto;}
p.depth.info.fc-nega:before,
.depth.info > li.fc-nega:before {background-image:url(/_pub/assets/img/common/ico-8x-1-nega.svg)}
.depth.info > li + li {margin-top:.4rem}
.p + .depth.info {margin-top: .4rem;}
.depth.info + .depth.info {margin-top:.4rem;}

/* point */
.depth.point {display:block; position: relative; margin-top:1.6rem; padding-left: 2.4rem; font-size:var(--fz-14); color:var(--color-03);}
.depth.point::before {content:''; display: inline-block; position: absolute; top:0; left:0; width: 1.8rem; height: 1.8rem; margin-right: .6rem; background:url(/_pub/assets/img/common/ico-18x-10.svg) no-repeat 0 0; vertical-align: middle;}

/* depth add line */
.depth-lines {border-top:1px solid var(--color-06); border-bottom:1px solid var(--color-06); padding:1.6rem 0;}
.depth-lines + .depth-lines {border-top:0; border-bottom:1px solid var(--color-06)}
.depth-lines .p {margin-top:0;}
.depth-lines .emp-sub {margin:0.4rem 0;}
.depth-lines .emp-sub + .emp-sub {margin-top:0.8rem;}
.depth-lines .list-tit {font-size:var(--fz-16); font-weight:500}
.depth-lines .list-tit + .depth {margin-top:0.8rem}
.depth-lines .depth.num > li {color:var(--color-03);}
.depth-lines .depth.num > li:first-child {margin-top:0;}

/* depth + QnA  */
.depth.qna .que {display:block; position:relative; padding-left:2rem; font-size:1.6rem; color:var(--color-01)}
.depth.qna .que:before {content:'Q'; display:inline-block; position:absolute; left:0; top:-0.2rem; font-size:1.8rem; color:var(--color-blue1);} 
.depth.qna .ans {position:relative; padding-left:2rem; margin-top:1.2rem;}
.depth.qna .ans:before {content:'A'; display:inline-block; position:absolute; left:0; top:-0.2rem; font-size:1.8rem; color:var(--color-04); font-weight:700;}
.depth.qna li:not(:first-child) {margin-top:3.2rem;}


/* Noti. title */
.content-foot .noti-tit {font-size:1.6rem; line-height:var(--lv-md); color:#FF0000; font-weight:500;}
.content-foot .depth.bul > li {font-size:1.4rem; line-height:var(--lv-sm);}

/* Code > Error */
.code-error {color:var(--color-nega); font-weight: 700;}

/* Inform */
[class^=inform-] {background-color: var(--color-07);}
[class^=inform-] .depth > li,
[class^=inform-] p.depth {color:var(--color-03);}
[class^=inform-] .depth.bul > li:before,
[class^=inform-] p.depth.bul:before {background: var(--color-03);}


[class^=inform-] [class^=ht-] {margin-top:0;}
[class^=inform-] .depth.bul.fc > li {color:var(--color-01);}
[class^=inform-] .depth.bul.fc > li:before {background-color:var(--color-01);}
[class^=inform-] [class*=ico-].btn {margin:.4rem 0 0 1.2rem;}

.inform-top-wrap {margin-bottom: 4rem; padding: 2.4rem;}
.inform-btm-wrap {margin:0 -2.4rem; padding: 3.2rem 2.4rem 4rem; border-top: 1px solid var(--color-06);}
.inform-btm-wrap.bg-type01 { background-color: transparent; border-top: 0; padding-top: 0.8rem; } /* 260527 Ãß°¡ */
.pg-wrap:not(.prod-intro) .inform-btm-wrap.bg-type01 { margin: 0 -2.4rem; padding: 3.2rem 2.4rem calc(var(--sab)+4rem); } /* 260527 Ãß°¡ */
.inform-btm-wrap .ht-4 {font-weight: 500;}
.inform-btm-wrap .p {margin-top: 0; font-size: 1.6rem;}
.inform-btm-wrap .ad-wrap {display:flex; flex-direction:column; align-items:center; margin-top:3.2rem;}
.ad-wrap .ad-txt {font-size:var(--fz-13); color:var(--color-03); text-align:center;}
.ad-wrap .ad-btns {margin-top:2rem;}
.ad-wrap .ad-btns .btn-deliver {width:4.8rem; height:4.8rem;}
.ad-wrap .ad-btns .btn-deliver:first-child {margin-right:2rem;}
.ad-wrap .ad-btns .btn-deliver.kakao {background:url(/_pub/assets/img/common/ico-48x-1.svg) no-repeat center center / contain;}
.ad-wrap .ad-btns .btn-deliver.etc {background:url(/_pub/assets/img/common/ico-48x-2.svg) no-repeat center center / contain;}

/* space */
.search-wrap .search-foot {margin-top:2.4rem;}
.search-wrap .search-foot.fit{display:flex; justify-content:space-between; align-items:center; }
.search-txt + ul.depth {margin-top:.8rem;}
.search-txt + p.depth {margin-top:.4rem;}
.search-wrap + .lists-headnote {margin-top:4rem;}
/* .search-txt ~ .tab-wrap {margin-top:4rem;} */

/* items sepe line */
.sepe-items {display:flex; flex-wrap:wrap;}
.sepe-items > .item {margin-right:0.8rem; color:var(--color-03)}
.sepe-items > .item + .item {padding-left:0.8rem; position:relative;}
.sepe-items > .item + .item:before {content:''; display:inline-block; width:1px; height:1.2rem; background-color:#c2c6cf; position:absolute; left:0;; top:calc(50% - 0.7rem)}
.sepe-items > .item i {color:var(--color-01); font-style:normal;}

/* same level as form-rdochk in form group */ 
.form-group .form-rdochk + .form-inner {margin:1.2rem 0 0 3.2rem;}

/* scroll box */
.scroll-box {overflow-y: auto; overflow-x: hidden; height:20rem; padding:2.4rem 1.6rem; border:1px solid #ddd; border-radius:1.2rem; box-sizing: border-box;}

/* ---------------------------------------------------------------- Button ---------------------------------------------------------------- */
.btns {display: inline-flex;}/* gap: .5rem; */
.btns + .btns {display: block;}
.btns .btn {margin:0 .4rem; flex: 1;}
.btns.fit {display:flex; justify-content: space-between;}
.btns.v {flex-direction: column;}
.btns.v .btn {margin:.4rem 0;}
.btns.between {display: flex; justify-content: space-between;}
.btns.between .btn {width: 100%;}

.btn {display:inline-block; position: relative; overflow:hidden; color:var(--color-01); font-weight: 500; text-align:center; white-space: nowrap; min-height:2.2rem;}
.btn-like {display:inline-block; position:relative; overflow:hidden; color:var(--color-01); font-weight:500; text-align:center; white-space:nowrap; min-height:2.2rem; line-height:3.2rem;}
.btn .btn-intxt {padding-left:.6rem; font-size:1.4rem; font-weight:400; vertical-align:bottom;}

.btns .btn:first-child {margin-left:0;}
.btns .btn:last-child {margin-right:0;}

.btns.full {width: 100%;}
.btns.full .btn {flex:1; width: 100%;}
.btn.full {width:100%;}
.btns.center {display: flex; justify-content: center;}
.btns.right {display: flex; justify-content: flex-end;}
.btns.center .btn,
.btns.right .btn {flex:none}

/* Button > Type */
.btn.primary {background:var(--color-blue2); color:var(--color-08);}
.btn.primary2 {background:var(--color-blue6); color:var(--color-01);} 
.btn.secondary {background:var(--color-06); color:var(--color-01);}
.btn.point {background:#636e8a; color:var(--color-08);}
.btn.dark {background:var(--color-01); color:var(--color-08);}
.btn:disabled {border-color:var(--color-06); background:var(--color-06); color:var(--color-05);}
.btn.outline {border:1px solid var(--color-05); color:var(--color-01); background:var(--color-08)}
.btn.outline:disabled {border-color:var(--color-05); color:var(--color-05); background: transparent;}
.btn.link {text-decoration: underline;}
.btn.detail { padding: 0.8rem 3.1rem 0.8rem 1.6rem; background: var(--color-01) url(/_pub/assets/img/common/ico_arrow_wh_16.svg) no-repeat right 1rem center; background-size: 1.6rem auto; color: var(--color-08); border-radius: 5rem; font-size: var(--fz-16); font-weight: 500; } /* 240930 ¼öÁ¤ */

/* Button > Size */
.btn.xlg {min-height:6rem; padding:1.4rem 1.2rem 1.3rem; border-radius:1.2rem; font-size:var(--fz-15);}
.btn.lg {min-height:4.8rem; padding:1.4rem 1.2rem 1.3rem; border-radius:.6rem; min-width: 6rem; font-size:var(--fz-15);} /* ©ö?¢¥?©ö?¨¡¡Æ */
.btn.md {min-height:3.6rem; padding:.8rem .5rem .7rem; border-radius: .6rem; min-width: 6rem; font-size:var(--fz-14);} /* ?¨ú¨ù?©ö?¨¡¡Æ */
.btn.sm {min-height:3.2rem; padding:.6rem 1.2rem; border-radius: .6rem; font-size:var(--fz-14); box-sizing: border-box;} /* ¡¤©ö??¨ú?¨¡?¨ú¡À, ©ö???¨ö?¨¡¢ç, ???©÷¨¡?©ö?¨¡¡Æ min-width: 6rem; */
.btn.xs {min-height:2.6rem; min-width:2.6rem; padding:.4rem .8rem; min-width: 6rem; font-size:var(--fz-13); font-weight: 400; border-radius: .6rem;} /* ?¡¿??¨¬?©ø?©ö?¨¡¡Æ */

/* Button > Round */
.btn.md.round {padding-left:2.4rem; padding-right: 2.4rem; border-radius: 10rem;}

/* Button > Align */
.btn.right {text-align: right;}
.btn.left {text-align: left;}
.btn.grow {flex-grow:2 !important;}

/* button > Icon */
[class^=ico-].left {margin-right:.4rem;}
[class^=ico-].right {margin-left:.4rem;}
.lists.link-bg [class^=ico-] {margin-right:1rem;}

/* Component */
/* Button > Form Foot */
.btns.form-foot {display:flex; margin-top:1rem;}
.btns.form-foot .btn {white-space: wrap;}
.btns.form-foot .btn.v {padding-right:2rem; text-align:right;}
.btns.form-foot [class*=ico-].btn::after {position:absolute; right:0; top:50%; transform:translateY(-50%); margin-top:0;}
/* Button > List Foot */
.btns.list-foot {display:flex; margin: 2rem 0 0;} 
.btns.list-foot .btn {white-space:initial;}
.btns.list-foot .btn.full {width:100%;}
.btns.list-foot + .btns.list-foot {margin-top:.8rem}
.btns.cont-foot.between .btn {flex: 1;}
.btns.cont-foot.v .last {margin:0.8rem 0 0;}

/* Button > Contents Foot */
.btns.cont-foot {display:flex; margin-top: 2.4rem;} 
.btns.cont-foot .btn {white-space: wrap;}
.btns.cont-foot .btn + .btn {flex:0 0 60%;}
.btns.cont-foot.between .btn {flex: 1;}
.btns.cont-foot.right {justify-content: flex-end;}
/* Button > Fixed Confirm Button */
.pg-footer .btns {display:flex; position:fixed; left:0; bottom:0; width:100%; z-index:150}
.pg-footer .btns .btn {min-width: 6rem; min-height:6rem; min-height:calc(var(--sab) + 6rem); /* height:auto; */ margin:0; padding:.6rem 1rem .6rem; padding:.6rem 1rem calc(var(--sab) + .6rem); border-radius: 0; font-size:1.8rem; font-weight:500; font-size:var(--fz-20); line-height:2.8rem;}
.pg-footer .btn + .btn {flex:0 0 60%;}
.pg-footer [class*=btn-tra-].btn:first-child {flex:none; width:7.5rem; background-color:#46494f; background-repeat:no-repeat; background-position: center center;}
.pg-footer .btn:first-child.btn-tra-certi {background-image:url(/_pub/assets/img/common/ico-24x-8.svg);}
.pg-footer .btn:first-child.btn-tra-download {background-image:url(/_pub/assets/img/common/ico-24x-10.svg);}
.pg-footer .btn:first-child {flex:0 0 40%;}
.pg-footer .btn:last-child {flex:1;}
.pg-footer .btns.between .btn {flex: 1;}

.pg-footer.nofix .btns {position:absolute;}
.pg-footer.no-ios .btn {height:6rem}
html.keypad-open #container{padding-bottom:0}
html.keypad-open .pg-footer .btns {position:relative; margin-top:4.4rem}

/* Button effect */
.btn-click-in{display:block;position:absolute;background:rgba(0,0,0,0.2);border-radius:100%;-webkit-transform:scale(0);transform:scale(0);}
a:disabled .btn-click-in{display:none!important}
.btn-click-in.animate{-webkit-animation:btnClickEf 0.3s linear;animation:btnClickEf 0.3s linear;}
@-webkit-keyframes btnClickEf{
	0%{-webkit-transform:scale(0);transform:scale(0);opacity:1;}
	100%{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0;}
}
@keyframes btnClickEf{
	0%{-webkit-transform:scale(0);transform:scale(0);opacity:1;}
	100%{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0;}
}

/* List > More Button */
[class^=btn-] {display:inline-block;}
[class^=btn-]::before {content:''; display: inline-block;}
.ico-more {margin: 0 auto; font-size: 1.6rem;}
.ico-more::before {content:''; width:2rem; height:2rem; margin-right:0.4rem; background:url(/_pub/assets/img/common/ico-18x-1.svg) no-repeat left center; vertical-align:-.5rem; display:inline-block;}

[class*=ico-].btn.ico-reg {background-color:var(--color-07); margin:0 -0.6rem; width:calc(100% + 1.2rem)}
.ico-reg::before {content:''; width:2rem; height:2rem; margin-right:0.4rem; background:url(/_pub/assets/img/common/ico-18x-19.svg) no-repeat left center; vertical-align:-.5rem; display:inline-block;}
.card-wrap + [class*=ico-].ico-reg {margin-top:3.2rem;}

/* Result > Share Button */
.btn-share {min-height:3.6rem; padding:.8rem 2.4rem .7rem; border-radius: 10rem; min-width: 6rem; font-size:var(--fz-14); border:1px solid var(--color-06); color:var(--color-01); font-weight: 400; background:var(--color-08); line-height: 1;}
.btn-share::before {content:''; display: inline-block; width:1.8rem; height:1.8rem; margin-right: .4rem; background:url(/_pub/assets/img/common/ico-18x-13.svg); vertical-align:middle;}

/* Group btns */
.btn-group {width:21.5rem}
.btn-group .btn {margin:0; background-repeat: no-repeat;}
.btn-group .btn:first-child {padding-right:1.2rem; border-right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
.btn-group .btn ~ .btn {position:relative; padding-left:1.2rem; border-left:0; border-top-left-radius:0; border-bottom-left-radius:0;}
.btn-group .btn ~ .btn:after {display:block; position:absolute; left:0; top: 50%; width:1px; height:1.4rem; margin-top:-0.7rem; background-color:var(--color-05); content:''}
.btn-group .btn ~ .btn:before {content:'';}
.btn > [class^=ico-] {margin-right:0.4rem; margin-top:-1px; background-size:1.8rem;} /*width:1.8rem !important; height:1.8rem !important; */
.btn.outline2 {border:1px solid var(--color-06); color:var(--color-01); background:var(--color-08)}

/* sort btn. in scroll area */
.scroll-able {overflow-x:hidden; margin:2.4rem -2.4rem 3.2rem; padding-right:0;}
.scroll-able .scroll-hor {display:flex; flex-wrap:nowrap;white-space:nowrap; padding-left:2.4rem; overflow-y: scroll; padding-right:2.4rem;}
.scroll-able .scroll-hor button {height: 3.4rem; padding: 0 1.6rem; border-radius: 2rem; background-color: var(--color-08); border: 1px solid var(--color-05); color: var(--color-03); font-size: var(--fz-16); min-height: initial; margin-left:0.8rem;}
.scroll-able .scroll-hor button:first-child {margin-left:0;}
.scroll-able .scroll-hor button.active {background-color:#636e8a; color:var(--color-08); border-color:#636e8a; font-weight:700;}
.scroll-able .scroll-hor::-webkit-scrollbar {display:none;}

.scroll-able.multi .scroll-hor {display:block;}
.scroll-able.multi .scroll-hor button:nth-child(4):before {content:''; display:block;}


/* Bottom link button */
.btn.btm-link {min-height:4.8rem; height:4.8rem; margin-bottom:4rem; padding:1.4rem 0; background-color:var(--color-07); border-radius:1.2rem; font-size:1.4rem; font-weight:500; text-align:center;}
.add-btn-wrap .txt {margin-top: 2.4rem; font-size: var(--fz-16); color:var(--color-03); text-align: center;}

/* ---------------------------------------------------------------- Icon ---------------------------------------------------------------- */
/* Icon > Default */
i {display:inline-block;}

[class^=ico-] {display:inline-flex; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size: auto;}
.ico-star {width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/ico-24x-7-on.svg);}
.ico-add {width:2rem; height:2rem; background:url(/_pub/assets/img/common/ico-18x-1-on.svg) no-repeat left center; color:transparent;}

.ico-search {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-6.svg);}
.ico-close {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-5.svg) no-repeat center center;}
.ico-close2 {width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-14.svg) no-repeat center center;}
.ico-arr-right {padding-right:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat right center;}
.ico-couple {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-17.svg) no-repeat center center / contain;}
.ico-couple.sm {width:1.8rem; height:1.8rem; margin-top:-0.1rem}
.ico-favo {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-7.svg) no-repeat center center;}
.ico-favo.on {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-7-on.svg) no-repeat center center;}
.ico-calr-prev {width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat center center; transform:rotate(180deg);}
.ico-calr-next {width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat center center;}
.ico-calr-prev:disabled {background-image:url(/_pub/assets/img/common/ico-18x-2-off.svg)}
.ico-calr-next:disabled {background-image:url(/_pub/assets/img/common/ico-18x-2-off.svg)}
.ico-re-try {width:1.8rem; height:1.8rem; margin-right:.4rem; background:url(/_pub/assets/img/common/ico-18x-39.svg) no-repeat 0 0;}
.ico-meatball {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-59.svg) no-repeat 0 0 / contain;}

.ico-calr {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-18.svg) no-repeat center center;}
.ico-calr {width:2.4rem; height:2.4rem;}
.ico-cencel {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-28.svg) no-repeat center center;}
.ico-remove {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-29.svg) no-repeat center center;}
.ico-circle-chk {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-39.svg);}
.ico-write {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-40.svg) no-repeat center center;}


[class*=ico-] {font-style:normal; font-weight:500;}
[class*=ico-]:before,
[class*=ico-]:after {background-size:100% !important;}
[class*=ico-].btn:before,
[class*=ico-].btn:after {content:''; display:inline-block; background-repeat:no-repeat; background-position:0 0; vertical-align:middle;}
[class*=ico-].btn {padding-left:0; padding-right:0; background-image:none;}
[class*=ico-].btn.sm {padding-right:2rem;}

.ico-chevron-sm:after {background-image:url(/_pub/assets/img/common/ico-18x-6.svg); min-width:1.8rem; min-height:1.8rem; margin-left:.4rem;margin-top: -0.4rem;}
.ico-chevron-md:after {background:url(/_pub/assets/img/common/ico-18x-6.svg) no-repeat right center; min-width:1.8rem; min-height:1.8rem; margin-left:.4rem; margin-top:-0.3rem;}
.ico-arr-sm:after {background:url(/_pub/assets/img/common/ico-18x-2-sm.svg) no-repeat right center; min-width:1.8rem; min-height:1.8rem; margin-left:.4rem; margin-top:-0.2rem;}
.ico-arr:after {background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat right center; min-width:1.8rem; min-height:1.8rem; margin-left:.4rem; margin-top:-0.3rem;}
.ico-arr-wh:after {background:url(/_pub/assets/img/common/ico-18x-2-wh.svg) no-repeat right center; min-width:1.8rem; min-height:1.8rem; margin-left:.4rem; margin-top:-0.3rem;}
.ico-calr:after {background:url(/_pub/assets/img/common/ico-24x-18.svg) no-repeat right center; margin:-0.4rem 0 0 0.8rem; width:2.4rem; height:2.4rem;}
.ico-text-ballon:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-15.svg) no-repeat center center; margin-right:0.4rem;}
.ico-share:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-13.svg) no-repeat center center; margin-right:0.4rem;}
.ico-advice2:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-18.svg) no-repeat center center; margin-right:0.4rem;}
.ico-favorite:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-20.svg) no-repeat center center; margin-right:0.4rem; margin-top:-0.2rem; background-size:1.8rem;} /* 1.8·Î ´Ù½Ã ¹ÝÀÔÇÊ¿ä */
.ico-favorite.on:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-16.svg) no-repeat center center; margin-right:0.4rem; margin-top:-0.2rem; background-size:1.8rem;} /* 1.8·Î ´Ù½Ã ¹ÝÀÔÇÊ¿ä */
.ico-loca:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-11.svg) no-repeat center center; margin-right:0.4rem; vertical-align:middle;}
.ico-loca:after {display:none !important;}
.ico-advice {background:url(/_pub/assets/img/common/ico-18x-3.svg) no-repeat center center;}
.ico-chatbot {background:url(/_pub/assets/img/common/ico-18x-4.svg) no-repeat 0 0 ;}
.ico-custom {background:url(/_pub/assets/img/common/ico-18x-3.svg) no-repeat 0 0;}
.ico-direct:before {width:1.8rem; height:1.8rem; margin-right:.4rem; background:url(/_pub/assets/img/common/ico-18x-17.svg) no-repeat 0 0;}
.ico-map:after {content:''; display:inline-block; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-27.svg) no-repeat center center; margin-left:0.8rem; vertical-align:middle;}
.ico-arr-down:after {content:''; background:url(/_pub/assets/img/common/ico-18x-21.svg) no-repeat 0 0; width:1.8rem; height:1.8rem; display:inline-block; display:inline-block; vertical-align:middle; padding-right:2rem; margin:-4px 0 0 2px;}
.ico-set::before {content:''; width:1.8rem; height:1.8rem; margin-right:.4rem; background:url(/_pub/assets/img/common/ico-18x-32.svg) no-repeat 0 0 / contain;}
.ico-edit::after {content:''; width:1.8rem; height:1.8rem; margin-left:.4rem; background:url(/_pub/assets/img/common/ico-24x-40.svg) no-repeat 0 0 / contain; background-size:auto 100%;}

.btn.ico-chevron-sm,
[class*=ico-].btn {width:auto; height:auto; min-height: auto;}

.ico-couple2:before {content:''; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-34.svg) no-repeat right center; margin-right:0.4rem;}

.ico-add2::before {width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-45.svg) no-repeat center center; margin-right:0.4rem; margin-top:-0.3rem}


/* Icon > Size */
[class^=sz-] {flex:none; vertical-align:middle;}
.sz-16 {width:1.6rem; height:1.6rem;}
.sz-18 {width:1.8rem; height:1.8rem;}
.sz-24 {width:2.4rem; height:2.4rem;}
.sz-32 {width:3.2rem; height:100%;}
.sz-40 {width:4rem; height:4rem;}
[class^=ico-][class*=sz-] {background-size:100% 100%;}

/* Icon > Tag */
[class^=tag-] {display:inline-block; vertical-align:middle; background-repeat:no-repeat; border-radius:1rem; background-color:#ccc; font-size:1.4rem; padding:0.5rem 1rem;}
[class^=tag-].tag-la {font-size:1.6rem;}

/* Icon > Badge */
/* »ö»ó ¹ÌÁ¤ */
.badge {display:inline-block; padding:0 .8rem; font-size:1.2rem; vertical-align:middle; font-weight:500; min-width:4rem; text-align:center;}
[class*=state].badge {height:2.2rem; margin-left:.6rem; border-radius:.6rem; color:var(--color-08); line-height:2.2rem; flex:none;} /* default */
[class*=line].badge {min-width:4rem; height:2.4rem; border:1px solid var(--color-02); border-radius:1.2rem; background: var(--color-08); font-size:1.2rem; color:var(--color-02); line-height:2.4rem; font-weight:500; text-align:center} /* TRA */
[class*=circle-].badge {height:4rem; width:4rem; border-radius:100%; padding:0; color:var(--color-01); font-size:1.4rem; display:inline-flex; justify-content:center; align-items:center; font-weight:500;} /* default */
[class*=round].badge {height:2.2rem; margin-left:.6rem; border-radius:1rem; color:var(--color-08); line-height:2.2rem; flex:none;}
[class*=coupon].badge { height: 2.4rem; line-height: 2.4rem; padding-left:2.6rem; border-radius: 2.2rem; background:url(/_pub/assets/img/common/icon-coupon-white.svg) no-repeat left .8rem center; background-size:1.6rem auto; }

.badge.state-relief {background-color:#ecf4fd; color:var(--color-blue2);}
.badge.state-warning {background-color:#ffecee; color:var(--color-nega);}

.badge.state-posi {background-color:var(--color-posi);}
.badge.state-nega {background-color:var(--color-nega);}
.badge.state-normal {background-color:#7d94c1;}
.badge.state-gray {background-color:#80776b;}
.badge.state-pass {background-color:#566bba;}
.badge.state-share {background-color:#da7c25;}
.badge.state-purple {background-color:#8f41f2;}
.badge.state-purple2 {margin:0; background:#f8f8ff;color: #4a5cff;} /* 250116 Ãß°¡ */
.badge.state-green {background-color:#11a740;}
.badge.state-blue {background:var(--color-blue4);} /* 250116 Ãß°¡ */

.badge.line-posi {border-color:var(--color-posi); color:var(--color-posi);}
.badge.line-nega {border-color:var(--color-nega); color:var(--color-nega);}
.badge.line-normal {border-color:var(--color-04); color:var(--color-04);}
.badge.line-cancel {border-color:#da7c25; color:#da7c25;}

.badge.state-prod01 {background-color:var(--color-blue8); color:var(--color-blue1);}/* ¿¬°á°èÁ Á¾·ù-ÀÔÃâ±Ý */
.badge.state-prod02 {background-color:#f6f3f0; color:#885527;}/* ¿¬°á°èÁ Á¾·ù-¿¹±ÝÀû±Ý */
.badge.state-prod03 {background-color:#f7edff; color:#551687;}/* ¿¬°á°èÁ Á¾·ù-¼öÀÍÁõ±Ç */

.badge.circle-type01 {background-color:#e7f9f5; color:#0f7767;}
.badge.circle-type02 {background-color:#e6f3ff; color:#0086ff;}

.badge.round-blue {background-color:#3255d6;}
.badge.round-purple {background-color:#754ae5;}
.badge.round-purple2 {background-color:var(--color-purple1);} /* 250116 Ãß°¡ */
.badge.round-red {background-color:var(--color-nega);}

/* 250122 ¼öÁ¤ */
.badge.ty2 { position: absolute; top: 6.5rem; left: 1.4rem; height: auto; padding: 0.6rem 1.3rem; border-radius: 2.1rem; font-size: var(--fz-16); }
.badge.ty2.round-blue { background: var(--color-blue8); color: var(--color-blue3); }

.badge.state-posi-tall {border:0; height:2.6rem; line-height:2.6rem; background-color:var(--color-08); color:var(--color-blue1); font-size:1.3rem; margin-left:0; font-weight:400;}
.badge.line.little {background-color:transparent; color:var(--color-01); border-radius:0.6rem; font-size:1.3rem;}

/* Icon > Rate */
.ico-rate {position:relative; width:3.2rem; height:3.2rem; border-radius:10rem; background:#38e1ff;}
.ico-rate:before, 
.ico-rate:after {content:''; position:absolute; top:50%; left:50%; border-radius:.3rem; background:var(--color-01);}
.ico-rate.up:before {width:2px; height:12px; margin:-6px 0 0 -1px; transform: rotate(90deg);}
.ico-rate.up:after {width:2px; height:12px; margin:-6px 0 0 -1px;}
.ico-rate.down:before {width:12px; height:2px; margin:-1px 0 0 -6px;}

.list-icon { width: 4rem; height: 4rem; } /* 250722 Ãß°¡ */

/* Board */
.ico-pdf {display:inline-block; width:2.4rem; height:2.4rem; margin:.2rem; background:red url(/_pub/assets/img/common/spr_ico_24x.png) no-repeat -12rem -9.6rem; background-size: 25rem auto;}
.ico-facebook2,
.ico-kakao2 {display:inline-block; width:3.2rem; height:3.2rem; border-radius: 50%; background:red;}

/* Bank size Test..... */
.group-50by50 img[src*=".png"], 
.group-50by50 svg,
.group-50by50 {width:5rem; height:5rem; display:inline-block; background-color:#000; border:0; border-radius:100%;}
.group-64by64 img[src*=".png"],
.group-64by64 svg,
.group-64by64 {width:6.4rem; height:6.4rem; display:inline;}

/* full-content icon (contents center) */
.pg-content.full-content [class^=ico-]::before {width:8.4rem; height:8.4rem; content:'';}

.ico-ip::before {background:url(/_pub/assets/img/common/ico-84x-5.svg) no-repeat center center / contain;} /* LOG_01_002 */
.ico-face-id::before {background:url(/_pub/assets/img/common/ico-84x-1.svg) no-repeat center center / contain;} /* LOG_09_006 */
.ico-openbnk::before {background:url(/_pub/assets/img/common/ico-84x-7.svg) no-repeat center center / contain;} /* INQ_13_002 */
.ico-logout::before {background:url(/_pub/assets/img/common/ico-84x-10.svg) no-repeat center center / contain;} /* SET_01_008 */
.ico-pw::before {background:url(/_pub/assets/img/common/ico-84x-11.svg) no-repeat center center / contain;} /* INQ_01_049 */
.ico-edocuwallet::before {background:url(/_pub/assets/img/common/ico-84x-12.svg) no-repeat center center / contain} /* CTF_21_001 */
.ico-otp01::before {background:url(/_pub/assets/img/common/ico-84x-13.svg) no-repeat center center / contain;} /* CRT_07_009 */
.ico-otp02::before {background:url(/_pub/assets/img/common/ico-84x-14.svg) no-repeat center center / contain;} /* CRT_08_012 */

/* Find Store */
.ico-lotte {width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/img-lotte-logo.svg) no-repeat 0 0 / contain;}
.ico-gs25 {width:3.8rem; height:1.8rem; background:url(/_pub/assets/img/common/img-gs25-logo.svg) no-repeat 0 0;}
.ico-store {width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-33.svg) no-repeat 0 0 / contain;}

.ico-move-pay:before {content:''; background:url(/_pub/assets/img/common/ico-24x-50.svg) no-repeat right center; min-width:2.4rem; min-height:2.4rem; margin-right:.4rem; margin-top:-0.2rem; display:inline-block; vertical-align:middle;}
.ico-move-remit:before {content:''; background:url(/_pub/assets/img/common/ico-24x-51.svg) no-repeat right center; min-width:2.4rem; min-height:2.4rem; margin-right:.4rem; margin-top:-0.2rem; display:inline-block; vertical-align:middle;}
.ico-move-entry:before {content:''; background:url(/_pub/assets/img/common/ico-24x-52.svg) no-repeat right center; min-width:2.4rem; min-height:2.4rem; margin-right:.4rem; margin-top:-0.2rem; display:inline-block; vertical-align:middle;}

/* INQ_10_032 */
.form-tag {display:flex; flex-wrap:wrap;}
.form-tag .btn {margin:1.2rem .8rem 0 0;}
.form-tag .btn:last-child {margin-right:0;}
.form-tag .btn.tag {padding:.66rem 1.2rem; border-radius:5rem; background:var(--color-blue9); font-size:1.6rem; font-weight:400; color:var(--color-blue1); line-height: 1.3;}
.form-tag .btn.tag.active {background:var(--color-blue1); color:var(--color-08);}
.form-tag .btn.tag-close {display: inline-block;  width: 1.8rem; height: 1.8rem; min-height: auto; margin:0 0 0 .8rem; background:url(/_pub/assets/img/common/ico-18x-36.svg) no-repeat center / contain; vertical-align: middle;}
.form-tag .btn.tag-close {content:''; display: inline-block; width: 1.8rem; height: 1.8rem; background:url(/_pub/assets/img/common/ico-18x-36.svg) no-repeat center / contain;}
.form-tag .ico-more {width:3.4rem; height:3.4rem; border-radius:50%; background:var(--color-blue8);}
.form-tag .ico-more::before {width:1.8rem; height:1.8rem; margin-right:0; background:url(/_pub/assets/img/common/ico-18x-26.svg) no-repeat center / contain;}

/* allmenu */
.ico-cer:before {background-image: url(/_pub/assets/img/common/ico-24x-55.svg);} /* ÀÎÁõ/º¸¾È */
.ico-cen:before {background-image: url(/_pub/assets/img/common/ico-24x-56.svg);} /* °í°´¼¾ÅÍ */
.ico-not:before {background-image: url(/_pub/assets/img/common/ico-24x-57.svg);} /* °øÁö»çÇ× */
.ico-set-24::before {background-image: url(/_pub/assets/img/common/ico-24x-58.svg);} /* ¼³Á¤ */
.ico-chatbot-24::before {background-image: url(/_pub/assets/img/common/ico-24x-30.svg);} /* 꺿 */

/* ---------------------------------------------------------------- CI ---------------------------------------------------------------- */
/* [Bank CI] */
[class^=ci-] {display: inline-block; width: 4rem; height: 4rem; background-position:no-repeat; background-size: 100% auto; vertical-align:middle; flex:none;}
.ci-40x {width: 4rem; height: 4rem; margin-right: var(--lv-xs);}
.ci-36x {width: 3.6rem; height: 3.6rem; margin-right: 1rem; } /* 250722 Ãß°¡ */
.ci-24x {width: 2.4rem; height: 2.4rem; margin-right: 0.8rem;}
.ci-18x {width: 1.8rem; height: 1.8rem; margin-right: 0.4rem;}
/* Blank */
.bk-tel {background-image: url(/_pub/assets/img/ci/ci-tel.png);}/* ÀüÈ­¿¬°á */
/* ÀºÇà */
.bk-000 {background-image: url(/_pub/assets/img/ci/ci-050-028.png);}/* SBIÀúÃàÀºÇà(»çÀÌ´Ù¹ðÅ©) */
.bk-002 {background-image: url(/_pub/assets/img/ci/ci-002.png);}/* »ê¾÷ÀºÇà */
.bk-003 {background-image: url(/_pub/assets/img/ci/ci-003.png);}/* IBK±â¾÷ÀºÇà */
.bk-004 {background-image: url(/_pub/assets/img/ci/ci-004.png);}/* KB±¹¹ÎÀºÇà */
.bk-007 {background-image: url(/_pub/assets/img/ci/ci-007.png);}/* SH¼öÇùÀºÇà */
.bk-011 {background-image: url(/_pub/assets/img/ci/ci-011.png);}/* NH³óÇùÀºÇà */
.bk-012 {background-image: url(/_pub/assets/img/ci/ci-012.png);}/* Áö¿ª³óÃàÇù */
.bk-020 {background-image: url(/_pub/assets/img/ci/ci-020.png);}/* ¿ì¸®ÀºÇà */
.bk-023 {background-image: url(/_pub/assets/img/ci/ci-023.png);}/* SCÁ¦ÀÏÀºÇà */
.bk-027 {background-image: url(/_pub/assets/img/ci/ci-027.png);}/* Çѱ¹¾¾Æ¼ÀºÇà */
.bk-028 {background-image: url(/_pub/assets/img/ci/ci-000.png);}/* »çÀÌ´Ù¹ðÅ© */
.bk-031 {background-image: url(/_pub/assets/img/ci/ci-031.png);}/* IM¹ðÅ© */ /* 261013 ¼öÁ¤ */
.bk-032 {background-image: url(/_pub/assets/img/ci/ci-032.png);}/* ºÎ»êÀºÇà */
.bk-034 {background-image: url(/_pub/assets/img/ci/ci-034.png);}/* ±¤ÁÖÀºÇà */
.bk-035 {background-image: url(/_pub/assets/img/ci/ci-035.png);}/* Á¦ÁÖÀºÇà */
.bk-037 {background-image: url(/_pub/assets/img/ci/ci-037.png);}/* ÀüºÏÀºÇà */
.bk-039 {background-image: url(/_pub/assets/img/ci/ci-039.png);}/* °æ³²ÀºÇà */
.bk-045 {background-image: url(/_pub/assets/img/ci/ci-045.png);}/* »õ¸¶À»±Ý°í */
.bk-048 {background-image: url(/_pub/assets/img/ci/ci-048.png);}/* ½ÅÇùÁß¾Óȸ */
.bk-050 {background-image: url(/_pub/assets/img/ci/ci-050.png);}/* ÀúÃàÀºÇà */
.bk-054 {background-image: url(/_pub/assets/img/ci/ci-054.png);}/* HSBCÀºÇà */
.bk-055 {background-image: url(/_pub/assets/img/ci/ci-055.png);}/* µµÀÌÄ¡ÀºÇà */
.bk-057 {background-image: url(/_pub/assets/img/ci/ci-057.png);}/* JP¸ð°ÇÁ¦À̽ºÀºÇà */
.bk-060 {background-image: url(/_pub/assets/img/ci/ci-060.png);}/* ¹ðÅ©¿Àºê¾Æ¸Þ¸®Ä« */
.bk-061 {background-image: url(/_pub/assets/img/ci/ci-061.png);}/* BNPÆĸ®¹ÙÀºÇà */
.bk-062 {background-image: url(/_pub/assets/img/ci/ci-062.png);}/* Áß±¹°ø»óÀºÇà */
.bk-063 {background-image: url(/_pub/assets/img/ci/ci-063.png);}/* Áß±¹ÀºÇà */
.bk-064 {background-image: url(/_pub/assets/img/ci/ci-064.png);}/* »ê¸²Á¶ÇÕÁß¾Óȸ */
.bk-067 {background-image: url(/_pub/assets/img/ci/ci-067.png);}/* Áß±¹°Ç¼³ÀºÇà */
.bk-071 {background-image: url(/_pub/assets/img/ci/ci-071.png);}/* ¿ìü±¹ */
.bk-081 {background-image: url(/_pub/assets/img/ci/ci-081.png);}/* KEBÇϳªÀºÇà */
.bk-088 {background-image: url(/_pub/assets/img/ci/ci-088.png);}/* ½ÅÇÑÀºÇà */
.bk-089 {background-image: url(/_pub/assets/img/ci/ci-089.png);}/* K¹ðÅ© */
.bk-090 {background-image: url(/_pub/assets/img/ci/ci-090.png);}/* Ä«Ä«¿À¹ðÅ© */
.bk-092 {background-image: url(/_pub/assets/img/ci/ci-092.png);}/* Å佺¹ðÅ© */
/* Áõ±Ç»ç */
.st-209 {background-image: url(/_pub/assets/img/ci/ci-209.png);}/* À¯¾ÈŸÁõ±Ç */
.st-218 {background-image: url(/_pub/assets/img/ci/ci-218.png);}/* KBÁõ±Ç*/
.st-224 {background-image: url(/_pub/assets/img/ci/ci-224.png);}/* BNKÅõÀÚÁõ±Ç */
.st-225 {background-image: url(/_pub/assets/img/ci/ci-225.png);}/* IBKÅõÀÚÁõ±Ç */
.st-227 {background-image: url(/_pub/assets/img/ci/ci-227.png);}/* ´Ù¿ÃÅõÀÚÁõ±Ç */
.st-238 {background-image: url(/_pub/assets/img/ci/ci-238.png);}/* ¹Ì·¡¿¡¼Â´ë¿ì */
.st-240 {background-image: url(/_pub/assets/img/ci/ci-240.png);}/* »ï¼ºÁõ±Ç */
.st-243 {background-image: url(/_pub/assets/img/ci/ci-243.png);}/* Çѱ¹ÅõÀÚÁõ±Ç */
.st-247 {background-image: url(/_pub/assets/img/ci/ci-247.png);}/* NHÅõÀÚÁõ±Ç */
.st-261 {background-image: url(/_pub/assets/img/ci/ci-261.png);}/* ±³º¸Áõ±Ç */
.st-262 {background-image: url(/_pub/assets/img/ci/ci-262.png);}/* ÇÏÀÌÅõÀÚÁõ±Ç */
.st-263 {background-image: url(/_pub/assets/img/ci/ci-263.png);}/* Çö´ëÂ÷ÅõÀÚÁõ±Ç */
.st-264 {background-image: url(/_pub/assets/img/ci/ci-264.png);}/* Å°¿òÁõ±Ç */
.st-265 {background-image: url(/_pub/assets/img/ci/ci-265.png);}/* À̺£½ºÆ®ÅõÀÚÁõ±Ç */
.st-266 {background-image: url(/_pub/assets/img/ci/ci-266.png);}/* SKÁõ±Ç */
.st-267 {background-image: url(/_pub/assets/img/ci/ci-267.png);}/* ´ë½ÅÁõ±Ç */
.st-269 {background-image: url(/_pub/assets/img/ci/ci-269.png);}/* ÇÑÈ­Áõ±Ç */
.st-270 {background-image: url(/_pub/assets/img/ci/ci-270.png);}/* Çϳª±ÝÀ¶ÅõÀÚ */
.st-271 {background-image: url(/_pub/assets/img/ci/ci-271.png);}/* Å佺Áõ±Ç */
.st-278 {background-image: url(/_pub/assets/img/ci/ci-278.png);}/* ½ÅÇѱÝÀ¶ÅõÀÚ */
.st-279 {background-image: url(/_pub/assets/img/ci/ci-279.png);}/* DB±ÝÀ¶ÅõÀÚ */
.st-280 {background-image: url(/_pub/assets/img/ci/ci-280.png);}/* À¯ÁøÅõÀÚÁõ±Ç */
.st-287 {background-image: url(/_pub/assets/img/ci/ci-287.png);}/* ¸Þ¸®Ã÷Á¾ÇÕ±ÝÀ¶Áõ±Ç */
.st-288 {background-image: url(/_pub/assets/img/ci/ci-288.png);}/* Ä«Ä«¿ÀÆäÀÌÁõ±Ç */
.st-290 {background-image: url(/_pub/assets/img/ci/ci-290.png);}/* ºÎ±¹Áõ±Ç */
.st-291 {background-image: url(/_pub/assets/img/ci/ci-291.png);}/* ½Å¿µÁõ±Ç */
.st-292 {background-image: url(/_pub/assets/img/ci/ci-292.png);}/* ÄÉÀÌÇÁÅõÀÚÁõ±Ç */
.st-294 {background-image: url(/_pub/assets/img/ci/ci-294.png);}/* Çѱ¹Æ÷½ºÁõ±Ç */
/* ÀúÃàÀºÇà */
.sv-050 {background-image: url(/_pub/assets/img/ci/ci-050.png);}/* ÀúÃàÀºÇà */
.sv-050-028 {background-image: url(/_pub/assets/img/ci/ci-000.png);}/* SBIÀúÃàÀºÇà(»çÀÌ´Ù¹ðÅ©) */
.sv-050-002 {background-image: url(/_pub/assets/img/ci/ci-050-002.png);}/* ¾ÖÅ¥¿ÂÀúÃàÀºÇà */
.sv-050-007 {background-image: url(/_pub/assets/img/ci/ci-050-007.png);}/* DBÀúÃàÀºÇà */
.sv-050-014 {background-image: url(/_pub/assets/img/ci/ci-050-014.png);}/* Ǫ¸¥ÀúÃàÀºÇà */
.sv-050-062 {background-image: url(/_pub/assets/img/ci/ci-050-062.png);}/* NH»óÈ£ÀúÃàÀºÇà */
.sv-050-063 {background-image: url(/_pub/assets/img/ci/ci-050-063.png);}/* ´ë½ÅÀúÃàÀºÇà */
.sv-050-065 {background-image: url(/_pub/assets/img/ci/ci-050-065.png);}/* KBÀúÃàÀºÇà */
.sv-050-066 {background-image: url(/_pub/assets/img/ci/ci-050-066.png);}/* À£ÄÄÀúÃàÀºÇà */
.sv-050-067 {background-image: url(/_pub/assets/img/ci/ci-050-067.png);}/* ÇϳªÀúÃàÀºÇà */
.sv-050-130 {background-image: url(/_pub/assets/img/ci/ci-050-130.png);}/* BNKÀúÃàÀºÇà */
.sv-050-347 {background-image: url(/_pub/assets/img/ci/ci-050-347.png);}/* ½ÅÇÑÀúÃàÀºÇà */
.sv-050-650 {background-image: url(/_pub/assets/img/ci/ci-050-650.png);}/* IBKÀúÃàÀºÇà */
/* Ä«µå */
.cd-002 {background-image: url(/_pub/assets/img/ci/cd-002.png);}/* »ê¾÷ÀºÇà */
.cd-003 {background-image: url(/_pub/assets/img/ci/cd-003.png);}/* ±â¾÷ÀºÇà */
.cd-007 {background-image: url(/_pub/assets/img/ci/cd-007.png);}/* ¼öÇùÀºÇà */
.cd-011 {background-image: url(/_pub/assets/img/ci/cd-011.png);}/* NH³óÇùÀºÇà */
.cd-023 {background-image: url(/_pub/assets/img/ci/cd-023.png);}/* BCÄ«µå (SCÁ¦ÀÏÀºÇà) */
.cd-027 {background-image: url(/_pub/assets/img/ci/cd-027.png);}/* ¾¾Æ¼ÀºÇà */
.cd-031 {background-image: url(/_pub/assets/img/ci/cd-031.png);}/* BCÄ«µå (´ë±¸ÀºÇà) */
.cd-032 {background-image: url(/_pub/assets/img/ci/cd-032.png);}/* BCÄ«µå (ºÎ»êÀºÇà) */
.cd-034 {background-image: url(/_pub/assets/img/ci/cd-034.png);}/* ±¤ÁÖÀºÇà */
.cd-035 {background-image: url(/_pub/assets/img/ci/cd-035.png);}/* Á¦ÁÖÀºÇà */
.cd-037 {background-image: url(/_pub/assets/img/ci/cd-037.png);}/* ÀüºÏÀºÇà */
.cd-039 {background-image: url(/_pub/assets/img/ci/cd-039.png);}/* BCÄ«µå (°æ³²ÀºÇà) */
.cd-041 {background-image: url(/_pub/assets/img/ci/cd-041.png);}/* ¿ì¸®Ä«µå */
.cd-044 {background-image: url(/_pub/assets/img/ci/cd-044.png);}/* ÇϳªÄ«µå */
.cd-089 {background-image: url(/_pub/assets/img/ci/cd-089.png);}/* ÄÉÀ̹ðÅ© */
.cd-090 {background-image: url(/_pub/assets/img/ci/cd-090.png);}/* KB±¹¹ÎÄ«µå (Ä«Ä«¿À¹ðÅ©) */
.cd-092 {background-image: url(/_pub/assets/img/ci/cd-092.png);}/* Å佺¹ðÅ© */
.cd-361 {background-image: url(/_pub/assets/img/ci/cd-361.png);}/* BCÄ«µå */
.cd-364 {background-image: url(/_pub/assets/img/ci/cd-364.png);}/* ±¤ÁÖÄ«µå */
.cd-365 {background-image: url(/_pub/assets/img/ci/cd-365.png);}/* »ï¼ºÄ«µå */
.cd-366 {background-image: url(/_pub/assets/img/ci/cd-366.png);}/* ½ÅÇÑÄ«µå */
.cd-367 {background-image: url(/_pub/assets/img/ci/cd-367.png);}/* Çö´ëÄ«µå */
.cd-368 {background-image: url(/_pub/assets/img/ci/cd-368.png);}/* ·Ôµ¥Ä«µå */
.cd-369 {background-image: url(/_pub/assets/img/ci/cd-369.png);}/* ¼öÇùÄ«µå */
.cd-370 {background-image: url(/_pub/assets/img/ci/cd-370.png);}/* ¾¾Æ¼Ä«µå */
.cd-371 {background-image: url(/_pub/assets/img/ci/cd-371.png);}/* NHÄ«µå */
.cd-372 {background-image: url(/_pub/assets/img/ci/cd-372.png);}/* ÀüºÏÄ«µå */
.cd-373 {background-image: url(/_pub/assets/img/ci/cd-373.png);}/* Á¦ÁÖÄ«µå */
.cd-374 {background-image: url(/_pub/assets/img/ci/cd-374.png);}/* ÇϳªÄ«µå */
.cd-381 {background-image: url(/_pub/assets/img/ci/cd-381.png);}/* KB±¹¹ÎÄ«µå */
/* ÆäÀÌ */
.py-F01 {background-image: url(/_pub/assets/img/ci/ci-F01.png);}/* Áö¸Ó´ÏÆ®·£½º */
.py-F02 {background-image: url(/_pub/assets/img/ci/ci-F02.png);}/* Çɼ¦ */
.py-F03 {background-image: url(/_pub/assets/img/ci/ci-F03.png);}/* ±Û·Î¹ú¸Ó´ÏÀͽºÇÁ·¹½º */
.py-F04 {background-image: url(/_pub/assets/img/ci/ci-F04.png);}/* ÇÑÆнº */
.py-F05 {background-image: url(/_pub/assets/img/ci/ci-F05.png);}/* Æ®·¡ºí¿ù·¿ */
.py-F06 {background-image: url(/_pub/assets/img/ci/ci-F06.png);}/* ºñ¹Ù¸®ÆÛºí¸®Ä«(Å佺ÆäÀÌ) */
.py-F07 {background-image: url(/_pub/assets/img/ci/ci-F07.png);}/* ÇÉÅ© */
.py-F08 {background-image: url(/_pub/assets/img/ci/ci-F08.png);}/* µð¼À¹ö¾ØÄÄÆÛ´Ï(ÇÉÆ®) */
.py-F09 {background-image: url(/_pub/assets/img/ci/ci-F09.png);}/* Ä«Ä«¿ÀÆäÀÌ */
.py-F10 {background-image: url(/_pub/assets/img/ci/ci-F10.png);}/* ¼¼Æ²¹ðÅ© */
.py-F11 {background-image: url(/_pub/assets/img/ci/ci-F11.png);}/* ¹ðÅ©»ø·¯µå */
.py-F12 {background-image: url(/_pub/assets/img/ci/ci-F12.png);}/* ÄíÄÜ */
.py-F13 {background-image: url(/_pub/assets/img/ci/ci-F13.png);}/* °¶·°½Ã¾Æ¸Ó´ÏÆ®¸® */
.py-F14 {background-image: url(/_pub/assets/img/ci/ci-F14.png);}/* ÄÚ³ª¾ÆÀÌ */
.py-F15 {background-image: url(/_pub/assets/img/ci/ci-F15.png);}/* ÄíÆÎÆäÀÌ */
.py-F16 {background-image: url(/_pub/assets/img/ci/ci-F16.png);}/* ³×À̹öÆÄÀ̳½¼È(³×À̹öÆäÀÌ) */
.py-F17 {background-image: url(/_pub/assets/img/ci/ci-F17.png);}/* ¿¡½º¿¡½ºÁö´åÄÄ(SSGÆäÀÌ) */
.py-F18 {background-image: url(/_pub/assets/img/ci/ci-F18.png);}/* Ƽ¸Ó´Ï */
.py-F19 {background-image: url(/_pub/assets/img/ci/ci-F19.png);}/* ÆäÀÌÄÚ */
.py-F20 {background-image: url(/_pub/assets/img/ci/ci-F20.png);}/* ½ÊÀϹø°¡(SKÆäÀÌ) */
.py-F21 {background-image: url(/_pub/assets/img/ci/ci-F21.png);}/* ÄÉÀÌ¿¡½º³Ý */
.py-F22 {background-image: url(/_pub/assets/img/ci/ci-F22.png);}/* DGBÀ¯ÆäÀÌ */
.py-F23 {background-image: url(/_pub/assets/img/ci/ci-F23.png);}/* ·Ôµ¥¸â¹ö½º(LÆäÀÌ) */
.py-F24 {background-image: url(/_pub/assets/img/ci/ci-F24.png);}/* ¿ÀÄÉÀÌÀκ£½ºÆ®¸ÕÆ®ÆÄÆ®³Ê½º */
.py-F25 {background-image: url(/_pub/assets/img/ci/ci-F25.png);}/* ³ªÀ̽ºÁ¤º¸Åë½Å */
.py-F26 {background-image: url(/_pub/assets/img/ci/ci-F26.png);}/* À̺£ÀÌÄÚ¸®¾Æ(½º¸¶ÀÏÆäÀÌ) */
.py-F27 {background-image: url(/_pub/assets/img/ci/ci-F27.png);}/* Â÷ÀÌÄÚÆÛ·¹ÀÌ¼Ç */
.py-F28 {background-image: url(/_pub/assets/img/ci/ci-F28.png);}/* ´Ù³¯ */
.py-F29 {background-image: url(/_pub/assets/img/ci/ci-F29.png);}/* À£ÄÄÆäÀ̸ÕÃ÷ */
.py-F30 {background-image: url(/_pub/assets/img/ci/ci-F30.png);}/* ¿¡½ºÄÉÀÌÇ÷¡´Ö */
.py-F31 {background-image: url(/_pub/assets/img/ci/ci-F31.png);}/* ¾ÆÀ̾¾ºñ */
.py-F32 {background-image: url(/_pub/assets/img/ci/ci-F32.png);}/* KG¸ðºô¸®¾ð½º */

/* 250722 Ãß°¡ */
.ci-kakao {background-image: url(/_pub/assets/img/ci/ico-kakaotalk-36-36.png);}/* Ä«Ä«¿ÀÅå */
.ci-toss {background-image: url(/_pub/assets/img/ci/ico-toss-36-36.png);}/* Å佺 */
.ci-pass {background-image: url(/_pub/assets/img/ci/ico-pass-36-36.png);}/* Åë½Å»çÆнº */
.ci-naver {background-image: url(/_pub/assets/img/ci/ico-naver-36-36.png);}/* ³×À̹ö */

[class^=ci-card] {display: inline-block; position: relative; width: 5rem; height: 8rem; background-position:no-repeat; background-size: 100% auto; vertical-align:middle; flex:none;}
.ci-card-sm {width: 3.5rem; height: 5.6rem; z-index:1}
[class^=ci-card-bg-] {width: 8.4rem; height: 5.25rem;}
.crd-01 {background-image: url(/_pub/assets/img/ci/crd-01.png);}/* PAY¹éüũīµå2 */
.crd-02 {background-image: url(/_pub/assets/img/ci/crd-02.png);}/*  */
.crd-03 {background-image: url(/_pub/assets/img/ci/crd-03.png);}/*  */
.crd-04 {background-image: url(/_pub/assets/img/ci/crd-04.png);}/*  */
.crd-05 {background-image: url(/_pub/assets/img/ci/crd-05.png);}/*  */
.crd-06 {background-image: url(/_pub/assets/img/ci/crd-06.png);}/*  */
.ci-card-bg-01 {background-image: url(/_pub/assets/img/ci/crd-bg-01.png);}
.ci-card-bg-02 {background-image: url(/_pub/assets/img/ci/crd-bg-02.png);}
.ci-card-bg-03 {background-image: url(/_pub/assets/img/ci/crd-bg-03.png);}
.ci-card-bg-04 {background-image: url(/_pub/assets/img/ci/crd-bg-04.png);}

/* ---------------------------------------------------------------- Tab ---------------------------------------------------------------- */
[class^=hgroup] + .section .tab-wrap, [class^=ht-] + .section .tab-wrap {margin-top: -.8rem;}
.tab-wrap {position:relative; left:0; right:0; width: 100%; margin-top: 2.4rem;}
.tab-wrap::after {content:''; display:block; position:absolute; right:0; top:0; width:2.4rem; height:3.9rem; z-index:1; background:linear-gradient(270deg, var(--color-08) 15%, rgba(255,255,255,0) 100%);}

.tab-wrap .tab-list {position:relative; background-color:var(--color-08); overflow-x:auto; white-space:nowrap;}
.tab-wrap .tab-list::-webkit-scrollbar {display:none;}
.tab-wrap .tab-list .scroll-wrap {display:inline-flex;position:relative;text-align:center; white-space:nowrap;}
.tab-wrap .tab-list .scroll-wrap > button {display:block;position:relative; padding:0; text-align:center; min-width:3.2rem; height:auto; min-height: 4.4rem;}
.tab-wrap .tab-list .scroll-wrap > button[aria-selected=true] {color:var(--color-01); font-weight: 700;}
.tab-wrap .tab-list .scroll-wrap > button:disabled {color:var(--color-06);}
.tab-wrap .tab-list .scroll-wrap > button + button {margin-left:2.8rem}
.tab-wrap [role=tab], 
.tab-wrap .tab-list .scroll-wrap > button {position:relative; margin:0; padding:1rem 0.2rem; overflow:visible; color:var(--color-04); font-size:1.6rem; text-align:center; font-weight:700;}
.tab-wrap [role=tab] .number {font-size:1.7rem;}
.tab-wrap .tab-panel {position:relative; margin-top:2.4rem; border:0; border-radius:0; box-shadow:none; z-index:3; display:none;}
.tab-wrap .tab-panel.active {display:block;}
.tab-wrap .tab-panel:focus::after {content:''; position:absolute; bottom:0;}
.tab-wrap .tab-panel[tabindex='-1'] {display:none;}
.tab-wrap .tab-panel[tabindex='0'] {display:block;}
.tab-wrap .link-panel{padding:0}
.tab-wrap div > .divider + [class^=section]:first-of-type {padding-top:0;}

.tab-wrap:not(.fit, .box) {left:-2.4rem; right:-2.4rem; width: calc(100% + 4.8rem);}
.tab-wrap:not(.fit, .box) .tab-panel {margin-left:2.4rem; margin-right:2.4rem;}
.tab-wrap:not(.round, .box) .tab-list .scroll-wrap::before {content:''; display: block; position: absolute; bottom:0; left: 0; width: 100%; height: 1px; background: var(--color-06);}


.tab-swipe{overflow:hidden}
.tab-swipe .tab-panel{display:block}
/* .pg-content > .tab-wrap:first-child, */
.tab-panel > [class^=hgroup]:first-of-type,
.tab-panel > [class^=ht-]:first-of-type {margin-top: 0;}
.tab-panel .section > .lists:first-child.history.box-fit {margin-top:-1.6rem;}

.pg-content > .tab-wrap,
.pg-content > [class^=ht-] + .tab-wrap.fit,
.pg-content > [class^=hgroup-] + .tab-wrap.fit {margin-top: -.8rem;}
.pg-content > .tab-wrap.fit {margin-top: -1.6rem;}
.pg-container.bg01 .pg-content > .tab-wrap.fit {margin-top: 0;}
.pg-container.bg01 .pg-content > .tab-wrap.fit .tab-full {padding-top:1.6rem}
.section > .tab-wrap.fit {left:0; right:0; width: 100%;}
.section > .tab-wrap.fit .tab-panel {margin:3.2rem 0 0;} /* 250304 ¼öÁ¤ */

/* TabMenu > Line */
.tab-wrap .tab-list .scroll-wrap > [role=tab]::after{display: none}
.tab-wrap:not(.fit, .box) > .tab-list > .scroll-wrap {margin-left:2.4rem; margin-right:2.4rem;}
.tab-wrap .tab-list .tab-bar{ position:absolute; left:0; bottom:0; width:0; height:0.3rem; z-index:4; background-color:var(--color-01); transition:left 0.4s cubic-bezier(.25, .75, .5, 1.25); -webkit-transition:left 0.4s cubic-bezier(.25, .75, .5, 1.25); -moz-transition:left 0.4s cubic-bezier(.25, .75, .5, 1.25); -ms-transition:left 0.4s cubic-bezier(.25, .75, .5, 1.25); -o-transition:left 0.4s cubic-bezier(.25, .75, .5, 1.25); border-radius:2px;}
.tab-wrap .tab-list .tab-bar.no-ani {transition: none;}

/* TabMenu > Line + Fixed */
/* .tab-wrap.fit {margin-top: -0.8rem;} */
.tab-wrap.fit::after {display: none;}
.tab-wrap.fit .tab-panel {margin-left:0; margin-right:0;}
.tab-wrap.fit .tab-list {padding-left:0;}
.tab-wrap.fit .tab-list .scroll-wrap {display:flex; justify-content:space-between;}
.tab-wrap.fit .tab-list .scroll-wrap button {flex:1;}
.tab-wrap.fit .tab-list .scroll-wrap > button + button, 
.tab-wrap.fit .tab-list .scroll-wrap > a + a {margin-left:0;}

/* TabMenu > Round */
/* .tab-wrap.round {margin:2.4rem 0 3.2rem;} */
.tab-wrap.round::after {display: none;}
.tab-wrap.round > .tab-list > .scroll-wrap {/* margin-left:2.4rem; margin-right:2.4rem;  */border-bottom:0;}
.tab-wrap.round > .tab-list {background-color:transparent;}
.tab-wrap.round > .tab-list .tab-bar {display:none;}
.tab-wrap.round > .tab-list > .scroll-wrap > button {height:3.4rem; padding:0 1.6rem; border-radius: 2rem; background-color:var(--color-08); border:1px solid var(--color-05); color:var(--color-03); font-size:var(--fz-16); font-weight:400; min-height:initial;}
.tab-wrap.round > .tab-list > .scroll-wrap > button + button {margin-left:0.8rem;}
.tab-wrap.round > .tab-list > .scroll-wrap > button.active {background-color:#636e8a; color:var(--color-08); border:0; font-weight:700;}

/* TabMenu > Box */
.tab-wrap.box {/* width: 100%;  */line-height:140%;}
.tab-wrap.box::after {display:none;}
.tab-wrap.box .tab-list {display:inline-flex; width:100%; height:auto; margin-left:0; padding-left:0; background-color:var(--color-05);}
.tab-wrap.box .tab-list:after {content:''; width:100%; height:100%; position:absolute; border:1px solid var(--color-06); overflow:hidden; border-radius: .6rem;}
.tab-wrap.box [role=tab] {width:100%; padding:0; background-color:var(--color-04); border-radius:10rem; line-height:1.4; font-size:1.6rem; font-weight:400; color:var(--color-03);}
.tab-wrap.box [role=tab][aria-selected='true'] {background-color:var(--color-08); border:1px solid var(--color-06); border-radius:0.6rem; box-shadow:.2rem .2rem .8rem rgba(0,0,0,.05);} 
.tab-wrap.box .tab-list .scroll-wrap > [role=tab]::after{display: block;}
/* .tab-wrap.box .tab-panel {margin:2.4rem 0 0;} */
.tab-wrap.box .tab-list::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0.6rem;background-color:var(--color-07)}
.tab-wrap.box .tab-list, 
.tab-wrap.box [role=tab]{background:none}
.tab-wrap.box .tab-list .tab-bar{position:absolute;left:0;bottom:0;width:0;height:100%;background-color:var(--color-08);border:1px solid var(--color-01);border-radius:0.6rem;box-shadow:.2rem .2rem .8rem rgba(0,0,0,.05);transition:left 0.4s ease-out; z-index:1;}
.tab-wrap.box [role=tab]{z-index:2;cursor:auto; padding-left:1.1rem; padding-right:1.1rem;}
.tab-wrap.box [role=tab][aria-selected='true']{background:none;box-shadow:none;border:none; font-weight:700; color:var(--color-01);}

.tab-wrap.box .tab-list .scroll-wrap {min-width:100%; height:4.4rem;} 
/* .tab-wrap.box .tab-list .scroll-wrap > a {height:4.4rem;} */
.tab-wrap.box .tab-list {position:relative; white-space:initial}
.tab-wrap.box .tab-list .scroll-wrap {border:0; white-space:initial}
.tab-wrap.box .tab-list .scroll-wrap > a,
.tab-wrap.box .tab-list .scroll-wrap > button {height:auto; padding:1.1rem;}
.tab-wrap.box .tab-list .scroll-wrap > button:disabled {color:var(--color-05);}
.tab-wrap.box .tab-list .scroll-wrap > button + button, 
.tab-wrap.box .tab-list .scroll-wrap > a + a {margin-left:0;}
.tab-wrap.box .tab-list [role=tab][aria-selected='true'] {height:auto; padding:1.1rem;}
.tab-wrap.box .tab-list [role=tab][aria-selected='true']::after {display:none;}
.tab-wrap.box .tab-list [role=tab]:not(:first-child)::after {content:''; position:absolute; z-index:3; left:0; width:1px; height:2rem; background:var(--color-06); box-shadow:none; top:calc((50% - 1rem)); animation: tabbar .2s ease;}

@keyframes tabbar {
    0% {opacity: 0;}
    90% {opacity: 0;}
    100% {opacity: 1;}  
}

/* Sticky */
.tab-list.sticky {overflow-x:initial;}
.tab-list.sticky::before {content:''; position:absolute; left:-2.4rem; top:0; right:-2.4rem; bottom:0; background-color:var(--color-08);}

/* ---------------------------------------------------------------- Step ---------------------------------------------------------------- */
.step-wrap {position:sticky; width:100%; padding:0 2.4rem 0; background:rgba(247,247,248,0);transition:.4s}
.step-wrap .ht-1 {display:block; margin:0; padding-top:1.3rem; font-size:2.4rem; font-weight:700; line-height:1.3;transition:.4s}
.step-wrap .step {display:block; padding:0rem; margin-bottom:0; font-size:1.7rem; color:var(--color-01); text-align:left;transition:.4s}
.step-wrap .step .current {color:var(--color-02); font-weight:500}
.step-wrap .step .mark {margin:0 .2rem;}
.step-wrap .step-txt {margin-top:2.4rem; font-size:1.5rem; color:var(--color-03);}
.step-wrap .btn.icon {position:absolute; top:3.8rem; right:2.4rem;}
.step-wrap.on {top:0; height:3.6rem; padding:0 2.4rem; background:rgba(247,247,248,1); z-index:200;}
.step-wrap.on .step {display:inline-block; z-index:10; position:absolute; right:0; top:0; padding:0 2.4rem; font-size:1.2rem; line-height:3.6rem; text-align:right;}
.step-wrap.on .ht-1 {margin:0; padding:0; font-size:1.4rem; line-height:3.6rem;}
.step-wrap.on .ht-1 br {display:none;}
.step-wrap.on .step-txt {display:none;}
.step-wrap.on .btn-txt.ico-arr {display: none;}

/* Stepper */
/* Stepper > Type1 */
.stepper.type1 li {position:relative; min-height:3rem; padding-top:1rem; padding-left:6.5rem; font-size:1.2rem; color:#888;}
.stepper.type1 li::before {content:''; display: block; position: absolute; top:0; left:2.4rem; width: 1px; height: 100%; border-left: 1px dotted #ccc;}
.stepper.type1 li:first-child {min-height:2rem; padding-top:0;}
.stepper.type1 li:last-child::before {height:2rem;}
.stepper.type1 li em {position:absolute; left:0; top:1rem; display:block; width:5rem; height:2rem; font-size:1rem; color:#000; line-height:2rem; background:#d0ddde; text-align:center; border-radius:2rem;}
.stepper.type1 li:first-child em {top:0;}
.stepper.type1 li strong {display:block; color:#555; font-size:1.3rem; font-weight:400;}

/* Stepper > Type2 */
.stepper.type2 {counter-reset:list-number 0;}
.stepper.type2 li {position:relative; min-height:7.5rem; padding-top:3rem; padding-left:5.4rem;}
.stepper.type2 li:first-child {min-height:4.5rem; padding-top:0;}
.stepper.type2 li::before {content:counter(list-number); counter-increment:list-number 1; display:block; position: absolute; top:3rem; left:0; width:4.5rem; height:4.5rem; background-color:var(--color-03); border-radius:100%; font-size:1.7rem; line-height:4.5rem; text-align:center; color:#fff; z-index: 1;}
.stepper.type2 li:first-child::before {top:0;}
.stepper.type2 li::after {content:''; display: block; position: absolute; top:0; left:2.2rem; width: 1px; height: 100%; border-left: 1px dotted #ccc; z-index:0;}
.stepper.type2 li:last-child::after {height:4.5rem;}
.stepper.type2 li p {font-size: 1.3rem; color: #555;}

.stepper.type3 li {position:relative; font-size:var(--fz-16); padding:0 0 1.2rem 2.2rem; color:var(--color-blue1);}
.stepper.type3 li:first-child {padding-top:0}
.stepper.type3 li:last-child {padding-bottom:0}
.stepper.type3 li::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:100%; border:3px solid var(--color-blue1); position:absolute; left:0; top:0.4rem; z-index:1; background-color:var(--color-08);}
.stepper.type3 li::after {content:''; display: block; position: absolute; top:2rem; left:0.5rem; width: 2px; height: calc(100% - 2rem); border-left: 1px solid var(--color-blue8); border-radius:2px; z-index:0;}
.stepper.type3 li:last-child::after {display:none;}

.stepper.type4 li {margin-bottom:2rem;}
.stepper.type4 li strong {font-size:var(--fz-16); color:var(--color-nega);}
.stepper.type4 li p {padding-top:.4rem;}

/* Stepper > Type5 */
.stepper-wrap .lists.history > li {padding-left:5.8rem}
.stepper-wrap .stepper.type5 > li {position:relative}
.stepper-wrap .stepper.type5 > li:first-child .his-item {border-bottom:0}
.stepper-wrap .stepper.type5 li::before {content:''; display:inline-block; position:absolute; left:2.5rem; top:1.95rem; width:1.2rem; height:1.2rem; border-radius:100%; border:3px solid var(--color-blue5);  z-index:1; background:var(--color-08);}
.stepper-wrap .stepper.type5 li::after {content:''; display: block; position: absolute; top:3.6rem; left:3rem; width: 2px; height: calc(100% - 2rem); border-radius:2px; background-color:var(--color-blue7); z-index:0;}
.stepper-wrap .stepper.type5 li:first-child::before {border-color:var(--color-05)}
.stepper-wrap .stepper.type5 li:first-child::after {border-color:var(--color-06)}
.stepper-wrap .stepper.type5 li:last-child::after {display:none;}
.stepper-wrap .stepper.type5 li.luckybox::before {left:1rem; top:0.5rem; width:3rem; height:3rem; border:0.6rem solid #fff; border-radius:0; box-sizing:content-box; background:#fff url(/_pub/assets/img/common/ico-30x-01.svg); background-size:100%;}
.stepper-wrap .stepper.type5 li.coupon::before {left:1rem; top:0.5rem; width:3rem; height:3rem; border:0.6rem solid #fff; border-radius:0; box-sizing:content-box; background:#fff url(/_pub/assets/img/common/ico-30x-02.svg); background-size:100%;}

/* ---------------------------------------------------------------- List ---------------------------------------------------------------- */
/* List > Default */
.lists-wrap:not(:first-child) {margin-top:3.2rem;}
.lists {display:flex; flex-direction: column; width: 100%; /* margin-top: 1.2rem; border-top:1px solid var(--color-06); */ border-bottom:1px solid var(--color-06);}
.lists > li {display:flex; align-items: center; width: 100%; min-height:5rem; border-bottom:1px solid var(--color-07); color:var(--color-01)}
.lists.v > li {flex-direction:column; align-items:normal;}
.lists > li:last-child {border-bottom:0;}
.lists.fit > li {justify-content:space-between;}
.lists.fit.lg > li > * {font-size:var(--fz-16); margin:1.6rem 0;}
.lists.fit.lg > li > span {font-weight:500;}
.lists li > .lists-inr {width: 100%; padding:2rem 0;}
.lists ~ .key-txt {margin-top:2.4rem; text-align:center; font-size:1.8rem; font-weight:500;} 

.lists.box li {border:1px solid var(--color-06); border-radius:1.2rem;}
.lists.issue {border:0;}
.lists.issue li + li {margin-top:1.2rem;}
.lists.issue li .lists-inr {display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:2rem 2rem 2rem 5.4rem;}
.lists.issue li .lists-inr:before {content:''; position:absolute; left:2rem; top:1.6rem; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-20.svg) no-repeat 0 0;}
.lists.issue li .lists-inr.success:before {background-image:url(/_pub/assets/img/common/ico-24x-21.svg)}
.lists.issue li .lists-inr p {flex-basis:100%; margin-top:0.4rem;}

.li-divider {padding-top:1rem; margin-top:1rem; border-top:1px solid var(--color-06) !important;}
.boxs.blue02 .li-divider {border-top:1px solid rgba(244, 246,249, 0.2) !important;}

[class^=hgroup] + [class^=lists],
[class^=ht-] + [class^=lists] {border-top:1px solid var(--color-06);}

/* List > Margin */
[class*=ht-] + [class*=lists],
[class*=hgroup] + [class*=lists] {margin-top: 1.2rem;}
[class*=ht-] + [class*=lists].noline {margin-top:0;}

/* List > Line */
.lists-wrapper.line {padding:1.6rem 0;}
.lists-wrapper.line .lists.data.free2 li:first-child .key, 
.lists-wrapper.line .lists.data.free2 li:first-child .value {padding-top: 0;}
.lists-wrapper.line .lists.data.free2 li:last-child .key, 
.lists-wrapper.line .lists.data.free2 li:last-child .value {padding-bottom: 0;}
[class*=lists].line {border-top:1px solid var(--color-06); border-bottom:1px solid var(--color-06);}
[class*=lists].line .lists.data {border:0;}

/* List > No Line */
[class*=lists].noline {border:0;}
[class*=lists].noline-bottom {border-bottom:none;}

/* List > Info Box */
.list-info-box {margin-top: 1.6rem; padding:1.2rem; border-radius: 0.4rem; background:var(--color-07);}

/* List > Link Type */
[class^='lists link'] {border-bottom:1px solid var(--color-07);}
[class^='lists link'] > li {align-items: stretch;}
[class^='lists link'] .li-link {display:flex; position: relative; width: 100%; min-height:5rem; padding:1.6rem 5rem 1.6rem 0; align-items: center;} /* 0407 »óÇÏ. ¿©¹é 10-16À¸·Î º¯°æ*/
[class^='lists link'] .li-link.v {flex-direction:column; align-items:flex-start;}
/* [class^='lists link'] .li-link::before {content:''; display:block; position:absolute; right:0; top:50%; width:.9rem; height:.9rem; margin-top:-.1rem; border:solid var(--color-01); border-width: 0 1.5px 1.5px 0; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%);} */
[class^='lists link'] .li-link::before {content:''; display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%); background: url(/_pub/assets/img/common/ico-18x-2-sm.svg) no-repeat 0 0; width:1.8rem; height:1.8rem; margin-top:-0.2rem;}

.lists.link .li-link.between {padding-right:3rem;} /* ex: CRT_01_001 */
.lists.link .li-link.between .txt {font-size:1.4rem; font-weight:400;} /* ex: CRT_08_001 */
.lists.link .li-link.between .txt.light {color:var(--color-04);}

/* List > Link Large */
.lists.lg {margin-top:-1.6rem;}
.lists.lg .li-link {padding:1.6rem 5rem 1.6rem 0; font-size:var(--fz-16); font-weight:500;}
.lists.lg .li {align-items: center; padding:1.6rem 0; font-size:var(--fz-16); font-weight:500;}
.ht-3 + .lists.link.lg {margin-top:-.8rem;}
.ht-4 + .lists.link.lg {margin-top:1.2rem;}

.lists.link .li-link > .tit {width: 100%;}

/* List > Click Area(Button)  */
.lists.link .btn-link {flex:none; display: block; position: relative; width:5rem; min-height: 5rem;}
.lists.link .btn-link::before {content:''; display:block; position:absolute; right:0; top:50%; width:.9rem; height:.9rem; margin-top:-.1rem; border:solid var(--color-01); border-width: 0 1.5px 1.5px 0; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%);}
/* List > Full  */
[class^='lists link'].full .li-link { align-items: center; padding-right: 0;} 
[class^='lists link'].full .li-link::before {display: none;}
/* List > Link + Bg */
.lists.link-bg,
.lists.link-bg li {border:0;}
.lists.link-bg .li-link {padding:1.6rem; border-radius: .6rem; background-color:var(--color-07);}
.lists.link-bg > li:not(:first-child) {margin-top:.8rem;}
.lists.link-bg .li-link::before {right:1.6rem;}
.lists.link-bg .li-link [class^=ico-] {width:1.8rem; height: 1.8rem; margin-right:.8rem;}.lists.data.free

.lists.link-bg.lg li {position:relative; display:block;}
.lists.link-bg.lg .li-link {display:block; padding:2rem 5rem 2rem 2rem; border-radius:1.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lists.link-bg.lg .li-link::before {display:none;}
.lists.link-bg.lg .li-link.download {text-align: left;}
.lists.link-bg.lg .li-link.download::after {content:''; position:absolute; right:2rem; top:1.8rem; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-38.svg) no-repeat center center / contain;}

/* List > Data Type */
.lists.data {border-top:1px solid var(--color-06);}
.lists.data li {display:flex; justify-content: space-between; align-items: flex-start; min-height: auto; border:0;}
.lists.data li.col {flex-direction:column;}
.lists.data li.col > .key {width:100%; padding-right:0;}
.lists.data li.col > .value {width: 100%; padding:0; text-align:left;}
.lists.data li.col > .value .boxs.sm ~ .boxs.sm {margin-top:1.2rem;}
.lists.data li.col .toggle-wrap .btn.md {min-width:auto; min-height:auto; padding:0;}
.lists.data li.emp-list {border-bottom: 1px solid var(--color-06); margin-bottom:0.8rem; align-items:center; padding:1rem 0; margin-top:0 !important;}
.lists.data li.emp-list .key {color:var(--color-01); font-size:var(--fz-16); font-weight:700;}
.lists.data li.center { justify-content: center; } /* 250116 Ãß°¡ */

.lists.data li.lg-list {border-bottom: 1px solid var(--color-06); margin-bottom:0.8rem; align-items:center; padding:1rem 0; margin-top:0 !important;}
.lists.data li.lg-list.end {align-items: flex-end;}
.lists.data li.lg-list:first-child {padding-top:0;}
.lists.data li.lg-list .key,
.lists.data li.lg-list .value {font-size:1.6rem;}
.lists.data li.lg-list .fc-black {margin-top:0.2rem;}

.lists.data li:first-child {margin-top:1rem;}
.lists.data li:last-child {margin-bottom:1rem;}
.lists.data li.list-tit {margin-top:0;}
.lists.data li + li .boxs.sm,
.lists.data li .boxs.sm-first {margin:.6rem 0;}
.lists.data li .value .text-half + * { margin-left: .6rem; }
.lists.data .key {flex:none; width:50%; padding:.6rem 1.6rem .6rem 0; color:var(--color-03);} /* 250116 ¼öÁ¤ */
.lists.data .rate { width: 50%; padding: .6rem 0 .6rem 0; } /* 250116 Ãß°¡ */
.lists.data .value {padding:.6rem 0; text-align: right; word-break:break-word; margin-left:auto;}
.lists.data .value.end {align-self:flex-end;}

.lists.data.noline {border:0;}
.lists.data.noline li:first-child {margin-top: 0;}
.lists.data.noline li:last-child {margin-bottom: 0;}
.lists.data.noline li:first-child .key,
.lists.data.noline li:first-child .value {padding-top: 0;}
.lists.data.noline li.li-divider:first-child .key,
.lists.data.noline li.li-divider:first-child .value {padding-top:.6rem;}
.lists.data.noline li:last-child .key,
.lists.data.noline li:last-child .value,
.boxs .ht-4 ~ .lists li:last-child .key,
.boxs .ht-4 ~ .lists li:last-child .value {padding-bottom: 0;}
/* .lists.data .value .dis-inline {display:inline-block} */

.lists.data.noline.li-line li + li {margin-top:1rem; padding-top:1rem; border-top:1px solid var(--color-07);}
.lists.data.middle li {align-items: center;}

/* List > Data Type > Left Align */
.lists.data.left li {justify-content: flex-start;}
.lists.data.left .key {flex: none; width: 30%; min-width: 8rem;}
.lists.data.left .value {margin-left: inherit;}
.lists.data.left.free .value {text-align:left}
/* List > Data Type > Left Align 2 */
.lists.data.left2 {display: table;}
.lists.data.left2 li {display: table-row;}
.lists.data.left2 .key {display: table-cell; white-space: nowrap; width: auto;}
.lists.data.left2 .value {display: table-cell; width: 100%; text-align: left;}
.lists.data.left2 li:first-child .key,
.lists.data.left2 li:first-child .value {padding-top:1.6rem;} 
.lists.data.left2 li:last-child .key,
.lists.data.left2 li:last-child .value {padding-bottom:1.6rem;}

/* List > Data Type > Free */
.lists.data.free .key {width: auto; min-width: auto;}
.lists.data.free .value {text-align:right;}
.lists.data.free .value.eps {display: flex;}
/* List > Data Type > Free2 (key width ±âÁØ) */
.lists.data.free2 {display: table;}
.lists.data.free2 li {display: table-row;}
.lists.data.free2 .key {display: table-cell; white-space: nowrap; width: auto;}
.lists.data.free2 .value {display: table-cell; width: 100%; text-align: right;}
.lists.data.free2 li:first-child .key,
.lists.data.free2 li:first-child .value {padding-top:1.6rem;} 
.lists.data.free2 li:last-child .key,
.lists.data.free2 li:last-child .value {padding-bottom:1.6rem;}

/* List > Data Type > Col */
.lists.data.col li {flex-direction:column;}
.lists.data.col li .key {padding:.2rem 0; font-weight:700; color:var(--color-01);}
.lists.data.col li .value {padding:0 0 1rem; color:var(--color-03); margin-left:initial; text-align:left;}
.lists.data.col li .key.fz-16 + .value {padding:.4rem 0 0;}
.lists.data.col li:last-child .value {padding-bottom:.2rem;}

/* List > Data Type > Col */
.lists.data.in-chk-card {border:none; margin:0.8rem 0 0 -3.4rem; width:calc(100% + 3.4rem)}
.lists.data.in-chk-card li:last-child {margin-bottom:0;}
.lists.data.in-chk-card li:last-child .key,
.lists.data.in-chk-card li:last-child .value {padding-bottom:0;}


/* List > Data Type > Margin top */
.lists.data.top-narrow {margin-top:1rem;}

/* List > Data Type > Box */
.boxs .lists.data.noline {margin-top: 0;}
.boxs .lists.data.bdb-0 li:last-child {margin-bottom: 0;}
.boxs.sm [class^=ht-] {margin-bottom:1.2rem; font-size:1.4rem;}
.boxs.sm .lists.data.col li .value {padding:.2rem 0 0 0;}
.boxs.blue01 .lists.data li {margin:0;}
.lists.data li > .boxs2 {margin:.6rem 0;}

/* List > Object flex type */
.lists.lg-num .key,
.lists.lg-num .value {display:flex; align-items:center; padding:0;}
.lists.lg-num .key .num,
.lists.lg-num .value .num {margin-left:0.4rem;}

/* List > Note */
.lists-headnote,
.lists-footnote {display: flex; justify-content: space-between;}
.lists-headnote {margin-bottom: 1.2rem;}
.lists-headnote.end {align-items: flex-end;}
.lists-headnote .right,
.lists-footnote .right {margin-left:auto;}/* Ç׸ñ1°³ ¿ìÃøÁ¤·Ä½Ã */
/* .lists-headnote.right,
.lists-footnote.right {justify-content:flex-end;} */

.form-group + .lists-headnote,
.search-wrap + .lists-headnote {margin-top:4rem;}
.lists.data + .lists-headnote {margin-top:3.2rem;}

.lists-headnote .form-group {margin-top: 0;}
.lists-headnote .form-group .form-rdochk {margin-bottom: 0;margin-top: -2px;}

/* lists auto > li */
.lists.auto {border-bottom:0;}
.lists.auto > li {min-height:auto; min-height:initial; padding:1.6rem 0;}
.lists.auto > li:first-child {padding-top:0;}
.lists.auto > li:last-child {padding-bottom:0;}
.lists.auto > li .form-sel {width:100%;}
.lists.auto > li .label {font-size:1.6rem; font-weight:500; color:var(--color-01);}
.lists.auto.chk-sepe li {display:flex; justify-content:space-between;}
.lists.auto.chk-sepe li .form-sel {width:auto;}
.lists.auto.chk-sepe li button {text-align:left;}
.lists.auto.chk-sepe li .badge {flex:none;}
.lists.auto.chk-sepe li .form-sel.sm .label {padding-left:2.4rem;}
.lists.auto.chk-sepe li .form-sel.sm .label:before {margin-right:0;}



/* lists mix > li */
.lists.mix {border-top:1px solid var(--color-06); border-bottom:0;}
.lists.mix.top-line {border-top:1px solid var(--color-06);}
.lists.mix.center > li {align-items: center; text-align:left;}
.lists.mix.center > li .txt-wrap {margin-right:1.2rem;}
.lists.mix.center > li .form-sel input[type=radio] + .label:before {left:auto; right:0; margin-right:0;}
.lists.mix > li {padding:1.6rem 0; align-items:flex-start}
.lists.mix > li:last-child {border-bottom: 1px solid var(--color-07);}
.lists.mix > li.sm {padding:1.4rem 0;}
.lists.mix > li.holding {background-color:var(--color-07)}
.lists.mix > li.holding [class^='btn ico-']:after {display:none;}
.lists.mix > li .right {margin-left:auto; font-weight:400;}
.lists.mix > li .right.txt {margin-right:-2.8rem; color:var(--color-01)}
.lists.mix > li .in-flex {flex-direction:column; margin-left:auto; text-align:right;}
.lists.mix > li .in-flex .right-indent {margin:0.4rem 2.2rem 0 0; display:inline-block;}
.lists.mix > li .li-link {display:flex; position:relative; width:100%; min-height:5rem; margin:-1.5rem -5rem -1.5rem 0; padding:1rem 5rem 1rem 0; align-items:center;}
.lists.mix > li .li-link .badge {margin-left:.8rem;}
.lists.mix > li.data {display:flex; justify-content:space-between}
.lists.mix > li.data .key {color:var(--color-03)}

.lists.mix > li .list-item-date {color:var(--color-03); flex-shrink:0;}
.lists.mix > li .list-item-name {margin-left:1.2rem; font-weight:500; font-size:var(--fz-16); margin-right:1rem;}
.lists.mix > li .list-item-name .p-sub {padding-top:0.4rem;}
.lists.mix > li .list-item-price {font-size:var(--fz-16); margin-left:auto; flex-shrink:0;}
.lists.mix > li .list-item-right {margin-left:auto; flex-shrink:0;}
.lists.mix > li .list-item-right .badge  {margin-right:0.8rem;}

/* .lists.mix > li .li-link::before {content:''; display:block; position:absolute; right:0; top:50%; width:.9rem; height:.9rem; margin-top:-.1rem; border:solid var(--color-01); border-width: 0 1.5px 1.5px 0; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%);} */
.lists.mix > li .li-link::before {content:''; display:inline-block; position:absolute; right:0; top:calc(50% - 0.9rem); background: url(/_pub/assets/img/common/ico-18x-2-sm.svg) no-repeat 0 0; width:1.8rem; height:1.8rem;}
.lists.mix.noline {border:none;}
.lists.mix.noline li {min-height:auto;}
.lists.mix.noline li:first-child {padding-top:0;}
.lists.mix.noline li:last-child {border-bottom:none; padding-bottom:0;}

.lists.mix.switch-list {margin-top:2rem; border-top:0}
.lists.mix.switch-list .name {font-size:var(--fz-16)}
.lists.mix.switch-list .txt-wrap .name {color:var(--color-03)}
.lists.mix.switch-list .ht-4 {margin:0}
.lists.mix.switch-list > li:first-child {border-color:var( --color-06)}

.lists.mix.top-noline {border-top:0}

.lists.trade {border:0;}
.lists.trade li {flex-direction:column; align-items:normal; padding:1.6rem 0; border-bottom:1px solid var(--color-07)}
.lists.trade li .trade-items {display:flex; justify-content:space-between;}
.lists.trade li .trade-items.end {justify-content: flex-end;}
.lists.trade li .trade-items .item-tit {display: flex;}
.lists.trade li .trade-items .item-tit .date {margin-bottom: .4rem;}
.lists.trade li .trade-items .item-tit .item-name {flex: 1; margin-left: 1.2rem;}

.lists.trade li .item-left {word-break:keep-all;}
.lists.trade li .item-right {text-align:right}
.lists.trade li .item-name {font-size:var(--fz-16); font-weight:500; display:inline-block; margin-bottom:0.4rem}
.lists.trade li .item-price {font-size:var(--fz-16); font-weight:700; display:inline-block; margin-bottom:0.4rem; flex:none; margin-left:1.6rem;}
.lists.trade li .item-price.p-sub {margin:0; font-size:var(--fz-13); font-weight: 400; margin-left:auto;}

.trade-history {margin-bottom:0.8rem; margin-top:3.2rem;}
.trade-history .lists .key {color:var(--color-01);}

/* card focus box */
.card-focus {border:1px solid var(--color-06); background-color:var(--color-08); margin-left:-0.6rem; margin-right:-0.6rem;}
.card-focus.solid {background-color:var(--color-07); border:0;}
.card-focus.solid.fit {padding-left:0; padding-right:0;}
.card-focus {display:flex; flex-direction:column; align-items:center; padding:2.4rem; border-radius:1.2rem;}
.card-focus .numbers-24 {margin:0.8rem 0 1.6rem;}
.card-focus .items {color:var(--color-03); display:flex;}
.card-focus .items.sepe {justify-content:center; width:100%; border-top:1px solid var(--color-06); padding-top:1.6rem; margin-top:var(--lv-md);}
.card-focus .items span {padding:0 1.6rem; position:relative}
.card-focus .items span + span:before {content:''; position:absolute; width:1px; height:1.2rem; left:0; top:calc(50% - 0.6rem); background-color:var(--color-05)}
.card-focus .sub-info {font-size:1.6rem; display:inline-flex; margin-top:-1.2rem;}
.card-focus .sub-info .tooltips {margin:0 0.8rem 0 0.4rem;}
.card-focus.big {text-align:center;}
.card-focus.big [class^=numbers-] .num-unit {font-weight:700;}
.card-focus.flat {border:0; flex-direction: row; padding:1.6rem 2.4rem; margin:0 -2.4rem; font-size:var(--fz-16); display:none;}
.card-focus.flat.sticky {position:sticky; top:5rem;}
.card-focus.flat.sticky > span {padding-right:0.4rem;}
.card-focus.flat.sticky > strong {padding-left:0.4rem;}

/* card benefit */ 
.card-benefit {display:flex; justify-content:space-around; width:100%;}
.card-benefit [class^='items'] {display:flex; flex-direction:column; align-items:center; flex-grow:1; position:relative}
.card-benefit [class^='items']:before {content:''; position:absolute; width:1px; height:calc(100% - 3.2rem); background-color:var(--color-06); top:1.6rem; left:0;}
.card-benefit [class^='items']:first-child:before {display:none;}
.card-benefit [class^='items'] span {display:flex; flex-direction:column; align-items:center;}
.card-benefit [class^='items'] span:before {content:''; display:inline-block; width:40px; height:40px; margin-bottom:0.8rem;}
.card-benefit [class^='items'].items01 span {background:url(/_pub/assets/img/common/ico-40x-1.svg) no-repeat center 0}
.card-benefit [class^='items'].items02 span {background:url(/_pub/assets/img/common/ico-40x-2.svg) no-repeat center 0}
.card-benefit [class^='items'].items03 span {background:url(/_pub/assets/img/common/ico-40x-3.svg) no-repeat center 0}
.card-benefit [class^='items'] strong {font-size:1.8rem;}
.benefit-list {margin:2.4rem 0;}
.benefit-list li {border-bottom:1px solid var(--color-07); padding:2.4rem 0;}
.benefit-list li:last-child {border-bottom:0}
.benefit-list li strong {font-size:2.2rem;}
.benefit-list li p {color:var(--color-03); margin-top:0.4rem;}


/* Component */
/* List > Search Result(link) */
.link-sch {border:0;}
.link-sch li {display:block; border-bottom:1px solid var(--color-07);}
.link-sch li:last-child {border-bottom:1px solid var(--color-07);}
.link-sch li:first-child .li-link {padding-top:1.2rem;}
.link-sch li .li-link {display:block; padding:1.6rem 0;}
.link-sch div {margin-top:.4rem;}
.link-sch .sch-front {margin-top:0; font-weight:700;}
.link-sch .sch-front strong {color:var(--color-blue1);}
.link-sch .search-wrap {display:flex; align-items:center;}
.link-sch li:first-child .search-wrap,
.link-sch .search-wrap div:not(.sch-sub) {margin-top: 0;}
.link-sch .search-wrap .search-inr {flex:1;}
.link-sch .sch-main {display:flex; justify-content:space-between; font-size:1.6rem;}
.link-sch .sch-main.full {display:block;}
.link-sch .sch-main > .ico-arrow,
.link-sch .sch-sub + .ico-arrow,
.link-sch .search-wrap .ico-arrow {width:1.8rem; height:1.8rem; margin-left:1.2rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat 0 0;}
.link-sch .sch-main.ico-map {justify-content:flex-start;}
.link-sch .sch-main.ico-map::after {flex:none;}
.link-sch .sch-sub {color:var(--color-03);}
.link-sch .lists-inr {padding:1.6rem 0 2rem 0;} /* div > div(only one) */
.link-sch + .form-group,
.link-sch + .form-group .form-row {margin-top:0;}

/* Account select */
.list-wrap .list-block {padding-right:3.4rem;}
.list-wrap.fit .list-block {padding-right:0;}
.list-wrap.fit .list-block.selected::after {display:none;}
.list-block {position:relative; display:flex; padding:1.2rem 0 1.3rem; width:100%; font-size:var(--fz-18); font-weight:500; line-height:1.4; justify-content:space-between; text-align:left;}
.list-block .list-info {width:100%;}
.list-block .price {font-size:var(--fz-16); font-weight:400;}
.list-block .price .sub {padding-right:.4rem; font-size:var(--fz-14); color:var(--color-03); vertical-align:middle;}
.list-block-wrap .list-block-btn {position:relative;}
.list-block.selected::after,
.list-block-wrap .list-block-btn.selected::after {content:''; position:absolute; top:0; right:0; width:2.4rem; height:2.4rem; position:absolute; top:calc(50% - 1.2rem); right:0; background: url(/_pub/assets/img/common/ico-24x-14.svg) no-repeat 0 0 / contain;}
.list-wrap-acc .list-block-wrap .list-block-btn.selected::before {content:''; z-index:-1; position:absolute; left:0; right:0; top:0; bottom:0; margin:0 -5.6rem 0 -2.4rem; background-color:var(--color-blue9);}
.list-wrap-acc .list-block-wrap .list-block-btn.selected::after {top:1.6rem;}
.list-wrap-acc.favo .list-block-wrap .list-block-btn.selected::after {display:none;}
.list-wrap-acc.favo .list-block-wrap .list-info {padding-right:0;}
.list-wrap-acc.between .list-block-wrap {padding:0; border-bottom:none;}
.list-count {min-height:2rem; margin-bottom:1.2rem;}

/* Account type */
.list-wrap-acc .acc-type-wrap {flex:none; text-align:right; display:inline-flex; align-items:flex-end; align-self:flex-start;}
.list-wrap-acc .acc-type-wrap.v {flex-direction:column;}
.list-wrap-acc .acc-type-wrap .acc-type {font-weight:500; color:var(--color-03);}
.list-wrap-acc .acc-type-wrap .ico-request {margin-top:.5rem; font-weight:400;}
.list-wrap-acc .acc-type-wrap .ico-request::before {width:1.8rem; height:1.8rem; margin-right:.4rem; background:url(/_pub/assets/img/common/ico-18x-23.svg) no-repeat center / contain; content:'';}
.list-wrap-acc .acc-type-wrap [class*='ico-'] ~ [class*='ico-'] {margin-left:1rem;}

/* Account foot */
.acc-foot-wrap {margin:3.2rem 0 1.6rem;text-align:right;}
.acc-foot-wrap .acc-sum {margin-top:.4rem; color:var(--color-03);}
.acc-foot-wrap .price-sub {margin-bottom:0.4rem; color:var(--color-03);}

/* Account reate */
.acc-rate {margin-top:2.4rem; padding-left:2.4rem; position:relative;}
.acc-rate + .acc-rate {margin-top:1rem}
.acc-rate:before {content:''; position:absolute; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-27.svg) 0 0 no-repeat; left:0; top:1px; background-size:100%;}
.acc-rate.personal:before {background:url(/_pub/assets/img/common/ico-18x-29.svg) 0 0 no-repeat; left:0; top:1px}
.acc-rate.luckybox:before {background:url(/_pub/assets/img/common/ico-18x-30.svg) 0 0 no-repeat; left:0; top:1px}
.acc-rate.coupon:before {background:url(/_pub/assets/img/common/ico-18x-31.svg) 0 0 no-repeat; left:0; top:1px}
.acc-rate.connect:before {background:url(/_pub/assets/img/common/ico-18x-37.svg) 0 0 no-repeat; left:0; top:1px}

/* Account info */
.acc-profile-wrap {margin-bottom:1.6rem;}
.acc-profile-wrap.wider {margin:0 -2.4rem; padding:0 2.4rem 1.6rem; border-bottom:1px solid var(--color-06);}
.acc-profile-wrap ul.between li {display:flex;}
.acc-profile-wrap .acc-profile {display:flex; align-items:center;}
.acc-profile-wrap .acc-profile .thumb {overflow:hidden; width:1.8rem; height:1.8rem; border-radius:50%;}
.acc-profile-wrap .acc-profile .thumb .thumb-img {display:none}
.acc-profile-wrap .acc-profile .thumb.on .thumb-img {display:block}
.acc-profile-wrap .acc-profile .thumb .thumb-name {display:block; height:1.8rem; font-size:var(--fz-12); font-weight:700; text-align:center; line-height:1.8rem}
.acc-profile-wrap .acc-profile .thumb.on .thumb-name {display:none}
.acc-profile-wrap .acc-profile .name {margin-left:.6rem; font-weight:500;}
.acc-profile-wrap .acc-profile.lg .thumb {width:3.2rem; height:3.2rem;}
.acc-profile-wrap .acc-profile.lg .thumb .thumb-img {display:none}
.acc-profile-wrap .acc-profile.lg .thumb.on .thumb-img {display:block}
.acc-profile-wrap .acc-profile.lg .thumb .thumb-name {display:block; height:3.2rem; font-size:var(--fz-16); font-weight:700; text-align:center; line-height:3.2rem}
.acc-profile-wrap .acc-profile.lg .thumb.on .thumb-name {display:none}
.acc-profile-wrap .acc-profile .thumb .thumb-name.p-main {background-color:#8e7bff; color:#fff}
.acc-profile-wrap .acc-profile .thumb .thumb-name.p-sub {background-color:#ffde3b; color:#000}


.acc-profile-wrap .acc-profile.lg .name {font-size:1.6rem; font-weight:700; margin-left:0;}
.acc-profile-wrap .acc-profile.lg .thumb + .name {margin-left:1rem;}
.acc-profile-wrap .form-rdochk {margin:0 0 0 1.2rem;}
.acc-profile-wrap .switch {margin-bottom:0;}
.acc-profile-wrap .numbers-20 {margin-left:auto;}

.list-block-wrap {display:flex; padding:1.6rem 0; border-bottom:1px solid var(--color-07)}
.list-block-wrap img {flex:0}
.list-block-wrap .list-name {font-size:var(--fz-16); font-weight:500 !important; vertical-align:middle;}
.list-block-wrap .list-name + .badge.pos01 {margin:-0.3rem 0 0 0.6rem;}
.list-block-wrap .list-name .acc-desc {display:inline-flex; padding-left:.2rem; font-size:1.4rem; font-weight:400; color:var(--color-03); vertical-align:middle;}
.list-block-wrap .list-info {width:100%; position:relative;}
.list-block-wrap .list-info.center {display:flex; align-items:center;}
.list-block-wrap .list-info .acc-name {font-size:var(--fz-16)}
.list-block-wrap .list-info .bank-detail {margin-top:0.2rem; color:var(--color-03); font-size:var(--fz-13);}
.list-block-wrap .list-info .bank-detail > span {display:inline-block;}
.list-block-wrap .list-info .bank-detail .ico-copy {width:1.8rem; height:1.8rem; margin:-0.5rem 0 0 .4rem; background:url(/_pub/assets/img/common/ico-18x-22.svg) no-repeat center / contain;}
.list-block-wrap .list-info .info-price {margin-top:1rem; display:flex; flex-direction: column; justify-content:flex-end; align-items: flex-end; font-size:var(--fz-16); font-weight:700;}
.list-block-wrap .list-info .info-price > .p {margin-top:0;}
.list-block-wrap .list-info .info-price strong {margin-left:.4rem}
/* .list-block-wrap .list-info .ico-couple {margin-top:-0.5rem;} */
.list-block-wrap .list-info .pos-rt {position:absolute; right:0}
.list-block-wrap .list-info .pos-rt + .list-name {padding-right:6rem;}
.list-block-wrap .aside {flex:0; padding:0.8rem; margin:-0.8rem -0.8rem 0 auto; padding-right:3.2rem; width:4rem; height:4rem;}
.list-block-wrap .list-block-btn[role='button'] {display:flex; width:100%; margin:-1.6rem 0; padding:1.6rem 0;}
.list-block-wrap .aside.on .ico-favo {width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/ico-24x-7-on.svg); background-repeat:no-repeat; background-position:center center;}

/* .list-wrap-acc .list-block-wrap img {width:4rem; height:4rem; margin-right: var(--lv-xs);}
.list-wrap-ckc .list-block-wrap [class^=ci-card] {width:3.6rem; height:5.8rem; margin-right:1.6rem; background-color:#ccc;} */
.list-wrap-ckc .list-block-wrap img {width:3.6rem; height:5.8rem; margin-right:1.6rem; background-color:#ccc;}



.list-wrap-acc .list-block-wrap [class^=ci-] {flex:none;} /* 230307: Å×½ºÆ®¿ë */ /* margin-right:var(--lv-xs); */
/* Align > Middle */
[class^=ci-] + .list-info .list-name.middle {line-height: 4rem;}
[class^=ci-] + .list-info .list-name.middle + .info-price {margin-top:0;}

.list-wrap-acc .list-block-wrap .bk-open {background:url(/_pub/assets/img/common/ico-40x-18.svg)no-repeat center / contain;}

/* Bank,Stock list */
.bank-list-wrap {display:flex; flex-wrap:wrap;} /* margin-top:-2rem;*/
.bank-list-wrap .bank-list-block {font-size:var(--fz-16); flex-basis:50%; text-align:left; margin-top:2.4rem; display:inline-flex; padding-right:1rem; align-items:center;}
.bank-list-wrap .bank-list-block img {width:2.4rem; height: 2.4rem; margin-right:0.8rem}

.bank-list-wrap .bank-list-block [class^=ci-] {flex:none;} /* 230307: Å×½ºÆ®¿ë */

/* Index Info List */
.index-list li {position:relative; padding-left: 5.2rem;}
.index-list li:not(:first-child) {margin-top:2.4rem;}
.index-list li .tit {font-size: var(--fz-16); font-weight: 500;}
.index-list li .txt {margin-top: 0.2rem; font-size: var(--fz-13); color:var(--color-03);}
.index-list li::before {content:''; display: inline-block; position: absolute; left:0; width: 3.6rem; height: 3.6rem; background: red;}

/* Index Info List - step type */
.index-list.step-type li:before{top: 1.5rem;}
.index-list.step-type li:first-child:before{background: url(/_pub/assets/img/common/ico-36x-20.svg) 0 0 no-repeat;background-size: contain;}
.index-list.step-type li:nth-child(2):before{background: url(/_pub/assets/img/common/ico-36x-11.svg) 0 0 no-repeat;background-size: contain;}
.index-list.step-type li:nth-child(3):before{background: url(/_pub/assets/img/common/ico-36x-38.svg) 0 0 no-repeat;background-size: contain;}
.index-list.step-type li:after{position: absolute;background: #e2e5eb;}
.index-list.step-type li:first-child::after{content: '';position: absolute;top: 6.3rem;left: 1.7rem;width: 0.2rem;height: calc(100% - 3.6rem);}
.index-list.step-type li:nth-child(2)::after{content: '';position: absolute;top: 6.3rem;left: 1.7rem;width: 0.2rem;height: calc(100% - 3.6rem);}
.index-list.step-type li:nth-child(3)::after{content: '';width: 0.2rem;}

.index-list.step-type li .step{font-weight: 700;font-size: var(--fz-13);color: var(--color-blue1);}
.index-list.step-type li .step + .tit{margin-top: 0.4rem;}

.result + .lists.data .value {text-align: left;}

.lists.board-link > li {flex:none; display:inline-block;}
.board-link {margin-top:0; border-top:none; border-bottom:1px solid var(--color-07)}
.board-link > li {padding-top:1.7rem}
.board-link > li:first-child {padding-top:0}
.board-link .link-area {margin-bottom:1.6rem}
.board-link .link-area .tit {margin-top:1rem; color:var(--color-01)}
.board-link .link-area .date {margin-top:0.4rem; color:var(--color-04)}

/* menu */
.menu-wrap {margin-top: .8rem;}
.menu-wrap .menu-tit {margin: 0 -2.4rem .8rem; padding: .8rem 2.4rem; background: var(--color-07); font-size: 1.4rem;}
.menu-wrap .lists.link {margin-top: 0; border: none;}
.menu-wrap .lists.link:not(:last-child) li:last-child {border-bottom:1px solid var(--color-07);}
.menu-wrap .lists.link .menu-desc {margin-top:.4rem; font-size:var(--fz-13); color:var(--color-03);}

/* items list */
.items-list {display:inline-flex; flex-wrap:wrap; margin-bottom:-0.8rem;}
.items-list span {background-color:#f2f9ff;border-radius:5rem; padding:0.7rem 1.2rem; color:var(--color-blue1); font-size:var(--fz-16); margin:0 0.8rem 0.8rem 0;}
.items-list span i {position:relative; font-style:normal;}
.items-list span i:after {content:''; display:inline-block; width:1px; height:1.4rem; background-color:#99cfff; vertical-align:middle; margin:-0.3rem 0.4rem 0 0.5rem;}

/* key visual */
[class*="keyvi-"] {margin-top:8rem; position:relative; display:flex; flex-direction:column; align-items:center;}
[class*="keyvi-"]:before {content:''; width:8.4rem; height:8.4rem;}
.keyvi-type01:before {background:url(/_pub/assets/img/common/ico-84x-6.svg) center top; background-size:100%;}
.keyvi-type02:before {background:url(/_pub/assets/img/common/ico-84x-8.svg) center top; background-size:100%;}
.keyvi-type02-on:before {background:url(/_pub/assets/img/common/ico-84x-8-on.svg) center top;}

/* List + icon(select X / button) */
.list-wrap .ico-list-block {position:relative; flex-direction:column; padding:1.2rem 0 1.2rem 4rem; width:100%; font-size:var(--fz-18); font-weight:500; line-height:1.4;}
.list-wrap .ico-list-block.lg {padding-left:4.8rem;}
.ico-list-block::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2.4rem; height:2.4rem;}
.ico-list-block.ico-ass-acc::before {background:url(/_pub/assets/img/common/ico-24x-33.svg) no-repeat center center;}
.ico-list-block.ico-ass-card::before {background:url(/_pub/assets/img/common/ico-24x-34.svg) no-repeat center center;}
.ico-list-block.ico-ass-pay::before {background:url(/_pub/assets/img/common/ico-24x-35.svg) no-repeat center center;}
.ico-list-block.ico-ass-com::before {background:url(/_pub/assets/img/common/ico-24x-45.svg) no-repeat center center;}
.ico-list-block.ico-ass-fin::before {background:url(/_pub/assets/img/common/ico-24x-46.svg) no-repeat center center;}
.ico-list-block.ico-camera::before {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-53.svg) no-repeat center center; background-size:auto 100%;}
.ico-list-block.ico-album::before {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-54.svg) no-repeat center center; background-size:100% auto;}
.ico-list-block.ico-file::before {width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-49.svg) no-repeat center center; background-size:100% auto;}
.ico-list-block.ico-method-agency::before {width:3.6rem; height:3.6rem; margin-right:1.2rem; background:url(/_pub/assets/img/common/ico-36x-34.svg) no-repeat 0 center; background-size:auto 100%;}
.ico-list-block.ico-method-oneread::before {width:3.6rem; height:3.6rem; margin-right:1.2rem; background:url(/_pub/assets/img/common/ico-36x-35.svg) no-repeat 0 center; background-size:auto 100%;}
.ico-list-block.ico-method-walletaddr::before {width:3.6rem; height:3.6rem; margin-right:1.2rem; background:url(/_pub/assets/img/common/ico-36x-36.svg) no-repeat 0 center; background-size:auto 100%;}
.ico-list-block .list-desc {font-size:var(--fz-13); color:var(--color-03);}

/* Complete List (+Acc) */
.lists.complete {border-top:1px solid var(--color-06);}
.lists.complete .comp-item {justify-content:space-between; align-items:flex-start; padding:1.6rem 0; min-height:initial;}
.lists.complete .comp-item .comp-info .name {font-size:var(--fz-16); font-weight:500;}
.lists.complete .comp-item .comp-info .desc {display:block; margin-top:.2rem; padding-left:3.2rem; font-size:var(--fz-13); color:var(--color-03);}

.lists.complete .comp-item.align-center {align-items:baseline}
.lists.complete .comp-item.align-center .comp-info {display:flex; align-items:baseline}

/* search full popup */
.search-wrap.hash-search .sticky {background-color:var(--color-08); padding-top:3.2rem;}
.search-wrap.hash-search .list-wrap {margin:2rem 0.8rem;}
.search-wrap.hash-search .list-wrap .list-block {font-size:var(--fz-16); font-weight:400;}

/* Custom Bullet */
.lists.cus-bul {border-bottom:none;}
.lists.cus-bul li {position:relative; min-height:auto; padding-left:1.4rem; border-bottom:none;}
.lists.cus-bul li::before {content:''; position:absolute; left:0; top:2.2rem; width:.8rem; height:.8rem; background-color:var(--color-06); border:1px solid var(--color-04); border-radius:100%;}
.lists.cus-bul li:first-child:before {top:.6rem;}
.lists.cus-bul li .li-link {display:flex; justify-content:space-between; width:100%; padding:1.6rem 0;border-bottom:1px solid var(--color-07);}
.lists.cus-bul li:first-child .li-link {padding-top:0;}
.lists.cus-bul li:last-child .li-link {padding-bottom:0; border-bottom:none;}
.lists.cus-bul .li-link .btn {font-weight:400;}
.lists.cus-bul .li-link .btn::after {margin-left:.2rem;}
.lists.cus-bul .li-link .li-btns {display:flex; flex-direction:column;}
.lists.cus-bul .li-link .li-btns .btn {margin-top:1.6rem;}
.lists.cus-bul .li-link .li-btns .btn:first-child {margin-top:0;}
.lists.cus-bul li.on::before {background-color:var(--color-blue4); border-color:var(--color-blue1);}

/* progress */
.acc-foot-wrap + .acc-progress-pos {margin-top:1.2rem;}
.acc-progress-pos {position:relative; margin:4.2rem 2.4rem 0;}
.acc-progress-wrap {padding-top:3.6rem;}
.acc-progress-wrap .progress-tit {position:absolute; top:0.4rem; display:none;}
.acc-progress-wrap .acc-progress {display:block; width:100%; height:0.4rem; margin:0; border-radius:1rem; background:var(--color-06);}
.acc-progress-wrap .acc-progress .bar-fill {border-radius: 10px; width:0; height:100%; transition: 0.7s ease-in-out; background-color:var(--color-blue1); color:transparent; font-size:0;}
.acc-progress-wrap .crnt-indi {background-color:rgba(19,22,28,0.9); border-radius:1rem; padding:0.6rem 0.8rem; color:#fff; display: inline-block; transition: 0.7s ease-in-out; position: absolute; top:-1.2rem; left:0; filter:drop-shadow(0.4rem 0.4rem 0.6rem rgba(0, 0, 0, 0.14)); transform:translateX(-50%); white-space:nowrap;}
.acc-progress-wrap .crnt-indi:before {content:""; position:absolute; left:calc(50% - 0.45rem); bottom:-.69rem; background:transparent url(/_pub/assets/img/common/ico-9x-1.svg) no-repeat 0 0 / contain; width:0.9rem; height:0.7rem}
.acc-progress-wrap .crnt-indi:after {content:'ÀÏ'; }
.acc-progress-wrap .crnt-indi.text01:before {content:'¿¹Ä¡±â°£'}
.acc-progress-wrap .crnt-indi.text02:before {content:'´ëÃâ±â°£'}

/* ---------------------------------------------------------------- Card ---------------------------------------------------------------- */
/* [Box] */
.boxs {position:relative; width:calc(100% + 1.2rem); margin:3.2rem -.6rem 0 -.6rem; padding:2.4rem; border:none; border-radius:1.2rem; background-color:var(--color-07);}
.lists.data .boxs {border-radius:0.4rem; padding:1.2rem;}
.boxs.full {width:auto; margin:3.2rem auto 0;}
.boxs ~ .boxs {margin-top:1.2rem;}
.boxs .ht-4 {margin-top: 0;}
/* .boxs {border:1px solid #e7e7e7; border-radius:2px;} */
.boxs.sm {padding:1.2rem;}
.boxs.outline {border-color: #000;}
.boxs.solid {background-color: #eee;}
.boxs.solid.blue {background-color: #009beb;}
.boxs.blue01 {margin-top:0; margin-bottom:0; background-color:var(--color-blue8);}
.boxs.blue02 {background:var(--color-blue3);}
.boxs.blue03 {background:#4260cd;}
/* 250116 Ãß°¡ */
.boxs.blue04 {background: var(--color-blue9); } 
.boxs.limit { padding: 1.1rem 2.4rem; background: var(--color-blue9); }
.boxs.hold { display: flex; align-items: center; height: 7.5rem; }
.boxs.rate { background: var(--color-07); border: 1px solid var(--color-07); }

.boxs.light-blue {margin-top:0; margin-bottom:0; background-color:var(--color-blue9);}
.boxs.narrow {padding:1.6rem 1.2rem;}
.boxs.shadow {box-shadow:0 .4rem .6rem rgba(0,0,0,.07);}
.boxs.round {border-radius: .8rem;}
.boxs.line {border:1px solid var(--color-06); background-color:var(--color-08);}
.boxs.line.blue01 {border:1px solid var(--color-blue6); background-color:var(--color-blue8);} /*margin-left:0; margin-right:0; width:100%; padding:2rem;*/
.boxs.line.blue02 {border:1px solid var(--color-blue1); background-color:var(--color-blue9);}
.boxs.line.blue03 {border:1px solid var(--color-blue7); overflow:hidden;}
.boxs .sepe-line {border-top:1px solid var(--color-06); margin-top:1.6rem; padding-top:1.6rem;}
.boxs .btn-close {position:absolute; top:0; right:0;}
.boxs-cont {padding:1.6rem 1.6rem 1.4rem;}
/* .boxs-head {padding:1.6rem 1.6rem 1.4rem; background-color: #eee;}
.boxs-head.fit {padding:0; display:inline-flex; width: 100%; align-items: center;}
.boxs-head.fit .state-msg {padding:1.6rem 1.6rem 1.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boxs-head.fit .state-badge {flex:none; margin: 0 1rem 0 -1rem;}
.boxs-head.fit .state-btn {margin:0 1.6rem 0 auto;}
.boxs-foot {padding:1.6rem 1.6rem 1.4rem; border-top:1px solid #e7e7e7;} */

.boxs .align-justify,
.boxs .lists.data .align-justify,
.line-box .align-justify {display:flex; justify-content:space-between; align-items:center;}
.line-box .align-justify.start {align-items:flex-start;}
.line-box .align-justify .tit {font-size:1.6rem; font-weight:500;}
.line-box .align-justify .tit.light {color:var(--color-04);}
.line-box .align-justify .p-sub {margin-bottom:.2rem;}
.boxs .align-justify .tit {font-size: var(--fz-16); color:var(--color-blue1); font-weight: 700;}
.boxs .add-arr {padding-right:2.2rem; position:relative}
.boxs .add-arr:after {content: ''; display:inline-block; vertical-align:middle; background: url(/_pub/assets/img/common/ico-18x-2.svg) 0 0 no-repeat; position:absolute; right:0; top:calc(50% - 0.9rem); width:1.8rem; height:1.8rem;}
.boxs .align-justify .dur-date {padding-left:2.2rem; position:relative}
.boxs .align-justify .dur-date:before {content:''; position:absolute; left:0; top:calc(50% - 0.9rem); background:url(/_pub/assets/img/common/ico-18x-28.svg) 0 0 no-repeat; width:1.8rem; height:1.8rem;}
.boxs [class^=numbers-].color-light {color:var(--color-04) !important}

.boxs .lists.data + .lists.data {margin-top:1.6rem; padding-top:1.6rem; border-top: 1px solid var(--color-06);}

.boxs .state {display:flex;}
.boxs .state .usd {background:url(../img/ci/flag-1.png)no-repeat center / contain;}
.boxs .state .kor {background:url(../img/ci/flag-2.png)no-repeat center / contain;}
.boxs .state .tit {font-size:1.6rem; font-weight:500;}

.line-box .align-justify .flex-col {display:flex; flex-direction:column;}
.line-box .align-justify .flex-col .col-prod-name {font-size:1.6rem; font-weight:500;}
.line-box .align-justify .flex-col .col-acc-no {margin-top:0.2rem; color:var(--color-03);}


/* Box > Type2 */
.boxs2 {position:relative; width:100%; margin-top:.8rem; padding:1.2rem; border-radius:.4rem; background-color:var(--color-07);}


/* [Card] 
.card {position:relative; margin-top:1rem; padding:1.6rem 1.6rem 1.4rem; border:1px solid var(--color-08); border-radius:.8rem; box-shadow:0 .4rem .6rem rgba(0,0,0,.07);}
.card:first-child {margin-top: 0;}
.card .btn-menu {position:absolute; right:0; top:0; width:6rem; height:6rem;}
.card .btn-menu .ico-menu {right:2.6rem;}*/

/* Account Number */
.list-name {font-size: 1.8rem; font-weight: 700;}





/*  */
.boxs-cont {padding:0; margin:2.4rem;}
.boxs-cont .lists {margin-top:0; border:0}
.boxs-cont .lists li:first-child,
.boxs-cont .lists li:last-child {margin-top:0; margin-bottom:0}

/* Cardset opt.disabled */
.card-wrap.disabled {background-color:var(--color-07)}

/* Cardset */
.card-set .headnote {margin:var(--lv-md) 0 var(--lv-xs) 0.5rem; font-size:1.3rem; color:var(--color-03)}
.card-set .headnote.tall {font-size:var(--fz16); color:var(--color-01)}
.card-wrap {border:1px solid var(--color-06); border-radius:1.2rem; background-color:var(--color-08); padding:var(--lv-md); margin-top:1.2rem; position:relative; overflow:hidden; margin-left:-0.6rem; margin-right:-0.6rem;}
.card-wrap-rpt .card-wrap:first-child {margin-top:0;}
.card-wrap.shadow {background-color:var(--color-08); box-shadow:0 2px 16px rgb(0 0 0 / 5%);}
.card-wrap:first-child {margin-top:2.4rem;}
.card-wrap .card-head.fit {padding:0; display:flex; width: 100%; align-items: center;}
.card-wrap .card-head.fit [class*=bank-] {margin-right:0.8rem;}
.card-wrap .card-head.fit .state-msg {font-weight:700; font-size:var(--fz-16); word-break: break-word;} /*line-height:1;*/
.card-wrap .card-head.fit .state-msg.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.card-wrap .card-head.fit .state-msg.normal {font-weight:500}
.card-wrap .card-head.fit .state-badge {flex:none; margin: 0 0.6rem;}
.card-wrap .card-head.fit .state-btn {margin:0 0 0 auto; flex:none;}
.card-wrap .card-head.fit .items-ea {font-weight:500; color:var(--color-blue1); margin-right:0.2rem;}
.card-wrap .card-head .ico-arr-right {width:1.8rem; height:1.8rem; background-image: url(/_pub/assets/img/common/ico-18x-2.svg); background-position:right calc(50% - 0.1rem); margin-left:0.4rem; flex:none;}

.card-wrap .card-head.fit.reverse {justify-content:end;}
.card-wrap .card-head.fit.reverse > * {margin-left:initial;}
.card-wrap .card-head.fit.reverse .state-msg {margin-right:auto;}

.card-wrap .card-head.fit.eps .state-msg {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:calc(100% - 8.6rem);}
.card-wrap .card-head.fit.eps .state-msg + .ico-arr-right {margin-right:3.2rem;}

.card-wrap .card-desc {margin-top:.2rem;}
.card-wrap .card-desc p {font-size:1.3rem; color:var(--color-03);}

.card-wrap .lists {margin-top:1.8rem; border:0; margin-bottom:-0.6rem;}
.card-wrap .lists li:first-child,
.card-wrap .lists li:last-child {margin-top:0; margin-bottom:0}
.card-wrap .lists.line {border-top:1px solid var(--color-06);}
.card-wrap .lists.line li:first-child {margin-top:1rem}
.card-wrap .lists + .btns {margin:2rem 0 0;}

/* my card */
.card-wrap .card-head.my-card {align-items:flex-start;}
.card-wrap .card-head.my-card .state-img {flex:none; position:relative; margin-right:1.6rem; background-color:var(--color-06); border-radius:0.4rem; overflow: hidden; width:3.5rem; height:5.6rem;} /*width:5rem; height:8rem;*/
.card-wrap .card-head.my-card .state-img::before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2rem; height:2rem; background:url(/_pub/assets/img/common/ico-20x-1.svg) no-repeat 0 0 / contain;}
.card-wrap .card-head.my-card .state-img img {position:relative}
.card-wrap .card-head.my-card .state-img .ci-card-sm {width:3.5rem; height:5.6rem;}
.card-wrap .card-head.my-card .badge {margin-bottom:0.8rem;}
.card-wrap .card-head.my-card .card-no {color:var(--color-03); font-size:var(--fz-13); font-weight:400;}
.card-wrap .card-sub {display:block; margin-top:0.2rem; color:var(--color-03)}
.card-wrap .right {justify-content:flex-end;}
.card-wrap .card-foot {display:flex; flex-direction:column; margin-top:3.2rem;}
.card-wrap .card-foot .fin-group {display:inline-flex; justify-content:flex-end; margin-bottom:1.2rem; color:var(--color-03)}
.card-wrap .card-foot .fin-group strong {margin-right:0.4rem;}

[class*=state-case].card-wrap:before {content:''; width:1.1rem; height:100%; background-color:#ffe681; position:absolute; top:0; left:0;}
[class*=state-case] .card-price .num-unit {padding-right:0}
.card-wrap.state-case01:before {background-color:#ffe681;}
.card-wrap.state-case02:before {background-color:#bfdcff;}
.card-wrap.state-case03:before {background-color:#ade0b1;}
.card-wrap.state-case04:before {background-color:#ffbed6;}
.card-wrap .card-price { text-align:right; margin-top:2.4rem;}
.card-wrap .sepe-line {margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid var(--color-07);}
.card-wrap .sepe-line-dark {margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid var(--color-06);}
.card-wrap .define-set {font-size:var(--fz-16); text-align:center;}
.card-wrap .define-set .define-emp {margin-left:0.8rem; color:var(--color-blue1); font-weight:500;}

.card-wrap .card-price [class^=numbers-] .num-unit ~ .num-unit {padding-right:0;}
.card-wrap .card-price + .lists.data {margin-top:1.2rem;}
.card-wrap .card-price + .list-foot:last-child {margin-bottom:0;}
.card-wrap .card-price .numbers-24 {margin:0.4rem -0.2rem 0 0;}

.card-wrap .card-info .state-date {margin-bottom:.6rem; font-weight:500;}
.card-wrap .card-info .lists {margin-top:0;}
.card-wrap .card-info .lists li {align-items:center;}
.card-wrap .card-info .lists li:last-child > * {padding-bottom:0;}

.card-wrap .info {margin:.8rem 0 -.8rem; padding-bottom:1.6rem; border-bottom:1px solid var(--color-07); text-align:center;}
.card-wrap .info .period {margin-bottom:.4rem; font-size:1.6rem; font-weight:700; color:var(--color-03);}

.card-wrap.solid {border:0; background-color:var(--color-07);}
.card-wrap.solid .card-head.my-card .state-img {width:5rem; height:8rem;}
.card-wrap.solid .card-head.my-card .state-img.sm {width:3.5rem; height:5.6rem;}
.card-wrap.solid .card-head.my-card .card-no { margin-top:0.4rem; display:inline-flex; flex-wrap:wrap;}
.card-wrap.solid .card-head.my-card .card-no .items {font-size:var(--fz-14); padding:0 0.8rem; position:relative}
.card-wrap.solid .card-head.my-card .card-no .items:first-child {padding-left:0;}
.card-wrap.solid .card-head.my-card .card-no .items + .items:before {content:''; position:absolute; width:1px; height:1.2rem; left:0; background-color: var(--color-05);  top:calc(50% - 0.6rem);}

.card-wrap.solid .lists.data {margin-top:1.2rem;}/* MSB_INQ_18_028 */

/* 250116 Ãß°¡ */
.card-wrap.alarm { display: flex; justify-content: space-between; align-items: center; padding: var(--lv-sm) var(--lv-md);  background: var(--color-07); border: none; }
.card-wrap.alarm .text-area { padding-left: 3.2rem; background: url(/_pub/assets/img/common/icon-alarm.svg) no-repeat left center; background-size: 2.4rem auto; }
.card-wrap.alarm .btn.xs { height: 3.2rem; padding: .6rem 1.2rem; font-size: var(--fz-14); }

/* card info. */
.mycard-info-set {text-align:center;}
.mycard-info-set .own-card {margin-top:2.4rem; font-size:var(--fz-16)}
.mycard-info {width:28rem; height:17.5rem; display:flex; flex-direction:column; color:var( --color-08); /*background-color:#0a1a72;*/ padding:1.6rem 2rem; box-shadow:0 2px 16px rgba(0, 0, 0, 0.05); border-radius:1.2rem; margin:0 auto; position:relative}
.mycard-info {text-align:left; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%;}
.mycard-info .card-name {font-size:var(--fz-13);}
.mycard-info .card-num {margin:0.4rem 0 0.6rem; font-size:1.6rem; font-weight:700; word-spacing:0.4rem;}
.mycard-info .card-num i {font-style:normal; margin-right:0.5rem;}
.mycard-info .card-num-view .btn {color:var(--color-blue3); border:0;}
.mycard-info .card-num-view .btn.reverse {background-color:transparent; color:var(--color-08); border:1px solid var(--color-08)}
.mycard-info .card-state {margin-top:auto; font-size:var(--fz-12)}
.mycard-info .card-type {position:absolute; right:2rem;}
.mycard-info.null {background:none; background-color:var(--color-08); color:var(--color-01); padding-top:2.4rem;}
.mycard-info.null .txt {color:var(--color-03); font-size:var(--fz-16); text-align:center;}
.mycard-info.null .card-reg {width:6rem; height:6rem; background:url(/_pub/assets/img/common/ico-60x-5.svg); margin-top:1.6rem; align-self:center;}

.mycard-info.mode-light .card-name,
.mycard-info.mode-light .card-num,
.mycard-info.mode-light .card-num-view,
.mycard-info.mode-light .card-state {color:var(--color-01)}
.mycard-info.mode-light .state-posi-tall  {color:var(--color-blue1); border: 1px solid var(--color-blue1);}
.mycard-info.mode-light .btn.reverse {color:var(--color-01); border: 1px solid var(--color-01);}

.link-box {padding:2rem; border-radius:0.8rem; background-color:var(--color-blue8); position:relative; width:100%; text-align:left;}
.link-box:after {content:''; width:1.8rem; height:1.8rem; position:absolute; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat 0 0; right:2rem; top:calc(50% - 0.9rem);}
.link-box strong {font-size:var(--fz-16); font-weight:700; display:inline-block; margin-bottom:0.2rem;}
.end-link {display:flex; margin-top:2.4rem; justify-content:flex-end;}

/* card type2 (icon + button box) */
.card-wrap.type02 {position:relative; padding:2rem; margin-left:initial; margin-right:initial;}
.card-wrap.type02::after {content:''; position:absolute; right:2rem; top:2rem; width:6rem; height:6rem;}
.card-wrap.type02 .state-msg {min-height:6rem; font-size:var(--fz-16); font-weight:700;}
.card-wrap.type02 .state-msg .msg-sub {display:block; font-size:var(--fz-13); font-weight:400; color:var(--color-03);}
.card-wrap.type02 .state-msg .msg-sub:first-child {margin-top:.8rem;}
.card-wrap.type02 .state-msg .msg-sub + .msg-sub {margin-top:.2rem;}
.card-wrap.type02 .card-head + .btns {margin-bottom:0;}
.meth01::after {background:url(/_pub/assets/img/common/ico-60x-6.svg) no-repeat center center; background-size:auto 6rem;}
.meth02::after {background:url(/_pub/assets/img/common/ico-60x-7.svg) no-repeat center center; background-size:auto 6rem;}
.meth03::after {background:url(/_pub/assets/img/common/ico-60x-8.svg) no-repeat center center; background-size:auto 6rem;}
.meth04::after {background:url(/_pub/assets/img/common/ico-60x-9.svg) no-repeat center center; background-size:auto 6rem;}

.bank-xs > img,
img.bank-xs {width:1.8rem; height:1.8rem; vertical-align:middle; display:inline-block; margin-right:0.4rem;}

.bank-md > img, 
img.bank-sm {width:2rem; height:2rem; vertical-align:middle;}

.bank-md > img, 
img.bank-md {width:2.4rem; height:2.4rem; vertical-align:middle;}

/* card type3 (toggle-reverse lists-inr > card-wrap / ex: CTF_22_006) */
.card-wrap.type03 {width:100%; margin:0; padding:1.6rem 0; border:none; border-bottom:1px solid var(--color-06); border-radius:0; background-color:transparent;}
.card-wrap.type03 .lists {margin-top:1.2rem;}
.lists li:first-child .card-wrap.type03 {padding-top:0;}
.lists li:last-child .card-wrap.type03 {border-bottom:none;}

/* Check List + Toggle(PBT) */
.form-rdochk.chk-list-top {justify-content: flex-end; margin-bottom:1.2rem;}
.form-rdochk.chk-list-top .form-sel {flex-basis:auto !important; margin-bottom:0; padding-right:0 !important;}
.form-rdochk.chk-list-top .form-sel input[type=checkbox] + label {padding-left:2.6rem; color:var(--color-01);}

.toggle-wrap.chk-list {position:relative; flex-direction:column; margin:0 -.6rem 1.2rem -.6rem; padding:2.4rem 0 2.4rem 2.4rem; border:1px solid var(--color-06); border-radius:1.2rem;}
.toggle-wrap.chk-list:last-child {margin-bottom:0;}
.toggle-wrap.chk-list.on {border-color:var(--color-blue4) !important; background-color:var(--color-blue9) !important;}
.toggle-wrap.chk-list .view-chk {display:none;}
.toggle-wrap.chk-list.on .view-chk {display:block;}
.toggle-wrap.chk-list.box-white {background-color:var(--color-08) !important}
.toggle-wrap.chk-list.box-readonly {background-color:var(--color-08) !important; border-color:var(--color-blue7) !important}
.toggle-wrap.chk-list.box-readonly .toggle-box .toggle-item::before {background:var(--color-blue7); border-color:var(--color-blue7);}
.toggle-wrap.chk-list.box-readonly .toggle-box .toggle-item::after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg)}
.toggle-wrap.chk-list .left-space {margin:1.2rem 0 0 3.4rem;}
.toggle-wrap.chk-list .left-space p {margin-top:4px; color:var(--color-03)}
.toggle-wrap.chk-list .toggle-box {display:flex; justify-content:space-between;}
.toggle-wrap.chk-list .toggle-box .toggle-item {position:relative; width:calc(100% + 2.4rem); margin:-2.4rem 0 -2.4rem -2.4rem; padding:2.4rem 2.4rem 2.4rem 5.8rem;}
.toggle-wrap.chk-list .toggle-box .toggle-item::before {content:''; position:absolute; left:2.4rem; top:2.4rem; width:2.4rem; height:2.4rem; border:1px solid var(--color-04); border-radius:100%; background-color:var(--color-11); transition:.3s;}
.toggle-wrap.chk-list .toggle-box .toggle-item::after {content:''; z-index:1; position:absolute; left:2.4rem; top:2.4rem; width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/chk-14x-1-gray.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}
.toggle-wrap.chk-list .toggle-box .toggle-item.checked::before {border-color:var(--color-blue1); background-color:var(--color-blue1);}
.toggle-wrap.chk-list .toggle-box .toggle-item.checked::after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg); animation:chkeckboxAni 0.3s linear;}
@keyframes chkeckboxAni {
    0% {clip:rect(0, 0, 2.4rem, 0);}
    100% {clip:rect(0, 2.4rem, 2.4rem, 0);}
}
.toggle-wrap.chk-list .toggle-box .item-name {padding-left:.5rem; font-size:var(--fz-16); font-weight:500;}
.toggle-wrap.chk-list .toggle-box .item-desc {font-size:var(--fz-14);}
.toggle-wrap.chk-list .toggle-box .numbers {margin-top:.3rem; font-size:1.8rem; font-weight:500;}
.toggle-wrap.chk-list .toggle-box .item-name + .item-desc {margin-top:.3rem; color:var(--color-03);}
.toggle-wrap.chk-list .toggle-box .item-name ~ [class^=numbers-] {margin-top:.8rem;}
.toggle-wrap.chk-list .toggle-btn {display:flex; justify-content:center; align-items:center; width:4rem; margin-right:1.6rem;}
.toggle-wrap.chk-list .toggle-btn .arrow {width:2.4rem; height:2.4rem;}
.toggle-wrap.chk-list .toggle-btn .arrow::before {margin-top:0; top:0;}
.toggle-wrap.chk-list .toggle-panel {padding-right:2.4rem;}
.toggle-wrap.chk-list .toggle-panel .lists {margin-top:2.4rem; border-top:1px solid var(--color-06); border-bottom:none;}
.toggle-wrap.chk-list .toggle-panel .lists li:last-child {margin-bottom:0;}
.toggle-wrap.chk-list .toggle-panel .lists li:last-child > div {padding-bottom:0;}
.toggle-wrap.chk-list.open {border-color:var(--color-05);}

/* Box */
/* Bg box */
.bg-txt-box {padding:2rem; background-color: var(--color-07); border-radius:1.2rem;}
.bg-txt-box p {margin-top:0;}

/* Bg item box(finish) */
.bg-item-box {display:flex; flex-direction:column; align-items:center; margin-bottom:4rem; background-color:var(--color-07); border-radius:1.2rem; padding:2rem; color:var(--color-03);}
.bg-item-box strong {margin-bottom:.6rem; font-size:var(--fz-16); color:var(--color-blue1);}
.bg-item-box.col {flex-direction:row; justify-content:space-between; margin:0 -.6rem; padding:2.4rem;}
.bg-item-box.col strong {margin-bottom:0;}
.bg-item-box p.depth.info {margin-top:0;}

.item-wrap {margin-top:3.2rem;}
.item-wrap:first-child {margin-top:0;}
.bg-item-box.type2 {flex-direction:row; justify-content:flex-start; position:relative; width:calc(100% + 1.2rem); margin:0 -.6rem; padding:2rem 2.4rem; border:1px solid var(--color-07);}
.bg-item-box.type2 .item-txt {margin-right:.6rem; font-size:var(--fz-16); font-weight:500; color:var(--color-01);}
.bg-item-box.type2 .item-deco {display:inline-block; min-width:2rem; min-height:1.8rem; padding:0 .6rem 0 .5rem; border-radius:5rem; background-color:var(--color-06); font-size:var(--fz-12); font-weight:500; line-height:1.8rem; text-align:center; color:var(--color-02);}
.bg-item-box.type2 .badge {position:absolute; right:2.4rem; top:2rem;}

.bg-item-box.type3 {flex-direction:row; justify-content:flex-start; position:relative; width:calc(100% + 1.2rem); margin:0 -.6rem; padding:2.4rem; border:1px solid var(--color-07);}
.bg-item-box.type3 .item-txt {margin-right:.6rem; font-size:var(--fz-16); font-weight:500; color:var(--color-01);}
.bg-item-box.type3 .item-deco {display:inline-block; min-width:2rem; min-height:1.8rem; padding:0 .6rem 0 .5rem; border-radius:5rem; background-color:var(--color-06); font-size:var(--fz-12); font-weight:500; line-height:1.8rem; text-align:center; color:var(--color-02); margin-top:-0.2rem;}
.bg-item-box.type3 .p-sub {padding-top:0.4rem; font-weight:400;}
.bg-item-box.type3 .badge {position:absolute; right:2.4rem; top:2rem;}
.bg-item-box.type3[role=checkbox]::before, 
.bg-item-box.type3[role=checkbox]::after {top:initial}

/* line box */
.line-box {padding:2rem; border:1px solid var(--color-06); border-radius:1.2rem}
.line-box.wide {width:calc(100% + 1.2rem); margin:1.2rem -.6rem 0; padding:2.4rem; overflow:hidden;}
.line-box.edge {border-radius:0; padding:2.4rem 0; border-left:0; border-right:0; text-align:center;}
.line-box.edge2 {border-radius:0; padding:1.6rem 0; border-left:0; border-right:0; text-align:center;}
.line-box.edge2 .tip {margin-top:0}
.line-box.img-wrap {display:flex; justify-content:center; margin-top:2rem; padding:2.4rem 0; border-radius:.6rem; border-color:var(--color-07);}

.line-box.etc {margin:1.2rem -.6rem 0; padding:0; background-color:transparent;}
.ht-4 + .line-box.etc {margin-top:0;}
.line-box.etc .boxs-cont {margin:0 2.4rem;}
.line-box.etc .cont-item {position:relative; display:flex; justify-content:space-between; align-items:center; min-height:3.6rem; padding:2.4rem 0 2.4rem 4.6rem; border-top:1px solid var(--color-07);}
.line-box.etc .cont-item.ico-null {padding-left:0;}
.line-box.etc .cont-item.ico-null:before {display:none;}
.line-box.etc .cont-item:first-child {border-top:none;}
.line-box.etc .cont-item::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3.6rem; height:3.6rem; background-image:url(/_pub/assets/img/common/ico-24x-31.svg); background-size:100%}
.line-box.etc .cont-item .cont-txt {padding-right:2.4rem; font-size:var(--fz-16); color:var(--color-04)}
.line-box.etc .cont-item .cont-txt span {display:block; margin-top:.2rem; font-size:var(--fz-13); font-weight:400; color:var(--color-03);}
.line-box.etc .cont-item .btn {padding-right:2rem; background-image:url(/_pub/assets/img/common/ico-18x-35-sm.svg); color:var(--color-blue1);}
.line-box.etc .cont-item .btn::before,
.line-box.etc .cont-item .btn::after {display:none;}

.line-box.etc .cont-item.on::before {background-image:url(/_pub/assets/img/common/ico-24x-32.svg);}
.line-box.etc .cont-item.on .cont-txt {color:var(--color-01);}
.line-box.etc .cont-item.on .btn {background-image:url(/_pub/assets/img/common/ico-18x-2-sm.svg); color:var(--color-01);}

.line-box.etc .cont-item.type2 {flex-direction:column; align-items:flex-start; margin:2.4rem 0; padding:0;}
.line-box.etc .cont-item.type2::before {display:none;}
.line-box.etc .cont-item.type2 > * {width:100%;}
.line-box.etc .cont-item.type2 .top {display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:2.4rem; padding:.7rem 0 .7rem 4.6rem;}
.line-box.etc .cont-item.type2 .top::before {content:''; position:absolute; left:0; top:0; width:3.6rem; height:3.6rem; background-image:url(/_pub/assets/img/common/ico-24x-31.svg); background-size:100%}
.line-box.etc .cont-item.type2 .btm {border-top:1px solid var(--color-07);}

.line-box.etc .cont-item.type2.on .top::before {background-image:url(/_pub/assets/img/common/ico-24x-32.svg);}

/* 250722 Ãß°¡ */
.line-box.etc .cont-item > .list-icon { margin-right: 1rem; }
.line-box.etc .cont-item > .list-icon + .cont-txt { flex: 1; }

.line-box.etc2 .lists {border-bottom:0;}
.line-box.etc2 .lists li {min-height:initial; font-weight:500;}
.line-box.etc2 .lists li > .lists-inr p {margin-top:0.8rem; color:var(--color-03); font-weight:400;}
.line-box.etc2 .lists li:first-child > .lists-inr {padding-top:0;}
.line-box.etc2 .lists li:last-child > .lists-inr {padding-bottom:0;}

.line-box .bg-top {display:flex; justify-content:center; align-items:center; margin:-2.4rem -2.4rem 2.4rem; padding:1.6rem 0; background-color:var(--color-07); font-weight:500; color:var(--color-03); text-align:center;}
.line-box .bg-top .btn {padding:0 .8rem; font-size:var(--fz-16); font-weight:700;}
.line-box .bg-top .btn::after {margin-top:0; vertical-align:top;}
.line-box .bg-bttm {display:flex; justify-content:center; align-items:center; margin:0 -2.4rem -2.4rem; padding:1.2rem 0; background-color:var(--color-07);}

/* Check card list (INQ_13_006, INQ_14_004) */
.bg-item-box + .chk-card-wrap {margin-top:1.2rem;}
.chk-card-wrap {width:calc(100% + 1.2rem); margin:0 -.6rem;}
.chk-card-wrap .chk-card:first-child {margin-top:0;}
.chk-card-wrap .chk-card {position:relative; margin-top:1.2rem; border:1px solid var(--color-06); border-radius:1.2rem;}
.chk-card-wrap .chk-card::before {content:''; position:absolute; left:2.4rem; top:2.4rem; width:2.4rem; height:2.4rem; border:1px solid var(--color-04); border-radius:100%; background-color:var(--color-08); transition:.3s;}
.chk-card-wrap .chk-card::after {content:''; z-index:1; position:absolute; left:2.4rem; top:2.5rem; width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/chk-14x-1-gray.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}
.chk-card-wrap .chk-card.checked {border-color:var(--color-blue1); background-color:var(--color-blue9);}
.chk-card-wrap .chk-card.checked::before {border-color:var(--color-blue1); background-color:var(--color-blue1);}
.chk-card-wrap .chk-card.checked::after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg); animation:chkeckboxAni 0.3s linear;}
.chk-card-wrap .chk-card.disable::after {content:''; display:block; background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg); animation:chkeckboxAni 0.3s linear;}

@keyframes chkeckboxAni {
    0% {clip:rect(0, 0, 2.4rem, 0);}
    100% {clip:rect(0, 2.4rem, 2.4rem, 0);}
}
.chk-card-wrap .chk-card.chk-null.checked {border-color:var(--color-06); background-color:var(--color-09);}
.chk-card-wrap .chk-card.chk-null.checked::before {border-color:var(--color-blue1); background-color:var(--color-blue1);}
.chk-card-wrap .chk-card.r::before {left:initial; right:2.4rem;}
.chk-card-wrap .chk-card.r::after {left:initial; right:2.4rem;}
.chk-card-wrap .chk-card.r.chk-null::before,
.chk-card-wrap .chk-card.r.chk-null::after {display:none;}
.chk-card .chk-inr {display:flex; flex-direction:column; justify-content: flex-start; padding:2.4rem 2.4rem 2.4rem 5.8rem;}
.chk-card.r .chk-inr {padding:2.4rem;}
.chk-card .chk-inr .item-bk {display:flex; align-items:center;}
.chk-card .chk-inr .item-bk .item-txt {width:calc(100% - 8.8rem);}
.chk-card .chk-inr .item-deco {display:flex; justify-content:space-between; margin-bottom:.8rem;}
.chk-card .chk-inr .item-deco .badge {margin-left:0;}
.chk-card .chk-inr .item-name {display:flex; justify-content:space-between; font-size:var(--fz-16); font-weight:500;}
.chk-card .chk-inr .item-desc {margin-top:.2rem; font-size:var(--fz-13); color:var(--color-03);}
.chk-card .chk-inr .item-desc.lg {font-size:var(--fz-16); font-weight:700; text-align:right; color:var(--color-01);}
.chk-card .chk-inr .lists.data {margin-top:1.2rem;}
.chk-card .chk-inr .lists.data li > * {text-align:left; font-size:1.3rem; color:var(--color-03);}
.chk-card .chk-inr .lists.data li > * .badge {margin-left:0;}
.chk-card .chk-inr .lists.data li > * [class^=numbers-] {margin-top:.4rem;}
.chk-card .chk-inr .lists.data li .key [class^=numbers-] {text-align:left;}
.chk-card .chk-inr .lists.data li .value [class^=numbers-] {color:var(--color-01);}
.chk-card .chk-inr [class^=numbers-] {margin-top:.8rem; text-align:right;}
.chk-card-wrap .chk-card.disable::before,
.chk-card-wrap .chk-card.disable::after,
.chk-card-wrap .chk-card.already::before,
.chk-card-wrap .chk-card.already::after {display:none;}
.chk-card-wrap .chk-card.disable .item-deco .txt {flex:auto; margin-left:.8rem; padding-top:.3rem; font-size:var(--fz-12); font-weight:500; color:var(--color-04);}
.chk-card-wrap .chk-card.disable .chk-inr > * {color:var(--color-04);}
.chk-card-wrap .chk-card.rdo [class*=numbers-] {color:var(--color-blue1);}
.chk-card-wrap .chk-card.rdo::before {background-image:none; background-color:var(--color-08); border:1px solid var(--color-05); border-radius:50%; transition:.2s ease-in;}
.chk-card-wrap .chk-card.rdo::after {display:none;}
.chk-card-wrap .chk-card.rdo.checked::before {border-color:var(--color-blue1); border-width:.7rem;}
.chk-card-wrap .chk-card.rdo.disable::before {display:block; border-color:var(--color-06); transition:none;}
.chk-card-wrap .chk-card.rdo.r.disable::after {display:block; background-image:url(/_pub/assets/img/common/chk-14x-1-disabled.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}

.chk-card-wrap .chk-card.rdo.disable [class*=numbers-] {color:var(--color-blue6);}

.chk-bundle .chk-card::before,
.chk-bundle .chk-card::after {display:none;}
.chk-bundle .chk-card .chk-inr {padding-left:2.4rem;}
.chk-bundle .chk-card.active {border-color:var(--color-blue1);}

.bg-item-box > div {display:flex; align-items:center;}
.bg-item-box[role=checkbox] {position:relative;}
.bg-item-box[role=checkbox]::before {content:''; position:absolute; right:2.4rem; top:2.4rem; width:2.4rem; height:2.4rem; border:1px solid var(--color-04); border-radius:100%; background-color:var(--color-08); transition:.3s;}
.bg-item-box[role=checkbox]::after {content:''; z-index:1; position:absolute; right:2.4rem; top:2.4rem; width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/chk-14x-1-gray.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}
.bg-item-box[role=checkbox].checked {background-color:var(--color-blue9); border:1px solid var(--color-blue1);}
.bg-item-box[role=checkbox].checked::before {border-color:var(--color-blue1); background-color:var(--color-blue1);}
.bg-item-box[role=checkbox].checked::after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg); animation:chkeckboxAni 0.3s linear;}
.bg-item-box[role=checkbox].checked .item-deco {background-color:var(--color-06); color:var(--color-02);}
.bg-item-box[role=checkbox].disable::before {border-color:var(--color-06);}
.bg-item-box[role=checkbox].disable::after {background-image:url(/_pub/assets/img/common/chk-14x-1-disabled.svg); animation:chkeckboxAni 0.3s linear;}
.bg-item-box[role=checkbox].checked.disable::before {background-color:var(--color-blue7); border:0;}
.bg-item-box[role=checkbox].checked.disable::after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg);}
.bg-item-box[data-rock='true'].checked .item-deco {background-color:var(--color-blue8); color:var(--color-02);}


/* starbucks coupone */
.star-coupone {margin:-2.4rem;}
.star-coupone .coupone-head {position:relative; padding:2.8rem 0; text-align:center;}
.star-coupone .coupone-head .tit {font-weight:700; font-size:var(--fz-16);}
.star-coupone .coupone-head .tit:after {content:''; color:#000; width:100%; height:1px; position:absolute; background:repeating-linear-gradient(to right, #d8dbe0, #d8dbe0 5px, #ffffff 3px, #ffffff 8px); position:absolute; bottom:0; left:1.6rem; width:calc(100% - 3.2rem);}
.star-coupone .coupone-head .tit.fullfill:before {content:''; display:inline-block; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-47.svg) no-repeat 0 0; vertical-align:middle; margin-right:0.6rem; background-size:100%;}
.star-coupone .coupone-head:before {content:''; width:5px; height:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border:1px solid var(--color-06); border-left:0; background:var(--color-08); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; position:absolute; left:-1px; bottom:-0.5rem}
.star-coupone .coupone-head:after {content:''; width:5px; height:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; border:1px solid var(--color-06); border-right:0; background:var(--color-08); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; position:absolute; right:-1px; bottom:-0.5rem}
.star-coupone .coupone-body {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; padding:3rem;}
.star-coupone .coupone-body li {margin-bottom:3.2rem; position:relative; display:flex; flex-flow:column; flex-basis:25%; text-align:center;}
.star-coupone .coupone-body li:before {content:''; display:inline-block; width:3.6rem; height:3.6rem; background:url(/_pub/assets/img/common/ico-36x-25.svg) no-repeat 0 0; margin:0 auto 1rem;}
.star-coupone .coupone-body li:nth-child(4n+1):nth-last-child(-n+4),
.star-coupone .coupone-body li:nth-child(4n+1):nth-last-child(-n+4) ~ li  {margin-bottom:0;}

.star-coupone .coupone-body li span {font-size:1.3rem;}
.star-coupone .coupone-body li .date {font-size:1.2rem; color:var(--color-04); font-style:normal; display:none;}
.star-coupone .coupone-body li.stamp-end .date {display:inline-block;}
.star-coupone .coupone-body li.stamp-end:before {background-image:url(/_pub/assets/img/common/ico-36x-27.svg)}
.star-coupone .coupone-body li.stamp-ing:before {background-image:url(/_pub/assets/img/common/ico-36x-26.svg)}


.boxs.bnn-type {padding-top:1.6rem; padding-bottom:1.6rem;}

.boxs.type3 {display:flex; flex-direction:column; margin-top:3.2rem; align-items:center;}
.boxs.type3 [class*=numbers-] {margin-top:0.4rem;}

/* MSB_LON_05_066 */
.boxs .box-info {padding: 1.2rem 1.5rem;text-align: center;font-size: var(--fz-13);}
.boxs.blue02 .box-info {margin-bottom: 1.6rem;background-color: #4260cd;border-radius: 4px;}

.half-networking {background-color:var(--color-blue9); margin:0 -2.4rem -2.4rem; border-top:1px solid var(--color-blue7); margin-top:3.2rem; padding:3.2rem 2.4rem;}
.half-networking .friend-num {display:flex; justify-content:flex-start; margin-top:1.6rem;}
.half-networking .friend-num button {width:3.6rem; height:3.6rem; background:url(/_pub/assets/img/common/ico-36x-43.svg) no-repeat center center / contain;}
.half-networking .friend-num button:not(:first-child) {margin-left:2rem;}
.half-networking .friend-num button.on {background:url(/_pub/assets/img/common/ico-36x-42.svg) no-repeat center center / contain;}

/* ---------------------------------------------------------------- Accordion ---------------------------------------------------------------- */
/* Accordion > Click : All */
.accordion > li {border-top:1px solid var(--color-06);}
.accordion > li:last-child {border-bottom:1px solid var(--color-06);}
.accordion li .acco-item {display:block; position: relative; width:100%; min-height: 5rem; padding: 1.6rem 4rem 1.6rem 0; font-size:1.6rem; color:var(--color-01); text-align:left;}
.accordion li > .acco-item:after,
.accordion li .acco-items .acco-btn:after { display:inline-block; position: absolute; right:.2rem; top:50%; content:''; width:2.4rem; height:2.4rem; margin-top:-1.2rem; background: transparent url(/_pub/assets/img/common/ico-24x-15.svg) no-repeat center center}
.accordion li .acco-panel {display:none; padding: 1.6rem 0 2.4rem}
.accordion li .acco-panel.bdtn { padding: 0; }
.accordion li .acco-panel-wrap {display: none;}
.accordion li.on .acco-panel.bdtn { border-top: none; } /* 250116 Ãß°¡*/ 
/* Accordion > Active */
.accordion li.on {border-top-color:var(--color-04); border-bottom:1px solid var(--color-05)}
.accordion li.on + li {border-top:none;}
.accordion li.on > .acco-item,
.accordion li.on .acco-items > .acco-item,
.accordion.loan li.on > .acco-item .p-sub,
.accordion.loan li.on > .acco-item .block {font-weight:700;}
.accordion li.on > .acco-item:after,
.accordion li.on > .acco-items .acco-btn:after {background-image:url(/_pub/assets/img/common/ico-24x-15-on.svg)}
.accordion li.on > .acco-panel-wrap > .acco-panel { display:block; } /* 250304 ¼öÁ¤ */
.accordion li.on > .acco-panel-wrap > .acco-panel .ht-4:first-child {margin-top:0;} /* 250304 ¼öÁ¤ */

/* Accordion > Click : Button */
.accordion li .acco-items {display:flex; align-items: stretch; width:100%; min-height: 5rem;}
.accordion li .acco-items .acco-item {padding-right:0;}
.accordion li .acco-btn {flex:none; display:inline-block; position: relative; width:4rem; padding:2rem 3.6rem 2rem .2rem; font-size:1.8rem; color:var(--color-02); text-align:left;}

/* Accordion > Accordion */
.accordion .accordion .pacco-panel {margin:-2rem 0 -4rem;}
.accordion .accordion li {border:0;}
.accordion.loan > li { border-top: 1px solid var(--color-06); } /* 250304 Ãß°¡ */
.accordion.loan > li.on .acco-panel-wrap > .acco-panel.bdtn { margin-bottom: 4rem; } /* 250616 Ãß°¡ */
.accordion.loan > li:last-child.on .acco-panel-wrap > .acco-panel.bdtn { margin-bottom: 0; } /* 250616 Ãß°¡ */
.accordion.loan > li.on { border-top: 1px solid var(--color-04); border-bottom: none; } /* 250623 ¼öÁ¤ */
.accordion.loan > li.on + li { border-top: 1px solid var(--color-04); } /* 250616 ¼öÁ¤ */
.accordion.loan > li.on > .acco-item { border-bottom: 1px solid var(--color-07); } /* 250623 ¼öÁ¤ */
.accordion.loan > li.on .btns.cont-foot { margin-top: 0; }
.accordion.loan > li.on .btns.cont-foot .btn { margin-top: 1.6rem; } /* 250616 ¼öÁ¤ */
.accordion.loan.sticky { top: 9.2rem; } /* 250304 Ãß°¡ */
.accordion.loan.sticky > li.on > .acco-item { border-bottom: none; } /* 250307 Ãß°¡ */
.accordion.loan.sticky > li:last-of-type { margin-bottom: 2rem; } /* 250616 Ãß°¡ */

/* Accordion > Go */
.accordion li .acco-item.link {padding:1rem 3.5rem .8rem 0; color:var(--color-03); font-size:15px;}
.accordion li .acco-item.link::after,
.accordion li.on .acco-item.link::after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.accordion li.on .acco-item.link::after {display:inline-block; position: absolute; right:.2rem; top:50%; content:''; width:2.4rem; height:2.4rem; margin-top:-1.2rem; background: transparent url(/_pub/assets/img/common/ico-24x-15-on.svg) no-repeat center center; transform: rotate(90deg);}
.accordion .acco-panel td .depth.dash > li {margin-top:0;}

/* Accordion > each-open */
.accordion.each-open li .acco-item {font-weight:700}

/* FAQ */
.accordion.faq .acco-item,
.accordion.faq .acco-panel {position:relative; padding-left:2rem;}
.accordion.faq .acco-item::before,
.accordion.faq .acco-panel::before {content: 'Q'; display: inline-block; position: absolute; top:1.6rem; left:0; font-weight: 700; line-height: 1.4; color:var(--color-blue1);}
.accordion.faq .acco-panel::before {content: 'A'; font-size:1.6rem; color:var(--color-01);}
.accordion.faq li.on .acco-panel {color:var(--color-03);}



.accordion.prod {margin-right:-2.4rem;}
.accordion.prod .acco-item {position:relative; padding:2.9rem 6rem 2.4rem 0; font-size:var(--fz-18)}
/* 
.accordion.prod .acco-panel {padding:2.4rem 2.4rem 4rem 0;}
.accordion.prod .acco-item::before,
.accordion.prod .acco-panel::before {content:''; display: inline-block; position: absolute; top:1.9rem; left:0; font-weight: 700; line-height: 1.4;} */
.accordion.prod .acco-panel {padding:0 2.4rem 4rem 0;}
.accordion.prod .acco-panel::before {content: ''; display: block; width: 100%; height: 2.4rem;}
.accordion.prod .acco-panel > *:first-child {margin-top: 0;}

.accordion.prod > li {position:relative}
.accordion.prod > li:before {content:''; width:2.4rem; height:0.4rem; background-color:var(--color-05); display:inline-block; position:absolute; left:0; top:0;}
.accordion.prod li.on {border-top-color:var(--color-06); border-bottom:none;}
.accordion.prod li.on:before {background-color:var(--color-blue1);}

.accordion.prod li .acco-item:after, 
.accordion.prod li .acco-items .acco-btn:after {right:2.4rem;}

.accordion.prod li.on .acco-panel {border-bottom: 1px solid var(--color-06);}
.accordion.prod li .ref-date {font-size:1.3rem; color:var(--color-03); text-align:right; margin-bottom:-2.4rem;}
.accordion.prod li .ref-date:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background: transparent url(/_pub/assets/img/common/ico-18x-42.svg) no-repeat center center / contain; margin:-0.1rem 0.3rem 0 0; vertical-align:middle;}

.accordion.prod .acco-item.qna {position:relative; padding-left:2.2rem; font-weight:400;}/* »óÇ°¾È³» > ¾ÆÄÚµð¾ðÇü Áú¹®Áö */
.accordion.prod .acco-item.qna::before {content:'Q'; position:absolute; left:0; top:2.7rem; font-size:var(--fz-20); color:var(--color-blue1);}
.accordion.prod .acco-panel.ans {position:relative; padding-left:2.2rem;}
.accordion.prod .acco-panel.ans::after {content:'A'; position:absolute; left:0; top:2.1rem; font-size:var(--fz-18); font-weight:700; color:var(--color-04);}
.accordion.prod li.on > .acco-item.qna {font-weight:700;}


/* ¼ÒºñÀÚº¸È£¾È³» - ¶ó¿îµå¹Ú½º À¯Çü */
.accordion.round > li {margin:0 -.6rem; padding:0 2.4rem; border:1px solid var(--color-05); border-radius:1.2rem}
.accordion.round > li + li {margin-top:1.2rem}
.accordion.round li.on + li {border-top:1px solid var(--color-05)}
.accordion.round > li .acco-item {padding:2.5rem 0 2.4rem; font-weight:500}
.accordion.round > li .acco-item .item {font-weight:500}
.accordion.round > li.on > .acco-item .item {font-weight:700}
.accordion.round > li .acco-item .sub-item {position:relative; margin-left:0.8rem; padding-left:0.9rem; color:var(--color-03); font-size:1.4rem;}
.accordion.round > li .acco-item .sub-item::before {display:block; position:absolute; left:0; top:50%; width:1px; height:1.2rem; margin-top:-0.6rem; background:var(--color-06); content:''}
.accordion.round li.on .acco-panel {border-top:1px solid var(--color-06)}
.accordion.round .lists,
.accordion.round .lists.data {border:0}

/* loan list */
.accordion.loan li .acco-item {padding:0 3.2rem 0 0;}
.accordion.loan.inner-box {margin-top:2.4rem;}
.accordion.loan.inner-box .acco-panel {border-top:0; padding-top:0;}
.accordion.loan.inner-box .acco-panel .boxs2 {margin-top:0;}

/* ---------------------------------------------------------------- Toggle ---------------------------------------------------------------- */
.toggle-wrap {display:flex; justify-content:space-between;}
.toggle-panel {display:none;}
.toggle-btn {position:relative; display:block; width:100%; text-align:left;}
.toggle-wrap .toggle-btn {width:auto;}

.arrow {position:relative; display:inline-block; width:2rem; min-height:2rem; vertical-align:middle;}
.arrow::before {content:''; width:2.4rem; height:2.4rem; margin-top:-1.2rem; background:transparent url(/_pub/assets/img/common/ico-24x-15.svg) no-repeat center center;  position:absolute;right:0;top:.8rem; transition:all 0.2s ease;}
.toggle-btn.on .arrow::before {background-image:url(/_pub/assets/img/common/ico-24x-15-on.svg);}

/* reverse */
.toggle-reverse {bottom:0; width:100%; display:flex; flex-direction:column;}
.toggle-reverse .toggle-btn {background-color:var(--color-07); bottom:0; left:0; text-align:center; background-color:#f4f6f9 !important;}
.toggle-reverse .btn.lg {border-radius:1.2rem}
.toggle-reverse .toggle-panel {background-color:#f4f6f9; border-radius:1.2rem 1.2rem 0 0; padding:2.4rem 2.4rem 0} /*width:100%;*/
.toggle-reverse .toggle-panel .lists-headnote {margin-bottom:1rem;}
.toggle-reverse .toggle-panel .toggle-lists-headnote {margin-bottom:1.6rem; padding-bottom:1.2rem; border-bottom:1px solid var(--color-06);}
.toggle-reverse .toggle-panel .toggle-lists-headnote [class^=ht-] {margin:0; word-break:break-word;}
.toggle-reverse .toggle-panel .lists {border-top:none;}
.toggle-reverse .toggle-panel .lists + .lists,
.toggle-reverse .toggle-panel .lists + .toggle-lists-headnote {margin-top:1.6rem;}
.toggle-reverse .toggle-panel .lists.data.col,
.toggle-reverse .toggle-panel .lists.data.col + .lists {margin-top:1.2rem;}
.toggle-reverse .toggle-panel .lists.data.noline {padding-bottom: 1.2rem; border-bottom: 1px solid var(--color-06);;}
.toggle-reverse .toggle-panel .lists li:first-child {margin-top:0;}
.toggle-reverse .toggle-panel .lists li:first-child > * {padding-top:0;}
.toggle-reverse .toggle-panel .btn {margin-right:0;}
.toggle-reverse .toggle-btn:after {transform:rotate(180deg);}
.toggle-reverse .toggle-btn.on:after {transform:rotate(0deg);}

.toggle-btn.on {border-radius:0 0 1.2rem 1.2rem !important;}
.toggle-btn[data-txt] .aft,
.toggle-btn.on[data-txt] .bef {display:none;}
.toggle-btn[data-txt] .bef,
.toggle-btn.on[data-txt] .aft {display:inline-block;}
.toggle-btn.center {margin-left:auto; margin-right:auto;}

/* List */
.lists.data .value .toggle-btn:after {transform:rotate(180deg);}
.lists.data .value .toggle-btn.on:after {transform:rotate(0deg);}

.opt-order {display:flex; flex-direction:column;}
.opt-order .order-last {order:2;}
.opt-order .toggle-panel {margin-bottom:var(--lv-la);}

/* Contents Foot Toggle */
.pg-content.page-fit {display:flex; height:100%; flex-direction:column;}
.pg-content.page-fit .toggle-reverse,
.pg-content.page-fit .fit-bottom {margin-top:auto;}

.pg-content-foot .toggle-reverse {margin-bottom:4rem}
.pg-content-foot .toggle-reverse .toggle-btn {order:2; width: calc(100% + 1.2rem); font-size:1.4rem; margin-left:-.6rem; margin-right:-.6rem;}
.pg-content-foot .toggle-reverse .btn:first-child {flex:none;}
.pg-content-foot .toggle-reverse .toggle-panel {order:1; margin-top:-7.2rem; margin-left:-.6rem; margin-right:-.6rem;}

/* ---------------------------------------------------------------- Board ---------------------------------------------------------------- */
/* Board > List */
.btns + .board-list {margin-top:2.4rem;}
.board-list .lists.link {border:none;}
.board-list .lists.link li {padding:1.6rem 0;}
.board-list .lists.link li:first-child {padding-top:0;}
.board-list .lists.link .li-link {flex-direction:column; align-items:flex-start; padding:0;}
.board-list .lists.link .li-link .tit {display:-webkit-box; margin-bottom:.4rem; font-size:1.6rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all; word-wrap:break-word; text-overflow:ellipsis;}
.board-list .lists.link .li-link .info {display:flex; align-items:center;}
.board-list .lists.link .li-link .d-day {margin-right:.6rem; padding:.2rem .5rem; font-size:1.2rem; font-weight:500; border:1px solid var(--color-blue1); border-radius:1.2rem;}
.board-list .lists.link .li-link .date {font-size:1.3rem; color:var(--color-04);}
.board-list .lists.link .li-link .visual {width:100%; margin-top:1.2rem;}
.board-list .lists.link .li-link .visual img {display:block; width:100%; max-width:initial;}/* ±âÁØ)µð¹ÙÀ̽º Çػ󵵿¡ µû¶ó Àüü½ºÄÉÀÏ È®´ë */
.board-list .lists.link .li-link::before {display:none;}
.board-list .lists.link .li-link.point {color:var(--color-blue1); font-weight: 700;}
.board-list .new {display:inline-flex; width:1.8rem; height:1.8rem; margin-left:.4rem; background:url(/_pub/assets/img/common/ico-18x-12.svg) no-repeat; background-size: 100% auto; vertical-align:text-bottom; font-size: 1px; color:transparent;}

/* Board > View */
.board-view {margin:0 -2.4rem; background:var(--color-08);}
.board-view-tit {margin:0 2.4rem; padding-bottom:1.2rem;}
.board-view-tit .ht-2 {margin-bottom:1.2rem; font-size:2rem; font-weight:500;}
.pg-container.bg02 .board-view-tit .ht-2 {margin-bottom:1.2rem; padding-bottom:0;}
.board-view-tit .info {display:flex; justify-content:space-between; align-items:center;}
.board-view-tit .info .date {font-size:1.3rem; color:var(--color-04);}
.board-view-cont {margin:0 2.4rem 3.2rem; padding-top:2.4rem; border-top:1px solid var(--color-06);}
.board-view-cont .full-img {margin:-2.4rem -2.4rem 0 -2.4rem; text-align: center;}
.board-view-cont .view-img {width:100%; margin-top:2rem; text-align: center;}
.board-view .result.nodata {margin:0; padding-top:6rem; background:var(--color-blue9);}
.reply-wrap {padding:3.2rem 2.4rem 0; background:var(--color-blue9);}
.reply-wrap .reply-cont {margin-top:1.6rem;}

/* ---------------------------------------------------------------- Table ---------------------------------------------------------------- */
/* Default(horizontal) */
.table {margin-top: 1.2rem;}
[class^=ht-] + .table .table-headnote {margin-top: -.4rem;}
.table .table-headnote.h-align-center .ht-4 {margin:0;}
.table table {border-top: 1px solid var(--color-04); border-bottom: 1px solid var(--color-05);}
.table table th,
.table table td {border-top: 1px solid var(--color-06); border-left: 1px solid var(--color-06); font-weight: 400; text-align: center; vertical-align: middle;}
.table table tbody tr:first-child th,
.table table tbody tr:first-child td,
.table table thead tr:nth-child(2) th,
.table table thead tr:nth-child(3) th {border-top: none;}
.table table thead th,
.table table thead td {border-bottom: 1px solid var(--color-06);}
.table table th:first-child,
.table table td:first-child {border-left: none;}
.table table :not(tr:first-child) tbody th,
.table table :not(tr:first-child) tbody td {border-top: 1px solid var(--color-06);}
.table table th {padding: .8rem 1rem; background-color: var(--color-07);}
.table table td {padding: 1.2rem 1rem;}
.table table td .btns.inline {margin-left: .8rem;} /* td > text + button */ 
.table table td .btns.block {margin-top: .8rem;} /* td > text + button */ 
.table table th.bdl,
.table table td.bdl { border-left: 1px solid var(--color-06);}
.table table tr.on th {background-color:var(--color-blue8);}
.table table tr.on td {background-color:var(--color-blue9);}

/* Vertical */
.table.v table th,
.table.v table td {text-align: left;}

/* Mix */
.table.mix table tbody th {text-align: left;}

/* Note */
.table-headnote {margin: .8rem 0; font-size: 1.3rem; color: var(--color-03); text-align: right;}
.table-headnote.between {display: flex; justify-content: space-between; align-items: center;}
.table-headnote p.depth.bul {font-size: 1.4rem;}
.table-footnote {margin-top: 1.2rem; color: var(--color-03);}
.table-footnote .depth.bul li {color: var(--color-01);}

/* ºÎ°¡¼³¸í */
.hgroup.type02 {display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin:3.2rem 0 1.2rem;}
.hgroup .table-data {font-size:1.2rem;line-height:1.2rem;color:#696E77;}
.hgroup .tit {font-weight:600;font-size:1.6rem;line-height:2.24rem;}
.hgroup .h4 {font-size:1.6rem;line-height:2.24rem;}
.hgroup.type03 {margin:1.8rem 0 1.2rem;}

/* ---------------------------------------------------------------- Form ---------------------------------------------------------------- */
/* Default */
.form-group {margin-top:3.2rem}
/* .form-group + .form-group {margin-top:3.2rem} */
.form-label {display:inline-block; /* min-height:2.4rem; */position: relative; font-size: var(--fz-13); color: var(--color-03);  line-height:inherit; z-index:2;} 
.form-label.right {width:100%;}
.form-label.fz-16 {margin-bottom: 1.2rem; font-size: var(--fz-16); color:var(--color-01); font-weight: 500;}
.form-label + .form-row {margin-top:0;}
.form-row {display:flex; margin-top:0.8rem; width:100%;}
.form-row.unlock {display:block; margin-bottom:0;} 
.form-row.unlock .unit {display:block; padding-bottom: 3rem;}
.form-row.v {flex-direction:column;}
.form-group > .form-row:first-child {margin-top: 0;}
.section > .form-group:first-child {margin-top: 0;}

.form-row.multi-row {flex-wrap:wrap; justify-content:space-between}
.form-row.multi-row .form-ele {flex-basis:calc(50% - 0.8rem);}
.form-row.multi-row .form-ele ~ .form-ele:nth-child(odd) {margin-left:0; margin-top:1.2rem;}

.form-row.space-fit01 {margin-left:-3.4rem; width:calc(100% + 3.4rem);}

.form-ele {display:flex; align-items: center; position:relative; width:100%; height:4.4rem; color:var(--color-01); font-weight:500; font-size:2rem; min-width:0;}
.form-ele::before,
.form-ele::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:var(--color-06);}
/* 250930 Ãß°¡ */
.form-ele.no-line input:read-only{background: none;}
.form-ele.no-line::before,
.form-ele.no-line::after {content:none;}
/* // 250930 Ãß°¡ */
.form-row.success .form-ele::before {background-color:var(--color-posi);}
.form-row.error .form-ele::before {background-color:var(--color-nega);}
.form-row .form-ele.error::before {background-color:var(--color-nega);}
.form-ele::after {width:0; background-color:#0f73e9; transition:0.3s;}
.form-ele.focus::after {width:100%;}
.form-ele.line-fix.focus::after {width:0;}
.form-ele .btn {flex:none;}
.form-ele[data-ui=select] {height:initial;}
.form-ele.flex70 {flex:0 0 70%;}
.form-ele.flex1 {flex:1;}
.form-row .form-ele:nth-child(1) ~ .form-ele {margin-left:1.6rem;}
.form-foot {display: flex; justify-content: space-between; width: 100%;}

/* Tip */
.tip {display:block; position: relative; margin-top:.4rem; padding-left: 2.2rem; font-size:var(--fz-13); color:var(--color-01);}
.tip::before {content:''; display: inline-block; position: absolute; top:0; left:0; width: 1.8rem; height: 1.8rem; margin-right: .4rem; background:url(/_pub/assets/img/common/ico-18x-5.svg) no-repeat 0 0; vertical-align: middle; background-size:100%;} 
.tip.error {color:var(--color-nega);}
.tip.error::before {background:url(/_pub/assets/img/common/ico-18x-5-nega.svg) no-repeat 0 0;}
.tip.success {color:var(--color-blue1);}
.tip.success::before {background:url(/_pub/assets/img/common/ico-18x-5-posi.svg) no-repeat 0 0;}

/* Bank Suggestion 260923 */
.bank-suggestion { margin-top: 1.2rem; }
.bank-suggestion .bank-list { display: flex; flex-wrap: wrap; gap : 0.8rem; } 
.bank-suggestion .bank-box { display: inline-flex; align-items: center; padding: 0.5rem 1.2rem 0.5rem 0.5rem; background: var(--color-07); border-radius: 10rem; }
.bank-suggestion .bank-box .bank-ci { width: 2.4rem; height: 2.4rem; }
.bank-suggestion .bank-box .text { margin-left: 0.6rem; font-size: var(--fz-14); color: var(--color-01); }

/* Form > Bottom Button */
.form-btm-wrap {margin-top:1.2rem;font-size:1.4rem;color: var(--color-01)}

/* Form > Box */
.form-row.by-box {border:1px solid #c0c3ca; padding:0 .4rem 0 1.6rem; border-radius:0.4rem;}
.form-row.by-box .form-ele::before {background:none;}
.form-row.by-box .form-ele::after {display: none;}
.form-row.by-box .form-ele .inp-btn {align-self:center; font-size:1.6rem; font-weight: 400;}
.form-row.by-box .space {margin-left: 0;}

/* Input / Select */
.form-ele .inp,
.form-ele:not(.addr) .inp-btn,
.form-ele .select-btn {align-self: flex-start; position:relative; width:100%; min-height: 4.2rem; font-weight:500; font-size:2rem; background-color:transparent; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; min-width: 0;}
.form-ele .inp::-webkit-input-placeholder {color:var(--color-04);}
input[type="date" i]::-webkit-calendar-picker-indicator {background:url(/_pub/assets/img/common/ico-24x-16.svg) no-repeat center center; margin-right:0.6rem;}
.form-ele .inp-btn,
/* .form-ele .inp-btn + .unit, */
.form-ele .select-btn {color:var(--color-04);} 
.form-ele .inp-btn.on,
.form-ele .inp-btn.on + .unit,
.form-ele .select-btn.on {color:var(--color-01);}
.form-ele .inp-btn.justify {display:flex; justify-content:space-between; align-items:center;}
/* .form-ele .inp-btn.justify.on {display:flex; flex-direction:column; align-items:flex-start;} */
.form-ele .inp-btn.justify .like-label,
.form-ele .like-label {color:var(--color-03); font-size:1.8rem;}
.form-ele .inp-btn.justify .point.sm {display: inline-block; position:relative; overflow:hidden; font-weight:500; text-align:center; white-space:nowrap; background: #636e8a; color:var(--color-08);min-height: 3.2rem; padding:0.8rem 1.2rem; border-radius:0.6rem; font-size:var(--fz-14); box-sizing:border-box; flex:none;}
/* ¼±ÅÃÇÑ °èÁ ÀԷµÆÀ» ¶§ */
.form-ele .select-btn .cilist-flex {display:flex; align-items:center;}
.form-ele .select-btn .cilist-flex [class*=ci-] {flex:none;}
.form-ele .select-btn .cilist-flex span {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* ÀÎÁõ¹øÈ£ ³²Àº½Ã°£ */
.form-ele .time-limit {flex:none;margin-left:1rem;padding-right:3.2rem;background:url(/_pub/assets/img/common/ico-time.png) no-repeat right center; background-size: 2.4rem 2.4rem; color:#0086ff;font-size:1.6rem;line-height:2.4rem;}


/* Input > readonly, disabled */
.form-ele .inp[readonly],
.form-ele .inp-btn.readonly:disabled,
.form-ele .inp-btn.readonly:disabled + .unit,
.form-ele .select-btn.readonly:disabled {background-color:var(--color-07); color: var(--color-01); opacity:1;}
.form-ele .inp.bg-white {background-color:transparent !important;}
.form-ele .inp:disabled, 
.form-ele .inp-btn:disabled,
.form-ele .inp-btn:disabled + .unit,
.form-ele .select-btn:disabled {background-color:var(--color-07); color:var(--color-05);}
.form-ele .inp-wrap {width: 100%;}
/* Input > Type */
.form-row .space {flex:none; align-self:flex-end; margin-left:1rem; text-align:center; line-height:4.2rem; }

/* Input > Masking */
.form-row .masking {display:flex;}
.form-row .masking .form-ele.w-20 {display: flex; flex-basis:2rem; flex-grow: 0;} 
.form-row .masking .inp[type=tel] {text-align:center;}
.form-row .masking::before,
.form-row .masking::after {display: none;}
.form-row .inp-btn.masking-ele,
.form-row .masking-ele {letter-spacing:0.3rem; font-size:1rem; padding-left:0.4rem}
.form-row .masking-ele .already {color:var(--color-01) !important;}
.form-row .masking-ele.center {padding-left:0; text-align:center;}
/* 250929  Ãß°¡ */
.form-ele .inp-btn.inpt-mask-union{display: flex;align-items: center;}
.form-ele .inp-btn.inpt-mask-union .masking-ele {margin-top:-0.4rem;}

/* Input > Unit */
.form-row .unit {align-self: flex-start; padding-left:.4rem; min-height:4.2rem; line-height: 4.2rem; white-space:nowrap;}
.form-guide {margin-top:0.8rem;font-size:1.3rem;color:#707070;line-height:1.2;text-align:right}
.form-hangul {margin-top:0.4rem;font-size:1.3rem;color:#707070;line-height:1.2;text-align:right}
.form-sum {margin-top:.4rem; font-size:var(--fz-13); color:var(--color-03); text-align: right;}
/* Input > Between */
.form-row.between {position:relative; justify-content:space-between;}
.form-row.between::after {content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--color-06);}
.form-row.between.error::after {background:var(--color-nega);}
.form-row.between .row-tit {display:inline-block; width:100%; font-size:1.9rem; color:var(--color-03); line-height:4.4rem; z-index:1;}
.form-row.between .input input::placeholder {text-align:right;}
/* Input > Between.Readonly */
.form-row.between.readonly {background-color:var(--color-07);}
.form-row.between.readonly .form-ele {color:var(--color-01)}

/* Input clear */
.form-ele .btn-clear {flex:none; width:3.2rem; height:3.2rem; background:url(/_pub/assets/img/common/ico-24x-5.svg) no-repeat center center;}

/* Form > Address */
.form-ele.addr {height:auto; min-height:4.2rem;}
.form-ele.addr .inp-btn {padding:.8rem 0; font-size:1.6rem; font-weight:500; text-align:left;}
.form-ele.addr .inp-btn .post-num {display:block; margin-bottom:0.2rem;}
.form-ele.addr .inp-btn .address {display:block; margin-right:1rem;}
.form-ele.addr .inp-btn .address.full {margin-right:1.8rem;}
.form-ele.addr .inp-btn .address.full > span {display:block;}
.form-ele.addr .inp-btn .address.full .type01 {font-weight:400}
.form-ele.addr .inp-btn .address.full .type02 {display:block; margin-top:0.4rem; color:var(--color-03); font-size:var(--fz-14)}
.form-ele.addr .inp-btn[type='button'],
.form-ele.addr .inp-btn[role='button'] {width:100%;}

.tit-form-wrap {display:flex; justify-content:space-between; margin:6rem 0 2rem}
.tit-form-wrap [class*=ht-] {margin:0}


/* Input Date Calendar button */
.form-ele.calendar .inp-btn {padding-top:0;}
.form-ele.calendar .inp,
.form-ele.calendar .inp-btn {padding-right:3.6rem; letter-spacing: -.05rem;}
.form-ele.calendar .inp-btn:after {content:''; width:2.2rem; height:2.2rem; background:url(/_pub/assets/img/common/ico-24x-18.svg) no-repeat center center; position:absolute; right:0.8rem; top:calc(50% - 1.2rem);}
.form-ele.calendar .inp-btn.readonly:after,
.form-ele.calendar .inp-btn:disabled:after {filter:opacity(.3)}

/* Select */
.select-btn {padding-right: 3.2rem;}
.select-btn::after {content:''; position:absolute; right:.4rem; top:calc(50% - 1.2rem); width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-13.svg) no-repeat 0 0; background-size: 100% auto;}
.select-btn.readonly::after,
.select-btn:disabled::after {background:url(/_pub/assets/img/common/ico-24x-12.svg) no-repeat 0 0}
.select-btn-val {line-height: 4.2rem;}
/* .select-btn-val.on {color:var(--color-01)} */

/* 2/23 yh È®ÀÎÇÊ¿ä */
/* .form-ele.sm {height:initial}
.form-ele.sm:before {display:none;} 
.form-ele.sm .select-btn {font-size:var(--fz-14); min-height:initial;}
.form-ele.sm .select-btn-val {line-height:initial;}

.form-ele.md {height:3.8rem}
.form-ele.md:before {display:none;} 
.form-ele.md .select-btn {font-size:var(--fz-14); min-height:initial; padding-top:0}
.form-ele.md .select-btn-val {line-height:3.8rem;}
.form-ele.md .select-btn::after {background:url(/_pub/assets/img/common/ico-18x-6-2.svg) no-repeat center center;} */


/* Textarea */
.textarea {display: flex; justify-content: space-between; align-items: flex-start; width: 100%; position: relative; width:100%; margin-top:0.8rem; display:flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.textarea textarea {width:100%; height:18rem; margin-top:0.8rem; font-size:1.6rem; padding:1.2rem 1.6rem; appearance:none; resize:none; display:block; border:1px solid var(--color-05); border-radius:0.4rem;}
.textarea.error {flex:1}
.textarea.focus textarea {border-color: var(--color-blue1);}
.textarea.error textarea {border-color: var(--color-nega);}
.textarea textarea::-webkit-input-placeholder {color:var(--color-04);}
.textarea textarea:disabled {color:var(--color-05);}
.textarea-readonly textarea,
.textarea-disabled textarea {background-color: var(--color-07); border-color: var(--color-06);}
.textarea-disabled .byte .curr {color:var(--color-05);}
/* .textarea + .tip {padding-right:8.5rem;} */
/* .textarea.nobyte + .tip {padding-right:0;} */
.textarea .byte {flex:none; margin:0.4rem 0 0 auto; padding-left:2rem; font-size:var(--fz-13);color:var(--color-04); line-height:1.8rem; text-align:right; white-space: nowrap;}
.textarea .byte .curr {color:var(--color-01);}

/* textarea auto height */
.textarea.auto-height{display:inline-grid;position:relative;width:100%;padding:0;vertical-align:top;align-items:stretch; min-height:initial; justify-content:initial;}
.textarea.auto-height::after, 
.textarea.auto-height textarea{display:block;height:auto;grid-area:2/1;resize:none;background:none;min-height:initial;}
.textarea.auto-height::after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.textarea.auto-height textarea::placeholder{font-weight:700}

/* textarea Æ÷Ä¿½º À̵¿ ³í¸®¼ø¼­ */
/* wa-241010 : »ó´ã³»¿ë ³» ¸¶Å©¾÷ ÅÂ±× ³í¸®¼ø¼­ º¯°æ ½ºÅ¸Àϸµ */
.textarea.consult-desc {padding-bottom: 22px;}
.textarea.consult-desc .byte {position: absolute; bottom: 0; right: 0;}

/* Radio & Checkbox */
.form-rdochk {display:flex; flex-wrap:wrap; justify-content: space-between;} /* margin-bottom:-1.6rem; */
/* .form-rdochk:not(.rdobox) {margin-bottom:-1.6rem;} */
/* .form-rdochk .form-sel {margin-bottom:1.6rem;} 0414 ±âº»°ø¹éÁ¦°Å.. üũÈÄ »èÁ¦ Y. */
.form-rdochk.add-line {margin-bottom:0}
.form-rdochk.add-line .form-sel {margin:0; padding:1.6rem 0; border-top:1px solid var(--color-07)}
.form-rdochk.add-line .form-sel:not(.last-exp):last-of-type {padding-bottom:0;}
.form-rdochk.add-line .form-sel.last-exp {border-bottom:1px solid var(--color-07)}
.form-rdochk.add-line .form-sel:first-child {border-top:0; padding-top:0;}
.form-rdochk:not(.flexible) .form-sel {flex-basis:50%; padding-right:1rem;}
.form-rdochk.rdobox:not(.flexible):not(.fit):not(.col-2):not(.col-3) .form-sel {margin-left:0; flex:0; flex-basis:calc(50% - 0.2rem); margin-bottom:0;} /* margin-bottom:0.4rem; */
.form-rdochk.rdobox.add-img:not(.flexible):not(.fit) .form-sel {flex-basis:calc(50% - 0.4rem);}

.form-rdochk.rdobox:not(.flexible) .form-sel:nth-child(even) {margin-left:0.4rem;}
.form-rdochk.rdobox.last-chk:not(.flexible) .form-sel:last-child {flex-basis:100%; margin-left:0;}
.form-rdochk.right {justify-content:flex-end;}
.form-rdochk.right.switch-pos {align-self:center; margin-bottom:0}

.form-rdochk.right .form-sel {flex-basis:initial; padding-right:0; padding-left:2.4rem;}

.form-rdochk.v {flex-direction:column;}
.form-rdochk.v .form-sel {flex-basis: initial;}
.form-rdochk.v .form-sel + .rdo-panel {margin-bottom:1.6rem;}
.form-rdochk.v:not(.rdobox) .form-sel {margin-bottom:1.6rem;}
.form-rdochk.add-line.v .form-sel {margin-bottom:0;}
/* .form-rdochk.v .form-sel:last-child {margin-bottom: 0;} */
/* .form-rdochk.rdobox {margin-bottom:-0.4rem;} */
.form-rdochk.fit,
.form-rdochk.rdobox.fit {flex-wrap: nowrap;}
.form-rdochk.fit .form-sel {margin-bottom:0;}
/* .form-rdochk.fit .form-sel {margin-bottom:0;} */
.form-rdochk.fit .form-sel input[type=checkbox] + .label {padding-right:0.5rem;}

.form-rdochk.flexible {flex-wrap:wrap; justify-content:flex-start; margin-bottom:-1rem;}
.form-rdochk.flexible .form-sel {flex-basis:initial;}
.form-rdochk.flexible .form-sel .label {padding-right:3.2rem;}
.rdoChk-group {display:flex; flex-wrap:wrap; margin-bottom:-0.4rem;}
.rdoChk-group .form-sel {flex-basis:50%; margin-bottom:0.6rem;}
.rdoChk-group.flexible .form-sel {flex-basis:auto;}
.rdoChk-group.flexible .form-sel .label {padding-right:2rem;} /* 3.2rem */
.rdoChk-group.flexible .form-sel:last-child .label {padding-right:0;}

.form-rdochk.col3 {justify-content: flex-start;}
.form-rdochk.col3 .form-sel {flex-basis:33.3%; margin-bottom:1.6rem; padding-right:1rem;}
.form-rdochk.col3 .form-sel:last-child,
.form-rdochk.col3:not(.v) .form-sel:nth-child(3n+1):nth-last-child(-3+2) {margin:0;}

.form-sel input + .label {display:inline-block; position:relative; max-width:100%; min-height:2.4rem; padding:.2rem 0 0 3.4rem; font-size:var(--fz-14); vertical-align:middle;}
.form-sel,
.switch {display:inline-block;position:relative;vertical-align:top;}/* margin-bottom: 1.6rem; */
.form-sel input[type=radio],
.form-sel input[type=checkbox],
.switch input {display:block; position:absolute !important; width:100%;height:100%;overflow:hidden !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px,1px,1px,1px) !important; z-index:0; opacity:0;}

.form-rdochk.rdobox:not(.flexible):not(.fit):not(.col-2):not(.col-3):not(.v) .form-sel {flex:1;}
.form-rdochk.rdobox:not(.flexible):not(.fit):not(.col-2):not(.col-3):not(.v) .form-sel + .form-sel {margin-left:0.4rem;}
.form-rdochk.rdobox.v .form-sel + .form-sel {margin-top:0.4rem}


.form-sel.reverse input + .label {padding-left:initial; padding-right:3.4rem;}
.form-sel.reverse input[type=checkbox] + .label:before,
.form-sel.sm.reverse input[type=checkbox] + .label:after,
.form-sel.sm.reverse input[type=checkbox]:checked + .label:after {left:auto; right:0;}
.form-sel.sm.reverse input[type=checkbox] + .label:before {background-position:100% 50%;}

.form-sel.reverse input[type=radio] + .label {left:auto; right:0; width:100%;}
.form-sel.reverse input[type=radio] + .label:before,
.form-sel.reverse input[type=radio] + .label:after,
.form-sel.reverse input[type=radio]:checked + .label:after {left:auto; right:0;}
.form-sel.reverse input[type=radio] + .label:before {margin-right:0; margin-left:1rem;}
.form-sel.reverse input[type=radio] + .label:before {top:calc(50% - 1.2rem);}



/* Radio */
.form-sel input[type=radio] + .label {color:var(--color-03)}
.form-sel input[type=radio] + .label:before {content:''; display:inline-block; z-index:1; position:absolute; top:0; left:0; width:2.4rem; height:2.4rem; margin-right:1rem; border:1px solid var(--color-04); vertical-align:middle; border-radius:100px;background-color:var(--color-08);transition:0.2s ease-in;}
.form-sel input[type=radio] + .label:after {content:''; display:inline-block; position:absolute; left:.6rem; top:.6rem; z-index:1; width:1.2rem; height:1.2rem; border-radius:50%; background:var(--color-02); transform:scale(0)}
.form-sel input[type=radio]:disabled + .label {color:var(--color-05);}
.form-sel input[type=radio]:disabled + .label [class^=numbers] {color:var(--color-blue6) !important;}
.form-sel input[type=radio]:checked + .label:before {border-color:var(--color-blue1); border-width:0.7rem;}
.form-sel input[type=radio]:checked + .label:after {animation:radioAni .3s linear forwards; background:none;}
.form-sel input[type=radio]:disabled + .label:before {border-color:var(--color-06)}
.form-sel input[type=radio]:checked:disabled + .label:before {border-color:var(--color-blue7); border-width:0.7rem;}
.form-sel input[type=radio]:checked:disabled + .label:after {background:none;}
@keyframes radioAni {
    0% {transform:scale(0);}
    60% {transform:scale(1.3);}
    100% {transform:scale(1);}
}

/* Radio ico */
.form-rdochk.box .form-sel.ico input[type=radio] + .label:before {padding-right: 0;}
.form-rdochk.box .form-sel.ico label {padding-right:2.4rem;}
.form-sel.ico input[type=radio] + .label:before {border: none; border-radius: 0; transition: none;}
.form-sel.ico.ico-24x-22 input[type=radio] + .label:before {background: url(/_pub/assets/img/common/ico-24x-22.svg);}
.form-sel.ico.ico-24x-23 input[type=radio] + .label:before {background: url(/_pub/assets/img/common/ico-24x-23.svg);}

/* Radio > Box */
.form-rdochk.rdobox {display:flex; flex-wrap:wrap; position:relative; width:100%;} /* justify-content:flex-start; */
.form-rdochk.rdobox .form-sel {position:relative; display: flex; flex:1; align-items: center; padding:0; text-align:center;z-index:1; margin-right:0; margin-left:0.4rem;}
.form-rdochk.rdobox .form-sel:first-child {margin-left:0;}
.form-rdochk.rdobox .form-sel input[type=radio] + .label {position:relative; position:initial;width:100%;padding:1rem .5rem;font-size:1.4rem;color:var(--color-03);}
.form-rdochk.rdobox .form-sel input[type=radio] + .label::before{display:none}
.form-rdochk.rdobox .form-sel input[type=radio] + .label::after {top:0;left:0;right:0;bottom:0;width:auto;height:auto; border:1px solid var(--color-05); background:none;border-radius:0.4rem;transform:none;z-index:1}
.form-rdochk.rdobox .form-sel input[type=radio]:disabled + .label {color:var(--color-05);}
.form-rdochk.rdobox .form-sel input[type=radio]:disabled + .label::after {border-color:var(--color-06);}
.form-rdochk.rdobox .form-sel input[type=radio][checked]:disabled + .label {color:var(--color-blue7);}
.form-rdochk.rdobox .form-sel input[type=radio][checked]:disabled + .label::after {border-color:var(--color-blue7); color:var(--color-blue6);}
.form-rdochk.rdobox .form-sel input[type=radio]:checked + .label {color:var(--color-blue1); font-weight:700;}
.form-rdochk.rdobox .form-sel input[type=radio]:checked + .label::after {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid var(--color-blue1); animation:none; z-index:2;}

.form-rdochk.rdobox.col-3 {margin-bottom:0;}
.form-rdochk.rdobox.col-3 .form-sel {flex: 0 0 calc(100% / 3 - 0.3rem); margin-left:0.4rem; margin-bottom:0.4rem;}
.form-rdochk.rdobox.col-3 .form-sel:nth-child(3n+1) {margin-left:0;}
.form-rdochk.rdobox.col-3 .form-sel:nth-child(3n+1):nth-last-child(-n+3),
.form-rdochk.rdobox.col-3 .form-sel:nth-child(3n+1):nth-last-child(-n+3) ~ .form-sel  {margin-bottom:0;}

.form-rdochk.rdobox.col-2 {margin-bottom:0;}
.form-rdochk.rdobox.col-2 .form-sel {flex: 0 0 calc(100% / 2 - 0.3rem); margin-left:0.4rem; margin-bottom:0.4rem;}
.form-rdochk.rdobox.col-2 .form-sel:nth-child(2n+1) {margin-left:0;}
.form-rdochk.rdobox.col-2 .form-sel:nth-child(2n+1):nth-last-child(-n+2),
.form-rdochk.rdobox.col-2 .form-sel:nth-child(2n+1):nth-last-child(-n+2) ~ .form-sel  {margin-bottom:0;}

/* .form-rdochk.rdobox.col-2 .form-sel {flex: 1 0 calc(100% / 3); margin-left:0.4rem; margin-bottom:0.4rem;}
.form-rdochk.rdobox.col-2 .form-sel:nth-child(2n-1) {margin-left:0;} */

/* Radio > Toggle */
.rdo-panel, .chk-panel {display:none;} /* margin-top: 3.2rem; */
.rdo-panel > *:first-child, 
.chk-panel > *:first-child {margin-top:0}

/* Checkbox */
.form-sel input[type=checkbox] + .label {color:var(--color-03)}
.form-sel input[type=checkbox] + .label {z-index:1; width:100%;}
.form-sel input[type=checkbox] + .label:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:2.4rem; height:2.4rem; margin-right:.5rem; border:1px solid var(--color-04); border-radius:100px; background-color:var(--color-08); vertical-align:middle; transition:.3s;} /* 260618 ¼öÁ¤ */
.form-sel input[type=checkbox] + .label:after {display:inline-block; content:''; position:absolute; left:0; top:.1rem; z-index:1; width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/chk-14x-1-gray.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}
.moa-ads-area .form-sel input[type=checkbox] + .label:after{background:none;}
.form-sel.alone input[type=checkbox] + .label {width:2.4rem; padding-left:0;}
.form-sel.mid input[type=checkbox] + .label:before {top:50%; transform:translateY(-50%);}
.form-sel.mid input[type=checkbox] + .label:after {top:50%;transform:translateY(-50%);margin-top:0.1rem;}
.form-sel input[type=checkbox]:checked + .label:before {border-color:var(--color-blue1); background:var(--color-blue1);}
.form-sel input[type=checkbox]:checked + .label:after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg); animation:chkeckboxAni 0.3s linear}
.moa-ads-area .form-sel input[type=checkbox] + .label:after{background:none;}
.form-sel input[type=checkbox]:disabled + label,
.form-sel input[type=checkbox]:checked:disabled + label {color: var(--color-05);}
.form-sel input[type=checkbox]:disabled + .label:before {border-color:var(--color-06);background-color:#fff}
.form-sel input[type=checkbox]:disabled + .label:after{background-image:url(/_pub/assets/img/common/chk-14x-1-disabled.svg)}
.form-sel input[type=checkbox]:checked:disabled + .label:before {background:var(--color-blue7); border-color:var(--color-blue7);}
.form-sel input[type=checkbox]:checked:disabled + .label:after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg)}
@keyframes chkeckboxAni {
    0% {clip:rect(0, 0, 2.4rem, 0);}
    100% {clip:rect(0, 2.4rem, 2.4rem, 0);}
}
/* Checkbox > Font-size:16px */
.form-sel.lg input + .label {font-size: var(--fz-16); color:var(--color-01); font-weight: 500;}
.form-sel.lg .label-sub {margin:0.8rem 0 0 3.4rem; display:inline-block}

/* Checkbox > Small */
.form-sel.sm input[type=checkbox] + .label {min-height:2rem; font-size:var(--fz-14); color:var(--color-03)}
.form-sel.sm input[type=checkbox] + .label:before {width:2.4rem; height:2.4rem; background:transparent; border:0; background-image:url(/_pub/assets/img/common/chk-14x-1-gray.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}
.form-sel.sm input[type=checkbox]:checked + .label:before {top:0;}
.form-sel.sm input[type=checkbox]:checked + .label:after {top:0; left:0; width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/chk-14x-1-checked.svg);}
.form-sel.sm input[type=checkbox]:disabled + .label,
/* .form-sel.sm input[type=checkbox]:checked:disabled + .label {color:var(--color-08)} */
.form-sel.sm input[type=checkbox]:disabled + .label:after {border-color:var(--color-08)}
.form-sel.sm input[type=checkbox]:checked:disabled + .label:before {border-color:#83b8f7; background:transparent;}
.form-sel.sm input[type=checkbox]:checked:disabled + .label:after {background-image:url(/_pub/assets/img/common/chk-14x-1-checked-disabled.svg)}
.form-sel.sm input[type=checkbox] + .label:after {display:block; content:''; position:absolute; top:0; left:0; width:2.4rem; height:2.4rem} 

/* [disabled] color not change in reverse */
.form-sel.reverse input[type=checkbox]:disabled + label, 
.form-sel.reverse input[type=checkbox] + .label,
.form-sel.reverse input[type=radio] + .label {color:var(--color-01)}
.form-sel.reverse input[type=radio] + .label .p-sub {padding-top:0.4rem; display:block;}

/* Switch */
.switch {height:2.4rem;} /* display:inline-block; position:relative; vertical-align:top; */
.switch label {padding-left:4.4rem; padding-top:0.3rem;}
.switch label:before {position:absolute; top:0; left:0; content:''; width:4.4rem; height:2.4rem; border-radius:10rem; background:var(--color-04);} 
.switch label:after {position:absolute; top:0.4rem; left:0.4rem; content:''; width:1.6rem; height:1.6rem; border-radius:50%; background:var(--color-08); box-shadow:2px 2px 4px rgba(0,0,0,0.08); transition:left .2s ease-out;}
.switch label span{font-size:1.5rem !important; color:var(--color-03); padding-left:.8rem; line-height:2.2rem;}
.switch input + label {display:block; position:relative; height:2.2rem;}
.switch input:checked + label:before {background:var(--color-blue1);}
.switch input:checked + label:after {left:2.2rem; background:var(--color-08); width:2rem; height:2rem; top:0.2rem; right:0.2rem;}
.switch input:disabled + label:before {opacity: .9;}
.switch input:disabled + label:after {float:left;}
.switch input[checked]:disabled + label:before {opacity: .9; }
.switch input[checked]:disabled + label:after {float:right; opacity: .7;}
.switch input:disabled + label span,
.switch input[checked]:disabled + label span {color:var(--color-08);}
.switch.right label {padding:0.3rem 5rem 0 0;}
.switch.right label:before {left:inherit; right:0;}
.switch.right label:after {left:inherit; right:2.3rem; transition:right .2s ease-out;}
.switch.right input:checked + label:after {left:inherit; right:0.2rem;}
.switch.right input + label span {padding:0 .8rem 0 0;}
/* Switch > Rate */
.switch.rate {height:3.2rem;}
.switch.rate label {padding-left:6.4rem; width:6.4rem; height:3.2rem; border-radius:3.2rem; background:#f7f7f8;}
.switch.rate label:before,
.switch.rate label:after {content:''; width:3.2rem; height:3.2rem; font-size:2.4rem; line-height:3.2rem; text-align:center;}
.switch.rate label:before {position:absolute; top:50%; left:auto; right:1rem; z-index:2; width:1.2rem; height:.2rem; margin:-.1rem 0 0 0; border:1px solid var(--color-01); border-radius:.3rem; background:none;}
.switch.rate label:after {left:3.2rem; background:#00ebff;}
.switch.rate:before {content:''; position:absolute; top:1.5rem; left:1rem; z-index:2; width:1.2rem; height:.2rem; margin:0; border:1px solid var(--color-01); border-radius:.3rem; background:none; }
.switch.rate:after {content:''; position:absolute; top:1rem; left:1.5rem; z-index:2; width:.2rem; height:1.2rem; margin:0; border:1px solid var(--color-01); border-radius:.3rem; background:none;}
.switch.rate input + label {height:3.2rem;}
.switch.rate input:checked + label:after {left:0; background:#00ebff;}
.switch.rate input:checked + label span {position:absolute; top:0; left:0; width:3.2rem; height:3.2rem; line-height:3.2rem; font-size:2.4rem; color:var(--color-02);}


/* Component */
/* Address */
.form-group.address {position:relative;padding-top:0}
.form-group.address .form-group.address {position:static; padding-top:0;}
.form-group.address .addr-tit {position:absolute; left:.2rem; top:.5rem; z-index:2; color:var(--color-02);}
.form-group.address .addr-sch {position:relative; min-height:4.2rem; padding-top:3rem; z-index:5; border-bottom:2px solid var(--color-08)}
.form-group.address .addr-sch .btn {position:absolute; right:0; top:0;}
.form-group.address .addr-cts {padding:0 0 .8rem .2rem;min-height:4rem;}
.form-group.address .addr-cts .addr-post{display:block;margin-bottom:.5rem;font-size:1.7rem;font-weight:500}
.form-group.address .addr-check-wrap {margin-top:0; padding-top:1.2rem; border-top:0;}
.form-group.address .none {display:none;}
.form-group + .form-group.address,
.form-group-box + .form-group.address {margin-top:2rem;}
/* Count Time */
.form-group .count-time {font-size:1.3rem; color:#707070; line-height:1.2;}
.form-group .count-time:before {display:inline-block; content:''; width:2rem; height:2rem; margin-right:.4rem; vertical-align:top; background:yellow;}
.form-group .count-time .tit {display:inline-block; margin-right:.5rem; line-height:2rem;}
.form-group .count-time .number {display:inline-block;font-size:1.5rem;color:#287eff;line-height:2rem;font-weight:400}

/* slider select */
.slider-select{padding:0 .6rem}
.ui-slider{position:relative;padding:1.0rem 0}
.ui-slider:before{content:'';display:block;height:1.0rem;background-color:#ebeef0;border-radius:2px;border-radius:1.0rem}
.ui-widget-header.ui-slider-range{position:absolute;left:0;top:1.0rem;height:1.0rem;background-color:var(--color-02);border-radius:1.0rem;-webkit-transition:width 0.2s;transition:width 0.2s}
.ui-slider-handle{display:block;position:absolute;top:50%;width:2.8rem;height:2.8rem;margin:-1.4rem 0 0 -1.4rem;border:.5rem solid rgba(15,115,233,.8);border-radius:50%;background-color:var(--color-02);text-align:center;font-size:3px;color:transparent;overflow:hidden;-webkit-transition:left 0.2s;transition:left 0.2s}
.slider-select .range{position:relative;margin-top:.7rem}
.slider-select .range ul{position:absolute; left:-1.8rem; right:1.8rem; font-size:1.5rem;line-height:1}
.slider-select .range ul li{position:absolute; text-align: center;}
.slider-select .range li a{display:block;position:absolute;top:0;left:0;width:100%;line-height:0.9rem;text-align:center;font-size:1.0rem;color:#aab0b8; transform:translateX(-50%);}
.slider-select .range li a.n{font-size:1.2rem;color:#484b51}
.slider-select .range li.on a{font-weight:500;color:#151515;}
.slider-select .i_val{width:auto !important;padding-right:20px !important;border-bottom:0 none !important;height:auto !important;}

/* search-wrap */
.search-wrap .form-group {margin-top: 0;}
.form-ele.btn-aside .btn-clear {right: 3.8rem;}
.form-ele.btn-aside [class^=sz-] {margin-right:4px;}


/* check solid type */
.form-sel-box {text-align:center; position:relative;}
.form-sel-box input[type='checkbox'] {display: block; position: absolute !important; width: 100%; height: 100%; overflow: hidden !important; clip: rect(1px 1px 1px 1px) !important; z-index: 0; opacity: 0;}
.form-sel-box input[type='checkbox'] ~ .label {display: inline-block; width:100%; position: relative; max-width: 100%; min-height: 2.4rem; font-size:var(--fz-15); vertical-align: middle; position:relative; padding:1.2rem 2rem; font-weight: 500;}
.form-sel-box input[type='checkbox'] ~ .label:before {content:''; width: 2.4rem; display:inline-block;
height: 2.4rem; background: transparent; border: 0; vertical-align:middle; margin-right:5px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.7826L10.1429 17L20 7' stroke='%23C2C6CF' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");}
.form-sel-box input[type='checkbox']:checked ~ .label {color:var(--color-blue1)}
.form-sel-box input[type='checkbox']:checked ~ .label:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.7826L10.1429 17L20 7' stroke='%230F73E9' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");}
.form-sel-box input[type='checkbox'] ~ .label:after {border:1px solid var(--color-05); border-radius: 0.6rem;}
.form-sel-box input[type='checkbox']:checked ~ .label:after {border-color: var(--color-blue1);}
.form-sel-box label:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0;}

.form-sel-box input[type='checkbox']:disabled ~ .label {color:var(--color-05);}
.form-sel-box input[type='checkbox']:disabled ~ .label:before {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.7826L10.1429 17L20 7' stroke='%23E2E5EB' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E")}
.form-sel-box input[type='checkbox']:disabled ~ .label:after {border-color:var(--color-06)}
.form-sel-box input[type='checkbox']:disabled:checked ~ .label {color:var(--color-blue6);}
.form-sel-box input[type='checkbox']:disabled:checked ~ .label:before {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.7826L10.1429 17L20 7' stroke='%23cfe3fb' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E")}
.form-sel-box input[type='checkbox']:disabled:checked ~ .label:after {border-color:var(--color-blue7)}

.form-sel-box.svg-path input[type='checkbox'] ~ .label:before {display:none;}
.form-sel-box.svg-path input[type='checkbox'] ~ .label svg,
.form-sel-box.svg-path input[type='checkbox'] ~ .label span {vertical-align:middle}
.form-sel-box.svg-path input[type='checkbox'] ~ .label .path {stroke: #c2c2c2; vertical-align:middle;}
.form-sel-box.svg-path input[type='checkbox']:checked ~ .label .path {stroke: #0f73e9; animation:dash 0.3s ease-out forwards; stroke-dasharray: 22; stroke-dashoffset: 22;}
@keyframes dash {
    to { stroke-dashoffset: 0; }
}

/* mail ref. */
.inp-ref-pos {position:relative; display:none;}
.inp-ref {position:absolute; top:0; left:calc(var(--lv-md) * -1); width:calc(100% + var(--lv-xl)); z-index:10; background-color:var(--color-08); border-bottom:1px solid var(--color-06); max-height:28rem; height:auto; overflow-y:scroll;} /*box-shadow:0.4rem 0.4rem 0.6rem rgba(0, 0, 0, 0.04);*/
.ref-list {display:flex; flex-direction:column; padding:1.8rem 0; font-size:1.6rem;}
.ref-list button > em,
.ref-list a[role=button] > em {color:var(--color-blue1);}
.ref-list.list-mail button, 
.ref-list.list-mail a[role=button] {padding:0.6rem 3.2rem; font-size: 1.6rem; color:var(--color-01); text-align: left;}
.ref-list.list-addr button, 
.ref-list.list-addr a[role=button] {padding:1.4rem 3.2rem; color:var(--color-01)}

/* box */
.form-rdochk.box {flex-direction: column; margin-bottom:1.6rem;}
.form-rdochk.box .form-sel {flex-basis:100%; border-radius: 1.2rem; border:1px solid var(--color-04); margin-bottom:1.2rem; padding-right:0; display:flex; align-items:center;} /* min-height:8.3rem; */
.form-rdochk.box .form-sel:last-child {margin-bottom:0;}
.form-rdochk.box .form-sel input[type=checkbox] + label,
.form-rdochk.box .form-sel input[type=radio] + label {color:var(--color-01); font-size:var(--fz-16); font-weight:500;}
.form-rdochk.box .form-sel input[type=checkbox] + .label:before,
.form-rdochk.box .form-sel input[type=radio] + .label:before {top:2rem; left:2rem; padding-right:1rem; position:absolute;}
.form-rdochk.box .form-sel input[type=checkbox] + .label:after {top:2.1rem; left:2rem;}
.form-rdochk.box .form-sel input[type=radio] + .label:after {display:none;}
.form-rdochk.box .form-sel label {padding:2rem 6.4rem 2rem 5.4rem; width:100%;}
.form-rdochk.box.order .form-sel .cert + label { padding: 3.1rem 6.4rem 3.1rem 7rem; } /* 250722 Ãß°¡ */
.form-rdochk.box.order .form-sel .cert + label > i { top: 2.4rem; left: 2.4rem; } /* 250722 Ãß°¡ */
.form-rdochk.box .form-sel label .descr {color:var(--color-03); font-size:var(--fz-13); font-weight:400; margin-top:0.2rem; display:block;} /*width:calc(100% + 4.5rem);*/
.form-rdochk.box .form-sel label .descr .sec-line {display:inline-block; position:relative; padding-left:0.9rem; margin-left:0.8rem}
.form-rdochk.box .form-sel label .descr .sec-line::before {content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1.1rem; margin-top:-0.65rem; background:var(--color-05)}
.form-rdochk.box .form-sel label [class^=numbers] {width:calc(100% + 4.5rem); margin-top:.8rem; text-align:right;}
.form-rdochk.box .form-sel.on {border-color:var(--color-blue1); background:var(--color-blue9);}
.form-rdochk.box .form-sel.on input[type=checkbox] + label,
.form-rdochk.box .form-sel.on input[type=radio] + label,
.form-rdochk.box .form-sel.on input[type=checkbox] + label .descr,
.form-rdochk.box .form-sel.on input[type=radio] + label .descr {font-weight:700;}
.form-rdochk.box .form-sel .in-loc {top:2rem; right:2rem; position:absolute;}
.form-rdochk.box .form-sel input[type=checkbox]:disabled + label,
.form-rdochk.box .form-sel input[type=radio]:disabled + label,
.form-rdochk.box .form-sel label .descr {color:var(--color-03)}
.form-rdochk.box.right-ini .form-sel label {padding-right:2.4rem;}
.form-rdochk.box .form-sel input[type=radio].cert + .label:before { display: none; } /* 250722 Ãß°¡ */

/* box & data */
.form-rdochk.box.tp-data {width:calc(100% + 1.2rem); margin:0 -.6rem;}
.form-rdochk.box.tp-data .form-sel input[type=checkbox] + label {padding:2.4rem 2.4rem 2.4rem 5.8rem;}
.form-rdochk.box.tp-data .form-sel input[type=checkbox] + label::before {top:2.4rem; left:2.4rem;}
.form-rdochk.box.tp-data .form-sel input[type=checkbox] + label::after {top:2.5rem; left:2.4rem;}
.form-rdochk.box.tp-data .form-sel input[type=checkbox] + label [class^=numbers],
.form-rdochk.box.tp-data .form-sel input[type=checkbox] + label .data-desc {display:block; margin-top:.8rem; font-size:var(--fz-16); font-weight:700; text-align:right;}
.form-rdochk.box.tp-data .form-sel input[type=checkbox] + label [class^=numbers] {width:auto;}

.form-rdochk.box.tp-data .form-sel input[type=radio] + label {padding:2.4rem 2.4rem 2.4rem 5.8rem;}
.form-rdochk.box.tp-data .form-sel input[type=radio] + label::before {top:2.4rem; left:2.4rem;}
.form-rdochk.box.tp-data .form-sel input[type=radio] + label::after {top:2.5rem; left:2.4rem;}
.form-rdochk.box.tp-data .form-sel input[type=radio] + label [class^=numbers],
.form-rdochk.box.tp-data .form-sel input[type=radio] + label [class^=numbers] {display:block; margin-top:.8rem; text-align:right;}
.form-rdochk.box.tp-data .form-sel input[type=radio] + label .data-desc {display:block; margin-top:.8rem; font-size:var(--fz-16); font-weight:700; text-align:right;}
.form-rdochk.box.tp-data .form-sel input[type=radio] + label [class^=numbers] {width:auto;}
.form-rdochk.box.tp-data .form-sel input[type=radio]:disabled + label,
.form-rdochk.box.tp-data .form-sel input[type=radio]:disabled + label .descr {color:var(--color-05);}

/* box + order */
.form-rdochk.box.order .form-sel input[type=checkbox] + .label:before, 
.form-rdochk.box.order .form-sel input[type=checkbox] + .label:after {display: none;}
.form-rdochk.box.order {position:relative; margin-bottom:0;}
.form-rdochk.box.order .form-sel:last-child {margin-bottom:0;}
.form-rdochk.box.order .form-sel label {padding-left:5.2rem;}
.form-rdochk.box.order .form-sel label > i {position:absolute; left:2rem; top:2rem;}
.form-rdochk.box.order .form-sel label [class^=bank-] {position:absolute; left:2rem; top:2.1rem;}

.form-rdochk.box.order .ord {display:block; position:absolute; left:auto; right:2.5rem; top:50%; width: 2.4rem; height: 2.4rem; transform:translateY(-50%); padding-right:0; background-color:var(--color-blue1); border-radius:50%; font-size:var(--fz-13); font-weight:700; color:#fff; line-height: 2.4rem; text-align: center; z-index:10;}

/* box & simple */
.form-rdochk.box.simple {margin-bottom:1.2rem;}
.form-rdochk.box.simple .form-sel {min-height:auto;}
.form-rdochk.box.simple .form-sel label {display:flex; justify-content:space-between; padding:2rem 2.4rem;}
.form-rdochk.box.simple .form-sel input[type=checkbox] + .label:before {left:auto; right:2.4rem; margin-right:0; padding-right:0;}
.form-rdochk.box.simple .form-sel input[type=checkbox] + .label:after {left:auto; top:2rem; right:2.4rem;}
.form-rdochk.box.simple .form-sel input[type=checkbox].disable + label::before,
.form-rdochk.box.simple .form-sel input[type=checkbox].disable + label::after {display:none;}

/* progress bar */
.progress {border:none; border-radius:9999px; display:block; height:.8rem; overflow:hidden; padding:0; width:100%; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.progress::-webkit-progress-bar {background-color:var(--color-06);}
.progress::-webkit-progress-value {border-radius:20px;}
.use-grade {font-size:var(--fz-16)}
.use-grade [class*=-month] {margin-top:3.2rem;}
.use-grade [class*=-info] {display:flex; justify-content:space-between; margin-top:1.2rem;}
.use-grade .this-month .progress::-webkit-progress-value {background-color: var(--color-blue1);}
.use-grade .last-month .progress::-webkit-progress-value {background-color:#a2adc7;}

/*  */
.choice-year {background-color:var(--color-07); border-top:1px solid var(--color-06); border-bottom:1px solid var(--color-06); padding:1.7rem 2.4rem; min-height:5.7rem; text-align:center; position:relative}
.choice-year [class*=select-] {position:absolute; top:calc(50% - 0.9rem);}
.choice-year .select-prev {left:2.4rem; transform:rotate(180deg);}
.choice-year .select-next {right:2.4rem;}

/* history (ex: search result: MSB_CTF_13_006) */
.history-wrap .his-sec {display:block; width:cale(100% - 2.4rem); padding:.8rem 2.4rem; margin:0 -2.4rem; background-color:var(--color-07);}
.lists-headnote + .history-wrap {padding-top:1.2rem;}
.lists.history {width:calc(100% + 4.8rem); margin-left:-2.4rem; margin-right:-2.4rem; border-bottom:none;}
.lists.history .his-item {display:flex; justify-content:space-between; align-items:baseline; width:100%; padding:1.6rem 0; border-bottom:1px solid var(--color-07)}
.lists.history .his-item .his-info {display:flex; justify-content: flex-start; flex:1;}
.lists.history .his-item .his-info .date {padding-right:1.2rem; color:var(--color-03); line-height:1.5}
.lists.history .his-item .his-info .name {flex:1; font-size:var(--fz-16); font-weight:500;}
.lists.history .his-item .his-info .name .sub {display:block; margin-top:.4rem; font-size:var(--fz-13); font-weight:400; color:var(--color-blue1);}
.lists.history .his-item .his-info .name .sub .memo {position:relative; max-width:10rem; padding-left:0.7rem; margin:-0.2rem 0 0 0.6rem; color:var(--color-04); vertical-align:middle;}
.lists.history .his-item .his-info .name .sub .memo::before {display:block; position:absolute; left:0; top:50%; width:1px; height:1.2rem; margin-top:-0.6rem; background-color:var( --color-06); content:''}
.lists.history .his-item .his-info .name .p-sub {display:block;}
.lists.history .his-item .his-amount {display:flex; flex-direction:column; padding-left:1.2rem; text-align:right;}
.lists.history .his-item .his-amount.ico-arr {padding-right:2.2rem; position:relative}
.lists.history .his-item .his-amount.ico-arr:after {content:''; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat right center; width:1.8rem; height:1.8rem; position:absolute; right:0; top:0.4rem;}
.lists.history .his-item .his-amount.v {align-self:center;}
.lists.history .his-item .his-amount .main {font-size:var(--fz-16);}
.lists.history .his-item .his-amount .sub {margin-top:.4rem; font-size:var(--fz-13); color:var(--color-03);}
.lists.history .his-item .point {color:var(--color-blue1); font-weight:500}
.lists.history .his-item .top-thin {margin-top:0.2rem;}
.lists.history li {padding:0 2.4rem; border-bottom:0}
.lists.history li[class*=tp-] {position:relative; display:block;  width:100%;  cursor: pointer;}
.lists.history li[class*=tp-] [class*=-box] {display:flex; justify-content:space-between; width:100%;}
.lists.history.accordion {border-top:none;}
.lists.history.accordion > li {display:block;}
.lists.history.accordion .his-item {padding:0; border-bottom:none;}
.lists.history.accordion .his-item .his-info .name {font-weight:400;}
.lists.history.accordion .acco-panel {padding-bottom:1.6rem;}
.lists.history.accordion .acco-panel .lists li {padding:0;}
.lists.history.accordion li.on {border-bottom:1px solid var(--color-05);}
.lists.history.accordion li.on > .acco-item .his-item .his-info .name .block {font-weight:700;}
.history-wrap .lists.history li:last-child .his-item {border-bottom:0}
.lists.history.middle .his-item {align-items: center;}
/* history + checkbox */
.lists.history li.tp-chk::before {content:''; position:absolute; left:2.4rem; top:1.4rem; width:2.4rem; height:2.4rem; border:1px solid var(--color-04); border-radius:100%; background-color:var(--color-11); transition:.3s;}
.lists.history li.tp-chk::after {content:''; z-index:1; position:absolute; left:2.4rem; top:1.4rem; width:2.4rem; height:2.4rem; background-image:url(/_pub/assets/img/common/chk-14x-1-gray.svg); background-position:50% 50%; background-size:1.4rem 1.1rem; background-repeat:no-repeat;}
.lists.history li.tp-chk.checked {background-color:var(--color-blue9);}
.lists.history li.tp-chk.checked::before {border-color:var(--color-blue1); background-color:var(--color-blue1);}
.lists.history li.tp-chk.checked::after {background-image:url(/_pub/assets/img/common/chk-14x-1-white.svg); animation:chkeckboxAni 0.3s linear;}
.lists.history li.tp-chk .his-item,
.lists.history li.tp-rdo .his-item {padding-left:3.4rem;}
@keyframes chkeckboxAni {
    0% {clip:rect(0, 0, 2.4rem, 0);}
    100% {clip:rect(0, 2.4rem, 2.4rem, 0);}
}
/* history + radio */
.lists.history .tp-rdo::before {content:''; position:absolute; left:2.4rem; top:1.4rem; width:2.4rem; height:2.4rem; border:1px solid var(--color-05); border-radius:100%; background-color:var(--color-08); transition:.2s ease-in;}
.lists.history .tp-rdo::after {content:''; z-index:1; position:absolute; left:2.4rem; top:1.4rem; width:1.2rem; height:1.2rem; border-radius:100%; background:var(--color-02); transform:scale(0);}
.lists.history .tp-rdo.selected {background-color:var(--color-blue9);}
.lists.history .tp-rdo.selected::before {border-color:var(--color-blue1); border-width:.7rem;}
.lists.history .tp-rdo.selected::after {background:none; animation:radioAni .3s linear forwards;}
@keyframes radioAni {
    0% {transform:scale(0);}
    60% {transform:scale(1.3);}
    100% {transform:scale(1);}
}

.lists.history.box-fit {width:100%; margin:1.6rem 0 0 0;}
.lists.history.box-fit > li {padding-left:0; padding-right:0;}


.form-rdochk.rdobox.add-img .form-sel input[type=radio]:checked + .label  {font-weight:500; color:var(--color-01);}
.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label {padding:2.4rem 1rem; font-size:1.6rem;}
.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label::before {content:''; display:block; position:static; width:3.6rem; margin:0 auto 1.2rem; height:3.6rem; background-repeat:no-repeat; background-position:center center; background-color:transparent; border:0; z-index:1; border-radius:0;}
.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label.certi-fin::before {background-image:url(/_pub/assets/img/common/ico-36x-18.svg)}
.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label.certi-com::before {background-image:url(/_pub/assets/img/common/ico-36x-19.svg)}
.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label.docu-pic::before {background-image:url(/_pub/assets/img/common/ico-36x-23.svg)}
.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label.docu-auto::before {background-image:url(/_pub/assets/img/common/ico-36x-24.svg)}

.form-rdochk.rdobox.add-img.rdobox:not(.flexible):not(.fit):not(.col-3) .form-sel + .form-sel {margin-left:0.8rem;}

.form-rdochk.rdobox.add-img .form-sel input[type=radio] + .label::after {border-radius:1.2rem;}
.form-rdochk.rdobox.add-img .form-sel input[type=radio]:checked + .label::after {border-radius:1.2rem; background-color:var(--color-blue9); z-index:-1;}


/* range */
.range-wrap {padding:.8rem 0;}
.range-wrap .txt {display:block; text-align:center; font-size:var(--fz-16); color:var(--color-03);}
.range-wrap [class^=numbers-] {margin-top:.4rem; color:var(--color-01);}
.range-wrap input[type="range"] {-webkit-appearance:none; width:100%; height:0.4rem; margin-top:3.1rem; background-color:var(--color-06); background-image:linear-gradient(#0086FF, #0086FF); background-size:0% 100%; background-repeat:no-repeat; border-radius:5rem;}
.range-wrap input[type="range"]::-webkit-slider-thumb {-webkit-appearance:none; width:1.8rem; height:1.8rem; border-radius:50%; background-color:var(--color-08); border:0.4rem solid var(--color-blue1)}
.range-wrap input[type="range"]::-moz-range-thumb {-webkit-appearance:none; width:1.8rem; height:1.8rem; border-radius:50%; background-color:var(--color-08); box-shadow:0 4px 8px 0 rgba(0,0,0,0.20);}
.range-wrap input[type="range"]::-ms-thumb{-webkit-appearance:none; width:1.8rem; height:1.8rem; border-radius:50%; background-color:var(--color-08); box-shadow:0 4px 8px 0 rgba(0,0,0,0.20);}
.range-wrap .num-range {display:flex; justify-content:space-between; padding:0; margin-top:1.3rem; font-size:1.3rem; color:var(--color-03);}
.range-wrap .num-range li {display:flex; justify-content:center;}
.range-wrap .num-range li + li {text-align:right;}
.range-wrap .range-during {text-align:center; font-size:var(--fz-16); font-weight:700;}
.range-wrap .range-rate {font-size: var(--fz-16); color:var(--color-03); line-height: 1.3; text-align: center;} 
.range-wrap .range-price {margin-top: 0.4rem; line-height: 1.3; text-align: center;}
.range-wrap .range-data {padding-bottom:1.4rem; border-bottom:1px solid var(--color-07);}
.range-wrap .range-date {margin-top: 2.4rem; text-align: right;}
.range-wrap .range-date .date {display:inline-block; font-weight: 500; text-decoration: underline;}
.range-wrap .range-date .ico-calr {display:inline-block; margin: -.5rem 0 0 .4rem;}
.range-wrap .range-graph {margin-top: 1.6rem;}
.range-wrap .range-graph .tit {font-size: var(--fz-16); font-weight: 500;}

/* form group only check [MSB_SET_01_002] */
.form-group.right .form-sel {padding-right:0;}
.form-group.right .form-sel input + .label {padding-left:2.4rem;}

/* swipeButton */
.isSwiping {touch-action: none;overflow: hidden;}
[data-ui=swipeButton] {overflow: hidden;width: 100vw;--button-width:77px;}/* --button-width : ½º¿ÍÀÌÇÁ ¹öÆ° ³ÐÀÌ(js¿¡¼­ »ç¿ëÁß) */
[data-ui=swipeButton] .swipeButton-wrap {width: 100%;transition: transform .3s;will-change: transform;z-index: 1;}
[data-ui=swipeButton] .swipeButton-wrap .his-item {border: 0;}
[data-ui=swipeButton] .swipeButton-wrap .swipe-btns {position: absolute;right: calc( var(--button-width) * -1 - 2.4rem);top: 0;bottom: 0;}
[data-ui=swipeButton] .swipeButton-wrap .swipe-btns .btn {width: var(--button-width);height: 100%; font-size: var(--fz-13);}
[data-ui=swipeButton] .swipeButton-wrap.isSwiping {transition : none;overflow: visible;}
[data-ui=swipeButton] li {position: relative;overflow: hidden;}
[data-ui=swipeButton] li::after {content: '';position: absolute;left: 2.4rem;right: 2.4rem;bottom:0;height: 1px;background-color: var(--color-07);}
[data-ui=swipeButton] li:nth-child(1) .swipeButton-wrap {animation: swipeButtonAni 1.5s;}
[data-ui=swipeButton] li:nth-child(2) .swipeButton-wrap {animation: swipeButtonAni 1.4s;}
[data-ui=swipeButton] li:nth-child(3) .swipeButton-wrap {animation: swipeButtonAni 1.3s;}
@keyframes swipeButtonAni {
    0%, 90% {transform: translateX(calc(var(--button-width) * -1))}
    100% {transform: translateX(-0px);}
}

.form-row-resp {display:flex;}
.form-row-resp .wp-33 {width:initial !important}
.form-row-resp .ele-end {width:auto;}
.form-row-resp .ele-end .space {margin-right:1rem;}
@media (max-width:360px) {
	.form-row-resp {flex-wrap:wrap;}
}

/* ---------------------------------------------------------------- ToolTip ---------------------------------------------------------------- */
.tooltips {display:inline-block; position:relative; white-space:normal}
.tooltip {display:inline-block; font-size:1.4rem; color:var(--color-01)}
.btn-tooltip {overflow:hidden; display:inline-block; width:2.4rem; height:2.4rem; margin:-.6rem 0 -0.3rem -0.2rem; background:url(/_pub/assets/img/common/ico-18x-8.svg) no-repeat center; background-size: 1.8rem auto; vertical-align:middle;}/* wa_sscn_½É»ç 17p 260316: ÄÁÆ®·Ñ Å©±â ÃÖ¼Ò»çÀÌÁî */
.btn-tooltip.on {background-image:url(/_pub/assets/img/common/ico-18x-8-on.svg);}
/* .btn-tooltip span {line-height:2rem; vertical-align:bottom;} */
.btn-tooltip-x {width:4rem; height:4rem; display:block; position:absolute; top:0; right:0;}
.btn-tooltip-x::before {content: ''; display: block; width: 1.8rem; height: 1.8rem; margin: 1.2rem; background:url(/_pub/assets/img/common/ico-18x-14.svg) no-repeat 0 0;}
.ico-tooltip:after {content:''; overflow:hidden; display:inline-block; width:1.8rem; height:1.8rem; margin:-.2rem 0 0 .5rem; background:url(/_pub/assets/img/common/ico-18x-8.svg) no-repeat 0 0; vertical-align:middle;}

/* Tooltip > Contents */
.tooltip-wrap {display:none; position:absolute; left:0; right:0; padding:1.6rem 4.4rem 1.6rem 1.6rem; border:1px solid var(--color-blue5); border-radius:.6rem; background-color:var(--color-blue8); color:var(--color-01); text-align:left; z-index:100; opacity: 0; transform:scaleY(0.8) translateY(-1.0rem); transform-origin:top left; transition:opacity .3s cubic-bezier(.25, .75, .5, 1.25), transform .3s cubic-bezier(.25, .75, .5, 1.25);}
.tooltip-wrap:not(.top) {margin-top:.4rem;}
.tooltip-wrap.top{transform-origin:bottom left;transform:scaleY(0.8) translateY(1.0rem)}
.tooltip-wrap.show{opacity:1;transform:scaleY(1) translateY(0)}
.tooltip-wrap.active {display:block;}
.tooltip-wrap .tooltip-tit {display:block; padding-right:2rem; font-size:1.6rem; font-weight:700;}
.tooltip-wrap .tooltip-tit + .tooltip-cont{margin-top:.7rem}
.tooltip-wrap .tooltip-tit + .tooltip-cont .tooltip-cont{padding-right:0}
.tooltip-wrap .tooltip-cont {padding-right:1.6rem; font-size:1.4rem; font-weight:400; line-height:1.437; white-space:normal;}
.tooltip-wrap .tooltip-tit.hidden + .tooltip-cont {padding-right:3.2rem;}
.tooltip-wrap .tooltip-tit + .tooltip-cont {padding-right:0;}
.tooltip-wrap .tooltip-cont .depth {margin-top:.7rem;}
.tooltip-wrap .tooltip-cont .p {font-size:inherit;}
.tooltip-wrap .tooltip-cont ul.bul>li{position:relative;padding:0 0 0 .7rem}
.tooltip-wrap .tooltip-cont ul.bul>li+li{margin-top:7px}
.tooltip-wrap .tooltip-cont ul.bul>li::before{content:'';position:absolute;top:.9rem;left:0;width:.3rem;height:.3rem;background-color:#c6cbcf}
.tooltip-wrap .tooltip-cont .depth li,
.tooltip-wrap .tooltip-cont p.depth.info {color:var(--color-08); line-height:1.4;}
.tooltip-wrap .tooltip-cont p.depth.info::before {background-position: -22rem -12rem;}
.tooltip-wrap .tooltip-cont .depth li + li {margin-top:1rem;}
.tooltip-wrap .tooltip-cont .depth.bul > li:before {background:var(--color-08);}
.tooltip-wrap .btn-txt {color:var(--color-08);}
.tooltip-wrap .btn-txt[class*="ico-arr"]:after {border-top-color:var(--color-08); border-right-color:var(--color-08);}
.tooltip-wrap.top {bottom:2.4rem;}

/* ---------------------------------------------------------------- Terms ---------------------------------------------------------------- */
.agree-group + .agree-group,
.agree-group + .form-group,
.form-group + .agree-group {margin-top:3.2rem;}
.form-label.fz-16 + .agree-inr {padding-top: 0;}
.form-label.fz-16 + .form-sel {display: block;}
.agree-inr {padding-top:1.2rem;}
.agree-item {position: relative; font-size: 1.6rem;}
.agree-item:not(:first-child) {margin-top:3.2rem;}
.agree-item-inr {padding: .8rem 0 0 3.4rem;}
.agree-item-inr.pl-0 {padding-left:0 !important;}
.agree-item-inr .depth.bul {margin-top: .4rem;}
.agree-item-inr .depth.bul > li {color:var(--color-03);}
.agree-item-inr .depth.bul > li:before {background:var(--color-03);}
.agree-inr .agree-item:not(:first-child) {margin-top:0.8rem;}
.agree-item.btn-link .form-sel input + .label {padding-right:3rem}
.agree-item.btn-link:after {content:''; display:inline-block; position:absolute; right:0; top:0; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-9.svg) no-repeat center center}
.agree-item .form-sel {margin-bottom: 0;}
.agree-item .form-sel.sm input[type=checkbox] + .label {line-height:2rem; font-size:1.4rem;}
.agree-item .form-sel.sm .label .state2 {margin-left:0.8rem;}
.agree-inr.type02 button.btn-link, .agree-item.type02 button.btn-link {display:inline-block; position:absolute; right:0; top:0; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-9.svg) no-repeat center center}
.agree-inr.type02 .agree-item.btn-link:after {display:none;}

/* 250718 .no-chk-type Ãß°¡ */
.agree-item.btn-link.no-chk-type::after{top: 50%;transform: translateY(-1.2rem);}
.agree-item.btn-link.no-chk-type .form-sel input + .label{padding-left: 0;}
.agree-item.btn-link.no-chk-type .form-sel input + .label::before,
.agree-item.btn-link.no-chk-type .form-sel input + .label::after{content: none;}
/* // 250718 .no-chk-type Ãß°¡ */

.agree-txt {font-size:1.4rem; color:var(--color-03);}
.agree-check {margin-top:3.2rem; font-size: var(--fz-16);}
.fit-bottom .agree-check {margin-top: 0;}
.agree-check p {text-align: center;}
.agree-check.solid { border-radius:4px; text-align:center;}
.agree-check.solid .form-sel {width:100%; height:100%;}
.agree-check.solid .form-sel.sm input[type=checkbox] + .label {padding:1.3rem 0 1.2rem;}
.agree-check.solid .form-sel.sm input[type=checkbox] + .label:before {border:1px solid var(--color-05); width: 100%; display: block; height: 100%; background-image:none; border-radius:4px; top:0;}
.agree-check.solid .form-sel.sm input[type=checkbox]:checked + .label:before {border-color:red;}
.form-group .tip + .agree-check {margin-top:1.4rem;}

.sepe24-line {border-top:1px solid var(--color-06); padding-top:var(--lv-md); margin-top:var(--lv-md);}
.sepe24-line-btm {padding-bottom: var(--lv-md); border-bottom: 1px solid var(--color-06);}

/* ---------------------------------------------------------------- Result ---------------------------------------------------------------- */
.result {display:block; position:relative; margin:0 0 6rem; text-align:center}
.result::before {content:''; display:block; width:7.2rem; height:7.2rem; margin:0 auto 2.4rem;}
.result .tit {width:100%; font-size:2rem; color:var(--color-01); font-weight:700; word-break: keep-all;}

.result .txt {margin-top:1.2rem; font-size:1.6rem; color:var(--color-01); word-break: keep-all;}
.result .txt-type01 {margin-top:0.8rem; color:var(--color-03); font-weight:700}
.result .p-sub {margin-top: 3.2rem;}
.result .code-error {margin-top: 1.6rem;}
.result .btns {margin-top: 3.2rem;}

/* Result > bg-info-box */
.result.bg-info-box {margin:-3.2rem -2.4rem 0; padding:6rem 2.4rem; background-color:var(--color-07)}
.result.bg-info-box .txt {margin-top:0.8rem; font-size:1.4rem; color:var(--color-03);}

/* Result > Small */
.result.sm::before {width:4rem; height:4rem; margin:0 auto 1.2rem;} 
.result.sm .tit,
.result.sm .txt {font-size:1.4rem;}

/* Result > Badge */
.result.xs::before {display: none} 
.result.xs .tit {font-size:2rem;}

/* Result > success */
.result.success::before {background:url(/_pub/assets/img/common/ani-success.png) no-repeat center / contain;}

/* Result > Fail */
.result.fail::before {margin-bottom: 2.4rem; background:url(/_pub/assets/img/common/ico-72x-result2.svg); background-size:100% 100%;}

/* Result > Exception */
.result.info-01::before {background: url(/_pub/assets/img/common/ico-72x-10.svg) no-repeat center / contain;}/* °èÁÂÀÔ·ÂÀü */
.result.info-02::before {background: url(/_pub/assets/img/common/ico-72x-11.svg) no-repeat center / contain;}/* °èÁÂÀԷ¿äû */
.result.info-03::before {background: url(/_pub/assets/img/common/ico-72x-12.svg) no-repeat center / contain;}/* ´ë±âÁß, ¿äûÁß */
.result.info-04::before {background: url(/_pub/assets/img/common/ico-72x-13.svg) no-repeat center / contain;}/* ÀÌü¿Ï·á */
.result.info-05::before {background: url(/_pub/assets/img/common/ico-72x-25.svg) no-repeat center / contain;}/* ¾È³» */
.result.info-06::before {background: url(/_pub/assets/img/common/ico-72x-26.svg) no-repeat center / contain;}/* °³ÀÎÁ¤º¸º¸È£ */
.result.info-07::before {background: url(/_pub/assets/img/common/ico-72x-35.svg) no-repeat center / contain;}/* ÀԱݰèÁÂÁöÁ¤¼­ºñ½º */
.result.info-08::before {background: url(/_pub/assets/img/common/ico-72x-36.svg) no-repeat center / contain;}/* Áö¿¬ÀÌü¼­ºñ½º */
.result.info-09::before {background: url(/_pub/assets/img/common/ico-72x-39.svg) no-repeat center / contain;}/* ´Ü¸»±âÁöÁ¤¼­ºñ½º */

.result.error-500::before {background: url(/_pub/assets/img/common/ico-72x-2.svg) no-repeat center / contain;}/* ¿À·ù 500 */
.result.error-404::before {background: url(/_pub/assets/img/common/ico-72x-4.svg) no-repeat center / contain;}/* ¿À·ù 404 */
.result.system::before {background: url(/_pub/assets/img/common/ico-72x-5.svg) no-repeat center / contain;}/* ½Ã½ºÅÛÁ¡°Ë */
.result.over-time::before {background: url(/_pub/assets/img/common/ico-72x-3.svg) no-repeat center / contain;}/* °Å·¡½Ã°£ÃÊ°ú */
.result.error-01::before {background: url(/_pub/assets/img/common/ico-60x-4.svg) no-repeat center / contain;}/* º¸À̽ºÇÇ½Ì */
.result.error-02::before {background: url(/_pub/assets/img/common/ico-72x-14.svg) no-repeat center / contain;}/* ÀÌ»ó±ÝÀ¶°Å·¡Â÷´Ü */
.result.error-03::before {background: url(/_pub/assets/img/common/ico-72x-12.svg) no-repeat center / contain;}/* ÀԱݴë±âÁß, ÀÚµ¿³³ºÎµî·Ï¿äûÁß */

.result.idcard-01::before {background: url(/_pub/assets/img/common/ico-72x-6.svg) no-repeat center / contain;}/* ½ÅºÐÁõ ¾È³» */
.result.idcard-02::before {background: url(/_pub/assets/img/common/ico-72x-7.svg) no-repeat center / contain;}/* ½ÅºÐÁõ È®ÀÎÁß */

.result.review::before {background:url(/_pub/assets/img/common/ico-72x-27.svg) no-repeat center / contain;}/* °ËÅäÁß */
.result.network-01::before {background: url(/_pub/assets/img/common/ico-72x-34.svg) no-repeat center / contain;}/* ÀθÆÁ¶È¸ */
.result.warn::before {background:url(/_pub/assets/img/common/ico-72x-37.svg) no-repeat center center / contain;}/* ÀÌ»ó°Å·¡°¨Áö */
.result.success::before {background:url(/_pub/assets/img/common/ani-success.png) no-repeat center center / contain;}
.result.confirm::before {background:url(/_pub/assets/img/common/ico-72x-29.svg) no-repeat center center / contain;}/* ÀθÆÁ¶È¸ */

.result.laoding .tit::before {background:url(/_pub/assets/img/common/ico-72x-30.svg) no-repeat center / contain;}/* ·ÎµùÁß */
.load.bg01 .result.laoding .txt::before {content:''; display:block; width:17.8rem; height:6rem; margin:0 auto 2.4rem; background:url(/_pub/assets/img/@temp/@load01.svg) no-repeat center / contain;}/* ȯÀüÁö°© ·ÎµùÁß */

.result.network-01 .tit::before {background: url(/_pub/assets/img/common/ico-72x-34.svg) no-repeat center / contain;}/* ÀθÆÁ¶È¸ */

.result.laoding01 .tit::before {background:url(/_pub/assets/img/common/ico-72x-7.svg) no-repeat center center / contain;}/* (´ëÃâ)ÀÚµ¿¼­·ùÁ¦Ãâ´ë±â 1st */
.result.laoding02 .tit::before {background:url(/_pub/assets/img/common/ico-72x-28.svg) no-repeat center center / contain;}/* (´ëÃâ)ÀÚµ¿¼­·ùÁ¦Ãâ´ë±â 2nd */
.result.laoding03 .tit::before {background:url(/_pub/assets/img/common/ico-72x-29.svg) no-repeat center center / contain;}/* (´ëÃâ)ÀÚµ¿¼­·ùÁ¦Ãâ´ë±â 3rd */

.result.warn .tit::before {background:url(/_pub/assets/img/common/ico-72x-37.svg) no-repeat center center / contain;}/* ÀÌ»ó°Å·¡°¨Áö */
.result.success .tit::before {background:url(/_pub/assets/img/common/ico-72x-result1.svg) no-repeat center center / contain;}
.result.signature .tit::before {background:url(/_pub/assets/img/common/ico-72x-38.svg) no-repeat center center / contain;}

/* Result > nodata */
.result.nodata {margin: 6rem 0 0;}
.result.nodata::before {width: 6rem; height: 6rem; margin-bottom:1.6rem; background: url(/_pub/assets/img/common/ico-60x-result1.svg) no-repeat center / contain;}
.result.nodata .tit {font-size:1.6rem; color:var(--color-03); font-weight:400;}
.result.nodata .txt {margin-top:.8rem; font-size: var(--fz-14); color:var(--color-03)}
.result.nodata.sm {margin-top: 3.2rem;}
.result.nodata.sm::before {width: 4.4rem; height: 4.4rem; margin-bottom:1.2rem; background: url(/_pub/assets/img/common/ico-44x-result1.svg) no-repeat center / contain;}
.result.nodata.sm .tit {font-size:1.4rem;}
/* 250116 Ãß°¡ */
.result.nodata.ty2 { margin: 1.6rem 0; }
.result.nodata.limit { margin: 1.6rem 0; }
.result.nodata.limit:before { width: 8.2rem; height:8.2rem; background: url(/_pub/assets/img/common/icon-limit-detail2.png) no-repeat top center; background-size: 8.2rem auto; } /* 250304 ¼öÁ¤ */

/* Result > Footer Button */
.result-foot {width:100%; margin-top:2rem;}
.result-foot > .btn {width:100%;}

/* space */
.result.nodata ~ .btns:not(.cont-foot) {margin-top:-2rem;}

/* propose */
.propose-wrap {padding:2.4rem 9rem 2.4rem 2.4rem; background-color:var(--color-blue9); border-radius:0.8rem; display:flex; flex-direction:column; position:relative; margin-top:4rem; width:100%; text-align:left; justify-content:center; margin-left:-0.6rem; margin-right:-0.6rem; width:calc(100% + 1.2rem); min-height:10.8rem;}
.propose-wrap strong {font-size:var(--fz-16);}
.propose-wrap .arr {margin-top:1rem; white-space:nowrap; font-weight:500;}
.propose-wrap .arr:after {content:''; display:inline-block; background:url(/_pub/assets/img/common/ico-18x-2-sm.svg) 0 0 no-repeat; vertical-align:middle; width:1.8rem; height: 1.8rem; margin-top:-0.4rem;}
.propose-wrap .thumn {position:absolute; right:2.4rem; top:calc(50% - 3rem); text-align:center; display:block; width:6rem; height:6rem;}
.propose-wrap .thumn img {width:auto; height:6rem;}
/* 250116 Ãß°¡ */
.propose-wrap.line { padding: 2rem 2.4rem 2rem 8.2rem; margin-top: 1.2rem; background: #fff; border: 1px solid var(--color-06); }
.propose-wrap.line .thumn { width: 5rem; height: 5rem; top: calc(50% - 2.5rem); left: 2.4rem; }
.propose-wrap.line .thumn img { height: 5rem; }
.propose-wrap.slide-type { min-height: auto; padding: 1.6rem 0 1.6rem 6rem; margin: 0; background: none; }
.propose-wrap.slide-type .thumn { top: calc(50% - 2.6rem); left: 0; width: 5.2rem; height: 5.2rem; }
.propose-wrap.slide-type .thumn img { height: 5.2rem; }

/* info-button case */
.result-question-btn .tit {margin-top:6rem; font-size:var(--fz-16); text-align:center; font-weight:500}

/* ---------------------------------------------------------------- Popup ---------------------------------------------------------------- */
/* Popup > Layout */
html.lock, .lock body{overflow:hidden}
.lock .pg-wrap{position:fixed;left:0;bottom:0;width:100%;height:100%;-webkit-overflow-scrolling:none;}
.popup {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0);-webkit-transition:background 0.3s 0.1s;transition:background 0.3s 0.1s}
.popup .pop-scl-wrap, 
.pop-wrap {display: flex; flex-direction: column; position: relative; width:100%;max-height:100%;background-color:var(--color-08);-webkit-transform:translate3d(0, 10%, 0);transform:translate3d(0, 10%, 0);-webkit-transition:margin 0.3s,opacity 0.3s,-webkit-transform 0.3s;transition:margin 0.3s,opacity 0.3s, transform 0.3s;opacity:0; z-index: 100;}
.pop-head {position: relative;  font-size:2rem; color:var(--fc-02); font-weight:700; background-color:var(--color-08); border-radius: 1.2rem 1.2rem 0 0; padding:3.2rem 2.4rem 0;} 
.pop-body {height:100%; padding-bottom: 2.8rem; overflow-x:hidden;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch;position:relative;z-index: 100;} /* [0215] border-radius: 2.4rem 2.4rem 0 0; */
.pop-foot {width:100%; height:8rem;}
.pop-foot:after {content: ''; display: block; width: 100%; height: 8rem;}

/* Popup > Head */
.pop-head h1 {margin-right:5.5rem; margin-bottom:2rem; text-align:left; font-size:1.8rem; line-height:1.3;font-weight:700; word-break:keep-all; word-wrap:break-word;} /*-webkit-box-orient: vertical;*/
.pop-head .img-wrap {margin-bottom:2.4rem; text-align:center;}
.pop-head .img-wrap img {width:auto;}
.pop-close {display:block; position:absolute; top:2.4rem; right:.7rem; width: 6rem; height: 4rem; font-size: 1.5rem; font-weight: 400; z-index: 100;} 

/* Popup > Foot */
.pop-foot .btns {display:flex; /* position:absolute; bottom:0; left:0; */ width:100%; height:auto;  background-color:rgba(0,0,0,0);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(1.6rem, rgb(255, 255, 255)), to(#fff));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 1.6rem, #fff 100%); padding:1.2rem 2.4rem 2rem; z-index:100;} /* 260703 ¼öÁ¤ */
.pop-foot .btns .btn {display:block; width:100%; height:auto; min-height:4.8rem; font-size:var(--fz-15);font-weight:500; border-radius:0.6rem;} 
.pop-foot .btns .btn + .btn {flex: 0 0 60%; margin-left:.4rem;}
.pop-foot .btns.between .btn + .btn {flex: 0 0 50%;}

/* Popup > Section */
.pop-wrap [class^=section] {position:relative;}
.pop-wrap [class^=section] + [class^=section] {margin-top:4rem}
.pop-wrap .section.f-b {position:relative;margin:0 -2.4rem -4.0rem;padding:4.0rem 2.4rem;background-color:var(--bg-02)}
.pop-wrap .section.arrow::before {content:'';position:absolute;top:-2.0rem;left:50%;margin:0 -2.0rem;width:4.0rem;height:4.0rem;background-image:url(/_pub/assets/img/common/spr_ico_40x.png);background-size: 25rem auto;background-position:-16.0rem -20.0rem}
.pop-wrap .inform-top-wrap {margin: 0 0 2rem;padding:1.8rem 0 1.6rem;background:transparent}
.pop-wrap .search-wrap {margin:0 -2.4rem 3.2rem 0}
.pop-wrap .search-result {padding:0 0 2.4rem;margin-top:0}
.pop-wrap .acc-list {border-top:1px solid var(--color-05)}
.pop-wrap .acc-list.line-t {border-color:var(--fc-05)}
.pop-wrap .acc-list.transfer li:first-child {padding-top:1.7rem}
.pop-wrap .acc-list.transfer .acc-bank.md .bk-user + .bk-name {margin-left:0;}
.pop-wrap .acc-list li .acc-bank {padding:2.2rem 0 0 3.2rem}
.pop-wrap .acc-list li .acc-bank[class*="cut-down"] {padding:1.8rem 2.4rem 0 3.2rem}
.pop-wrap>.tip-info:first-child {margin-top:0}
.pop-wrap>.list-total:first-child {padding-top:4px;}
.pop-body > [class^=section]:first-child > .form-group:first-child {margin-top:0;}
/* Popup > Tabmenu */
.pop-wrap .tab-wrap [class^=section]:first-of-type {margin-top:.8rem}
.pop-body .tab-wrap::after {z-index: 100;}
.pop-wrap .tab-wrap .tab-list {position:sticky; top:0; margin-bottom:2.4rem; z-index:20;}
/* .pop-wrap .tab-wrap.box [role='tabpanel'] {padding-top:2.0rem} */
.pop-wrap .tab-wrap.box {left:0; right:0; width:100%; margin-top: 0;}
.pop-wrap .tab-wrap.box .tab-panel {margin:.8rem 0 2rem 0;}

/* Popup > Types */
.popup.modal.alert .pop-head h1,
.popup.no-close .pop-head h1 {margin-right:0;}
.popup .pop-close.last-focus {position:absolute;top:.9rem;right:1.5rem}
.popup .pop-body .bottom-fixed {height:6.1rem}
.popup.body-swipe .pop-body.is-tab{overflow:hidden}
.popup.body-swipe .pop-body.is-tab .tab-scroller {overflow-x:hidden;overflow-y:auto}
.popup.body-swipe .pop-body.tab-cont-full.is-tab .tab-scroller {margin:0 -2.4rem; padding:0 2.4rem}

.popup.bg-no-click .pop-bg-close, 
.popup.morphing .pop-bg-close {display:none !important}
.pop-bg-close {display:block;position:fixed;top:0;bottom:0;left:0;right:0;pointer-events:auto}/* close dimmed */

/* Popup > Types > Bottom */
.popup.bottom.touch .pop-head::before {content:''; display: block; position: absolute; top:.8rem; left:50%; width: 4rem; height: 0.5rem; margin-left:-2rem; border-radius: 10rem; background-color:#d2d5dd;}
.popup.bottom > .pop-scl-wrap, 
.popup.bottom .pop-wrap {position:fixed; left:50%; bottom:0; max-height: 80vh; max-width:42rem; min-height: 30vh; border-radius:2.4rem 2.4rem 0 0;-webkit-transform:translate(-50%, 110%);transform:translate(-50%, 110%);opacity:1; box-shadow: 0 -0.5rem 0.6rem rgba(0,0,0,.1);/*  overflow: hidden; */}
html.mobile .popup.bottom>.pop-wrap {border-top:0 solid rgba(0,0,0,0)}
.popup.bottom .pop-head {min-height:8rem; border-radius: 2.4rem 2.4rem 0 0;}
.popup.bottom .pop-head .sub-txt {margin-bottom:2.4rem; font-size:var(--fz-16); font-weight:400}
.popup.bottom.no-title .pop-head>div {padding:1.0rem 5rem 1.2rem 2.4rem}
.popup.bottom.is-swipe .pop-head span.swipe {position:absolute;top:0;left:0;right:0;height:2.4rem;z-index:30}
.popup.bottom.is-swipe .pop-head span.swipe::after {content:'';position:absolute;top:10px;left:50%;width:3.0rem;height:0.5rem;margin-left:-1.5rem;background-color:#ddd;border-radius:0.5rem}
.popup.bottom .pop-head h1 {margin-bottom: 2.4rem; min-height:2.4rem;}
.popup.bottom .agree-item.btn-link:after { z-index: 0; } /* 260812 Ãß°¡ */
.popup.bottom .pop-head:not(.no-title)+.pop-body,
.popup.modal .pop-head:not(.no-title)+.pop-body {padding-top:0}
.popup.bottom .pop-foot .btns {position:absolute;left:0;bottom:var(--sab);width:100%;z-index:210;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateZ(0);transform:translateZ(0)} /* 260812 ¼öÁ¤ */
.popup.bottom .pop-body {padding:0 2.4rem 2rem;}
.popup.bottom .pop-body.no-space {padding:0 0 2rem;}
.popup.bottom .lists.data .emp-list:first-child,
.popup.bottom .lists.data .emp-list:first-child > * {padding-top:0;}
.popup.bottom .message {font-size:1.6rem;} /*margin-bottom:2.4rem; */
.popup.bottom .message.sm {font-size:1.4rem; color:var(--color-03);}
.popup.bottom .message.chk {position:relative; padding-left:3rem;}
.popup.bottom .message.chk::before {position:absolute; top:0; left:0; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-43.svg)no-repeat center / contain; content:'';}
.popup.bottom .message + .list-wrap {margin-top:2.4rem;}
.popup.bottom .message p + p {margin-top:1.6rem;}
.popup.bottom .tab-wrap .tab-panel {margin:0 0; padding-bottom:2rem}
.popup.bottom .tab-wrap .tab-panel [class^=section]:first-of-type {margin-top: 0;}
.popup.bottom .form-group .form-label {color:var(--color-01)}
.popup.bottom .result {padding-bottom:2.8rem;}
.popup.bottom .info-txt {margin-top:1.6rem; padding-left:2.4rem; color:var(--color-03); font-size:var(--fz-14); position:relative; display:inline-block}
.popup.bottom .info-txt:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; position:absolute; left:0; background:url(/_pub/assets/img/common/ico-18x-10.svg) no-repeat left top; background-size:100%;}
.popup.bottom.show .pop-wrap {left:50%; -webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);}/* 1226 */
.popup.bottom .pop-img-event {border-radius: 2.4rem 2.4rem 0 0; overflow:hidden;}/* 1226 */
.popup.bottom .pop-wrap.main { min-height: initial; max-width: initial; border-radius: 2.4rem 2.4rem 0 0; }

/* Popup > Types > Bottom > Limit */
.popup.bottom .btns-limit {display:flex; justify-content: space-between; position: absolute; top:-3.3rem; left: 1.6rem; right:1.6rem; color:var(--color-08); font-size: var(--fz-15);}
.popup.bottom .btns-limit .pop-close {top:-1rem; right:0;}
.popup.bottom .btns-limit .pop-close::after {content:''; display: inline-block; width: 2.4rem; height: 2.4rem; margin-left: 0.8rem; vertical-align: middle; background-color: yellow;}
.popup.bottom .btns-limit .btn-limit-close::after {content:''; display: inline-block; width: 2.4rem; height: 2.4rem; margin-left: 0.8rem; vertical-align: middle; background:url(/_pub/assets/img/common/ico-popup-close.svg) no-repeat; background-size:100%;}
.popup.bottom .img-box .img-benefit { width: 9.6rem; height: 9.6rem; } /* 260812 Ãß°¡ */

/* 240930 ¼öÁ¤ Popup > Types > Bottom - wide */
.popup.bottom .main-img-popup.wider {max-width:inherit !important; margin: 0; text-align:center; min-height: auto; background: transparent; } /* 250404 ¼öÁ¤ */
.popup.bottom .main-img-popup.wider .pop-body {padding:0; border-radius:2.4rem 2.4rem 0 0}
.popup.bottom .main-img-popup.wider .pop-body .cont-wrap {position: relative; max-width: 42rem; margin: 0 auto;}
.popup.bottom .main-img-popup.wider .pop-body .cont-wrap img {max-width: 42rem;}
.popup.bottom .main-img-popup.wider .main-txt-ver {text-align: left;}
.popup.bottom .main-img-popup.wider .pop-body.txt-over {background-color:#f0e7c9}
.popup.bottom .main-img-popup.wider .main-txt-ver {position:absolute; top:0; left:0; width:100%; padding:3.2rem 2.4rem 0;}
.popup.bottom .main-img-popup.wider .main-txt-ver .tit-area > * {display:block;}
.popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .s-tit {color:var(--color-03); font-size:var(--fz-16);}
.popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .tit {margin-top:0.9rem; font-size: var(--fz-24); }
.popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .notice-ico {float:right; width:10rem; height:10rem; margin-right:-0.9rem;}
.popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt {color:#222; font-size:var(--fz-15);}
.popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt.fir {margin-top:0.8rem}
.popup.bottom .main-img-popup.wider .message {font-size:var(--fz-16);}
.popup.bottom .main-img-popup.wider .message .sepe-line {margin-top:2.4rem; padding-top:2.4rem; border-top:1px solid var(--color-07);}
.popup.bottom .main-img-popup.wider .pop-cont-line {border-top:1px solid var(--color-06); margin-top:2.4rem;}
.popup.bottom .main-img-popup.wider .pop-body.-sab {padding-bottom:calc(var(--sab) + 2rem)}
.popup.bottom .main-img-popup.wider .btn-area:before { display: none; }

@media all and (min-width: 380px) and (max-width:1280px) {
    .popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .tit { margin-top: 1.4rem; font-size: var(--fz-26); }
    .popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt { font-size: var(--fz-16); }
    .popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt.fir { font-size: var(--fz-16); }
    .popup.bottom .main-img-popup.wider .gap-sm { margin-top: 3rem !important; }
    .popup.bottom .main-img-popup.wider .btn.detail { padding: 0.9rem 3.6rem 0.9rem 2.1rem; font-size: var(--fz-17); }
}

@media all and (max-width:360px) {
    .popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .tit { margin-top: 0.6rem; font-size: var(--fz-23); }
    .popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt { margin-top: 0.7rem; }
}

@media all and (max-width:320px) {
    .popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .s-tit { font-size: var(--fz-14); }
    .popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .tit { margin-top: 0.7rem; font-size: var(--fz-23); }
    .popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt.fir { margin-top: 0.5rem; }
    .popup.bottom .main-img-popup.wider .gap-sm { margin-top: 2.5rem !important; }
    .popup.bottom .main-img-popup.wider .btn.detail { padding: 0.8rem 3rem 0.8rem 1.7rem; font-size: var(--fz-14); }
}

@media all and (max-width:280px) {
    .popup.bottom .main-img-popup.wider .main-txt-ver { padding: 2.6rem 1.8rem 0; }
    .popup.bottom .main-img-popup.wider .main-txt-ver .tit-area .tit { font-size: var(--fz-20); }
    .popup.bottom .main-img-popup.wider .main-txt-ver .cont-area .cont-txt.fir { margin-top: 0.2rem; }
    .popup.bottom .main-img-popup.wider .gap-sm { margin-top: 1.6rem !important; }
    .popup.bottom .main-img-popup.wider .btn.detail { padding: 0.8rem 2.6rem 0.8rem 1.3rem; }
}

/* Popup > Types > Bottom > Android Keypad */
html.android.keypad-open .popup.bottom {position:relative!important;top:initial!important;left:initial!important;right:initial!important;bottom:initial!important;height:100%!important;padding-top:0} 
html.android.keypad-open .popup.bottom > .pop-scl-wrap, 
html.android.keypad-open .popup.bottom .pop-wrap {position:relative!important;bottom:initial!important;height:auto!important;max-height:100%!important;overflow-y:auto!important}
html.android.keypad-open .popup.bottom .pop-body {max-height:100%!important}

/* Popup > Types > Modal/Alert */
.popup.modal{padding:6rem 3.2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.popup.modal .pop-head h1 {margin-right:0; text-align: center;}
.popup.modal .pop-scl-wrap, 
.popup.modal .pop-wrap { width:100%; max-width:64rem; border-radius:1.2rem; margin:0 auto; overflow:hidden;}
.popup.modal .code-error {margin-top:1.6rem; font-size:var(--fz-14)}
.popup.modal .pop-body {padding-bottom:1.6rem;}
.popup.modal .pop-body.tall {padding-bottom:2.4rem;}
.popup.modal .message .links {margin-top:2.4rem;}
.popup.modal .message .links.underline {color:var(--color-blue1); padding-right:1.8rem;}
.popup.modal .message .links.underline:after {content:''; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-9.svg) right top no-repeat; position:absolute; right:0;}

.popup.modal.show {display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;}
.popup.modal.alert {z-index:300}
.popup.modal.alert .pop-body>.section {margin:0 2.4rem;}
.popup.modal.alert .message {word-break:break-all;text-align:center; font-size:var(--fz-16); color:var(--color-01); padding: 0; } /* 260703 ¼öÁ¤ */
.popup.modal.alert .message .txt-list {margin-top:1rem}
.popup.modal.alert .message .txt-list li+li {margin-top:.4rem}
/*.popup.modal.alert .pop-foot .btns {position: relative; display: block; height:8rem;}*/ /* 260703 »èÁ¦ */
.popup.modal.alert .pop-wrap { border-radius: 2.4rem; } /* 241029 alert Æ˾÷À϶§ ÇÏ´Ü¿¡ radius ¾ø¾î¼­ Ãß°¡ */

@keyframes modalAni{
	0%{opacity:0;margin-top:3rem}
	100%{opacity:1;margin-top:0}
}

/* Popup > Types > Modal/Alert[:not(alert)] */
.popup.modal .message {word-break:break-all;text-align:center; font-size:var(--fz-16); color:var(--color-01); padding:0 var(--lv-md);}
.popup.modal .message .txt-list {margin-top:1rem}
.popup.modal .message .txt-list li+li {margin-top:.4rem}
.popup.modal .message .tip {display:inline-block;}
.popup.modal .code-notice {margin-top:1.6rem; padding-left:2.4rem; color:var(--color-03); font-size:var(--fz-14); position:relative; display:inline-block; text-align:left;}
.popup.modal .code-notice:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; position:absolute; left:0; background:url(/_pub/assets/img/common/ico-18x-10.svg) no-repeat left top;}

.popup.modal .sub-txt-wrap {padding:0 2.4rem; text-align:center;}

/* Popup > Toast/Alarm */
.toast-box,
.alarm-box {position:fixed; bottom: calc(constant(safe-area-inset-bottom) + 8rem); bottom: calc(env(safe-area-inset-bottom) + 8rem); bottom:8rem; left:2.4rem; right:2.4rem; z-index:310; padding:1.2rem 2rem; color:var(--color-08); border-radius:1.2rem; background-color: var(--color-01); opacity: 0; -webkit-box-shadow:.4rem .4rem .6rem rgba(0,0,0,.14);box-shadow:.4rem .4rem .6rem rgba(0,0,0,.14); -webkit-transform:translateY(1rem); transform:translateY(1rem); -webkit-transition:opacity .3s,-webkit-transform .3s; transition:opacity .3s, transform .3s;}  /* 260701 ´ëÃâÁøÇàÇöȲ ·Îµù dim ¿µ¿ª Å佺Ʈ Æ˾÷º¸´Ù À§¿¡ ¿Ã¶ó´Â Çö»óÀ¸·Î z-index °ª ¼öÁ¤ */
.toast-box {text-align: center;}
.alarm-box {padding-right: 5rem;}
.toast-box .pop-close,
.alarm-box .pop-close-x {display:block; position: absolute; top:0; right:0; width:4.4rem; height: 4.4rem;}
.alarm-box .pop-close-x::before {content: ''; display: block; width:1.8rem; height: 1.8rem; margin:1.3rem; background: url(/_pub/assets/img/common/ico-18x-7.svg) no-repeat 0 0;}
.toast-box.on,
.alarm-box.on {opacity:.9;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0s;transition-delay:0s}

/* Popup > Show */
.popup.show {display:block !important;background-color:rgba(0,0,0,.5);-webkit-transition-delay:0s;transition-delay:0s}
.popup.show.no-dimmed {background:none;position:fixed;top:initial;left:initial;bottom:0;height:auto}
.popup.show .pop-scl-wrap, 
.popup.show .pop-wrap {-webkit-transform:translate3d(0, 0, 0) translateZ(0); transform:translate3d(0, 0, 0) translateZ(0); -webkit-transition-delay:0s; transition-delay:0s; visibility:visible;opacity:1; } /* 250116 ¼öÁ¤ */
.msie .popup.show {display:block}

/* Popup > Move Stream */
.stream-wrap {display: flex; flex-direction: column;}
.stream-wrap:not(:first-child) {display: none;}

.popup.show.no-dimmed,
.popup.stream,
.popup.stream .pop-bg-close {background:transparent;}
.popup.bottom.stream .pop-wrap {-webkit-transform:inherit;transform:inherit;-webkit-transition:opacity 0;transition:opacity 0}/* mod-date:0926: visibilty transition Á¦°Å */


/* Full Popup */
[data-move], .pg-wrap.full  {position:fixed;left:0;top: 0;width: 100%;height: 100%; background: #fff; transition:.3s linear; z-index:100;visibility: hidden;will-change: transform;right:0;bottom:0;}
[data-move].hide {visibility: hidden;}
[data-move].show {visibility: visible;}
[data-move].quick {transition: 0s;}
[data-move=left] {transform: translateX(100%);}
[data-move=right] {transform: translateX(-100%);}
[data-move=top] {transform: translateY(100%);}
[data-move=bottom] {transform: translateY(-100%);}
[data-move=left].show, [data-move=right].show {transform: translateX(0);}
[data-move=top].show, [data-move=bottom].show {transform: translateY(0);}
[data-move].h-auto .pg-container{overflow-y: auto;}

/* Popup > Etc */
.pop-wrap .select-item-wrap {padding:0;}
.select-item-wrap {padding:0 2.4rem}
.select-item > button,
.select-item > [role=button] {position:relative; display:block; width: 100%; padding:1.3rem 3rem 1.2rem 0;font-size:1.8rem;font-weight:500; text-align: left;}
.select-item .select-item-txt-sub {margin-top:.2rem;font-size:1.4rem;color:var(--fc-04)}
.select-item.selected > button:after {content:''; position:absolute; top:0; right:0; width:2.4rem; height:2.4rem; position:absolute; top:calc(50% - 1.2rem); right:0; background: url(/_pub/assets/img/common/ico-24x-14.svg) no-repeat 0 0 / contain;}

/* popup > sns */
.sns-popup .pop-head h1 {margin-bottom:2.8rem; font-size:var(--fz-16); font-weight:400}
.sns-popup .section {padding:0 2.4rem}
.sns-popup .btn.outline {border:1px solid var(--color-06)}
.sns-popup .btns.list-foot {margin:0}
.sns-popup .pop-body {padding-bottom:2.4rem}
.sns-popup .btns.list-foot .btn {padding:6.8rem 0 2rem}
.sns-popup .btn.md {border-radius:1.2rem; font-size:var(--fz-16)}
.sns-popup .kakao {background:url(/_pub/assets/img/common/ico-36x-16.svg) no-repeat 50% 2rem; background-size:3.6rem}
.sns-popup .letter {background:url(/_pub/assets/img/common/ico-36x-17.svg) no-repeat 50% 2rem; background-size:3.6rem}

/* shot box */
.shot-box {border:1px solid var(--color-06);}

.scrapping {font-size:2rem; color:var(--color-08); font-weight:700; text-align:center;}
.scrapping:before {content:''; width:7.2rem; height:7.2rem; display:block; margin:0 auto 2.4rem;}
.scrapping.type1:before {background-image:url(/_pub/assets/img/common/ico-72x-28.svg);}

.popup.process{padding:6rem 3.2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center; display:flex !important;}
.popup.process.show {background-color:rgba(0,0,0,.8);}

.popup.bottom .lists-headnote {margin-bottom:0.8rem;}

/* MSB_INQ_09_023 */
.pop-wrap .toggle-reverse {margin-bottom:0.4rem}
.pop-wrap .toggle-reverse .toggle-btn {order:2; font-size:1.4rem; margin-left:-0.8rem; margin-right:-0.8rem;}
.pop-wrap .toggle-reverse .btn:first-child {flex:none;}
.pop-wrap .toggle-reverse .toggle-panel {order:1; margin-left:-0.8rem; margin-right:-0.8rem;}

/* MSB_INQ_09_030 */
.pop-wrap .between-list {margin-top:1.6rem}
.pop-wrap .between-list.depth > li {margin-top:0}
.pop-wrap .between-list {display:flex; flex-wrap:wrap}
.pop-wrap .between-list li {flex: 0 0 calc(100% / 2); margin-bottom:0.8rem;}
.pop-wrap .between-list li:nth-child(2n+1) {margin-left:0;}
.pop-wrap .between-list li:nth-child(2n+1):nth-last-child(-n+2),
.pop-wrap .between-list li:nth-child(2n+1):nth-last-child(-n+2) ~ li  {margin-bottom:0;}


/* Number Keypad */
.num-pad-wrap .num-input-wrap {position:relative; width: 100%; height:9.5rem; margin-top:.3rem;}
.num-pad-wrap .num-input-wrap .num {color:var(--color-04)}
.num-pad-wrap .num-input-wrap.on .num {color:var(--color-01); font-weight: 700;}
.num-pad-wrap .num-pad {display:flex; flex-wrap:wrap; margin:0 0 -1.6rem;}
.num-pad-wrap .num-pad button[type='button'] {width:33.3%; min-height:5.6rem; padding:1.3rem 0 1.2rem; font-size:2.2rem; font-weight:500;}
.num-pad-wrap .num-input-wrap .p-error {position:absolute; top:4.7rem; left:0; max-height:3.4rem; line-height: 1.3; overflow: hidden;}

.num-pad-wrap .bank-list-block.ico-chevron-sm {margin-bottom: 1.6rem; font-size: var(--fz-16);}
.num-pad-wrap .bank-list-block.ico-chevron-sm::after {content: ''; display: inline-block; margin-left: 0; vertical-align: -3px;}

.num-pad-wrap .num-input-wrap.price {text-align: center;}
.num-pad-wrap .num-input-wrap.price .p-price {padding-top:2.2rem;}
.num-pad-wrap .num-input-wrap.price .p-price-hangul {position:absolute; top:0; left:50%; height:1.8rem; color:var(--color-03); line-height: 1.3; transform: translateX(-50%); overflow: hidden;}
.num-pad-wrap .num-input-wrap.price .p-error {top:6.1rem; left:50%; width: 100%; transform: translateX(-50%);}

.num-pad-wrap .shortkey {display: flex; justify-content: space-between;}
.num-pad-wrap .shortkey .btn {width:100%; min-height:3.2rem; padding:.6rem 1rem; color:var(--color-01); font-weight: 400; border:1px solid var(--color-06); border-radius: .6rem;}
.num-pad-wrap .shortkey .btn:not(:first-child) {margin-left:.4rem;}

.popup.alarm .pop-body {padding-bottom: 3.2rem;}
.popup.alarm .notice-cont {padding:0 2.4rem; text-align: center; word-break: keep-all;}
.popup.alarm .notice-cont .title {display: block; color:#007efc; font-size: 1.6rem; font-weight: 500; line-height: 2.3rem;}
.popup.alarm .notice-cont .text {margin-top:2.4rem; color:#696e77;font-size: 1.4rem; line-height: 2rem;}
.popup.alarm .pop-foot {height:5.3rem; border-top:1px solid #ddd; text-align: center;}
.popup.alarm .pop-foot:after {height:5.3rem;}
.popup.alarm .pop-foot .btns {padding:0;}
.popup.alarm .pop-foot .btn-cookie,
.popup.alarm .pop-foot .btn-pop-close {flex:1;height:5.3rem;color:#000;font-weight:600;}

.popup.bnn .pop-body {padding:0;}
.popup.bnn .pop-body .section a {display:block; text-align:center;}
.popup.bnn .pop-close {right:1.6rem;top:-3.6rem; width: auto; height: 2.4rem; padding-right:2.8rem; background: url(/_pub/assets/img/common/ico-24x-5-w.svg) no-repeat right center; color:#fff;}
.popup.bnn .btn-cookie {display:block;position: absolute; left: 1.6rem; top:-3.6rem; color:#fff; font-size:1.5rem; line-height:2.4rem;}

/* ---------------------------------------------------------------- swiper ---------------------------------------------------------------- */
.ui_swiper.full{margin:0 -2.0rem}
.ui_swiper.swiper_items .swiper-slide{width:90%}
.no_swiper .swiper-pagination, .no_swiper .swiper-pagination-wrap{display:none}
.swiper-pagination{display:inline-block;position:relative;width:100%;height:.6rem;margin-top:1.6rem;text-align:center}
.swiper-pagination-wrap{margin-top:1.2rem;text-align:center}
.swiper-pagination-wrap .swiper-pagination{width:auto;margin-top:0;vertical-align:middle}
.swiper-button{background-color:rgba(0, 0, 0, 0.2)}
.swiper-button::after{content:'';position:absolute;top:50%;left:50%;width:1.0rem;height:1.0rem;margin:-0.5rem 0 0 -0.5rem;border-width:2px 0 0 2px;border-style:solid;border-color:#fff}
.swiper-button-prev{border-radius:0 0.8rem 0.8rem 0}
.swiper-button-prev::after{transform:rotate(-45deg)}
.swiper-button-next{border-radius:0.8rem 0 0 0.8rem}
.swiper-button-next::after{transform:rotate(135deg)}
.swiper-pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;margin:0 .4rem; border:1px solid #8f949e; background-color:#fff;opacity:1;transition:0.4s;vertical-align:top;}
.swiper-pagination .swiper-pagination-bullet-active{border-radius:.6rem;background-color:#696e77; border-color:#696e77;} /*width:2rem;*/
.swiper-auto-ctl {width:1.8rem; height:1.8rem; vertical-align:middle; margin-left:0.3rem;}
.swiper-auto-ctl::before {content:''; display:inline-block; width:1.8rem; height:1.8rem; background-image:url(/_pub/assets/img/common/ico-18x-25.svg); background-repeat:no-repeat; background-position:center center;}
.swiper-auto-ctl.play::before {background-image:url(/_pub/assets/img/common/ico-18x-24.svg);}
.swiper-pagination-current{font-weight:700}

/* ---------------------------------------------------------------- datepicker ---------------------------------------------------------------- */
.rolldate-container {
    color: var(--color-01);
}
.rolldate-container .rolldate-dim {
    height: 88px;
}
.rolldate-container .mask-top {
    border-bottom: 1px solid var(--color-06);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, 1));
}
.rolldate-container .mask-bottom {
    bottom: 0;
    border-top: 1px solid var(--color-06);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, .7));
}
.rolldate-container .rolldate-panel {
    height: 443px;
    padding: 0 2.4rem calc(env(safe-area-inset-bottom) / 2 + 2rem);
    transform: translate3d(0, 443px, 0);
    border-radius: 2.4rem 2.4rem 0 0;
}
.rolldate-container .rolldate-content {
    top: 60px;
}
.rolldate-container .rolldate-wrapper > div {
    height: 220px;
    line-height: 45px;
}
.rolldate-container .rolldate-wrapper ul {
    margin-top: 88px;
}
.rolldate-container .rolldate-wrapper li {
    height: 45px;
    font-weight: 500;
}
.rolldate-container header {
    padding-top: 3.2rem;
    text-align: left;
    border: 0;
}
.rolldate-container header .ht-3{
    margin: 0;
}
.rolldate-container .rolldate-cancel {display:block; position:absolute; top:2.4rem; right:.7rem; left: auto;width: 6rem; height: 4rem; font-size: 1.5rem; font-weight: 400; z-index: 100;} 
.rolldate-container .rolldate-confirm {
    width: calc(100% - 4.8rem);
    top: auto;
    bottom: calc(env(safe-area-inset-bottom) / 2 + 2rem);
    left: 2.4rem;
    margin: 0;
}
.rolldate-container .fadeIn {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.rolldate-container .fadeOut {
    -webkit-transform: translate3d(0, 443px, 0);
    transform: translate3d(0, 443px, 0)
}

/* ---------------------------------------------------------------- Banner ---------------------------------------------------------------- */
.banner-wrap {margin-top:4rem;}
.banner-wrap .banner {display: block; width: 100%; border-radius: .8rem; background-color:var(--color-blue8);} /*height: 12.2rem;*/
.banner-wrap .banner img {max-width:37.5rem; margin: 0 auto;}

/* ---------------------------------------------------------------- Loading ---------------------------------------------------------------- */
.loading .dimmed {background: var(--color-08); opacity: .85;}
.loading.bg-none .dimmed {background:transparent;}
.loading .loading-cont {display:flex; justify-content:center; align-items: center; flex-direction: column;  position:fixed; top:0; left:0; width:100%; height:100%; padding: 0 2.4rem; z-index: 201;}
.loading .loading-cont .txt {font-size: var(--fz-16); color:var(--color-01); text-align: center;}
.loading .loading-cont::before {content:''; display: block; width: 6rem; height: 2rem; margin-bottom:1.6rem; background:url(/_pub/assets/img/common/ani-loading.png) no-repeat; background-size: 100% auto;}
.loading .loading-cont.result::before {width: 7.2rem; height: 7.2rem; margin-bottom:2.4rem; background: red; background:url(/_pub/assets/img/common/ani-success.png) no-repeat; background-size: 100% auto;}
.loading .loading-cont.splash::before {width: 20rem; height: 3rem; background: red; background:url(/_pub/assets/img/common/ani-splash.png) no-repeat; background-size: 100% auto;}
.loading .loading-cont.change-ani {min-height: 6rem;}
.loading .loading-cont.change-ani .txt:not(:first-child) {display: none;}
.loading .loading-cont.nice-logo-ani::before {width:13.3rem; height:6.6rem; background:url(/_pub/assets/img/common/ani-nice-loading.png) no-repeat; background-size: 100% auto;}

/* 250722 Ãß°¡ */
.data-loading {display: block; position: relative; width: 2.3rem; height: 2.3rem; }
.data-loading::before {content:''; display: inline-block; position: absolute; top:50%; left:0; width: 2.3rem; height: 2.3rem; background:url(/_pub/assets/img/common/circle_loading.gif) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

.result.laoding .tit::before {background:url(/_pub/assets/img/common/ico-72x-30.svg) no-repeat center / contain;}/* ·ÎµùÁß */
.load.bg01 .result.laoding .txt::before {content:''; display:block; width:17.8rem; height:6rem; margin:0 auto 2.4rem; background:url(/_pub/assets/img/@temp/@load01.svg) no-repeat center / contain;}/* ȯÀüÁö°© ·ÎµùÁß */
.result.laoding01 .tit::before {background:url(/_pub/assets/img/common/ico-72x-7.svg) no-repeat center center / contain;}/* (´ëÃâ)ÀÚµ¿¼­·ùÁ¦Ãâ´ë±â 1st */
.result.laoding02 .tit::before {background:url(/_pub/assets/img/common/ico-72x-28.svg) no-repeat center center / contain;}/* (´ëÃâ)ÀÚµ¿¼­·ùÁ¦Ãâ´ë±â 2nd */
.result.laoding03 .tit::before {background:url(/_pub/assets/img/common/ico-72x-29.svg) no-repeat center center / contain;}/* (´ëÃâ)ÀÚµ¿¼­·ùÁ¦Ãâ´ë±â 3rd */

/* ---------------------------------------------------------------- Banner ---------------------------------------------------------------- */

/* 112156 ¼ö¾î»ó´ã */
.mgt-5 {margin-top:0.5rem !important;}
.mgt-15 {margin-top:1.5rem !important;}
.mgt-25 {margin-top:2.5rem !important;}

.mgr-10 {margin-right:1rem !important;}

.list-block:disabled { color: var(--color-04); }

.form-row .add-text { display: flex; align-items: center; margin-left: 10px; }
.form-row .add-text .text { font-size: 2rem; color: var(--color-04); }

.agree-box .policy-area .h3 { margin: 3rem 0 1rem; font-size: 1.6rem; }
.agree-box .policy-area .h3:first-child { margin-top: 0; }
.agree-box .policy-area .h4 { margin: 3rem 0 1.2rem; font-size: 1.5rem; }
.agree-box .policy-area .h5 { margin: 2rem 0 1rem; color:var(--fc-02); font-size: 1.4rem; }
.agree-box .policy-area .depth.num.round.body-text > li:before { top: 0.3rem; width: 1.5rem; line-height: normal; }
.agree-box .policy-area .depth.num.round > li:after { width: 1.5rem; height: 1.5rem; margin-top: 0.2rem; }
.agree-box .policy-area .btn-download { margin-top: 1.5rem; color:#333; }
.agree-box .policy-area .btn-download i { margin-bottom: .2rem; }
.agree-box .policy-area [class^=btn-]::before { display: block; }
.agree-box .policy-area .btns.cont-foot { display: block; margin-top: 0; }
.agree-box .policy-area .btn-area { display: block; margin-top: .5rem; }
.agree-box .policy-area .lists { border-bottom: none; }
.agree-box .policy-area .lists > li { min-height: auto; border-bottom: none; }
.suoDate::before { content: attr(data-placeholder); width: 100%; }
.suoDate.changed::before { content: attr(data-placeholder); width: 0%; }

/* *:focus {outline: 3px solid red} */


/* SBM_ETC_04_06 */
/* .bg-tip-box */
.bg-tip-box{padding: 2.4rem;border-radius: 1.6rem;background-color:var(--color-07);}
.bg-tip-box .tip-tit{position: relative; padding-left: 3rem;font-size: var(--fz-16);line-height: 2.4rem;font-weight: 700;}
.bg-tip-box .tip-tit::before{content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 2.4rem;height: 2.4rem;background: 0 0 url(/_pub/assets/img/common/ico-24x-43.svg) no-repeat;}
.bg-tip-box .tip-desc{font-size: var(--fz-14);color: var(--color-03);}

.img-wrap.align-center{text-align: center;}

/* 250729 ¿¹±ÝÀÚº¸È£¹ý Çѵµ »óÇâ */
.protect-area{margin-top: 2rem;display: flex;align-items: center;}
.logo-protect-box{display: flex;align-items: center;width: 7rem;height: auto;}
.gap-web-pl{flex:1;padding-left: 2rem;font-size: 1.5rem;color:#13151C}
@media (max-width: 1024px) {
    .protect-area{margin-top: 1.2rem;}
    .gap-web-pl{
        padding-left: 1.2rem;
        font-size: 1.4rem;
    }
    .logo-protect-box{
        display: flex;
        align-items: center;
        width: 6.6rem;
        height: auto;
    }
}