@charset "utf-8";
 
@import "common.css";

/* ====================================== *   
	Content style
* ====================================== */
/*--- 채팅/전화상담 ---*/
.bg-box .htit-st04 + * {margin-top:1.2rem; font-size:1.4rem;}
.selected-lang-btn{position:relative;width:100%;height:auto;min-height:6.3rem;display:flex;align-items:center;justify-content:flex-start;background:var(--gray10);border-radius:1.2rem;padding:2rem 4.8rem 2rem 1.6rem;}
.selected-lang-btn:before{content:"";display:inline-block;width:2.4rem;height:1.6rem;margin-right:.8rem;background-repeat:no-repeat !important;background-position:center center !important;background-size:contain !important;} /*flag image*/
.selected-lang-btn:after{content:"";position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:url("../images/icon-24-arrow-right.png") no-repeat center center / contain;}
.selected-lang-btn span {font-size:1.8rem;line-height:1.5;font-weight:400;color:var(--gray100);}

.advice-box .info-box{margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;}
.advice-box .info-box .btn-chatting{margin-top:5rem;width:25rem;height:25rem;background:url("../images/img-250-chatting.png") no-repeat center center / contain;}
.advice-box .info-box .btn-wrap{display:flex;flex-direction:column;}
.advice-box .info-box .btn-call{margin-top:2rem;padding-top:20rem;min-width:20rem;min-height:23.7rem;background:url("../images/img-250-call.png") no-repeat top center / 20rem;font-size:1.8rem;color:var(--gray90);font-weight:700;}
.advice-box .info-box .btn-call + .btn-call{margin-top:3rem;background-image:url("../images/img-250-call02.png")}
.advice-box .info-box .btn-wrap.only .btn-call{padding:0;margin-bottom:1rem;width:25rem;height:25rem;background-size:25rem;}
.advice-box .info-box .btn-wrap.only .btn-call:last-child{display:none;}
.advice-box .info-box strong{margin-top:3rem;font-size:2.4rem;line-height:1.5;font-weight:700;color:var(--gray100);}
.advice-box .info-box p{margin-top:1rem;font-size:1.6rem;color:var(--gray90);}
.advice-box .bg-box{margin-top:6.5rem;}
.advice-box .swiper-container{margin:2rem -2rem 0;}
.advice-box .swiper-button-next, .advice-box .swiper-button-prev{top:10rem;width:4.8rem;height:4.8rem;background:url(../images/icon-24-arrow-right-gray.png) no-repeat 50% 50% / 4.8rem;}
.advice-box .swiper-button-prev{left:2rem; transform:rotate(180deg);}	
.advice-box .swiper-button-prev.swiper-button-disabled, .advice-box .swiper-button-next.swiper-button-disabled{display:none;}
.advice-box .swiper-button-next{right:2rem;}
.advice-box .swiper-pagination{top:27rem;right:50%;transform:translateX(50%);transition:inherit;margin:0}

/*언어선택*/
.selected-lang {margin-bottom:3rem !important; }
.selected-lang:before {content:"";display:block;margin: 0 auto;width:12.5rem;height:10rem;background-size:10rem !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;}
.selected-lang > span {display:block;text-align:center;font-size:1.6rem;margin-top:0.4rem;color:var(--gray100);}
.selected-lang .selected-lang-btn{margin-top:3rem;}
.select-lang label input[type="radio"]{width:2.4rem;height:1.6rem;margin-right:0.8rem;background-size:2.4rem;background-repeat:no-repeat;background-position:center center;} 
.select-lang .non label input[type="radio"]{width:0;height:0;margin:0;}
/*
중국 : zh, 미국 en, 태국 th, 캄보디아 km, 우즈베키스탄 uz, 스리랑카 si, 
베트남 vi,미얀마 my, 필리핀  fil, 인도네시아 id, 한국 ko, 러시아 ru, 몽골 mn, 일본 ja, 네팔 ne , 방글라데스 bn
*/
@font-face {
	font-family: 'NotoSans-km';
	src: url(font/NotoSansKhmer-Regular.woff) format('woff');
}
.font-km {font-family:'NotoSans-km';}
.select-lang .km label, .selected-lang-btn.km span {font-family:'NotoSans-km';}
.selected-lang.zh:before, .selected-lang-btn.zh:before, .zh input{background:url("../images/ico-country/ico-CN.png");}
.selected-lang.en:before, .selected-lang-btn.en:before, .en input{background:url("../images/ico-country/ico-US.png");}
.selected-lang.th:before, .selected-lang-btn.th:before, .th input{background:url("../images/ico-country/ico-TH.png");}
.selected-lang.km:before, .selected-lang-btn.km:before, .km input{background:url("../images/ico-country/ico-KH.png");}
.selected-lang.uz:before, .selected-lang-btn.uz:before, .uz input{background:url("../images/ico-country/ico-UZ.png");}
.selected-lang.si:before, .selected-lang-btn.si:before, .si input{background:url("../images/ico-country/ico-LK.png");}
.selected-lang.vi:before, .selected-lang-btn.vi:before, .vi input{background:url("../images/ico-country/ico-VN.png");}
.selected-lang.my:before, .selected-lang-btn.my:before, .my input{background:url("../images/ico-country/ico-MM.png");}
.selected-lang.fil:before, .selected-lang-btn.fil:before, .fil input{background:url("../images/ico-country/ico-PH.png");}
.selected-lang.id:before, .selected-lang-btn.id:before, .id input{background:url("../images/ico-country/ico-ID.png");}
.selected-lang.ko:before, .selected-lang-btn.ko:before, .ko input{background:url("../images/ico-country/ico-KR.png");}
.selected-lang.ru:before, .selected-lang-btn.ru:before, .ru input{background:url("../images/ico-country/ico-RU.png");}
.selected-lang.mn:before, .selected-lang-btn.mn:before, .mn input{background:url("../images/ico-country/ico-MN.png");}
.selected-lang.ja:before, .selected-lang-btn.ja:before, .ja input{background:url("../images/ico-country/ico-JP.png");}
.selected-lang.ne:before, .selected-lang-btn.ne:before, .ne input{background:url("../images/ico-country/ico-NP.png");}
.selected-lang.bn:before, .selected-lang-btn.bn:before, .bn input{background:url("../images/ico-country/ico-BD.png");}

/*---번호표 이용안내---*/
img{width:100%;}
.vst-request-infobox ul {margin-top:3rem; overflow:hidden;}
.vst-request-infobox ul li {display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:1.6rem;padding:2rem 1.6rem;border-radius:1.6rem;background:var(--white);}
.vst-request-infobox ul li:last-child {margin-bottom:0;}
.vst-request-infobox ul li i {display:inline-block;width:3rem;height:3rem;margin-right:1rem;margin-top:-0.3rem;}
.vst-request-infobox ul li span {flex:1;display:inline-block;font-size:1.6rem;color:var(--gray100);}
.vst-request-infobox ul li strong{font-size:1.6rem;color:var(--gray100);font-weight:700;}
.vst-request-infobox ul li .vbox{flex:1;}
.vst-request-infobox ul li .txt-small{margin-top:0.8rem;color:var(--gray90);}
.vst-request-infobox ul li .txt-small + .txt-small{margin-top:0.3rem;color:var(--gray70)}
.vst-request_Infoimg {display:flex;justify-content:center;margin:3rem 0 2rem !important;}
.vst-request_Infoimg img {width:15rem; height:15rem;}
.bg-box .htit-st03 + .toggle-con .txt-spe{margin-top:0.8rem;}

/*--- 방문예약 ---*/
.inline-button .btn-text-down{margin-top:3rem;}
.box > .bg-box + .bg-box{margin-top:3rem;}
.box > .have-toggle + .have-toggle{margin-top:1.6rem;}
.bg-box .board.view tr:first-child th, .bg-box .board.view tr:first-child td{padding-top:0;}
.bg-box .board.view tr:last-child th, .bg-box .board.view tr:last-child td{padding-bottom:0;}
.bg-box .board-wrap .board.view tr:last-child{border:none;}
.bg-box .board-wrap .board.view::before{display:none;}

.vst-visit-wrap .vst-visit-list li + li{margin-top:1.6rem}
.vst-visit-wrap .vst-visit-list .bg-box .badge-line{margin-bottom:2rem;}
.vst-visit-wrap .vst-visit-list .bg-box .board-wrap .board.view th, .vst-visit-wrap .vst-visit-list .bg-box .board-wrap .board.view td{color:var(--gray60);}
.vst-visit-wrap .vst-visit-list .bg-box.on{background:var(--bg-secondary);}
.vst-visit-wrap .vst-visit-list .bg-box.on .board-wrap .board.view th{color:var(--gray90);}
.vst-visit-wrap .vst-visit-list .bg-box.on .board-wrap .board.view td{color:var(--gray100);}
.vst-visit-wrap .vst-visit-list + .inline-button .btn-text-down{margin-top:3rem;}
.vst-visit-wrap .no-data + .button-section{margin-top:4rem;}
.vst-visit-wrap .have-toggle + .tit-wrap .htit-st03{margin-top:0;}

/* 번호표발행/방문예약 */
/*---지도---*/
.vst-wrap .content{position:relative;}
.vst-wrap header{z-index:5;position:fixed;width:100%;left:0;top:0;}

.vst-scroll-wrap{margin:0 -2rem;}
.vst-map-area-box {position:fixed;padding-top:5.6rem;left:0;right:0;top:0;display:-webkit-box;display:flex;width:100%;height:calc(100vh);overflow:hidden; -webkit-box-pack:center; justify-content:center;}[class*=vst-btn_map_s_] {float:left; margin-bottom:0.8rem; background-color:var(--white); width:4.4rem; height:4.4rem; border-radius:1.2rem; box-shadow:0 0 0.3rem 0.04rem rgba(0, 0, 0, 0.25);}
[class*=vst-btn_map_s_]:last-child {margin-bottom:0;}
.vst-btn_map_reload {position:fixed;top:17rem; left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0.2rem 1.4rem;border-radius:2.4rem;border:1px solid #01a5ac;background:var(--white);min-height:4rem;font-size:1.4rem;font-weight:700;color:var(--primary);}
.vst-btn_map_s_remote:disabled {background:var(--bg-gray200);}
.vst-btn_map_s_remote:disabled img {opacity:0.25;}
.vst-custom_overlay {background:var(--white); border:1px solid var(--gray90); border-radius:0.5rem;}
.vst-custom_overlay:after {content:''; position:absolute; left:50%; bottom:-0.5rem; border-top:1px solid var(--gray90); border-right:1px solid var(--gray90); background:var(--white); width:1rem; height:1rem; -webkit-transform:rotate(135deg); transform:rotate(135deg); margin-left:-0.5rem;}
.vst-custom_overlay_detail {display:block; padding:0 1.2rem; width:100%; font-size:1.4rem; min-height:3.5rem; line-height:3.5rem; color:var(--gray100);}
.vst-custom_overlay_detail:after {content:''; display:inline-block; width:0.8rem; height:0.8rem; border:2px solid var(--gray90); border-left-color:transparent; border-bottom-color:transparent; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:0.6rem; margin-bottom:0.1rem;} 
.vst-map-pos {position:fixed;top:17.2rem;left:2.4rem;width:4.4rem;}
.vst-map-info-cont {position:fixed;top:5.6rem;left:0;right:0;z-index:2 !important;display:flex;width:100%;padding:2rem; background:var(--white); border-bottom:1px solid #e9ecef;}
.vst-map-info-cont .inp-wrap{width:100%;}
.vst-map-slidelist-box{position:relative;}
.vst-map-slidelist-inner{position:absolute; width:100%; z-index:1; background:var(--white); border-radius:2rem 2rem 0 0; box-shadow:0 -4px 20px 0 rgba(0, 0, 0, 0.04); -webkit-transform:translateY(calc(100vh - 11.2rem)); transform:translateY(calc(100vh - 11.2rem));}
.vst-map-slidelist-inner::-webkit-scrollbar{display:none;}
.vst-map-slidelist-inner:before {content:''; position:absolute; top:1.2rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:inline-block; width:4rem; height:0.4rem; border-radius:0.2rem; background:var(--gray70);}
.vst-map-slidelist-inner .vst-map-btn-slide{margin:0; padding:3rem 0;}
.vst-map-slidelist-inner .vst-map-btn-slide .vst-map-sort-btn{display:flex; padding:0 2rem; overflow-x:auto;}
.vst-map-slidelist-inner .vst-map-btn-slide .vst-map-sort-btn::-webkit-scrollbar{display:none;}
.vst-map-slidelist-inner .vst-btn_shrink{width:6rem;height:2rem;position:absolute;top:0.4rem; left:50%;transform:translateX(-50%);}
.button-contained{display:inline-flex; align-items:center; justify-content:center;}
[class*=vst-] .button-wrap .button-contained,
.vst-tutorial-Item-areabottom div[class*=vst-tutorial-Itemlist] {font-size:1.4rem;width:auto;min-width:auto; height:3.7rem; margin:0 0.4rem; padding:0.8rem 1.4rem; border-radius:2rem; color:var(--gray80); background-color:var(--gray10); box-sizing:border-box; white-space:nowrap;}
[class*=vst-] .button-wrap .button-contained:first-child {margin-left:0;}
[class*=vst-] .button-wrap .button-contained:last-child {margin-right:0;}
.vst-map-slidelist-inner .button-wrap .button-contained [class*=vst-tutorial-Itemlist],
.vst-map-info-cont .inp-wrap .vst-map-slidelist-inner .button-wrap .button-contained {color:#333;}
.button-contained.is-active {background:var(--gray90) !important; color:var(--white) !important; font-weight:700 !important;}
.vst-map-slidelist {width:100%; min-height:calc(100vh - 55rem - 5.6rem); max-height:calc(100vh - 26.4rem - 5.6rem); padding:0 2rem calc(4rem + 1.6rem); overflow-y:auto; -webkit-overflow-scrolling:touch;}
/* .vst-map-slidelist:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1.25rem; background:var(--white); z-index:3; padding-bottom: 1rem;} */
.vst-map-slidelist .no-data {position:relative; width:100%; margin:1rem 0 4.5rem;}
.vst-map-slidelist .no-data p{font-weight:700; font-size:1.8rem; color:var(--gray100); margin:0;}
.vst-map-slidelist ul {width:100%; overflow:hidden;}
.vst-map-slidelist ul li {display:-webkit-box; display:flex; flex-wrap:wrap; width:100%; margin-bottom:1.6rem;}
.vst-map-slidelist ul li:last-child{margin-bottom:0;}
.vst-map-slidelist ul li .vst-maplist_cont {position:relative; width:100%; padding:1.6rem 1.6rem 2rem; border-radius:1.6rem; background:var(--bg-gray100);}
.vst-map-slidelist ul li .vst-map-slidelist-link {display:-webkit-box; display:flex; position:relative; width:100%; text-align:left;}
.vst-map-slidelist ul li .vst-map-slidelist-link:after {content:''; position:absolute; top:0; right:0; width:2.4rem; height:2.4rem; background:url(../images/icon-24-arrow-right.png) no-repeat center center / contain;}
.vst-map-slidelist ul li .vst-map-slidelist-link.none-arrow:after{display:none;}
.vst-map-slidelist ul li .vst-map-slidelist-link.none-arrow .vst-map-slidelist-text strong{width:100%;}
.vst-map-slidelist ul li .button-section button {margin-top:0.8rem;margin-bottom:0;}
.vst-map-slidelist ul li .button-section button:first-child {margin-top:2rem;}
.vst-map-slidelist ul li .vst-map-slidelist-icon {position:relative; display:inline-block; width:2.8rem; height:2.8rem; min-width:2.8rem; margin-right:0.8rem; margin-top:-0.15rem; overflow:hidden;}
.vst-map-slidelist ul li .vst-map-slidelist-icon img {width:100%;}
.vst-map-slidelist ul li .vst-map-slidelist-text {display:flex; flex-direction:column; flex:1;}
.vst-map-slidelist ul li .vst-map-slidelist-text strong {display:flex;align-items:flex-start; margin-bottom:0.8rem; width:calc(100% - 2.7rem);}
.vst-map-slidelist ul li .vst-map-slidelist-text strong b {display:inline-block; font-size:1.6rem; color:var(--gray100); font-weight:700; line-height:1.5;}
.vst-map-slidelist ul li .vst-map-slidelist-text strong span {padding:0 0.6rem;margin-top:0.2rem;color:var(--primary01); font-size:1.4rem; white-space: nowrap; font-weight:400;}
.vst-map-slidelist ul li .vst-map-slidelist-text > span {display:block;font-size:1.4rem; color:var(--gray80); font-weight:400; line-height:1.5;margin-bottom:0.6rem;}
.vst-map-slidelist ul li .vst-map-slidelist-text > span:last-child {margin-bottom:0; display:inline-flex; align-items:flex-start; flex-direction:column;}
.vst-map-slidelist ul li .vst-map-slidelist-text > span b {position:relative;margin-bottom:0.6rem;font-size:1.4rem;font-weight:400; line-height:1.5;color:var(--gray70);}
.vst-map-slidelist ul li .vst-map-slidelist-text > span b em{display:block;}
.vst-map-slidelist ul li .vst-map-slidelist-text > span b:last-child {margin-bottom:0;padding-right:0;display:inline-flex;flex-direction:column;align-items:flex-start}
.vst-map-slidelist ul li .vst-map-slidelist-text .badge {margin-left:auto;margin-top:0.2rem;min-width:3.7rem;}
.vst-map-slidelist ul li .vst-map-slidelist-text .badge + .badge{margin-left:0.8rem}

/*---영업점 상세---*/
.visit-detail {padding-top: 0; margin-bottom:0 !important; height:auto; min-height:calc(100% - 5.6rem); max-height:none; overflow:hidden;}
.visit-detail .toast-msg {z-index:2; display:none;}
.visit-detail .vst-map-area-box {padding-top:0; top: 5.6rem; height:18.8rem;}
.visit-detail .vst-btn_map_s_remote {top:7.5rem;}
.visit-detail .vst-btn_map_s_upsize {top:7.5rem; left:inherit; right:2.4rem;}
.visit-detail .vst-btn_map_s_downsize {top:12.5rem; left:inherit; right:2.4rem;}
.visit-detail .vst-map-area {height:18rem; position:fixed; left:0; top:3.5rem; display:-webkit-box; display:flex; width:100%; -webkit-box-pack:center; justify-content:center;}
.visit-detail .vst-map-detail-cont > .button-section {position:relative;padding:0 2rem; background:var(--white);}
.visit-detail .vst-map-detail-cont > .button-section button {margin:0;}
.visit-detail .vst-map-detail-cont > .button-section button.Lbtn {margin-right:0.8rem;}
.visit-detail .vst-map-detail-cont > .button-section button:last-child,
.visit-detail .vst-map-detail-cont > .button-section button:only-child {margin-left:0; margin-right:0;}
.visit-detail .vst-map-detail-inner {position:relative; z-index:0; background:var(--white); padding-top:3rem; padding-bottom:calc(16rem + 1.6rem); border-radius:2rem 2rem 0 0; box-shadow:0 -0.4rem 2rem 0 rgba(0, 0, 0, 0.04); -webkit-transform:translateY(calc(100vh - calc(100vh - 16rem))); transform:translateY(calc(100vh - calc(100vh - 13rem)));}
.visit-detail .vst-map-detail-inner::-webkit-scrollbar, .vst-map-slidelist::-webkit-scrollbar{display:none;}
.vst-map-info {padding:0 2rem; overflow:hidden;}
.vst-map-info .tit-wrap{align-items:flex-start; justify-content:flex-start;}
.vst-map-info .tit-wrap .vst-bookmark{margin-right:0.6rem;margin-top:0.1rem;}
.vst-map-info .tit-wrap .vst-bookmark + div{margin-left:auto;}
.vst-map-info .tit-wrap .badge{min-width:3.6rem;margin-left:auto;margin-top:0.3rem;flex:none;}
.vst-map-info .tit-wrap div:last-child .badge{margin-left:0.3rem;}
.vst-map-info .txt-spe{margin-top:1.6rem;}
.vst-map-info .con-list:not(.search) > li > div div:last-child span, 
.vst-map-info .con-list:not(.search) > li > div span:last-child span{display:block; font-size:1.6rem;}
.vst-map-info .con-list:not(.search) > li > div span + div {flex:0 0 60%;}
.vst-map-detailview{position:relative; padding:3rem 2rem 0;}
.vst-map-detailview .bg-box .htit-st03{display:inline-flex;align-items:flex-start;}
.vst-map-detailview .have-toggle .htit-st03{display:flex;}
.vst-map-detailview .bg-box .htit-st03 .txt-small{margin-top:0.3rem;margin-left:0.6rem;font-weight:400;color:var(--gray80);}
.vst-map-detailview .bg-box + .bg-box{margin-top:3rem;}
.vst-map-detailview .bg-box.have-toggle{margin-top:4rem;}
.vst-map-detailview .vst-map-box.progress .vst-map-box-list{padding:1.6rem;}
.vst-map-detailview .vst-map-box .vst-map-box-list{margin-top:1.6rem; padding:2rem 1.6rem; background:var(--white); border-radius:1.2rem;}
.vst-map-detailview .vst-map-box .vst-map-box-list:first-child{margin-top:0;}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-box-txt{display:flex; align-items:center; justify-content:space-between; margin-bottom:2rem; color:var(--gray80);}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-box-txt span em{color:var(--primary); margin-right:0.3rem;}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-progress{display:flex;align-items:center;justify-content:space-between; color:var(--gray90); padding-left:2.6rem; background:url(../images/icon-20-time.png) no-repeat left center/2rem;}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-progress span{width:20%;}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-progress span:last-child{font-weight:700;text-align:right;width:calc(80% - 0.8rem);}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-progress .blue{color:var(--peacock);}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-progress .gray{color:var(--gray80);}
.vst-map-detailview .vst-map-box .vst-map-box-list .vst-map-progress .red{color:var(--red);}
.vst-bookmark {margin-left:0.6rem; width:2.4rem; min-width:2.4rem; max-width:2.4rem; height:2.4rem;}

/*--- 방문예약신청 ---*/
.content-top .hbox .icon-bi{width:3.6rem;margin-right:0.6rem;}

[class*="slide-list"] {position:relative;margin:0 -2rem;}
[class*="slide-list"] ul {position:relative;display:-webkit-box;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;}
[class*="slide-list"] ul::-webkit-scrollbar {display:none;}
[class*="slide-list"] ul li {margin-right:1.2rem;}
[class*="slide-list"] ul li:first-child {padding-left:2rem;}
[class*="slide-list"] ul li:last-child {padding-right:2rem;margin-right:0;}
[class*="slide-list"] ul li button {display:inline-block;position:relative;width:7.7rem;color:var(--gray80);background:var(--white);}
[class*="slide-list"] ul li button:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid var(--gray40);border-radius:1.2rem;box-sizing:border-box;}
[class*="slide-list"] ul li button > b,
[class*="slide-list"] ul li button > em {display:inline-block;width:100%;text-align:center;}
[class*="slide-list"] ul li button > b {font-weight:400;font-size:1.6rem;line-height:1.5;}
[class*="slide-list"] ul li button > em {font-weight:400;font-size:1.4rem;line-height:1.5;}
[class*="slide-list"] ul li button > *:last-child {margin-bottom:0;}
[class*="slide-list"] ul li button:disabled {background:var(--gray30);color:var(--gray60);}
[class*="slide-list"] ul li button:disabled:before{border-color:var(--gray50);}
[class*="slide-list"] ul li button:disabled > * {color:var(--gray60);}
[class*="slide-list"] ul li button.active {background:var(--bg-secondary); color:var(--primary01);}
[class*="slide-list"] ul li button.active:before {border:2px solid var(--primary);}
[class*="slide-list"] ul li button.active > *{color:#007d82;}
[class*="slide-list"] ul li button.active > b{font-weight:700;}
.slide-list-date ul li button {padding:1.6rem; border-radius:1.2rem;}
.slide-list-date ul li button.sun{color:var(--error) !important;}
.slide-list-time ul li button {min-height:5.6rem; padding:1.6rem; border-radius:1.2rem;}
.slide-list-time ul li button > span {font-weight:400; font-size:1.6rem; line-height:1.5;}
.slide-list-time ul li button.active > span{font-weight:700;}


/*--- 번호표 ---*/
.vst-view-wrap{padding:3rem 2rem calc(4rem + 1.6rem);}
.vst-view-wrap > .button-section{margin-top:6rem;}
.vst-view-wrap > .button-section button{margin-bottom:1.6rem;}
.vst-ticketBox{position:relative; padding:0;max-width:48rem;margin:0 auto;background:var(--white);border-radius:2rem 2rem 2.4rem 2.4rem;box-shadow:0 0.04rem 3rem rgba(0, 0, 0, 0.10); overflow:hidden;}
.vst-ticketBox .vst-ticketBox-top{padding:2.2rem 2rem;background:var(--primary01);border-radius:2rem 2rem 0 0;min-height:6.8rem;}
.vst-ticketBox .vst-ticketBox-top strong{display:block;text-align:center;font-size:1.8rem;line-height:1.4;font-weight:700;color:var(--white);}
.vst-ticketBoxInner-wrap{position:relative;}
.vst-ticketNumerInner-top{position:relative;padding:2.4rem 3rem 2.6rem;display:flex;align-items:center;justify-content:space-between;}
.vst-ticketNumerInner-top:before{content:"";position:absolute;left:-1rem;bottom:-1rem;width:2rem;height:2rem;border-radius:50%;background: linear-gradient(270deg, #d9d9d9, #f0f2f4);}
.vst-ticketNumerInner-top:after{content:"";position:absolute;right:-1rem;bottom:-1rem;width:2rem;height:2rem;border-radius:50%;background: linear-gradient(90deg, #d9d9d9, #f0f2f4);}
.vst-ticketNumerInner-top .date {display:block;font-size:1.4rem;line-height:1.5;font-weight:400;color:var(--gray80);}
.vst-ticketNumerInner-top .label { border-radius:2rem;}
.vst-ticketNumerTxt {position:relative;z-index:2;padding:4rem 3rem 5rem;}
.vst-ticketNumerTxt:before{content:"";position:absolute;left:4rem;top:0;width:calc(100% - 8rem);border-bottom:1px dashed var(--gray30);}
.vst-ticketNumerTxt:after{content:"";position:absolute;left:4rem;bottom:0;width:calc(100% - 8rem);border-bottom:1px dashed var(--gray30);}
.vst-ticketNumerTxt strong {display:block;font-size:1.6rem;line-height:1.5;color:var(--gray80); text-align:center;font-weight:700;margin-bottom:2rem;}
.vst-ticketNumerTxt em {display:block;text-align:center;font-size:9.6rem;line-height:10.9rem;font-weight:700;color:var(--gray100);}
.vst-ticketNumerInner-bottom{padding:3rem;}
.vst-ticketCount {position:relative;}
.vst-ticketCountTxt {display:flex;align-items:center;justify-content:space-between;margin-bottom:0.8rem;}
.vst-ticketCountTxt strong {font-weight:700;font-size:1.6rem;line-height:1.5;color:var(--gray90);}
.vst-ticketCountTxt span {font-weight:700;font-size:1.6rem;line-height:1.5;display:inline-flex;align-items:baseline;color:var(--gray80);}
.vst-ticketCountTxt span em {display:inline-block;padding-right:0.2rem;font-size: 1.6rem;font-weight:700;font-style:normal;color:var(--primary);}
.vst-ticketCount p {font-size:1.4rem;font-weight:400;line-height:1.5;color:var(--gray80);}
.vst-ticketWaiting {display:flex;align-items:center;}
.vst-ticketWaiting .refresh{margin-left:0.6rem;}
.vst-ticketInfo {position:relative;margin-top:3rem;}
.vst-ticketInfo b { display:flex;align-items:center;font-size:1.6rem;line-height:1.5;color:var(--gray90);font-weight:700;}
.vst-ticketInfo > p {font-size:1.4rem;font-weight:400; line-height:1.5; color:var(--gray80);}
.vst-ticketInfoTit {display:flex;align-items:center;justify-content:space-between;margin-bottom:0.8rem;}
.vst-ticketInfoTit .additional-item {display:flex;align-items:center;}
.vst-ticketInfoTit .additional-item button {width:4rem;height:2.5rem;background-size:3.8rem;}
.vst-ticketInfoTit .additional-item button.on{background-position:0 -2.5rem;}
.vst-ticketBox + .inline-button .btn-text{font-size:1.4rem;}

/* 번호표 경과,호출 */
.vst-turntxt{margin-top:1.5rem; font-size:1.4rem; line-height:1.5; font-weight:700; text-align:center;}
.vst-turntime .vst-ticketNumerTxt, .vst-turncall .vst-ticketNumerTxt{padding-bottom:2.4rem;}
.vst-turntime .vst-ticketNumerTxt strong, .vst-turncall .vst-ticketNumerTxt strong{margin-bottom:1.6rem;}
.vst-turntime .vst-ticketNumerTxt em{color:var(--gray60);}
.vst-turntime .vst-ticketNumerTxt .vst-turntxt p{color:var(--error);}
.vst-turncall .vst-ticketNumerTxt em, .vst-turncall .vst-ticketNumerTxt .vst-turntxt p{color:#1d6dc8;}
.vst-turntime .vst-ticketCountTxt span em, .vst-turncall .vst-ticketCountTxt span em{color:var(--gray80)}

/* 번호표 없음 */
.vst-no-ticketBoxInner{position:relative; z-index:2; padding:6.8rem 2rem 4rem;}
.vst-no-ticketBoxInner:before{content:""; width:100%; height:6.8rem; position:absolute; top:0; left:0; background:var(--primary01);}
.vst-no-ticket:before{content:""; position:absolute; left:-1rem; top:12.9rem; width:2rem; height:2rem; border-radius:50%; background: linear-gradient(270deg, #d9d9d9, #f0f2f4);}
.vst-no-ticket:after{content:""; position:absolute; right:-1rem; top:12.9rem; width:2rem; height:2rem; border-radius:50%; background: linear-gradient(90deg, #d9d9d9, #f0f2f4);}
.vst-no-ticket .no-data{margin:13.2rem 0 16rem;}

/*--- 알림설정 ---*/
.space40{margin:4rem -2rem; width:calc(100% + 4rem); height:1rem; background:var(--gray20);}
.bg-box .button-section{margin-top:2rem;}
.arrow-link{width:100%;padding-right:3.2rem; background:url(../images/icon-24-arrow-right.png) no-repeat right top 0.1rem / 2.4rem;}
.arrow-link.center{background-position:right 50%; text-align:left !important;}
.arrow-link .hbox strong{font-size:1.8rem; font-weight:700; color:var(--gray100);}
.arrow-link .txt-small{display:inline-block;color:var(--gray90); margin-top:0.4rem;}
.switch-wrap .arrow-link .txt-small{margin-top:0.8rem;}

.switch-wrap .bg-box + .box{margin-top:0;}
.switch-wrap .box:only-child{margin-top:0;}
.switch-wrap .box{margin-top:4rem;}
.switch-wrap .box .hbox strong{font-size:1.8rem; font-weight:700; color:var(--gray100);}
.switch-wrap .box .hbox strong + span {margin-top:-0.1rem;margin-right:-0.5rem;}
.switch-wrap .box .hbox .arrow-link {width:auto;align-self:baseline;}
.switch-wrap .box > .txt-small{margin-top:0.8rem;}
.switch-wrap .box .bg-box{margin-top:1.6rem;}
.switch-wrap .box .bg-box .hbox .date{font-size:1.6rem; color:var(--gray90);}
.switch-wrap .box .bg-box .hbox [class*="color-"]{font-weight:700;}
.switch-wrap .box.have-toggle .toggle-anchor{padding:0;}
.switch-wrap .box.have-toggle .toggle-anchor:after{display:none;}
.switch-wrap .box.have-toggle .toggle-anchor.on .btn-switch-toggle{background:var(--primary);}
.switch-wrap .box.have-toggle .toggle-anchor.on .btn-switch-toggle:after{left:auto;right:0.2rem;}
.switch-wrap > .bg-box{margin-bottom:4rem;}
.scroll .content-top .htit-st01 + [class*="img"]{margin-top:3rem !important;}
.content-top .img-box{margin:3rem auto 2rem !important;width:15rem;height:15rem; background:url(../images/img-150-notic.png) no-repeat center center / contain;}

/*--- 출금계좌관리 ---*/
.htit-st01 span.tool-tip-wrap{vertical-align:baseline;}
.board.account-board{border-radius:0;background:transparent;padding:0;}
.finish .box-top-desc .stxt{text-align:center;display:block;margin-top:1rem;}

/*--- MyEZ > 신규비밀번호 ---*/
.input-login > label{font-size:2.0rem;font-weight:700;color:var(--gray100);}
.htit-st01 .tool-tip-wrap{font-weight:400;}

/*--- 외국인등록증 번호 등록 ---*/
.toggle-area .cont {display:none;color:var(--gray90);}
.toggle-area .tit.on + .cont{display:block}
.num-box-list > li{display:flex;position:relative;counter-increment:numbox;padding:2rem 1.6rem 2rem 4.8rem;border-radius:1.6rem;background:var(--gray10);color:var(--gray100);}
.num-box-list > li:before{content:counter(numbox);position:absolute;top:2rem; left:1.6rem;width:2.4rem;height:2.4rem;border-radius:50%;text-align:center;font-size:1.4rem;line-height:2.4rem;font-weight:700;color:var(--white);background:var(--primary)}
.num-box-list li + li{margin-top:1.6rem;}
.num-box-list > li > .tool-tip-wrap{margin-top:0.2rem;}
.num-box-list .toggle-area .cont{margin-left:-3.2rem;}
.tooltip .toggle-area .tit {display:flex;position:relative; padding-right:3.2rem}
.tooltip .toggle-area .tit.on{font-weight:700;}
.tooltip .toggle-area .tool-tip-wrap {margin-top:0.2rem;}
.tooltip .toggle-area .tit .btn-accordion {position:absolute;right:0;top:0;width:2.4rem;height:2.4rem;background:url(../images/icon-24-down.png) no-repeat 50% 50% / contain;}
.tooltip .toggle-area .tit.on .btn-accordion{transform:rotate(180deg);}
.tooltip .toggle-area{width:100%;}
.tooltip .toggle-area .cont {margin-top:2rem;}
.tooltip .toggle-area .cont .board-wrap .list li + li{margin-top:0.3rem;}
.list.tooltip li > span {color:var(--gray100); vertical-align: top}
.list.tooltip li .btn-tool-tip {margin-top:-.6rem}
.tooltip .toggle-area .view-2 tbody th {padding-left:0.5rem}
.tooltip .toggle-area .view-2 tbody td .list li {color:var(--gray80)}
.bg-box [class*="htit"] + .list, .bg-box [class*="tit"] + .list{margin-top:2rem;}
.alert-box{padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-secondary);font-size:1.4rem;color:var(--gray100);}
.alert-box .ico-alert{margin-bottom:2rem;display:flex;color:var(--primary01);font-size:1.6rem;font-weight:700;}
.alert-box .ico-alert:before{content:"";width:2.4rem;height:2.4rem;display:inline-block;background:url(../images/icon-24-alert.png) no-repeat 50% 50% / contain;margin-right:0.8rem;}

/*--- 하나인증서 ---*/
.img-box.shield{margin:0 auto 5rem;width:15rem;height:15rem;background:url(../images/img-150-shield.png) no-repeat center center / contain;}
.img-box.passport{margin:0 auto 5rem;width:15rem;height:15rem;background:url(../images/img-150-passport.png) no-repeat center center / contain;}

/*--- 마케팅 이용 제공 동의 ---*/
.agree-wrap .con-list li .btn-st08 [class*="badge"]{margin-left:0.8rem;}
 
/*--- 고객센터 ---*/
.cs-box .cs-box__top{position:relative;padding-right:12rem !important;}
.cs-box .cs-box__top:before{content:"";position:absolute;bottom:-2rem;right:3rem;width:12rem;height:12rem;background:url(../images/img-cs-bg.png) no-repeat center center / contain;}
.ico-box-list{width:calc(100% + 1.3rem);margin:-0.65rem;display:flex;flex-wrap:wrap;align-items:center;}
.ico-box-list li{padding:0.65rem;width:50%;}
.ico-box-list li:last-child, .ico-box-list li:nth-last-child(2){width:100%;}
.ico-box-list li:last-child .ico-box, .ico-box-list li:nth-last-child(2) .ico-box{min-height:14.4rem;padding-bottom:8rem;}
.ico-box-list .cs-box-hide{display:none;}
/* .ico-box-list .cs-box-hide + li{width:100%;} */
/* .ico-box-list .cs-box-hide + li .ico-box{min-height:14.4rem;} */
.ico-box-list .ico-box{width:100%; padding:2rem 1.6rem;border-radius:1.6rem;height:auto;min-height:16.8rem;background-repeat:no-repeat;background-position:right 1.6rem bottom 2rem;background-size:5.6rem;}
.ico-box-list .ico-box.cs01{background-color:#f4efff; background-image:url("../images/img-56-cs01.png");}
.ico-box-list .ico-box.cs02{background-color:#fdefd8; background-image:url("../images/img-56-cs02.png");}
.ico-box-list .ico-box.cs03{background-color:#ffedf0; background-image:url("../images/img-56-cs03.png");}
.ico-box-list .ico-box.cs04{background-color:#fbf7da; background-image:url("../images/img-56-cs04.png");}
.ico-box-list .ico-box.cs05{background-color:#d9f6f9; background-image:url("../images/img-56-cs05.png");}
.ico-box-list .ico-box.cs06{background-color:#daf5e6; background-image:url("../images/img-56-cs06.png");}
.ico-box-list .ico-box .ico-box-tit{display:block;font-size:1.6rem;line-height:1.5;color:var(--gray100);font-weight:700;text-align:left;}
.ico-box-list .ico-box .ico-box-subtxt{margin-top:0.3rem;font-size:1.4rem;color:var(--gray90);}

.cs-box .evt-bann {padding-bottom:0;}
.cs-box .evt-bann a {padding-right:7.2rem;background:#eafaff url("../images/img-56-cs-box.png") no-repeat right 1.6rem bottom 2rem;background-size:5.6rem;}
.cs-box .evt-bann a .htit-st04 {color:var(--gray100)}

/*--- 새소식(공지사항) ---*/
.notice-list{border-top:1px solid var(--gray30);border-bottom:1px solid var(--gray30);}
.notice-list li + li{border-top:1px solid var(--gray30);}
.notice-list li button{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:1.6rem 4.8rem 1.6rem 0;background:url(../images/icon-24-arrow-right.png) no-repeat right center / 2.4rem;}
.notice-list li button .n-tit{font-size:1.6rem;color:var(--gray100);text-align:left;}
.notice-list li button .n-date{font-size:1.4rem;color:var(--gray80);margin-top:0.3rem;}
.notice-view dt{border-bottom:1px solid var(--gray30);padding-bottom:2rem;margin-bottom:2rem;}
.notice-view dt .n-tit{font-size:1.8rem;color:var(--gray100);font-weight:700;}
.notice-view dt .n-date{font-size:1.4rem;color:var(--gray80);}

/*--- faq ---*/
.search-total{margin:3rem 0 1.6rem;font-size:1.6rem;color:var(--gray100);}
.search-total span{font-weight:700;margin-left:0.4rem;}
.faq-search-wrap .tab-st02{margin-top:3rem;}
.faq-search-wrap .search-total{font-size:1.8rem;}
.faq-search-wrap .search-total span{vertical-align:0.1rem;}
.faq-cont dl:last-child dt:nth-last-child(2){border-bottom:1px solid var(--gray30);}
.faq-cont dl:last-child dt.on:nth-last-child(2){border-bottom:0;}
.faq-cont dl:last-child dt.on:nth-last-child(2) + dd:last-child{border-bottom:1px solid var(--gray30);}
.combo-toggle.faq > dt{padding:2rem 4.8rem 2rem 0;}
.combo-toggle.faq > dd{padding: 0 0 2rem;}
.combo-toggle.faq > dd .list li{font-size:1.4rem;}
.combo-toggle.faq > dd .list li + li{margin-top:1.2rem;}
.combo-toggle.faq > dd > div > *{margin-bottom:1.6rem;}
.combo-toggle.faq > dd > div > *:last-child{margin-bottom:0;}
.combo-toggle.faq > dd > div [class*="tit"]{color:var(--gray100);font-weight:700;}
.combo-toggle.faq > dd > div .list.num-circle > li {padding-left:2rem}
.combo-toggle.faq > dd > div .list.num-circle > li:before {top:0.3rem;width:1.5rem;height:1.5rem;font-size:1rem}

.faq-cont-wrap{margin-top:4rem;}
.faq-cont-wrap .faq-box{margin-top:1.6rem;padding:2rem 0;border-radius:1.6rem;display:flex;border:1px solid var(--gray30);}
.faq-cont-wrap .faq-box .faq-item{position:relative;flex:1;display:flex;align-items:center;flex-direction:column;font-size:1.4rem;color:var(--gary90);}
.faq-cont-wrap .faq-box .faq-item:first-child:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--gray30);}
.faq-cont-wrap .faq-box .faq-item:before{content:"";display:inline-block;margin-bottom:1.2rem;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--bg-secondary) url(../images/icon-20-chatting.png) no-repeat 50% 50% / 2rem;}
.faq-cont-wrap .faq-box .faq-item:last-child:before{background-image:url(../images/icon-20-call.png);}

/*--- 이용안내 ---*/
.combo-toggle.box .board th strong, .combo-toggle.box .board td strong{vertical-align:top;}
.combo-toggle.box > dt{margin-top:1.6rem;border:none;background:var(--gray10);border-radius:1.6rem;padding:2rem 4.8rem 2rem 1.6rem;font-size:1.8rem;color:var(--gray100);}
.combo-toggle.box > dt::after{right:1.6rem;}
.combo-toggle.box > dt:first-child{margin:0;}
.combo-toggle.box > dt.on{border-radius:1.6rem 1.6rem 0 0;}
.combo-toggle.box > dt.on strong{font-weight:700;}
.combo-toggle.box > dt.on + dd{border-bottom:0;}
.combo-toggle.box > dd{border-radius:0 0 1.6rem 1.6rem;background:var(--gray10);padding:0 1.6rem 2rem;}
.combo-toggle.box > dd .tit-st06{margin-bottom:1.2rem;font-size:1.6rem;font-weight:700;color:var(--gray90);}
.combo-toggle.box > dd .board-wrap + .txt-spe{margin-top:2rem;}
.help-guide{position:relative;display:flex;justify-content:center;margin-bottom:2rem;padding-top:4rem;}
.help-guide > em{position:absolute;top:0;left:0;width:100%;font-size:1.6rem;font-weight:700;color:var(--gray90);text-align:center;}
.help-guide dl {display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;width:17rem;height:17rem;margin:0.9rem 0;border-radius:50%;}
.help-guide dl:first-of-type {z-index:1;background:rgba(1,165,172,.3);color:#0A5f62;}
.help-guide dl:first-of-type dt * {font-size:2.4rem;}
.help-guide dl:last-of-type {margin-left:-3rem;background:rgba(131,141,149,.3);color:var(--gray90);}
.help-guide dl * {font-size:1.6rem;font-weight:700;}
.help-guide dl dd {width:calc(100% - 7rem);display:flex;align-items:center;justify-content:center;}
.help-guide dl dt{width:calc(100% - 7rem);text-align:center;}
.help-guide dl dd * {font-size:2rem;font-weight:700;}
.help-guide dl dd em{margin-right:0.5rem;}

.vd-thumb-list > li{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--gray30);}
.vd-thumb-list > li:last-child{margin:0;padding:0;border:0;}
.vd-thumbnail {position:relative;height:0;padding-top:2.5rem;padding-bottom:50.25%;background:#f3f3f3;} /*16:9 비율*/
.vd-thumbnail > div {position:absolute;top:0;left:0;width:100%;height:100%;}
.vd-thumbnail + dl dt {margin-top:1.6rem;font-size:1.6rem;color:var(--gray100);}
.vd-thumbnail + dl dd .list{font-size:1.4rem;color:var(--gray80);}
.board-wrap .tit-st06{margin:3rem 0 1.2rem;font-size:1.6rem;}
.board-wrap + .txt-dash, .agree-wrap + .txt-dash-2{margin-top:2rem;}

/*--- 안전가이드 ---*/
.agree-detail-wrap .tit-st01:first-child{margin:0 0 2rem;}
.agree-detail-wrap .tit-st01{margin:3rem 0 2rem;}
.agree-detail-wrap .list.num li{padding-left:2.4rem;}
.agree-detail-wrap .list.num li:before{padding:0;width:auto;min-width:1.8rem;text-align:center;}
.agree-detail-wrap .list li + li{margin-top:1.2rem;}
.agree-detail-wrap .list li .list li + li{margin-top:0.6rem;}
.agree-detail-wrap .list li .list li{font-size:1.4rem;}
.agree-detail-wrap .list li .list.dash{padding-left:1rem;}
.agree-detail-wrap .list li .list.dash li:before{width:0.4rem;min-width:0.4rem;}
.agree-detail-wrap .list li .list.num li{padding-left:1.8rem;}
.agree-detail-wrap .list li .list.dash li{padding-left:1.1rem;}
.agree-detail-wrap .htit-st01 + .list.mt20 li{padding-left:2rem; text-indent:-1.8rem;}
 
/*--- 약관동의 ---*/
.pdf-scroll{padding:0.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.pdf-scroll .pdf{flex:1;width:100%;background:var(--bg-gray200);color:var(--gray80);}

/*--- 외국인등록사실증명서 발급 ---*/
.scroll .bg-gray .content-top .htit-st01 + .bg-box.mt30{margin-top:3rem !important;}
.tit-wrap .htit-st03 [class*="badge"]{margin:0.2rem 0 0 0.6rem;}

/*--- 증명서 > 거래내역서 발급 ---*/
.layer-container .content.scroll .tit-wrap + .board-wrap{margin:0;}
.sub-txt.time{padding-left:2.6rem;background:url(../images/icon-20-time.png) no-repeat left top 0.2rem / 2rem 2rem;}
.info-amount-wrap{display:flex;flex-direction:column;}
.info-amount-wrap .info-amount-tit{color:var(--gray80);}
.info-amount-wrap .info-amount-value{margin-top:1rem;text-align:right;font-size:2rem;font-weight:700;color:var(--gray100);}
.info-amount-wrap .info-amount-value span{font-size:2.4rem;margin-right:0.3rem;vertical-align:-0.1rem;}
.text-guide-sub{font-size:1.8rem;color:var(--gray100);}
.text-guide-sub em{font-weight:700;margin-left:0.4rem;vertical-align:0.1rem;}
.text-guide-sub + .con-check-list{margin-top:1.6rem;}
.con-check-list .account-check{position:relative;padding:2rem 1.6rem;display:flex;}
.con-check-list .account-check + .account-check{margin-top:1.6rem;}
.con-check-list .account-check input{margin-right:0.8rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;}
.con-check-list .account-check label:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;right:0;border:1px solid var(--gray40);border-radius:1.6rem;}
.con-check-list .account-check input:checked + label{font-weight:inherit;}
.con-check-list .account-check input:checked + label:before{border:2px solid var(--primary);}
.account-wrap{flex:1;display:flex;flex-direction:column;}
.account-wrap span{font-size:1.4rem; color:var(--gray80);}
.account-wrap .acc-tit{font-size:1.6rem; color:var(--gray100);}
.account-wrap .acc-total{margin-top:0.8rem;text-align:right;font-size:2rem;font-weight:700;color:var(--gray100);}
.account-wrap .acc-total em{font-size:2.4rem;color:var(--primary);vertical-align:-0.1rem;margin-right:0.3rem;}

/*--- 증명서 > 잔액증명서 발급 ---*/
.htit-st03 span{font-size:1.4rem;font-weight:400;display:inline-block;margin-left:0.6rem;margin-top:0.2rem;}
.inp + .inline-button{margin-top:1.2rem;}
.inp + .inline-button .btn-text + .btn-text{margin-left:1.2rem;}
.inp + .inline-button .btn-text:after{bottom:0;}
.del-btn{background: url(../images/icon-24-delete.png) no-repeat 0 50%/2.4rem;width:2.4rem;height:2.4rem;}
.account-box .del-btn{margin:auto 0 auto 1.5rem;}
.account-wrap.mt16{margin-top:0 !important}
.account-wrap.mt16 .account-box:first-child{margin-top:1.6rem;}
.list.dot > li.color-primary{color:var(--primary);}
.list.dot > li.color-primary:before{background:var(--primary);}

/*--- 증명서 > 증명서 안내 ---*/
.content-top .inline-button button{width:fit-content;}
.arrow-link .hbox [class*="badge"]{margin-left:0.8rem;}
.arrow-link .hbox [class*="badge"]:first-child{margin-left:0;}
.arrow-link .hbox.mt12 + .txt-small{margin-top:0.3rem;}
.img-box.cert01{width:15rem;height:15rem;margin:3rem auto 5rem !important;background:url(../images/img-131-cert01.png) no-repeat center center / contain;}
.inp-wrap .button-section{margin-top:2rem;}

/*--- 증명서 > 증명서 보관함 ---*/
.bg-box .button-section button + button, .bg-box .button-section a + a{margin-left:0.8rem;}
.bg-box .button-section.vertical button, .bg-box .button-section.vertical a{margin-bottom:0;}
.bg-box .button-section.vertical button + button, .bg-box .button-section.vertical a + a{margin-left:0;margin-bottom:0;margin-top:0.8rem;}
.img-box.cert02{width:15rem;height:15rem;margin:0 auto 5rem;background:url(../images/img-150-cert02.png) no-repeat center center / contain;}
.vbox .htit-st02 + .sub-txt{margin-top:1rem;}

/*--- 거래외국환은행지정 > 조회결과 없음,완료, 미고객  ---*/
.box-top-desc .stxt + .htit-st01{display:inline-block;margin-top:0.3rem;margin-bottom:4rem;} 
.dl-row-view dt{font-size:1.6rem;font-weight:700;color:var(--gray100);}
.dl-row-view dd{margin-top:0.8rem;font-size:1.6rem;color:var(--gray90);}
.board-wrap + .txt-dot{margin-top:1.6rem}
.no-data .banked_txt > span{display:block;margin-top:0.3rem;}
.no-data .banked_txt02{margin-top:1rem;font-size:1.6rem;font-weight:400;color:var(--gray90);word-break:keep-all;}
.txt-dash + .txt-dash{margin-top:1.2rem;}

/*--- 거래외국환은행지정 > 거래은행지정 등록  ---*/
.banked_tg.type02{margin-top:2rem;}
.list.dash.color-up:before{background:var(--up) !important;}
.ups .box.bg-03 .txt01{font-size:2.4rem;font-weight:700;color:var(--gray100);}
.ups .box.bg-03 .txt01 + .txt02{margin-top:1rem;}
.term_inp .tit, .term_inp .con_imp, .board-wrap .con_imp{margin-bottom:1.6rem;font-size:1.8rem;font-weight:700;color:var(--gray100);display:flex;align-items:center;justify-content:space-between;text-align:left;}
.term_inp .htit-st02{margin:3rem 0 1.6rem;display:block;}
.term_inp .box-wrap .box .htit-st02:first-child{margin-top:0;}
.write + .list.dash{color:var(--gray80);}
.write + .list.dash:before, .term_inp .write + .list.dash + .dash:before{width:0.3rem;height:0.3rem;background:var(--gray80);border-radius:50%;}
.write + .dash + .dash{margin-top:1.2rem;}
.term_inp .dl-row-view + .dl-row-view{margin-top:3rem;}
.term_inp .dl-row-view dt{color:var(--gray90);}
.term_inp .dl-row-view dd > .list{margin-top:2rem;}
.term_inp .dl-row-view dd > .list.dash{color:var(--gray80);}
.term_inp .dl-row-view dd > .list.dash:before{width:0.3rem;height:0.3rem;background:var(--gray80);border-radius:50%;}
.term_inp .dl-row-view dd > .num{margin-top:2rem;}
.term_inp .dl-row-view dd > .num li{position:relative;padding-left:1.8rem;counter-increment:num;text-align:left;color:var(--gray80);}
.term_inp .dl-row-view dd > .num li:before{content:counter(num) ".";position:absolute;left:0;top:0;width:1.8rem;}
.term_inp .dl-row-view dd > .num li + li{margin-top:1.2rem;}
.stu_box02.mt20{margin-top:0!important;} 

/*--- 거래외국환은행지정  ---*/
.box-wrap .box.bg-04 .con_imp{margin-top:0;}
.box-wrap .box.bg-02 .banked_tg{margin-top:0;}
.banked_tg .chk-st03{position:relative;padding-right:3.2rem;display:flex;color:var(--gray100);font-size:1.8rem;}
.banked_tg .chk-st03:after{content:"";position:absolute;right:0;top:0.1rem;width:2.4rem;height:2.4rem;background:url(../images/icon-24-down.png) no-repeat 50% 50%/contain;}
.banked_tg > li.on .chk-st03{font-weight:700;}
.banked_tg > li.on .chk-st03:after{transform:rotate(180deg);}
.banked_tg .chk-st03 input{width:2.4rem;min-width:2.4rem;height:2.4rem;margin-right:0.8rem;background:url(../images/icon-form-radio-off.png) no-repeat center center / contain;}
.banked_tg .chk-st03 input:checked{background-image:url(../images/icon-form-radio-on.png);}
.banked_tg_con .tit02{display:block;margin:3rem 0 2rem;font-weight:700;}
.banked_tg_con .tit02:first-child{margin-top:0;}
.banked_tg_con .dot:not(.list) li, .banked_tg_con p.dot{position:relative;padding-left:1.1rem;color:var(--gray80);}
.banked_tg_con .dot:not(.list) > li + li{margin-top:1.2rem;}
.banked_tg_con .dot:not(.list) li .dash, .banked_tg_con .num:not(.list) li .dash{margin-top:1rem;}
.banked_tg_con .dot:not(.list) li .dash li, .banked_tg_con .num:not(.list) li .dash li{font-size:1.4rem;}
.banked_tg_con .dot:not(.list) li .dash li + li, .banked_tg_con .num:not(.list) li .dash li + li{margin-top:0.6rem;}
.banked_tg_con .dot:not(.list) li:before, .banked_tg_con p.dot:before{content:"";position:absolute;top:1.1rem;left:0;width:3px;height:3px;border-radius:50%;background:var(--gray80);}
.banked_tg_con .dash:not(.list) li, .banked_tg_con p.dash{position:relative;padding-left:1.1rem;color:var(--gray80);}
.banked_tg_con .dash:not(.list) li:before, .banked_tg_con p.dash:before{content:"";position:absolute;top:1.0rem;left:0;width:4px;height:1px;background:var(--gray80);}
.banked_tg_con .num:not(.list) > li{position:relative;padding-left:1.8rem;counter-increment:num;color:var(--gray80)}
.banked_tg_con .num:not(.list) > li:before{content:counter(num) ".";position:absolute;top:0;left:0;width:1.8rem;}
.banked_tg_con .inner{margin-top:1rem;padding-left:1rem;}
.banked_tg_con .inner > *{margin-top:1rem;}
.banked_tg_con .inner .dash li + li{margin-top:0.6rem;}
.banked_tg.type02 .dl-row-tit{display:block;margin:3rem 0 2rem;font-weight:700;}
.banked_tg.type02 .banked_tg_con .dl-row-tit:first-child{margin-top:0;}

/*--- 거래외국환은행지정 > 제출서류 ---*/
.content_new .box-top-desc strong{font-size:2.4rem;color:var(--gray100);font-weight:700;}
.content_new .box-top-desc .stxt{margin-top:1rem;}
.content_new .term_inp{margin-top:3rem;}
.term_inp .tit .tit_btn{position:relative;font-size:1.6rem;color:var(--gray90);font-weight:normal;min-height:2.4rem;}
.term_inp .tit .tit_btn:after{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background:var(--gray80);}
.list_vertical_type ul li{margin-top:1.6rem;padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);}
.list_vertical_type ul li:first-child{margin:0;}
.list_vertical_type ul li dt{font-size:1.8rem;font-weight:700;color:var(--gray100);}
.list_vertical_type ul li dt + dd{margin-top:0.8rem;}
.list_vertical_type ul li dd{padding-left:1.1rem;color:var(--gray80);position:relative;}
.list_vertical_type ul li dd:before{content:"";position:absolute;left:0;top:1.1rem;width:0.3rem;height:0.3rem;border-radius:50%;background:var(--gray80);}
.list_vertical_type ul li dd.txt-point:before{background:var(--up);}
.list_vertical_type ul li dd + dd{margin-top:1.2rem}
.list_vertical_type ul li dd span + p{position:relative;padding-left:1rem;margin-top:1rem;font-size:1.4rem;color:var(--gary80);}
.list_vertical_type ul li dd span + p:before{content:"";position:absolute;top:1rem;left:0;width:4px;height:1px;background:var(--gray80);}
.list_vertical_type ul li dl + .list_btn{margin-top:2rem;width:100%;min-height:3.7rem;font-size:1.4rem;padding:0.8rem 1.2rem;border-radius:0.8rem;font-weight:700;border:1px solid var(--primary);color:var(--primary);background:#fff;}
.list_vertical_type ul li.comp dl + .list_btn{border-color:var(--gray50);color:var(--gray80);}

/*--- 거래외국환은행지정 > 서류등록 ---*/
.document-wrap{position:relative;}
.document-wrap .swiper-container{margin: 0 -2rem; padding:0 2rem 3.6rem;}
.document-wrap .swiper-container .swiper-pagination{width:calc(100% - 4rem);bottom:0.8rem;justify-content:flex-start;}
.document-wrap .document-image{width:100%;height:40rem;background:var(--gray40);}
.document-wrap .document-image img{width:100%;height:100%;}
.document-wrap .btn-text{position:absolute;right:0;bottom:0.1rem;}

/*--- 거래외국환은행지정 > 신청 내역 목록 ---*/
.frgn-topBox{font-size:2rem;font-weight:700;color:var(--gray100);}
.frgn-con .bg-box .vbox .hbox + .hbox{margin-top:1.2rem;}
.frgn-con .bg-box .vbox .hbox .tit{font-size:1.8rem;font-weight:700;color:var(--gray100);text-align:left;}
.frgn-con .bg-box .vbox .hbox span{font-size:1.4rem;color:var(--gray90);}
.frgn-con .bg-box .vbox .hbox .date{font-size:1.6rem;color:var(--gray100);}

/* EZ Fun > 출석체크 */
.btn-share{width:2.4rem;height:2.4rem;background:url(../images/icon-24-share.png) no-repeat center center / contain;}
.attend-top{padding-bottom:2rem;}
.attend-top .attend-tit-wrap{padding-right:4rem;position:relative;}
.attend-top .attend-tit-wrap .btn-share{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.attend-top .bg-box{margin-top:3rem;}
.attend-total{display:flex;align-items:center;justify-content:space-between;}
.attend-total .total{font-size:2.4rem;font-weight:700;color:var(--primary01);display:flex;align-items:center;}
.attend-cont{position:relative;padding-top:4.0rem !important;}
.attend-cont:before{content:"";width:25.8rem;height:11.1rem;position:absolute;top:-3rem;right:2rem;background:url(../images/img-attend-bg.png) no-repeat 50% 50% / contain;}
.attend-cont .cal-wrap {margin-bottom:1.0rem;}
.attend-cont .cal-wrap .cal-header {padding-bottom:3.7rem;}
.attend-cont .cal-wrap .cal-header .month{font-size:1.8rem;font-weight:700;color:var(--gray100);display:block;}
.attend-cont .cal-wrap .cal-header .month span{padding:0;vertical-align:0.1rem;margin-right:0.3rem;}
.attend-cont .cal-body table{margin-top:0.8rem;}
.attend-cont .cal-body table th {padding:0;font-size:1.4rem;}
.attend-cont .cal-body table td {padding:1.1rem 0;}
.attend-cont .cal-body table td button{font-size:1.6rem;margin:0;}
.attend-cont .cal-body table td button.check{background:var(--primary) url(../images/icon-21-star-white.png) no-repeat top 0.7rem left 0.7rem / 2.1rem;color:transparent !important;}
.attend-cont .cal-body table td button.bonus{background:#1d6dc8 url(../images/icon-21-star-white.png) no-repeat top 0.7rem left 0.7rem / 2.1rem;color:transparent !important;}
.attend-cont .cal-body table td button.finish{background:var(--up) url(../images/icon-21-star-white.png) no-repeat top 0.7rem left 0.7rem / 2.1rem;color:transparent !important;}
.attend-cont .cal-body table td button.selected{background:transparent;color:var(--gray100) !important;font-weight:400;}
.attend_lists ul li{padding:2rem 1.6rem;display:flex;align-items:center;justify-content:flex-start;border-radius:1.6rem;background:var(--bg-gray100);}
.attend_lists ul li:before{content:"";display:inline-block;width:2.4rem;height:2.4rem;margin-right:1.2rem;background:url(../images/icon-21-star-white.png) no-repeat top 0.4rem left 0.4rem / 1.5rem;border-radius:50%;}
.attend_lists ul li.item01:before{background-color:var(--primary);}
.attend_lists ul li.item02:before{background-color:#1d6dc8;}
.attend_lists ul li.item03:before{background-color:var(--up);}
.attend_lists ul li + li{margin-top:1.2rem;}
.attend_lists ul li span{flex:1;font-size:1.6rem;font-weight:700;color:var(--gray90);}

/*--- 서비스 가입 ---*/
.flex-wrap{flex-wrap:wrap !important;}
.ez-new .content-top.img-view{margin-bottom:1rem;}
.ez-new .content-top .img-view-box{width:35.3rem;margin:6rem auto 0;}
@media screen and (max-width: 393px) {
	.ez-new .content-top .img-view-box{width:100%;}
}
.ez-new .content-top.img-view + .list.dash{margin-top:1rem !important;} 
.ez-new .content-top.img-view + .list.dash:before{width:0.3rem; height:0.3rem;border-radius:50%;}
.ez-new .agree-wrap + .box-wrap{min-height:auto;}
.ez-new footer .button-section .btn-st02, .regist-wrap ~ footer .button-section .btn-st02{background:var(--gray10);color:var(--gray80)}
.ez-new .vbox + footer .button-section .btn-st02{background:var(--bg-secondary);color:var(--primary01);}
.btn-banner{display:flex;align-items:center;padding:2rem 1.6rem;border-radius:1.6rem;min-height:10rem;color:var(--gray90);font-size:1.6rem;font-weight:700;background:var(--bg-secondary);text-align:left !important;}
.btn-banner.type01{padding-right:12.7rem;background:var(--bg-secondary) url(../images/img-banner-bg01.png) no-repeat right 1.3rem bottom / 10.9rem;}
.btn-banner.type02{padding-right:12.7rem;background:var(--bg-secondary) url(../images/img-banner-bg02.png) no-repeat right 1.3rem bottom / 10.9rem;}
.sbtn.btn-st21{position:relative;padding:0;width:fit-content;height:auto;min-height:auto;font-weight:normal;font-size:1.6rem;color:var(--gray90);}
.sbtn.btn-st21:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gray80);}
.form .agree-wrap.type02 .all-chk label.checked{border-radius:1.6rem;}
.ez-new .agree-wrap.type02 .all-chk label.checked{border-radius:1.6rem;}
.agree-wrap.type02 .all-chk, .ez-new .agree-wrap.type05 .all-chk{margin:0;}
.agree-wrap.type02 .all-chk label, .ez-new .agree-wrap.type05 .all-chk label{background:transparent;border-radius:1.2rem 1.2rem 0 0;font-weight:normal;}
.agree-wrap.type02 .all-chk label.checked, .ez-new .agree-wrap.type05 .all-chk label.checked{background:transparent;font-weight:700;}
.agree-wrap.type02 .all-chk label.checked:after, .ez-new .agree-wrap.type05 .all-chk label.checked:after{display:none;}
.agree-wrap.type02 .all-chk + .con-list, .ez-new .agree-wrap.type05 .all-chk + .con-list{border-top:0;border-radius:0 0 1.2rem 1.2rem;margin:0 !important;}
.agree-wrap.type02 .con-list, .ez-new .agree-wrap.type05 .con-list{padding:2rem 1.6rem;border:1px solid var(--gray40);border-radius:1.2rem;}
.agree-wrap.type02 .con-list li, .ez-new .agree-wrap.type05 .con-list li{border:none;flex-wrap:nowrap;padding-left:0.4rem;}
.agree-wrap.type02 .con-list li + li, .ez-new .agree-wrap.type05 .con-list li + li{margin-top:1.6rem;}
.agree-wrap.type02 .con-list li input, .ez-new .agree-wrap.type05 .con-list li input{min-width:1.6rem;}
.agree-wrap.type02 .con-list li .btn-st08, .ez-new .agree-wrap.type05 .con-list li .btn-st08{padding: 0 3.2rem 0 0;min-height:2.4rem;background-position:right center;font-weight:normal;background-size:2rem;}
.agree-wrap.type02 .con-list li input + .btn-st08, .ez-new .agree-wrap.type05 .con-list li input + .btn-st08{text-overflow:clip;overflow:inherit;white-space:normal;}
.agree-wrap.type02 .con-list li input + .btn-st08:after, .ez-new .agree-wrap.type05 .con-list li input + .btn-st08:after{display:none;}
.agree-wrap.type02 .con-list li input[type="checkbox"]:checked + .btn-st08, .ez-new .agree-wrap.type05 .con-list li input[type="checkbox"]:checked + .btn-st08{font-weight:700;}
.agree-wrap.type02 .sub .con-list, .ez-new .agree-wrap.type05 .sub .con-list{padding:0 0 0 2.4rem;border:0;}
.agree-wrap.type02 .sub .con-list li, .ez-new .agree-wrap.type05 .sub .con-list li{flex-wrap:nowrap;}
.agree-wrap.type02 .con-list .sub li .btn-st08, .ez-new .agree-wrap.type05 .con-list .sub li .btn-st08{padding:0 2.4rem 0 0;background:none;}
.agree-wrap.type02 + .term_inp{margin-top:3rem;}
.agree-wrap.type02 > p{padding:2rem 1.6rem; border-radius: 0 0 1.2rem 1.2rem;border:1px solid var(--gray40);border-top:0;}
.agree-wrap.type02 + .button-section{margin-top:4rem;}
.term_bt{margin-top:3rem;}
.term_bt .sbtn + .btn-banner{margin-top:3rem;}
.write dd.txt-dash{align-items:flex-start;padding-left:1.2rem;}
.write dd.txt-dash:before{content:"*";background:transparent;top:0.2rem;}
.inp .times{padding-right:1.6rem;color:var(--up);min-width:5.55rem;}
.write .inp + .button-section{margin-top:2rem;}
.ez-new .box-wrap .combo-toggle{margin-top:3rem;}
.ez-new .box-wrap .combo-toggle > dt{padding:0 3.2rem 0 0;border:none;}
.ez-new .box-wrap .combo-toggle > dt .tit{font-size:1.8rem;color:var(--gray100);font-weight:normal;}
.ez-new .box-wrap .combo-toggle > dt.on .tit{font-weight:700;}
.ez-new .box-wrap .combo-toggle > dd{padding:0;margin-top:2rem;}
.ez-new .box-wrap .combo-toggle > dt.on + dd{border:none;}
.ez-new .box-wrap .combo-toggle > dd small{display:inline-block;margin-bottom:1.6rem;font-size:1.6rem;color:var(--gray90);}
.ez-new .box-top-desc{margin:0 !important;}
.ez-new .box-top-desc .status{position:relative;display:block;font-size:2rem;font-weight:700;color:var(--gray100);text-align:center;}
.ez-new .box-top-desc .status.type-up, .ez-new .box-top-desc .status.type-down{padding-top:20rem;}
.ez-new .box-top-desc .status.type-up:before, .ez-new .box-top-desc .status.type-down:before{display:none;}
.ez-new .box-top-desc .status.type-up:after{content:"";width:15rem;height:15rem;position:absolute;top:1rem;left:50%;transform:translateX(-50%);background:url(../images/img-150-type-up.png) no-repeat center center / contain;}
.ez-new .box-top-desc .status.type-down:after{content:"";width:15rem;height:15rem;position:absolute;top:1rem;left:50%;transform:translateX(-50%);background:url(../images/img-150-type-down.png) no-repeat center center / contain;}
.ez-new .box-top-desc .stxt{display:block;text-align:center;}
.ez-new .box-top-desc + .container{margin-top:4rem;padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-secondary);}
.ez-new .box-top-desc + .container .ico-alert + .list{margin-top:2rem;}

/*--- 서비스가입 > 하나인증서 1회용 인증번호 ---*/
.box-tit-area {margin-bottom:3.0rem;}
.box-tit-area .tit{font-size:2.4rem;font-weight:700;color:var(--gray100);}
.box-tit-area .stxt{margin-top:1rem;display:inline-block;}
.input-code-num {margin-top:3rem}
.input-code-num .con_imp {text-align:center; font-size:1.8rem;margin-bottom:1.6rem;font-weight:700;color:var(--gray100);}
.input-code-num .multi_inp {justify-content:center}
.input-code-num .multi_inp input {flex:inherit; width:4.6rem;height:5.2rem;font-size:2.4rem;font-weight:700;margin-left:0.8rem;background:var(--gray30);border-radius:1.2rem;text-align:center;color:var(--gray90);}
.input-code-num .multi_inp input:first-child {margin-left:0}
.input-code-num .multi_inp input:focus {border:1px solid var(--primary);background:var(--white);}
.error-text {color:var(--up);}
.input-code-num + .list{margin-top:2rem;}

/*--- 서비스가입 > 신분증 활영 ---*/
.Lbtn.line-st01{border:1px solid var(--primary);color:var(--primary);background:var(--white);}
.button-section.vertical .Lbtn.line-st01{margin-bottom:1.6rem;}
.button-section.vertical .Lbtn.line-st01:last-child{margin-bottom:0;}
.id-box .id-img{width:25rem;margin:0 auto;}
.area_con .con-list.have-toggle{border:none;}
.area_con .con-list.have-toggle > li{border:none;padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem;}
.area_con .con-list.have-toggle > li:after{right:1.6rem;top:2rem;}
.area_con .have-toggle > li .status{font-size:1.8rem;padding:0;color:var(--gray100);padding-right:3.2rem;}
.area_con .have-toggle > li.on .status{font-weight:700;}
.area_con .have-toggle > li .toggle-con{display:none;}
.area_con .have-toggle > li.on .toggle-con{display:block;margin-right:0;margin-top:2rem;}

/*--- 서비스가입 > 등록 ---*/
.tool-tip .tit{text-align:left;font-weight:700;}
.tool-tip .tit + .list{margin-top:2rem;}
.tool-tip .list.dash > li {text-align:left;font-size:1.4rem;}
.tool-tip .list.dash > li:before{width:0.3rem;height:0.3rem;border-radius:50%;background:var(--white);}
.tool-tip .list.dash > li + li{margin-top:0.8rem;}
.tool-tip .list.dash > li img{display:block;margin-top:1rem;width:16rem;}
.tool-tip p + .list.dash{margin-top:1rem;}
.regist-wrap .box-top-desc{text-align:center;}
.regist-wrap .box-top-desc > strong{display:block;font-size:2rem;font-weight:700;color:var(--gray100);}
.regist-wrap .box-top-desc .tool-tip-wrap{margin-top:3rem;margin-left:0; 	}
.regist-wrap .box-top-desc .face-id{display:block;margin:3rem auto;width:15rem;height:15rem;font-size:0;background:url("../images/img-150-face.png") no-repeat 0 0/15rem 15rem;}
.regist-wrap .box-top-desc .pattern_cert{display:block;margin:3rem auto;width:15rem;height:15rem;font-size:0;background:url("../images/img-150-pattern.png") no-repeat 0 0/15rem 15rem;}
.regist-wrap .box-top-desc .password_cert{display:block;margin:3rem auto;width:20rem;height:2rem;font-size:0;background:url("../images/bg-400-pw.png") no-repeat 50% 0/20rem;}
.regist-wrap .box-top-desc .finger-print{display:block;margin:3rem auto;width:15rem;height:15rem;font-size:0;background:url("../images/img-150-bio.png") no-repeat 0 0/15rem 15rem;}
.scroll + .box-foot-desc{padding:0 2rem 4rem;text-align:center;position:relative;}
.scroll + .box-foot-desc:before{content:'';position:absolute;left:0;right:0;top:-1.6rem;height:1.6rem;background:linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);z-index:1;}
.scroll + .box-foot-desc .btn-text + strong{margin-top:1.6rem;}
.scroll + .box-foot-desc strong{display:block;font-weight:700;}
.scroll + .box-foot-desc strong + .txt-dot{margin-top:2rem;color:var(--gray90);padding:0;}
.scroll + .box-foot-desc .txt-dot:before{display:none;}

/* 서비스가입 > 인증서 리스트 */
.cert_box_wr + .cert_box_wr{margin-top:1.6rem;}
.cert_box_wr{padding:2rem 1.6rem;border-radius:1.6rem;background:var(--gray10);}
.cert_box_wr.hbox{align-items:center;}
.cert_box_wr .con-box{padding:0 0 0 7.2rem;min-height:5rem;display:flex;flex-direction:column;justify-content:center;background:url(../images/ico-36-cert.png) no-repeat left 1rem top 1.8rem / 3.6rem;}
.cert_box_wr .con-box .con-header{width:calc(100% - 0.8rem);padding-right:0;}
.cert_box_wr .con-box .con-header strong{display:flex;align-items:center;font-size:1.6rem;font-weight:700;color:var(--gray100);word-break:break-word !important;}
.cert_box_wr .con-box .con-body{margin-top:0.2rem;color:var(--gray90);font-size:1.4rem;}
.cert_box_wr .con-box .con-body .c-date{font-size:1.4rem;font-weight:400;}
.cert_box_wr .con-box.no-data{margin:0;text-align:left;font-size:1.6rem;}
.cert_box_wr .con-box.no-data:before{display:none;}
.cert_box_wr .more_info{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray30);}
.cert_box_wr .more_info p{text-align:center;color:var(--up);font-size:1.4rem;}
.cert_box_wr .more_info a{margin-top:2rem;height:auto;min-height:3.7rem;padding:0.8rem 1.2rem;display:block;background:var(--white);border-radius:0.8rem;border:1px solid var(--gray50);color:var(--gray80);font-weight:700;font-size:1.4rem;text-align:center;}
.cert_box_wr > .choice > input {width:0;height:0;overflow:hidden;position:absolute;margin:0;}
.cert_box_wr > .choice > label {position:relative;flex:1;display:flex;width:2.4rem;height:auto;min-height:2.4rem;background:url(../images/icon-form-radio-off.png) no-repeat 50% 50%/2.4rem;border-radius:1.2rem;padding:0;margin-left:0 !important;font-size:0;}
.cert_box_wr > .choice > input[type=radio]:checked + label {background-color:var(--bg-secondary);background-image:url(../images/icon-form-radio-on.png);font-weight:700;color:var(--primary01);}
.cert_box_wr + .write{margin-top:3rem;}
.cert-img-wrap{display:flex;justify-content:center;margin-top:0 !important;}
.cert-img-wrap img{width:3.6rem;height:3.6rem;}
.cert-img-wrap img + img{margin-left:1rem;}
.cert-img-wrap + p{margin-top:3rem;font-size:1.8rem;font-weight:700;color:var(--gray100);}

/*--- 서비스가입 > 등록완료 ---*/
.finish .scroll .box-top-desc{padding: 0 0 3rem;}
.txt-dot2{padding-left:1.1rem;color:var(--gray80);position:relative;text-align:left;font-size:1.6rem;}
.txt-dot2:before{content:"";width:0.3rem;height:0.3rem;border-radius:50%;background:var(--gray80);position:absolute;top:1.1rem;left:0;}
.input-login.type01 .tool-tip-wrap{display:block;margin:3rem 0 0;}
.scroll.finish-regis .face-id.complete{display:block;margin:3rem auto 6rem;width:15rem;height:15rem;font-size:0;background:url("../images/img-150-face-complete.png") no-repeat 0 0/15rem 15rem;}
.scroll.finish-regis .pattern_cert.complete{display:block;margin:3rem auto 6rem;width:15rem;height:15rem;font-size:0;background:url("../images/img-150-pattern-complete.png") no-repeat 0 0/15rem 15rem;}
.scroll.finish-regis .password_cert.complete{display:block;margin:7rem auto 15rem;width:20rem;height:2.2rem;font-size:0;background:url("../images/bg-400-pw-complete.png") no-repeat 0 0/20rem; background-position-y:30%;}
.scroll.finish-regis .finger-print.complete{display:block;margin:3rem auto 6rem;width:15rem;height:15rem;font-size:0;background:url("../images/img-150-bio-complete.png") no-repeat 0 0/15rem 15rem;}
.box-top-desc .complete ~ [class*="stxt"]{text-align:center;}
.box-top-desc + .select-button{margin-top:3rem;}
.select-button, .select-button-new {display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0.8rem;}
[class*=select-button]:not(.select-button_contents) .select-button__box{position:relative;flex:1;display:flex;}
[class*=select-button]:not(.select-button_contents) .select-button__box input{width:0; height:0; position:absolute; left:0; top:0}
[class*=select-button]:not(.select-button_contents) .select-button__box .select-button__item{position:relative;display:flex;flex-direction:column;padding:1.6rem 1.2rem;border-radius:1.2rem;width:100%;height:100%;}
[class*=select-button]:not(.select-button_contents) .select-button__box .select-button__item:before{content:"";width:100%;height:100%;border:1px solid var(--gray40);border-radius:1.2rem;position:absolute;left:0;top:0;}
[class*=select-button]:not(.select-button_contents) .select-button__box .select-button__item span{display:flex; text-align:center;flex:1;align-items:center;justify-content:center;word-break:break-word !important;}
[class*=select-button]:not(.select-button_contents) .select-button__box .select-button__item .img-area{width:3.6rem;height:3.6rem;margin:0 auto 1.2rem;flex:0 0 3.6rem;}
[class*=select-button]:not(.select-button_contents) .select-button__box .password .img-area{background:url(../images/ico-36-cert01.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box .bio .img-area{background:url(../images/ico-36-cert02.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box .bio2 .img-area{background:url(../images/ico-36-cert03.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box .pattern .img-area{background:url(../images/ico-36-cert04.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:checked + .select-button__item{background:var(--bg-secondary);color:var(--primary01);font-weight:700;}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:checked + .select-button__item:before{border:2px solid var(--primary);}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:checked + .password .img-area{background:url(../images/ico-36-cert01-on.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:checked + .bio .img-area{background:url(../images/ico-36-cert02-on.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:checked + .bio2 .img-area{background:url(../images/ico-36-cert03-on.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:checked + .pattern .img-area{background:url(../images/ico-36-cert04-on.png) no-repeat 50% 50% / contain;}
[class*=select-button]:not(.select-button_contents) .select-button__box input[type="radio"]:disabled + .select-button__item{background:var(--bg-gray100)}
[class*=select-button]:not(.select-button_contents) + .box-foot-desc{margin-top:2rem; padding:0;}

/*--- 서비스가입 > ARS인증 ---*/
.box-top-desc + .tit-st02{margin-top:3rem !important;}
.bg-box.st-01{margin-top:3rem !important;display:flex;flex-direction:column;align-items:center;}
.bg-box.st-01 > strong{font-size:1.4rem;}
.bg-box.st-01 .certify{padding:1.6rem 0;display:flex;justify-content:center;align-items:center;}
.bg-box.st-01 .certify input{width:4rem;font-size:6rem;min-height:6rem;color:var(--primary01);text-align:center;}
.bg-box.st-01 .Lbtn{margin-top:1rem;height:auto;min-height:3.7rem;width:100%;padding:0.8rem 1.2rem;display:block;background:var(--white);border-radius:0.8rem;border:1px solid var(--gray50);color:var(--gray80);font-weight:700;font-size:1.4rem;text-align:center;}
.bg-box.st-01 + .list.dash{margin-top:2rem;}
.bg-box.st-01 + .list.dash li{font-size:1.6rem;padding-left:1.1rem;}
.bg-box.st-01 + .list.dash li:before{width:0.3rem;height:0.3rem;background:var(--gray80);border-radius:50%;}

/*--- 서비스가입 > 가입완료 ---*/
.space02{margin:0 -2rem;width:calc(100% + 4rem);height:1rem;background:var(--gray20);}
.space02 + .box-wrap{margin-top:3rem;min-height:auto;}
.hbox > .tit{font-size:1.8rem;font-weight:700;color:var(--gray100);}

/*--- 서비스가입 > 외국인 휴대폰보유여부 안내 ---*/
.ser_info .tit{font-size:2.4rem;font-weight:700;color:var(--gray100);}
.ser_info .tit + p{margin-top:1rem;}
.ser_info + .send{margin-top:3rem;}
.send .send-box .custom-button > .tit:first-child{margin:0;width:auto;height:auto;padding:0;background:transparent;border-radius:0;}
.send-box .info-box{display:flex;flex-direction:column;align-items:center;padding:2rem 1.6rem 0;}
.send-box .info-box .img-wrap{display:flex;}
.send-box .info-box .img-wrap img{width:4rem;height:4rem;}
.send-box .info-box .img-wrap img + img{margin-left:1rem;}
.send-box .info-box .info-txt{margin-top:0.6rem;font-size:1.4rem;color:var(--gray90);text-align:center;}
.ser_info + .lists{margin-top:3rem;}
.ser_info + .lists.type03 ul li:first-child a{background:var(--bg-secondary);}
.lists ul li + li{margin-top:1.6rem;}
.lists.type03 ul li{padding:0;}
.lists.type03 ul li:before{display:none;}
.lists.type03 ul li a{position:relative;display:block;padding:5.6rem 4.8rem 2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100) url(../images/icon-24-arrow-right.png) no-repeat right 1.6rem center / 2.4rem;}
.lists.type03 ul li a:before{content:"";width:2.4rem;height:2.4rem;position:absolute;top:2rem;left:1.6rem;}
.lists.type03 ul li:first-child a:before{background:url(../images/ico-24-phonelist01.png) no-repeat center center / contain;}
.lists.type03 ul li:first-child a:after{content:"";width:2.4rem;height:2.4rem;position:absolute;top:2rem;left:4.8rem;background:url(../images/ico-24-phonelist02.png) no-repeat center center / contain;}
.lists.type03 ul li:last-child a:before{background:url(../images/ico-24-phonelist03.png) no-repeat center center / contain;}
.lists.type03 ul li a p{font-size:1.6rem;font-weight:700;color:var(--gray100);}
.lists.type03 ul li a span{display:block;margin-top:1rem;font-size:1.4rem;color:var(--gray90);}

/*--- 서비스가입 > 인증방법 선택 ---*/
.bg-box.arrow-link{position:relative;background:var(--gray10) url(../images/icon-24-arrow-right.png) no-repeat right 1.6rem center / 2.4rem}
.cert-list .arrow-link{position:relative;padding-left:5.2rem;padding-right:4.8rem;}
.cert-list .arrow-link:before{content:"";width:2.4rem;height:2.4rem;position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);}
.cert-list .arrow-link:first-child:before{background:url(../images/ico-24-cert01.png) no-repeat 50% 50% / contain}
.cert-list .arrow-link:last-child:before{background:url(../images/ico-24-cert02.png) no-repeat 50% 50% / contain}
.cert-list .arrow-link .tit{font-size:1.6rem;font-weight:700;color:var(--gray90);}

/*--- 서비스가입 > 인증방법 선택 ---*/
.lists > .stit{font-size:1.8rem;font-weight:700;color:var(--gray100);margin:3rem 0 1.6rem;}
.ser_info .lists ul li{display:flex;align-items:center;padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);font-size:1.6rem;font-weight:700;}
.ser_info .lists ul li:before{content:"";width:2.4rem;height:2.4rem;display:inline-block;margin-right:1.2rem;}
.ser_info .lists ul li:last-child:before{background:url(../images/ico-24-phonelist03.png) no-repeat 50% 50% / contain;}
.ser_info .lists ul li:first-child:before{background:url(../images/ico-24-phonelist01.png) no-repeat 50% 50% / contain;}

/*--- 서비스가입 > 해지 ---*/
.no-data.st-04{margin:0 0 4rem;font-size:2.4rem;padding-top:9.2rem;}
.no-data.st-04:before{width:7.2rem;height:7.2rem;background-image:url(../images/icon-72-fail.png)}
.no-data.st-04 + .inline-button .btn-st03{flex:1;width:100%;height:4.9rem;min-height:4.9rem;background:var(--white);border:1px solid var(--gray50);font-size:1.4rem;}

/*--- MyEZ > 개인정보조회/변경 ---*/
.write.passport dd + dd{margin-top:0;}
.write.passport02 .form-wrap{flex-direction:row;}
.write.passport02 .inp:first-child{min-width:49%;}
.write.passport02 span.dash + .inp{justify-content:flex-start;padding:2rem 1.6rem;height:6.3rem;margin:0;}
.write.passport02 span.dash + .inp input{text-align:left;padding:0;}
.write.passport02 span.dash + .inp input[maxlength="1"]{text-align:center;padding:0;min-width:1.5rem;flex:0;}
.write.passport02 span.dash + .inp span{background:url("../../resource/images/img_service02.png") repeat-x;background-size:1.6rem 1.2rem;max-width:9.7rem;width:9.7rem;height:1.2rem;}
.ups .write.passport02 span.dash + .inp span{position:absolute;}
.write + .txt-dash{margin-top:1rem;color:var(--gray80);padding-left:1.1rem;}
.write + .txt-dash:before{width:0.3rem;height:0.3rem;border-radius:50%;background:var(--gray80);}
.term_inp .write .inp input[type="tel"]{width:calc(100% - 5.5rem)}

/*--- MyEZ > 주소검색 ---*/
.search_wrap_box .list.dash{margin-top:3rem;}
.search_wrap_box .list.dash:before{width:0.3rem;height:0.3rem;border-radius:50%;background:var(--gray80);}
.search_result{margin:3rem 0 1.6rem;font-size:1.8rem;color:var(--gray100);font-weight:700;}
.search_result > .color-primary{margin-left:0.3rem;display:inline-block;}
.search_result + .search_result_list{margin-top:0; border-top:1px solid var(--gray30); border-bottom:1px solid var(--gray30);}
.search_result + .search_result_list li + li{border-top:1px solid var(--gray30);}
.search_result + .search_result_list li > a{width:100%;padding:2rem 0;color:var(--gray90);background:var(--white);}
.search_result_list{margin-top:3rem;}
.search_result_list li > a{width:100%;padding:2rem 1.6rem;color:var(--gray90); border-radius:1.6rem;background:var(--bg-gray100);}
.search_result_list li > a .tit{font-weight:700;}
.search_result_list li > a .txt{position:relative;margin-top:1.2rem;font-size:1.6rem;color:var(--gray90);}
.search_result_list li > a .txt .label{padding:0 0.6rem; border:1px solid #5e6976;color:#5e6976;border-radius:0.6rem;display:inline-block;height:2.2rem;line-height:2.2rem;font-size:1.2rem;}
.search_result_list li > a .txt span:last-child, .search_result_list li > a .txt span:only-child{display:block;margin-top:0.6rem;}
.search_wrap_box + .write{margin-top:3rem !important;}

/* MyEZ > 직업선택 */
.otp_box01{margin-top:1rem !important;}
.otp_box01 + .search_wrap_box{margin-top:3rem;}
.search_wrap_box .button-section{margin-top:4rem;}
.search_wrap_box .button-section .Lbtn{border:1px solid var(--gray50);background:var(--white);color:var(--gray80);height:4.9rem;min-height:4.9rem;font-size:1.4rem;}
.search_wrap_box .no-data + .button-section{margin-top:-2rem;}
.term_inp .tit:first-child{margin-top:0 !important;}
.new_box_wr .box-top-desc > p{font-size:2.4rem;font-weight:700;color:var(--gray100);}
.new_box_wr .box-top-desc > span{margin-top:1rem !important;display:block;}
.new_box_wr .box{margin-top:4rem;}
.inp textarea{padding:1.8rem 1.6rem;width:100%;min-height:13.2rem;font-size:1.8rem;}
.inp textarea.height-auto{min-height:auto;}
.stu_box03 .list.dash > li::before{width:0.3rem;height:0.3rem;border-radius:50%;}
.inp-wrap .label-none, .write dt .label-none, .write dt .label-none{display:none;}

/*--- 설정 > 입출금문자알림 ---*/
.bg-box-list .account-tit{display:flex;flex-direction:column;}
.bg-box-list .account-tit span:first-child{font-size:1.6rem;color:var(--gray100);}
.bg-box-list .account-tit span:last-child{font-size:1.4rem;color:var(--gray90);}

.agree-wrap.type03{display:flex;align-items:center;padding:2rem 1.6rem;border:1px solid var(--gray40);border-radius:1.2rem;}
.agree-wrap.type03 .btn_alone_arrow{padding-right:3.2rem;font-size:1.6rem;background:url(../images/icon-24-arrow-right.png)no-repeat right center / 2.4rem;text-align:left;}
.agree-wrap.type03 .checked + .btn_alone_arrow{font-weight:700;}

/*--- 설정 > 서비스 신청 ---*/
.new_type.ups .tit.mt40{margin-top:3rem !important;justify-content:flex-start;}
.new_type.ups .tit.mt40 .tool-tip-wrap{font-weight:normal;margin-bottom:0.1rem;}
.inp-unitwrap{display:flex;align-items:center;}
.inp-unitwrap .inp{width:100%;}
.inp-unitwrap .inp input{text-align:right;}
.inp-unitwrap > span{margin-left:0.8rem;min-width:4rem;}
.inp_phone_box .inp_phone{display:flex;align-items:center;justify-content:flex-start;margin-top:1.6rem;padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);}
.inp_phone_box .inp_phone input{width:1.6rem;height:1.6rem;background:url(../images/icon-form-check-off.png) no-repeat center center / contain;margin-right:0.8rem;}
.inp_phone_box .inp_phone input:checked{background-image:url(../images/icon-form-check-on.png)}
.inp_phone_box .inp_phone .del{margin-left:auto;background:transparent url(../images/icon-24-delete.png) no-repeat 0 50%/2.4rem;width:2.4rem;height:2.4rem;}
.inp_phone_box .write{margin-top:1.6rem;}
.inp_phone_box .write dt{display:none;}
.inp_phone_add_wr{margin-top:3rem;}

/*--- 설정 > 결제계좌추가 ---*/
.new_form_wr .new_form_btn{padding:0;background:transparent;border-radius:0;}
.new_form_wr .new_form_btn .acc_list li{padding: 2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);}
.write + .txt_under_inp01{margin-top:1rem;}
.txt_under_inp01{position:relative;color:var(--gray80);font-size:1.4rem;padding-left:1.2rem;}
.txt_under_inp01:before{content:"*";position:absolute;top:0.2rem;left:0;}

/*--- 설정  ---*/
.choice.vbox > .txt-spe{margin-top:1rem}
.stu_box02 + .inp_radio_box{margin-top:2rem;}
.settings .button-section:nth-child(2){border-bottom:1px solid var(--gray30);margin:0 0 3rem;}
.settings .button-section:nth-child(2) button{padding:3rem 3.2rem 3rem 0;}
.settings .box:nth-child(3){padding-bottom:3rem;border-bottom:1px solid var(--gray30);}
.settings .box .hbox > strong, .settings .box .vbox > strong{font-size:1.8rem;font-weight:700;color:var(--gray100);}
.settings .box .hbox + .txt-point-1{margin-top:0.8rem;}
.settings .box > .inline-button{margin-top:2rem;}
.settings .box > .inline-button button{width:100%;}
.settings .box .tool-tip-wrap{display:inline-block;margin-top:0.8rem;}
.settings .box .tool-tip-wrap .ico-btn.note{vertical-align:super;}
.settings .box .box-top-desc .mtxt{font-size:1.8rem;}
.settings .box .box-top-desc .stxt{font-size:1.4rem;margin-top:0.8rem;}
.settings .box .bg-box{margin-top:2rem;}
.settings .box .bg-box .hbox{padding-top:1.6rem;margin-top:1.6rem;}
.settings .box .bg-box .vbox + .hbox{margin-top:0;}
.settings .box .bg-box .hbox:first-child{padding:0;margin:0;}
.settings .box .bg-box .hbox .tool-tip-wrap{margin-top:0;display:flex;align-items:center;}
.settings .box .bg-box .hbox .tool-tip-wrap .ico-btn.note{flex:1 !important;}
.settings .box .bg-box .hbox + .hbox{border-top:1px solid var(--gray30)}
.settings .box .bg-box .vbox{padding:1.6rem 0;margin-top:1.6rem;border-top:1px solid var(--gray30); border-bottom:1px solid var(--gray30);align-items:flex-start !important;}
.settings .box .bg-box .hbox > strong,.settings .box .bg-box .vbox > strong{font-size:1.6rem;font-weight:400;color:var(--gray90);flex:1;}
.settings .box .bg-box .vbox > .sbtn{margin-top:2rem;border:1px solid var(--gray50);background:var(--white);color:var(--gray80);border-radius:0.8rem;font-size:1.4rem;}
.settings .box .bg-box .vbox > .sbtn:after{display:none;}
.settings .space40 + .box{margin-top:-1rem;}
.settings .button-section{margin:3rem 0 0;}
.settings .button-section button{height:auto;min-height:auto;margin:0;padding:0 3.2rem 0 0;text-align:left;font-size:1.8rem;color:var(--gray100);background:url(../images/icon-24-arrow-right.png) no-repeat right center / 2.4rem;}
.settings .button-section button:active{background:var(--white) url(../images/icon-24-arrow-right.png) no-repeat right center / 2.4rem;}
.settings .button-section button + button{margin-top:4rem;}
.settings .button-section button .txt-small{margin-top:0.8rem;font-size:1.4rem;color:var(--gray80);font-weight:400;}
.txt-version{margin-top:0.8rem;font-size:1.4rem;}

/*--- 외국인 보험 > 서비스 안내 ---*/
.content.ez-ins .scroll > *:first-child{margin:0 !important;}
.content.ez-ins .scroll > .tit-st01:first-child{font-size:2.4rem;}
.content.ez-ins .layer-container .content.scroll > *:first-child{margin-top:3rem !important;}
.layer-contents .board.view td em{display:inline-block}
.content.ez-ins .board td ul li {word-break:break-word !important}

/*** info-list ***/
.info-list{width:100%;}
.info-list li{padding:1.4rem 0; position:relative;}
.info-list li:first-child{padding-top:0}
.info-list li:last-child{padding-bottom:0;}
.info-list li .arrow_gray_link{width:100%; position:relative; display:flex; align-items:center; justify-content:space-between;color:var(--gray90);}

/*** con-card-box ***/
.con-card-box{position:relative; border-radius:1.6rem; background:var(--bg-gray100);padding:2rem 1.6rem;}
.con-card-box + .con-card-box{margin-top:1.6rem;}
.con-card-box .con-head{padding-bottom:1.6rem;border-bottom:1px solid var(--gray30);}
.con-card-box .con-head + .con-body{padding-top:1.6rem;}
.arrow_gray_link{width:100%; position:relative; display:flex; align-items:center; justify-content:space-between; padding-right:3.2rem;}
.arrow_gray_link:after{content:""; width:2.4rem; height:2.4rem; position:absolute; top:50%; transform:translateY(-50%); right:0; background: url(../images/icon-24-arrow-right.png) no-repeat center center; background-size:2.2rem 2.2rem;}
.flex-area{display:flex;align-items:center;}
.flex_column{display:flex;flex-direction:column;align-items:flex-start;}
.con-flex{display:flex;align-items:center;justify-content:space-between;}
.info-card_wrap .con-head .img-cont{display:block; min-width:2.4rem; width:2.4rem; height:2.4rem; margin-right:0.3rem;}
.info-card_wrap .con-head .img-cont img{vertical-align:top;}
.ez-ins .info-card_wrap .tit-st01{width:100%; margin:0;}
.ez-ins .info-card_wrap .con-head .txt-point-9{padding-left:2.7rem;margin-top:0.3rem;font-size:1.4rem;}
.ez-ins .info-card_wrap .con-body .txt-point-9{margin-top:0.3rem;font-size:1.4rem;}

/*--- 서비스 안내 (출국만기보험 안내, 귀국비용보험 안내, 상해보험 안내, 제출서류 안내, 공항수령 안내) ---*/
.ez-ins .color-blue{color:var(--ready) !important}
.ez-ins .board.horizontal_type tbody tr th + th{border-left:1px solid var(--gray30);}
.ez-ins .board.horizontal_type tbody td, .ez-ins .board.horizontal_type tfoot td{text-align:center;}
.ez-ins .board.horizontal_type tbody td .list.dash li:before{width:0.3rem;height:0.3rem;border-radius:50%;}
.ez-ins .board.horizontal_type tbody tr:last-child td:first-child{border-left:0;}
.gray-line-box .tit-st05{font-size:1.8rem;color:var(--gray100);}
.ez-ins .info-txt_area .con_txt{margin-top:1.6rem !important; font-size:1.6rem; color:var(--gray90);}
.ez-ins .info-txt_area .con_ex{color:var(--gray90);margin-top:1.6rem;}
.ez-ins .info-txt_area .con_ex > *{display:block; font-size:1.4rem; color:var(--gray90);}
.ez-ins .gray-line-box + .gray-box{margin-top:1.6rem !important;}
.ez-ins .gray-box{background:var(--bg-gray100); border-radius:1.6rem; padding:2rem 1.6rem;}
.ez-ins .gray-box .info-wrap .img-cont{display:inherit; min-width:2rem; width:2rem; height:2rem; margin-right:0.3rem;}
.ez-ins .gray-box .info-wrap .txt-point-2{font-weight:bold;}
.ez-ins .info-board_box{margin-top:3rem;}
.ez-ins .info-board_box > *:first-child, .content.ez-ins .box > *:first-child{margin-top:0 !important;}
.ez-ins .info-board_box .tit-st05:first-child{font-size:2.4rem;color:var(--gray100);}
.ez-ins .info-board_box .tit-st06{color:var(--gray100);margin-top:3rem;font-size:1.8rem;font-weight:700;}
.ez-ins .info-board_box .tit-st06 em{display:block;margin-top:1.6rem;font-weight:700;color:var(--gray100);font-size:1.6rem;}
.ez-ins .info-board_box .sbtn{width:fit-content;padding:0;min-height:2.2rem;height:2.2rem;margin-top:0.5rem;color:var(--gray90);font-weight:400;}
.ez-ins .info-board_box .sbtn:after{bottom:0;}
.ez-ins .place_wrap .con-list{border:0; margin:3rem 0 0;}
.place_wrap .con-list > li{padding:0; border:0;}
.place_wrap .con-list > li + li{margin-top:3rem;}
.place_wrap .con-list li .tit-st06{margin:0; padding-left:1.7rem; position:relative;font-size:1.6rem;}
.place_wrap .con-list li .tit-st06:before{content:""; width:1rem; height:1rem; border:1px solid var(--gray100); transform:rotate(45deg); position:absolute; left:0.1rem; top:0.5rem;}
.place_wrap .con-list li .tit-st06:after{content:""; width:0.6rem; height:0.6rem; background:var(--gray100); transform:rotate(45deg); position:absolute; left:0.3rem; top:0.7rem;}
.ez-ins .place_wrap  .place-image_wrap{margin-top:1rem; padding:0; flex-direction:column; align-items:center;}
.ez-ins .place_wrap  .place-image_wrap .place-pin{margin:0.5rem 0 0 auto; display:flex; align-items:center; font-size:1.3rem; color:var(--gray90);}
.ez-ins .place_wrap  .place-image_wrap .place-pin:before{content:""; display:inline-block; width:2rem; height:2.5rem; margin-right:0.3rem; background: url(../images/ico-hana-map_pin.png) no-repeat center center /contain;}
.ez-ins .place_wrap .place-txt_wrap{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:start;}
.ez-ins .place-txt_wrap .place-name{max-width:40%; padding-right:1rem; color:var(--gray100); font-weight:bold; font-size:1.4rem;}
.ez-ins .place-txt_wrap .list{flex:1;}
.ez-ins .place-txt_wrap .list li{margin-bottom:2rem;}
.ez-ins .place-txt_wrap .list li:last-child{margin-bottom:0;}
.list.alphabet_upper{counter-reset:alphabet;}
.list.alphabet_upper li{padding-left:1.4rem; counter-increment:alphabet;}
.list.alphabet_upper li:before{content:counter(alphabet, upper-alpha); font-size:1.4rem; font-family: 'RoboR'; color:var(--gray100);}
.list.alphabet_upper li span{font-size:1.4rem; display:block; color:var(--gray100); text-align:left !important;}

.process_list li{padding-bottom:0.8rem; text-align:center;}
.process_list li:last-child{padding-bottom:0;}
.process_list li .process_box{display:flex; flex-direction:column; align-items:center; justify-content:space-between; width:1.3rem; height:1.3rem; margin:0.8rem auto 0; }
.process_list li .process_box .dot{display:block; width:0.2rem; height:0.2rem; border-radius:50%; background:var(--gray80);}

.board.vertical_type.mix:before{z-index:1;}
.board.vertical_type.mix th{height:4rem;position:relative;}
.board.vertical_type.mix th:after{content:""; width:100%; height:0.1rem; background:var(--gray30); position:absolute; bottom:0; left:0; z-index:1;}
.board.vertical_type.mix tr td{padding-bottom:0;}
.board.vertical_type.mix tr{border:none;}
.board.vertical_type.mix tr:last-child th:after{display:none;}
.board.vertical_type.mix tr:last-child td{padding-bottom:0.8rem;}
.board.vertical_type.mix tr td .process_list li span{vertical-align:inherit;}
.board.vertical_type.mix tr td .process_list li:last-child{padding-bottom:0}
.board.vertical_type.mix tr:last-child td .process_list li:last-child{padding-bottom:1.6rem;}

/*--- 외국인 보험  > 가입내역 ---*/
.ez-ins .badge{display:inline-block; width:fit-content; min-width:3.4rem; padding:0 0.8rem; text-align:center; height:2.5rem; line-height:2.5rem; border-radius:0.8rem; background:var(--gray30); color:var(--cancel); font-size:1.2rem !important; font-weight:700;}
.ez-ins .badge.bg-blue{background:rgba(29,109,200,0.08);color:#1d6dc8 !important;} /* 지급 */
.ez-ins .badge.bg-green{background:rgba(0,123,128,0.08);color:#007b80 !important;} /* 유지 */
.ez-ins .badge.bg-red{background:rgba(212,23,40,0.08);color:#d41728 !important;} /* 연체 */
.ez-ins .mt30 .radio-toggle_wrap:last-child .radio-toggle-cont .write-wrap{margin-bottom:0;}
.btn_arrow_round{width:2.4rem;height:2.4rem;background:url(../images/icon-24-arrow-right.png) no-repeat center center / contain;}
.ez-ins .con-card-box .con-body .btn_arrow_round{position:absolute; top:2rem; right:1.6rem;font-size:0;}
.con-card-box .prod-wrap{width:100%;display:flex; flex-direction:column; justify-content:space-between;}
.con-card-box .prod-wrap .title-wrap{display:flex; flex-direction:column; align-items:flex-start;}
.con-card-box .prod-wrap .title-wrap .badge + .tit-st06{margin-top:1.2rem;}
.con-card-box .prod-wrap .title-wrap .tit-st06{font-size:1.8rem;font-weight:700;color:var(--gray100);}
.con-card-box .prod-wrap .title-wrap .s-info{margin-top:0.3rem;}
.con-card-box .prod-wrap .title-wrap .s-info em{margin:0 !important;font-size:1.4rem !important;font-weight:400 !important;}
.con-card-box .prod-wrap .date-wrap{margin-top:1.2rem;width:100%;display:flex;align-items:flex-start;justify-content:space-between;}
.con-card-box .prod-wrap .date-wrap span{font-size:1.4rem;}
.con-card-box .prod-wrap .date-wrap .txt{flex-basis:auto; flex-grow:0; max-width:40%;}
.con-card-box .prod-wrap .date-wrap .txt-RoboR{color:var(--gray90); font-size:1.6rem;}
.con-card-box .prod-wrap .date-wrap .s-info{flex:1; text-align:right;}
.con-card-box .prod-wrap .date-wrap .s-info > span{display:block; margin-top:0.3rem;}
.con-card-box .prod-wrap .prod-info-wrap{padding:0;}
.ez-ins .btn-arrow-gray {width:fit-content;display:flex;align-items:center;position:relative; border-radius:0; height:inherit; min-height:inherit; padding:0; font-size:1.4rem; color:var(--gray80);}
.ez-ins .btn-arrow-gray:after {content: ""; background: url(../images/icon-24-arrow-right-gray.png) no-repeat center top -0.07rem; background-size:contain; display:inline-block; width:2rem; height:2rem; vertical-align:sub;}

.color-green{color:var(--primary);}
.box-top-desc .status {position:relative;text-align:center;display:block;font-size:2.4rem;color:var(--gray100);font-weight:700;}
.box-top-desc .status.type-down:before{display:none;}
.box-top-desc .status:before {content:''; display:block; width:7.2rem; height:7.2rem; margin:0 auto 2rem}
.box-top-desc .status.type5:before {background: url(../images/icon-72-fail.png) no-repeat center top; background-size:7.2rem auto;}
.box-top-desc .status.type6:before {background: url(../images/icon-72-fail.png) no-repeat center top; background-size:7.2rem auto;}
.box-top-desc .status.type6 > span{display:block;margin-top:1rem;font-size:1.6rem;color:var(--gray90);font-weight:normal;}
.box-top-desc .status + .stxt3{text-align:center;}
.box-top-desc + .container{margin-top:4rem;padding:2rem 1.6rem;background:var(--bg-secondary);border-radius:1.6rem;}
.no-data.st-07:before {background:url(../images/icon-66-nodata.png) no-repeat 50% 50%/contain;}
.no-data.st-07 p{font-size:1.8rem; color:var(--gray100);font-weight:700; text-align:center;}

/*--- 외국인 보험 > 가입내역 상세 ---*/
.content.ez-ins .scroll .box-wrap .box .tit-st01:first-child{font-size:2.4rem;margin-top:0 !important;}
.content-devider {display:block;height:1rem;margin:4rem -2rem;border:0;background:var(--gray20);}
.prod-wrap .prod-info-wrap{margin-top:1.2rem;}
.prod-info-wrap .list-section li{display:flex; align-items:center; justify-content:space-between;padding:1.7rem 0 1.6rem;border-bottom:1px solid var(--gray30);}
.prod-info-wrap .list-section li:first-child{padding-top:0;}
.prod-info-wrap .list-section li:last-child{padding-bottom:0;border:none;}
.prod-info-wrap .list-section li > span:first-child{flex-basis:auto; flex-grow:0; width:40%;margin-right:0.8rem;}
.prod-info-wrap .list-section li > span{flex:1; font-size:1.5rem; line-height:1.2;}
.prod-info-wrap .list-section li .s-info em{margin:0 !important;display:block;text-align:right;font-size:1.6rem !important;font-weight:400 !important;color:#021715;}
.prod-info-wrap .list-section li .s-info em + em{margin-top:1.2rem;}
.prod-info-wrap .list-section li .s-info em:first-child{padding:0;}
.prod-info-wrap .list-section li .txt-RoboR{font-size:1.5rem; color:var(--gray100);}
.cont-wrap .tit-big{font-size:1.8rem;color:var(--gray100);font-weight:700;margin-bottom:1.6rem;}
.cont-wrap .cal-wrap{padding:0;}
.cont-wrap .cal-wrap .tit-st01{font-size:1.4rem;font-weight:400;color:var(--gray100);}
.cont-wrap .cal-wrap .tit-st01 + .cal-pick-wrap{margin-top:0.8rem;}
.cont-wrap .cal-wrap + .button-section{margin-top:2rem;}
.cont-wrap .Mbth{height:auto;min-height:3.7rem;font-size:1.4rem;padding:0.8rem 1.2rem;border-radius:0.8rem;font-weight:700;}
.cont-wrap .Mbth.btn-st01{border:1px solid var(--gray50);color:var(--gray80);background:#fff;}
.con-result_box{margin-top:3rem;}
.con-result_box .tit-standard{font-size:1.8rem;font-weight:700;color:var(--gray100);margin-bottom:1.6rem;} 
.con-result_box .total-wrap .bg-box{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);color:var(--primary01);font-size:2.4rem;font-weight:700;}
.con-result_box .total-wrap .bg-box > span{font-size:1.6rem;font-weight:normal;}
.con-result_box > .align-center{position:relative;colro:var(--gray100);fotn-size:1.8rem;font-weight:700;padding-top:9.6rem;text-align:center;margin:6rem 0;}
.con-result_box > .align-center:before{content:"";position:absolute;left:0;right:0;top:0;display:block;width:6.6rem;height:6.6rem;margin:0 auto;background:url(../images/icon-66-nodata.png) no-repeat 50% 50%/contain;}
.con-result_box > .align-center p:last-child{margin-top:1rem;font-size:1.6rem;font-weight:400;color:var(--gray90);}
.ico-alert + .list li{font-size:1.4rem;}
.ico-alert + .list.dash li:before{width:0.3rem;height:0.3rem;border-radius:50%;top:0.8rem;}

/*--- 외국인 보험  > 보험금 청구 ---*/
.layer-container .con-list.type03 > li {display:flex; align-items:center;}
.layer-container .con-list.type03 > li .pop-icon {display:inline-block;width:2.4rem;height:2.4rem;font-size:0; margin-right:0.8rem;margin-top:-0.2rem;}
.layer-container .con-list.type03 > li .pop-icon img {width: 100%;}
.Lbtn.btn-st31 {background:var(--gray10);color:var(--gray80);}
.Lbtn.btn-st31:active {background:var(--gray30);}
.readonly .btn-st32 {cursor:default;}
.Lbtn.btn-st32 {position:relative;flex:1;height:6.3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:1;text-align:left;min-height:6.3rem;font-weight:400;font-size:1.8rem;color:var(--gray70);padding-right:4.8rem;background:var(--gray10);border-radius:1.2rem;}
.Lbtn.btn-st32::after {content:"";background:url(../images/icon-24-down.png) no-repeat 50% 50%/contain;display:inline-block;width:2.4rem;height:2.4rem;position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);}
.Lbtn.btn-st32 > span:only-child {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.Lbtn.btn-st32.set-value {color:var(--gray100);}
.error .btn-st32::before, .error.btn-st32::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.2rem;border:1px solid var(--error) !important;z-index:0;}

.ico-alert{display:flex;color:var(--primary01);font-weight:700;}
.ico-alert:before{content:"";width:2.4rem;height:2.4rem;display:inline-block;background:url(../images/icon-24-alert.png) no-repeat center center / contain;margin-right:0.8rem;}
.radio-toggle_wrap{flex-direction:column;}
.radio-toggle_wrap .radio-toggle-cont{display:none;}
.radio-toggle_wrap .chk_ty:checked + label + .radio-toggle-cont{display:block;}
.ez-ins .tit-area .title{font-size:2.4rem;font-weight:700;color:var(--gray100);}
.radio-toggle-cont .cal-wrap{padding-top:2rem;}
.ez-ins .radio-toggle-cont dl dd{flex-direction:row;}
.ez-ins .radio-toggle-cont dl dd .inp + .inp{margin-left:0.8rem;margin-top:0}
.ez-ins .radio-toggle-cont .write:first-child, .ez-ins .radio-toggle-cont .check-wrap{margin-top:1.3rem;}
.ez-ins .radio-toggle-cont .check-wrap label{font-size:1.3rem;}
/* .ez-ins .agree-wrap .con-list li{padding-left:1.6rem;flex-wrap:nowrap;}
.ez-ins .agree-wrap .con-list li input[type="checkbox"]{min-width:2.4rem; width:2.4rem; height:2.4rem;border:1px solid var(--gray40);border-radius:0.6rem;background-color:#fff;}
.ez-ins .agree-wrap .con-list li input[type="checkbox"]:checked{background:var(--primary) url(../images/icon-form-check-white.png) no-repeat 50% 50%/2.4rem;border:0;} */
.terms-item{margin-top:3rem;border:1px solid var(--gray40); border-radius:1.2rem;display:flex; align-items:center; justify-content:flex-start;background:#fff;}
.terms-item .check-wrap{padding:2rem 0 2rem 1.6rem;}
.terms-item .check-wrap input{margin-right:0.8rem;}
.terms-item .check-wrap input[type="checkbox"]{min-width:2.4rem;width:2.4rem;height:2.4rem;border:1px solid var(--gray40);border-radius:0.6rem;background:#fff url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;}
.terms-item .check-wrap input[type="checkbox"]:checked{background:var(--primary) url(../images/icon-form-check-white.png) no-repeat 50% 50%/2.4rem;border:0;}
.terms-item.active .btn-st08{font-weight:700;}
.terms-item .btn-st08{padding:2rem 4rem 2rem 0;width:100%;height:auto; text-align:left;position:relative;font-size:1.6rem;color:var(--gray100);}
.terms-item .btn-st08:after{content:"";width:2.4rem;height:2.4rem;background:url("../images/icon-24-arrow-right.png") no-repeat center center/2.4rem; position:absolute; top:50%; transform:translateY(-50%); right:1.6rem;}
.ez-ins .agree-wrap + .mt40 + .mt50{margin-top:4rem;padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-secondary);}
.ez-ins .ico-alert + *{margin-top:2rem;}

/*--- 외국인 보험  > 서류제출 ---*/
.btn-st33{width:fit-content;height:auto;min-height:auto;border-radius:0;font-weight:400;padding:0 2rem 0 0;color:var(--primary01);background:url(../images/icon-24-arrow-primary.png) no-repeat right center / 2rem;}
.choice.mt25{margin-top:0 !important;}
.btn-area{display:flex;}
.btn-area.start{align-items:start;}
.ez-ins .stu_box04 .btn-wrap{margin-top:2rem !important;width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ez-ins .stu_box04 .btn-area .btn-wrap{margin-top:0 !important;}
.ez-ins .stu_box04 .btn-area .btn-wrap + .btn-wrap{margin-left:0.8rem;}
.ez-ins .stu_box04 .btn-wrap .btn-square-medium{width:100%;padding:0.8rem 1.2rem;height:auto;min-height:3.7rem;font-size:1.4rem;font-weight:700;border-radius:0.8rem;}
.ez-ins .stu_box04 .btn-wrap .btn-square-medium.complete{border-color:var(--gray50);color:var(--gray80);}
.ez-ins .stu_box04 .btn-wrap .btn-square-medium + .btn-st07{margin-top:1rem;}
.ez-ins .stu_box04 .btn-wrap button.btn-st07{height:100%; min-height:2.8rem; width:fit-content; padding:0.5rem 0; font-size:1.4rem;font-weight:400;}
.ez-ins .stu_box04 .btn-wrap .btn_tit{max-width:90%; font-size:1.5rem; color:#021715; text-align:center; margin-bottom:1.5rem;}	
.prod-info-wrap .list-section li .s-info .btn-st33{display:block; margin-left:auto; margin-top:0.8rem;}
.layer-contents .tit-area{margin-top:3rem;}
.prod-wrap .prod-info-wrap{padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);}
.prod-title-wrap{display:flex;align-items:flex-end;}
.prod-title-wrap .prod-tit{font-size:1.8rem;color:var(--gray100);font-weight:700;margin-right:0.8rem;}
.prod-title-wrap .prod-num{margin-bottom:0.1rem;font-size:1.4rem;color:var(--gray80);}
.prod-title-wrap + .prod-info-wrap{margin-top:1.6rem;}

/*--- 외국인 보험  > 청구내역조회 ---*/
/*** step ***/
/********** Step **********/
.step-wrap .step-view{display:flex; align-items:center; justify-content:space-between; height:2.1rem; margin:1.6rem 1.3rem 0.8rem;}
.step-view strong{position:relative;width:2.4rem; height:2.4rem; border:none; font-size:0; background:var(--gray30);border-radius:50%;z-index:1;}
.step-view strong:after{content:"";width:1.4rem;height:1.4rem;background:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;}
.step-view .line{height:0.5rem; background:var(--gray30); margin:0 -0.5rem; flex:1;}
.step-2 .step-view > strong:first-of-type + .line, .step-3 .step-view strong + .line{background:var(--primary);}
.step-1 .step-view > strong:first-of-type, .step-2 .step-view > strong:first-of-type, .step-3 .step-view > strong{width:2.4rem; height:2.4rem; border:none; background:var(--primary);}
.step-1 .step-view > strong:first-of-type:after, .step-2 .step-view > strong:first-of-type:after, .step-3 .step-view > strong:after{width:1.6rem;height:1.6rem;background:url(../images/icon-16-check.png) no-repeat center center / contain;}
.step-2 .step-view strong:nth-of-type(2){width:2.4rem; height:2.4rem; border:none; background:var(--primary);}
.step{display:flex; align-items:flex-start;}
.step > li{flex:1;  font-size:1.3rem; line-height:1.2; color:var(--gray80);}
.step > li:nth-child(2){text-align:center; margin:0 0.7rem;}
.step > li:last-child{text-align:right;}
.step-1 .step > li:first-of-type, .step-2 .step > li:nth-of-type(2), .step-3 .step > li:last-of-type{font-size:1.3rem; line-height:1.2; color:var(--gray100);}
.step-2.not-acc .step-view strong:nth-of-type(2), .step-3.not-acc .step-view strong:last-of-type{width:2.4rem; height:2.4rem; border:none; background:var(--gray90);}
.step-2.not-acc .step-view strong:nth-of-type(2):after, .step-3.not-acc .step-view strong:last-of-type:after{content:"";width:1.6rem;height:1.6rem;background:url(../images/icon-16-notic.png) no-repeat center center / contain;}

.toggle__wrap + .toggle__wrap{margin-top:3rem;}
.toggle__wrap .toggle__cont{display:none;}
.toggle__cont .prod-info-wrap{margin-top:3rem !important;}
.prod-wrap .Mbth{margin-top:2rem;height:auto;min-height:3.7rem;font-size:1.4rem;padding:0.8rem 1.2rem;border-radius:0.8rem;font-weight:700;background:var(--white);color:var(--primary);border:1px solid var(--primary)}
.step-contents-area{text-align:center;margin-top:3rem !important;}
.step-contents-area .title{font-size:1.8rem;font-weight:700;color:var(--gray100);}
.step-contents-area .txt-point-1{margin-top:1rem;}
.step-contents-area .state-wrap{margin-top:1rem;display:flex;align-items:center;justify-content:center;}
.step-contents-area .state-wrap .txt{font-size:1.4rem;color:var(--gray90);}
.step-contents-area .state-wrap .value{margin-left:0.8rem;font-size:1.6rem; color:var(--gray100);}
.step-contents-area .sub-txt{font-size:1.8rem;color:var(--gray100);font-weight:700;}
.toggle__btn{margin-top:3rem;}
.toggle__btn .button-section{align-items:center;}
.toggle__btn.on .button-section .btn-text-down:after{transform:rotate(180deg);}
.notice-txt_icon{color:var(--up);font-size:1.4rem;}
.notice-txt_icon:before{content:"*";display:inline-block;width:1.5rem;height:1.5rem;}

.layer-contents.align-left{text-align:left;}
.layer-contents .tit-st01{margin-top:3rem !important;}
.layer-contents .stu_box04.mt15{margin-top:1.6rem !important;}
.layer-contents .stu_box04 .btn-wrap{display:flex;flex-direction:column;align-items:center;}
.layer-contents .stu_box04 .btn-wrap .sbtn.btn-st07{padding:0;width:fit-content;font-size:1.4rem;font-weight:400;}
.layer-contents .stu_box04 .btn-wrap .btn-square-medium{width:100%;padding:0.8rem 1.2rem;height:auto;min-height:3.7rem;font-size:1.4rem;font-weight:700;border-radius:0.8rem;}
.layer-contents .stu_box04 .btn-wrap .btn-square-medium.complete{border-color:var(--gray50);color:var(--gray80);}

/*--- 보안/인증 > OTP이용등록/해지 ---*/
.htit-st01 + .write{margin-top:3rem !important;}
.write + .list{margin-top:2rem !important;}
.new_box_wr .tit-st05 + .list.dash{margin-top:2rem !important;}
.new_box_wr .tit-st05 + .list.dash:before{width:0.3rem;height:0.3rem;border-radius:50%;}
.new_box_wr .box .tit-st01 + .tit-st05{margin-top:1.6rem !important;}
.new_box_wr .tit-st05.mt20{margin-top:3rem !important;}
.board-wrap + .inp_phone_box{margin-top:2rem;}
.inp_phone_box .check_area{display:flex;align-items:flex-start;}
.inp_phone_box .check_area input[type="checkbox"]{width:1.6rem;min-width:1.6rem;height:1.6rem;margin-top:0.3rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;margin-right:0.8rem;}
.inp_phone_box .check_area input[type="checkbox"]:checked{background:url(../images/icon-form-check-on.png) no-repeat 50% 50%/1.6rem;border:0;}
.inp_phone_box .check_area + .check_area{margin-top:1.6rem;}

/*--- 보안/인증 > 모바일OTP인증번호생성 ---*/
.finish .box-top-desc ~ .list.dash li:before, .finish .board-wrap + .list.dash:before{width:0.3rem;height:0.3rem;border-radius:50%;} 
.finish .board-wrap + .list.dash{margin-top:2rem !important;}
.finish .board-wrap + .ta-c{text-align:left !important;}
.otp_new_box{text-align:center;}
.otp_new_box .stit{font-size:1.4rem;font-weight:400;color:var(--gray90);margin-bottom:1.6rem;}
.otp_new_box .otp_num {overflow:hidden;margin-bottom:3rem;display:flex;justify-content:center;} 
.otp_new_box .otp_num li {margin-right:0.8rem;display:inline-block;background:var(--gray30);border-radius:1.2rem;font-size:2.4rem;color:var(--gray90);font-weight:700;width:4.6rem;height:5.2rem;line-height:5.2rem;}
.otp_new_box .otp_num li:last-child {margin-right:0;}
.otp_new_box .stime{display:flex;align-items:baseline;justify-content:center;padding-bottom:1.6rem;line-height:normal;}
.otp_new_box .stime .num {font-size:6.0rem;color:var(--primary01);font-weight:400;margin-right:0.4rem;}
.otp_new_box .stime span {font-size:2.4rem;font-weight:700;color:var(--gray90);}
.otp_new_box .refresh{margin-top:1rem;height:auto;min-height:3.7rem;width:100%;padding:0.8rem 1.2rem;display:block;background:var(--white);border-radius:0.8rem;border:1px solid var(--gray50);color:var(--gray80);font-weight:700;font-size:1.4rem;text-align:center;}
.scroll.vbox > .box-foot-desc{margin-top:auto;text-align:center;}
.scroll.vbox > .box-foot-desc .sbtn{width:fit-content;height:auto;min-height:auto;border:0;border-bottom:1px solid var(--gray80);border-radius:0;padding:0;color:var(--gray90);font-size:1.6rem;font-weight:400;}
.scroll.vbox > .box-foot-desc .sbtn + .txt01{margin-top:1.6rem !important;}

/*--- 보안/인증 > 모바일OTP 발급/재발급 ---*/
.agree-detail-wrap .board td .list.dash li{margin-bottom:0;}
.agree-detail-wrap .board td .list.dash li:before{width:0.3rem;min-width:0.3rem;height:0.3rem;border-radius:50%;}
.board-wrap + .list.dash li .list.dash li:before{width:0.4rem;height:0.1rem;top:1rem;}

/*--- 보안/인증 > 인증서 폐기 ---*/
.tit-st01 + .cert_box_wr{margin-top:1.6rem;} 
.write-wrap + .txt-dash:before{width:0.3rem;height:0.3rem;border-radius:50%;}
.cert_nolog_Box{padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);}
.cert_nolog_Box .con_imp{margin:0 !important;}
.cert_nolog_Box .btn-arrow{font-size:1.8rem;display:block;width:100%;position:relative;padding-right:3.2rem;color:var(--gray100);font-weight:400;}
.cert_nolog_Box .on .btn-arrow{font-weight:700;}
.cert_nolog_Box .btn-arrow:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/icon-24-down.png) no-repeat 50% 50%/contain;width:2.4rem;height:2.4rem;}
.cert_nolog_Box .on .btn-arrow:after{transform:translateY(-50%) rotate(180deg)}
.cert_nolog_Box .con_imp + div{margin-top:2rem;display:none;}
.cert_nolog_Box .con_imp.on + div{display:block;}
.cert_nolog_Box img + .frg{margin-top:2rem;}
.cert_nolog_Box .txt_ex{margin-top:1rem;font-size:1.4rem;color:var(--gray80);}
.frg > li{counter-increment:num;position:relative;padding-left:2.8rem;text-align:left;color:var(--gray80);}
.frg > li:before{content:counter(num) " ";position:absolute;top:0.2rem;left:0;width:2rem;height:2rem;font-size:1.4rem;line-height:1.8rem;text-align:center;border:1px solid var(--gray80);border-radius:50%;}
.frg > li + li{margin-top:1.2rem;}

/*--- 보안/인증 > 인증서 갱신 ---*/
.agree-wrap .con-list li .btn-st08:after{display:none;}
.agree-wrap .con-list li .btn-st08{text-overflow:inherit;white-space:break-spaces;}
/* >>>>> 2차 삭제 */
.input-code-num.lock{margin-bottom:3rem;margin-top:0;}
.input-code-num.lock, .input-code-num strong{display:block;font-size:2rem;color:var(--gray100);font-weight:700;text-align:center;}
.input-code-num .tool-tip-wrap{vertical-align:super;font-weight:400;text-align:left;}
.input-code-num.lock .input-box{margin-top:3rem;}
.input-code-num.lock .lock_box .number{font-size:1.6rem;color:var(--gray90);}
.input-code-num.lock .lock_box .number .col01{color:var(--primary01);}
.input-code-num.lock .lock_box .input_box{margin-top:1.2rem;display:flex;align-items:center;justify-content:center;}
.input-code-num.lock .lock_box .input_box input{width:4.6rem;height:5.2rem;background:url("../images/img-sprite-input-01.png") no-repeat;background-size:4.6rem;font-size:0;}
.input-code-num.lock .lock_box .input_box input.add_stl{background-position:center bottom;}
.input-code-num.lock .lock_box .input_box input + input{margin-left:0.8rem;}
.input-code.pw p[class*="pw-"]{margin-top:3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}
.input-code.pw p[class*="pw-"] span{font-size:1.6rem;font-weight:700;}
.input-code.pw p[class*="pw-"] span em{color:var(--primary01)}
.input-code.pw p[class*="pw-"] input{margin-top:1.2rem;width:18.6rem;height:5.2rem;color:#fff; background-image:url("../images/img-sprite-input-02.png"); background-repeat: no-repeat; background-size:18.6rem;font-size:0;}
.input-code.pw p.pw-1 input, .input-code.pw p.pw-1 input:focus {background-position: 0 0;} 
.input-code.pw p.pw-1 input.v-length-1 {background-position:0 -7.2rem;}
.input-code.pw p.pw-1 input.v-length-2 {background-position:0 -14.4rem;}
.input-code.pw p.pw-2 input, .input-code.pw p.pw-2 input:focus {background-position: 0 -21.6rem;} 
.input-code.pw p.pw-2 input.v-length-1 {background-position:0 -28.8rem;}
.input-code.pw p.pw-2 input.v-length-2 {background-position:0 -36rem;}
.input-code + .list.dash{margin-top:3rem;}
.input-code + .list.dash li{text-align:center;padding:0;}
.input-code + .list.dash li:before{display:none;}
/* <<<<< 2차 삭제 */ 
.input-code-lock + .input-code-lock {margin-top:3.0rem;}
.input-code-lock .htit-st03 {text-align:center;}
.input-code-lock .tool-tip-wrap {vertical-align:super;font-weight:400;text-align:left;}
.input-code-lock .lock-box {margin-top:1.6rem;display:flex;align-items:center;justify-content:space-between;}
.input-code-lock .lock-box .number {font-size:1.4rem;verticl}
.input-code-lock .lock-box .number .col01 {color:var(--primary01);}
.input-code-lock .lock-box .number strong {vertical-align:text-bottom;font-weight:700;}
.input-code-lock .lock-box .input-box {margin-left:1.0rem;display:flex;align-items:center;}
.input-code-lock .lock-box .input-box span {display:inline-flex;width:4.8rem;height:4.8rem;background:var(--gray30);border-radius:1.2rem;font-size:0;}
.input-code-lock .lock-box .input-box span + span {margin-left:0.8rem;}
.input-code-lock .lock-box .input-box input {margin:1.6rem;width:1.6rem;height:1.6rem;text-align:center;font-size:0;}
.input-code-lock .lock-box .input-box input.add_stl {background:var(--gray70);border-radius:50%;}
.input-code-lock .input-code.pw > div {margin-top:1.6rem;display:flex;align-items:center;justify-content:space-between;flex-direction:row;}
.input-code-lock .input-code.pw > div span {font-size:1.4rem;}
.input-code-lock .input-code.pw > div span em {color:var(--primary01);font-weight:700;}
.input-code-lock .input-code.pw .input-box {margin-left:1.0rem;min-width:16.0rem;height:4.8rem;display:flex;align-items:center;position:relative;padding:0 1.6rem;}
.input-code-lock .input-code.pw .input-box input {position:absolute;top:0;width:8.0rem;height:4.8rem;background:var(--gray30);border-radius:1.2rem;font-size:0;}
.input-code-lock .input-code.pw .input-box em {width:1.6rem;height:1.6rem;text-align:center;border-radius:50%;background:var(--gray70);}
.input-code-lock .input-code.pw .input-box em + em {margin-left:1.6rem;}
.input-code-lock .input-code.pw .input-box em:nth-of-type(3) {margin-left:3.2rem;}
.input-code-lock .input-code.pw .pw-1 .input-box {justify-content:flex-end;}
.input-code-lock .input-code.pw .pw-1 .input-box em:nth-of-type(1),
.input-code-lock .input-code.pw .pw-1 .input-box em:nth-of-type(2) {background:transparent;}
.input-code-lock .input-code.pw .pw-1 input {left:0;}
.input-code-lock .input-code.pw .pw-1 .v-length-1 ~ em:nth-of-type(1),
.input-code-lock .input-code.pw .pw-1 .v-length-2 ~ em:nth-of-type(n+1):nth-of-type(-n+2)  {background:var(--gray70);}
.input-code-lock .input-code.pw .pw-2 .input-box {justify-content:flex-start;}
.input-code-lock .input-code.pw .pw-2 .input-box em:nth-of-type(3),
.input-code-lock .input-code.pw .pw-2 .input-box em:nth-of-type(4) {background:transparent;}
.input-code-lock .input-code.pw .pw-2 input {right:0;}
.input-code-lock .input-code.pw .pw-2 .v-length-1 ~ em:nth-of-type(3),
.input-code-lock .input-code.pw .pw-2 .v-length-2 ~ em:nth-of-type(n+3):nth-of-type(-n+4)  {background:var(--gray70);}

.input-code + .list.dash {margin-top:3rem;}
.input-code + .list.dash li {text-align:center;padding:0;}
.input-code + .list.dash li:before {display:none;}

/*--- 보안/인증 > 타기관/타행인증서 등록 ---*/
.error-txt .txt-spe, .error-txt .txt-spe:before{color:var(--up);}
.cert_box02{padding:2rem 1.6rem;border-radius:1.6rem;background:var(--bg-gray100);}
.cert_box02 + .list{margin-top:2rem;}
.cert_box02 + .list.dash > li:before{width:0.3rem;height:0.3rem;border-radius:50%;} 
.col_txt01{color:var(--primary);}
.txt-dash + .cert_nolog_Box{margin-top:3rem;}
.scroll .con_imp{font-size:1.8rem;color:var(--gray100);font-weight:700;}
.scroll .con_imp + .list{margin-top:1rem;}
.scroll .con_imp + .list.dash li:before{width:0.3rem;height:0.3rem;border-radius:50%;}
.list.dash ~ .con_imp, .cert_box01 + .con_imp{margin:3rem 0 1.6rem;font-size:1.8rem;font-weight:700;color:var(--gray100);}
.board-wrap + .txt-spe{margin-top:2rem;}
.list + .cert_box01{margin-top:3rem;}
.cert_box01{padding:0.3rem 1.6rem;border-radius:1.2rem;background:var(--bg-gray100);}
.cert_box01 li{display:flex; align-items:center;justify-content:space-between;padding:1.6rem 0 1.6rem;}
.cert_box01 li + li{border-top:1px solid var(--gray30);}
.cert_box01 li > span:first-child{width:35%;text-align:left;font-size:1.4rem;font-weight:400;}
.cert_box01 li > span:last-child{text-align:right;flex:1;font-size:1.6rem;color:var(--gray100);}
.cert_box01.type02{padding:0;border-radius:0;background:transparent;}
.cert_box01.type02 li{position:relative;padding:1.6rem;display:block;border-radius:1.2rem;text-align:left;}
.cert_box01.type02 li + li{border:0;}
.cert_box01.type02 li input {position:absolute;margin:-1px;}
.cert_box01.type02 li label{display:inline-block;padding-left:3.2rem;background:url(../images/icon-form-radio-off.png) no-repeat left top/2.4rem;min-height:2.4rem;width:100%;}
.cert_box01.type02 li input:checked + label{background-image:url(../images/icon-form-radio-on.png);}
.cert_box01.type02 li .txt{padding-left:3.2rem;margin-top:0.3rem;}
.cert_box01.type02 li .txt .imp{font-weight:700;vertical-align:baseline;}
.cert_box01.type02 li.on{background:var(--bg-secondary);}
.cert_box01.type02 li.on label, .cert_box01.type02 li.on .txt{color:var(--primary01);font-weight:700;}
.cert_box01.type02 + .txt-spe{margin-top:1rem;}
.scroll .space40 + .con_imp, .space40 + .pw-input{margin-top:-1rem;}

/*--- 한국라이프 > 이용가이드 ---*/
.img-box.guidebook{margin:0 auto 5rem;width:15rem;height:15rem;background:url(../images/img-150-guide.png) no-repeat center center/contain;}
.tax-img-list .lists.type03 .info01:before {background:url(../images/icon-24-guide01.png) no-repeat center center/contain}
.tax-img-list .lists.type03 .info02:before {background:url(../images/icon-24-guide02.png) no-repeat center center/contain}
.tax-img-list .lists.type03 .info03:before {background:url(../images/icon-24-guide03.png) no-repeat center center/contain}

/*--- 한국라이프 > 일요일 영업점 안내 ---*/
.has-ico {padding-left:3.6rem;background:url(../images/icon-28-sun.png) no-repeat left top 0.5rem/2.8rem}
.ico-copy{width:2rem;height:2rem;background:url(../images/ico-20-copy.png) no-repeat center center/contain;}
.info-cont .tit-wrap .htit-st03.line{width:100%;display:flex;}
.info-cont .tit-wrap .htit-st03.line:after{content:"";display:inline-block;width:100%;height:1px;background: var(--gray30);flex:1;margin:1.3rem 0 0 0.8rem;}
.con-card-box .prod-cont{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid var(--gray30);}
.prod-cont .info-wrap + .info-wrap{margin-top:1.6rem;}
.prod-cont .info-wrap .htit-st04{color:var(--gray100);}
.prod-cont .info-wrap .hbox button{margin-left:0.3rem;}
.prod-cont .txt-small{margin-top:1rem}
.prod-cont .button-section{margin-top:2rem;}
.prod-cont .button-section .sbtn{height:auto;}
.prod-cont .button-section .sbtn:before{content:"";display:inline-block;width:1.6rem;height:1.6rem;vertical-align:-0.2rem;margin-right:0.3rem;background:url(../images/icon-16-location.png) no-repeat center center / contain;}
.info-img-wrap{margin-top:3rem;}
.copyright-txt{position:relative;display:block;padding-left:2rem;margin-top:0.8rem;font-size:1.4rem;color:var(--gray80);}
.copyright-txt:before{content:"©";width:1.6rem;height:1.6rem;position:absolute;left:0;top:50%;transform:translateY(-50%);margin-right:0.3rem;font-size:2rem;line-height:1.4rem;}
.info-img-wrap img{border-radius:1.6rem;}
.info-img-wrap + .tit-wrap .htit-st03{margin-bottom:2rem;}

/*--- 한국라이프 > EZ 앱 도움말 ---*/
.tab-slide-wrap.toggle-type{padding-bottom:1.2rem;min-height:7.5rem;}
.tab-slide-wrap.toggle-type ul{padding:0 4.8rem 0 2rem;}
.tab-slide-wrap.toggle-type li:first-child{margin-left:0;}
.tab-slide-wrap.toggle-type li:last-child{padding-right:0;}
.tab-slide-wrap.toggle-type .unit {background:linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, var(--white) 23%);}
.tab-slide-wrap .btn-toggle {position:absolute;right:1.6rem;top:0.7rem;width:2.4rem;height:2.4rem;background:url(../images/icon-24-down.png) no-repeat 0 0/contain;font-size:0;}
.tab-slide-wrap.toggle-type ul.open{flex-wrap:wrap;}
.tab-slide-wrap.toggle-type ul.open li{margin:0 0.8rem 0.8rem 0; max-width:100%;}
.tab-slide-wrap.toggle-type ul.open li:last-child{margin-right:0;}
.tab-slide-wrap.toggle-type ul.open + .unit .btn-toggle{transform:rotate(180deg);}
.help-wrap .help-cont{margin-bottom:3rem;}
.help-wrap .help-cont:last-child{margin-bottom:0;}
.help-cont .tit-st06{margin:3rem 0 1.2rem;}
.help-cont .cont .tit-st06:first-child{margin-top:0;}
.help-cont .tit-wrap .htit-st03{margin-bottom:2rem;}

/*--- 증명서 > 전자문서지갑 가입 ---*/
.img-box.document-box{margin:0 auto 5rem;width:15rem;height:15rem;background:url(../images/img-150-document.png) no-repeat center center/contain;}
.document-img-list ul li{position:relative;display:flex;flex-direction:column;padding-left:4.3rem;}
.document-img-list ul li:before{content:"";width:2.4rem;height:2.4rem;position:absolute;top:2rem;left:1.6rem;}
.document-img-list ul .document01:before{width:2rem;height:2rem;top:2.2rem;left:1.8rem;border-radius:50%;background:url(../images/icon-24-document01.png) center center / 2.4rem;}
.document-img-list ul .document02:before{background:url(../images/icon-24-document02.png) center center / contain;}
.document-img-list ul .document03:before{background:url(../images/icon-24-document03.png) center center / contain;}
.document-img-list ul li strong{font-size:1.8rem;font-weight:700;color:var(--gray100);}
.document-img-list ul li p{margin-top:0.3rem;display:flex;flex-direction:column;font-size:1.4rem;color:var(--gray90);}/* 2차 삭제예정 */

/*--- MyEZ > 자주쓰는 계좌관리 ---*/
.account-toggle .account-box{padding:0 3.2rem 0 0;background:url(../images/icon-24-arrow-right.png) no-repeat right center / 2.4rem;}
.account-toggle .account-toggle-wrap .toggle-anchor{margin-top:2rem;padding-top:2rem;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--gray30);font-size:1.4rem;color:var(--gray80)}
.account-toggle .account-toggle-wrap .toggle-anchor:after{content:"";width:2rem;height:2rem;display:inline-block;transform:translateY(0);background:url(../images/icon-24-down-gray.png) center center / contain}
.account-toggle .account-toggle-wrap .toggle-anchor.on{margin:0;border:0;}
.account-toggle-wrap .toggle-anchor.on:after, .write-toggle-wrap .toggle-anchor.on:after{transform:rotate(180deg);}
.account-toggle .account-toggle-wrap .toggle-con{margin-top:1.6rem;display:none;}
.img-box.account01{width:15rem;height:15rem;margin:0 auto 5rem;background:url(../images/img-150-account01.png) no-repeat 50% 50% / contain;}
.account-toggle-wrap{margin-top:3rem;}
.account-toggle-wrap .toggle-con{display:none;}
.account-toggle-wrap .toggle-anchor{margin-top:3rem;padding-right:0;display:flex;align-items:center;justify-content:center;color:var(--gray80);}
.account-toggle-wrap .toggle-anchor:after{content:"";width:2.4rem;height:2.4rem;display:inline-block;transform:translateY(0);background:url(../images/icon-24-down-gray.png) center center / contain;position:inherit;}
.account-toggle-wrap .inp .unit + input:placeholder-shown{text-align:left;}
.account-toggle-wrap .inp .unit + input{text-align:right;}
.bank-btn-wrap{margin:0.7rem -0.5rem -0.5rem !important;width:calc(100% + 1rem) !important;display:flex;align-items:center;flex-wrap:wrap;}
.bank-btn-wrap .bank-btn{margin:0.5rem;}
.bank-btn{display:flex;align-items:center;padding:0.8rem 1.3rem;border-radius:2.4rem;background:var(--bg-gray100);font-size:1.4rem;color:var(--gray90);}
.bank-btn .bank-ci{width:1.6rem;height:1.6rem;margin-right:0.3rem;}
.bank-btn .bank-ci img{vertical-align:top;}
.account-btn-wrap{margin-top:1.2rem !important;display:flex;align-items:center;justify-content:center;}
.account-btn-wrap .bank-btn{padding: 1rem 3.4rem 1rem 1.4rem;background:var(--bg-gray100) url(../images/icon-24-arrow-right.png) no-repeat right 1.4rem center / 2rem;}

/*--- MyEZ > 순서변경 ---*/
.shuffle-wrap{display:flex;flex-direction:column;}
.shuffle-type {display:inline-flex;align-items:center;margin-left:auto;margin-bottom:1.6rem;padding:0.2rem;background:var(--gray20);border-radius:0.8rem;}
.shuffle-type-click {width:2rem;height:2rem;margin-left:0.7rem;background:url(../images/icon-20-sortable-handle-off.png) no-repeat 50% 50%;background-size: 100%;}
.shuffle-type-click.is-active{width:3rem;height:2.8rem;margin:0;padding:0.4rem;border-radius:0.6rem;background-color:var(--white);background-image:url(../images/icon-20-sortable-handle-on.png);background-size:2rem;}
.shuffle-type-drag {width:2rem;height:2rem;margin:0 0.7rem 0 0.9rem; background: url(../images/icon-20-sortable-drag-off.png) no-repeat 50% 50%; background-size: 100%;}
.shuffle-type-drag.is-active {width:3rem;height:2.8rem;margin-right:0;padding:0.4rem;border-radius:0.6rem;background-color:var(--white);background-image:url(../images/icon-20-sortable-drag-on.png);background-size:2rem;}
.shuffle-list-button {position:absolute;top:50%;right:1.6rem;width:3rem;height:2.8rem;padding:0.4rem;transform:translateY(-50%);background:var(--white) url(../images/icon-20-sortable-drag-on.png) no-repeat 50% 50%/2rem;border-radius:0.6rem;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.08);}
.shuffle-list .account-box{background:var(--gray10);padding-right:5.8rem;}
.shuffle-list .account-box.is-active {z-index: 5;background: var(--gray10);border:1px solid var(--gray40);box-shadow:0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.15);}
.shuffle-list .account-box .account-shuffle{display:flex;}.
.shuffle-list .account-box .account-nick{color:var(--gray100);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.shuffle-list.drag-mode .sortable-handle{display:none;} 
.shuffle-list.arrow-mode .shuffle-list-button{display:none;}
.shuffle-list li .sortable-handle{display:flex;position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);height:calc(100% - 4rem);flex-direction:column;}
.shuffle-list li .sortable-handle button + button{margin-top:auto;}
.shuffle-list li .handle-up,
.shuffle-list li .handle-down {position:relative;display:block; width:3rem;height:2.8rem;background-color:var(--white);border-radius:0.6rem;box-shadow:0.1rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.08);}
.shuffle-list li .handle-up:after{content:"";width:2rem;height:2rem;position:absolute;top:0.4rem;left:0.5rem;background:url(../images/icon-20-sortable-arrow-on.png) no-repeat 50% 50%/contain;transform:rotate(-180deg);}
.shuffle-list li .handle-down:after{content:"";width:2rem;height:2rem;position:absolute;top:0.4rem;left:0.5rem;background:url(../images/icon-20-sortable-arrow-on.png) no-repeat 50% 50%/contain;}
.shuffle-list li .handle-up:disabled,
.shuffle-list li .handle-down:disabled {box-shadow:none;}
.shuffle-list li .handle-up:disabled:after,
.shuffle-list li .handle-down:disabled:after {background-image:url(../images/icon-20-sortable-arrow-off.png);}
.icon-line { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*--- 증명서 > 2차  ---*/
.scroll .bg-gray .content-top .htit-st01 + .bg-box.mt30{margin-top:3rem !important;}
.document-img-list ul li strong + .list{margin-top:2rem;}
.document-img-list ul li .list.dot > li::before{left:0;}
.cert-box01{background:#effafb;}
.cert-box02{background:#f9f6ff;}
.cert-box03{background:#fbf9ec;}
.cert-box04{background:#effaf1;}

/*--- 보안/인증 > 자동연결관리 ---*/
.connect-list-wrap {padding-top:4.0rem;}
.connect-list-wrap .main-tit {font-size:2.0rem;font-weight:500;line-height:2.8rem;color:#000;text-align:center;margin-bottom:4.0rem !important;}
.connect-list-wrap .main-tit span {font-size:1.6rem;font-weight:500;line-height:2.4rem;color:#009591 !important;margin-bottom:0.4rem;display:block;}
.connect-list-wrap .default-text {font-size:1.6rem;font-weight:500;color:#000;text-align:center;}
.connect-list {margin-top:2.4rem;}
.connect-list li {display:flex;align-items:center;justify-content:flex-start;border-radius:1.2rem;border:1px solid #d9d9d9;height:5.7rem;padding:0 1.8rem 0 2.4rem;}
.connect-list li::before {content:'';display:inline-block;width:1.6rem;height:1.6rem;margin-right:0.4rem;background:url(../../resource/images/ez-new/icon_check_sm_default.png) no-repeat 0 0/contain;vertical-align:text-top;}
.connect-list li.input--focus {border-color:#009591;}
.connect-list li.input--focus::before {background-image:url(../../resource/images/ez-new/icon_check_sm_active.png);}
.connect-list li input {position:relative;font-size:1.5rem;font-weight:400;color:#000;line-height:2.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:2.0rem;flex:1;}
.connect-list li input:read-only {pointer-events:none;}
.connect-list li .btn-wrap {margin-left:auto;}
.connect-list li [class*=btn] {width:6.2rem;flex:0 0 6.2rem;}
.connect-list li .btn-modify {width:2.0rem;height:2.0rem;margin-left:0.8rem;flex:0 0 2.0rem;background:url(../../resource/images/ez-new/icon_setting_modify.png) no-repeat 0 0/contain;}
.connect-list li .btn-delete {width:2.0rem;height:2.0rem;margin-left:0.8rem;flex:0 0 2.0rem;background:url(../../resource/images/ez-new/icon_setting_delete.png) no-repeat 0 0/contain;}
.connect-list li .btn-connect {width:2.0rem;height:2.0rem;margin-left:0.8rem;flex:0 0 2.0rem;background:url(../../resource/images/ez-new/icon_setting_connect.png) no-repeat 50% 50%/2.6rem;cursor:default;}
.connect-list li .btn-modify-done {width:2.0rem;height:2.0rem;margin-left:0.8rem;flex:0 0 2.0rem;background:url(../../resource/images/ez-new/icon_setting_modify.png) no-repeat 0 0/contain;}
.connect-list li .btn-cancel {width:2.0rem;height:2.0rem;margin-left:0.8rem;flex:0 0 2.0rem;background:url(../../resource/images/ez-new/icon_setting_cancel.png) no-repeat 50% 50%/contain;}
.connect-list li + li {margin-top:1.6rem;}
.connect-list-wrap .add_txt02 {color:#637079;margin-top:4.0rem;}

.dimmed{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;opacity:.4;z-index:50;pointer-events:all;touch-action:none;}

/* ========================================================================================= */
#acctAsdDtmBtn {height:2.5rem;width:7.6rem;padding:0;letter-spacing:-0.5px;min-height:2rem;top:3.65rem; position: absolute; right: 0;background:#fff;border:1px solid #929292;color:#637079;}/* 오픈뱅킹 5년 동의만료버튼 */
.box > .list.dash li:before, 
.write + .txt-dash:before, 
.board-wrap + .txt-dash:before, 
.board-wrap + .txt-dash-2:before, 
.agree-wrap + .txt-dash-2:before, 
.board-wrap + .list.dash li:before, 
.exchange-wrap + .txt-dash:before, 
.board-wrap + .txt-dash ~ .txt-dash:before {content:'';position:absolute;left:0;top:1.1rem;width:3px;height:3px;border-radius:50%;background:var(--gray80);}
.pad_l {padding:3.0rem 2.0rem 3.0rem;}
.pad_l + .scroll {padding-top:0;}
.terms-item label.chk-st02 {padding:0 1.6rem 0 3.2rem;position:relative;}
.terms-item label.chk-st02 input {position:absolute;left:0;top:50%;transform:translateY(-50%);}

/*--- 해외송금 ---*/
.box-top-desc {text-align:left;}
.box-top-desc .mtxt {font-size:2.4rem;font-weight:700;color:var(--gray100);}
.box-top-desc .mtxt-2 {font-size:2.4rem;font-weight:700;color:var(--gray100);}
.box-top-desc .mtxt + .stxt {margin-top:1.0rem;}
.box-top-desc .stxt {color:var(--gray90);display:flex;align-items:center;font-size:1.6rem;}
.box-top-desc .Lbtn.btn-st04::after {top:0.1rem;background-image:url(../images/icon-24-arrow-right-gray.png);}
.box-top-desc .Lbtn.btn-st04 + .stxt {display:block;}
.box-top-desc .s-info {background:#fff;border-radius:1.2rem;padding:1.8rem 1.6rem;}
.box-top-desc .s-info span {display:flex;align-items:center;justify-content:space-between;}
.box-top-desc .s-info em:first-child {font-size:1.8rem;color:var(--gray90);}
.box-top-desc .s-info em:last-child {font-size:2.4rem;font-weight:700;color:var(--gray100);}
.wrap.bg-gray .box-top-desc .mtxt {font-size:2.4rem;display:block;}

.rmt-guide .img-wrap.visual {margin-top:0;width:12rem;height:12rem;background:0}
.rmt-guide .img-wrap.visual + .box {margin-top:2rem}
.rmt-guide .img-wrap:not(.visual) {margin-top:3rem;width:4rem;height:4rem}
.rmt-guide .img-wrap:not(.visual) + .box {margin-top:1.6rem}
.rmt-guide .img-wrap:not(.visual) + .box + .bg-box {margin-top:3rem}
.rmt-guide .img-wrap:not(.visual) + .box .box-top-desc .mtxt-2 {margin-top:1rem;color:var(--gray90);font-size:1.8rem}
.rmt-guide .img-wrap:not(.visual) + .box .box-top-desc .stxt {margin-top:0.3rem;color:var(--grya80);font-size:1.4rem}

/* 은행,국가, 통화 검색 */
.search-wrap {position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--gray10);border-radius:1.2rem;}
.search-wrap input {flex:1;height:6.3rem;padding:1.8rem 1.6rem;color:var(--gray100);font-size:1.8rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:1;border-radius:1.2rem;line-height:6.3rem;}
.content > .search-wrap {margin:2.0rem 2.0rem 3.0rem;width:calc(100% - 4.0rem);}
.search-data {display:flex;justify-content:flex-start;align-items:center;padding:0 2.0rem 1.6rem;}
.search-data p {color:var(--gray100);font-size:1.8rem;}
.search-data p > span {font-weight:700;margin-left:0.4rem;}
.search-wrap ~ .scroll, .search-data ~ .scroll {padding-top:0;}
.search-wrap ~ .scroll .no-data {margin-top:calc(6.0rem + 1.0rem);}
.search-data ~ .scroll .no-data {margin-top:calc(6.0rem - 1.6rem);}
.search-wrap input {padding-right:4.8rem;}
.search-wrap .focus input {padding-right:8.8rem;}
.search-wrap .btn-sch {position:absolute;right:0;top:50%;transform:translateY(-50%);}
.search-wrap .btn-del {right:4.0rem;}

.bank_search_wr .bank_search_tit {font-size:2.4rem;font-weight:bold;margin-bottom:1.6rem;}
.bank_search_wr .con-list, .con-list.search {border:0;}
.bank_search_wr .con-list li {position:relative;padding:2.0rem 1.6rem;margin-bottom:1.6rem;}
.bank_search_wr .con-list li::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid var(--gray40);border-radius:1.6rem;}
.bank_search_wr .con-list li:last-child {margin-bottom:0;}
.bank_search_wr .con-list strong {font-size:1.8rem;font-weight:700;color:var(--gray100);}
.bank_search_wr .con-list .bank-name {display:block;margin-top:0.3rem;color:var(--gray80);font-size:1.4rem;font-weight:700}
.bank_search_wr .con-list em {display:block;color:var(--gray90);font-size:1.4rem;margin-top:0.3rem;}
.bank_search_wr .con-list li.is-active::before {border:2px solid var(--primary);}
.bank_search_wr .con-list li.is-active * {color:var(--primary);}
.search-data.type_bic{margin:0 -1.6rem;}
.bank_search_wr .search-data {padding:0 0 1.6rem;}
.bank_search_wr .search-emp li {border:0;}
.bank_search_wr .search-emp em {margin-top:0;font-size:1.6rem;color:var(--gray100);}
.bank_search_wr .search-emp small {font-size:1.4rem;color:var(--gray80);}
 
/* 송금정보 */
.box-top-desc .Lbtn.btn-st04 {display:block;width:100%;text-align:left;padding:0;font-weight:700;font-size:1.8rem;color:var(--gray100);height:auto;min-height:auto;border-radius:0;}
.box-top-desc .Lbtn.btn-st04 + .stxt, .box-top-desc .mtxt-2 + .stxt {margin-top:1.0rem;}

.con-v-list li {position:relative;}
.con-v-list li + li {margin-top:1.6rem;}
.con-v-list .v-data {display:block;width:100%;background:var(--gray10);border-radius:1.6rem;padding:2rem 1.6rem;}
.con-v-list .v-data span:not(.v-type) {display:block;}
.con-v-list .v-name {color:var(--gray100);font-size:1.6rem;font-weight:700;margin-top:0.6rem;word-break:break-word !important;}
.con-v-list .v-date {color:var(--gray80);font-size:1.4rem}
.con-v-list .v-c-unit {color:var(--gray100);font-size:1.8rem;}
.con-v-list .v-cur {color:var(--gray100);font-size:1.8rem;font-weight:bold;margin-left:0.3rem;}
.con-v-list .v-data .right {display:flex;align-items:center;justify-content:flex-end;margin-top:0.8rem;}
.con-v-list .btn-view {position:absolute;top:2.0rem;right:1.6rem;background:url(../images/icon-20-more.png) no-repeat 50% 50%/contain;width:2.0rem;height:2.0rem;font-size:0;}
.tool-tip-list li + li {margin-top:1.2rem;}
.tool-tip-list li .list.dot {text-align:left;margin-top:0.6rem;font-size:1.4rem;color:#fff;}
.tool-tip-list li .list.dot::before {background:#fff;}
.tool-tip > *:not(.tool-tip-bg):not(.btn-close) + .list.dot {margin-top:2.0rem;}
.tool-tip .list.dot li + li {margin-top:0.8rem;}
.tool-tip .list.dot *::before {background:#fff;}
.v-type {border-radius:0.6rem;display:inline-block;padding:0.2rem 0.6rem;height:2.2rem;font-size:1.2rem !important;color:#fff;}
.v-type.v01 {background:#50709f;}	/* Western Union */
.v-type.v02 {background:var(--primary01);}	/* Bank */
.v-type.v03 {background:#3e61c3;}	/* Direct */
.v-type.v04 {background:#7048b5;}	/* WU Wallet */
.v-type.v-ach {background:#2d6ef1;}	/* Bene-fit */

.btn-add-list {position:relative;width:100%;border-radius:1.6rem;background:var(--gray10);padding:2.0rem 1.6rem;margin-top:1.6rem;}
.btn-add-list span {font-size:1.8rem;color:var(--gray90);position:relative;}
.btn-add-list span::before {content:'';display:inline-block;margin:0.2rem 0.4rem 0 0;width:2.0rem;height:2.0rem;background:url(../images/icon-16-plus.png) no-repeat 50% 50%/1.6rem;vertical-align:text-top;}

.rmt-start-visual {position:relative;width:20.0rem;height:20.0rem;margin:5.0rem auto;background:#d9d9d9;}
.rmt-start-visual::before {content:'image';position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.button-transfer {margin-bottom:3.0rem;}
.button-transfer .Lbtn {padding:1.6rem 4.8rem 1.6rem 1.6rem;font-size:1.6rem;width:100%;text-align:left;}
.button-transfer .Lbtn + .Lbtn {margin-top:1.6rem;}
.button-transfer .Lbtn.btn-st01 {background:var(--primary) url(../images/icon-24-arrow-white.png) no-repeat right 1.6rem top 50%/2.4rem;}
.button-transfer .Lbtn.btn-st02 {background:var(--bg-secondary) url(../images/icon-24-arrow-primary.png) no-repeat right 1.6rem top 50%/2.4rem;}
.bg-box .btn_inner .tit01 {font-size:1.8rem;font-weight:700;color:var(--gray100);}
.bg-box .btn_inner .tit01 + p {margin-top:0.8rem;}

.banked_tg {margin-top:3.0rem;}
.banked_tg > li, .banked_tg > dt {position:relative;padding:2.0rem 1.6rem;border-radius:1.6rem;background:var(--gray10);}
.banked_tg > li + li, .banked_tg > dd + dt {margin-top:1.6rem;}
.banked_tg .tgl-st {position:relative;display:block;padding-right:3.2rem;cursor:pointer;font-size:1.8rem;font-weight:400;color:var(--gray100);}
.banked_tg .tgl-st::after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/icon-24-down.png) no-repeat 50% 50%/contain;width:2.4rem;height:2.4rem;}
.banked_tg .on .tgl-st {font-weight:700;}
.banked_tg .banked_tg_con {display:none;margin-top:2.0rem;}
.banked_tg > dt {padding-right:4.8rem;cursor:pointer;font-size:1.8rem;font-weight:400;color:var(--gray100);}
.banked_tg > dt::after {content:'';position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);background:url(../images/icon-24-down.png) no-repeat 50% 50%/contain;width:2.4rem;height:2.4rem;}
.banked_tg dd {position:relative;padding:0 1.6rem 2.0rem;border-radius:0 0 1.6rem 1.6rem;background:var(--gray10);display:none;}
.banked_tg dt.on {font-weight:700;border-radius:1.6rem 1.6rem 0 0;}
.banked_tg .on .tgl-st::after, .banked_tg dt.on::after {transform:translateY(-50%) rotate(-180deg);}
.banked_tg .on .banked_tg_con, .banked_tg .on + dd {display:block;}

.banked_tg .add_txt {border-top:1px solid #dde4e7;margin-top:1.2rem;padding-top:1.2rem;color:#8e9796;font-size:1.3rem;}
.banked_tg .add_txt02, .banked_tg .con_txt {color:var(--gray80);}
.banked_tg .tit01 {display:block;margin:3.0rem 0 2.0rem;font-weight:700;}
.banked_tg .tit03{color:var(--gray80);font-size:1.4rem;font-weight:700;display:block;}
.banked_tg .tit03 + .dash {font-size:1.4rem;}
.banked_tg .inner > .tit03:first-child {margin-top:1.0rem;}
.banked_tg > ul.dot li {position:relative;text-align:left;color:var(--gray80);padding-left:1.1rem;margin-top:1.2rem;}
.banked_tg > ul.dot li::before {content:'';position:absolute;left:0;top:1.1rem;width:3px;height:3px;border-radius:50%;background:var(--gray80);}
.banked_tg .list.dot + .list.dash {margin-left:1.1rem;margin:1.0rem 0 1.2rem;font-size:1.4rem;}
.banked_tg .num > li {margin-top:1.2rem;}
*:not(ul):not(ol).list.dot {position:relative;padding-left:1.1rem;text-align:left;color:var(--gray80);}
*:not(ul):not(ol).list.dot::before {content:'';position:absolute;left:0;top:1.0rem;width:3px;height:3px;border-radius:50%;background:var(--gray80);}
*:not(ul):not(ol).list.dash {position:relative;padding-left:1.1rem;text-align:left;color:var(--gray80);}
*:not(ul):not(ol).list.dash::before {content:'';position:absolute;left:0;top:1.0rem;width:4px;height:1px;background:var(--gray80);}
.banked_tg .tit-st05 {margin:3.0rem 0 2.0rem;}
.banked_tg .tit-st05:first-child {margin-top:0;}
.banked_tg .tit-st05 + .tit-st06 {margin-top:2.0rem;}
.banked_tg .tit-st06 {margin:3.0rem 0 1.2rem;}
.banked_tg .num + .list.dash, .banked_tg .add_txt02 + .list.dash, .banked_tg .list.dot + .txt-dash, .banked_tg .ordered-list + .list.dash {margin-top:1.0rem;font-size:1.4rem;}
.banked_tg .board * {font-size:1.4rem !important;}
.banked_tg .board + .txt-spe {margin-top:1.0rem;}
.banked_tg .button-section {margin-top:2.0rem;}
.banked_tg .ico-btn.note {vertical-align:text-top;}

* + .tit-st01 {margin:3.0rem 0 1.6rem;}
.old-acc {font-size:1.4rem;color:var(--gray80);}
.amount-box {border-radius:1.6rem;padding:2.0rem 1.6rem;display:flex;align-items:center;justify-content:space-between;}
.amount-box span.label {font-size:1.8rem;}
.amount-box span.amount {font-size:2.4rem;font-weight:700;}
.amount-box + .list {margin-top:2.0rem;}
.amount-box.default {background:var(--bg-secondary);color:var(--primary01);}
.amount-box.white {background:#fff !important;color:var(--gray100) !important;}
.amount-box.on {border-radius:1.6rem 1.6rem 0 0;}
.box-top-desc .amount-box {margin-top:1.6rem;}
.box-top-desc .amount-box + .toggle-con {padding:0 1.6rem 2.0rem;border-radius:0 0 1.6rem 1.6rem;margin-top:0;}
.box-top-desc .amount-box + .toggle-con .txt-spe {margin-top:1.0rem;}
.amount-box.default + .bg-box.have-toggle {margin-top:4.0rem !important;}

[class*=bg-]:not(.bg-gray) .box.bg-03 .htit-st03 {color:#fff;}
/*
[class*=bg-]:not(.bg-gray) .box.bg-03 .con-box {}
[class*=bg-]:not(.bg-gray) .box.bg-03 .con-header span:not(.old-acc) {display:block;font-size:1.8rem;color:var(--gray100);}
[class*=bg-]:not(.bg-gray) .box.bg-03 .con-header span.old-acc {color:var(--gray80);margin-top:0.3rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .con-body {margin-top:1.7rem;color:var(--gray100);display:flex;align-items:center;justify-content:flex-end;position:relative;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .con-body em:first-child {font-size:1.8rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .con-body em:last-child {font-size:2.4rem;font-weight:700;margin-left:0.8rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .btn-st03 {position:absolute;right:1.6rem;top:2.0rem;}
*/
[class*=bg-]:not(.bg-gray) .box.bg-03 .account-box + .have-toggle {margin-top:3.0rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle {padding:2.0rem 1.6rem;border-radius:1.6rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .htit-st03 {margin:0;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .toggle-anchor {padding-right:3.2rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .toggle-anchor::after {right:0;background-image:url(../images/icon-24-down-white.png);}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .toggle-con * {color:#fff !important;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .toggle-con {margin-top:2.0rem;color:#fff;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .toggle-con .txt-spe {margin-top:1.0rem;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .amount-box {padding:0;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .amount-box span.amount {font-size:1.8rem;font-weight:400;}
[class*=bg-]:not(.bg-gray) .box.bg-03 .have-toggle .con-list {margin-top:2.0rem;}
.bg-direct .box.bg-03 .have-toggle {background:#3e61c3;}
.bg-benefit .box.bg-03 .have-toggle {background:#1772d5;}
.bg-bank .box.bg-03 .have-toggle {background:var(--primary01);}
.bg-western-union .box.bg-03 .have-toggle {background:#50709f;}
.bg-wu-wallet .box.bg-03 .have-toggle {background:#7048b5;}

[class*=bg-] .box.bg-03 .account-box {background:#fff;}
.account-box + .write {margin-top:2.0rem;}


h2.tit-st02 {margin:2.0rem 0 0.8rem;}
.exchange-wrap {position:relative;margin-bottom:3.0rem;}
.exchange-wrap + .txt-dash {position:relative;margin-top:-1.0rem;}
.exchange {border-radius:1.6rem;padding:2.0rem 1.6rem;background:var(--gray10);display:flex;align-items:center;justify-content:space-between;}
.exchange label {color:var(--gray100);display:flex;align-items:center;}
.exchange label img {width:2.4rem;height:1.6rem;margin-right:0.8rem;}
.exchange input {text-align:right;font-size:2.4rem;font-weight:700;flex:1;width:100%;margin-left:0.8rem;color:var(--gray100);}
.exchange.take {margin-top:0.9rem;}
.mark-txt-wrap {}
.mark-txt-wrap .exchange-rate {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:2.9rem;display:inline-flex;align-items:center;border:1px solid var(--primary);border-radius:2.0rem;padding:0 1.1rem;background:var(--bg-secondary);width:max-content;}
.mark-txt-wrap .exchange-rate span {font-size:1.4rem;color:var(--primary01);width:max-content;}
.mark-txt-wrap .exchange-rate span + span {padding-left:0.4rem;}
.bg-box .amount-box.toggle-anchor {padding:0 3.2rem 0 0;}
.bg-box .amount-box + .toggle-con::before {left:0;width:100%;background:var(--gray40);}
.bg-box .amount-box:not(.toggle-anchor) {padding:0;}

.add-content {display:none;}
.tit-st02 + * .btn-add-list {margin-top:0;}

/* 메인 */
 

/*메인 변경 후=============================================================================*/
/* 메인 */
.main-wrap {position:relative;height:100%;display:block;}
/* .main-wrap::before {content:'';position:absolute;left:0;top:0;right:0;height:40.0rem;background:var(--primary);} */
.main-wrap > header {position:sticky;top:0;min-height:5.9rem;padding:1.3rem 2.0rem;display:flex;align-items:center;justify-content:flex-start;}
.main-wrap header .logo {width:9.0rem;height:3.0rem;margin-right:auto;color:transparent;background:url(../images/main/logo.png) no-repeat 0 0/contain;}
.main-wrap header .btn-language {position:relative;padding:0.6rem 0.8rem;display:flex;align-items:center;}
.main-wrap header .btn-language::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(222,226,230,0.5);border-radius:2.4rem;}
.main-wrap header .btn-language::after {content:'';width:2.0rem;height:2.0rem;margin-left:0.3rem;background:url(../images/icon-24-down-white.png) no-repeat 50% 50%/2.0rem;}
.main-wrap header .btn-language img {width:2.4rem;height:1.6rem;font-size:0;}
.main-wrap header .btn-language span {margin-left:0.3rem;font-size:1.4rem;color:#fff;}
.main-wrap header .btn-alarm {width:2.4rem;height:2.4rem;margin-left:2.0rem;background:url(../images/main/btn-alarm.png) no-repeat 0 0/contain;}
.main-wrap header .btn-myez {width:2.4rem;height:2.4rem;margin-left:2.0rem;background:url(../images/main/btn-myez.png) no-repeat 0 0/contain;}
.main-tab {position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:1.2rem 0 2.0rem;height:9.2rem;}
.main-tab button {width:6.0rem;height:6.0rem;border-radius:50%;position:relative;background:rgba(255, 255, 255, 0.4);}
.main-tab button::before {content:'';position:absolute;left:0.5rem;top:0.5rem;width:5.0rem;height:5.0rem;border-radius:50%;background:rgba(0, 125, 130, 0.8);box-shadow:0 2px 6px rgba(0, 0, 0, 0.35);}
.main-tab button::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;}
.main-tab button + button {margin-left:1.6rem;}
.main-tab .tab1::after {background:url(../images/main/icon-tab1.png) no-repeat 50% 50%/3.2rem;}
.main-tab .tab2::after {background:url(../images/main/icon-tab2.png) no-repeat 50% 50%/3.2rem;}
.main-tab .tab3::after {background:url(../images/main/icon-tab3.png) no-repeat 50% 50%/3.2rem;}
.main-tab button.is-active {background:#fff;}
.main-tab button.is-active::before {background:#fff;box-shadow:none;}
.main-tab .tab1.is-active::after {background-image:url(../images/main/icon-tab1-on.png);}
.main-tab .tab2.is-active::after {background-image:url(../images/main/icon-tab2-on.png);}
.main-tab .tab3.is-active::after {background-image:url(../images/main/icon-tab3-on.png);}
.main-tab::before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:12.2rem;background:var(--primary);}
.main-tab::after {content:'';position:absolute;left:50%;bottom:-0.1rem;transform:translateX(-50%);width:6.0rem;height:1.0rem;background:url(../images/main/img-tab-pointer.png) no-repeat 50% 0/5.6rem;transition:margin .3s;}
.main-tab[data-state=tab1-on]::after {margin-left:-7.6rem;}
.main-tab[data-state=tab2-on]::after {margin-left:0;}
.main-tab[data-state=tab3-on]::after {margin-left:7.6rem;}
.main-scroll {display:flex;flex:1;flex-direction:column;position:relative;z-index:10;overscroll-behavior:none;border-radius:2.0rem 2.0rem 0 0;background:#fff;}
.main-scroll .main-panel {position:relative;display:none;flex-direction:column;}
.main-scroll .htit-st03 {margin:4.0rem 0 1.6rem;}
.main-wrap:not(.login) .main-scroll.foreign {padding-bottom:9.6rem;}
.tit-wrap:first-child [class*="htit"] {margin-top:0;}
.main-scroll .main-top-content {padding:3.0rem 2.0rem 4.0rem;background:#fff;border-radius:2.0rem 2.0rem 0 0;}
.main-panel .main-content {background:#fff;padding:0 2.0rem;}
.main-content {padding:0 2.0rem;background:#fff;}
.main-content:last-child > *:last-child {margin-bottom:4.0rem;}
.main-scroll.foreign .main-content:last-child > *:last-child {margin-bottom:4.0rem;}
.main-panel .main-content:last-child > *:last-child {margin-bottom:0rem !important;}

/* 이체카드 */
.section-info-area .info-card {position:relative;z-index:1;width:100%;padding:2.0rem;border-radius:1.6rem;background:var(--gray10);}
.section-info-area .info-card .htit-st04 {margin:2.0rem 0 1.2rem;}
.section-info-area .info-card .htit-st04:first-child {margin-top:0;}
/* 해외송금카드 */
.section-info-area .transfer-info-card {position:relative;z-index:1;width:100%;border-radius:1.6rem;background:var(--gray10);padding:2.0rem;}

.section-info-area .info-btn {position:relative;margin-top:2.0rem;text-align:center;}
.section-info-area .info-btn a {font-size:1.4rem;font-weight:700;color:#fff;padding:1.4rem 1.2rem;border-radius:1.2rem;display:block;background:var(--primary);}

.my-photo {position:relative;top:0;z-index:0;height:28.0rem;width:100%;overflow:hidden;background:var(--primary);}
.my-photo .btn-photo {position:absolute;right:2.0rem;top:2.0rem;width:4.2rem;height:4.2rem;background:url(../images/main/btn-photo.png) no-repeat 0 0/contain;z-index:4;}
.my-photo [role=img] {position:absolute;left:0;top:0;right:0;height:28.0rem;width:100%;background-repeat:no-repeat;background-position:50% 20%;background-size:cover;border-radius:2.0rem 2.0rem 0 0;}
.my-photo + .main-tab {margin-top:calc(-3.0rem + -9.2rem);}
.my-photo[style*="display: none"] + .main-tab {margin-top:0;}
.push-noti[style*="display: none"] + .my-photo [role=img] {top:0;} 

.no-account,
.no-transfer {border-radius:1.6rem;background:var(--gray10);padding:2.0rem;}
.no-data-text {position:relative;display:block;font-size:1.6rem;font-weight:700;color:var(--gray100);text-align:center;}
.no-data-text::before {content:'';position:relative;display:block;width:2.4rem;height:2.4rem;background:url(../images/main/btn-transfer-list.png) no-repeat center center/contain;margin:0 auto 2.0rem;}
.no-data-text + small {display:block;font-size:1.4rem;color:var(--gray90);text-align:center;margin-top:1.2rem;}

/* 상단 해외송금내역 */
.transfer-list-slide {position:relative;margin:0 -2.0rem 1.6rem;display:grid;}
.transfer-list-slide ul {display:flex;overflow-x:auto;}
.transfer-list-slide li {flex:0 0 auto;}
.transfer-list-slide li + li {margin-left:0.8rem;}
.transfer-list-slide li button {padding:0.6rem 1.2rem;border-radius:2.4rem;background:var(--gray20);font-size:1.4rem;color:var(--gray90);text-transform:uppercase;display:inline-flex;align-items:center;}
.transfer-list-slide li button[aria-selected="true"] {background:#fff;font-weight:700;position:relative;}
.transfer-list-slide li button[aria-selected="true"]::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2.4rem;border:1px solid var(--primary);}
.transfer-list-slide li button[aria-checked="true"] {background:#fff;font-weight:700;position:relative;}
.transfer-list-slide li button[aria-checked="true"]::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2.4rem;border:1px solid var(--primary);}
.transfer-list-slide button img {width:1.6rem;height:1.6rem;font-size:0;margin-right:0.4rem;}
/* .transfer-list-slide li button::before {content:'';width:1.6rem;height:1.6rem;background:url(../images/main/icon-person.png) no-repeat 0 0/contain;margin-right:0.4rem;} */
.transfer-list-slide li:first-child {margin-left:2.0rem;}
.transfer-list-slide li:last-child {padding-right:2.0rem;}
.transfer-info-card .account[role=button] {background:url(../images/icon-24-arrow-right.png) no-repeat right center/2.4rem;}
.transfer-info-card .account [class*=type] {font-weight:700;font-size:1.8rem;}
.transfer-info-card .account .type01 {color:#3e61c3;}	/* Direct */
.transfer-info-card .account .type02 {color:#50709f;}	/* Western Union */
.transfer-info-card .account .type03 {color:var(--primary01);}	/* Bank */
.transfer-info-card .account .type04 {color:#2d6ef1;}	/* Bene-fit */
.transfer-info-card .account .type05 {color:#7048b5;}	/* WU Wallet */
.transfer-info-card .account span {font-size:1.4rem;color:var(--gray90);}
.transfer-info-card .state {text-align:right;font-size:0;margin-top:1.0rem;}
.transfer-info-card .state .state-text {font-size:1.2rem;font-weight:700;color:var(--gray80);padding:0.2rem 0 0.6rem;display:inline-block;}
.transfer-info-card .amount {display:flex;align-items:center;justify-content:flex-end;}
.transfer-info-card .amount span {font-size:1.8rem;color:var(--gray100);margin-right:0.3rem;}
.transfer-info-card .amount strong {font-size:2.4rem;font-weight:700;color:var(--gray100);}

/* 상단 버튼 */
.main-top-content .button-section {position:relative;margin-top:2.0rem;flex-direction:column;}
/* .main-top-content .button-section::before {content:'';position:absolute;top:2.0rem;left:50%;transform:translateX(-50%);width:1px;height:calc(100% - 4.0rem);background:#e5e8eb;} */
.main-top-content .button-section a {display:block;text-align:center;position:relative;width:100%;padding:1.3rem 1.1rem;border:1px solid var(--gray50);border-radius:1.2rem;font-size:0;}
.main-top-content .button-section a span {font-size:1.4rem;font-weight:700;color:var(--gray80);padding-left:2.3rem;}
.main-top-content .button-section a + a {margin:1.6rem 0 0;}
.main-top-content .button-section .btn-remit span {background:url(../images/main/btn-remit.png) no-repeat 0 50%/2.0rem;}
.main-top-content .button-section .btn-transfer span {background:url(../images/main/btn-transfer-list.png) no-repeat 0 50%/2.0rem;}
.main-top-content .button-section .btn-transfer-list span {background:url(../images/main/btn-transfer-list.png) no-repeat 0 50%/2.0rem;}

.exchange-info + .button-section {padding:2.0rem;border-radius:1.6rem;background:var(--gray10);}
.direct-remit {border-radius:1.2rem;padding:1.6rem 4.5rem;background:#fff;display:flex;justify-content:space-between;align-items:center;margin-top:1.6rem;}
.direct-remit img {width:2.4rem;height:1.6rem;margin-right:0.6rem;}
.direct-remit .arrow {width:1.8rem;height:1.4rem;background:url(../images/main/icon-arrow-remit.png) no-repeat 0 0/contain;}
.direct-remit .give, .direct-remit .take {display:flex;align-items:center;}
.direct-pop-wrap .exchange-wrap {margin-bottom:0;}


/* 환율정보 */
.main-scroll .htit-st04 {color:var(--gray100);}
.main-wrap .exchange-info .htit-st04 {margin-bottom:2.4rem;}
.main-wrap .exchange-info {position:relative;border-radius:1.6rem;border:1px solid var(--gray20);padding:1.9rem;background:var(--gray10);display:grid;grid-template-columns:40% 60%;margin-top:2.0rem;}
.main-wrap .exchange-info .graph-wrap {width:100%;text-align:right;display:flex;flex-direction:column;justify-content:space-between;padding-left:1.2rem;}
.main-wrap .exchange-info .graph-area {width:100%;height:9.2rem;margin-top:0.8rem;position:relative;}
.main-wrap .exchange-info .graph {width:100%;height:100%;}
.main-wrap .exchange-box {position:relative;display:flex;flex-direction:column;width:100%;}
.main-wrap .exchange-box button {text-align:left;display:flex;flex-direction:column;flex:1;min-height:8.5rem;}
.main-wrap .exchange-box .unit-tit {display:flex;align-items:center;font-size:1.6rem;}
.main-wrap .exchange-box .unit-tit img {width:2.4rem;height:1.6rem;margin-right:0.8rem;}
.main-wrap .exchange-box .price {margin-top:0.8rem;font-size:2.0rem;font-weight:700;color:var(--gray100);}
.main-wrap .exchange-box .price-gap {position:relative;margin-top:0.5rem;font-size:1.2rem;color:var(--gray80);line-height:1.2;margin-top:auto;}
.main-wrap .exchange-box .price-gap.equal {padding-left:1.4rem;}
.main-wrap .exchange-box .price-gap.equal::before {content:'';position:absolute;left:0.3rem;top:50%;margin-top:-1px;width:0.8rem;height:2px;background:var(--gray80);}
.main-wrap .exchange-box .price-gap.up {color:var(--up);background:url(../images/icon-drop-up.png) no-repeat 0.2rem 50%/1.0rem;padding-left:1.7rem;}
.main-wrap .exchange-box .price-gap.down {color:var(--down);background:url(../images/icon-drop-down.png) no-repeat 0.2rem 50%/1.0rem;padding-left:1.7rem;}
.graph-wrap .segment-button {display:inline-flex;border-radius:0.8rem;background:var(--gray20);padding:0.2rem;}
.graph-wrap .segment-button button {flex:1;border-radius:0.6rem;padding:0.6rem 0.7rem;font-size:1.2rem;color:var(--gray70);}
.graph-wrap .segment-button button.is-active {background:#fff;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.08);color:var(--gray100);}
.graph-tooltip {display:none;position:absolute;transform:translateY(-50%);background:#fff;border-radius:0.6rem;padding:0.5rem;box-shadow:0 5px 16px -4px rgba(0, 163, 141, 0.15);border:1px solid #e4e4e9;font-size:1.2rem;color:var(--primary01);text-align:center;width:max-content;}
 
/* 대표컨텐츠 */ 
.text-sm {font-size:1.4rem;}
.prime-content {display:grid;grid-template:'top1 top1' auto 'top2 top3' auto / 1fr 1fr;grid-gap:1.6rem 1.3rem;}
.prime-content > a {position:relative;border-radius:2.0rem;padding:2.0rem 1.6rem;display:flex;align-items:flex-start;justify-content:flex-start;min-width:100%;}
.prime-content > a::after {content:'';position:absolute;}
/* .prime-content > a .htit-st04 {word-break:break-word !important;} */
.prime-content .content1 {grid-area:top1;background:#ffe8b0;padding-right:13.6rem;min-height:12.0rem;}
.prime-content .content1::after {right:1.2rem;bottom:-0.8rem;width:12.0rem;height:11.2rem;background:url(../images/main/icon-prime11.png) no-repeat 50% 50%/contain;}
.prime-content .content1.v2::after {right:1.2rem;bottom:-0.8rem;width:12.0rem;height:11.2rem;background:url(../images/main/icon-prime13.png) no-repeat 50% 50%/contain;}
.prime-content .content2 {grid-area:top2;background:#cde3ff;padding-bottom:6.0rem;min-height:13.7rem;}
.prime-content .content2::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime10.png) no-repeat 50% 50%/contain;}
.prime-content .content3 {grid-area:top3;background:#b8ecd7;padding-bottom:6.0rem;min-height:13.7rem;}
.prime-content .content3::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime09.png) no-repeat 50% 50%/contain;}
.prime-content .content3.v2::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime14.png) no-repeat 50% 50%/contain;}
.prime-content.foreign .content1::after {right:1.2rem;bottom:-0.8rem;width:12.0rem;height:11.2rem;background:url(../images/main/icon-prime07.png) no-repeat 50% 50%/contain;}
.prime-content.foreign .content2::after {background-image:url(../images/main/icon-prime10.png);}
.main-wrap.login .prime-content .content1::after {background-image:url(../images/main/icon-prime01.png);}
.main-wrap.login .prime-content .content2::after {background-image:url(../images/main/icon-prime12.png);}
.main-wrap.login .prime-content.foreign .content2::after {background-image:url(../images/main/icon-prime02.png);}
.prime-content.foreign .content3::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime05.png) no-repeat 50% 50%/contain;}

/* 추천서비스 */
/* .main-content .tit-wrap .btn-set {font-size:1.4rem;color:var(--gray80);padding-left:1.9rem;background:url(../images/btn-setting.png) no-repeat 0 50%/1.6rem;margin:4.3rem 0 1.6rem;text-align:left;margin-left:0.8rem;min-width:max-content;} */
.service-content {display:grid;grid-gap:1.2rem;}
.service-content li {position:relative;}
.service-content [class*=service] {position:relative;display:flex;border-radius:1.6rem;background-color:var(--gray10);border:1px solid var(--gray20);}
.service-content [class*=service]::before {content:'';position:absolute;left:0;top:0;display:flex;width:100%;height:100%;background-repeat:no-repeat;border-radius:1.6rem;}
.service-content.columns [class*=service] {align-items:center;padding:2.0rem 4.8rem 2.0rem 6.0rem;min-height:7.2rem;font-size:1.6rem;background:var(--gray10) url(../images/icon-24-arrow-right-gray.png) no-repeat right 1.6rem top 50%/2.4rem;}
.service-content.columns [class*=service]::before {background-size:3.2rem;background-position:1.5rem 50%;}

.layer-container .settings .button-section {padding:0;margin:0;}
.layer-container .settings .button-section button {font-weight:400;}
/*
.service-content.columns .service1::before {background-image:url(../images/main/icon-service-col-01.png);}
.service-content.columns .service2::before {background-image:url(../images/main/icon-service-col-02.png);}
.service-content.columns .service3::before {background-image:url(../images/main/icon-service-col-03.png);}
.service-content.columns .service4::before {background-image:url(../images/main/icon-service-col-04.png);}
.service-content.columns .service5::before {background-image:url(../images/main/icon-service-col-05.png);}
.service-content.columns .service6::before {background-image:url(../images/main/icon-service-col-06.png);}
.service-content.columns .service7::before {background-image:url(../images/main/icon-service-col-07.png);}
.service-content.columns .service8::before {background-image:url(../images/main/icon-service-col-08.png);}
.service-content.columns .service9::before {background-image:url(../images/main/icon-service-col-09.png);}
.service-content.columns .service10::before {background-image:url(../images/main/icon-service-col-10.png);}
.service-content.columns .service11::before {background-image:url(../images/main/icon-service-col-11.png);}
*/
.service-content.columns span {font-size:1.6rem;font-weight:700;color:var(--gray90);position:relative;z-index:1;}
.service-content.columns span.row {display:none;}
.service-content.rows {grid-template-columns:1fr 1fr 1fr;}
.service-content.rows [class*=service] {flex-direction:column;padding:5.5rem 1.1rem 1.5rem;height:100%;min-height:11.4rem;align-items:center;justify-content:center;}
.service-content.rows [class*=service]::before {background-size:3.6rem;background-position:left 50% top 1.6rem;}
.service-content .service1::before {background-image:url(../images/main/icon-service-row-01.png);}
.service-content .service2::before {background-image:url(../images/main/icon-service-row-02.png);}
.service-content .service3::before {background-image:url(../images/main/icon-service-row-03.png);}
.service-content .service4::before {background-image:url(../images/main/icon-service-row-04.png);}
.service-content .service5::before {background-image:url(../images/main/icon-service-row-05.png);}
.service-content .service6::before {background-image:url(../images/main/icon-service-row-06.png);}
.service-content .service7::before {background-image:url(../images/main/icon-service-row-07.png);}
.service-content .service8::before {background-image:url(../images/main/icon-service-row-08.png);}
.service-content .service9::before {background-image:url(../images/main/icon-service-row-09.png);}
.service-content .service10::before {background-image:url(../images/main/icon-service-row-10.png);}
.service-content .service11::before {background-image:url(../images/main/icon-service-row-11.png);}
.service-content .service12::before {background-image:url(../images/main/icon-service-row-12.png);}
.service-content .service13::before {background-image:url(../images/main/icon-service-row-13.png);}
.service-content .service14::before {background-image:url(../images/main/icon-service-row-14.png);}
.service-content .service15::before {background-image:url(../images/main/icon-service-row-15.png);}
.service-content .service16::before {background-image:url(../images/main/icon-service-row-16.png);}
.service-content .service17::before {background-image:url(../images/main/icon-service-row-17.png);}
.service-content .service18::before {background-image:url(../images/main/icon-service-row-18.png);}
.service-content .service19::before {background-image:url(../images/main/icon-service-row-19.png);}
.service-content.rows span {font-size:1.4rem;font-weight:700;color:var(--gray90);display:inline-flex;min-height:4.2rem;align-items:center;justify-content:flex-start;text-align:center;}
.service-content.rows span.col {display:none;}
.service-content input {position:absolute;width:1px;height:1px;margin:-1px;}
.service-content.columns label {background:var(--gray10) !important;}
.service-content.rows label {background:var(--gray10) !important;min-height:12.8rem !important;padding-top:7.0rem !important;}
.service-content.rows label::before {background-position:left 50% top 3.1rem !important;}
.service-content input:checked + label {background:url(../images/icon-16-check-on-thin.png) no-repeat right 1.0rem top 1.4rem/1.6rem !important;}
.service-content input:checked + label::before {border:2px solid var(--primary);}
.service-content.columns input:checked + label {background-position:right 1.4rem top 50% !important;}
.service-content.columns input:checked + label::before {background-position:1.3rem 50%;}
.service-content.rows input:checked + label {background-position:right 1.4rem top 1.1rem;}
.service-content.rows input:checked + label::before {background-position:left 50% top 2.9rem !important;}

.partner {width:100%;border-radius:1.6rem;padding:2.0rem 8.0rem 2.0rem 2.0rem;background:rgba(34, 180,121, 0.15) url(../images/main/icon-partner.png) no-repeat right 2.0rem top 50%/5.0rem;margin-top:4.0rem;}
.partner strong {display:block;}

.main-content .button-section {display:block;}
.main-content .btn-set {margin:0 0 4.0rem !important;}
.main-content .button-section .btn-set {margin:4.0rem 0 0 !important;width:100%;}


.main-content .swipe-banner {margin:4.0rem -2.0rem 0;}
.swipe-banner {position:relative;margin:4.0rem -2.0rem 0;padding:0 2.0rem;}
.swipe-banner .banner {border-radius:1.6rem;padding:2.0rem 1.6rem;min-height:12.0rem;background:#eae2ff;display:flex;}
.swipe-banner .banner:first-child {}
.swipe-banner .banner a {font-size:1.6rem;font-weight:700;color:var(--gray100);display:flex;min-height:100%;flex-direction:column;justify-content:space-between;}
.swipe-banner .banner a .date {display:block;font-size:1.4rem;font-weight:400;color:var(--gray90);margin-top:1.0rem;}
.swipe-banner .swiper-pagination-custom-auto {margin-top:1.2rem;}

/* 2차 메인 */
.swipe-panel {overflow:hidden;}
.swipe-panel .main-panel {display:block;}
.swipe-panel .swipe-content {padding:3.0rem 2.0rem 4.0rem;background:#fff;border-radius:2.0rem 2.0rem 0 0;}

.swipe-content .info-card .transfer-list-slide {margin-top:2.0rem;margin-bottom:0;}
.swipe-content .info-card .transfer-list-slide ul {padding-bottom:6.9rem;}
.transfer-list-slide .info-btn {position:absolute;left:2.0rem;right:2.0rem;bottom:0;}
.transfer-list-slide button[aria-selected="true"] + .info-btn {display:block;} 
.transfer-list-slide button[aria-selected="false"] + .info-btn {display:none;}
.transfer-list-slide button[aria-checked="true"] + .info-btn {display:block;} 
.transfer-list-slide button[aria-checked="false"] + .info-btn {display:none;} 

/* 해외송금, 이체조회 상단 버튼 */
.swipe-content .button-section {display:block;margin-top:2.0rem;}
.swipe-content .button-section button {width:100%;}
.swipe-content .button-section a {display:block;text-align:center;position:relative;width:100%;padding:1.3rem 1.1rem;border:1px solid var(--gray50);border-radius:1.2rem;font-size:0;}
.swipe-content .button-section a span {font-size:1.4rem;font-weight:700;color:var(--gray80);padding-left:2.3rem;}
.swipe-content .button-section a + a {margin:1.6rem 0 0;}
.swipe-content .button-section .btn-remit span {background:url(../images/main/btn-remit.png) no-repeat 0 50%/2.0rem;}
.swipe-content .button-section .btn-transfer span {background:url(../images/main/btn-transfer-list.png) no-repeat 0 50%/2.0rem;}
.swipe-content .button-section .btn-transfer-list span {background:url(../images/main/btn-transfer-list.png) no-repeat 0 50%/2.0rem;}
.swipe-content .button-section .btn-remit-student span {background:url(../images/main/btn-remit-student.png) no-repeat 0 50%/2.0rem;}
.swipe-content .prime-content {margin-top:4.0rem;}

.swipe-content .btn-set {margin-top:4.0rem;display:block;}
.swipe-content *:not(.tit-wrap) + .service-content {margin-top:4.0rem;}

/* 메인 공지사항 배너 */
.swipe-content .swipe-banner {position:relative;margin:4.0rem -2.0rem 0;padding:0 2.0rem;}
.swipe-content .swipe-banner .banner {border-radius:1.6rem;padding:2.0rem 1.6rem;min-height:12.0rem;background:var(--gray10);border:1px solid var(--gray20);display:flex;}
.swipe-content .swipe-banner .banner a {font-size:1.6rem;font-weight:700;color:var(--gray100);display:flex;min-height:100%;flex-direction:column;justify-content:space-between;}
.swipe-content .swipe-banner .banner a .date {display:block;font-size:1.4rem;font-weight:400;color:var(--gray90);margin-top:1.0rem;}
.swipe-content .swipe-banner .swiper-pagination-custom2 {margin-top:1.0rem;}

/* 메인 이밴트 배너 */
.swipe-content .swipe-event {position:relative;margin:4.0rem -2.0rem 0;padding:0 2.0rem;}
.swipe-content .swipe-event .banner {border-radius:1.6rem;padding:2.0rem 1.6rem;min-height:12.0rem;background:#eae2ff;display:flex;}
.swipe-content .swipe-event .banner a {font-size:1.6rem;font-weight:700;color:var(--gray100);display:flex;min-height:100%;flex-direction:column;justify-content:space-between;}
.swipe-content .swipe-event .banner a .date {display:block;font-size:1.4rem;font-weight:400;color:var(--gray90);margin-top:1.0rem;}
.swipe-content .swipe-event .swiper-pagination-custom2 {margin-top:1.0rem;}
/* 2차 메인 */

.push-noti-box {display:none;justify-content:space-between;align-items:center;border-radius:1.2rem;border:1px solid #fff;padding:1.6rem;background:rgba(255, 255, 255, 0.7);}
.push-noti-box.show {display:flex;}
.push-noti-box p {font-weight:700;font-size:1.5rem;padding-left:2.8rem;width:calc(100% - 2.8rem);}
.push-noti-box.noti1 p {background:url(../images/main/icon-20-noti-01.png) no-repeat left center/2.0rem;}
.push-noti-box.noti2 p {background:url(../images/main/icon-20-noti-02.png) no-repeat left center/2.0rem;}
.push-noti-box.noti3 p {background:url(../images/main/icon-20-noti-03.png) no-repeat left center/2.0rem;}
.push-noti-box.noti4 p {background:url(../images/main/icon-20-noti-04.png) no-repeat left center/2.0rem;}
.push-noti-box.noti5 p {background:url(../images/main/icon-20-noti-05.png) no-repeat left center/2.0rem;}
.push-noti-box .noti-text {font-weight:700;font-size:1.5rem;padding-left:2.8rem;width:calc(100% - 2.8rem);text-align:left;}
.push-noti-box.noti1 .noti-text {background:url(../images/main/icon-20-noti-01.png) no-repeat left center/2.0rem;}
.push-noti-box.noti2 .noti-text {background:url(../images/main/icon-20-noti-02.png) no-repeat left center/2.0rem;}
.push-noti-box.noti3 .noti-text {background:url(../images/main/icon-20-noti-03.png) no-repeat left center/2.0rem;}
.push-noti-box.noti4 .noti-text {background:url(../images/main/icon-20-noti-04.png) no-repeat left center/2.0rem;}
.push-noti-box.noti5 .noti-text {background:url(../images/main/icon-20-noti-05.png) no-repeat left center/2.0rem;}
.push-noti-box .btn-close {width:2.0rem;height:2.0rem;background:url(../images/icon-16-plus.png) no-repeat 50% 50%/contain;transform:rotate(45deg);margin-left:0.8rem;}
.push-noti {position:relative;top:0;background:var(--primary);padding:1.0rem 2.0rem 0.8rem 2.0rem;}
.push-noti.empty {padding:0;}
.push-noti + .my-photo {padding-top:1.2rem;}
.push-noti + .my-photo [role=img] {top:1.2rem;}
.push-noti.empty + .my-photo {padding-top:0;}
.push-noti.empty + .my-photo [role=img] {top:0;}

.main-tab button {font-size:0;}
.main-tab.fixed {position:fixed;top:0;width:100%;background:#01a5ac;padding:1.3rem 2.0rem !important;margin:0 !important;z-index:11;height:5.0rem;justify-content:flex-start;overflow-x:auto;}
.main-tab.fixed button {width:auto;height:auto;font-size:1.6rem;font-weight:400;color:#fff;border-radius:0;background:none;min-width:max-content;position:relative;}
.main-tab.fixed button::after {height:2px;border-radius:0;background:none;top:100%;}
.main-tab.fixed button.is-active {background:none;opacity:1;font-weight:700;box-shadow:none;color:#fff;}
.main-tab.fixed button.is-active::after {background:#fff !important;;}
.main-tab.fixed button::before, .main-tab.fixed::before, .main-tab.fixed::after {display:none;} 
.main-tab.fixed button.tab3 {padding-right:2.0rem;}
.main-tab.fixed button.tab3.is-active::after {width:calc(100% - 2.0rem);}
.main-wrap .main-tab.fixed + .main-scroll {margin-top:9.2rem;}
.main-wrap.is-photo .main-tab.fixed + .main-scroll {margin-top:-3.0rem;}

.floating {position:fixed;font-size:0;z-index:10;right:1.4rem;bottom:2.0rem;transition:bottom .3s;}
/* .floating.moving {bottom:2.0rem;} */
.floating button {width:8.2rem;height:8.2rem;font-size:0;border-radius:50%;}
.floating .floating-icon {display:block;width:100%;height:100%;background:url(../images/main/floating.png) no-repeat 50% 50%/contain;border-radius:50%;}

/* 내국인외국인 선택 */
.select-target {display:flex;justify-content:space-between;}
.select-target button {flex:1;height:17.0rem;border-radius:1.6rem;padding:2.0rem 1.6rem;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;}
.select-target button strong {font-size:2.0rem;font-weight:700;color:var(--gray100);padding-right:2.7rem;background:url(../images/icon-24-arrow-right.png) no-repeat right center/2.4rem;}
.select-target button small {display:block;margin-top:0.3rem;font-size:1.6rem;color:var(--gray80);}
.select-target button.btn-foreign {background:#dbe9ff url(../images/img-select-for.png) no-repeat right 1.6rem bottom 2.0rem/6.4rem;}
.select-target button.btn-korean {background:#cdf0f3 url(../images/img-select-kor.png) no-repeat right 1.6rem bottom 2.0rem/6.4rem;margin-left:1.2rem;}

/* 접근권한 */
.access-info {position:relative;padding:2.0rem 1.6rem 2.0rem 6.4rem;border-radius:1.6rem;background:var(--gray10);}
.access-info + .access-info {margin-top:1.6rem;}
.access-info dt {color:var(--gray100);font-size:1.8rem;font-weight:700;margin-bottom:0.3rem}
.access-info dd {color:var(--gray90);font-size:1.4rem; }
.access-info::before {content:'';width:3.2rem;height:3.2rem;display:block;position:absolute;left:1.6rem;top:2.0rem;}
.access-info.info1::before {background:url(../images/icon-access-01.png) no-repeat 0 0/contain;}
.access-info.info2::before {background:url(../images/icon-access-02.png) no-repeat 0 0/contain;}
.access-info.info3::before {background:url(../images/icon-access-03.png) no-repeat 0 0/contain;}
.access-info.info4::before {background:url(../images/icon-access-04.png) no-repeat 0 0/contain;}

.select-image li {border-radius:1.6rem;background:var(--gray40);position:relative;height:19.0rem;}
.select-image li + li {margin-top:1.6rem;}
.select-image li input {position:absolute;}
.select-image li label {display:block;width:100%;height:100%;border-radius:1.6rem;overflow:hidden;}
.select-image li label::after {content:'';position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;background:url(../images/icon-form-radio-off.png) no-repeat 1.6rem 2.0rem/2.4rem;z-index:10;border-radius:1.6rem;}
.select-image li input:checked + label::after {background-image:url(../images/icon-form-radio-on.png);background-position:1.2rem 1.6rem;border:4px solid var(--primary);}

/* 로그인전 */
.main-wrap.login .btn-myez {display:none;}
.main-wrap.login .main-tab::before, .main-wrap.login .main-tab::after {display:none;}
.main-wrap.login .prime-content .content1 {grid-area:top1;background:#ffe8b0;}
.main-wrap.login .prime-content .content1::after {right:1.6rem;bottom:-0.8rem;width:12.0rem;height:11.2rem;background:url(../images/main/icon-prime01.png) no-repeat 50% 50%/contain;}
.main-wrap.login .prime-content .content3::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime08.png) no-repeat 50% 50%/contain;}
.main-wrap.login .main-top {display:flex;align-items:center;justify-content:space-between;padding:1.3rem 2.0rem 2.0rem 2.0rem;background:var(--primary);position:relative;z-index:1;}
.main-wrap.login .main-top::before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:12.3rem;background:var(--primary);z-index:0;}
.main-wrap.login .main-top .htit-st01 {color:#fff;z-index:1;}
.main-wrap.login .main-top button {display:block;width:6.0rem;height:6.0rem;background:#fff url(../images/main/btn-login.png) no-repeat 50% 50%/4.0rem;border-radius:50%;box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);z-index:1;}
.main-wrap.login .prime-content.foreign .content1::after {right:1.6rem;bottom:-0.8rem;width:8.8rem;height:11.2rem;background:url(../images/main/icon-prime06.png) no-repeat 50% 50%/contain;}
.main-wrap.login .prime-content.foreign .content3 {background:#fcd4d9;} 
.main-wrap.login .prime-content.foreign .content3::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime03.png) no-repeat 50% 50%/contain;}
.main-wrap.login .prime-content.foreign .content4 {grid-area:top3;background:#fcd4d9;padding-bottom:6.0rem;min-height:13.7rem;}
.main-wrap.login .prime-content.foreign .content4::after {right:1.2rem;bottom:1.2rem;width:5.0rem;height:5.0rem;background:url(../images/main/icon-prime15.png) no-repeat 50% 50%/contain;}
/* .main-wrap.login .main-top.fixed {position:fixed;top:0;z-index:0;width:100%;} */
.main-wrap.login .main-top.fixed {position:fixed;top:0;z-index:0;width:100%;opacity:1;transition:opacity .3s;}
.main-wrap.login .main-top.fixed ~ .main-scroll {margin-top:13.7rem;transition:margin-top .3s;}
/* .main-wrap.login .main-top.fixed + .main-scroll {min-height:100%;} */
.main-wrap.is-photo .main-tab::before {content:'';position:absolute;left:0;top:0.9rem;width:100%;height:19.0rem;background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0.09%, rgba(1, 1, 0, 0.40) 42.27%, rgba(1, 1, 0, 0.25) 82.85%);}

.exchange-list-slide {position:relative;margin:-1.6rem -2.0rem -1.6rem;display:grid;height:15.2rem;overflow-y:hidden;}
.exchange-list-slide ul {display:flex;overflow-x:auto;padding:1.6rem 0;}
.exchange-list-slide li {flex:0 0 13.2rem;}
.exchange-list-slide li + li {margin-left:1.2rem;}
.exchange-list-slide li:first-child {margin-left:2.0rem;}
.exchange-list-slide li:last-child {padding-right:2.0rem;}
.exchange-list-slide .exchange-box {border-radius:1.6rem;padding:1.9rem 1.5rem;background:var(--gray10);border:1px solid var(--gray20);width:13.2rem;min-height:11.6rem;}
.exchange-list-slide .exchange-box .unit-tit {font-size:1.4rem;color:var(--gray80);}
.exchange-list-slide .exchange-box .unit-tit img {margin-right:0.6rem;}
.exchange-list-slide .exchange-box .price-gap {margin-top:0.3rem;background-size:0.7rem !important;line-height:1.2;}
.exchange-list-slide .exchange-box .price-gap.equal::before {left:0.2rem;width:0.6rem;}

.swipe-account {position:relative;}
.swipe-account .account-box {margin-top:0 !important;background:var(--gray10);padding:0;border-radius:0;}
.swipe-account .account-box .btn-link {background:none;}
.swipe-account .account-box .btn-link .account-con {background:url(../images/icon-24-arrow-right.png) no-repeat right center/2.4rem;}
.swipe-account .account-box .ico-copy {margin-left:0.3rem;}
.swipe-account .swiper-pagination-custom {margin-top:2.0rem;}
 
.swipe-service {position:relative;margin:0 -2.0rem !important;overflow:hidden;padding:0 2.0rem;}
.swipe-service .service-box {position:relative;padding:2.0rem 13.3rem 2.0rem 2.0rem;min-height:22.2rem;border-radius:1.6rem;background:var(--gray10);height:auto;}
.swipe-service .service-box .htit-st01 {margin-bottom:1.2rem;}
.swipe-service .service-box::after {content:'';position:absolute;right:2.0rem;bottom:1.0rem;display:block;width:11.3rem;height:15.4rem;}
.swipe-service .service1::after {background:url(../images/main/img-service-01.png) no-repeat 50% 50%/contain;}
.swipe-service .service2::after {background:url(../images/main/img-service-02.png) no-repeat 50% 50%/contain;}
.swipe-service .service3::after {background:url(../images/main/img-service-03.png) no-repeat 50% 50%/contain;}
.swipe-service .service4::after {background:url(../images/main/img-service-04.png) no-repeat 50% 50%/contain;}
.swipe-service .service5::after {background:url(../images/main/img-service-05.png) no-repeat 50% 50%/contain;}
.swipe-service .swiper-pagination-custom-auto {margin-top:2.0rem;justify-content:center;}
.swipe-service .swiper-pagination-custom2 {margin-top:1.0rem;justify-content:center;}

.swipe-notice {width:100vw;margin:0 -2.0rem !important;padding:0 2.0rem;overflow:hidden !important;}
.swipe-notice .notice-box {flex:0 0 auto;overflow-y:auto;padding-top:84.375%;height:0;}
.swipe-notice .notice-box .inner-wrap {position:absolute;top:0;right:0;bottom:0;left:0;font-size:1.6rem;}
.swipe-notice .swiper-wrapper {align-items:flex-start;height:auto;}
.chk-optout {position:absolute;top:calc(-6.0rem + -1.6rem);}
.layer-pop > .chk-optout {top:-4.6rem;left:2.0rem;}
.chk-optout input {width:2.4rem;height:2.4rem;border-radius:0.6rem;border:1px solid var(--gray40);background:#fff url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;}
.chk-optout label {font-size:1.6rem;color:#fff;margin-left:0.8rem;}
.chk-optout input:checked {background:var(--primary) url(../images/icon-form-check-white.png) no-repeat 50% 50%/2.4rem;border:0;}
.chk-optout input:checked + label {font-weight:700;}

.urgent-notice {text-align:center;max-height:38.0rem;overflow-y:auto;}
.urgent-img {margin:2.0rem auto;width:8.2rem;height:8.2rem;background:url(../images/img-urgent.png) no-repeat 50% 50%/contain;}
.urgent-cont {}
.urgent-cont-box {background:var(--gray10);padding:2.0rem 1.6rem;border-radius:1.6rem;margin-top:2.0rem;}
.urgent-cont-box li {display:flex;align-items:center;justify-content:space-between;}
.urgent-cont-box li + li {margin-top:1.6rem;}
.urgent-cont-box li span.tit {font-size:1.4rem;text-align:left;}
.urgent-cont-box li span.cont {font-size:1.4rem;text-align:right;color:var(--gray100);flex:0 0 60%;}

.swiper-pagination-lock {display:none !important;}
.swiper-pagination-custom {display:flex;align-items:center;justify-content:center;margin-top:1.2rem;}
.swiper-pagination-custom .swiper-pagination-bullet {width:0.6rem;height:0.6rem;background:var(--gray70);border:0;border-radius:0.3rem;}
.swiper-pagination-custom .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:0.6rem;}
.swiper-pagination-custom .swiper-pagination-bullet-active {background:var(--primary);width:2.0rem;}
.swiper-pagination-custom2 {height:2.0rem;display:flex;align-items:center;padding:0 1.2rem;}
.swiper-pagination-custom2 .swiper-pagination-bullet {width:0.6rem;height:0.6rem;background:var(--gray70);border:0;border-radius:0.3rem;margin:0 0.3rem;}
.swiper-pagination-custom2 .swiper-pagination-bullet-active {width:2.0rem;background:var(--primary);}
.swiper-pagination-custom2 .btn-pause {width:2.0rem;height:2.0rem;background:url(../images/btn-auto-pause.png) no-repeat 0 0/2.0rem;margin-left:0.3rem;}
.swiper-pagination-custom2 .btn-play {width:2.0rem;height:2.0rem;background:url(../images/btn-auto-play.png) no-repeat 0 0/2.0rem;margin-left:0.3rem;}
.swipe-banner .swiper-pagination-custom2 {margin-top:1.0rem;}
.swipe-notice .swiper-pagination-custom2 {margin-top:1.3rem;justify-content:center;}

.swipe-account .swiper-pagination-custom .swiper-pagination-bullet {width:0.8rem;height:0.8rem;border-radius:50%;background:#fff;border:1px solid var(--gray70);margin-left:1.0rem;} 
.swipe-account .swiper-pagination-custom .swiper-pagination-bullet-active {background:var(--primary01);border:0;} 
 
.loadingbar__item--animate {width:100%;height:2.4rem;display:flex !important;overflow:hidden;position:relative;background:unset;background-color:#edf1f2;border-radius:0.6rem;animation:unset;margin:0 !important;}
.loadingbar__item--animate::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;animation:skeleton_ui 1.1s linear infinite;background:linear-gradient(to left,#edf1f2, #f7f8fa,#edf1f2);background-size:450px 600px;background-repeat:no-repeat;border-radius:0.6rem;}
@-webkit-keyframes skeleton_ui {
	0% {background-position:-450px 0;}
	100% {background-position:450px 0;}
}
@keyframes skeleton_ui {
	0% {background-position:-450px 0;}
	100% {background-position:450px 0;}
}
.loadingbar__item--animate.item14 {height:1.4rem;}
.loadingbar__item--animate.item18 {height:1.8rem;}
.loadingbar__item--animate.item21 {height:2.1rem;}
.loadingbar__item--animate.item26 {height:2.6rem;}
.loadingbar__item--animate.item30 {height:3.0rem;}
.loadingbar__item--animate.item35 {height:3.5rem;}
.loadingbar__item--animate.graph {height:8.5rem !important;margin-top:0.7rem !important;}
.skeleton-area .transfer-list-slide li {width:calc(100% - 2.0rem);}
.skeleton-area .transfer-info-card .amount {margin-top:0.8rem;}
.skeleton-area .account-box {border-radius:1.2rem;padding:0;}
.skeleton-area .account-box .account-con {flex:0 0 100%;}
.skeleton-area .account-box .account-con p {padding:0 !important;}
.skeleton-area .account-box .account-con p + p {margin-top:0.4rem;}
.skeleton-area .exchange-box .price-gap {margin-top:0.5rem;}

.tab-slide-wrap {position:relative;padding:2.0rem 0 2.0rem;}
.tab-slide-wrap .unit {position:absolute;right:0;top:2.0rem;width:5.6rem;height:3.7rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, var(--gray20) 23%);}
.tab-slide-wrap .btn-set {position:absolute;right:1.6rem;top:0.7rem;width:2.4rem;height:2.4rem;background:url(../images/btn-setting.png) no-repeat 0 0/contain;font-size:0;}
.tab-slide-wrap ul {display:flex;overflow-x:auto;}
.tab-slide-wrap li {width:auto;flex:0 0 auto;}
.tab-slide-wrap li:first-child {margin-left:2.0rem;}
.tab-slide-wrap li:last-child {padding-right:5.6rem;}
.tab-slide-wrap.default li:last-child {padding-right:2.0rem;}
.tab-slide-wrap li + li {margin-left:0.8rem;}
.tab-slide-wrap li button {padding:0.8rem 1.4rem;border-radius:2.0rem;font-size:1.4rem;color:var(--gray80);background:var(--gray10);}
.tab-slide-wrap li button.is-active {background:var(--gray90) !important;font-weight:700;color:#fff;}
.tab-slide-wrap + .scroll {padding:1.0rem 2.0rem 4.0rem !important;}
.bg-gray .tab-slide-wrap li button {background:#fff;}
/*메인 변경 후=============================================================================*/

.notify-wrap {display:none;}
.notify-wrap > .inline-button .btn-text-down {margin:0 0 2.0rem;}
.notify-box + .notify-box {margin-top:6.0rem;}
.notify-date {position:relative;}
.notify-date span {font-size:1.4rem;color:var(--gray90);padding-right:1.2rem;background:var(--gray20);position:relative;z-index:1;}
.notify-date::after {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background:var(--gray40);z-index:0;}
.notify-timeline li {position:relative;padding:2.0rem 1.6rem;border-radius:1.6rem;background:#fff;margin-top:1.6rem;}
.notify-timeline li .notify-cont {position:relative;width:100%;padding:0 3.6rem;text-align:left;}
.notify-timeline li .notify-cont::before {content:'';position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
.notify-timeline li button.notify-cont:not(.btn-set) {background:url(../images/icon-24-arrow-right.png) no-repeat right 0 top 50%/2.4rem;}
.notify-timeline li div.notify-cont {padding-right:0;}
.notify-timeline li .btn-set {padding-right:8.0rem;min-height:7.2rem;display:flex;justify-content:space-between;flex-direction:column;}
.notify-timeline li.category1 .btn-set {background:url(../images/img-notice-01.png) no-repeat right 0 top 50%/7.2rem;}
.notify-timeline li.category4 .btn-set {background:url(../images/img-notice-04.png) no-repeat right 0 top 50%/7.2rem;}
.notify-timeline li strong {display:block;font-size:1.6rem;font-weight:700;color:var(--gray100);}
.notify-timeline li strong span {font-size:1.4rem;color:var(--gray80);font-weight:400;display:block;}
.notify-timeline li strong + p {margin-top:1.2rem;}
.notify-timeline li .amount {font-size:1.6rem;font-weight:700;}
.notify-timeline li .cont-unit {font-size:1.6rem;color:var(--gray100);}
.notify-timeline li .cont {font-size:1.4rem;color:var(--gray100);line-height:1.5;}
.notify-timeline li .cont-time {font-size:1.4rem;color:var(--gray80);}
.notify-timeline li .btn-text-arrow {margin-top:0.3rem;display:inline-block;}
.notify-timeline li p + p {margin-top:0.3rem;}
.notify-timeline .category1 .notify-cont::before {background-image:url(../images/icon-notify-01.png);} /* 입출금 */
.notify-timeline .category2 .notify-cont::before {background-image:url(../images/icon-notify-02.png);} /* 외환정보 */
.notify-timeline .category3 .notify-cont::before {background-image:url(../images/icon-notify-03.png);} /* 환율 */
.notify-timeline .category4 .notify-cont::before {background-image:url(../images/icon-notify-04.png);} /* 마케팅 */
.notify-timeline .category5 .notify-cont::before {background-image:url(../images/icon-notify-05.png);} /* 기타 */
.notify-timeline .inline-button {text-align:center;}
.notify-timeline .inline-button button {margin-top:2.0rem;}
.notify-more .cont {height:8.5rem;overflow:hidden;}
.notify-more.open .cont {height:auto;}
.notify-more.open .btn-text-down::after {transform:rotate(180deg);}
.notify-no-data {margin-top:4.0rem;text-align:center;font-size:1.4rem;}
.btn-text-down.sm, .btn-text-arrow.sm {font-size:1.4rem;padding-right:2.0rem;}
.btn-text-down.sm::after {width:2.0rem;height:2.0rem;}
.btn-text-arrow.sm::after {width:2.0rem;height:2.0rem;top:0;}

/* 하나인증서 */
.certi-process {padding:0;}
.certi-process .box-top-desc {padding:3.0rem 2.0rem 7.0rem;background:var(--gray20);}
.certi-process .box-top-desc .complete {font-size:2.4rem;font-weight:700;}
.certi-process .certi-process-info {margin-top:-3.0rem;background:#fff;border-radius:2.0rem 2.0rem 0 0;padding:3.0rem 2.0rem 0;}

.ordered-list { list-style: none; counter-reset: counter-item;margin-top:2.0rem;}
.ordered-list__item { counter-increment: counter-item; position: relative; padding-left: 3.2rem;display: flex;padding-bottom:2.0rem;}
.ordered-list__item::before {content: counter(counter-item);display: flex;align-items: center;justify-content: center; position: absolute; top: 0.4rem;left: 0; font-size: 1.4rem; color:var(--gray80); background-color:var(--gray40);font-weight:700;width:2.4rem; height:2.4rem; border-radius:50%;}
.ordered-list__item::after {content: ''; position: absolute; top:3.6rem; left: 1.3rem; width: 1px; height:calc(100% - 3.6rem - 0.4rem);background:var(--gray50);}
.ordered-list__item:last-child::after {display:none;}

.ordered-list__item .certi-process_img {width:3.2rem;height:3.2rem;font-size:0;margin-right:0.8rem;}
.ordered-list__item:nth-of-type(1) .certi-process_img {background:url(../images/icon-certi-01.png) no-repeat 0 0/contain;}
.ordered-list__item:nth-of-type(2) .certi-process_img {background:url(../images/icon-certi-02.png) no-repeat 0 0/contain;}
.ordered-list__item:nth-of-type(3) .certi-process_img {background:url(../images/icon-certi-03.png) no-repeat 0 0/contain;}
.certi-process_txt dt {font-weight:700;margin-top:0.4rem;}
.certi-process_txt dd {font-size:1.4rem;color:var(--gray80);margin-top:1.2rem;}
.certi-process .area_con {padding:2.0rem 2.0rem 4.0rem;}
.certi-process .area_con .con-list {border:0;}
.certi-process .area_con .con-list > li {padding:2.0rem 1.6rem;border-radius:1.6rem;background:var(--gray10);border:0;}
.certi-process .area_con .con-list .status {padding-bottom:0;font-size:1.8rem;}
.certi-process .area_con .con-list li.on .status {font-weight:700;}
.certi-process .have-toggle > li::after {right:1.6rem;top:2.0rem;}

.box.bg-03 .Lbtn.btn-st08 {width:100%;margin-bottom:3.0rem;}
.box.bg-03 .Lbtn.btn-st08 span {vertical-align:middle;}
.search-v-wrap p.center {margin-bottom:3rem;color:var(--gray100);font-size:2.4rem;font-weight:700;text-align:left !important}
.search-v-wrap .button-radio + .cal-pick-wrap {margin-top:2rem;}
.search-v-wrap .cal-pick-wrap + .button-section {margin-top:2rem;}
.search-v-wrap ~ .box-wrap {min-height:auto;}
.result-num {margin:4rem 0 1.6rem 0}
.result-num .vmiddle {color:var(--gray100);font-size:1.8rem}
.result-num .vmiddle:first-child {font-weight:700}
.result-unit {margin-top:3rem}
.result-unit .btn-sort {display:flex;flex-direction:row;flex-wrap:wrap;width:100%}
.result-unit .btn-sort button {position:relative;display:flex;justify-content:center;align-items:center;flex:1;height:auto;min-height:3.6rem;text-align:center;color:var(--gray80);padding:0 0.2rem 1.2rem;font-size:1.6rem;}
.result-unit .btn-sort button:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gray40);}
.result-unit .btn-sort .active {color:var(--gray90);font-weight:700;}
.result-unit .btn-sort .active:after {height:4px;background:var(--gray90);}
.graph-box {margin:1.0rem 0 3.0rem;position:relative;}
.graph-box .graph-tooltip {text-align:left;color:var(--gray90);}
.graph-box + .board-wrap tbody td span {display:block;text-align:right;}

.switch-con {margin-top:3.0rem;}
.switch-con .htit-st04 {margin-bottom:0;}
.tit-wrap .txt-sub {font-weight:400;margin-top:0.6rem;}
.exchange-alarm {display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:var(--gray100);margin-bottom:2.4rem;}
.exchange-alarm::before {content:'';display:inline-block;width:3.0rem;height:3.0rem;font-size:0;background:url(../images/icon-30-request05.png) no-repeat 50% 50%/contain;margin-right:0.8rem;}
.exchange-alarm span {margin-left:0.4rem;}
.exchange-setting li {position:relative;border-radius:1.2rem;padding:1.6rem;background:#fff;display:flex;align-items:flex-start;flex-wrap:wrap;}
.exchange-setting li + li {margin-top:1.2rem;}
.exchange-setting li img {position:absolute;left:1.6rem;top:1.6rem;width:2.4rem;height:auto;margin-top:0.4rem;margin-right:0.8rem;}
.exchange-setting li img + p {font-size:1.6rem;color:var(--gray100);padding-left:3.2rem;}
.exchange-setting li small {display:block;padding-left:3.2rem;font-size:1.4rem;color:var(--gray80);flex:0 0 100%;}
.exchange-setting li p + small {margin-top:0.8rem;}
.exchange-setting li small + small {margin-top:0.2rem;}
.exchange-setting.modify  p {padding-right:3.0rem;}
.exchange-setting .del-btn {position:absolute;top:1.6rem;right:1.6rem;}

.switch-toggle .switch-con {display:none;}
.switch-toggle.on .switch-con {display:block;}
.switch-toggle.on .btn-switch-toggle {background:var(--primary);}
.switch-toggle.on .btn-switch-toggle::after {left:auto;right:0.2rem;}

.choice label.type-line {background:none !important;padding-right:1.6rem !important;}
.choice label.type-line::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.2rem;border:1px solid var(--gray40);}
.choice input[type=radio]:checked + label.type-line {background:none;font-weight:700;}
.choice input[type=radio]:checked + label.type-line::before {border:2px solid var(--primary);}

.info-amount-wrap .info-amount-value span.unit {font-size:1.8rem;font-weight:400;color:var(--gray90);vertical-align:0;margin-right:0;}
.info-amount-wrap .info-amount-value span + span {margin-right:0;margin-left:0.3rem;}
.amount-set .inp .unit {min-width:6.0rem;}
.amount-set .inp .unit + input {width:calc(100% - 6.0rem);}
.amount-set input {text-align:right;padding-right:1.6rem !important;}
.amount-set .amount1 {}
.amount-set .amount2 {flex:0 0 8.0rem;}
.amount-set span.dot {display:inline-block;padding:0 0.8rem;line-height:6.3rem;text-align:center;flex:0;position:relative;font-size:0.1rem;margin:-1px;color:transparent;width:2.2rem;}
.amount-set span.dot::before {content:'';position:absolute;left:50%;bottom:0.8rem;transform:translateX(-50%);width:0.3rem;height:0.3rem;background:var(--gray90);border-radius:50%;}
.amount-set .set-txt {font-size:1.8rem;color:var(--gray100);margin-left:0.8rem;display:flex;align-items:center;justify-content:flex-end;text-align:right;flex:none;max-width:11.2rem;letter-spacing:-0.05rem;}
@media screen and (max-width: 392px) {
	.amount-set .amount2 {flex:0 0 7.0rem;}
}
@media screen and (max-width: 374px) {
	.amount-set .amount2 {flex:0 0 6.2rem;}
}

/**** 오픈뱅킹 ****/
.inline-button.center .mbtn {width:100%;}
.scroll.vbox .box-wrap .box:last-child {padding-bottom:4.0rem;}
.no-data p.banked_txt {font-size:1.6rem;font-weight:400;color:var(--gray90);margin-top:1.0rem;}
.agree-wrap .con-list li .nolink {width:100%;text-align:left;font-size:1.4rem;}
.agree-wrap .con-list .agree-tit {font-size:1.6rem;font-weight:700;padding:1.9rem 0 1.9rem;}
.koas .inp input[role=button] {pointer-events:none;}

.koas .box.bg-03 {display:flex;flex-direction:column;}
.koas .box.bg-03 .inline-button .btn-st03 {border-color:var(--gray50);color:var(--gray80);}
.koas .box.bg-03 .inline-button .btn-st03:active {background:var(--gray20);}
/* .scroll.bg-04 {background:var(--white);padding:0 2.0rem calc(4.0rem + 1.6rem);} */
/* .scroll.bg-04 .box.bg-03, .koas .scroll.bg-04 .box.bg-03 ~ .box {padding:0 !important;margin:0 !important} */
.koas-guide .top-cont {text-align:center;margin-top:2.0rem;}
.koas-guide .top-cont .txt1 {font-size:1.6rem;color:var(--primary);font-weight:700;}
.koas-guide .top-cont .txt2 {font-size:2.4rem;color:var(--gray100);font-weight:700;margin-top:1.6rem;}
.koas-guide .img-guide {margin:3.0rem 0;text-align:center;}
.koas-guide .img-guide img {width:25.0rem;}
.koas-guide .mid-cont .txt {font-size:1.6rem;color:var(--gray100);text-align:center;margin-bottom:3.0rem;}
.koas-guide .mid-cont .txt span {color:var(--primary);}
.koas-guide .mid-cont .button-section {flex-direction:column;}
.koas-guide .mid-cont .button-section strong {font-size:1.8rem;font-weight:700;color:var(--gray100);width:100%;margin-bottom:1.6rem;text-align:left;}
.koas-guide .mid-cont .button-section button {padding:2.0rem 4.8rem 2.0rem 1.6rem;border-radius:1.6rem;background:var(--gray10) url(../images/icon-24-arrow-right.png) no-repeat right 1.6rem top 50%/2.4rem;border:0;text-align:left;height:auto;min-height:auto;font-size:1.6rem;font-weight:700;color:var(--grah90);margin:0;}
.koas-guide .mid-cont .button-section button + button {margin-top:1.6rem;}
.koas-guide .bott-cont {margin-top:1.0rem;border-radius:1.6rem;padding:2.0rem 1.6rem;background:var(--bg-secondary);}
.koas-guide .bott-cont h2 {font-size:1.6rem;margin-bottom:2.0rem;font-weight:700;padding-left:3.2rem;background:url(../images/icon-24-alert.png) no-repeat left center/2.4rem;color:var(--primary01);}
.koas-guide .bott-cont h2 + p {font-size:1.4rem;color:var(--gray100);margin-bottom:3.0rem;}
.koas-guide .bott-cont h3 {font-size:1.4rem;margin:2.0rem 0 1.0rem;font-weight:700;}
.koas-guide .bott-cont .txt-dot {font-size:1.4rem;padding-left:1.0rem;margin-top:1.0rem !important;}
.koas-guide .bott-cont .txt-dot::before {top:1.0rem;}
.koas-guide .bott-cont .txt-indent {position:relative;padding-left:2.2rem;font-size:1.4rem;text-indent:-1.0rem;color:var(--gray80);}
.koas-guide .bott-cont .txt-dot + .txt-indent {margin-top:0.6rem;}

/* 이메일/권유직원 */
.cont-email strong {display:block;font-size:2.4rem;color:var(--gray100);font-weight:700;}
.cont-email small {display:block;font-size:1.6rem;margin-top:1.0rem;}
.cont-email .txt-email {margin:3.0rem 0 2.0rem;padding:1.8rem 1.6rem;border-radius:1.2rem;background:var(--gray30);font-size:1.8rem;color:var(--gray100);}
.cont-email .input {display:none;}
.cont-email .input .form-wrap:nth-of-type(1) {margin-top:3.0rem;}
.cont-email .input .form-wrap:nth-of-type(2) {margin:1.6rem 0 2.0rem;}
.cont-email  span.at {display:inline-block;padding:0 0.8rem;line-height:6.3rem;text-align:center;flex:0;min-width:3.3rem;}
.cont-email .input .btn-wrap {display:-webkit-flex;-webkit-justify-content:space-between;display:flex;justify-content:space-between;}
.cont-email .input .btn-wrap .sbtn {height:auto;}
.cont-email .input .btn-wrap .sbtn + .sbtn {margin-left:1.2rem;}
.term_inp .tit + small {color:var(--gray80);font-size:1.4rem;margin:-0.6rem 0 1.6rem;display:block;}
.inp.inp-sel {position:relative;}
.inp.inp-sel select {flex:1;color:var(--gray100);font-size:1.8rem;height:6.3rem;padding:1.8rem 4.8rem 1.8rem 1.6rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:url(../images/icon-24-down.png) no-repeat right 1.6rem top 50%/2.4rem;}

.agree-cont {font-size:2.4rem;font-weight:700;margin-bottom:3.0rem;}
.write + .list.dash li:before {width:0.3rem;height:0.3rem;background:var(--gray80);border-radius:50%;}

.koas-step {display:flex;flex-direction:column;margin-top:-1.0rem;}
.koas-step h2 {font-size:2.4rem;color:var(--gray100);font-weight:700;display:flex;order:2;}
.koas-step ul {display:-webkit-flex;display:flex;justify-content:flex-end;order:1;margin-bottom:3.0rem;}
.koas-step ul li {position:relative;display:table-cell;width:2.4rem;height:2.4rem;border-radius:50%;background-color:var(--gray40);margin-left:0.8rem;counter-increment:num;}
.koas-step ul li::before {content:counter(num);position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.4rem;font-weight:700;color:var(--gray80);text-align:center;line-height:2.4rem;}
.koas-step ul li.on {background-color:var(--primary);}
.koas-step ul li.on::before {color:#fff;}
.koas-step + .cont-txt .txt {font-size:1.6rem;margin-top:1.0rem;}
.koas-step + .cont-txt .txt-spe {margin-top:1.0rem;}
.agree-wrap .all-chk .chk-st02 small {margin-left:0.4rem;}
.agree-wrap.type02 + .agree-wrap.type02 {margin-top:1.6rem;}
.agree-wrap.type02 .con-list.vertical li.toggle-cont {margin:1.6rem 0 1.6rem 2.4rem;}
.agree-wrap.type02 .con-list.vertical li.toggle-cont > div {width:100%;flex-direction:column;align-items:flex-start;}
.agree-wrap.type02 .con-list.vertical li.toggle-cont > div strong {font-size:1.4rem;font-weight:700;color:var(--gray90);}
.agree-wrap .check-wrap.type-brd {display:flex;flex-direction:column;}
.agree-wrap .check-wrap.type-brd label {padding:0;margin-top:1.6rem;}
.type-brd {width:100%;display:-webkit-flex;-webkit-justify-content:space-between;display:flex;justify-content:space-between;}
.type-brd .txt-point-2 input[type="checkbox"] {width:2.4rem;height:2.4rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;border-radius:0.6rem;border:1px solid var(--gray40);margin-right:0.8rem;vertical-align:text-bottom;}
.type-brd .txt-point-2 input[type="checkbox"]:checked {background:var(--primary) url(../images/icon-form-check-white.png) no-repeat 50% 50%/2.4rem;border:0;}

.box-wrap.koas {min-height:auto;}/* 2차 삭제예정 */
.add-list {margin-top:4.0rem;}/* 2차 삭제예정 */
.koas-v2 .box-wrap{min-height:auto;}
.box-top-desc .txt-attent {position:relative;color:var(--error);margin-top:3.0rem;}/* 2차 삭제예정 */
.bg-box .txt-attent {position:relative;color:var(--error);margin-bottom:0.8rem;margin-top:0;}
.self-inp {display:none;margin-top:2.0rem;} 
.self-inp button, .self-inp input {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.self-inp button.btn-del {position:relative;transform:translateY(0);}
.koas-v2 .self-inp {display:block;margin-top:0;}
.choice-wrap + .self-inp {display:none;margin-top:2.0rem;}

/* ↓↓↓↓↓ 오뱅 계좌는 2차때 없어질 예정(공통사용) ↓↓↓↓↓ */
.koas .box.bg-03 .box-st-rd {order:2;background:var(--bg-secondary);padding:2.0rem 1.6rem;border-radius:1.6rem;font-size:1.4rem;color:var(--gray100);margin-top:3.0rem;}
.koas .box.bg-03 .box-st-rd + .box-top-desc {order:1;text-align:center;}
.koas .box.bg-03 .box-st-rd + .box-top-desc * {justify-content:center;}
.koas .box-top-desc.closed {padding:2rem 0;text-align:center;}
.koas .box-top-desc.closed::before {content:'';display:block;width:100%;height:15.0rem;margin-bottom:2.0rem;background:url(../images/img-bg-closed.png) no-repeat 50% 0/15.0rem;}
.koas-accnt .cont-txt {padding:0 0 3.0rem;text-align:left;}
.koas-accnt .cont-txt strong {font-size:2.0rem;}
.koas-accnt .cont-txt .txt {font-size:1.6rem;margin-top:1.0rem;}
.koas-accnt .cont-txt .txt-spe {margin-top:1.0rem;}
.koas-accnt .cont-txt .txt-sub {font-size:1.4rem;color:var(--gray80);margin-top:1.0rem;} /* 2차 삭제예정 */
.koas-accnt .btn-tip {position:relative;display:inline-block;height:3.2rem;line-height:3.2rem;padding:0 1.5rem;background-color:#fff;border:1px solid var(--gray40);font-size:1.2rem;color:var(--gray90);border-radius:0.8rem;margin-bottom:0.8rem;}
.koas-accnt .btn-tip::after {content:'';position:absolute;left:1.0rem;bottom:-0.5rem;display:block;width:1.0rem;height:1.0rem;background-color:#fff;border-right:1px solid var(--gray40);border-bottom:1px solid var(--gray40);-webkit-transform:scaleX(0.6) rotate(45deg);transform:scaleX(0.6) rotate(45deg);}
.koas-accnt .button-section .btn-accnt-info {background:var(--bg-secondary);color:var(--primary01);}/*2차 삭제*/
.koas-accnt .button-section .btn-accnt-info:active {background:#bae2e5;color:var(--primary01);}/*2차 삭제*/
.koas-accnt .button-section + .self-inp {margin-top:3.0rem !important;}/*2차 삭제*/
.koas-accnt .btn-self-inp {text-align:right;margin-top:1.6rem;}
.koas-accnt .self-inp {display:none;margin-top:2.0rem;} 
.koas-accnt .self-inp button, .koas-accnt .self-inp input {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.koas-accnt .self-inp button.btn-del {position:relative;transform:translateY(0);}
.koas-accnt .self-inp button.btn-cert {margin-right:1.6rem;}/* 2차 삭제예정 */
.koas-accnt-list > li {position:relative;width:100%;border-radius:1.6rem;padding:2.0rem 1.6rem;display:flex;flex-wrap:wrap;background:var(--gray10);flex-direction:column;}
.koas-accnt-list li .info {flex:1;text-indent:-3.2rem;margin-left:3.2rem;margin-right:3.2rem;}
.koas-accnt-list li img {width:2.4rem;height:2.4rem;margin-right:0.8rem;font-size:0;vertical-align:top;}
.koas-accnt-list li .name {font-size:1.6rem;color:var(--gray100);text-align:left;}
.koas-accnt-list li .num {display:block;font-size:1.4rem;color:var(--gray80);padding-left:3.2rem;}
.koas-accnt-list li .date_blue {font-size:1.4rem;color:var(--down);padding-left:3.2rem;}
.koas-accnt-list li .date_red {font-size:1.4rem;color:var(--up);padding-left:3.2rem;}
ul.koas-accnt-list li + li {margin-top:1.6rem;} /* 2차 삭제*/
.koas-accnt-list .btn-accnt-del {display:block;z-index:4;}
.koas-accnt-list.setup .btn-accnt-del {top:2.0rem;transform:translateY(0);}
.koas-accnt-list.setup .check-set {display:-webkit-flex;-webkit-justify-content:flex-end;display:flex;justify-content:flex-end;width:100%;margin-top:2.0rem;background:#fff;border-radius:1.2rem;padding:1.0rem 1.6rem;}
.koas-accnt-list.setup .check-set input {width:1.6rem;height:1.6rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/contain;margin-top:0.4rem;}
.koas-accnt-list.setup .check-set label {font-size:1.6rem;font-weight:400;color:var(--gray100);margin-left:0.8rem;flex:1;}
.koas-accnt-list.setup .check-set input:checked {background-image:url(../images/icon-form-check-on.png);}
.koas-accnt-list.setup .check-set input:checked + label {font-weight:700;}
.koas-accnt-list.setup .check-set input:disabled, .koas-accnt-list.setup .check-set input:disabled + label {opacity:0.6;}
.koas-accnt-list.setup ~ .box-foot-desc {margin-top:4.0rem;}
.koas-accnt-list.setup ~ .box-foot-desc .btn-st03 {width:100%;}
.scroll > .koas-accnt-list.setup {margin-bottom:3.0rem;}
.koas-accnt-list.setup + .button-section {margin-top:4.0rem;}

.koas-accnt-list .item-list {position:relative;border-radius:1.6rem;background:#fff;padding:2.0rem 0;}
.koas-accnt-list .item-list::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.6rem;border:1px solid var(--gray40);}
.koas-accnt-list .item-list.on::before {border:2px solid var(--primary);}
.koas-accnt-list .item-list .item-list-head {position:relative;padding:0 1.6rem 0 4.8rem;overflow:hidden;}
.koas-accnt-list .item-list .item-list-head::after {content:'';position:absolute;top:0;left:1.6rem;display:block;width:2.4rem;height:2.4rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;border:1px solid var(--gray40);border-radius:0.6rem;}
.koas-accnt-list .item-list.on .item-list-head::after {border:0;background-color:var(--primary);background-image:url(../images/icon-form-check-white.png);background-size:2.4rem;}
.koas-accnt-list .item-list + .item-list,
.koas-accnt-list .item-list ~ .item-list {margin-top:1.6rem;}

.koas-accnt-list .item-list img {width:2.4rem;height:2.4rem;font-size:0;margin-right:0.8rem;}
.koas-accnt-list .item-list .ac-name {display:block;color:var(--gray100);font-size:1.4rem;word-break:break-word !important;}
.koas-accnt-list .item-list .ac-name span {color:#8e9796;font-size:1.3rem;}
.koas-accnt-list .item-list .ac-num {display:block;color:var(--gray80);font-size:1.4rem;}
.koas-accnt-list .item-list .ac-num span {vertical-align:text-bottom;padding-right:0.4rem;}
.koas-accnt-list .item-list .bk-name {display:flex;font-size:1.6rem;color:var(--gray100);}
.koas-accnt-list .item-list .bk-name ~ * {padding-left:3.2rem;}
.koas-accnt-list .item-list .bk-name .bk-type {display:inline-block;padding:0.4rem 0.6rem;border-radius:0.8rem;background:var(--gray30);font-size:1.2rem;font-weight:700;color:var(--cancel);margin-left:0.4rem;} /* 2차 삭제 */
.koas-accnt-list .item-list .bk-type2 {display:inline-block;margin-left:0.5rem;line-height:1.8rem;height:2rem;font-size:1rem !important;vertical-align:top;color:#b1b3ba !important;opacity:1;}
.koas-accnt-list .item-list .bk-type {display:inline-block;padding:0.4rem 0.8rem;border-radius:0.8rem;background:var(--gray30);font-size:1.2rem;font-weight:700;color:var(--cancel);}
.koas-accnt-list .item-list .item-list-head > .bk-type + .bk-type {margin-left:0.8rem;}
.koas-accnt-list .item-list .bk-type + .bk-name {margin-top:1.2rem;}

.koas-accnt-list .item-list .info-amount {width:100%;display:flex;flex-direction:column;}
.koas-accnt-list .item-list .info-amount > div {text-align:right;order:1;}
.koas-accnt-list .item-list .info-amount > div strong {font-size:2.4rem;font-weight:700;color:var(--gray100);}
.koas-accnt-list .item-list .info-amount > div span {margin-right: 0.3rem;font-size:1.8rem;color:var(--gray100);vertical-align:middle;}
.koas-accnt-list .item-list.disabled:before {content:'';display: block;position: absolute;top:0;left:0;width: 100%;height:100%;z-index:5;}
/*
.koas-accnt-list .item-list.disabled .item-list-head * {color:#c7cece !important;}
.koas-accnt-list .item-list.disabled .bk-name .i-bank {opacity:0.6;}
.koas-accnt-list .item-list.disabled .item-list-head::after {border:0;background-color:var(--gray50);}
*/
.koas-accnt-list .item-list.disabled {background:var(--gray10);}
.koas-accnt-list .item-list.disabled .item-list-head::after {background-color:var(--gray50);}
.koas-accnt-list .date_blue {font-size:1.4rem;color:var(--ready);margin-top:0.8rem;}
.koas-accnt-list .date_red {font-size:1.4rem;color:var(--up);margin-top:0.8rem;}
.koas .agree-wrap .con-list.st-03 .btn-st08.none-arrow {background:none;}
/* ↑↑↑↑↑ 오뱅 계좌는 2차때 없어질 예정(공통사용) ↑↑↑↑↑ */

.koas-Allchk {position:relative;width:100%;display:flex;justify-content:flex-start;align-items:center;margin-bottom:2.0rem;font-size: 1.6rem;color:var(--gray100);font-weight:400;padding:2.0rem 1.6rem 2.0rem 4.8rem;}
.koas-Allchk::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.2rem;border:1px solid var(--gray40);}
.koas-Allchk::after {content:'';position:absolute;top:50%;left:1.6rem;transform:translateY(-50%);right:0;display:block;width:2.4rem;height:2.4rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;border:1px solid var(--gray40);border-radius:0.6rem;margin-left:0;}
.koas-Allchk.on, .koas-Allchk.on strong {font-weight:700;}
.koas-Allchk.on::before {border:2px solid var(--primary);}
.koas-Allchk.on::after {border:0;background-color:var(--primary);background-image:url(../images/icon-form-check-white.png);background-size:2.4rem;}

.koas-account .addAcct {margin-bottom:2.0rem;font-size:1.6rem;color:var(--primary);padding-left:2.7rem;background:url(../images/icon-24-plus.png) no-repeat left center/2.4rem;width:auto;margin-left:auto;}
.koas-account .del-btn {margin-top:0;}
.koas-account .date_blue {font-size:1.4rem;color:var(--ready);margin-top:0.8rem;}
.koas-account .date_red {font-size:1.4rem;color:var(--up);margin-top:0.8rem;}
.koas-account > li::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.6rem;border:1px solid var(--gray40);}
.koas-account li label.account-box {background:none !important;padding-left:4.8rem;} 
.koas-account li label.account-box::before {display:none;}
.koas-account li label.account-box::after {content:'';position:absolute;top:2.0rem;left:1.6rem;display:block;width:2.4rem;height:2.4rem;background:url(../images/icon-form-check-off.png) no-repeat 50% 50%/1.6rem;border:1px solid var(--gray40);border-radius:0.6rem;}
.koas-account li label.account-box .bk-type {display:inline-flex;padding:0.4rem 0.8rem;border-radius:0.8rem;background:var(--gray30);font-size:1.2rem;font-weight:700;color:var(--cancel);}
.koas-account li label.account-box .bk-type + .bk-type {margin-left:0.8rem;}
.koas-account li.on::before {border:2px solid var(--primary);}
.koas-account li input:checked + label.account-box::after {border:0;background-color:var(--primary);background-image:url(../images/icon-form-check-white.png);background-size:2.4rem;}
.koas-account li.disabled {background:var(--gray10);border-radius:1.6rem;}
.koas-account li.disabled::before {content:'';display: block;position: absolute;top:0;left:0;width: 100%;height:100%;z-index:5;}
.koas-account li.disabled label.account-box::after {background-color:var(--gray50);}
 
.koas-account .relate-item-wrap {margin-top:0;}
.koas-account .relate-item-wrap.on {padding-bottom:6.0rem;}
.koas-account .relate-item-wrap .btn-relate {margin-top:0;padding:2.0rem 0;}
.koas-account .relate-item-list {margin-top:0;}
.koas-account .account-type {flex:0 0 100%;display:flex;}
.koas-account .account-type .bk-type {margin-bottom:1.2rem;}
.relate-item-wrap {padding:0 1.6rem;margin-top:0.8rem;position:relative;display:flex;flex-direction:column;}
.relate-item-wrap .btn-relate {order:2;margin-top:2.0rem;border-top:1px solid var(--gray30);padding-top:2.0rem;}
.relate-item-wrap .btn-relate span {position:relative;font-size:1.4rem;color:var(--gray80);padding-right:2.3rem;}
.relate-item-wrap .btn-relate span::after {content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:2.0rem;height:2.0rem;background:url(../images/icon-24-down-gray.png) no-repeat 50% 50%/contain;}
.relate-item-wrap.on {padding-bottom:4.1rem;}
.relate-item-wrap.on .btn-relate {position:absolute;bottom:0;left:0;right:0;width:100%;margin-top:0;border:0;}
.relate-item-wrap.on .btn-relate span::after {transform:translateY(-50%) rotate(180deg);}
.relate-item-wrap.on .relate-item-list {display:block;order:2;}
.relate-item-list {display:none;border-radius:1.2rem;padding:1.1rem 1.6rem;background:var(--gray10);margin-top:1.6rem;}
.relate-item-list li {padding:0.5rem 0;display:flex;align-items:center;justify-content:space-between;}
.relate-item-list li strong {font-size:1.4rem;color:var(--gray90);}
.relate-item-list li span {font-size:1.4rem;color:var(--gray100);}

.input-login + .box-foot-desc {text-align:center;margin-top:12.0rem;}
.koas .box-foot-desc, .agree-accnt-info + .box-foot-desc {margin-top:4.0rem !important;text-align:center;}
.agree-accnt-info + .box-foot-desc:before {display:none;}

.board-tit {font-size:1.8rem;font-weight:700;margin:3.0rem 0 1.6rem !important;}
.board-tit:first-child {margin-top:0 !important;}
.board-tit + .con-list.have-toggle {border-top:1px solid var(--gray30);}
.koas-complete .koas-step {opacity:0;margin-top:-1px;height:1px;}
.koas-complete .koas-step h2 {display:none;} /* 2차삭제 */
.koas-complete .box-top-desc {padding-bottom:4.0rem;}
.koas-complete .box-top-desc .stxt{text-align:center;display:block;margin-top:1rem;}
.koas-complete .box-top-desc + .box {background-color:var(--white);border-radius:3.0rem 3.0rem 0 0;flex:100%;}
.koas-complete .box-top-desc .complete {display:block;text-align:center;font-size:2.4rem;font-weight:700;color:var(--gray100);}
.koas-complete .box-top-desc .complete::before {content:'';width:7.2rem;height:7.2rem;background:url(../images/icon-72-done.png) no-repeat 50% 50%/contain;display:block;margin:0 auto 2.0rem;}
.koas-complete .box-top-desc ~ div:not([class*=button]) {margin-top:3.0rem;}
.koas-complete .board.list thead th {font-size:1.4rem;}
.koas-complete .board.list tbody td:first-child {background:var(--gray10);}
.koas-complete .board.list .name, .koas-complete .board.list .num  {font-size:1.4rem;color:var(--gray90);}
.koas-complete .board.list .msg {font-size:1.2rem;color:var(--gray70);}
.koas-complete .board.list .icon-chk {background:url(../images/icon-24-table-check.png) no-repeat 50% 50%/contain;width:2.4rem;height:2.4rem;display:block;margin:0 auto;}
.koas-complete .con-list.have-toggle .toggle-con {width:calc(100% + 4.0rem);}
.koas-complete .con-list {margin:0 !important;}
.koas-complete .con-list li {}
.koas-complete .con-list .name {font-size:1.6rem;color:var(--gray100);}
.koas-complete .con-list .num {font-size:1.4rem;color:var(--gray80);}
.koas-complete .have-toggle > li::after {top:calc(2.0rem + 1.1rem);}
.btn-koas-accnt {margin-top:4.0rem;padding:2.0rem 4.8rem 2.0rem 4.3rem;background:url(../images/icon-24-add-accnt.png) no-repeat left 1.6rem top 2.0rem/2.4rem, url(../images/icon-24-arrow-right.png) no-repeat right 1.6rem top 50%/2.4rem;background-color:var(--gray10);border-radius:1.6rem;text-align:left !important;}
.btn-koas-accnt strong {display:block;font-size:1.8rem;font-weight:700;color:var(--gray100);}
.btn-koas-accnt small {display:block;font-size:1.4rem;font-weight:400;color:var(--gray90);margin-top:0.4rem;}

.box-top-desc.closed::before {content:'';display:block;width:100%;height:15.0rem;margin-bottom:5.0rem;background:url(../images/img-bg-closed02.png) no-repeat 50% 0/15.0rem;}
.box-top-desc.closed .mtxt {display:block;font-size:2.0rem;}
.box-top-desc.closed * {text-align:center;justify-content:center;}
.koas-v2 .box-top-desc.closed::before {background:url(../images/img-bg-closed.png) no-repeat 50% 0/15.0rem;}
.koas-v2 .box-top-desc.closed.done::before {background:url(../images/img-bg-closed-done.png) no-repeat 50% 0/15.0rem;}
.img-box.koas-close01 {margin:0 auto 5rem;width:15rem;height:15rem;background:url(../images/img-150-koas01.png) no-repeat center center/contain;}

/* 서비스 재동의 */
.koas-v2 .box-top-desc.agree::before {content:'';display:block;width:100%;height:15.0rem;margin-bottom:5.0rem;background:url(../images/img-bg-agree.png) no-repeat 50% 0/15.0rem;}
.koas-v2 .box-top-desc.agree .mtxt {display:block;font-size:2.0rem;}
.koas-v2 .box-top-desc.agree * {text-align:center;justify-content:center;}

/* 휴대폰인증 유의사항 */
.noti-list .content {padding-bottom:2.0rem;} 
.noti-list .content .list {margin-top:3.0rem;}
.noti-list .inline-button {margin-top:4.0rem;display:flex;}
.noti-list .inline-button button {flex:1;}
.noti-list .inline-button button + button {margin-left:1.2rem;}

/* 약관 */
.agree-accnt-info ~ .tit-st01 {margin-bottom:0;}
.tit-st01 + .agree-accnt-info {margin-top:1.6rem;}
.agree-wrap + .agree-accnt-info {margin-top:3.0rem;height:24.0rem;}
.agree-accnt-info {background-color:var(--gray10);padding:2.0rem 1.6rem;color:var(--gray80);border-radius:1.6rem;}
.agree-accnt-info.scroll {overflow-y:auto;}
.agree-accnt-info h3 {font-size:1.5rem !important;}
.agree-accnt-info h3:first-child {margin-top:0;}
.agree-accnt-info .agree-detail-wrap {padding-bottom:0;}
.agree-accnt-info .agree-detail-wrap > li {border-bottom:0;margin-top:0;margin-bottom:3.0rem;}
.agree-detail-wrap .scroll {padding:0;}
.agree-detail-wrap li + li,
.agree-detail-wrap .contract-content li + li {margin-top:3.0rem;}
.agree-detail-wrap .paragraph-title {display:block;margin-bottom:3.0rem;font-size:2.4rem;font-weight:700;color:var(--gray100);}
.agree-detail-wrap .paragraph-title small {font-size:1.6rem;font-weight:400;}
.agree-detail-wrap .contract-header {margin-bottom:3.0rem;padding:2.0rem;background:var(--gray10);border-radius:1.6rem;}
.agree-detail-wrap .paragraph-box * {word-break:break-word !important;}
.agree-detail-wrap .paragraph-box .ta-r {text-align:right;}
.agree-detail-wrap .paragraph-box .ta-c {text-align:center;}
.agree-detail-wrap .paragraph-box .txt-b:not(td) {font-weight:700;display:inline-block;margin-bottom:0.8rem;}
.agree-detail-wrap .paragraph-box .mr10 {margin-right:1.0rem;} 
.agree-detail-wrap .paragraph-box strong {margin:0;vertical-align:baseline;} 
.agree-detail-wrap .contract + .contract {margin-top:3.0rem;}
.agree-detail-wrap input[type="checkbox"] {width:1.6rem;height:1.6rem;background:url(../images/icon-16-check-off.png) no-repeat 0 0/contain;}
.agree-detail-wrap input[type="checkbox"]:checked {background-image:url(../image/icon-16-check-on.png);}
.agree-detail-wrap input[type="checkbox"] + label {font-size:1.4rem;vertical-align:text-top;color:var(--gray90);padding-left:0.8rem;}
.agree-detail-wrap .list.num-circle > li:before {top:0.2rem;line-height:1.4rem;width:1.8rem;height:1.8rem;font-size:1.3rem;}
.agree-detail-wrap .list.num-circle > li {padding-left:2.4rem;}
.agree-detail-wrap .list.num-circle > li + li,
.agree-detail-wrap table {margin:1.0rem 0 2.0rem;}
.agree-detail-wrap table * {font-size:1.4rem !important;}
.agree-detail-wrap table td ul li + li {margin-top:1.2rem;}
.agree-detail-wrap td > table * {font-size:1.2rem !important;}
.agree-detail-wrap table + p ~ p {margin-top:1.2rem;}
.agree-detail-wrap .txt-square {font-size:8px !important;line-height:1.6;vertical-align:text-top;}
.agree-detail-wrap .chk-wrap {margin:15px 0 0 0;padding:0;text-align:right;}
.agree-detail-wrap .txt-bold-line {font-weight:bold; text-decoration:underline;}


/* 은행선택 */
.koas-bank-lists {display:grid;grid-gap:1.2rem;grid-template-columns:1fr 1fr 1fr;}
.koas-bank-lists li {position:relative;}
.koas-bank-lists li a {position:relative;display:flex;padding:1.6rem 1.2rem;border-radius:1.6rem;background:var(--gray10);border:1px solid var(--gray20);flex-direction:column;height:100%;align-items:center;justify-content:flex-start;}
.koas-bank-lists li a span {font-size:1.4rem;color:var(--gray90);word-break:break-word !important;text-align:center;flex:1;display:flex;align-items:center;}
.koas-bank-lists li a img {display:block;margin:0 auto 0.6rem;width:2.6rem;}

.box-top-desc > p:not([class]) {font-size:2.4rem;font-weight:700;color:var(--gray100);}
.box-top-desc > p + span {display:block;}

/* 거래내역 */
.con-box .con-header.accnt-others img {width:2.4rem;height:2.4rem;}
.accnt-others {}
.accnt-others strong {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.accnt-others .i-bank {width:2.4rem;height:2.4rem;vertical-align:top;margin-right:0.5rem;}
.accnt-others p {padding-left:2.9rem;margin-top:0.4rem;pointer-events:none;}
.accnt-others ~ .con-body:last-of-type * {font-size:1.4rem !important;}
.con-body + .con-body {margin-top:1.4rem;}
.con-body + .con-body em:first-of-type {margin-right:0.5rem;}
.con-box .btn-trans {border:1px solid var(--gray50);border-radius:0.8rem;padding:0.8rem 1.2rem;font-size:1.4rem;font-weight:700;color:var(--gray80);background:#fff;margin-top:2.0rem;}
.con-box .btn-trans:active :active {background:var(--gray20);}
.con-box .btn-trans + .btn-trans {margin-top:0.8rem;}
.inline-button.add-sort > div {flex:auto;}
.inline-button.add-sort .btn-sort {text-align:left;min-height:3.9rem;display:flex;align-items:flex-end;}
.inline-button.add-sort .btn-sort button {color:#021715;padding:0;margin-right:0.6rem;position:relative;width:auto;}
.inline-button.add-sort .btn-sort button + button {padding-left:1.0rem !important;}
.inline-button.add-sort .btn-sort button + button::before {content:'';position:absolute;left:0;top:50%;margin-top:-0.5rem;width:1px;height:1.0rem;background-color:#cbd1d5;}
.inline-button.add-sort .btn-sort button.active {color:#27b2a5;}
.inline-button.add-sort .btn-sch {height:auto;width:auto;margin-right:0;background:none;font-size:1.2rem;color:var(--gray80);}
.inline-button.add-sort .btn-sch > p {text-align:right;padding-right:4.0rem;}
.inline-button.add-sort .btn-sch > p span {font-size:1.4rem;display:block;}
.inline-button.add-sort .btn-sch > p span:last-child {font-size:1.2rem;}
.inline-button.add-sort .sbtn.option {margin-top:1.3rem;}

/* 계좌선택 */
.accnt-list-top {padding:3.0rem 2.0rem 0;font-size:2.4rem;font-weight:700;}
.accnt-list li {position:relative;width:100%;padding:2.0rem 4.8rem 2.0rem 1.6rem;border-radius:1.6rem;background:var(--gray10) url(../images/icon-24-arrow-right.png) no-repeat right 1.6rem top 50%/2.4rem;}
.layer-container .accnt-list li {background:#fff;padding:2.0rem 1.6rem;}
.layer-container .accnt-list li::before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid var(--gray50);border-radius:1.6rem;}
.layer-container .accnt-list li.on::before  {border:2px solid var(--primary);}
.accnt-list li + li {margin-top:1.6rem;}
.accnt-list li p {text-align:left;}
.accnt-list li .name {font-size:1.6rem;color:var(--gray100);}
.accnt-list li .num, .accnt-list li .old-num {font-size:1.4rem;color:var(--gray80);}
.accnt-list.others li .i-bank {width:2.4rem;height:2.4rem;vertical-align:top;margin-right:0.8rem;}
.accnt-list.others li .num {padding-left:3.2rem;}

/* ARS */
.bg-box.st-01 .button-section {margin-top:0;}

/* 이체내역조회 */
.search-v-wrap .search-date {display:flex;align-items:center;justify-content:center;margin-top:1.6rem;}
.search-v-wrap .search-date span {font-size:1.6rem;color:var(--gray80);}
.search-v-wrap .search-date .option {background-size:2.0rem;margin-left:0.6rem;}

.no-accnt-list,
.koas-re-agree {padding-top:2.0rem;}
.no-accnt-list button, 
.koas-re-agree button {margin-top:3.0rem;width:100%;}
.koas-re-agree p small {font-size:1.4rem;display:block;margin-top:1.6rem;}
.layer_inner .koas-re-agree {padding:0;text-align:center;}

.accnt-box {position:relative;left:0;top:0;width:100%;}
.accnt-box.fixed {position:absolute;top:0;}
.accnt-box .info {width:100%;padding:2.0rem 1.6rem;border-radius:1.6rem;background:var(--gray10);display:-webkit-flex;-webkit-flex-direction:column;-webkit-justify-content:center;display:flex;flex-direction:column;justify-content:center;}
.accnt-box .info::after {content:'';position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:url(../images/icon-24-arrow-right.png) no-repeat 0 0/contain;}
.accnt-box .info .name {font-size:1.6rem;color:var(--gray100);}
.accnt-box .info .num {font-size:1.4rem;color:var(--grah80);}
.accnt-box .info .old-acc {display:block;}
.accnt-box.others .info .i-bank {width:2.4rem;height:2.4rem;vertical-align:top;margin-right:0.8rem;}
.accnt-box.others .num {padding-left:3.2rem;}

.koas-tab ul {display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2.0rem;padding:0 2.0rem;}
.koas-tab li {position:relative;display:flex;justify-content:center;align-items:center;height:100%;min-height:3.6rem;text-align:center;color:var(--gray80);padding:0 0.2rem 1.2rem;flex:1;}
.koas-tab li::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gray40);}
.koas-tab li.active {color:var(--gray90);font-weight:700;}
.koas-tab li.active::after {height:4px;background:var(--gray90);}
.koas-tab-cont {position:relative;padding-bottom:0 !important;}
.koas-tab-cont .search-v-wrap {margin:3.0rem 0;}

.list-unit {margin-top:2.0rem;padding-bottom:1.6rem;display:flex;justify-content:flex-end;}
.list-unit .sbtn {padding:0 0.8rem;position:relative;width:auto;height:auto;min-height:auto;font-weight:400;}
.list-unit .sbtn + .sbtn::before {content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:var(--gray50);}
.list-unit .sbtn.active {color:var(--primary);}
.list-unit.fixed {position:fixed;left:0;right:0;}

.trans-list {border-top:1px solid var(--gray30);background:#fff;}
.trans-list li {position:relative;border-bottom:1px solid var(--gray30);padding:2.0rem 4.0rem 2.0rem 0;}
.trans-list li::after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:2.4rem;height:2.44rem;background:url(../images/icon-24-arrow-right.png) no-repeat 50% 50%/contain;}
.trans-list li > div {display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-between;-webkit-align-items:start;display:flex;flex-direction:row;justify-content:space-between;align-items:start;}
.trans-list li .info {font-size:1.2rem;margin-bottom:0.8rem;color:var(--gray80);}
.trans-list li .bank {font-size:1.6rem;color:var(--gray100);}
.trans-list li .status {font-size:1.4rem !important;}
.trans-list li .status.error {color:var(--up);}
.trans-list li > div span {font-size:inherit !important;color:inherit !important;font-family:inherit !important;}

.exclusive .box_ai {margin-top:0;padding-left:4.4rem;background:url(../images/img-exc-character.png) no-repeat left center/4.0rem;}
.exclusive .box_ai .inner_ai::before {left:-1.6rem;}
.exclusive .arrow-link .id-01 {padding-left:3.2rem;background:url(../images/icon-24-id01.png) no-repeat 0 0.1rem/2.4rem;}
.exclusive .arrow-link .id-02 {padding-left:3.2rem;background:url(../images/icon-24-id02.png) no-repeat 0 0.1rem/2.4rem;}
.exclusive .bg-box strong {font-size:1.8rem;color:var(--gray100);font-weight:700;}
.exclusive .bg-box strong + *, .exclusive .bg-box .inline-button {margin-top:2.0rem;}


/* My EZ 메뉴 */
.new_menu li + li {margin-top:1.6rem;}
.new_menu a {display:block;border-radius:1.6rem;padding:2.0rem 4.8rem 2.0rem 1.6rem;font-weight:700;color:var(--gray90);background:var(--gray10) url(../images/icon-24-arrow-right.png) no-repeat right 1.6rem top 50%/2.4rem;}

.area_con .con-list.have-toggle .toggle-con {padding:0 !important;}
.koas-complete .koas .con-list.have-toggle .toggle-con {width:calc(100% + 4.0rem);}

.box-wrap.security .box.type2 + .box.type2 .toggle-area:first-child .tit {border-top:0;}
.box-wrap.security .box:not(.type2) + .box.type2 {margin-top:3.0rem;}

/* 보안인증 */
.term_inp + .write {margin-top:1.6rem !important;}
.box-tit-area + .write {margin-top:3.0rem !important;}

/* 오픈뱅킹 2차 */
.koas-v2 .cont-email .output, .koas-v2 .cont-email .input {margin-top:3.0rem;}
.koas-v2 .cont-email .txt-email {margin:1.6rem 0 2.0rem;padding:1.8rem 1.6rem;border-radius:1.2rem;background:var(--gray30);font-size:1.8rem;color:var(--gray100);}
.write + .sbtn {margin-top:2.0rem;}



 
/* yoom */

.btn-text.sm {font-size:1.4rem}
.exchange-wrap .exchange.focus input {padding-right:0}

/* 한국 라이프 */
.content-top .text-tit01 {color:var(--gray100);font-size:2.4rem;font-weight:700;}
.content-top .text-tit01 + .sub-text {margin-top:1rem}
.visual-banner-wrap ul li + li {margin-top:1.6rem}
.visual-banner {position:relative;width:100%;height:18.0rem;border-radius:2rem}
.visual-banner::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2.0rem;}
.visual-banner.travel::before {background:url("../images/k-life/img-ez-life01.png") no-repeat right bottom/cover;}
.visual-banner.delivery::before {background:url("../images/k-life/img-ez-life02.png") no-repeat right bottom/cover;}
.visual-banner.job::before {background:url("../images/k-life/img-ez-life03.png") no-repeat right bottom/cover;}
.visual-banner.emergency::before {background:url("../images/k-life/img-ez-life04.png") no-repeat right bottom/cover;}
.visual-banner a {display:block;position:relative;width:100%;height:100%;border-radius:2.0rem;}
.visual-banner a::after {content:'';position:absolute;right:2.0rem;top:2.0rem;width:4.0rem;height:4.0rem;background:url(../images/k-life/icon-banner-link.png) no-repeat 50% 50%/contain;}
.visual-banner.travel a {background:url(../images/k-life/img-ez-life01-char.png) no-repeat right 4.0rem bottom 0/15.0rem 11.0rem, linear-gradient(118deg, #c4dcfb 25.48%, rgba(196, 220, 251, 0.00) 100%);}
.visual-banner.delivery a {background:url(../images/k-life/img-ez-life02-char.png) no-repeat right 4.0rem bottom 0/15.0rem 11.0rem, linear-gradient(118deg, #fad9a7 25.48%, rgba(250, 217, 167, 0.00) 100%);}
.visual-banner.job a {background:url(../images/k-life/img-ez-life03-char.png) no-repeat right 4.0rem bottom 0/15.0rem 11.0rem, linear-gradient(118deg, #a9e8ea 25.48%, rgba(169, 232, 234, 0.00) 100%);}
.visual-banner.emergency a {background:url(../images/k-life/img-ez-life04-char.png) no-repeat right 4.0rem bottom 0/15.0rem 11.0rem, linear-gradient(118deg, #fdc7ec 25.48%, rgba(253, 199, 236, 0.00) 100%);}
.visual-banner a .banner-text {display:flex;flex-direction:column;padding:2.0rem;}
.visual-banner a .banner-text strong {font-size:1.8rem;font-weight:700;color:var(--gray100);line-height:1;}
.visual-banner a .banner-text strong em {font-size:4.0rem;vertical-align:baseline;}
.visual-banner a .banner-text .sub-text {font-size:1.4rem;font-weight:400;color:var(--gray100);padding-left:0.3rem;}

/* 한국라이프 > 제휴사 목록 */
.scroll.ez-life {overflow:hidden;padding:0 !important;}
.scroll.ez-life .swipe-content, .scroll.ez-life .swiper-container {height:100%}
.bg-box-list01 {overflow-y:auto;height:100%;padding:1rem 2rem 23.4rem 2rem}
.scroll.ez-life .swiper-slide .bg-box-list01 {position:relative;/* padding-bottom:23.4rem */}
.scroll.ez-life .swiper-slide.travel .bg-box-list01 {background:url("../images/k-life/img-ez-bg01.png") no-repeat 0 100%;background-size:100%}
.scroll.ez-life .swiper-slide.delivery .bg-box-list01 {background:url("../images/k-life/img-ez-bg02.png") no-repeat 0 100%;background-size:100% 23.4rem}
.scroll.ez-life .swiper-slide.job .bg-box-list01{background:url("../images/k-life/img-ez-bg03.png") no-repeat 0 100%;background-size:100% 23.4rem}
.scroll.ez-life .swiper-slide.emergency .bg-box-list01 {background:url("../images/k-life/img-ez-bg04.png") no-repeat 0 100%;background-size:100% 23.4rem}


.bg-box-list01 ul li + li {margin-top:1.6rem}
.bg-box .logo-tit {display:flex;align-items:center;margin-bottom:0.8rem}
.logo-tit .logo {width:2.4rem;height:2.4rem}
.logo-tit .logo img {width:100%;vertical-align:top}
.logo-tit .htit-st04 {margin-left:0.6rem;color:var(--gray100)}

/* 로그인/로그아웃 인증화면  */
.scroll.log {padding:3rem 0 0 0}
.input-login {text-align:center}
.input-login .htit-st04 {margin-bottom:3rem;font-weight:400}
.input-login .i-wrap {position:relative;margin-top:7rem;display:block}
.input-login .i-wrap input {font-size:2rem; color:transparent; width:20rem; height:2rem;  text-align:center; letter-spacing:2.5rem; background-image:url("../images/bg-400-pw.png"); background-repeat: no-repeat; background-position: 50% 0; background-size:20rem;}
.i-wrap input[maxlength="4"] {width:13rem;background-position:calc(50% - 0.1rem) 0;}

.i-wrap.v-length-1 input {background-position:0 -3rem;}
.i-wrap.v-length-2 input {background-position:0 -6rem;}
.i-wrap.v-length-3 input {background-position:0 -9rem;}
.i-wrap.v-length-4 input {background-position:0 -12rem;}
.i-wrap.v-length-5 input {background-position:0 -15rem;}
.i-wrap.v-length-6 input {background-position:0 -18rem;}
 
.input-login .txt-sub {color:var(--gray90)}
.input-login.code-num .txt-sub {margin:3rem 0 1.2rem 0;font-weight:700}
.input-login.code-num .txt-sub strong {font-weight:700;vertical-align:baseline}
.input-login.code-num .list.dash {display:inline-block;margin-top:3rem}

.input-login .multi-inp {display:flex;justify-content:center;align-items:center}
.input-login .multi-inp input {margin-right:2.4rem;padding:0;width:8.0rem;height:5.2rem;color:var(--gray90);background:var(--gray30);border-radius:1.2rem;font-size:2.4rem;font-weight:700;text-align:center}
.input-login .multi-inp input[type="password"] {font:small-caption;font-size:7.4rem;padding-bottom:2rem}

.input-login .multi-inp .inp-not {display:block;width:2rem;height:2rem;background:var(--gray70);border-radius:1.2rem}
.input-login .multi-inp .inp-not + .inp-not {margin-left:1.6rem}
.input-login .multi-inp .inp-not.second {margin-right:2.4rem}

.scroll form[name*=lgn] {min-height:100%;display:flex;}
.input-login.type01 {position:relative;min-height:100%;width:100%;}
.input-login.type01 .button-section .Lbtn.btn-st05 {position:absolute;bottom:0;left:0;width:100%}

.input-login.type01 .bg-certi {display:inline-block;margin:3rem 0;width:15rem;height:15rem;font-size:0}


.input-login.type01 .i-wrap + .inline-button  {margin-top:9rem}

.input-login.type01 .certi {background:url(../images/img-150-shield.png) no-repeat 0 0/15rem 15rem}
.input-login.type01 .pattern-certi {background:url("../images/img-150-pattern.png") no-repeat 0 0/15rem 15rem}
.input-login.type01 .finger-certi {background:url("../images/img-150-bio.png") no-repeat 0 0/15rem 15rem}
.input-login.type01 .face-id {background:url("../images/img-150-face.png") no-repeat 0 0/15rem 15rem}


/* 해외송금 */
.bg-bank {background:var(--primary)}/* 계좌송금 */
.bg-benefit{background:#3b8ce3}
.bg-western-union{background:#6380a9}/* just송금 */
.bg-direct{background:#4f72d6}
.bg-wu-wallet{background:#7f5abf}

.box-wrap.send .bg-gray .tit {color:var(--gray100);font-size:2.4rem;font-weight:700;letter-spacing:-0.72px;text-align:left}
.box-wrap.send .bg-gray .tit + .button-section {margin-top:1.6rem}
.box-wrap.send .bg-gray .Lbtn.btn-st05 {display:flex;align-items:center;width:100%;background:var(--white);color:var(--gray100)}
.box-wrap.send .bg-gray .Lbtn.btn-st05:after {transform: translateY(-50%) rotate(-90deg);}
.box-wrap.send .bg-gray .Lbtn.btn-st05 img {width:2.4rem;height:1.6rem;margin-right:0.8rem}

.box-wrap.send .box.bg-gray + .box {padding-top:2rem}

.send .send-box {padding-bottom:2rem;margin-top:1.6rem;}
.send .send-box:first-child {margin-top:0;}
.send .send-box[class*="bg-0"] {border-radius:1.6rem}
.send .send-box.bg-01 {background:#ebf3fc}/* bendfit */
.send .send-box.bg-02 {background:#e5f5f6}/* 계좌송금 */
.send .send-box.bg-03 {background:#eff2f6}/* just송금 */
.send .send-box.bg-04 {background:#edf0fa}/* direct */
.send .send-box.bg-05 {background:#f2eef8}/* wu-wallet */

.send .send-box .custom-button {position:relative;flex-direction:unset;align-items:center;width:100%;height:auto;min-height:6.8rem;padding:1.4rem 5.6rem 1.4rem 1.6rem;color:#fff;border-radius:1.6rem}
.send .send-box .custom-button:after {content:"";position:absolute;right:1.6rem;top:translteY(-50%);width:4rem;height:4rem;background:url("../images/icon-40-arrow.png") no-repeat 0 0/4rem}
.send .send-box .custom-button > span:first-child {display:block;margin:0 0.8rem 0 0;width:2.4rem;height:2.4rem;opacity:1;padding:0.3rem;background:#fff;border-radius:4rem}
.send .send-box .custom-button > span:last-child {font-size:1.8rem;}

.send .send-box > .list {padding:2rem 1.6rem 0 1.6rem}
.send .send-box .list li {margin-top:0.3rem;color:var(--gray90);font-size:1.4rem;font-weight:400;letter-spacing:-0.42px}
.send .send-box .list li.has-tooltip .tool-tip-wrap {vertical-align:bottom}
.send .send-box .list li.has-tooltip .btn-tool-tip {margin-left:0}
.send .send-box .list.sep {margin-top:0.3rem}
.send .send-box .list.sep li {opacity:1}
.send .send-box .list.sep li:after {margin:0 0.6rem;background:var(--gray90);opacity:1}
.send .send-box .list.sep li:last-child:after {display:none;margin:0;}
.send .send-box .list.sep + .txt-spe {margin-top:0.3rem}
.send .send-box + .bg-box {margin-top:3rem}

.send .send-box .inline-button {margin-left:1.6rem}
.send .send-box .btn-text {margin-top:0.3rem;font-size:1.4rem}
.send-box + .button-section {margin-top:4rem}

.send-box .west-union {display:block;margin:1rem 1.6rem 0 auto;width:2.4rem;height:2.4rem;border-radius:0.4rem}

.send .box.bg-gray .htit-st03 + .button-section {margin-top:1.6rem}

/* 해외송금 이용약관 */
.agree-wrap .all-chk {margin-bottom:1.6rem}
/* .agree-wrap .all-chk .chk-st02 {font-weight:700} */
.agree-wrap .all-chk label {display:flex;align-items:center;min-height:6.4rem;padding:0 1.6rem;background:var(--gray10);border:1px solid var(--gray40);border-radius:1.2rem;}
.agree-wrap .all-chk label.checked {position:relative;background:var(--bg-secondary);width:100%;font-weight:700;}
.agree-wrap:not([class*=type]) .all-chk label.checked {border-color:transparent}
.agree-wrap .all-chk label.checked:after {content:"";position:absolute;top:0;left:0;width:100%;height:6.4rem;border:2px solid var(--primary);border-radius:1.2rem;}

.agree-wrap .con-list {border:0;width:100%}
.agree-wrap input + label {margin-left:0}

.agree-wrap .con-list li {display:flex;align-items:center;flex-wrap:wrap;padding:0;border:1px solid var(--gray40);border-radius:1.2rem;box-sizing:border-box}
.agree-wrap .con-list li .input-wrap01 {width:100%;padding:0 0 0 1.6rem}
.agree-wrap .con-list li + li {margin-top:1.6rem}
.agree-wrap .con-list li .btn-st08 {flex:unset !important;margin-left:0;width:100%;padding:1.9rem 4.8rem 1.9rem 0;min-height:6.2rem;height:auto;background:url("../images/icon-24-arrow-right.png") no-repeat right 1.4rem center/2.4rem;font-size:1.6rem;color:var(--gray100);text-align:left;white-space:inherit;display:block;}
.agree-wrap .con-list li .btn-st08.none-arrow {background:none;padding-right:1.6rem;}
.agree-wrap .all-chk + .con-list li .btn-st08 {font-size:1.4rem;color:var(--gray90);}
.agree-wrap .con-list li label {padding:0;color:var(--gray90);}
.agree-wrap .con-list li input[type="checkbox"] {margin:0 0.8rem 0 0}

.agree-wrap .con-list .input-wrap01 + .sub {padding:2rem 0 2rem 1.5rem;border-top:1px solid var(--gray40)}
.agree-wrap .con-list .sub {padding-left:0.4rem;width:100%;}
.agree-wrap .con-list .sub li {flex-wrap:wrap;border:0;padding-left:0}
.agree-wrap .con-list .sub li .btn-st08 {padding:0 4.8rem 0 0;height:auto;min-height:2.4rem;color:var(--gray90);background:url("../images/icon-20-arrow.png") no-repeat right 1.7rem center/2.0rem;font-size:1.4rem !important;}

.agree-wrap .con-list .sub li .input-wrap01 {padding-left:0.4rem}
.agree-wrap .con-list .sub li .input-wrap01 label {padding-right:4rem;color:var(--gray90)}

.agree-wrap .con-list .sub li .depth3 {flex:1;padding:0 0 0 2rem;border-top:0}
.agree-wrap .con-list .sub li .depth3 li {margin-top:1.6rem}
.agree-wrap .con-list .sub li .depth3 .input-wrap01 {padding-left:0.8rem}


.agree-wrap .con-list .input-wrap01 + .sub .txt-small {padding-right:1.6rem}

/* 해외송금 > 송금받는 정보 선택 */
.con-v-list .v-data.recent {background-color:#e9f8f9}
.space30 {margin:3rem -2rem;width: calc(100% + 4rem);height: 1rem;background: var(--gray20)}

/* 해외송금 > 계좌송금  */
.has-btn {display:inline-block}
.has-btn .ico-btn {margin-left:0;flex:none !important;vertical-align:baseline}
.has-btn .tool-tip-wrap {vertical-align: baseline}
.htit-st02.has-btn .ico-btn {margin-bottom:0.5rem;vertical-align:middle}

.radio-tab .panel {margin-top:2rem}
.radio-tab .panel > .list.dash li {margin-top:0.6rem;font-size:1.4rem}
.box.multi .box-top-desc {margin-bottom:1rem}

.text-multi-wrap .stxt {margin-bottom:1rem}

.account-con .tit-unit {display:flex;align-items:center;justify-content:flex-end;margin-top:0.8rem;color:var(--gray80);font-size:1.4rem;}
.account-con .tit-unit + .amount-unit {margin-top:0}
.account-con .acc-sub {display:block}

.toggle-con .con-list .acc-sub {display:block;color:var(--gray80) !important;font-size:1.4rem}

.have-toggle.type01 .toggle-anchor::after {top:0;transform:none}
.have-toggle.type01 .toggle-anchor.on::after {transform:rotate(-180deg);}

.board.view .have-toggle .toggle-anchor {display:flex;justify-content:space-between}
.board.view .have-toggle .toggle-anchor .label {color:var(--gray90);font-size:1.4rem}
.board.view .have-toggle .toggle-anchor.on .amount {font-weight:700}
.board.view .have-toggle .color-primary01 {color:var(--primary)}

.disc_area {display:inline-flex;justify-content:center;align-items:center;position:relative;left:50%;transform:translateX(-35%);margin-top:2rem;min-width:12.5rem;height:3.5rem;background-color:#3e9eca;color:#fff;font-size:1.4rem;font-weight:700}
.disc_area:before {content:"";position:absolute;top:0;left:-6.1rem;width:6.1rem;height:4.3rem;background-image:url(../images/bg-disc01.png);background-size:6.1rem 4.3rem}
.disc_area:after {content:"";position:absolute;top:0;right:-2.2rem;width:2.3rem;height:3.5rem;background-image:url(../images/bg-disc02.png);background-size:2.3rem 3.5rem}


.s-info .btn-arrow,
.tit-wrap.toggle .btn-arrow {position:relative;display:inline-block;padding-right:3.2rem}
.s-info .btn-arrow.on,
.tit-wrap.toggle .btn-arrow.on  {font-weight:700}
.s-info .btn-arrow:after,
.tit-wrap.toggle .btn-arrow:after {content: '';position:absolute;right:0;top: 50%;transform: translateY(-50%);background: url(../images/icon-24-down.png) no-repeat 50% 50%/contain;width:2.4rem;height:2.4rem;}
.s-info .btn-arrow.on:after,
.tit-wrap.toggle .btn-arrow.on:after {transform: translateY(-50%) rotate(-180deg);}
.tit-wrap.toggle {position:relative;margin:3rem 0 1.6rem;padding-right:2.8rem}
.tit-wrap.toggle .tit-st01 {margin:0}

.tit-wrap.toggle .btn-arrow {position:absolute;top:1.3rem;right:0}

.board-wrap.hide .board.view {padding:0}
.exchange_pay {border-radius:1.2rem;background:var(--white);padding:2.0rem 1.6rem;margin:0.4rem 0 1.6rem 0}
.exchange_pay li {display:flex;justify-content:space-between}
.exchange_pay li + li {margin-top:2rem}
.exchange_pay li span:first-child {color:var(--gray90);font-size:1.4rem;text-align:left}
.exchange_pay li span:last-child {flex:0 0 60%;color:var(--gray100);text-align:right}

.exchange_pay .color-primary01 {color:var(--primary01) !important;}
.toggle_tb .board.view {padding-bottom:1.6rem}

.board.view .border-none th,
.board.view .border-none td {border-bottom:0}
.board.view .border-none + tr td {padding:0}

.exchange_pay .has-tooltip .tool-tip-wrap {vertical-align:bottom}
.exchange_pay .has-tooltip .tool-tip-wrap .btn-tool-tip {margin-left:0}

.exchange_pay .has-btn {display:inline-block}
.exchange_pay .has-btn .btn-tool-tip {margin-left:0;vertical-align:bottom}

.box_ai {margin-top:3rem;padding-left:7.1rem;background:url(../images/img-63-ai.png) no-repeat left center/6.3rem}
.box_ai .inner_ai {display:inline-block;position:relative;margin-left:1.4rem;padding:1.2rem 1.6rem;background:linear-gradient(94deg, #106fc3 -4.39%, #01a5ac 104.69%);border-radius:1.6rem;color:#fff;font-size:1.2rem;font-weight:700;}
.box_ai .inner_ai::before {content:"";position:absolute;left:-1.8rem;top:50%;margin-top:-0.7rem;width:2.2rem;height:1.4rem;background:url(../images/icon-polygon.png) no-repeat 100% 0/2.2rem 1.15rem;transform:rotate(90deg);z-index:-1;}
.inner_ai .inner_ai_time {display:inline-block;margin-top:0.3rem}
.inner_ai .tool-tip-wrap {display:inline-block}
.inner_ai .ico-btn.note {background:url(../images/icon-20-tooltip-wh.png) no-repeat 50% 50%/contain;vertical-align:text-bottom}

.form-wrap .inp.w80 input.center {width:8rem}

.bg-box .htit-st03 + .toggle-con .list li .txt-spe {display:block}

.box-wrap .box + .box.bg-04 .tit-wrap.toggle:first-child {margin-top:0}

.box.multi + .list.dash.mt15 {margin-top:2rem !important}
.box.multi + .list.dash li:before {top:1.0rem;width:3px;height:3px;border-radius:50%;background:var(--gray80)}

/* 해외송금 > benefit 송금 */
.write-wrap {margin:2rem 0}
.write-wrap:last-child {margin-bottom:0;}
.list.dot + .write {margin-top:1rem}
.list.dot li.color-up:before {background:var(--up)}
.list.dot li.color-up .btn-text {display:block;color:var(--up);font-weight:700}
.list.dot li.color-up .btn-text:after {background:var(--up)}
.list.dot li.color-up .btn-text + p {margin-top:0.8rem}

.list.dot li.color-up .list.dash {margin-top:1rem}
.list.dot li.color-up .list.dash li {color:var(--up)}
.list.dot li.color-up .list.dash li:before {background:var(--up)}
.list.dot li.color-up .btn-text + p {margin-top:0.8rem}

.list.dot li.color-down {color:var(--down)}
.list.dot li.color-down:before {background:var(--down)}
.text-underline {text-decoration:underline}

.write dd .inp-bottom {flex:none}
.inp-bottom {position:relative;height:2.1rem;}
.inp-bottom .txt-count {font-size:1.4rem}
.inp-bottom .btn-text {position:absolute;top:0;right:0;font-size:1.4rem}

.layer-pop .board-wrap + .txt-spe {margin-top:1.2rem}

/* 해외송금 > 주(State) 선택 */
.search-wrap.bg-srch {padding-left:4rem;background-image:url(../images/icon-24-search.png);background-repeat:no-repeat;background-size:2.4rem;background-position:left 1.6rem center}
.search-wrap.bg-srch input {padding-left:0.8rem}

.state-search-wrap .con-list.search {border-top:0;}
.state-search-wrap .con-list.search li {position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:0;padding:1.5rem 0rem;border-bottom:0;}
.state-search-wrap .con-list.search li > strong {font-size:1.6rem;color:var(--gray90)}
.state-search-wrap .con-list.search li > em {font-size:1.4rem;color:var(--gray100); font-weight:700}
.state-search-wrap .con-list.search li > p, .con-list.search li > p span {font-size:1.6rem;color:var(--gray90);}
.state-search-wrap .con-list.search li > p + em {width:1.2rem;font-size:1.6rem;text-align:center;color:var(--gray100);}

/* 해외송금 > 계좌정보 입력 */
.htit-st01.has-tooltip .tool-tip-wrap {vertical-align:baseline}
.htit-st01.has-tooltip .tool-tip-wrap .btn-tool-tip {margin-left:0}

.layer-pop.alert .content > p.color-up {color:var(--up)}

.rmt-guide .banked_tg.type03 .banked_tg_con .add_txt {color:var(--gray80);border-color:var(--gray30);font-size:1.4rem}
.rmt-guide .banked_tg.type03 .banked_tg_con .num + .add_txt {margin-top:1.2rem}
.rmt-guide .banked_tg.type03 .banked_tg_con .num li .txt-spe {margin-top:1rem}
.rmt-guide .inline-button.right {display:flex;flex-direction:column;align-items:flex-end;margin-bottom:1.8rem}
.rmt-guide .inline-button.right .btn-text {margin-bottom:1.2rem;width:fit-content;text-align:right}

.rmt-guide ol.num > li {position:relative;counter-increment:num;padding-left:1.8rem;text-align:left}
.rmt-guide ol.num > li::before {content:counter(num) ".";position:absolute;left:0;top:0;width:1.8rem;}

.layer-container .content.scroll .board-wrap:first-child {margin-top:3.0rem}

.write + .bg-box {margin:2rem 0}

.list.dot + .write {margin-top:2rem}

/* 해외송금 > 유학생/체재자 송금  */
.stu_box.center .txt01 {margin-bottom:3rem;color:var(--gray100);font-size:2.4rem;font-weight:700;text-align:left !important}
.stu_box03 {margin-top:4rem;padding:2rem 1.6rem;background:var(--bg-secondary);border-radius:1.6rem}
.stu_box03 p {color:var(--gray100);font-size:1.4rem}
.stu_box03 .attnt {display:block;margin-bottom:2rem;padding-left:3.2rem;background:url('../images/icon-24-alert.png') no-repeat 0 50%/2.4rem;color:var(--primary01);font-size:1.6rem;font-weight:700}
.stu_box03 .list.dot {font-size:1.6rem}
.stu_box03 .list.dot + .list.dash {margin:1.0rem 0 0 1.1rem;color:var(--gray100);font-size:1.4rem}

.wubs_col02 {color:var(--primary01)}

.finish .comp_list_wr .comp_tit {margin-bottom:2rem;color:var(--grya100);font-size:1.8rem;font-weight:700}
.finish .comp_list_wr .comp_list li {margin-top:1.2rem;color:var(--gray80)}
.finish .comp_list_wr .list.dash {font-size:1.4rem}

/* 해외송금 >  Convera */
[class*=bg-] .box.bg-03 .htit-st02 {color:#fff}
[class*=bg-] .box.bg-03 .htit-st02 .ico-btn.note {background:url(../images/icon-20-tooltip-wh.png) no-repeat 50% 50%/contain;}
.no-space {margin:0 !important}
.more-wrap {margin:1rem 0}
.more-wrap .more-cont {display:none;}
.more-wrap.active .more-cont {display:block;}
.more-wrap.active .open {display:none}
.more-wrap .list.dot li {font-size:1.6rem}
.more-wrap .inline-button {text-align:center}
.more-wrap .btn-text-down {margin-top:0}
.more-wrap .close {margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray40)}
.more-wrap .close .btn-text-down:after {transform:rotate(-180deg);}

.more-wrap .more-text {margin-top:2rem}
.more-wrap .more-text .txt-spe {margin-top:1rem}
.exchange-wrap + .more-wrap {margin-bottom:3rem}

.write .inp + .button-section.vertical {margin-top:1rem}

.text-between {margin:2rem 0}

.exchange .no-img {font-size:1.8rem}
.exchange.readonly,
.exchange.disabled {background: var(--gray30);}

.scroll.bg-06 {padding:3.0rem 2.0rem calc(4.0rem + 1.6rem)}

/* 해외송금 > 아시아 우대송금 */
.box-top-desc .htit-st02 + .stxt {margin-top:1rem}
.con-v-list.only-name .v-name {margin-top:0}

.board.view th.color-primary01 {color: var(--primary01)}
.board.view .s-info .color-primary01 * {color: var(--primary01)}

/* 해외송금 > easy-one 이체 */
.box-wrap .box .bg-box + .write {margin-top:2rem}

.board-wrap + .list.dash.txt-point-3:before {content:'';position:absolute;left:0;top:1.1rem;width:3px;height:3px;border-radius:50%;background:var(--primary01);}

.write + .txt-dash,
.form-wrap + .list.dash {margin-top:1rem}

.box.bg-04.pdb33 {margin-top:3rem}
.list.num.mt10 .btn-tool-tip {margin-left:0;vertical-align:super}

.box-top-desc .mtxt-2 .txt-point-3 {color:var(--primary01) !important}

.box.bg-04.pdb33 .board.view-2 th {font-size:1.4rem}
.box.bg-04.pdb33 .board.view-2 td {font-size:1.4rem}

.board.vertical tbody td {text-align:center}

.con-v-list .v-data .v-type + .badge-line {display:inline-block;margin-left:0.4rem;}
.con-v-list.has-radio .v-data {padding-left:5.6rem}
.con-v-list.has-radio .choice {position:absolute;top:50%;transform:translateY(-50%);left:1.6rem;width:2.4rem;height:2.4rem}
.con-v-list.has-radio .choice label {padding:0;width:2.4rem;min-height:2.4rem;background-position:0 0;font-size:0}
.con-v-list.has-radio .choice > input:checked + label {background-color:transparent;}
.con-v-list.has-radio .choice label {padding:0;width:2.4rem;min-height:2.4rem;background-position:0 0;font-size:0}
.con-v-list.has-radio .choice input[type=radio]:disabled + label {background-position:0 0}
.con-v-list.has-radio .choice > input[type=radio]:disabled + label:before {left:0}

.as_expanded .layer_btn_wr button + button {margin-left:1.3rem}

.layer_type02 .as_expanded.layer_con .layer_con + .no-more-today .btn-st03 {width:100%}

/* 해외송금 > 거주성 판정 */
.agree-wrap__select .agree-wrap__txt {margin-top:3rem;color:var(--gray100);font-size:1.8rem;font-weight:700}
.agree-wrap__select .agree-wrap__subtxt {position:relative;color:var(--gray80);margin-top:1rem;padding-left:1.1rem;}
.agree-wrap__select .agree-wrap__subtxt:before {content:'';position:absolute;left:0;top:1.1rem;width:3px;height:3px;border-radius:50%;background:var(--gray80);}

.select-button_contents {display:flex;align-items:center;justify-content:space-between;margin-top:1.6rem;height:5.4rem;background:var(--gray20);border-radius:1rem}
.select-button_contents .select-button__box {flex:1;position:relative;margin:0.2rem;height:5rem;text-align:center}
.select-button_contents .select-button__item {display:flex;justify-content:center;padding:1.3rem 1.2rem;width:100%;height:5rem;color:var(--gray70)} 
.select-button_contents .select-button__input {position:absolute;}
.select-button_contents .select-button__input:checked + .select-button__item {background:#fff;color:var(--gray100);border-radius:1rem;font-weight:700}

.ez-live .white-box {margin-top:2rem}
.ez-live .white-box:first-child {margin-top:3rem}
.ez-live .white-box .white-box__header {margin-bottom:1.6rem}
.ez-live .white-box .white-box__header .white-box__title{color:var(--gray100);font-size:1.8rem;font-weight:700}
.ez-live .white-box .white-box__header .white-box__title .txt-point-3 {color:var(--gray100) !important}
.ez-live .receive-wrap .flex-wrap {display:flex;flex-direction:column}
.ez-live .receive-wrap .check_oth {position:relative}
.ez-live .receive-wrap .check_oth input[type="radio"] {position:absolute;}
.ez-live .receive-wrap .check_oth input[type=radio] + label {position:relative;flex:1;display:flex;height:auto;min-height:5.8rem;background:url(../images/icon-form-radio-off.png) no-repeat 1.6rem 50%/2.4rem;border-radius:1.6rem;padding:1.7rem 1.6rem 1.7rem 4.8rem;margin-left:0 !important;}
.ez-live .receive-wrap .check_oth input[type=radio]:checked + label {background-color:var(--bg-secondary);background-image:url(../images/icon-form-radio-on.png);font-weight: 700;color:var(--primary01);}
.ez-live .receive-wrap .check_oth input[type=radio]:checked + label {}
.ez-live .receive-wrap .check_oth input[type=radio]:disabled {background-image:url(../images/icon-form-radio-on.png);filter:grayscale(1);opacity:0.6;}
.ez-live .receive-wrap .check_oth input[type=radio]:disabled + label {background-image:url(../images/icon-form-radio-on.png);filter:grayscale(1);opacity:0.6;}

.ez-live .white-box .radio__sub-txt {position:relative;margin-top:1.2rem;padding-left:1.2rem;font-size:1.4rem;color:var(--gray80)}
.ez-live .white-box .radio__sub-txt:before {content:"*";position:absolute;top:0.2rem;left:0}


/* 해외 송금 > 해외송금 변경 신청 */
.con-v-list.ups .v-name {position:relative;padding-right:3rem}
.con-v-list.ups .v-name:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:2.4rem;height:2.4rem;background:url(../images/icon-24-arrow-right.png) no-repeat 0 0/2.4rem}
.con-v-list.ups .v-data .button-section {margin-top:2rem}
.inline-button.vertical .bg_trans {position:relative;display:block;margin:3rem auto 0 auto;color:var(--gray80);padding:0 2.7rem 0 0;min-height:auto;height:auto;background:0;font-size:1.6rem;font-weight:400}
.inline-button.vertical .bg_trans:after {content:'';position:absolute;right:0;top:-0.1rem;width:2.4rem;height:2.4rem;background:url(../images/icon-24-arrow-right-gray.png) no-repeat 50% 50%/contain;transform:rotate(90deg);}

.sinfo-change .con_imp {color:var(--gray100);font-size:1.8rem;font-weight:700;}
.sinfo-change .con_imp .col_txt01 {color:var(--primary01)}

.box-wrap .box + .board-wrap {margin-top:1.6rem}
.box-wrap .box.bg-03 + .box .combo-toggle.mt40 dt.on + dd {padding:0 0 2rem 0}
.box-wrap .box.bg-03 + .box .combo-toggle.mt40 dt.on {padding-bottom:2rem}
.box-wrap .box.bg-03 + .box .combo-toggle.mt40 dt.on:after {margin-top:0}

.result-num-wrap {display:flex;justify-content:space-between;align-items:center;margin:4rem 0 1.6rem 0}
.result-num-wrap .stxt {flex:1;margin-right:2rem}
.result-num-wrap .result-num {margin:0}

/* 해외 송금 > 송금진행상태 상세  */
.moving_area {position:relative}
.moving_area .moving_top {text-align:center;}
.moving_area .moving_top.not {padding-bottom:9.2rem;background:url(../images/icon-72-fail.png) no-repeat 50% 100%/7.2rem}
.moving_area .moving_top .moving_txt {color:var(--gray100);padding-top:1.6rem;font-size:1.8rem;font-weight:700;}
.moving_area .moving_txt01 {margin-top:0.3rem;color:var(--gray100)}
.moving_area .moving_txt02 {padding-top:0.3rem;color:var(--gray80);font-size:1.4rem}


.moving_box {overflow:hidden;position:relative;margin-top:2rem;height:14.4rem;}

/* 해외 송금 > 받는 붙 정보 상세 */
.board-wrap.type01 .board.view th, .board-wrap.type01 .board.view td {border-top:1px solid var(--gray30);border-bottom:0}
.board-wrap.type01 .board.view tr:first-child th, .board-wrap.type01 .board.view tr:first-child td {border-top:0}

/* bg */

.step_area_wr{background:#fff;width:calc(100% + 3.2rem);margin-left:-1.6rem;padding:0rem 4.6rem 5.1rem;position:absolute;top:9.8rem;z-index:1;}

.moving_box .step_area_wr .step_area {position:relative;background:var(--gray30);width:100%;height:1.6rem;border-radius:10rem;}

/* bar-icon */
.moving_box .step_area_wr .step_area:before{background-color:#fff;filter:drop-shadow(0 0 0.8rem rgba(0, 132, 137, 0.40));background-size:100%;content:"";position:absolute;top:0.3rem;left:-0.3rem;width:2.4rem;height:2.4rem;margin-top:-.7rem;border-radius:50%;z-index:5;}
.moving_box .step_area_wr.ing50 .step_area:before{animation:lf50 3s ease both;}
.moving_box .step_area_wr.ing100 .step_area:before{animation:lf100 3s ease both;}
.moving_box .step_area_wr.ing100_o .step_area:before{animation:lf100 3s ease both;}

.moving_box .step_area_wr .step01 {color:var(--primary01) !important;font-weight:700}
.moving_box .step_area_wr.ing50 .step01,
.moving_box .step_area_wr.ing100 .step01 {color:var(--gray90) !important;font-weight:400}
.moving_box .step_area_wr.ing50 .step02 {color:var(--primary01) !important;font-weight:700}
.moving_box .step_area_wr.ing100 .step03 {color:var(--primary01) !important;font-weight:700}


/* bar */
.moving_box .step_area_wr .step_area:after{background:linear-gradient(90deg, #01a5ac 0%, #65b3f7 100%);content:"";position:absolute;top:0;left:0;width:5%;height:1.6rem;border-radius:4em;}
.moving_box .step_area_wr.ing50 .step_area:after{animation:wid50 3s ease both;}
.moving_box .step_area_wr.ing100 .step_area:after{animation:wid100 3s ease both;}
.moving_box .step_area_wr.ing100_o .step_area:after{animation:wid100 3s ease both;}

/* step-icon */
.moving_box .step_area_wr .step_area span {display:inline-block;margin-top:0rem;font-size:1.4rem;text-align:center;padding-top:2.8rem;color:var(--gray90);width:33.333%;}

.moving_box .step_area_wr .step_area .step01 {position:absolute;top:0;left:-1.8rem;text-align:left;}
.moving_box .step_area_wr .step_area .step02 {position:absolute;top:0;left:50%;margin-left:-16.5%;}
.moving_box .step_area_wr .step_area .step02 .comp {left:50%;margin-left:-.4rem;}
.moving_box .step_area_wr .step_area .step03 {position:absolute;top:0;right:-1.8rem;text-align:right;}
.moving_box .step_area_wr .step_area .step03 .comp{margin-left:2rem;left:100%;margin-left:-1.3rem;}

/* 배경-icon */
.moving_box .bg01 {animation:bgMov01 2s infinite ease both;background:url("../images/img-80-ing0.png") left top no-repeat;background-size:100%;position:absolute;top:0;left:0%;width:8rem;height:8.1rem;z-index:1;}
.moving_box .ing50 + .bg01 {animation:bgMov03 2.5s ease both, bgMov01 2s 3s infinite ease both;background:url("../images/img-80-ing50.png") left top no-repeat;background-size:100%;position:absolute;top:0;left:10%;margin-left:-4rem;width:8rem;height:8rem;z-index:1;}
.moving_box .step_area_wr.ing100 + .bg01 {animation:bgMov04 3s ease both, bgMov01 2s 3s infinite ease both;background:url("../images/img-80-ing100.png") left top no-repeat;background-size:100%;position:absolute;top:0;left:10%;margin-left:-4rem;width:8rem;height:8rem;z-index:1;}
/* 실패시 anination */

.moving_box.fail .bg01{animation:unset !important;background:url("../../resource/images/bg_moving05.png") left top no-repeat;background-size:100%;position:absolute;top:2.5rem;left:50%;width:6.3rem;height:8.0rem;z-index:10;margin-left:-3.1rem;}
.moving_box.fail02 .bg01{animation:unset !important;background:url("../../resource/images/bg_moving05_02.png") left top no-repeat;background-size:100%;position:absolute;top:2.5rem;left:50%;width:5rem;height:8.0rem;z-index:10;margin-left:-2.5rem;}

.moving_box.type02 .step_area_wr.ing50 .step_area:before,
.moving_box.type02 .step_area_wr.ing50 .step_area:after,
.moving_box.type02 .step_area_wr.ing50 + .bg01,
.moving_box.type02 .step_area_wr.ing50 .step_area .comp{animation:unset !important;}

.moving_box.type02 .step_area_wr .step_area .step02 {position:absolute;top:0;left:unset;margin-left:0;right:-1.8rem;text-align:right;}
.moving_box.type02 .step_area_wr.ing100 .step_area .step02 {color:var(--primary01);font-weight:700}

/* keyframes */
@keyframes bgMov01 {
	0%{
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(-5px);
	}
}

 @keyframes bgMov02 {
	0%{
		background-position:0 0;
	}
	100% {
		background-position:1599px 0;
	}
}

@keyframes bgMov03 {
	0%{
	}
	100% {
		left:50%;
		margin-left:-4rem;
	}
}

@keyframes bgMov04 {
	0%{
	}
	100% {
		left:100%;
		margin-left:-8rem;
	}
}

@keyframes wid50 {
	0%{
	}
	100% {
		width:50%;
	}
}

@keyframes wid100 {
	0%{
	}
	100% {
		width:100%;
	}
}

@keyframes lf50 {
	0%{
	}
	100% {
		left:50%;
		margin-left:-1.3rem;
	}
}

@keyframes lf100 {
	0%{
	}
	100% {
		left:100%;
		margin-left:-2.2rem;
	}
}

.moving_con {margin-top:3rem}
.moving_con .board-wrap {margin-bottom:4rem}
.moving_con .stu_box03 {margin:0 0 3rem 0}
.moving_con .button-section {margin-bottom:1.6rem}
.moving_con .button-section  + .button-section {margin-top:0} 
.moving_con .list.dash li{position:relative;color:var(--gray80);padding-left:1.1rem;}
.moving_con .list.dash li:before {content:'';position:absolute;left:0;top:1.1rem;width:3px;height:3px;border-radius:50%;background:var(--gray80);}
.moving_con .board .tool-tip-wrap {vertical-align:bottom} 

.sub-txt-sm {margin-top:1.2rem}
.sub-txt-sm .txt {display:block;margin-top:0.8rem;font-size:1.4rem}

.customer-wrap {margin-top:3rem}
.customer-wrap .cs-cont {position:relative;padding-left:5.2rem}
.customer-wrap .cs-cont:after {content:"";position:absolute;top:50%;left:0;width:4rem;margin-top:-2rem;height:4rem;background:#e9f8f9 url(../images/icon-17-customer.png) no-repeat center center/1.7rem;border:1px solid var(--primary);border-radius:2rem}
.customer-wrap .cs-cont .cs-text {color:var(--gray100);font-weight:700}
.customer-wrap .cs-cont .cs-tel {margin-top:0.3rem;color:var(--gray90);font-size:1.4rem}
.customer-wrap .bg-box .txt-spe {margin-top:1rem}

.layer-container .box .write dt label {text-align:left}

.finish .box-top-desc .complete.not:before {background:url(../images/icon-72-fail.png) no-repeat 50% 50%/contain;}
.finish .box-top-desc .complete.ing:before {background:url(../images/icon-72-ing.png) no-repeat 50% 50%/contain;}

/* 해외송금 > 환율조회 */
.tab_ty {display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2rem;padding:0 2rem}
.tab_ty + .search-wrap {margin-top:3rem}
.tab_ty li {width:50%}
.tab_ty.three li {width:33.333%}
.tab_ty > li > a {position:relative;display:flex;justify-content:center;align-items:center;height:100%;min-height:3.6rem;text-align:center;color:var(--gray80);padding:0 0.2rem 1.2rem;}
.tab_ty > li > a::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gray40);}
.tab_ty > li.on > a {color:var(--gray90);font-weight:700;}
.tab_ty > li.on > a::after {height:4px;background:var(--gray90);}

.search-new {margin:0 1.6rem 0 1.6rem}
.search-new .stu_box03 {margin-top:0}
.search-data p > span.color-primary01 {margin-left:0}

.add-new.board-wrap .board-top {margin-bottom:0.8rem}
.add-new.board-wrap .board-top p {margin-bottom:0;color:var(--gray80);font-size:1.4rem}
.add-new.board-wrap thead th {background:#fff}
.add-new.board-wrap thead th + th,
.add-new.board-wrap tbody th + td, .add-new.board-wrap tbody td + td {border:0}
.add-new.board-wrap tbody td + td {padding-right:0;text-align:right}
.add-new.board-wrap .country {display:flex;justify-content:flex-start;align-items:center}
.add-new.board-wrap .country img {width:3.2rem;height:2.1rem;margin-right:0.8rem;}
.add-new.board-wrap .country img + span + span {word-break:keep-all}
.add-new.board-wrap .btn-st04:after {top:0.2rem;}

.add-new.board-wrap .btn-st04 {padding:0 2.7rem 0 0;min-height:auto;height:auto}

.box.bg-03 .flicking-wrap {display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}
.box.bg-03 .flicking-wrap .country {text-align:center}
.box.bg-03 .flicking-wrap .country img {width:3.2rem;height:2.1rem}
.box.bg-03 .flicking-wrap .country p {margin-top:0.8rem;font-size:1.8rem;font-weight:bold}
.box.bg-03 .flicking-wrap button {position:relative;font-size:0}
.box.bg-03 .flicking-wrap button.prev {width:4.8rem;height:4.8rem;background:url(../images/icon-48-left.png) no-repeat 0 0/contain;}
.box.bg-03 .flicking-wrap button.next {width:4.8rem;height:4.8rem;background:url(../images/icon-48-right.png) no-repeat 0 0/contain;}

.exchange-rate.con-list.st-03 {position:relative}
.exchange-rate.con-list.st-03:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-top:1px solid var(--gray90);border-bottom:1px solid var(--gray90);}
.exchange-rate.con-list.st-03 li {padding:0}
.exchange-rate.con-list.st-03 > li {border-bottom:0}
.exchange-rate.con-list.st-03 > li + li {border-top:1px solid var(--gray30)}
.exchange-rate.con-list.st-03 li div > span {padding:1.6rem 1.2rem;word-break: break-word !important;}
.exchange-rate.con-list.st-03 li div > span:first-child {margin-right:0;min-width:14rem;background:var(--gray10);border-right:1px solid var(--gray30);font-size:1.6rem;font-weight:700;flex:0 0 14.0rem;}
.exchange-rate.con-list.st-03 li div > span.bold.txt-point-2 {font-weight:400 !important;word-break: break-word !important;}

.scroll.v-new .box-wrap .box.bg-03 .inline-button.center .Lbtn.btn-st05 {background:0;min-height:auto;height:5rem;color:var(--gray100);font-size:2rem;font-weight:700}
.scroll.v-new .box-wrap .box.bg-03 .inline-button.center + .search-v-wrap {margin-top:3rem}
.scroll.v-new .box-wrap .box.bg-03 .cal-pick-wrap + .button-section {margin-top:3rem}
.scroll.v-new .box-wrap .box.bg-04 .graph-box + .board-wrap {margin-top:3rem}
.scroll.v-new .box-wrap .box.bg-04 .graph-box + .board-wrap tbody td {text-align:right}
.scroll.v-new .box-wrap .box.bg-04 .graph-box + .board-wrap tbody td:first-child {text-align:center}

.wrap .txt-up {color:var(--up)}
.wrap .txt-down {color:var(--down)}

/* 고객편의 > 이용후가 */
.tit-bubble {position:relative;display:inline-flex;align-items:center;margin-bottom:2rem;min-height:4.2rem;padding:1.2rem 1.6rem;background:linear-gradient(94deg, #106fc3 -4.39%, #01a5ac 104.69%);color:#fff;border-radius:1.6rem;font-size:1.2rem;font-weight:700}
.tit-bubble:after {content:"";position:absolute;bottom:-1.3rem;left:3.4rem;width:2.2rem;height:1.4rem;background:url(../images/icon-polygon.png) no-repeat 0 0/2.2rem 1.4rem}
.tit-bubble + .bg-box {margin-top:1rem}

.status-bar-wrap li + li {margin-top:3rem}
.st-wrap {position:relative}
.st-cont {display:flex;align-items:center;justify-content:space-between}
.st-cont .st-icon {width:2rem;height:2rem}
.st-cont .st-icon img {vertical-align:baseline}
.st-cont .st-txt {flex:1;margin:0 1.2rem 0 0.4rem;color:var(--gray90);font-size:1.4rem;font-weight:700}
.st-wrap .st-bar {margin-top:1rem;width:100%;height:2.1rem;background:var(--gray40);border-radius:4rem}
.st-wrap .st-bar span {position:relative;display:block;}
.st-wrap .st-bar span:after {content:"";position:absolute;top:0;left:0;width:100%;height:2.1rem;background:linear-gradient(90deg, #01a5ac 0%, #65b3f7 100%);border-radius:4rem}
.st-wrap .st-percent {color:var(--gray80);border-radius:4rem;font-size:1.4rem}

.img-hana-visual {width:29.1rem;margin:0 auto;}
@media screen and (max-width: 393px) {
	.img-hana-visual{width:100%;padding:0 3rem;}
}
.img-hana-visual + .htit-st03{margin-top:3rem;}

.multi-sel-list li + li {margin-top:1.6rem}
.choice-check-wrap .multi-sel-list li .choice input + label {padding:2rem 4.4rem 2.0rem 1.6rem;background:url(../images/icon-16-check-off.png) no-repeat right 2rem center / 1.6rem}
.choice-check-wrap .multi-sel-list .choice input[type="checkbox"]:checked + label {background-image:url(../images/icon-16-check-on.png)}
.multi-sel-list .choice input:checked + label .st-txt {color:var(--primary);font-weight:bold}
.multi-sel-list .st-cont .st-txt {margin-left:0.8rem;color:var(--gray100);font-weight:400;font-size:1.6rem;}

.multi-sel-list .st-cont .st-icon {width:2.4rem;height:2.4rem}

/* EZ FUN*/
/* 룰렛 */
.content-top.has-share {position:relative;padding-right:4rem;}
.content-top.has-share .btn-share {position:absolute;top:50%;transform:translateY(-50%);right:0}
.content-top.has-share .sub-txt {margin-top:1rem}

/* MY 쿠폰 */
.coupon-wrap ul li + li {margin-top:1.6rem}
.coupon {display:flex;flex-wrap:wrap;min-height:14.4rem}
.coupon-info {display:flex;flex-direction:column;justify-content:center;flex:1;padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem 0 0 1.6rem}
.coupon-info .coupon-name {margin-top:1.2rem;color:var(--graya100);font-size:2.0rem;font-weight:700;text-align:left}
.coupon-info .coupon-sub {margin-top:1.2rem;color:var(--gray90);text-align:left !important}
.coupon .d-day {display:flex;align-items:center;justify-content:center;width:10.9rem;background:var(--primary);color:#fff;border-radius:0 1.6rem 1.6rem 0;font-weight:700;text-align:center}
.d-day.end {background:var(--gray70)}

.coupon-wrap .switch-wrap {margin-top:3rem;text-align:right}
.coupon-wrap .list.dot {margin-top:3rem}
.coupon-wrap .bg-box.have-toggle .list.dot {margin-top:0}
.coupon-wrap .no-data {margin-top:3rem}

.coupon-top {display:flex;flex-direction:column;justify-content:center}
.coupon-top .coupon-img {margin:0 auto;width:17rem;height:17rem;font-size:0}
.coupon-top .coupon-info {text-align:center;background:transparent}
.coupon-top .coupon-info .coupon-name {margin-top:0;text-align:center}
.coupon-top .coupon-info .coupon-sub {margin-top:1rem;text-align:center !important}


.coupon-wrap .bg-box {margin-top:1rem;width:100%}
.coupon-wrap .bg-box p {text-align:center}
.coupon-wrap .txt-spe {margin-top:1.2rem}
.coupon-wrap .board-wrap {margin-top:3rem}
.coupon-wrap .barcode-cont {height:8.1rem}

.in-box + .htit-st04 {margin-top:3rem}
.in-box .list.dot {margin-top:2rem}

/* MileEZ */
.wrap .mile-ez .box-wrap .box + .box {margin-top:2rem}
.mile-ez .box .content-top {margin-bottom:0}
.mile-ez .alert-box {padding:1.6rem;font-size:1.4rem}
.mile-ez .alert-box + .inline-button {margin-top:1.2rem}
.mile-ez .coupon-top {margin-top:3rem;align-items:center}
.mile-ez .coupon-top .tit-bubble:after {left:unset;right:3.9rem;background:url(../images/icon-polygon-mile.png) no-repeat 0 0/2.2rem 1.4rem}
.mile-ez .coupon-top .coupon-info {padding:1.2rem 0 0 0}
.mile-ez .coupon-top .coupon-img {width:25.3rem;height:10.4rem}
.mile-ez .coupon-top .tit-bubble {margin-bottom:2.2rem;width:23rem;justify-content:center;}
.mile-ez-box {position:relative;border-radius:1.6rem;padding:1.6rem;margin-bottom:2.0rem;}
.mile-ez-box.box1 {background:#e9f8f9;margin-top:3.0rem;}
.mile-ez-box.box1::before {content:'';position:absolute;right:0;top:-8.8rem;width:7.8rem;height:9.8rem;background:url(../images/img-ez-guide.png) no-repeat 50% 50%/contain;}
.mile-ez-box.box2 {background:#fbf7da;}
.mile-ez-box.box3 {background:#ffedf0;}

.mile-ez .st-wrap {position:relative;padding-bottom:2.9rem;padding-top:5.6rem;margin:3rem auto 0 auto;width:calc(100% - 7.6rem)}
.mile-ez .st-wrap .st-cont .st-percent {position:absolute;bottom:5.6rem;left:2rem;width:8rem;margin-left:-4rem;padding-bottom:2.4rem;color:var(--primary01);font-weight:700;text-align:center}
.mile-ez .st-wrap .st-cont .st-percent:after {content:"";position:absolute;bottom:0;left:50%;margin-left:-0.8rem;width:1.6rem;height:1.6rem;background:url(../images/icon-polygon-sm.png) no-repeat center bottom/1.6rem}
.mile-ez .st-wrap .st-bar {position:relative;margin-top:0;height:1.6rem;border-radius:0}
.mile-ez .st-wrap .st-bar:before {content:"";position:absolute;top:0;left:-0.8rem;width:1.6rem;height:1.6rem;background:var(--gray40);border-radius:4rem;z-index:1}
.mile-ez .st-wrap .st-bar:after {content:"";position:absolute;top:0;right:-0.8rem;width:1.6rem;height:1.6rem;background:var(--gray40);border-radius:4rem;z-index:1}
.mile-ez .st-wrap .st-bar span:after {height:1.6rem;border-radius:0;z-index:3}
.mile-ez .st-wrap .st-bar span em {display:block;width:100%;height:1.6rem}
.mile-ez .st-wrap .st-bar span em:before {content:"";position:absolute;top:0;left:-0.8rem;width:1.6rem;height:1.6rem;background:#03a5ad;border-radius:4rem;z-index:2}
.mile-ez .st-wrap .st-bar span em:after {content:"";position:absolute;top:0;right:-0.8rem;width:1.6rem;height:1.6rem;background:#65b3f6;border-radius:4rem;z-index:2}
.mile-ez .st-wrap .txt-zero {position:absolute;left:-1.8rem;bottom:0;font-size:1.4rem}
.mile-ez .st-wrap .txt-full {position:absolute;right:-1.8rem;bottom:0;font-size:1.4rem}
.mile-ez .st-wrap + .button-section {margin-top:2rem}
.mile-ez .button-section + .inline-section {margin:3.0rem 0;}

.mile-ez .vst-visit-wrap {margin-top:3rem}
.mile-ez .vst-visit-wrap .score {color:var(--primary01);font-size:2.4rem;font-weight:700;vertical-align:baseline}
.mile-ez .vst-visit-wrap .score1 {color:var(--ready);font-size:2.4rem;font-weight:700;vertical-align:baseline}
.mile-ez .vst-visit-wrap .board.view th {vertical-align:middle}

.icon-mz {display:inline-block;margin-right:0.3rem;width:2.0rem;height:2.0rem;background:url(../images/icon-20-ez.png) no-repeat 50% 50%/contain;}

.service-list ul li + li {margin-top:1.2rem}
.service-list .service-box {display:flex;width:100%;padding-right:3.2rem;color:var(--gray90);background:url(../images/icon-24-arrow-right-gray.png) no-repeat right center/2.4rem}
.service-list .service-box .img {margin-right:0.8rem;width:2.4rem;height:2.4rem}
.service-list .service-box .txt {flex:1;font-size:1.6rem;text-align:left}

.visit-cont + .visit-cont {margin-top:2rem}
.visit-cont .bg-box {margin-top:1.6rem}
.visit-cont .bg-box .visit-code {color:var(--gray100);font-size:1.8rem}
.visit-cont .bg-box + .button-section {margin-top:1.2rem}
.bg-box .visit-num {display:flex;justify-content:space-between;font-size:1.4rem}
.bg-box .visit-num .num {color:var(--gray100);font-size:1.6rem}

.evt-bann {margin-top:4rem;padding-bottom:1.6rem}
.evt-bann a {display:block;padding:2rem 11.6rem 2rem 1.6rem;min-height:12rem;border-radius:1.6rem}
.evt-bann .mile {position:relative;background:#ffe8b0}
.evt-bann .mile:after {content:'';position:absolute;width:9rem;height:10rem;right:1.6rem;bottom:-1.9rem;background:url('../images/img-gift01.png') no-repeat 50% 50%/contain}
.evt-bann .mile1, .evt-bann .mile2 {position:relative;background:#ffe8b0 url(../images/img-mile-ez-arrow.png) no-repeat right 1.1rem top 1.2rem/3.8rem;}
.evt-bann .mile1:after {content:'';position:absolute;width:9rem;height:9rem;right:1.6rem;bottom:-1.6rem;background:url('../images/img-mile-ez01.png') no-repeat 50% 50%/contain}
.evt-bann .mile2:after {content:'';position:absolute;width:9rem;height:9rem;right:1.6rem;bottom:-1.6rem;background:url('../images/img-mile-ez02.png') no-repeat 50% 50%/contain}

.mile-list li {font-size:1.6rem;font-weight:700;text-align:center}
.mile-list li + li {position:relative;margin-top:0.8rem;padding-top:3rem;}
.mile-list li + li:before {content:"";position:absolute;top:0.4rem;left:50%;transform:translateX(-50%);width:1.6rem;height:1.6rem;background:url(../images/icon-20-poly.png) no-repeat 0 0/contain}

/* 친구 추천 */
.visit-img {margin:7rem auto 9.8rem auto;width:15.7rem;height:15.2rem;background:url(../images/img-visit-01.png) no-repeat center top/contain}

/* 룰렛 */
.scroll.roul {padding:3.0rem 0 calc(4.0rem + 1.6rem)}
.scroll.roul .box-wrap .box {padding:0 2rem}
.roulette-wrap {position:relative;margin:0 auto;width:35.3rem;height:40rem;background:url(../images/bg-roul.png) no-repeat 0 0/contain}
.roulette-box {position:absolute;left:50%;transform:translateX(-50%);bottom:2rem;width:30rem;height:30rem}
.wheel {display:block;object-fit:contain;width:100%;height:100%;}
.scroll.roul .bg-box.have-toggle {margin:0 2rem}

@keyframes spinInf {
	from {transform:rotate(0deg)}
	to {transform:rotate(360deg)}
	}
.wheel.spinning {animation:spinInf .5s linear infinite}
/* .wheel.stopping {transition:transform 3s cubic-bezier(.17,.67,.32,1.34)} */

.pointer {position:absolute;left:50%;top:-3.2rem;width:4rem;height:auto;transform:translateX(-50%) rotate(0deg);transform-origin:85% 50%;z-index:10;user-select:none;pointer-events:none}
@keyframes tick {
	0% {transform:translateX(-50%) rotate(0deg)}
	25% {transform:translateX(-50%) rotate(0deg)}
	50% {transform:translateX(-50%) rotate(0deg)}
	75% {transform:translateX(-50%) rotate(8deg)}
	100% {transform:translateX(-50%) rotate(0deg)}
}
.pointer.active {animation:tick 0.2s linear infinite}

.btns button.hidden {display:none}
.start-btn {position:absolute;top:50%;left:50%;margin:-4.75rem 0 0 -4.75rem;z-index:21;width:9.5rem;height:9.5rem;background:url('../images/btn-roul-start.png') no-repeat 0 0/9.5rem;font-size:0}
.stop-btn {position:absolute;top:50%;left:50%;margin:-4.75rem 0 0 -4.75rem;z-index:20;width:9.5rem;height:9.5rem;background:url('../images/btn-roul-stop.png') no-repeat 0 0/9.5rem;font-size:0}

.event-cont {text-align:center}
.event-cont .result-img {margin:0 auto 3rem auto;width:15rem;height:15rem}
.event-cont .txt01 {color:var(--gray100);font-size:1.8rem;font-weight:700}
.event-cont .txt02 {margin-top:1.6rem;color:var(--down);font-size:2.4rem;font-weight:700}
.event-cont .txt03 {margin-top:0.3rem;color:var(--90);font-size:1.6rem}

/* 이체/조회 */
/* 거래내역 조회 */
.con-box {display:flex;flex-wrap:wrap;flex-direction:column;position:relative;background:var(--gray10);width:100%;border-radius:1.6rem;padding:2.0rem 1.6rem}
.wrap.st-02 .con-box .con-header {position:relative;display:flex;flex-wrap:wrap;flex-direction:column;width:100%}
.wrap.st-02 .con-box .con-header.accnt-others {padding-right:0}
.con-box .con-header {padding-right:4rem}
.con-box .con-header strong {color:var(--gray100);font-size:1.6rem;}
.con-box .con-header p {color:var(--gray80);font-size:1.4rem}
.wrap.st-02 .con-box .con-body {display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:0.8rem;width:100%}
.wrap.st-02 .con-box .con-body + .con-body {margin-top:0;}
.con-box .con-body span {display:flex;align-items:center;font-size:2.4rem;font-weight:700}
.con-box .con-body span em {margin-left:0.3rem}
.con-box .con-body span em:first-child {font-size:1.6rem;font-weight:400}
.con-box .btn-view-more {position:absolute;right:1.6rem;top:2.0rem;width:2.4rem;height:2.4rem;background:url(../images/icon-24-arrow-right.png) no-repeat right top 50%/2.4rem;font-size:0}
.con-list.have-toggle .toggle-con,
.koas .board.list ~ .con-list.have-toggle .toggle-con {width:calc(100% + 4.0rem);}
/* .con-list.have-toggle {border-top:1px solid var(--gray30)} */
.con-list.have-toggle {border-top:0;}
.con-list.have-toggle > li {padding:2.0rem 4.0rem 2.0rem 0;border-bottom:1px solid var(--gray30)}
.con-list.have-toggle > li:after {right:0;top:calc(2.0rem + 1.2rem);}
.con-list.have-toggle .status {font-size:1.6rem;padding-bottom:0;}
.con-list.have-toggle .status span:first-child {font-size:1.6rem}
.con-list.have-toggle .status span:last-child {font-size:1.8rem}
.con-list.have-toggle .status.in span:last-child {color:var(--down)}
.con-list.have-toggle .status.in span:last-child:before {content:"+"}
.con-list.have-toggle .status.out span:last-child {color:var(--up)}
.con-list.have-toggle .status.out span:last-child:before {content:"-"}
.con-list.have-toggle .s-info {font-size:1.4rem;padding-bottom:0;}
.con-list.have-toggle .s-info span {color:var(--gray80) !important;}
.con-list.have-toggle .toggle-con {border-radius:1.2rem;padding:1.6rem !important;background:var(--gray10);font-size:1.4rem !important;}
.con-list.have-toggle .toggle-con .status-con {width:100%;}
.con-list.have-toggle .toggle-con .status-con span {display:block;font-size:1.4rem}
.con-list.have-toggle .toggle-con .status-con span + span {margin-top:1rem}
.con-list.have-toggle .toggle-con .status-con span:last-child {color:var(--gray90);text-align:left}
.con-list.have-toggle .toggle-con .status-con + .inline-button {margin-top:2.0rem;}
.con-list.have-toggle .toggle-con .status-con + .inline-button .sbtn {width:100%;}
.con-list.have-toggle .toggle-con .status-con + .inline-button .sbtn + .sbtn {margin-top:0.8rem;}
.con-list.have-toggle + .inline-button .mbtn.btn-st03 {margin:3rem auto 0 auto;color:var(--gray80);border:0;min-height:auto;height:auto;font-size:1.6rem}
.con-list.have-toggle + .inline-button .mbtn.btn-st03 {position:relative;display:block;margin:3rem auto 0 auto;width:auto;color:var(--gray80);padding:0 2.7rem 0 0;min-height:auto;height:auto;background:0;font-size:1.6rem;font-weight:400}
.con-list.have-toggle + .inline-button .mbtn.btn-st03:after {content:'';position:absolute;right:0;top:-0.1rem;width:2.4rem;height:2.4rem;background:url(../images/icon-24-arrow-right-gray.png) no-repeat 50% 50%/contain;transform:rotate(90deg);}
/* D */
.inline-button.will-fix {display:flex;justify-content:space-between;position:sticky;top:-3.0rem;right:0;padding:3.0rem 0 1.6rem;border-bottom:1px solid var(--gray30);background:#fff;z-index:1;}
.inline-button.will-fix .sbtn {padding:0;min-height:auto;color:var(--gray80);font-size:1.4rem;font-weight:400;text-align:left;height:auto;}
.inline-button.will-fix > .sbtn:first-child {flex:0 0 calc(100% - 3.2rem);}
.inline-button.will-fix .ico-btn.option {position:absolute;top:2.7rem;right:0;z-index:2;}

.board-wrap .board.view tbody tr td > .s-info > span:only-child {font-size:0}
.board-wrap .board.view tbody tr td > .s-info > span > em {font-size:1.6rem}
.board-wrap .board.view tbody tr td > .s-info > span > em + em {margin-left:0.8rem}
/* 계좌이체(외화) */

.con-box {position:relative;}
.con-box .ico-btn {position:absolute;right:1.6rem;top:2.3rem;width:2.4rem;height:2.4rem;background:url(../images/icon-24-down.png) no-repeat right top 50%/2.4rem;}
.con-box .con-header p .old-acc {display:block}
.con-box .con-body {margin-top:0.8rem;text-align:right}
.con-box .con-body > em {display:block}
.con-box .con-body> em + span {justify-content:flex-end}

/* D */
.con-box + .tit-wrap {position:relative}
.con-box + .tit-wrap .sbtn.btn-st07 {position:absolute;top:3.2rem;right:0;padding:0;min-height:auto;width:auto;height:auto;font-size:1.4rem;font-weight:400}

/* D */
.new-type.con-list {border:0}
.new-type.con-list > li {border:0;padding:0}
.new-type.con-list > li + li {margin-top:1.6rem}
.new-type.con-list > li .Lbtn.btn-st08 {display:block;overflow:unset;height:auto;padding:2rem 4.8rem 2rem 1.6rem;white-space:normal}
.new-type.con-list > li .Lbtn.btn-st08:after {transform:translateY(-50%) rotate(0deg)}
.new-type.con-list > li .Lbtn.btn-st08 em img {margin-right:0.5rem;height:2.4rem}
.new-type.con-list > li .Lbtn.btn-st08 .txt-RoboR  {color:var(--gray100)}
.new-type.con-list > li .Lbtn.btn-st08 .old-acc {display:block;padding-left:3.6rem}

.dl-col-view dt {margin:3rem 0 1.6rem;font-size:1.8rem;color:var(--gray100);font-weight:700}
.dl-col-view dd {margin-top:1.6rem;padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem}
.dl-col-view dd p {color:var(--gray100)}
.dl-col-view dd p.txt-RoboM {color:var(--gray80);font-size:1.4rem}
.dl-col-view + .inline-button {margin-top:1.6rem}
.dl-col-view + .inline-button .sbtn.btn-st04 {width:auto;font-weight:400;font-size:1.4rem}
.dl-col-view + .inline-button .sbtn.btn-st04:after {top:0.8rem}

.dl-col-view + .inline-button + dl.write dt {margin:-2.9rem 0 0 0.8rem}

.finish .box-top-desc.mid-tit {padding-bottom:1.6rem}
.finish .box-top-desc.mid-tit > strong {margin-bottom:1.6rem;color:var(--gray100);font-size:1.8rem;font-weight:700}
.scroll.finish .box-top-desc.mid-tit + .board-wrap {margin-top:0}

.scroll.finish .box-top-desc .complete + .txt-RoboR {display:block;text-align:center}
.button-section .btn-st02.ico-btn.out {flex:unset !important;color:var(--primary01) !important;font-size:unset}

ul.list.dot li .txt-dash {margin-top:1rem;padding-left:1rem;color:var(--gray80);font-size:1.4rem}
ul.list.dot + h2.tit-st01.mt25 {margin-top:3rem !important}

/* 공과금 납부 */
.img-tax01 {margin:0 auto;width:15rem;height:15rem;}
.tax-img-list {margin-top:5rem}
.tax-img-list .lists.type03 a {position:relative;padding:2rem 4.8rem 2rem 4.3rem}
.tax-img-list .lists.type03 .list01:before {background:url(../images/icon-24-tax01.png) no-repeat center center/contain}
.tax-img-list .lists.type03 .list02:before {background:url(../images/icon-24-tax02.png) no-repeat center center/contain}
.tax-img-list .lists.type03 .list03:before {background:url(../images/icon-24-tax03.png) no-repeat center center/contain}
.tax-img-list .lists.type03 a:after {display:none}
.tax-img-list .lists.type03 a strong {color:var(--gray100);font-size:1.8rem;font-weight:700}
.tax-img-list .lists.type03 a span {margin-top:0.3rem}

.tax-info img {height:18rem}
.tax-txt  {display:flex;margin-top:0.3rem}
.tax-txt span + span {position:relative;margin-left:0.8rem;padding-left:0.8rem}
.tax-txt span + span:before {content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:0.1rem;height:1.2rem;background:var(--gray80)}

.finish .box-wrap .box-not-found + .box {margin-top:7rem}

.has-link .account-check {display:block}
.has-link .account-wrap {flex-direction:row}
.has-link label {font-size:0}

.box-check-cont {margin-top:1.6rem}
.box-check-cont .bg-box {margin-top:2rem}

.space40.type01 {margin-bottom:0}

.period-txt .period {color:var(--gray80);font-size:1.4rem}
.btn-set.alone {width:2.4rem;height:2.4rem;background:url(../images/btn-setting.png) no-repeat 0 0/contain}
.result-list {margin-top:1.6rem}
.result-list li {margin-top:1.6rem}

/* 보안/인증  */
.box-wrap.security .box + .box {margin-top:0}
.box-wrap.security .box + .box .tit-area.between:only-child {margin-bottom:0}
.security-card-new {position:relative;background:var(--primary);width:auto;margin:0 3rem;padding:2.0rem 2.0rem 2.4rem;box-shadow:2px 4px 20px rgba(0, 0, 0, 0.06);border-radius:1.8rem;}
.security-card-new::after {content:'';position:absolute;right:-40px;bottom:-21px;width:78px;height:134px;background:url(../images/onesign_main_img.png) no-repeat 0 0/contain;}
.security-card-new .tit-area {display:flex;justify-content:space-between;align-items:flex-start !important;padding:0;margin:0 !important;}
.security-card-new .name{color:#fff;font-size:1.8rem;line-height:2.6rem;word-break:keep-all;padding-right:0.8rem;margin-left:-0.4rem;}
.security-card-new .name strong {font-size:inherit;font-weight:700;color:inherit;vertical-align:initial;}
.security-card-new .btn-set {position:relative;padding:0.8rem 1.2rem;font-size:1.4rem;font-weight:700;color:#fff;background:rgba(255, 255, 255, 0.2);border-radius:0.8rem;flex:0 0 auto;}
.security-card-new .center-area {margin-top:1.0rem;}
.security-card-new .date{color:rgba(255, 255, 255, 0.6);font-size:1.4rem;letter-spacing:0;vertical-align:initial;line-height:2.0rem;font-weight:400;}
.security-card-new .date em {color:inherit;vertical-align:initial;font-weight:inherit;}
.security-card-new .card__header-icon-box {display:flex;flex-shrink:0;margin-top:10.4rem;}
.security-card-new .card__header-icon {display:block;width:3.0rem;height:3.0rem;}
.security-card-new .card__header-icon + .card__header-icon {margin-left:0.8rem;}
.security-card-new .card__header-icon img {width:100%}
.security-card-new .cloud-btn-wrap {margin-top:2.0rem;margin-right:2rem;text-align:left;}
.security-card-new .cloud-btn-wrap .btn-cloud, .security-card-new .cloud-btn-wrap .btn-cloud.btn-cloudN {width:auto;height:auto;padding:0;margin:0;border-radius:0;background:none;text-align:left;}
.security-card-new .cloud-btn-wrap .btn-cloud.btn-cloudN{padding:0 2.2rem 0 0;background:url(../images/icon-24-arrow-white.png) no-repeat center right / 2rem;}
.security-card-new .cloud-btn-wrap .btn-cloud.btn-cloudY{display:flex;align-items:flex-start;}
.security-card-new .cloud-btn-wrap .btn-cloud.btn-cloudY .icon-cloud{margin-right:0.4rem;width:1.8rem;height:1.8rem;min-width:1.8rem;background:url(../images/hana_auth_cloud.png) no-repeat 0 0/contain;} 
.security-card-new .cloud-btn-wrap .btn-cloud span {font-size:1.4rem;line-height:1.8rem;background-position:right 0.4rem top 0.4rem;color:#fff;}

/* .select-button-new {position:relative;display:flex;} */
/* .select-button-new input {width:0;height:0;position:absolute;left:0;top:0} */
/* .select-button-new .select-button__box {text-align:center;flex:1;position:relative;} */
/* .select-button-new .select-button__box + .select-button__box {margin-left:0.8rem} */
/* .select-button-new .select-button__box .select-button__item {position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:1.6rem 1.2rem;border-radius:1.2rem;} */
/* .select-button-new .select-button__box .select-button__item::before {content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid var(--gray40);border-radius:1.2rem;box-sizing:border-box} */
/* .select-button-new .select-button__box .select-button__item .img-area {position:relative;margin:0 auto;display:block;width:3.2rem;height:3.2rem;} */
/* .select-button-new .select-button__box .select-button__item span {position:relative;display:block;margin-top:1.2rem;font-size:1.6rem;font-weight:400} */
/* .select-button-new .select-button__box .select-button__item.password .img-area{ background:url(../images/ico-36-cert01.png) no-repeat center;background-size:3.6rem auto} */
/* .select-button-new .select-button__box .select-button__item.bio .img-area{ background:url(../images/ico-36-cert02.png) no-repeat center;background-size:3.6rem auto} */
/* .select-button-new .select-button__box .select-button__item.bio2 .img-area{ background:url(../images/ico-36-cert03.png) no-repeat center;background-size:3.6rem auto} */
/* .select-button-new .select-button__box .select-button__item.pattern .img-area{ background:url(../images/ico-36-cert04.png) no-repeat center;background-size:3.6rem auto} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item {background-color:var(--bg-secondary);color:var(--primary01)} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item span {font-weight:700} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item:before {border:2px solid var(--primary)} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item.password .img-area {background-image:url(../images/ico-36-cert01-on.png)} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item.bio .img-area {background-image:url(../images/ico-36-cert02-on.png)} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item.bio2 .img-area {background-image:url(../images/ico-36-cert03-on.png)} */
/* .select-button-new .select-button__box .select-button__input:checked + .select-button__item.pattern .img-area {background-image:url(../images/ico-36-cert04-on.png)} */

/* .select-button-new .select-button__box .select-button__input:disabled + .select-button__item {background:var(--bg-gray100)} */
/* .select-button-new .select-button__box .select-button__input:disabled + .select-button__item.password .img-area{background-image:url(../images/ico-36-cert01.png)} */
/* .select-button-new .select-button__box .select-button__input:disabled + .select-button__item.bio .img-area{ background-image:url(../images/ico-36-cert02.png)} */
/* .select-button-new .select-button__box .select-button__input:disabled + .select-button__item.bio2 .img-area{ background-image:url(../images/ico-36-cert03.png)} */
/* .select-button-new .select-button__box .select-button__input:disabled + .select-button__item.pattern .img-area{ background-image:url(../images/ico-36-cert04.png)} */

.box-wrap.security .between {display:flex;justify-content:space-between;align-items:center}
.box-wrap.security .tit-area {margin:3rem 0 1.6rem 0}
.box-wrap.security .tit-area .tit {color:var(--gray100);font-size:1.8rem;font-weight:700;flex:1}
.box-wrap.security .tit-area.between .tit {margin-right:2rem;font-size:1.8rem;font-weight:700}
.box-wrap.security .tit-area.between .inner-tooltip {margin-right:2rem;flex:1}
.box-wrap.security .tit-area.between .inner-tooltip .tit {margin-right:0}

.no-security-card {padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem;text-align:center;}
.no-security-card.mt10 {margin-top:0 !important}
.no-security-card .card__header-icon {width:3rem; height:3rem;}
.no-security-card .card__header-icon + .card__header-icon {margin-left:0.15rem}
.no-security-card .card__header-icon-box .flex-area {display:flex;justify-content:center;margin-bottom:1.6rem}
.card__header-icon-box .txt {font-size:1.4rem;color:var(--gray80)}
.card__header-icon-box + .tit {margin:3rem 0;font-size:1.8rem;color:var(--gray100);font-weight:700}
.security-list li  {margin:0 2rem;text-align:left}
.security-list li span {padding-left:2.2rem;display:inline-block;color:var(--gray80);background:url(../images/ico_15_insurance.png) no-repeat left top 0.2rem; background-size:2rem auto;}
.security-list li + li {margin-top:1rem}
.no-security-card .button-section {margin-top:3rem}
.no-security-card .button-section .Lbtn.btn-st09 {min-height:4.9rem;height:4.9rem;color:var(--primary);background:#fff;padding:1.4rem 1.6rem;border:1px solid var(--primary);border-radius:1.2rem}

.box-wrap.security .tit-area.between .btn-arrow-gray {position:relative;padding:0 2.2rem 0 0;width:auto;min-height:auto;height:auto;color:var(--gray100);font-size:1.6rem;font-weight:400;text-align:right}
.box-wrap.security .tit-area.between .btn-arrow-gray:after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:2.0rem;height:2.0rem;background:url(../images/icon-24-arrow-right.png) no-repeat 50% 50%/2.2rem;}
.ez-new .green-line-box > .tit {margin-bottom:1.6rem;color:var(--primary01);font-size:1.8rem;text-align:center}
.ez-new .green-line-box {padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem}
.ez-new .green-line-box .list-wrap li {display:flex;justify-content:space-between;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--gray30)}
.ez-new .green-line-box .list-wrap li:last-child {border-bottom:0}

.green-line-box .list-wrap li .tit {width:15rem;color:var(--gray90);font-size:1.4rem}
.green-line-box .list-wrap li .cont {flex:1;color:var(--gray100);font-size:1.6rem;text-align:right}
.green-line-box .btn-area .btn-green {margin-top:0.4rem;width:100%;height:3.7rem;min-height:3.7rem;padding:0.8rem 1.2rem;background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:0.8rem;font-weight:700;font-size:1.4rem}

.box-wrap.security .text-large.align-center {margin-top:1.6rem;text-align:center}
.box-wrap.security .text-large .color-green {color:var(--primary01)}

.box-wrap.security .swipe-banner {margin-top:0 !important}
.box-wrap.security .certi-info {margin-top:1.6rem}
.box-wrap.security .certi-info .pb_list-item {padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem}
.box-wrap.security .certi-info .pb_list-item-inner {text-align:center}
.box-wrap.security .certi-info .pb_list-icon {display:block;margin:0 auto;width:3.6rem;height:auto}
.box-wrap.security .certi-info .pb_list-info {margin-top:0.8rem}
.box-wrap.security .certi-info .pb_list-info .pb_list-tit {color:var(--gray100);font-weight:700}
.box-wrap.security .certi-info .pb_list-info .pb_list-txt {margin-top:0.8rem;color:var(--gray80);font-size:1.4rem}

.box-wrap.security .use-list {display:grid;grid-gap:1.2rem;grid-template-columns: 1fr 1fr 1fr;}
.box-wrap.security .use-list .use-list_item {display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:13rem;padding:2rem 1.6rem;background-color:var(--gray10);border-radius:1.6rem}
.box-wrap.security .use-list .use-list_item .ips-logo {display:block;width:5.2rem;height:5.2rem;background:#fff;border-radius:50%}
.box-wrap.security .use-list .use-list_item .ips-logo img {border-radius:50%}
.box-wrap.security .use-list .use-list_item .ips-txt {margin-top:0.4rem;font-size:1.4rem;text-align:center;word-break:break-word !important;min-height:4.2rem;display:flex;align-items:center;justify-content:center;}

.box-wrap.security .area_con.new {margin-top:4rem}
.box-wrap.security .area_con.new .con-list.have-toggle {border:0}
.box-wrap.security .area_con.new .con-list.have-toggle > li {border:0}
.box-wrap.security .area_con.new .con-list.have-toggle > li .toggle-con {width:auto;}
.box-wrap.security .onsign-footer {margin-top:7rem;text-align:center}
.box-wrap.security .onsign-footer .sbtn.btn-st07 {padding:0;width:auto;min-height:auto;height:auto;color:var(--gray80);font-size:1.4rem;font-weight:400}
.box-wrap.security .onsign-footer .sbtn.btn-st07 + .sbtn.btn-st07 {margin-left:1rem}

.box-wrap.security .box-green.between {padding:2rem 1.6rem;background:var(--bg-secondary);border-radius:1.2rem}
.box-wrap.security .box-green .tit {padding-left:3.5rem;color:var(--gray100)}
.box-wrap.security .box-green .tit.type1 {background:url(../images/icon_pw_on.png) no-repeat left center; background-size:2.25rem auto;}
.box-wrap.security .box-green .tit.type2 {background:url(../images/icon_bio_on.png) no-repeat left center; background-size:auto 2rem ;}
.box-wrap.security .box-green .tit.type3 {background:url(../images/icon_pattern_on.png) no-repeat left center; background-size:auto 2rem ;}
.box-wrap.security .box-green .tit.type4 {background:url(../images/icon_finger_on.png) no-repeat left center; background-size:auto 2rem;}

.box-wrap.security .flag {text-align:center; padding:.5rem .9rem;background-color:var(--primary);font-size:1.2rem; color:#fff; border-radius:2.5rem;}

.box-wrap.security > .box:first-child > .tit-area.between:first-child {margin-top:0}
.box-wrap.security .tool-tip-wrap {vertical-align:middle}
.box-wrap.security .inner-tooltip .tit {display:inline-block}
.box-wrap.security .inner-tooltip .tit strong {font-weight:700}
.box-wrap.security .tool-tip-wrap .btn-tool-tip {margin-top:0;padding:0}

.box-wrap.security .box.type2 .toggle-area .tit {position:relative;display:flex;justify-content:flex-start;align-items:flex-start;padding:2.0rem 4.0rem 2.0rem 0;border-top:1px solid var(--gray30);border-bottom:1px solid var(--gray30)}
.box-wrap.security .box.type2 .toggle-area:last-child .tit {border-bottom:1px solid var(--gray30)}
.box-wrap.security .box.type2 .toggle-area .tit.on {border-bottom:0}
.box-wrap.security .box.type2 .toggle-area .tit.on + .cont {border-bottom:1px solid var(--gray30)}
.box-wrap.security .box.type2 .toggle-area + .toggle-area .tit {border-top:0}
.box-wrap.security .box.type2 .toggle-area .tit button {color:var(--gray90);font-size:1.6rem;text-align:left}
.box-wrap.security .box.type2 .toggle-area .tit:after {content:'';position:absolute;right:0.8rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:url(../images/icon-24-down.png) no-repeat 0 0/contain;}
.box-wrap.security .box.type2 .toggle-area .tit.on button {font-weight:700;color:var(--gray100);}
.box-wrap.security .box.type2 .toggle-area .tit.on::after {transform:translateY(-50%) rotate(180deg);}
.box-wrap.security .box.type2 .toggle-area .cont {display:none;padding-bottom:2.0rem;font-size:1.4rem;color:var(--gray80);}
.box-wrap.security .box.type2 .toggle-area .tit.on + .cont {display:block;}
.box-wrap.security .box.type2 .toggle-area .cont .list.dot li a {color:var(--gray80);font-size:1.4rem}

.scroll > .bg_white.type02 + .box-wrap {min-height:auto}

.scroll.vbox .box-top-desc + .list.dash li {position:relative}
.scroll.vbox .box-top-desc + .list.dash li:before {content:'';position:absolute;left:0;top:1.1rem;width:3px;height:3px;border-radius:50%;background:var(--gray80);}

/* 인증내역 조회 */ 
.box.certi-history .con-list {border:0}
.box.certi-history .con-list > li {padding:2rem 1.6rem;background:var(--gray10);border:0;border-radius:1.6rem}
.box.certi-history .con-list > li + li {margin-top:1.6rem}
.box.certi-history .con-list > li .icon-box {justify-content:flex-start;align-items:flex-start}
.box.certi-history .con-list > li .icon-box .icon-area {margin-right:0.8rem;width:2.4rem;height:2.4rem;font-size:0;position:relative;}
.box.certi-history .con-list > li .icon-box .icon-area img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.box.certi-history .con-list > li .icon-box .icon-area img.default {filter:grayscale(1);opacity:0.5;width:1.8rem !important;}
.box.certi-history .con-list > li .icon-box .icon-area.simple img {width:120%;height:auto;}
.box.certi-history .con-list > li .icon-box .text-area p,
.box.certi-history .con-list > li .icon-box .text-area p span {color:var(--gray80);font-size:1.4rem}
.box.certi-history .con-list > li .icon-box .text-area .name {margin-bottom:0.3rem;color:var(--gray100);font-size:1.6rem}
.box.certi-history .con-list.mt0 {border-top:0}
.box.certi-history .con-list > li .tit-st01 {margin-bottom:1rem;}
.box.certi-history .con-list .list-wrap {padding:2rem 1.6rem;background:#fff;border-radius:1.2rem}
.box.certi-history .con-list .list-wrap li {display:flex;justify-content:space-between;align-items:center} 
.box.certi-history .con-list .list-wrap li + li {margin-top:2rem}
.box.certi-history .con-list .list-wrap li .tit {font-size:1.4rem;color:var(--gray90)}
.box.certi-history .con-list .list-wrap li .cont {color:var(--gray100);font-size:1.6rem}

.bg_white + .scroll .txt-dot2 {margin-top:0 !important}
.bg_white + .scroll .box.certi-history.mt10 {margin-top:3rem !important}
/* 본인확인 */
.box-tit-area + .cert_box_wr {margin-top:3rem}
.cert_box_wr .con-box .con-body {text-align:left} 
.cert_box_wr + .agree-wrap.type02 .all-chk label.checked  {border-radius:1.6rem 1.6rem 0 0}
.cert_box_wr .con-box.st-03 .con-header strong .name {color:var(--primary01)}
.cert_box_wr .con-box.st-03 .c-date {display:flex;align-items:center}
.cert_box_wr .con-box.st-03 .con-body p {font-size:1.4rem}
.cert_box_wr .con-box.st-03 .con-body .c-date span {margin-left:0.3rem;font-size:1.4rem;font-weight:400}
.cert_box_wr + .agree-wrap.type02 {margin-top:3rem}

.agree-wrap.type05 + .con_txt {padding:2rem 1.6rem;margin-top:3rem;background:var(--gray10);border-radius:1.6rem}
.agree-wrap .con-list > .sub .con-list li {font-size:1.4rem}

.layer-container ol.list.num li .list.dash > li {color:var(--gray);font-size:1.4rem}
.layer-container ol.list.num li .list.dash > li + li {margin-top:0.6rem}
.layer-container h2.bold {margin:3rem 0 1.2rem 0}

.ez-new .scroll.certi-process {padding:3.0rem 2.0rem calc(4.0rem + 1.6rem)}
.input-code-num .error-text.align-center {text-align:center}
.certi-onecoin__sample-wrap {display:flex;justify-content:space-between;margin-top:3rem;padding:2rem 1.6rem;background:var(--gray10);border-radius:1.6rem}
.certi-onecoin__sample-wrap .sample-sub-txt {font-size:1.4rem}
.certi-onecoin__sample-wrap .sample-sub-txt .sample-balloon {display:none}
.certi-onecoin__sample-wrap .sample-main-txt {display:flex;margin-top:0.8rem;font-size:1.8rem}
.certi-onecoin__sample-wrap .sample-main-txt.color-green {color:var(--primary01);justify-content:flex-end;font-weight:700}
.certi-onecoin__sample-wrap .sample-main-txt .sample-icon {position:relative;display:block;width:2.4rem;height:2.4rem;background:#fff;border:1px solid var(--gray50);border-radius:0.4rem}
.certi-onecoin__sample-wrap .sample-main-txt .sample-icon img {display:none}
.certi-onecoin__sample-wrap .sample-main-txt .sample-icon:after {content:"";position:absolute;top:0.6rem;left:0.6rem;width:1rem;height:1rem;background:var(--gray70);border-radius:50%}
.certi-onecoin__sample-wrap .sample-main-txt .sample-icon:first-child {margin-left:0.8rem}
.certi-onecoin__sample-wrap .sample-main-txt .sample-icon + .sample-icon {margin-left:0.3rem}
.certi-onecoin__sample-wrap + .input-code-num {margin-top:3rem}

.box-top-desc .status.type1,
.box-top-desc .status.type2,
.box-top-desc .status.type3 {position:relative;padding-top:9.2rem}
.box-top-desc .status.type1:before,
.box-top-desc .status.type2:before,
.box-top-desc .status.type3:before {display:none}
.box-top-desc .status.type1:after,
.box-top-desc .status.type2:after,
.box-top-desc .status.type3:after {content:"";width:7.2rem;height:7.2rem;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.box-top-desc .status.type1:after {background:url(../images/icon-72-certi01.png) no-repeat 0 0/contain}
.box-top-desc .status.type2:after {background:url(../images/icon-72-certi-delete.png) no-repeat 0 0/contain}
.box-top-desc .status.type3:after {background:url(../images/icon-72-certi-stop.png) no-repeat 0 0/contain}
.box-top-desc .status.type2 + .txt-large.txt-point-2.mt30 {margin-top:1rem !important;text-align:center;font-size:1.6rem !important}
.box-top-desc .status.type2 + .txt-large.txt-point-2.mt30 + .stxt {margin-top:1rem;color:var(--gray80);font-size:1.4rem}

.gray-line-box {padding:2rem 1.6rem;background:var(--gray10);border:0;border-radius:1.6rem}
.gray-line-box .top-area {display:flex;align-items:center;}
.gray-line-box .top-area .icon-area {display:block;width:2.4rem;height:2.4rem;margin-right:0.8rem;position:relative;font-size:0;}
.gray-line-box .top-area .icon-area img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.gray-line-box .top-area .icon-area img.default {filter:grayscale(1);opacity:0.5;}
.gray-line-box .top-area .icon-area.simple img {width:120%;height:auto;}
.gray-line-box .top-area .text-area {color:var(--gray100);font-size:1.8rem}
.gray-line-box .list-wrap {margin-top:1.6rem}
.gray-line-box .list-wrap li {display:flex;justify-content:space-between;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--gray30)}
.gray-line-box .list-wrap li:last-child {padding-bottom:0;border-bottom:0}
.gray-line-box .list-wrap li .tit {width:13rem;color:var(--gray90);font-size:1.4rem}
.gray-line-box .list-wrap li .cont {flex:1;color:var(--gray100);font-size:1.6rem;text-align:right}

.ez-new .box-wrap {min-height:auto}
.box-wrap + .toggle-area.agree-wrap.type02 {margin-top:3.0rem}
.box-wrap + .toggle-area.agree-wrap.type02 + .con_txt.mt10 {margin-top:2rem !important}
.box-wrap + .toggle-area.agree-wrap.type02 .tit {display:flex;align-items:center;height:6.4rem;padding:0 1.6rem;color:var(--gray90);border:1px solid var(--gray40);border-radius:1.6rem;font-weight:normal}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on {border-radius:1.6rem 1.6rem 0 0}
.box-wrap + .toggle-area.agree-wrap.type02 .tit .all-chk {display:flex;width:100%}
.box-wrap + .toggle-area.agree-wrap.type02 .tit .all-chk label {padding:0;border:0;}
.box-wrap + .toggle-area.agree-wrap.type02 .tit .all-chk label.checked {width:auto}
.box-wrap + .toggle-area.agree-wrap.type02 .tit .btn-toggle {position:relative;width:100%;font-size:1.6rem;text-align:left}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on .btn-toggle {font-weight:700}
.box-wrap + .toggle-area.agree-wrap.type02 .tit .btn-toggle:after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:url(../images/icon-24-down.png) no-repeat 0 0/contain;}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on .btn-toggle:after {transform:translateY(-50%) rotate(180deg);}

.box-wrap + .toggle-area.agree-wrap.type02 .tit.on + .cont {padding:2rem 1.6rem;border:1px solid var(--gray40);border-top:0;border-radius:0 0 1.6rem 1.6rem}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on + .cont .list.dot li {font-size:1.4rem}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on + .cont .con-list {padding:0 0 0 1rem;border:0}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on + .cont .con-list li {margin-top:1.6rem;padding-left:0}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on + .cont .con_txt {font-size:1.4rem;margin-top:1.6rem}
.box-wrap + .toggle-area.agree-wrap.type02 + .con_txt.mt10 + .list.dot {margin-top:1.6rem}
.box-wrap + .toggle-area.agree-wrap.type02 .tit.on + .cont .con-list li label {display:block}

.layer-pop.event {position:relative}
.layer-pop.event .tit {margin:6rem 0 1rem 0 !important;font-size:2rem;font-weight:700}
.layer-pop.event .icon-area {margin:0 auto;width:11.3rem;padding:3rem 0 2rem}
.layer-pop.event .btn-area.gray.between {position:absolute;top:-4rem;left:0;margin:0 2rem;width:calc(100% - 4rem);display:flex;justify-content:space-between;align-items:center;}
.layer-pop.event .btn-area.gray.between .btn-txt {color:#fff;font-size:1.6rem;font-weight:700}

.num_type {margin-top:2rem}
.num_type li {counter-increment:num;margin-top:1.2rem;padding-left:3.2rem;position:relative;font-size:1.6rem;line-height:1.5;color:var(--gray80)}
.num_type li:first-child {margin-top:0}
.num_type li span {width:2.4rem;height:2.4rem;position:absolute; left:0; top:0;text-align:center;font-size:1.4rem;line-height:2.4rem;font-weight:700;background:var(--gray40);border-radius:50%}

.bg_white.type02 .con_imp02 + .txt-dash {position:relative;margin-top:1rem;padding-left:1.2rem;color:var(--gray80);font-size:1.4rem}
.bg_white.type02 .con_imp02 + .txt-dash:before {content:"*";position:absolute;top:0.2rem;left:0;background:0}
.box-wrap .box .con_imp {margin:3rem 0 1.6rem 0;color:var(--gray100);font-size:1.8rem;font-weight:700}
.box-wrap .box .form-wrap.multi_inp input {height:6.3rem;padding:1.8rem 1.6rem;background-color:var(--gray10);height:6.3rem;color:var(--gray100);border-radius:1.2rem;line-height:6.3rem;font-size:1.8rem;text-align:center}
.box-wrap .cert_nolog_Box .con_imp {margin:0}

.agree-detail-wrap.ups > h2.tit-st01 {font-size:2.4rem}
.agree-detail-wrap.ups .tit-st05 {margin:3rem 0 1.2rem 0}
.agree-detail-wrap.ups .tit-st04 {margin:3rem 0 1.2rem 0;font-size:1.6rem !important;font-weight:700}
.agree-detail-wrap.ups .board-wrap + .txt-spe {margin-top:1rem}
.agree-detail-wrap.ups .txt-uline {vertical-align:baseline}
.agree-detail-wrap.ups .txt-spe + .txt-spe {margin-top:1rem}
.agree-detail-wrap.ups .tit-st05 + div {margin-bottom:1.6rem}

.notification-box {margin-top:4rem}
.notification-box .box-inner {width:100%;border:1px solid var(--gray40);border-radius:1.2rem;box-sizing:border-box}
.notification-box .box-inner .box-tit {display:flex;align-items:center;width:100%;min-height:6.4rem;padding:1.6rem;height:auto;background:url("../images/icon-24-arrow-right.png") no-repeat right 1.4rem center/2.4rem;color:var(--gray100);text-align:left;font-size:1.6rem;border-bottom:1px solid var(--gray40)}
.notification-box .box-inner .box-txt {display:block;padding:2rem 1.6rem;text-align:left;font-size:1.4rem;color:var(--gray90)}

/* 한국생활가이드 */
.content-top.bg-star {position:relative}
.content-top.bg-star:after {content:"";position:absolute;top:-2rem;right:0;width:7.5rem;height:9rem;background:url(../images/bg-content-top01.png) no-repeat 0 0/7.5rem 9rem}
.content-top .text-tit {color:var(--gray100);font-size:2.4rem;font-weight:700}

.bann-list-wrap {display:flex}
.bann-list-wrap .color-bann {width:50%}
.bann-list-wrap .color-bann + .color-bann {margin-left:1.3rem}
.color-bann a {display:block;min-height:16.5rem;height:100%;padding:2rem 1.6rem 7.6rem 1.6rem;border-radius:1.6rem}
.color-bann a .bann-tit {display:block;margin-bottom:0.3rem;color:var(--gray100);font-weight:700}
.color-bann a .bann-txt {color:var(--gray100);font-size:1.4rem}
.color-bann .color-01 {background:#ffedf0 url(../images/icon-color-banner01.png) no-repeat right 1.6rem bottom 2rem/4.5rem 3.6rem}
.color-bann .color-02 {background:#fbf7da url(../images/icon-color-banner02.png) no-repeat right 1.6rem bottom 2rem/4.5rem 4.3rem}

.card-roll {margin-top:3rem}
.card-roll .swipe-banner {margin-top:1.6rem !important;}
.card-roll .img-banner {position:relative;height:29.4rem}
.card-roll .img-banner a {display:block;height:100%}
.card-roll .img-banner img {height:25rem}
.card-roll .card-info {display:block;position:absolute;left:0;bottom:0;width:100%;height:8.8rem;padding:2rem 1.6rem;border-radius:0 0 1.6rem 1.6rem;}
.card-roll .card-info.bg-01 {background:var(--bg-secondary)}
.card-roll .card-info.bg-02 {background:#fbf7da}
.card-roll .card-info.bg-03 {background:#f4efff}
.card-roll .card-info.bg-04 {background:#ecffe4}
.card-roll .card-info.bg-05 {background:#ffedf0}
.card-roll .card-info .card-tit {color:var(--gray100);font-weight:700}

.k-multi {margin-top:3rem}
.service-content.rows.two {margin-top:1.6rem;grid-template-columns:1fr 1fr}
.service-content.rows.two a {padding-top:5.6rem}
.service-content.rows.two a:before {background-position:left 50% top 1.6rem}
.service-content.rows .ez-service1:before {background-image:url(../images/icon-ez-service01.png)}
.service-content.rows .ez-service2:before {background-image:url(../images/icon-ez-service02.png)}
.service-content.rows .ez-service3:before {background-image:url(../images/icon-ez-service03.png);background-size:3.2rem}
.service-content.rows .ez-service4:before {background-image:url(../images/icon-ez-service04.png);background-size:3.1rem}

/* 한국 첫 방문 */
.gray-multi-box ul li + li {margin-top:1.6rem}
.gray-multi-box .bg-box {display:flex;flex-wrap:wrap}
.gray-multi-box .bg-box > img {display:block;margin-right:1.2rem;width:2.4rem;height:2.4rem;}
.gray-multi-box .bg-box .box-txt {flex:1;font-weight:700}
.gray-multi-box + .button-section {margin-top:4rem}

.ez-korea {margin-top:4rem}
.ez-korea > .htit-st03 {margin-bottom:1.6rem}
.ez-korea .bg-box {position:relative}
.ez-korea .bg-box .htit-st03 {padding-right:4rem}
.ez-korea .bg-box .htit-st04 {margin-top:3rem}
.ez-korea .bg-box .txt-spe {margin-top:1.2rem}
.btn-more {position:absolute;top:2rem;right:1.6rem;display:block;width:2.4rem;height:2.4rem;background:url(../images/icon-24-more01.png) no-repeat 0 0/2.4rem}

.won {font-family:sans-serif}

.button-transfer .Lbtn.line-st01 {background:url(../images/icon-24-arrow-primary.png) no-repeat right 1.6rem top 50%/2.4rem;}

.ez-korea .capital .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-capital.png) no-repeat left top 0.1rem/2.4rem}
.ez-korea .holiday .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-holiday.png) no-repeat left top 0.1rem/2.4rem}
.ez-korea .currency .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-currency.png) no-repeat left top 0.1rem/2.4rem}
.ez-korea .season .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-season.png) no-repeat left top 0.1rem/2.4rem}
.ez-korea .transport .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-transport.png) no-repeat left top 0.1rem/2.4rem}
.ez-korea .emergency .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-emergency.png) no-repeat left top 0.1rem/2.4rem}
.ez-korea .culture .htit-st03 {padding-left:2.7rem;background:url(../images/icon-24-culture.png) no-repeat left top 0.1rem/2.4rem}
 

/* 한국 트렌드 */
.card-roll.trend {margin-top:0}
.card-roll.trend .swipe-banner {overflow:visible;padding:0;margin:0 1.6rem 0 1.6rem !important}
.card-roll.trend .img-banner {height:auto}
.card-roll.trend .img-banner .card-info {position:static;min-height:14.2rem;height:auto;border-radius:0 0 3rem 3rem}
.card-roll.trend .img-banner img {height:25.9rem;}
.card-roll.trend .img-banner a[data-value="health_13"] {position:relative;border-radius:3.0rem 3.0rem 0 0;overflow-x:hidden;}
.card-roll.trend .img-banner a[data-value="health_13"] img {position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto;}
.card-roll.trend .img-banner a[data-value="health_13"] .card-info {position:absolute;}
.card-roll.trend .img-banner .card-info .card-tit {font-size:2.4rem}
.card-roll.trend .img-banner .card-info .card-txt {display:block;margin-top:0.3rem;color:var(--gray90);font-size:1.4rem} 
.control-area {display:flex;align-items:center;margin:1.6rem 0 0 -1.6rem}
.control-area .btn-prev {width:4.8rem;height:4.8rem;background:url('../images/icon-48-left.png') no-repeat 0 0/4.8rem}
.control-area .btn-next {width:4.8rem;height:4.8rem;background:url('../images/icon-48-right.png') no-repeat 0 0/4.8rem}
.control-area .fraction {width:auto;padding:0.6rem 1.6rem;background:var(--gray10);border-radius:4em}
.control-area .fraction .swiper-pagination-current {position:relative;margin-right:1rem;padding-right:1rem;font-weight:700}
.control-area .fraction .swiper-pagination-current:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:0.1rem;height:1.2rem;background:var(--gray40)}

/* 한국 트렌드 > 상세보기 팝업 */
.layer-pop.alert .over-y .content > .htit-st03 {margin-top:2.4rem !important;font-size:1.8rem}
.layer-pop.alert .layer-container.over-y {overflow-y:auto;margin-bottom:1.6rem}
.layer-pop.alert .layer-container.over-y .k-img img {border-radius:1.6rem;}

/* 한국 트렌드 > 상세보기 */
.content-top .badge-box {margin-top:0.8rem}
.content-top .badge-box .badge-rect + .badge-rect {margin-left:0.8rem}

.info-img-wrap.full-img {position:relative;margin:3rem -2rem 3rem -2rem}
.info-img-wrap.full-img img {border-radius:0}
.info-img-wrap.full-img .copyright-txt {margin:0.8rem 2rem 0 2rem}
.info-img-wrap.full-img .button-section {display:flex;align-items:center;justify-content:center;position:absolute;top:2rem;right:2rem;width:4rem;height:4rem;background:#fff;border-radius:50%;opacity:0.8}

.subway {display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;padding:0 0.3rem;color:#fff;font-size:1.2rem;border-radius:50%}
.subway + .subway {margin-left:0.3rem;}
.subway:last-child,
.subway:only-child {margin-right:0.8rem}
.subway.line2 {background:#3aa14e}
.subway.line3 {background:#e3602f}
.subway.line4 {background:#3292c2}
.subway.line8 {background:#d12f66}
.detail-info-txt {margin-top:3rem}
.detail-info-txt + .con-card-box {margin-top:3rem}

.info-wrap .vbox.ss > div {display:flex;}
.info-wrap .vbox.ss > div .subway {margin-top:0.5rem}

.over-x {overflow-x:hidden}

.lpop-wrapper .layer-pop.alert .layer-container .htit-st03 + p {margin-top:0 !important}
.bg-box-white .con-list > li > div {align-items:center}
.bg-box-white .con-list > li > div span:first-child {min-width:auto}
.layer-pop.alert .content > p.mt10 {margin-top:1rem !important}

/* 송금금액 입력 */
.amount-box + .toggle-con .bg-box-white .con-list > li > div span:first-child {padding:0;}
.amount-box + .toggle-con .bg-box-white .con-list > li > div span:last-child {flex:0 0 65%;display:inline-flex;justify-content:flex-end;}

.mbtn.btn-st03.disabled,
.mbtn.btn-st03:disabled {border: 1px solid var(--gray50)}


/* 2차  - 이체/조회 */
.w-auto {width:auto !important}
.btn-favorite {width:2.4rem;height:2.4rem;background:url(../images/icon-24-favorite-off.png) no-repeat 0 0/2.4rem}
.btn-favorite.on {background:url(../images/icon-24-favorite-on.png) no-repeat 0 0/2.4rem}
.btn-favorite.full-type {position:relative;display:flex;align-items:center;justify-content:center;margin-top:2rem;min-height:3.7rem;height:auto;padding:0.8rem 1.2rem;background-image:none;border:1px solid var(--gray50);border-radius:0.8rem;color:var(--gray80)}
.btn-favorite.full-type.on {background:0}
.btn-favorite.full-type span {position:relative;padding-left:2.4rem;font-size:1.4rem;font-weight:bold;text-align:left}
.btn-favorite.full-type span:before {content:"";position:absolute;left:0;top:0.1rem;width:1.6rem;height:1.6rem;background:url(../images/icon-24-favorite-off.png) no-repeat 0 0/1.6rem}
.btn-favorite.full-type.on span:before {background:url(../images/icon-24-favorite-on.png) no-repeat 0 0/1.6rem}

.scroll .tab.type-button {margin-top:0}
.tab.type-button {margin-bottom:2rem;padding:0;background:var(--gray30);border-radius:1rem}
.tab.type-button li a {min-height:4.1rem;padding:0.8rem 1.2rem;border:2px solid var(--gray30);border-radius:1rem;font-size:1.4rem}
.tab.type-button li a:after {height:100%;background:0;}
.tab.type-button li.on a {background:#fff}
.tab.type-button li.on a:after {height:100%;background:0;border-radius:1rem}

.content-box01 {margin:3rem 2rem 1rem 2rem}
.scroll .content-box01 {margin:0}
.function-box .btn-text {display:block;margin:0 0 2rem auto;font-size:1.4rem}
.function-box .function-cont .check-sel01 {display:none}
.function-box .function-cont.check .check-sel01 {display:block}
.function-box .function-cont.check .favorite-sel01 {display:none}
.function-box .function-cont.check .account-box {background: var(--gray10) url(../images/icon-form-check-off.png) no-repeat right 1.6rem top 50%/ 1.6rem;}
.function-box .function-cont.check input[type=checkbox]:checked + .account-box {background:url(../images/icon-form-check-on.png) no-repeat right 1.4rem top 50%/ 1.6rem;}
.function-box .account-list .account-box {background-color:var(--gray10);}
.function-box .account-list label.account-box:before {border:0}
.function-box .btn-favorite {position:absolute;top:50%;transform:translateY(-50%);right:1.6rem}

.list-other {margin-top:6rem}
.list-other .htit-st03 {text-align:center}
.list-other .button-section {margin-top:4rem}

.input-transfer .limit {display:flex;align-items:center;margin-top:0.3rem;color:var(--gray80);font-size:1.4rem}
.input-transfer .limit .txt {margin-left:0.6rem;font-weight:700}
.input-transfer .limit .amount {margin-left:0.3rem;font-weight:700}
.amount-transfer {margin-top:2rem;text-align:center}
.amount-transfer .txt {color:var(--gray100);font-size:1.8rem}
.amount-transfer .amount input {width:100%;color:var(--gray100);font-size:3.6rem;font-weight:700;text-align:center}

.input-transfer + .account-box.type01 {margin:3rem 0}
.account-box.type01 .amount-unit {justify-content:space-between;margin-top:2rem;padding:1.6rem;background:#fff;border-radius:1.2rem}
.account-box.type01 .amount-unit .label {flex:1;max-width:15.2rem;;margin:0 1.2rem 0 0;text-align:left}
.account-box.type01 .amount-unit .unit-inner {display:flex;align-items:center;}
.account-box.type01 .amount-unit .unit-inner .unit {color:var(--gray90);font-size:1.4rem;font-weight:700}
.account-box.type01 .amount-unit .unit-inner .amount {color:var(--gray90);font-size:1.4rem}

.txt-spe.align-l {display:flex;text-align:left}

.htit-st03.str-txt {display:flex;align-items:center}
.htit-st03.str-txt strong {margin-left:0.3rem;font-weight:bold}

.qna-wrap {margin:1.6rem 0 3rem 0}
.qna-wrap .qna-list li {margin-top:3rem}
.qna-wrap .qna-list li:first-child {margin-top:0}
.qna-box .question {display:flex;color:var(--gray100);font-size:1.8rem;font-weight:700}
.qna-box .question .q-num {margin-right:0.3rem;color:var(--primary)}
.qna-box .question .q-txt {flex:1}
.qna-box .answer {margin-top:1.6rem}

.finish .board-wrap .btn-share {display:block;margin: 0 0 2rem auto}

.has-btn-text {position:relative}
.has-btn-text button {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem}
.account-con .other {display:flex}
.account-con .other span + span {margin-left:0.3rem}

.s-info + .old-acc.bold span em + em {margin-left:0.3rem}
.account-box .btn-link.alone {position:absolute;top:2rem;right:1.6rem;width:2.4rem;height:2.4rem;color:var(--gray100);font-size:1.6rem;text-align:left}
.account-box .acct-copy {display:inline-block}
.account-box .acct-copy .type {display:block}

.inp-wrap.type01 .inp + .inp {margin-top:1.6rem}
.inp-wrap.type01 .inp input {text-align:right}
.inp-wrap.type01 + .button-section {margin-top:2rem}

.account-box.multi-btn .sbtn {margin-top:2rem}
.account-box.multi-btn .sbtn + .sbtn {margin-top:0.8rem}

/* 보유계좌조회  */
.amount-result-list01 {margin-top:3rem}
.amount-result-list01 li + li {margin-top:1.6rem}

.switch-box01 {position:relative;padding:2rem 1.6rem;background:var(--bg-gray200);border-radius:1.6rem}
.switch-box01.active {background:var(--bg-secondary)}
.switch-box01 .has-acc-num {display:flex;align-items:center}
.switch-box01 .has-acc-num span {margin-left:0.3rem}
.switch-box01 .amount-unit {display:flex;align-items:center;margin-top:0.8rem}
.switch-box01 .amount-unit .unit {color:var(--gray100);font-size:1.8rem}
.switch-box01 .amount-unit .amount {margin-left:0.3rem;color:var(--gray100);font-size:2.4rem;font-weight:700}
.switch-box01 .amount-unit .amount-hide {color:var(--gray100);font-size:2.4rem;font-weight:700}
.switch-box01 .btn-switch-toggle {position:absolute;top:50%;transform:translateY(-50%);right:1.6rem}
.switch-box01 + .account-box {margin-top:3rem}

/* 거래내역 조회 */
.tit-wrap.srch-func {display:flex;align-items:center;margin:3rem 0 1.6rem 0}
.tit-wrap.srch-func .tit-st01 {margin:0}
.btn-option {width:2.4rem;height:2.4rem;background:url(../images/icon-24-option.png) no-repeat 0 0/contain}

.in-out-list li a {display:block;padding-right:4rem}
.in-out-list li .is-arrow {background:url(../images/icon-24-arrow-right.png) no-repeat right center/2.4rem}
.in-out-list .status,
.in-out-list .s-info {display:flex;align-items:center;justify-content:space-between}
.in-out-list .status .txt {color:var(--gray100);margin-right:1.2rem}
.in-out-list .status .amount {font-size:1.8rem;flex:none;text-align:right}
.status.out .amount {color:var(--up);padding-left:0.5rem}
.status.out .amount:before {content:"-";color:var(--up)}
.status.in .amount {color:var(--down);padding-left:1rem}
.status.in .amount:before {content:"+";color:var(--down)}
.in-out-list .s-info {color:var(--gray80);font-size:1.4rem}
.in-out-list .s-info .date {width:11.4rem}
.in-out-list .s-info .s-money {flex:1;text-align:right}
.in-out-list .s-info .s-money em + em {margin-left:0.3rem}

.layer-container .scroll .search-v-wrap .htit-st04.left {margin:3rem 0 1.6rem 0}


/* 거래내역 상세 */
.share-box01 {display:flex;justify-content:space-between;margin-top:3rem;padding:2rem 0;border: 1px solid var(--gray30);border-radius:2rem}
.share-box01 .btn-share01 {position:relative;display:block;width:100%;padding:6rem 2rem 0 2rem;color:var(--gray90);font-size:1.4rem;text-align:center}
.share-box01 .btn-share01:before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:4.8rem;height:4.8rem;background:var(--bg-secondary) url(../images/icon-20-share-text.png) no-repeat center center/2rem;border-radius:2.4rem}
.share-box01 .btn-share01.img:before {background:var(--bg-secondary) url(../images/icon-20-share-img.png) no-repeat center center/2rem;}
.share-box01 .btn-share01 + .btn-share01:after {content:"";position:absolute;top:0;left:0;width:0.1rem;height:100%;background:var(--gray30)}
.share-box01 + .inline-button {margin-top:3rem}
.share-box01 + .inline-button button + button {margin-top:1.6rem}

.no-data.other .list.dot {display:inline-block;margin-top:2rem;font-weight:normal;}
.no-data.other .txt-spe {margin:2rem auto 0;font-weight:400;display:block;width:max-content;}

/* 한국 라이프 > 혜택라운지  */
.benefit-visual {width:15.0rem;height:15.0rem;margin:3.0rem auto 2rem;background:url(../images/benefit-img-visual.png) no-repeat 50% 50%/contain}
.benefit-list li + li {margin-top:1.6rem}
.benefit-list li a {display:flex;min-height:11.8rem;padding:2rem 1.6rem;border-radius:1.6rem}
.benefit-list .benefit-logo {width:5.4rem;height:5.4rem;margin-right:1.2rem}
.benefit-list .benefit-txt {flex:1}
.benefit-list .benefit-txt strong {display:flex;align-items:center;min-height:5.4rem;color:var(--gray100);font-size:1.8rem;font-weight:700}
.benefit-list .benefit-txt .txt-sub {display:block;margin-top:0.3rem;color:var(--gray90)}
.benefit-list .benefit-01 {background:#effafb}
.benefit-list .benefit-02 {background:#e9f6ff}
.benefit-list .benefit-03 {background:#fbf9ec}

/* 혜택라운지 > 상세 */
.scroll.benefit {padding:0 0 calc(4.0rem + 1.6rem)}
.benefit-top {min-height:63.8rem;text-align:center}
.benefit-top .cont-top {padding-top:2rem}
.benefit01 {background:linear-gradient(180deg, #1b2a5e -4.7%, #41a3db 97.02%)}
.benefit02 {background:linear-gradient(180deg, #f5fffd -4.7%, #afe1d7 97.02%)}
.benefit02 .cont-top {padding-bottom:1rem;background:url(../images/bg-benefit-02-01.png) no-repeat left top/100% 13.6rem}
.benefit03 {background:linear-gradient(180deg, #15b5cc -4.7%, #3cad8f 97.02%)}
.benefit03 .cont-top {min-height:21.7rem;padding-bottom:6rem;background:url(../images/bg-benefit-03-01.png) no-repeat left top/100% 21.7rem}
.benefit03 .cont-bottom {min-height:41.1rem;margin-top:-3rem}
.benefit03 .cont-bottom:after {content:"";display:block;margin-top:-11.2rem;width:100%;height:24.4rem;background:url(../images/bg-benefit-03-02.png) no-repeat left bottom/100% 24.4rem}
.benefit-top .label {display:inline-block;padding:0.6rem 1.6rem;border-radius:10rem;min-height:3.3rem;color:#fff;font-size:1.4rem;font-weight:700}
.benefit-top .benefit-tit {margin:2rem 2rem 0 2rem;color:#fff;font-size:2.8rem;font-weight:700}
.benefit-top.benefit01 .benefit-tit {margin-bottom:1.6rem}
.benefit-top.benefit02 .benefit-tit {color:var(--gray100)}
.benefit-top.benefit01 .label {background:#8e724d}
.benefit-top.benefit02 .label {background:#009bff}
.benefit-top.benefit03 .label {background:var(--white);color:var(--gray100)}

.benefit-cont {position:relative;margin-top:-8rem;padding:0 2rem;min-height:100%;background:#fff;border-radius:2rem 2rem 0 0}
.benefit-cont .cont-tit {margin:0 1rem;padding:3rem 0 2rem 0;background:linear-gradient(94deg, #106fc3 -4.3%, #01a5ac 104.69%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--gray40);font-size:2.8rem;;font-weight:700;text-align:center}
.benefit-cont .logo-box {display:flex;align-items:center;justify-content:center;margin-top:4rem}
.benefit-cont .logo-box span {display:block;height:3rem}
.benefit-cont .logo-box span img {width:auto;height:100%}
.benefit-cont .logo-box .hana {position:relative;display:block;padding-right:3.8rem}
.benefit-cont .logo-box .hana:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;margin:0 1rem;width:1.8rem;height:1.8rem;background:url(../images/icon-18-cross.png) no-repeat center center/contain}


.benefit-cont-list {margin-top:4rem;text-align:center}
.benefit-cont-list li + li {margin-top:2rem}
.benefit-cont-list .tit {display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 1.2rem;background:var(--gray90);color:var(--white);border-radius:0.6rem;font-size:1.4rem}
.benefit-cont-list .text {margin-top:1rem;color:var(--gray100);font-weight:700}
.benefit-cont-list .text .txt-sub {display:block;margin-top:0.3rem;font-weight:400}
.benefit-cont-list + .benefit-box {margin-top:4rem}

.benefit-box + .benefit-box {margin-top:3rem}
.benefit-box .tit {padding:2rem 1.6rem;color:var(--white);border-radius:2rem 2rem 0 0;font-size:2rem;font-weight:700;text-align:center}
.benefit-box .tit.type1 {background:var(--primary)}
.benefit-box .tit.type2 {background:var(--peacock)}
.benefit-box .tit.type3 {background:#587de2}
.benefit-box .tit.type4 {background:#009bff}
.benefit-box .tit.type5 {background:#006de5}
.benefit-box .box-body {padding:3rem 1.6rem 2rem 1.6rem;background:var(--gray10);border-radius:0 0 2rem 2rem;text-align:center}
.benefit-box .img-txt p {color:var(--gray100);font-size:2rem;font-weight:700}
.benefit-box .img-txt .txt-sub {margin-top:0.8rem;color:var(--gray90);font-weight:400}
.benefit-box .img-txt p span {display:block;color:var(--primary01)}
.benefit-box .img-txt .img {margin:2rem auto 0 auto;width:12rem;height:12rem}
.benefit-box .img-txt .img.coupon01 {position:relative;}
.benefit-box .img-txt .img.coupon01 .per {position:absolute;top:2.4rem;left:0;width:9rem;color:var(--white);font-size:2.4rem;font-weight:700;text-align:center}
.benefit-table {margin-top:2rem;padding-bottom:1rem;background:var(--white);border-radius:1.6rem}
.benefit-table table {width:100%}
.benefit-table thead tr th {padding:1rem 1.6rem;background:var(--gray30);color:var(--gray100);font-weight:700;text-align:center}
.benefit-table thead tr th:first-child {border-radius:1.2rem 0 0 0}
.benefit-table thead tr th:last-child {border-radius:0 1.2rem 0 0}
.benefit-table tbody tr td {padding:0.6rem 1.6rem;color:var(--gray90)}
.benefit-table tbody tr:first-child td {padding-top:0.8rem}
.benefit-table tbody tr td strong {color:var(--gray100);font-weight:700}
.box-body .txt-spe {display:block;text-align:left}
.benefit-cont .toggle-con .htit-st04 {margin-top:3rem}

.benefit-box .benefit-info {margin-top:3rem;padding-bottom:1rem}
.benefit-box .benefit-info li +li {margin-top:2rem}
.benefit-box .benefit-info .tit01 {color:var(--primary01);font-weight:700}
.benefit-box .benefit-info .txt01 {margin-top:0.8rem;color:var(--gray100)}

.benefit .bridge-cont {padding:6rem 2rem 0 2rem;text-align:center}
.benefit .bridge-cont .img-logo {margin:0 auto;width:20rem;height:20rem}
.benefit .bridge-cont p {margin-top:2rem;color:var(--gray90);font-size:1.6rem}
.benefit .bridge-cont .service-name {display:block;margin-bottom:1rem;color:var(--gray100);font-size:2.4rem;font-weight:700}

/* 보안인증 > 모바일OTP (신규 )*/
.img-down01 {margin:3rem auto 5rem auto;width:15rem;height:15rem;}


/* 이벤트 상세 */
.scroll.event-detail {padding:0 0 calc(4.0rem + 1.6rem)}
.event-detail-top {min-height:63.8rem;text-align:center}
.event-detail-top .label {display:inline-block;padding:0.6rem 1.6rem;border-radius:10rem;min-height:3.3rem;color:#fff;font-size:1.3rem;font-weight:700;margin:2.6rem 2.0rem 0;}
.event-detail-top .event-tit {padding:2rem 2rem 0 2rem;color:#fff;font-size:2.6rem;font-weight:700;text-shadow:1px 1px 0 var(--gray80);line-height:1.4;}
 
.event-detail-cont {position:relative;margin-top:-7.3rem;padding:0 2rem;min-height:100%;background:#fff;border-radius:2rem 2rem 0 0}
.event-detail-cont .cont-tit {margin:0 1rem;padding:3rem 0 2rem 0;background:linear-gradient(94deg, #106fc3 -4.3%, #01a5ac 104.69%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--gray40);font-size:2.8rem;;font-weight:700;text-align:center}
.event-detail-cont .toggle-con .htit-st04 {margin-top:2rem}
.event-detail-cont .toggle-con .list + .htit-st04 {margin-top:3rem}
.event-detail-cont .button-section {margin-top:6.8rem;}
.event-detail-cont .list.dot li {word-break:break-word !important;}

.event-cont-list {margin-top:4rem;text-align:center}
.event-cont-list li + li {margin-top:2rem}
.event-cont-list .label {display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 1.2rem;background:var(--gray90);color:var(--white);border-radius:0.6rem;font-size:1.4rem}
.event-cont-list .text {margin-top:1rem;color:#000;font-weight:700}
.event-cont-list .text .txt-sub {display:block;margin-top:0.3rem;font-weight:400}
.event-cont-list .vbox {margin-top:0.4rem;}
.event-cont-list .txt-dot {font-size:1.4rem;display:inline-flex;padding-left:1rem;}
.event-cont-list .txt-dot::before {width:0.2rem;height:0.2rem;top:1rem;}
.event-cont-list + .event-box {margin-top:4rem}
 
.event-box + .event-box {margin-top:3rem}
.event-box > .tit {padding:2rem 1.6rem;color:var(--white);border-radius:2rem 2rem 0 0;font-size:2rem;font-weight:700;text-align:center;margin-top:3.0rem;}
.event-box .box-body {padding:3rem 1.6rem;background:#fff;border-radius:0 0 2rem 2rem;text-align:center}
.event-box .event-cont-list {margin-top:0;}
.event-box .event-cont-list .img-prize {position:relative;width:12.0rem;height:12.0rem;margin:1.0rem auto 0;}
.event-box .event-cont-list .img-prize::before {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:9.7rem;height:9.7rem;border-radius:50%;background:var(--gray10);}
.event-box.event1 .event-cont-list li:last-child .img-prize::before {display:none;}
.event-box .event-cont-list .img-prize img  {position:relative;z-index:1;}
.event-box .img-txt p {color:var(--gray100);font-size:2rem;font-weight:700}
.event-box .img-txt .txt-sub {margin-top:0.8rem;color:var(--gray90);font-weight:400}
.event-box .img-txt p span {display:block;color:var(--primary01)}
.event-box .img-txt .img {margin:2rem auto 0 auto;width:12rem;height:12rem}
.event-box .img-txt .img.coupon01 {position:relative;}
.event-box .img-txt .img.coupon01 .per {position:absolute;top:2.4rem;left:0;width:9rem;color:var(--white);font-size:2.4rem;font-weight:700;text-align:center}
.event-guide {margin-top:2.0rem;text-align:left;font-size:1.4rem;color:var(--gray80);}
.event-box.event1 {margin-left:-2.0rem;margin-right:-2.0rem;width:calc(100% + 4.0rem);padding:3.0rem 2.0rem 4.0rem;background:var(--bg-secondary);}
.event-box.event1 .box-tit {font-size:2.4rem;font-weight:700;color:var(--primary01);text-align:center;margin-bottom:3.0rem;}
.event-box.event1 > .tit {background:var(--primary);}
.event-box.event1 .box-body .event-cont-list .label {background:var(--primary01);}
.event-box.event1 .event-cont-list.benefit .label {border-radius:2.0rem;border:1px solid var(--primary);background:#fff;color:var(--primary);}
.event-box.event1 .event-cont-list.benefit .text {font-size:2.0rem;}
.event-box.event2 {margin-left:-2.0rem;margin-right:-2.0rem;margin-top:1.6rem;width:calc(100% + 4.0rem);padding:3.0rem 2.0rem 4.0rem;background:#eaf9ff;}
.event-box.event2 .box-tit {font-size:2.4rem;font-weight:700;color:#0274a8;text-align:center;margin-bottom:3.0rem;}
.event-box.event2 > .tit {background:var(--peacock)}
.event-box.event2 .box-body .event-cont-list .label {background:#0274a8;}
.event-box.event2 .event-cont-list.benefit .label {border-radius:2.0rem;border:1px solid #0274a8;background:#fff;color:#0274a8;}
.event-box.event2 .event-cont-list.benefit .text {font-size:2.0rem;}

/* 7주년 개편 이벤트 [S] */
.event-260122 {background:url(../images/pop-event-img/20260122/event-bg.png) no-repeat 50% 50%/cover, linear-gradient(180deg, #3390ef 0%, #b5bdf6 100%);}
.event-260122 .label {background:#0f30ae;}
.event-section .tit {padding:1.0rem 2.0rem;border-radius:4.0rem;background:#0274a8;font-size:1.8rem;font-weight:700;color:#fff;width:fit-content;margin:4.0rem auto 2.5rem;}
.event-section .desc {font-size:2.0rem;font-weight:700;color:var(--gray100);margin:2.5rem 0;}
.event-section .page-list {display:grid;}
.event-section .page-list .inner-wrap {margin:0 auto;display:flex;align-items:center;flex-direction:column;height:100%;}
.event-section .page-list li .name {font-size:1.6rem;font-weight:700;color:var(--gray100);text-align:center;margin:auto;}
.event-section .page-list li button {border-radius:0.8rem;border:1px solid var(--primary);background:#fff;font-size:1.4rem;font-weight:700;color:var(--primary);width:100%;min-height:3.7rem;display:flex;align-items:center;justify-content:center;}
.event-section .page-list li .img-thumb, .event-section .page-list li .img-clear {width:12.0rem;height:15.8rem;margin:1.0rem auto;}
.event-section .page-list li .img-clear {display:none;}
.event-section .page-list li.cleared .img-thumb {display:none;}
.event-section .page-list li.cleared .img-clear {display:block;}
.event-section .page-list li.cleared button {background-color:var(--gray30);border-color:var(--gray50);color:var(--gray60);pointer-events:none;}
.event-status {border-radius:1.2rem;background:var(--bg-secondary);padding:1.0rem 2.0rem;font-size:2.0rem;font-weight:700;color:var(--primary01);margin-top:2.5rem;}
.event-cleared .img-clear {width:22.0rem;height:29.0rem;margin:2.5rem auto;}
.event-cleared .event-status {background:none;padding:0;}
@media screen and (min-width:360px) and (max-width:374px) {
	.event-section .page-list {grid-template-columns:14.0rem 14.0rem;gap:3.0rem calc(100% - 28.0rem);}
	.event-section .page-list .inner-wrap {width:100%;}
}
@media screen and (min-width:375px) and (max-width:392px) {
	.event-section .page-list {grid-template-columns:14.4rem 14.4rem;gap:3.0rem calc(100% - 28.8rem);}
	.event-section .page-list .inner-wrap {width:100%;}
}
@media screen and (min-width:393px) and (max-width:403px) {
	.event-section .page-list {grid-template-columns:15.2rem 15.2rem;gap:3.0rem calc(100% - 30.4rem);}
	.event-section .page-list .inner-wrap {width:100%;}
}
@media screen and (min-width:404px) {
	.event-section .page-list {grid-template-columns:50% 50%;gap:3.0rem 0;}
	.event-section .page-list .inner-wrap {width:15.2rem;}
}
.event-gat-floating {position:fixed;width:13.0rem;height:17.0rem;z-index:100;}
.event-gat-floating .btn-gat {position:absolute;left:0.4rem;top:0.6rem;width:12.0rem;height:15.8rem;z-index:1;filter:drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));}
.event-gat-floating .btn-gat-close {position:absolute;right:0.8rem;top:0.6rem;width:3.6rem;height:3.6rem;background:url(../images/pop-event-img/20260122/event-close.png) no-repeat 0 0/contain;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.25);border-radius:50%;z-index:2;}
.event-gat-floating.page01 {left:1.4rem;top:46.5rem;}
.event-gat-floating.page02 {right:2.1rem;top:32.8rem;}
.event-gat-floating.page03 {right:2.4rem;top:49.5rem;}
.event-gat-floating.page04 {right:2.0rem;top:8.6rem;}
.event-gat-floating.page05 {right:2.0rem;top:12.6rem;}
.event-gat-floating.page06 {right:2.0rem;top:21.6rem;}
/* 7주년 개편 이벤트 [E] */