@charset "utf-8";

/* 메인 */

/* 메인 - 헤더 */
.main-header{z-index:50;position:fixed;top:0;left:0;right:0}
.main-header-inner{display:flex;align-items:center;justify-content:space-between;position:relative;padding:1.6rem;min-height:5.6rem;background:#f7f7f9;}
.main-header-inner > .header-title > .title{font-size:1.6rem;font-weight:500;}
.main-header-inner > .header-info{flex-shrink:0;display:flex;align-items:center;}
.main-header-inner > .header-info .btn-wrap .btn.alarm{position:relative;padding:0;width:2.4rem;height:2.4rem;background:url('../img/main/ico_alarm01.png')no-repeat center/2.4rem auto} 
.main-header-inner > .header-info .btn-wrap .btn.type-txt.active .ico.ico-assistant:before,/* 2403 PUSH알림  | 금융비서*/
.main-header-inner > .header-info .btn-wrap .btn.alarm.active:before{content:'';display:block;position:absolute;top:0.2rem;right:-0.1rem;width:0.4rem;height:0.4rem;background:#f73824;border-radius:50%}
.main-header-inner > .header-info .btn-wrap .btn.alarm > .alarm-text{display:none} 
.main-header-inner > .header-info .btn-wrap .btn.alarm.active > .alarm-text{display:block} 
.main-header-inner > .header-title{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-right:1.2rem;}/* 240514 PUSH알림  | title 말줄임 */

/* 메인 - 컨텐츠 */
.main-contents{padding:5.6rem 1.6rem 15.4rem;padding:5.6rem 1.6rem calc(constant(safe-area-inset-bottom) + 15.4rem);padding:5.6rem 1.6rem calc(env(safe-area-inset-bottom) + 15.4rem);background:#f4f7fa}
.main-contents1{padding:5.6rem 1.6rem 0;background:#f7f7f9;}
.main-contents2{padding:5.6rem 1.6rem 0;background:#f7f7f9;}
.main-nudgeMsg + .main-contents{padding-top:1.6rem }
.main-nudgeMsg + .main-contents1{padding-top:1.6rem }
.main-nudgeMsg + .main-contents2{padding-top:1.6rem }
.main-contents2 .main-holding-account{height: 22.4rem;margin-bottom: 4.3rem;border-radius: 1.6rem;box-shadow: 0px 2px 8px 4px rgb(0 27 108 / 8%);background:#f7f7f9;}
.main-contents3{padding:0 1.6rem calc(env(safe-area-inset-bottom) + 15.4rem);background:#f7f7f9;}

[class*='main-contents'] .swiper-pagination{display:flex;align-items:center;justify-content:center;margin-top:1.2rem} /* 202408 접근성 */
[class*='main-contents'] .swiper-pagination > .swiper-pagination-bullet{opacity:1;margin:0;width:0.6rem;height:0.6rem;background:transparent; border: 1px solid #666678} /* 202408 접근성 */
[class*='main-contents'] .swiper-pagination > .swiper-pagination-bullet-active{background:#666678;width: 1.5rem;height: 0.6rem;border-radius: 1.6rem;} /* 202408 접근성 */

/* 메인 - 보유계좌 */
.holding-account{position:relative}
.holding-account .holding-account-list{height:20rem}
.holding-account .list-item{overflow:hidden;display:block;border-radius:1.6rem}
.holding-account .holding-account-box{position:relative;padding:2rem;background:#fff}
.holding-account .item-cont > .account-box{display:flex;justify-content:space-between;position:relative;padding-bottom:0.7rem;border-bottom:1px solid #eeeeee}
.holding-account .item-cont > .account-box > .account-info{display:flex}
.holding-account .account-info > .bank-img{overflow:hidden;width:2rem;height:2rem;border-radius:50%}
.holding-account .account-info > .bank-img img{width:100%;height:100%}
.holding-account .bank-img + .info-box{margin-top:0.1rem;margin-left:0.6rem}
.holding-account .info-box > .info-title .title{display:flex;align-items:center;color:#666678;font-size:1.3rem}
.holding-account .info-box > .info-title .title > span{position:relative}
.holding-account .info-box > .info-title .title > span + span{margin-left:0.5rem;padding-left:0.7rem}
.holding-account .info-box > .info-title .title > span + span:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:0.2rem;height:0.2rem;background:#666678;border-radius:50%}
.holding-account .info-box > .info-title + .info-text{margin-top:0.3rem}
.holding-account .info-box > .info-text{display:flex;align-items:center}
.holding-account .info-box > .info-text .number{font-weight:500}
.holding-account .info-box > .info-text .number + .state{margin-top:-0.1rem;margin-left:0.8rem}
.holding-account .info-box > .info-text .state{padding:0 0.5rem;height:2rem;color:#4a80e3;font-size:1.2rem;font-weight:500;line-height:2rem;background:#f0f5fe;border-radius:0.4rem}
.holding-account .account-box > .btn-wrap.swiper-type01{align-self:flex-end;justify-self:flex-end}
.holding-account .account-box > .btn-wrap.swiper-type01 .swiper-label{padding-left:0;padding-right:4.1rem;color:#666678;font-size:1.3rem;font-weight:500}
.holding-account .account-box > .btn-wrap.swiper-type01 .btn.swiper + label:before{left:auto;right:0;width:3.5rem;background:#e4e8ee}
.holding-account .account-box > .btn-wrap.swiper-type01 .btn.swiper:checked + label:before{background:#769ef0}
.holding-account .account-box > .btn-wrap.swiper-type01 .btn.swiper + label:after{left:auto;right:1.7rem;}
.holding-account .account-box > .btn-wrap.swiper-type01 .btn.swiper:checked + label:after{left:auto;right:0.2rem;}
.holding-account .account-balance{display:block;position:relative;padding:2rem 0 2.4rem}
.holding-account .account-balance .balance-mark,
.holding-account .account-balance .balance-unmarked{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#000;line-height:1}
.holding-account .account-balance .balance-mark .balance,
.holding-account .account-balance .balance-unmarked .text{font-size:2.2rem;font-weight:700;word-break:break-all}
.holding-account .account-balance .balance-unmarked .text{color:#666678}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.holding-account .account-balance .balance-mark .won{margin-left:0.4rem;font-size:2rem;font-weight:700}
.holding-account .holding-account-box.active .account-balance .balance-mark,
.holding-account .holding-account-box .account-balance .balance-unmarked{display:flex}
.holding-account .holding-account-box .account-balance .balance-mark,
.holding-account .holding-account-box.active .account-balance .balance-unmarked{display:none}
.holding-account .holding-account-box .item-bottom > .btn-wrap{overflow:hidden;background:#769ef0;border-radius:1rem}
.holding-account .holding-account-box .item-bottom > .btn-wrap > .btn{position:relative;height:4.8rem;color:#fff}
.holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.disabled{color:rgba(255,255,255,0.5)}
.holding-account .holding-account-box .item-bottom > .btn-wrap > .btn + .btn{margin:0}
.holding-account .holding-account-box .item-bottom > .btn-wrap > .btn + .btn:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:2rem;background:rgba(238,238,238,0.35)}
.holding-account .rep-account-setting{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed #c9cfd6;border-radius:1.6rem;background:#dee1ea}
.holding-account .rep-account-setting > .title{position:relative;padding-top:4.8rem;color:#666678}
.holding-account .rep-account-setting > .title:before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:3.6rem;height:3.6rem;border-radius:50%;background:url('../img/main/ico_setting01.png')no-repeat center/2rem auto #fff}
/* 메인 - 계좌 권한 없을시 노출 */
.holding-account .no-holding-account{display:flex;align-items:center;padding:2rem;height:10rem;border-radius:1.6rem;background:#0084f4}
.holding-account .no-holding-account > .text{position:relative;padding-left:4.4rem;color:#fff}
.holding-account .no-holding-account > .text:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3rem;height:3rem;background:url('../img/main/ico_no_account01.png')no-repeat center/3rem auto}

/* 메인 - 이체 알림 */
.holding-account + .transfer-alarm{margin-top:3.6rem}
.transfer-alarm{margin-top:1.6rem}
.transfer-alarm .transfer-alarm-list{display:flex;align-items:center;position:relative}
.transfer-alarm .transfer-alarm-list > .list-link{flex:1;display:flex;align-items:center;padding:1.2rem 2rem 1.2rem;min-height:5.9rem;border-radius:1.6rem}
.transfer-alarm .transfer-alarm-list > .list-link.type01{background:#faf7c1}
.transfer-alarm .transfer-alarm-list > .list-link.type02{background:#d2f0d8}
.transfer-alarm .transfer-alarm-list > .list-link + .list-link{margin-left:1.6rem}
.transfer-alarm .transfer-alarm-list > .list-link .text{position:relative;padding-left:3.6rem;padding-right:1.2rem;width:100%;word-break:break-word}
.transfer-alarm .transfer-alarm-list > .list-link .text:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:2.4rem;height:2.4rem}
.transfer-alarm .transfer-alarm-list > .list-link.type01 .text:before{background:url('../img//main/ico_transfer01.png')no-repeat center/2.4rem auto}
.transfer-alarm .transfer-alarm-list > .list-link.type02 .text:before{background:url('../img//main/ico_transfer02.png')no-repeat center/2.4rem auto}
.transfer-alarm .transfer-alarm-list > .list-link .text:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/main/ico_arrow01.png')no-repeat center/1.2rem auto}
.transfer-alarm .transfer-alarm-list > .list-link .text .total{display:block;margin-top:0.1rem;font-weight:700}

/* 메인 - 나의 결재현황 */
.my-payment{overflow:hidden;position:relative;margin-top:3.6rem;padding:2.3rem 2rem 2.3rem;border-radius:1.6rem;background:#fff}
.my-payment .my-payment-link{display:block;position:relative;padding-right:1.2rem}
.my-payment .my-payment-link:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/main/ico_arrow01.png')no-repeat center/1.2rem auto}
.my-payment .my-payment-link .title{font-weight:700}
.my-payment .my-payment-info{display:flex;margin-top:1.8rem}
.my-payment .my-payment-info .info-item{flex:1;display:flex;flex-direction:column-reverse;padding:0 1rem;text-align:center}
.my-payment .my-payment-info .info-item + .info-item{border-left:1px solid #eeeeee}
.my-payment .my-payment-info .info-item.active > .total{color:#0e90fe}
.my-payment .my-payment-info .info-item > .title{margin-top:0.8rem;color:#666678;font-size:1.3rem;font-weight:500}
.my-payment .my-payment-info .info-item > .total{color:#666678;font-size:2.2rem;font-weight:700;line-height:1}

/* 메인 - 최근 이용한 메뉴 */
.my-history-menu{overflow:hidden;position:relative;margin-top:1.6rem;padding:2.3rem 2rem 2.3rem;border-radius:1.6rem;background:#fff}
.my-history-menu .history-menu-title > .title{font-weight:700}
.my-history-menu .history-menu-title + .history-menu-cont{margin-top:1.8rem}
.my-history-menu .history-menu-list > ul{display:flex;flex-wrap:wrap;margin-top:-1rem;margin-left:-1.1rem}
.my-history-menu .history-menu-list .list-item{margin-top:1rem;margin-left:1.1rem;line-height:1}
.my-history-menu .history-menu-list .list-item.type01{color:#7874d5}
.my-history-menu .history-menu-list .list-item.type02{color:#4a80e3}
.my-history-menu .history-menu-list .list-item.type03{color:#20b0c1}
.my-history-menu .history-menu-list .list-item.type04{color:#666678}
.my-history-menu .history-menu-list .list-item.type05{color:#00ab75}
.my-history-menu .history-menu-list .list-item .item-link{font-size:1.3rem;font-weight:500;letter-spacing:-0.05rem;}
.my-history-menu .no-history-menu{position:relative;padding:0.8rem 0 0.8rem 3.8rem}
.my-history-menu .no-history-menu:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3rem;height:3rem;background:url('../img/common/ico_no_result01.png')no-repeat center/3rem auto}
.my-history-menu .no-history-menu .text{color:#666678}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */

/* 메인 - 나의 금융자산 */
.my-assets{margin-top:1.6rem;padding:2.2rem 2rem 2.4rem;background:#fff;border-radius:1.6rem;box-shadow:0px 0px 15px 3px rgb(0 27 108 / 8%);}
.my-assets .my-assets-inner{position:relative}
.my-assets .assets-header > .assets-info{display:flex;align-items:center;justify-content:space-between}
.my-assets .assets-info .assets-title{padding-right:1rem}
.my-assets .assets-info .assets-title > .title{color:#666678;font-weight:500;}/* 23.01.12 [수정] as-is : font-weight:700 */

.my-assets .my-assets-inner .assets-amount-unmarked,
.my-assets .my-assets-inner.active .assets-amount-mark{display:flex}
.my-assets .my-assets-inner .assets-amount-mark,
.my-assets .my-assets-inner.active .assets-amount-unmarked{display:none}
.my-assets .my-assets-inner.active .assets-amount-info{margin-top:0.9rem}
.my-assets .my-assets-inner .assets-amount-info{margin-top:1.2rem}
.my-assets .assets-amount-info .assets-amount-mark{align-items:center;font-weight:700;line-height:1}
.my-assets .assets-amount-info .assets-amount-mark > .amount{font-size:2rem;font-weight:500;}/* 23.01.12 [추가] as-is - font-weight:500; */
.my-assets .assets-amount-info .assets-amount-mark > .won{margin-top:0;margin-left:.4rem;font-size:2rem;font-weight:500;}/* 23.01.12 [수정] as-is - font-size:1.7rem */
.my-assets .assets-amount-info .assets-amount-unmarked > .text{color:#666678;font-size:1.7rem;font-weight:500;line-height:1}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.my-assets .assets-cont .assets-stat{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:2.1rem 2.3rem 0 2rem;border-top:1px solid #eeeeee}
.my-assets .assets-stat .stat-chart{overflow:hidden;position:relative;width:29.62vw;height:29.62vw;box-sizing:content-box}
.my-assets .assets-stat .stat-chart .svg-cover{position:absolute;top:0;left:0;right:0;bottom:0}
.my-assets .assets-stat .stat-list .list-item{display:flex;align-items:center;justify-content:space-between;position:relative;padding-left:1.2rem;line-height:1}
.my-assets .assets-stat .stat-list .list-item + .list-item{margin-top:1.3rem}
.my-assets .assets-stat .stat-list .list-item:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:0.6rem;height:0.6rem;border-radius:50%}
.my-assets .assets-stat .stat-list .list-item.type01:before{background:#559cf6;}
.my-assets .assets-stat .stat-list .list-item.type02:before{background:#88e0b0;}
.my-assets .assets-stat .stat-list .list-item.type03:before{background:#fdcf01;}
.my-assets .assets-stat .stat-list .list-item.type04:before{background:#abb3bf;}
.my-assets .assets-stat .stat-list .list-item > .title{color:#666678;font-size:1.2rem}
.my-assets .assets-stat .stat-list .list-item > .percent{margin-left:0.8rem;font-size:1.2rem;font-weight:500}
.my-assets .assets-cont .assets-loan-box{display:flex;align-items:center;justify-content:space-between;margin-top:2.4rem;padding:1.6rem 1.7rem 1.5rem 1.6rem;background:#f0f5fe;border-radius:0.6rem}
.my-assets .my-assets-inner .loan-amount-unmarked,
.my-assets .my-assets-inner.active .loan-amount-mark{display:flex}
.my-assets .my-assets-inner.active .loan-amount-unmarked,
.my-assets .my-assets-inner .loan-amount-mark{display:none}
.my-assets .assets-cont .assets-loan-box .loan-title .title{color:#666678}
.my-assets .assets-cont .assets-loan-box .loan-amount-mark .won{margin-left:0.1rem}
.my-assets .assets-cont .assets-loan-box .loan-amount-unmarked .text{color:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */

/* 메인 - 뉴스&공지 + 서비스 종합안내 */
.main-contents .guide-info{margin-top:3.6rem;}
.main-contents .guide-info .guide-info-list .list-link{display:flex;align-items:center;position:relative;padding:1.2rem 2rem;height:6.8rem;border-radius:1.2rem;background:#fff}
.main-contents .guide-info .guide-info-list .list-link + .list-link{margin-top:1.6rem}
.main-contents .guide-info .list-link .info-box{display:flex;align-items:center;justify-content:space-between;position:relative;padding-left:5.8rem;padding-right:1.8rem;width:100%}
.main-contents .guide-info .list-link .info-box:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;}
.main-contents .guide-info .list-link.type01 .info-box:before{background:url('../img/main/ico_guide01.png')no-repeat center/4.4rem auto}
.main-contents .guide-info .list-link.type02 .info-box:before{background:url('../img/main/ico_guide02.png')no-repeat center/4.4rem auto}
.main-contents .guide-info .list-link.type03 .info-box:before{background:url('../img/main/ico_guide03.png')no-repeat center/4.4rem auto}
.main-contents .guide-info .list-link .info-box:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/main/ico_arrow01.png')no-repeat center/1.2rem auto}
.main-contents .guide-info .list-link .info-box .title{font-weight:500}
.main-contents .guide-info .list-link .info-box .text{font-size:1.3rem;font-weight:700;}

/* 메인 - 배너  */
.main-banner{margin-top:4rem}
.main-banner .main-banner-list{position:relative}
.main-banner .main-banner-list .item-link{overflow:hidden;display:block;width:100%;height:25vw;border-radius:4.44vw}
.main-banner .main-banner-list .item-link > .img-box img{width:100%;height:auto;}

/* 메인 - 채팅상담  */
.quick-chatbot{z-index:50;position:fixed;right:0.9rem;bottom:6.9rem}
.quick-chatbot.active{bottom:0}
.quick-chatbot .chat-link{display:block;width:13.5rem;height:6.1rem}
.quick-chatbot .chat-link .img-box img{width:100%;height:auto}

/* 메인 - 독바  */
.dock-bar-menu{z-index:50;overflow:hidden;position:fixed;bottom:0;left:0;right:0;padding:0 1.6rem;height:6.8rem;background:#fff;border-radius:1.6rem 1.6rem 0 0;box-shadow:0px 0px 15px 5px rgba(0,27,108,0.16)}
@supports (-webkit-touch-callout:none) {
	.dock-bar-menu{bottom:calc(constant(safe-area-inset-bottom) + 0rem);bottom:calc(env(safe-area-inset-bottom) + 0rem);}
}
.dock-bar-menu.active{bottom:-6.8rem;box-shadow:none}
.dock-bar-menu > ul{display:flex;align-items:center;justify-content:space-between;height:100%}
.dock-bar-menu .list-item{flex:1;height:100%}

.dock-bar-menu .list-item .item-link{display:block;position:relative;padding:4.4rem 1rem 1.4rem;height:100%;text-align:center;}
.dock-bar-menu .list-item .item-link:before{content:'';display:block;position:absolute;top:1.1rem;left:49%;transform:translateX(-50%);width:2.9rem;height:2.9rem;background:url('../img/main/ico_dock-bar-01.png')no-repeat 0 0/2.9rem auto;}
/* 
.dock-bar-menu .list-item .item-link.active:before,
.dock-bar-menu .list-item .item-link:active:before{background-image:url('../img/main/ico_dock-bar-sprite04.png')}
*/

/* 0224 before add */
.dock-bar-menu .list-item .item-link.type01:before{background-image:url('../img/main/ico_dock-bar-01.png');}/* 조회 */
.dock-bar-menu .list-item .item-link.type02:before{background-image:url('../img/main/ico_dock-bar-02.png');}/* 이체 */
.dock-bar-menu .list-item .item-link.type03:before{background-image:url('../img/main/ico_dock-bar-03.png');}/* 상품 */
.dock-bar-menu .list-item .item-link.type04:before{background-image:url('../img/main/ico_dock-bar-04.png');}/* 결재함 */
.dock-bar-menu .list-item .item-link.type05:before{background-image:url('../img/main/ico_dock-bar-05.png');}/* 전체메뉴 */
.dock-bar-menu .list-item .item-link.type06:before{background-image:url('../img/main/ico_dock-bar-06.png');}/* 2403 PUSH알림 | 알림함 */
/* 0224 active add */
.dock-bar-menu .list-item .item-link.type01:active:before{background-image:url('../img/main/ico_dock-bar-01-active.png');}/* 조회 */
.dock-bar-menu .list-item .item-link.type02:active:before{background-image:url('../img/main/ico_dock-bar-02-active.png');}/* 이체 */
.dock-bar-menu .list-item .item-link.type03:active:before{background-image:url('../img/main/ico_dock-bar-03-active.png');}/* 상품 */
.dock-bar-menu .list-item .item-link.type04:active:before{background-image:url('../img/main/ico_dock-bar-04-active.png');}/* 결재함 */
.dock-bar-menu .list-item .item-link.type05:active:before{background-image:url('../img/main/ico_dock-bar-05-active.png');}/* 전체메뉴 */
.dock-bar-menu .list-item .item-link.type06:active:before{background-image:url('../img/main/ico_dock-bar-06-active.png');}/* 2403 PUSH알림 | 알림함 */
.dock-bar-menu .list-item .item-link.type06.hasAlarm:after{content:''; position:absolute; top:1.5rem; left:calc(50% + 0.6rem); width:0.4rem; height:0.4rem; background:#F73824; border-radius: 50%;}/* 2403 PUSH알림 | 알림함 */
.dock-bar-menu .list-item .item-link.type06.hasMessage:after{content:''; position:absolute; top:1.2rem; left:calc(50% + 0.8rem); width:1rem; height:1rem; background:url('../../resource/img/main/ico_alarm_notice.png') 0 0 no-repeat; background-size: 100%;}/* 2403 PUSH알림 | 알림함 */

.dock-bar-menu .list-item .item-link > .text{display:block;color:#666678;font-size:1rem;font-weight:500;line-height:1;padding-right:.3rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.dock-bar-menu .list-item .item-link > .total{display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;left:calc(50% + 1rem);transform:translateX(-50%);padding:0;width:2rem;height:2rem;color:#fff;font-size:1rem;background:#f8660f;border-radius:1.6rem;line-height:1}
.dock-bar-menu .list-item .item-link.active > .text,
.dock-bar-menu .list-item .item-link:active > .text{color:#000}

/* 에러_장기미사용안내 팝업*/
.pop-notused-user .btn.h02 {font-size: 1.3rem;}

/* 로그인 - 최초진입 */
.login-app-guide{padding:3.4rem 0.4rem 0}
.login-app-guide .content-info + .content-list{margin-top:5.2rem}
.login-app-guide .login-select-box{display:flex;justify-content:space-between;}
.login-app-guide .login-select-box .login-select{flex:1;overflow:hidden;padding:2rem 1.6rem 2.4rem;min-height:21.2rem;background:#fff;border-radius:1.6rem}
.login-app-guide .login-select-box .login-select + .login-select{margin-left:1.6rem}
.login-app-guide .login-select .login-link{display:block;position:relative;padding-top:11rem;text-align:center;line-height:1}
.login-app-guide .login-select .login-link:before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:10rem;height:10rem}
.login-app-guide .login-select .login-link.type01:before{background:url('../img/main/img_login01.png')no-repeat center/10rem auto}
.login-app-guide .login-select .login-link.type02:before{background:url('../img/main/img_login02.png')no-repeat center/10rem auto}
.login-app-guide .login-select .login-link .title{display:block;font-weight:500;line-height:1.4}
.login-app-guide .login-select .login-link .text{display:inline-block;margin-top:0.6rem;padding-right:1.4rem;color:#666678;font-size:1.3rem;font-weight:500;line-height:1.2;background:url('../img/common/ico_arrow07.png')no-repeat center right/0.6rem auto}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.login-app-guide .login-select-box + .btn-wrap{margin-top:5.3rem}
.login-app-guide .login-select-box + .btn-wrap .btn.quick{min-width:12rem}

/* 비로그인메뉴*/
.ui-popup .content-info{position: relative;}
.ui-popup .content-info .title strong{font-weight: 700;}
.pop-nonlogin-menu .content-info{margin-top: 2rem;position: relative;}
.pop-nonlogin-menu .content-info::before{content: "";display: block;position: absolute;right: 0;top: -2.6rem;width: 9.6rem;height: 9.6rem;background: url(../img/main/ui-nonlogin-guide.png) no-repeat center center/7rem auto;}
.pop-nonlogin-menu .nonlogin-menu .tit{font-weight: 500;}
.pop-nonlogin-menu .nonlogin-menu .item-cont {padding: 2.2rem 2rem 2rem 5.6rem;width: 100%;text-align: left;}
.pop-nonlogin-menu .nonlogin-menu .item-cont::after{content: "";display: block;width: 0.8rem;height: 0.8rem;border-top: 0.1rem solid #666678;border-right: 0.1rem solid #666678;transform: rotate(45deg) translateY(-50%);position: absolute;right: 2.2rem;top: 50%;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.pop-nonlogin-menu .nonlogin-menu .item-cont::before{content: ""; display: block;position: absolute;left: 2rem;top: 50%;transform: translateY(-50%);width: 3rem;height: 3rem;background: url(../img/main/ui-nonlogin-01.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box{border: 1px solid #eeeeee;border-radius: 1.6rem;position: relative;background: #fff;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_02 .item-cont::before{background: url(../img/main/ui-nonlogin-02.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_03 .item-cont::before{background: url(../img/main/ui-nonlogin-03.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_04 .item-cont::before{background: url(../img/main/ui-nonlogin-04.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_05 .item-cont::before{background: url(../img/main/ui-nonlogin-05.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_06 .item-cont::before{background: url(../img/main/ui-nonlogin-06.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_07 .item-cont::before{background: url(../img/main/ui-nonlogin-07.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_08 .item-cont::before{background: url(../img/main/ui-nonlogin-08.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_09 .item-cont::before{background: url(../img/main/ui-nonlogin-09.png) no-repeat center center/2rem auto;}
.pop-nonlogin-menu .nonlogin-menu .item-box.li_10 .item-cont::before{background: url(../img/main/ui-nonlogin-10.png) no-repeat center center/2rem auto;}

/* 로그인오류메뉴*/
.pop-login-error .content-info{margin-top: 2rem;position: relative;}
.pop-login-error .content-info::before{content: "";display: block;position: absolute;right: 0;top: -2.6rem;width: 9.6rem;height: 9.6rem;background: url(../img/main/ui-error-guide.png) no-repeat center center/6.5rem auto;}
.accordion-listbox.round{border: 1px solid #eee;border-radius: 2rem;}
.accordion-listbox.round .accordion-wrap:last-child {border-bottom: none}
.accordion-listbox.round .accordion-content {background: #ffffff;border-top: 1px solid #ffffff;padding: .2rem 1.6rem 2rem;}
.accordion-listbox.round .accordion-header .btn.accordion {width:100%; padding: 1.8rem 3.6rem 1em 1.6rem; text-align:left;}
.accordion-listbox.round .accordion-header .btn.accordion:before{right: 1.8rem;}
.accordion-listbox.round .accordion-wrap +.accordion-wrap {border-top: 1px solid #eee;}
.accordion-listbox.round .accordion-content .txt{color: #666678;}
.accordion-listbox.round .sub-content .tit{font-weight: 500;color: #000;padding: 1.6rem 0 1rem;}
.accordion-listbox.round .sub-content .txt + .txt{padding-top: .8rem;}
.accordion-listbox.round .sub-content + .btn-wrap {padding-top: 1.8rem;}
.accordion-listbox.round .accordion-wrap:last-child .accordion-content{border-bottom:none;border-radius: 0 0 2rem 2rem;}

/*임시비밀번호변경*/
.login-password-change .bullet-list.type03 > ul > li{font-weight: 500;}
.login-password-change .bullet-list.type03 > ul > li + li{margin-top:2rem}
.login-password-change .bullet-list.type01 > ul > li{margin-top:1rem}

/* 간편출금 */
.easy-withdrawal-cert .cert-number-box {text-align: center; padding: 0.6rem 0 2.9rem;}
.easy-withdrawal-cert .cert-number-box .title {font-size: 1.4rem; color: #000; font-weight: 500;}
.easy-withdrawal-cert .cert-number-box .title + .number-box {margin-top: 1rem;}
.easy-withdrawal-cert .cert-number-box .number-box {text-align: center; line-height: 1;}
.easy-withdrawal-cert .cert-number-box .number-box > .number {font-size: 2.4rem; color: #000; font-weight: 700;}
.easy-withdrawal-secu .information-item.type01.account-type01 .account-box + .detail-list {margin-top: 2.6rem;}

/****************************** 23.01 개선 css ******************************/
/* 하위 사용자 권한 없음 */
/* 권한없음 */
.no-authority-box{padding:2rem 2rem 1.8rem;min-height:9.6rem;border-radius:1.6rem; background:#edf1f6;border:1px solid #dee1ea;}
.no-authority-box .authority-box-inner {display:flex;flex-direction:column;padding-left:2.8rem;background: url('../img/main/ico_authority.png')no-repeat top 0.3rem left/1.8rem auto;}
.no-authority-box .authority-box-inner > .title{display:block;color:#333340;font-size:1.4rem;font-weight:500;line-height:1.6;word-break:keep-all;}
.no-authority-box .authority-box-inner > .text{display:block;margin-top:0.2rem;color:#666678;font-size:1.3rem;line-height:1.4;word-break:keep-all;}

/* 메인 - 보유계좌 */
.main-holding-account{position:relative;}
.main-holding-account .list-item{overflow:hidden;display:block; height:22.4rem;border-radius:1.6rem;border:1.5px solid #559cf6;}

.main-holding-account .holding-account-box{position:relative;height:22.4rem;padding:2.2rem 2rem 2.3rem;background:#fff;border-radius:1.6rem;}
.main-holding-account .item-cont > .account-box{display:flex;justify-content:space-between;position:relative;padding-bottom:0;}
.main-holding-account .item-cont > .account-box > .account-info{display:flex}
.main-holding-account .account-info > .bank-img{overflow:hidden;width:2rem;height:2rem;border-radius:50%}
.main-holding-account .account-info > .bank-img img{width:100%;height:100%}
.main-holding-account .bank-img + .info-box{margin-top:0.1rem;margin-left:0.6rem}
.main-holding-account .info-box > .info-title .title{display:flex;align-items:center;color:#000;font-size:1.4rem;}
.main-holding-account .info-box > .info-title .title > span{position:relative}
.main-holding-account .info-box > .info-title .title > span + span{margin-left:0.5rem;padding-left:0.7rem}
.main-holding-account .info-box > .info-title .title > span + span:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:0.2rem;height:0.2rem;background:#666678;border-radius:50%}
.main-holding-account .info-box > .info-title .title > span:last-child{display:block;width:8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}/* 금고명 길이에 대한 대응 추가 */
.main-holding-account .info-box > .info-title + .info-text{margin-top:0.3rem}
.main-holding-account .info-box > .info-text{display:flex;align-items:center}
.main-holding-account .info-box > .info-text .number{color:#666678;font-size:1.5rem;}
.main-holding-account .info-box > .info-text .number + .state{margin-top:-0.1rem;margin-left:0.8rem}
.main-holding-account .info-box > .info-text .state{padding:0 0.5rem;height:2rem;color:#4a80e3;font-size:1.2rem;font-weight:500;line-height:2rem;background:#f0f5fe;border-radius:0.4rem}

/* 잔액 - 추가 css */
.main-holding-account .account-box > .btn-wrap.swiper-type01{display:inline-flex;align-items: flex-start;justify-content: flex-end;}
.main-holding-account .account-box > .btn-wrap.swiper-type01 input[type="checkbox"]{position:absolute;visibility:hidden;}
.main-holding-account .account-box > .btn-wrap.swiper-type01 label{position: absolute; height:3.2rem;padding:0 3.2rem;border-radius:2rem;background:#89899d;transition-duration:0.2s;} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.main-holding-account .account-box > .btn-wrap.swiper-type01 label span{position:absolute;left: .8rem;top: .3rem;z-index:1;width: 2.6rem;height: 2.6rem; margin-left:-0.5rem; border-radius:50%;background:#fff;transition-duration:0.2s;}
.main-holding-account .account-box > .btn-wrap.swiper-type01 label:before{position:absolute;top:0;width:3rem;font-size:1.2rem;font-weight:normal;line-height:3.2rem;color:#fff;text-align:center;}
.main-holding-account .account-box > .btn-wrap.swiper-type01 label:after{position:absolute;top:0;width:3rem;font-size:1.2rem;font-weight:normal;line-height:3.2rem;color:#fff;text-align:center;}
.main-holding-account .account-box > .btn-wrap.swiper-type01 label:before{left:.3rem;content:'잔액';}
.main-holding-account .account-box > .btn-wrap.swiper-type01 label:after{right:.22rem;content:'잔액';}
.main-holding-account .account-box > .btn-wrap.swiper-type01 input:checked + label{background:#4759a3;}
.main-holding-account .account-box > .btn-wrap.swiper-type01 input:checked + label span{transform:translateX(3.2rem);}
.main-holding-account .account-box > .btn-wrap.swiper-type01 label.swiper-label-box{}

.main-holding-account .account-balance{display:block;position:relative;height:9.8rem;padding-top:3.3rem;}/* 0224수정 */
.main-holding-account .account-balance .balance-mark,
.main-holding-account .account-balance .balance-unmarked{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#000;line-height:1}
.main-holding-account .account-balance .balance-mark .balance,
.main-holding-account .account-balance .balance-unmarked .text{font-size:2.8rem;word-break:break-all;letter-spacing:-0.05rem;font-weight:500;}
.main-holding-account .account-balance .balance-unmarked .text{color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.main-holding-account .account-balance .balance-mark .won{margin-left:0.4rem;font-size:2.8rem;font-weight:500;}
.main-holding-account .holding-account-box.active .account-balance .balance-mark,
.main-holding-account .holding-account-box .account-balance .balance-unmarked{display:flex}
.main-holding-account .holding-account-box .account-balance .balance-mark,
.main-holding-account .holding-account-box.active .account-balance .balance-unmarked{display:none}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap{overflow:hidden;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn{position:relative;height:4rem;margin-right:.8rem;color:#fff;background-color:#559cf6;border-radius:1rem;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.disabled{color:#a4adb8;background:#f5f6fa;border-radius:1rem;border:1px solid #dee1ea;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.withdraw{color:#666678;background:#fff;border-radius:1rem;border:1px solid #c9cfd6;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.withdraw.disabled{color:#a4adb8;background:#f5f6fa;border-radius:1rem;border:1px solid #dee1ea;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.inquire{display:flex; max-width: 14rem; margin-right:0.8rem; color:#fff;background:#559cf6;border-radius:1rem;border:none;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.inquire.disabled{color:#fff;background:#b6d7f5;border-radius:1rem;border:1px solid #dee1ea;font-size:1.4rem;font-weight:500;border:1px solid}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.inquire_left{color:#666678;background:#fff;border-radius:1rem;border:1px solid #c9cfd6;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.inquire_left.disabled{color:#a4adb8;background:#f5f6fa;border-radius:1rem;border:1px solid #dee1ea;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.transfer{color:#fff;background-color:#0e90fe;border-radius:1rem;font-size:1.4rem;font-weight:500;} /* 202407 접근성 | #559cf6 -> #0e90fe 색상 변경 */
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.transfer.disabled{color:#fff;background:#b6d7f5;border-radius:1rem;font-size:1.4rem;font-weight:500;border:none;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn.setting{display:flex;margin: 0 auto; max-width: 14rem; color:#fff;background:#559cf6;border-radius:1rem;border:none;font-size:1.4rem;font-weight:500;}
.main-holding-account .holding-account-box .item-bottom > .btn-wrap > .btn + .btn{margin:0;}

/* 계좌 권한 없을시 노출 */
.main-holding-account .rep-account-setting{display:block;width:100%;height:23rem;margin:0 auto;background:#fff;}
.main-holding-account .rep-account-setting:before{content:'';display:block;position:absolute;top:2.2rem;left:50%;transform:translateX(-50%);width:5.5rem;height:9.4rem;background:url('../img/main/ui-error-guide-new.png')no-repeat top/5.5rem 9.4rem;}
.main-holding-account .rep-account-setting > .title{display:block; width:100%; position:relative;top:8rem;margin-bottom:1.5rem; padding-top:4.8rem;color:#666678;font-size:1.4rem;text-align:center;}
.main-holding-account .rep-account-setting > .btn-wrap{overflow:hidden; position:relative;top:35%; width:50%; margin:0 auto; }
.main-holding-account .rep-account-setting > .btn-wrap > .btn{ height:4rem;border-radius:1rem;font-size:1.4rem;font-weight:normal;}
.main-holding-account .rep-account-setting > .btn-wrap > .btn.setting{display:flex;margin: 0 auto; max-width: 14rem; color:#fff;background:#559cf6;border-radius:1rem;border:none;font-size:1.4rem;font-weight:500;}

/* 계좌 권한 없을시 노출 */
.no-holding-box{display:flex;padding:2.3rem 2rem;background: #fff;border:none;border-radius:1.6rem;box-shadow:0.5rem 0.5rem 0.8rem 0rem rgba(0, 0, 255, .03);}
.no-holding-box > .no-result-box{display: flex;align-items:flex-end;height: 14rem;margin:0 auto;background: url('../img/main/img_login03.png') no-repeat top center/6.5rem auto;}
.no-holding-box > .no-result-box .text{position:relative;padding-left:3rem;color:#666678;line-height:3rem;}
.no-holding-box > .no-result-box .text:before{content:'';display:block;position:absolute;top:0.1rem;left:0;width:2.6rem;height:2.6rem;background: url(../img/main/ico_no_result.png) no-repeat center center/2.4rem auto;}

/* 메인 - 이체 알림 */
.main-transfer-alarm{margin-top:1.6rem;}
.main-transfer-alarm .transfer-alarm-list{display:flex;align-items:center;position:relative}
.main-transfer-alarm .transfer-alarm-list > .list-link{flex:1;display:flex;align-items:center;}
.main-transfer-alarm .transfer-alarm-list > .list-link + .list-link{margin-left:1.6rem;}
.main-transfer-alarm .transfer-alarm-list > .list-link .text{position:relative;padding-left:3rem;padding-right:1.2rem;width:100%;word-break:break-word;}
.main-transfer-alarm .transfer-alarm-list > .list-link .text:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:2.4rem;height:2.4rem}
.main-transfer-alarm .transfer-alarm-list > .list-link.type01 .text:before{background:url('../img/main/ico_guide06.png')no-repeat center/2.4rem auto}
.main-transfer-alarm .transfer-alarm-list > .list-link.type02 .text:before{background:url('../img/main/ico_guide07.png')no-repeat center/2.4rem auto}
.main-transfer-alarm .transfer-alarm-list > .list-link .text:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/main/ico_arrow01.png')no-repeat center/1.2rem auto}
.main-transfer-alarm .transfer-alarm-list > .list-link .text >span{color:#666678;font-size:1.4rem;}
.main-transfer-alarm .transfer-alarm-list > .list-link .text .total{display:block;position:absolute;top:0;right:0;margin-right:1.5rem;color:#000;font-weight:500;}

/* 새소식&이벤트 배너  */
.main-banner.type01{margin-top:2rem;}
.main-link-box > .main-link{display:flex;align-items:center;position:relative;padding:2rem;min-height:7.3rem;width:100%;font-weight:500;background-color:#fff;border-radius:1.6rem;word-break:keep-all}
.main-link-box > a.main-link > .info-box{width:100%}
.main-link-box > .main-link > .info-box > .badge-box{margin-bottom:1.5rem;}
.main-link-box > .main-link > .info-box > .badge-box .badge{display:inline-block;padding:0.7rem 1.3rem;font-size:1.3rem;font-weight:500;border-radius:1.6rem;border:1px solid #c9cfd6;line-height:1;color:#458af4;}
.main-link-box > .main-link > .info-box > .event_ico_1{display:block;position:absolute;top:0;right:0; width:8rem;height:7.5rem;margin:2.3rem 2rem; background: url(../../resource/img/main/ui-event-guide_1.png) no-repeat right center/8rem auto;}
.main-link-box > .main-link > .info-box > .event_ico_2{display:block;position:absolute;top:0;right:0; width:8rem;height:7.5rem;margin:2.3rem 2rem; background: url(../../resource/img/main/ui-event-guide_2.png) no-repeat right center/8rem auto;}
.main-link-box > .main-link > .info-box > .event_ico_3{display:block;position:absolute;top:0;right:0; width:8rem;height:7.5rem;margin:2.3rem 2rem; background: url(../../resource/img/main/ui-event-guide_3.png) no-repeat right center/8rem auto;}
.main-link-box > .main-link > .info-box > .event_ico_6{display:block;position:absolute;top:0;right:0; width:8rem;height:8rem;margin:2.3rem 2rem 2.3rem 0; background: url(../../resource/img/main/ui-event-guide_6.png) no-repeat right center/ auto 8rem;} /* 20250811 메인배너 추가 */
.main-link-box > .main-link > .info-box > .title{display:block;clear:both;font-size:1.4rem;max-width:29rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;}
.main-link-box > .main-link > .info-box > .s_title{display:block;clear:both;margin-top:.8rem;font-size:1.3rem;max-width:20rem;color:#666678;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-link-box > .main-link > .info-box > .date{display:block;margin-top:.8rem;font-size:1.2rem;color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */

.main-banner.type01 .pagination ul{clear:both;display:block;list-style:none;width:100%;padding:1.5rem 2rem 0;color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.main-banner.type01 .pagination li{float:left;width:2.8rem;}
.main-banner.type01 .pagination li.num span{font-size:1.3rem;color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.main-banner.type01 .pagination li.num span.on{color:#000;}
.main-banner.type01 .pagination li.player{position:relative;top:-.2rem;}
.main-banner.type01 .pagination li.player button.play{content:'';display:block;position:absolute;top:0;left:0;width:1.8rem;height:1.8rem;background: url(../img/main/ico_page_play.png) no-repeat center center/1.6rem auto;}
.main-banner.type01 .pagination li.player button.stop{content:'';display:block;position:absolute;top:0;left:0;width:1.8rem;height:1.8rem;background: url(../img/main/ico_page_stop.png) no-repeat center center/1.6rem auto;}
.main-banner .main-ban-img{box-shadow:0.5rem 0.5rem 0.8rem 0rem rgba(0, 0, 255, .03);}
.main-banner .main-ban-img img{width:100%;height:auto;}

/* UIUX - CONTENTS, MAIN - swiper 배너 */
.main-banner.type01 .ui-banner-group {height:12.7rem;border-radius: 1.6rem;box-shadow:0px 0px 15px 3px rgb(0 27 108 / 8%);background: #f7f7f9;}
.main-banner.type01 .ui-banner-group [class*=banner] {padding:0;}
.main-banner.type01 .ui-banner-group [class*=banner] a {display:block;}
.main-banner.type01 .ui-banner-group [class*=banner] a img {display:block; max-width:100%;}
.main-banner.type01 .ui-banner-group .swiper-control-group {display:flex; align-items:center; justify-content: center; position:relative; top:0; left:0;}
.main-banner.type01 .ui-banner-group .swiper-pagination {display:flex; align-items:center; position:relative; bottom:0; text-align:left;margin-top:1.3rem;}
.main-banner.type01 .ui-banner-group .swiper-pagination-bullet {position:relative; display:flex; justify-content:center; align-items:center; width:0.6rem; height:0.6rem; margin:0 0.3rem; background-color:transparent; opacity:1; outline:none; border: none;} /* 202408 접근성 */
.main-banner.type01 .ui-banner-group .swiper-pagination-bullet::after {content:''; display:block; position:absolute; left:0; top:0; width:0.6rem; height:0.6rem; margin:0; border-radius:50%; border: 1px solid #3b4f61; box-sizing: border-box;} /* 202408 접근성 */
.main-banner.type01 .ui-banner-group .swiper-pagination-bullet-active::after {content:''; display:block; position:absolute; width:0.6rem; height:0.6rem; margin:0; border-radius:50%; background-color:#3b4f61;}
.main-banner.type01 .ui-banner-group .swiper-controller {display:block; position:relative; top:.6rem; margin-left:0.1rem; width:2.5rem; height:2.5rem; background:url('../img/main/ico_page_play.png') no-repeat center center / 1.4rem auto; cursor:pointer; z-index:10;}
.main-banner.type01 .ui-banner-group .swiper-controller.active {background:url('../img/main/ico_page_stop.png') no-repeat center center / 1.4rem auto;}

/* 나의 결재현황/최근이용메뉴/서비스안내 */
/* 나의 결재현황 */
.my-service{margin-top:4.5rem; }
.my-service .btn-wrap.right{margin-top:1.6rem;}
.my-service .tab-heading-wrap.type01{background:transparent;} /* 결함#5747 */
.my-service .tab-group .swiper-container.tab-body{max-height:47rem;}
.my-service .tab-group .swiper-container.tab-body.type01{max-height:30rem;}

.main-payment{overflow:hidden;position:relative;display:block;min-height:10rem;margin-top:1.6rem;padding:2.3rem 2rem 2.3rem;background:#fff;border-radius: 1.6rem;box-shadow:0px 0px 15px 3px rgb(0 27 108 / 8%);}
.main-payment .main-payment-link{display:block;position:relative;padding-right:1.2rem}
.main-payment .main-payment-link:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/main/ico_arrow01.png')no-repeat center/1.2rem auto}
.main-payment .main-payment-link .title{font-weight:700}
.main-payment .main-payment-info{display:flex;}
.main-payment .main-payment-info .info-item{flex:1;display:flex;flex-direction:column-reverse;text-align:center}
.main-payment .main-payment-info .info-item + .info-item .total{border-left:1px solid #f1f1f3;}
.main-payment .main-payment-info .info-item.active > .total{color:#0e90fe}
.main-payment .main-payment-info .info-item > .title{margin-top:0.8rem;color:#666678;font-size:1.3rem;font-weight:500}
.main-payment .main-payment-info .info-item > .total{color:#000;font-size:2.7rem;font-weight:500;line-height:1}

/* 최근이용메뉴 */
.main-history-menu{overflow:hidden;position:relative;min-height: 10rem;margin-top:1.6rem;padding: 2rem 2rem 1.6rem;background:#fff;border-radius: 1.6rem;box-shadow:0px 0px 15px 3px rgb(0 27 108 / 8%);}
.main-history-menu .history-menu-cont .hash-tag-wrap{}
.main-history-menu .history-menu-title > .title{font-weight:700}
.main-history-menu .history-menu-title + .history-menu-cont{margin-top:1.8rem}
.main-history-menu .history-menu-list > ul{display:flex;flex-wrap:wrap;margin-top:-.5rem; left:2rem;right:2rem; height:7.2rem;overflow:auto;}
.main-history-menu .history-menu-list .list-item{margin:.3rem .6rem 1rem 0;line-height:1.8;}
.main-history-menu .history-menu-list .list-item.type01{color:#7874d5}
.main-history-menu .history-menu-list .list-item.type02{color:#4a80e3}
.main-history-menu .history-menu-list .list-item.type03{color:#20b0c1}
.main-history-menu .history-menu-list .list-item.type04{color:#666678}
.main-history-menu .history-menu-list .list-item.type05{color:#00ab75}
.main-history-menu .history-menu-list .list-item .item-link{font-size:1.3rem;color:#333340;font-weight:normal;letter-spacing:-0.05rem;background: #e9f0fa;border-radius: 1.6rem;padding: .7rem 1rem;}

.main-history-menu .no-history-menu{position:relative;width:21rem;height:2.4rem;padding:2.2rem 0; margin:0 auto;text-align:center;}
.main-history-menu .no-history-menu .text{color:#666678;}
.main-history-menu .no-history-menu .text > span.ico_alarm{display:inline-block;width:2.4rem;height:2.4rem;margin-bottom:-.7rem;margin-right:0.8rem; background:url('../img/main/ico_authority.png')no-repeat center/2.4rem auto}
.main-history-menu .no-history-menu .text > span.txt{display:inline-block;color:#666678;}
.main-history-menu.type01{height:10rem;}

/* exemple */
.main-history-menu .history-menu-cont2{display: flex;justify-content: center; position:relative; top:40%;}
.main-history-menu.type01 .history-menu-list2 > ul{display:flex;flex-wrap:wrap; height:7.5rem; margin-top:-1rem; position:absolute;left:2rem;right:2rem; overflow:hidden;}
.main-history-menu.type01 .history-menu-list2 > ul > li.list-item{margin:0 .6rem .6rem 0; background: #e9f0fa;border-radius: 1.6rem;padding: .7rem .5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-history-menu.type01 .history-menu-list2 > ul > li.list-item:nth-child(n){max-width:14.6rem;margin-right:.6rem;padding:.8rem 1rem;}
.main-history-menu.type01 .history-menu-list2 > ul > li.list-item:nth-child(2n){margin-right:0; padding:.8rem 1rem;}
.main-history-menu.type01 .history-menu-list2 .list-item .item-link{font-size:1.3rem;color:#333340;font-weight:normal;letter-spacing:-0.05rem;}
.main-history-menu .no-history-menu2{display:block;position: absolute;top: 50%;}
.main-history-menu .no-history-menu2 .text{margin-left:3.5rem;padding-left:0;color:#666678;}
.main-history-menu .no-history-menu2 .text:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:3rem;height:3rem;background:url('../img/main/ico_authority.png')no-repeat center/2.4rem auto}

/* 서비스안내 */
.main-guide-info{overflow:hidden;min-height:10rem;margin-top:1.6rem;padding:1.6rem 2rem 0;background:#fff;border-radius: 1.6rem;box-shadow:0px 0px 15px 3px rgb(0 27 108 / 8%);}
.main-guide-info .guide-info-list .list-link{display:flex;align-items:center;position:relative;padding-bottom:0;}
.main-guide-info .guide-info-list .list-link{margin-bottom:1rem;padding-top:1rem;border-top:1px solid #eee;}
.main-guide-info .guide-info-list .list-link:first-child{padding-top:0;padding-bottom:0;border:none;}
.main-guide-info .list-link .info-box{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:2.4rem;padding-left:5rem;padding-right:1.8rem;}
.main-guide-info .list-link .info-box:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;}
.main-guide-info .list-link.type01 .info-box:before{background:url('../img/main/ico_guide04.png')no-repeat center/2.4rem auto}
.main-guide-info .list-link.type02 .info-box:before{background:url('../img/main/ico_guide05.png')no-repeat center/2.4rem auto}
.main-guide-info .list-link .info-box .title{color:#333340;font-weight:normal;}
.main-guide-info .list-link .info-box .text{font-size:1.3rem;font-weight:700;}
.main-guide-info.type01{height:10rem;}

/* 나의 금융자산 금액 - 추가 css */
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01{display:relative;justify-content: flex-end;display:inline-flex;}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 input[type="checkbox"]{position:absolute;visibility:hidden;}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label{position: absolute;top:-0.9rem; height:3.2rem;padding:0 3.2rem;border-radius:2rem;background:#89899d;transition-duration:0.2s;} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label span{position:absolute;left: .6rem;top: .3rem;z-index:1;width: 2.6rem;height: 2.6rem; margin-left:-0.3rem;border-radius:50%;background:#fff;transition-duration:0.2s;}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label:before{position:absolute;top:0;width:3rem;font-size:1.2rem;font-weight:normal;line-height:3.2rem;color:#fff;text-align:center;}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label:after{position:absolute;top:0;width:3rem;font-size:1.2rem;font-weight:normal;line-height:3.2rem;color:#fff;text-align:center;}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label:before{left:.22rem;content:'금액';}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label:after{right:.3em;content:'금액';}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 input:checked + label{background:#4759a3;}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 input:checked + label span{transform:translateX(3.2rem);}
.my-assets .assets-header > .assets-info > .btn-wrap.swiper-type01 label.swiper-label-box{}

/* 디바이스 해상도 674 이하 조정 - 나의 금융자산, 나의 결재현황 */
@media screen and (min-width: 673px){
    .my-service .tab-group .swiper-container.tab-body {max-height:56rem;}
    .my-service .tab-group .swiper-container.tab-body.type01{max-height:29rem;}
}

/* 공제 앱 오픈 관련 처리 요청 - 메인배너 */ /* 2023-12-01 */
.main-link-box > .main-link > .info-box > .event_ico_4{display:block;position:absolute;top:0;right:0; width:8rem;height:8rem;margin:2.3rem 1.5rem 2.3rem 0; background: url(../../resource/img/main/ui-event-guide_4.png) no-repeat -3rem -2.2rem/13rem auto}
.main-link-box > .main-link > .info-box > .title{max-width: calc(100% - 5.5rem) !important;} /* 20250811 메인배너 추가 */

/* 2403 PUSH알림 */
.main-header-inner > .header-info .btn-wrap .btn.alarm.moveAlarm{background:none;}
.main-header-inner > .header-info .btn-wrap .btn.alarm.moveAlarm .ico-bell{position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../resource/img/main/ico_alarm02.png')no-repeat center/2.4rem auto;}
.main-header-inner > .header-info .btn-wrap .btn.alarm.moveAlarm.active .ico-bell{animation: swing 4s infinite linear; transform-origin: top;}
.btn.alarm.moveAlarm .alarm-message{display:none;}
.btn.alarm.moveAlarm.type-message .alarm-message{display:block; position:absolute; top:2.4rem; right:-2px; width:0; height:3.6rem; overflow:hidden; animation: showMsg 5s 1 linear; animation-delay:1s; opacity: 0;}
.btn.alarm.moveAlarm.type-message .alarm-message > div{position:absolute; top:0.6rem; right:0; height:3rem; line-height:3rem; padding:0 1rem; background:#333340; border-radius:0.6rem; font-weight:500; color:#FFF; font-size:1.2rem; word-break: break-all;}
.btn.alarm.moveAlarm.type-message .alarm-message:after{content:''; position: absolute;top:-0.8rem; right:5px; content: ""; clear: both; border: 0.8rem solid transparent; border-bottom:1rem solid #2b3c4c;}
.btn-wrap .btn + .btn.type-txt{margin-left:1.2rem;}/* 240514 PUSH알림  | 간격 수정 */
.btn.type-txt{height:2.4rem; padding:0;}
.btn.type-txt .ico{width:2.4rem; height:2.4rem; background-size: 2.4rem 2.4rem; background-repeat: no-repeat; background-position: 0 0;}
.btn.type-txt .ico.ico-assistant{background-image: url('../../resource/img/main/ico_assistant.png');}
.btn.type-txt .tit{line-height:1.2; font-weight:700; color:#4759A3;}
.btn.type-txt .ico + .tit{margin-left:0.2rem;}
.main-header-inner > .header-info .btn-wrap .btn.alarm.type-message:before{content:''; display:block; position:absolute; top:-0.2rem; right:-0.6rem; width:1rem; height:1rem; background:url('../../resource/img/main/ico_alarm_notice.png') 0 0 no-repeat; background-size: 100%;}

@keyframes swing{
	0%, 20% {transform:rotate(0deg)}
	2.5%, 7.5%, 12.5%, 17.5% {transform:rotate(8deg)}
	5%, 10%, 15% {transform:rotate(-8deg)}
}
@keyframes showMsg{
	0%, 99%{opacity: 1;}
	10%, 90%{width:19rem;}
	100%{opacity: 0}
}

/* 비대면 신규 가입 */
.login-app-guide.type-titImg{width:100%; padding:0;}
.login-app-guide.type-titImg .content-info + .content-list{margin-top:2rem;}
.login-app-guide .login-select-box.type-block{display:block;}
.login-app-guide .login-select-box.type-block .login-select{padding:3rem; border:1px solid #DEE1EA; min-height:auto;}
.login-app-guide .login-select-box.type-block .login-select + .login-select {margin-left:0; margin-top:1.6rem;}
.login-app-guide .login-select-box.type-block .login-link{text-align:left; padding-left:6rem; padding-top:0;}
.login-app-guide .login-select-box.type-block .login-select .login-link:before{width:4rem; height:4rem; left:0; top:50%; transform:translateY(-50%); background-repeat: no-repeat; background-size: 4rem auto;}
.login-app-guide .login-select-box.type-block .login-select .login-link.type01:before {background-image: url('../img/common/ico_member_join_01.png') }
.login-app-guide .login-select-box.type-block .login-select .login-link.type02:before {background-image: url('../img/common/ico_member_join_02.png')}


/* 넛지 */
.main-nudgeMsg				{margin-bottom:1.6rem; margin:0 1.6rem;  padding:0 1.6rem; margin-top:6.4rem; height:5.22rem; display:flex; justify-content: space-between; align-items: center; background:#153F83; border-radius: 1rem; gap:20px;  }
.main-nudgeMsg.hide			{ display:none;  }
.main-nudgeMsg button.lnk		{ color:#fff; padding-right:2.2rem; background:url(../img/main/icon_nudge_lnk.svg) no-repeat 100% 0.1rem / 1.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
.main-nudgeMsg button.txt		{ color:#fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
.main-nudgeMsg button.main-nudgeMsg-close		{ width:18px; height:18px; background:url(../img/main/icon_nudge_close.svg) no-repeat 50% 50% / 1.8rem }
.main-nudgeMsg button span.hide 	{ opacity: 0; }