@charset "utf-8";

/*****************************************
**************** 조회 - inqy **************
******************************************/

/* 거래내역다운로드 */
.tran-details-download .breakdown-check-group .content-box .result{padding-top: 0;}
.tran-details-download .breakdown-check-group + .accordion-wrap{margin-top: 3.8rem;}

/* 계좌상세 */
.account-details .content-list-group .tit{font-size: 1.4rem;color: #666678;font-weight: 500;padding: 3rem 1.6rem 0;margin-bottom: -0.2rem;}
.account-details .content-list-group ul{padding: 1.6rem;}
.account-details .content-list-group li + li{border-top: 1px solid #eee;}
.account-details .content-list-group .link{display: flex;justify-content: space-between;padding: 1.6rem 0;}
.account-details .content-list-group .txt{font-size: 1.4rem;font-weight: 500;}
.account-details .content-list-group .link-arrow{position: relative;margin-right: 2rem;}
.account-details .content-list-group .link-arrow::after{content: "";display: block;height: 0.8rem;width: 0.8rem;border-top: 1px solid #666678;border-right: 1px solid #666678;transform: rotate(45deg);position: absolute;right: -1.4rem;top: 12%;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.account-details .content-list-group .link-arrow .num{font-size: 1.4rem;}
.account-details .content-list .content-list-group:last-child{margin-bottom: 2.2rem;}

/* 거래내역조회 */
.search-list-con .detail-title > .item-title{flex-shrink:0;display:flex;align-items:center}
.search-list-con .detail-title > .item-title + .item-box{flex:1;padding-left:0.7rem;text-align:right;word-break:break-all}
.search-list-con .detail-title .title,
.search-list-con .detail-title .text{font-weight:500}
.search-list-con .detail-title .bold{font-weight:700}
.search-list-con ul + .detail-list{border-top: 1px solid #eeeeee;}
.search-list-con .detail-list{padding:2.4rem 0}
.search-list-con .detail-list .item-box{display: flex;justify-content: space-between;}
.search-list-con .detail-list li{padding: 0 0;border:none}
.search-list-con .detail-list li +li{margin-top: 1.2rem;}
.search-list-con .detail-list .title{font-size: 1.4rem;color: #666678;}
.search-list-con .detail-list .text{font-size: 1.4rem;}
.search-list-con .detail-list .text.total{font-weight: 700;}
.search-list-con .detail-list .account-box{display:block}
.search-list-con .detail-list .account-box > .account-title{display:flex;align-items:center;justify-content:flex-end}
.search-list-con .detail-list .account-box > .account-title > .title{color:#000}
.search-list-con .detail-list .account-box > .account-title > .bank-img{overflow:hidden;width:1.8rem;height:1.8rem;border-radius:50%}
.search-list-con .detail-list .account-box > .account-title > .bank-img img{width:100%;height:100%}
.search-list-con .detail-list .account-box > .account-title + .bank-info{margin-top:0.3rem}
.search-list-con .detail-list .account-box > .bank-name{display:block;text-align:right;word-break:break-all}
.search-list-con .detail-list .account-box > .bank-info{display:flex;align-items:center;justify-content:flex-end;}
.search-list-con .detail-list .account-box > .bank-info .bank-img{flex-shrink:0;overflow:hidden;width:1.8rem;height:1.8rem}
.search-list-con .detail-list .account-box > .bank-info .bank-img img{width:100%;height:100%}
.search-list-con .detail-list .account-box > .bank-info .bank-img + .bank-name{margin-top:0.1rem;margin-left:0.4rem}
.search-list-con .detail-list .account-box > .bank-info + .account-info{margin-top:0.3rem}
.search-list-con .detail-list .account-box > .account-info {display:flex;align-items:center;justify-content:flex-end}
.search-list-con .detail-list .account-box > .account-info .bank-img{flex-shrink:0;overflow:hidden;width:1.8rem;height:1.8rem;border-radius:50%}
.search-list-con .detail-list .account-box > .account-info .bank-img img{width:100%;height:100%}
.search-list-con .detail-list .account-box > .account-info .bank-img + .number{margin-left:0.4rem}
.search-list-con .detail-list .account-box > .account-info .number{flex:0 auto;font-weight:400}
.search-list-con .detail-list .account-box > .account-info > .number.result{font-weight:700}
.search-list-con .detail-list .account-box > .safe-name{display:flex;justify-content:flex-end}
.search-list-con .detail-list .account-box > .safe-name > .bank-img{overflow:hidden;width:1.8rem;height:1.8rem;border-radius:50%}
.search-list-con .detail-list .account-box > .safe-name > .bank-img img{width:100%;height:100%}
.search-list-con .detail-list .account-box > .safe-name > .bank-img + .name{margin-top:0.1rem;margin-left:0.4rem}
.search-list-con .detail-list .account-box > .product-name{text-align:right}
.search-list-con .detail-list .account-box > .safe-name + .product-name{margin-top:0.3rem}
.search-list-con .detail-list .account-box > .account-info + .custom-name{margin-top:0.2rem}
.search-list-con .detail-list .account-box > .custom-name{display:flex;align-items:center;justify-content:flex-end}
.search-list-con .detail-list .account-box > .custom-name .name{color:#666678;font-size:1.3rem}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */

/* 거래내역조회 - 대출 */
.inqy-loan-list .content-item.wide-line .item-box + .item-box,
.tran-details-download .content-item.wide-line .item-box + .item-box{margin-top:0}
.inqy-loan-list .content-item.wide-line .item-box > .sorting-info-wrap,
.tran-details-download .content-item.wide-line .item-box > .sorting-info-wrap{border-bottom:1px solid #eeeeee}

/* 계좌조회 */ 
.account-inquiry{position:relative}
.account-inquiry .deposit-cont,
.account-inquiry .contribution-cont,
.account-inquiry .loans-cont,
.account-inquiry .insur-deduction{padding-top:1.6rem}
.account-inquiry .btn-wrap.fixed + .btn-wrap.floating,
.account-inquiry .btn-wrap.fixed + .btn-wrap.floating.active .quick-menu{bottom:8.8rem}
.account-inquiry .btn-wrap.fixed + .btn-wrap.floating.active{bottom:0}

/* 계좌조회 - 예적금 */
.account-inquiry .deposit-cont .tab-heading-wrap.type02{position:absolute;top:1.1rem;left:1.3rem;padding-bottom:0}
.account-inquiry .deposit-cont .tab-heading-wrap.type02 .tab-heading{background:#658ad6}
.account-inquiry .deposit-cont .tab-heading-wrap.type02 .tab-heading > li{padding:0 0.8rem;min-width:auto;height:2.8rem;line-height:2.8rem;}
.account-inquiry .deposit-cont .tab-heading-wrap.type02 .tab-heading > li a{color:rgb(255,255,255,0.8);font-size:1.2rem}
.account-inquiry .deposit-cont .tab-heading-wrap.type02 .tab-heading > li.on a{color:#122e46}

/* 계좌조회 - 출자금 */
.account-inquiry .contribution-cont .ui-guide-object + .content-list{margin-top: 1.6rem;}

/* 계좌조회 - 대출 */
.account-inquiry .loans-cont .ui-guide-object + .content-list{margin-top: 1.6rem;}
.inqy-tran-download .content-item.wide-line .item-box + .item-box {margin-top:0;}
.inqy-tran-download .content-item.wide-line .item-box > .sorting-info-wrap {border-bottom:1px solid #eee;}

/* 계좌조회 - 공제보험 */
.account-inquiry .insur-deduction .ui-guide-object + .content-list{margin-top: 1.6rem;}

/* 조회 - 자기앞수표 */
.check-inquiry .alert-info.type01 + .content-item{margin-top: 3rem;}

/* 로그인내역조회 - 공통으로 사용될 시 추후 소스 이동 필요 */
.information-item .detail-list .item-box .text > .admin-total,
.information-item .detail-list .item-box .text > .admin-middle {position: relative; display: inline-block; padding-left: 2.2rem;}
.information-item .detail-list .item-box .text > .admin-total:before,
.information-item .detail-list .item-box .text > .admin-middle:before {content: ''; position: absolute; left: 0; width: 1.4rem; height: 1.5rem; background: url(../../resource/img/common/ico_admin_sprite.png)no-repeat 0 0/1.4rem auto;}
.information-item .detail-list .item-box .text > .admin-middle:before {background-position: bottom;}


/*****************************************
************ 부가서비스 - asvc ************
******************************************/

/* 공통 */
.finance-service .information-item .accordion-header[class*="ico-type"]{position:relative;padding-left:4.8rem}
.finance-service .information-item .accordion-header[class*="ico-type"]:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4rem;height:4rem;background-repeat:no-repeat;background-size:4rem auto}

/* 금융알림서비스 */
.finance-service .information-item .accordion-header.ico-type01:before{background-image:url(../img/asvc/ico_finance_service01.png);}
.finance-service .information-item .accordion-header.ico-type02:before{background-image:url(../img/asvc/ico_finance_service02.png);}
.additional-service-visual:first-child {margin-top:0.8rem;}
.additional-service-visual + .content-list {margin-top:2.3rem;}
.additional-service-visual {padding-bottom:17rem; background:url(../img/asvc/img_finance_service_visual.png) no-repeat center bottom/17.8rem; text-align:center;}
.additional-service-visual .title {font-size:2rem; font-weight:500;}
.additional-service-visual .title + .text {margin-top:1rem; line-height:1.5; color:#666678;}
.additional-service-visual .text {text-align:center; font-size:1.4rem;}
.finance-service-info .content-list > .content-item > .item-title:first-child + .item-box {border-top:1px solid #eee;}

/* MG스마트알림 */
.mgsmart-service .quick-link-box > .quick-link.ico-type01:before{background-image:url(../img/asvc/ico_mgsmart_service01.png);}
.mgsmart-service .quick-link-box > .quick-link.ico-type02:before{background-image:url(../img/asvc/ico_mgsmart_service02.png);}
.mgsmart-service .quick-link-box > .quick-link.ico-type03:before{background-image:url(../img/asvc/ico_mgsmart_service03.png);}
.mgsmart-service .quick-link-box > .quick-link.ico-type04:before{background-image:url(../img/asvc/ico_mgsmart_service04.png);}

/* 예금잔액증명서 */
.balance-certi .step-box-wrap .step-box {display:flex; align-items:center; position:relative; width:100%; min-height:8.4rem; padding:1.6rem 12.5rem 1.6rem 1.6rem; box-sizing:border-box; background-color:#f5f6fa; border-radius:1.4rem;}
.balance-certi .step-box-wrap .step-box:before {content:''; display:block; width:4rem; height:4rem; position:absolute; top:50%; right:2rem; transform:translateY(-50%); background-repeat:no-repeat; background-size:auto 4rem;}
.balance-certi .step-box-wrap .step-box.ico-type01:before {width:4rem; background-image:url(../img/asvc/ico_balance_certi01.png);}
.balance-certi .step-box-wrap .step-box.ico-type02:before {width:10rem; background-image:url(../img/asvc/ico_balance_certi02.png);}
.balance-certi .step-box-wrap .step-box.ico-type02 img {width:10.5rem;}
.balance-certi .step-box-wrap .step-box.ico-type03:before {width:4rem; background-image:url(../img/asvc/ico_balance_certi03.png);}
.balance-certi .step-box-wrap .step-box.ico-type04:before {width:4rem; background-image:url(../img/asvc/ico_balance_certi04.png);}
.balance-certi .step-box-wrap .step-box.ico-type05:before {width:10rem; background-image:url(../img/asvc/ico_balance_certi05.png);}
.balance-certi .step-box-wrap .step-box + .step-box {margin-top:2.8rem;}
.balance-certi .step-box-wrap .step-box:after {content:''; position:absolute; left:50%; bottom:-1.8rem; display:block; width:1.6rem; height:0.73rem; transform:translateX(-50%); background:url(../img/common/ico_arrow_step01.png) no-repeat center center/1.6rem; }
.balance-certi .step-box-wrap .step-box:last-child:after {display:none;}
.balance-certi .step-box-wrap .step-box .box-inner strong {display:block;}
.balance-certi .step-box-wrap .step-box .box-inner strong + span {display:block; margin-top:0.8rem; color:#666678;}
.balance-certi .balance-certi-guide img {display:block; width:100%;}
.balance-certi .balance-certi-guide + .balance-certi-guide {margin-top:2.2rem;padding-top:2.2rem;border-top:1px solid #eeeeee}

/* 예금잔액증명서 - 계좌체크 */
.balance-certi .account-chk-wrap {margin:0 -1.6rem; background:#fff; border-top:1px solid #c9cfd6;}
.balance-certi .content-list + .account-chk-wrap {padding-bottom:4rem; margin-top:4rem;}
.balance-certi .account-chk-wrap .total-group {padding:1.3rem 1.6rem 1.3rem; margin-bottom:0; border-bottom:1px solid #eee;}
.balance-certi .inp-box.chk-type01.full-type02 {padding:2.6rem 0 2.6rem 2.4rem; margin: 0 1.6rem 0 1.6rem; border-bottom:1px solid #eee;}
.balance-certi .account-chk-group.none .inp-box.chk-type01.full-type02 {padding-left:0;}
.balance-certi .inp-box.chk-type01.full-type02 input[type="checkbox"] + label {position:absolute; top:0; right:0; bottom:0; left:0; padding:0;}
.balance-certi .inp-box.chk-type01.full-type02 input[type="checkbox"] + label:before {top:2.6rem; left:0; transform:translateY(0);}
.balance-certi .chk-type01.full-type02 .balance-item-box .title,
.balance-certi .chk-type01.full-type02 .balance-item-box .text,
.balance-certi .chk-type01.full-type02 .balance-item-box .balance {display:block;}
.balance-certi .chk-type01.full-type02 .balance-item-box .title > span + span {position:relative; margin-left:0.6rem; padding-left:0.8rem;}
.balance-certi .chk-type01.full-type02 .balance-item-box .title > span + span:before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #0e90fe;}
.balance-certi .chk-type01.full-type02 .balance-item-box .balance {font-weight:500;}
.balance-certi .chk-type01.full-type02 .balance-item-box .balance > .bold {display:inline-block; margin-left:0.3rem; font-weight:700;}
.balance-certi .chk-type01.full-type02 .balance-item-box .title + .text {margin-top:0.5rem;}
.balance-certi .chk-type01.full-type02 .balance-item-box .title + .text + .balance {margin-top:1.3rem;}
.balance-certi .account-chk-group .btn-wrap > .btn.text-type01 {padding-top:2.4rem;}
.bg-grey .balance-certi .account-chk-wrap + .use-guide-wrap {margin-top:0;}

/*****************************************
************** 예적금 - depo **************
******************************************/

/* 이용안내 */
.depo-using-guide .information-item.type03 > .item-cont .detail-info[class*="ico-type"] {position: relative; padding-right: 9rem;}
.depo-using-guide .information-item.type03 > .item-cont .detail-info[class*="ico-type"]:before {content: '';display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 6.93rem;height: 6.93rem;background-repeat: no-repeat;background-position: 0 0;}
.depo-using-guide .information-item.type03 > .item-cont .detail-info.ico-type01:before {background-size: 6.93rem auto; background-image: url(../img/depo/ico_depo_guide_type01.png);}
.depo-using-guide .information-item.type03 > .item-cont .detail-info.ico-type02:before {background-size: 6.93rem auto; background-image: url(../img/depo/ico_depo_guide_type02.png);}

/* 한도금액 */
.money-limit-wrap {display:flex; align-items:center; justify-content: flex-end; color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.item-box .money-limit-wrap {margin-top:0.3rem;}
.money-limit-wrap li {display:inline-block; font-size:1.3rem; font-weight:500;}
.money-limit-wrap li + li {position:relative; padding-left:1.4rem;}
.money-limit-wrap li + li:before {content:''; position:absolute; left:0.6rem; top:50%; transform:translateY(-50%); display:block; width:1px; height:0.9rem; background:#c9cfd6;}

/* 처리결과조회 */
.depo-result-inqy .information-item.type01 .account-box {display:flex; align-items:center; padding-bottom:2.6rem;}
.depo-result-inqy .information-item.type01 .detail-list .item-box .date, 
.depo-result-inqy .information-item.type01 .detail-list .item-box .fail,
.fixed-depo-withdraw .information-item.type02 .detail-list .item-box .date {font-weight:500;} /* 거치식예금건별인출*/

/* 예적금 예적금 납입 */
.savings-account-wrap .accordion-wrap.type01.transfer-type {margin-top: 1rem;}
.savings-account-wrap .accordion-wrap.type01.transfer-type .accordion-header {border-top:0; display: flex;}
.savings-account-wrap .accordion-wrap.type01.transfer-type .accordion-header .tooltip-box.type01 {flex:0 0 auto;}
.savings-account-wrap .accordion-wrap.type01.transfer-type .accordion-header .btn.accordion {padding:0; text-align: right; padding-right: 2rem; font-size: 1.4rem; color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.savings-account-wrap .accordion-wrap.type01.transfer-type .accordion-header .btn.accordion:before{transform:translateY(-50%) rotate(0deg);margin-top:0.1rem;background:url('../img/common/ico_arrow_more01.png')no-repeat center/0.86rem auto}
.savings-account-wrap .accordion-wrap.type01.transfer-type .accordion-header .btn.accordion.active:before{transform:translateY(-50%) rotate(-180deg);margin-top:-0.1rem}
.savings-account-wrap .accordion-wrap.type01.transfer-type .list-item .item-box {display: flex; justify-content: space-between; margin-bottom: 0;}
.savings-account-wrap .accordion-wrap.type01.transfer-type .list-item {padding:0.2rem 0;}
.savings-account-wrap .accordion-wrap.type01.transfer-type .list-item:first-child {margin-top: 1rem;}
.savings-account-wrap .accordion-wrap.type01.transfer-type .list-item .item-box .title {color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.savings-account-wrap .accordion-wrap.type01.transfer-type .list-item .item-box .text {color:#000000;}
.savings-account-wrap .accordion-wrap .accordion-content .bullet-list.type01 ~ .title {display: inline-block; margin-top: 1.6rem;}
.savings-account-wrap .accordion-wrap .accordion-content .title ~ .bullet-list.type01 {margin-top: 1rem;}
.savings-account-wrap .btn-wrap .quick.link {position: absolute; bottom:60px; left:50%; transform: translateX(-50%); line-height: 3.2rem; border-radius: 2rem; background-color: #e4e8ee; color:#666678; font-weight: 500;}
.savings-account-wrap .btn-wrap .btn.quick.link + .btn.type03.h01 {margin-left: 0;}
.savings-account-wrap .tooltip-box .tooltip-info .info-box .bullet-list {margin-top: 1rem;}
.savings-account-wrap .reservation-transfer-area {margin-top: 1.6rem; display: none;}
.savings-account-wrap .reservation-transfer-area .choice-box {margin-top: 1.6rem;}
.savings-account-wrap u {text-decoration: underline;}
.information-item .detail-list .item-box .title.font-bold {font-weight: 700; color:#000000;}
.savings-account-wrap .information-item.type02 .account-box + .detail-list .sub-detail-list {display: block; margin-top: 2.4rem; padding-top: 2.4rem; border-top:1px solid #eeeeee;}

/* 상품목록 - 금고선택 */
.safe-select .product-info .info-title > .title{font-weight:500}
.safe-select .product-info .info-title + .info-list{margin-top:0.6rem}
.safe-select .product-info .info-list > ul{display:flex;align-items:center;flex-wrap:wrap;margin-left:-0.8rem}
.safe-select .product-info .info-list .list-item{margin-left:0.8rem; position: relative; z-index: 0; }
.safe-select .product-info .info-list .list-item .text{color:#666678;font-size:1.3rem; color:#4a80e3; display: inline-block; font-size: 1.3rem;}
.safe-select .product-info .info-list .list-item .text::after { content: ''; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 0.8rem; background-color: #eefdff;}


/*****************************************
**************** 대출 - loan **************
******************************************/

/* 지역 검색 버튼유형 */
.prd-mall-wrap .btn-wrap.btn-map .btn-map-link {position: relative; padding:0 1.6rem 0 3rem; flex:0; background-color:#fff; line-height: 3.6rem; border-radius: 2.5rem; box-shadow: 4px 6px 10px rgb(0,8,87 , 0.12) ;}
.prd-mall-wrap .btn-wrap.btn-map .btn-map-link::before {content:''; position: absolute; left:1.2rem; top:50%; transform: translateY(-50%); background-image: url(../img/depo/icon_map_type01.png); width: 1.2rem; height: 1.2rem; background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .btn-prd-join {position: relative; color:#0e90fe; display: inline-block; text-align: center; margin-top:1rem; font-weight: 500;}
.prd-mall-wrap .btn-prd-join::before {content: ''; width: 100%; display: block; position: absolute; bottom: 1px; left: 0; right: 0; height: 1px; background: #0e90fe;}

/* 상품몰 - 전용상품 */
.prd-mall-wrap .excl-prd-area .item-title.bot-line {border-bottom:1px solid #eeeeee; margin:0 -1.6rem; padding:0 1.6rem;}
.prd-mall-wrap .excl-prd-area .item-title.bot-line + .item-box {margin-top: 0;}
.prd-mall-wrap .excl-prd-area .item-title.bot-line .alert-info.type01 {margin: 1.6rem 0;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-title {position:relative;padding:0.2rem 0 0.4rem}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-title:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);margin-top:0.2rem;width:7rem;height:6.6rem;background:url('../img/depo/img-profile.png')no-repeat center/7rem auto}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-title .title {font-size: 2rem; font-weight: 700; line-height: 2.8rem;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-title .title .text {font-weight: 400;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-title + .prd-search-list{margin-top:2.4rem}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list {margin-bottom: 2.6rem;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul {display: flex; justify-content: center;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul > li {flex: 1; position: relative;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul > li + li::before {content:''; position: absolute; width: 1px; height: 100%; top:50%; transform: translateY(-50%); left:0; border:dotted #c9cfd6; border-width: 0 0 0 1px;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul > li .btn {padding-top: 4rem; position: relative; display: block; text-align: center;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul > li .btn-map::before {content:''; position: absolute; width: 4.16rem; height: 4rem; top:0; left:50%; transform: translateX(-50%); background-image: url(../img/depo/ico-map.png); background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul > li .btn-address::before {content:''; position: absolute; width: 4rem; height: 4rem; top:0; left:50%; transform: translateX(-50%); background-image: url(../img/depo/ico-address.png); background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .excl-prd-area .prd-info-area .prd-search-list > ul > li .btn-zone::before {content:''; position: absolute; width: 4rem; height: 4rem; top:0; left:50%; transform: translateX(-50%); background-image: url(../img/depo/ico-zone.png); background-size: cover; background-repeat: no-repeat;}

/* 금고 선택 - 가입금고 */
.prd-mall-wrap .excl-prd-area .information-item.type03.safe .detail-list .list-item .tel-link {font-size: 1.3rem; display: inline-block; color:#666678; font-size: 1.3rem; padding-left: 2rem; position: relative; padding-right: 0.7rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.prd-mall-wrap .excl-prd-area .information-item.type03.safe .detail-list .list-item .tel-link::before {content:''; position: absolute; left:0; top:calc(50% - 0.1rem); transform: translateY(-50%); width: 1.3rem; height: 1.3rem; background-image: url(../img/common/ico-tel.png); background-repeat: no-repeat; background-size: cover; }
.prd-mall-wrap .excl-prd-area .information-item.type03.safe .detail-list .list-item .text .emp {color: #F06A22; display: inline-block; margin-left: 0.5rem; font-weight: 700;} /* 202407 접근성 | #ef7d21 -> #F06A22 색상 변경 */
.prd-mall-wrap .excl-prd-area .information-item.type03.safe .item-cont {padding:2.3rem 2rem;}
.prd-mall-wrap .excl-prd-area .information-item.type03.safe .item-cont .detail-info + .detail-list {margin-top: 3.6rem;}
.prd-mall-wrap .excl-prd-area .information-item.type03.safe .item-bottom > .btn-wrap .btn {color:#000; font-weight: 700;}

/* 금고 선택 - 다른금고 찾기 */
.prd-mall-wrap .another-safe-area .item-box > .quick-link-box > .quick-link.ico-type01::before {left:1.5rem; background-image: url(../img/depo/ico-map.png)}
.prd-mall-wrap .another-safe-area .item-box > .quick-link-box > .quick-link.ico-type02::before {background-image: url(../img/depo/ico-address.png)}
.prd-mall-wrap .another-safe-area .item-box > .quick-link-box > .quick-link.ico-type03::before {background-image: url(../img/depo/ico-zone.png)}

/* 예적금 - 지역,주소 검색 */
.prd-mall-wrap .prd-info-type03 {margin:0 0 2.6rem;}
.prd-mall-wrap .prd-info-type02 {margin: 2rem -1.6rem 0; padding:0 0 2rem 3.4rem; border-bottom:1px solid #eee;}
.prd-mall-wrap .prd-info-type02::before {left:1.6rem}

/* 상품별금리 테이블 영역 */
.deposit-product .information-item.type02 {border:1px solid #eeeeee;border-radius:1.6rem;}
.deposit-product .product-box {position:relative;}
.deposit-product .product-box .cont-left {padding-right: 4rem;}
.deposit-product .product-box .main-text {line-height:1.4;font-size:2rem;font-weight: 600;color: #000;}
.deposit-product .product-box .main-text + .sub-text {margin-top:1rem;line-height: 1.6;font-size:1.4rem;color: #666678;}
.deposit-product .product-box .cont-right {position:absolute;top:0;right:0;width:3rem;height:3rem;}
.deposit-product .product-box + .icon-list {margin-top:4rem;}
.deposit-product .product-box + .icon-list ul {display:flex;justify-content:space-between;align-items:flex-start;}
.deposit-product .product-box + .icon-list .list-item {flex:1 1 33.333%; min-width: 33.333%;}
.deposit-product .product-box + .icon-list .list-item .item-box {text-align:center;position:relative;padding-top:2.7em;}
.deposit-product .product-box + .icon-list .list-item .item-box .text {display:block;}
.deposit-product .product-box + .icon-list .list-item .item-box .title {display:block;font-weight:700;margin-top:0.6rem;}
.deposit-product .product-box + .icon-list .list-item .item-box.icon-contract::before {content:'';position:absolute;top:0;left:50%;margin-left:-1.2rem;width:2.4rem;height:2.4rem;background: url(../../resource/img/depo/ico_depo_contract.png) no-repeat 50% 50%/100%;}
.deposit-product .product-box + .icon-list .list-item .item-box.icon-amount::before {content:'';position:absolute;top:0;left:50%;margin-left:-1.2rem;width:2.4rem;height:2.4rem;background: url(../../resource/img/depo/ico_depo_amount.png) no-repeat 50% 50%/100%;}
.deposit-product .product-box + .icon-list .list-item .item-box.icon-join::before {content:'';position:absolute;top:0;left:50%;margin-left:-1.2rem;width:2.4rem;height:2.4rem;background: url(../../resource/img/depo/ico_depo_join.png) no-repeat 50% 50%/100%;}
.deposit-product .product-box + .icon-list .list-item .item-box.icon-deposit::before {content:'';position:absolute;top:0;left:50%;margin-left:-1.2rem;width:2.4rem;height:2.4rem;background: url(../../resource/img/depo/icon-depo-deposit.png) no-repeat 50% 50%/100%;}
.deposit-product .product-box + .icon-list .list-item .item-box.icon-gift::before {content:'';position:absolute;top:0;left:50%;margin-left:-1.2rem;width:2.4rem;height:2.4rem;background: url(../../resource/img/depo/ico_depo_img04.png) no-repeat 50% 50%/100%;}
.deposit-product .icon-list + .btn-wrap {margin:2.4rem 0 0;}
.prd-guide-wrap .content-item > .item-title .title {font-size: 1.4rem;}
.prd-guide-wrap .content-item > .item-title + .item-box {margin-top: 0.5rem;}
.prd-guide-wrap .content-item > .item-box > .title + .text {margin-top: 1.5rem; color:#666678;}
.prd-guide-wrap .content-item > .item-box > .text {color:#666678;}
.prd-guide-wrap .content-item > .item-box > .text + .text {margin-top: 0.5rem;}
.prd-guide-wrap .content-item > .item-box > .text + .bullet-list {margin-top: 1.5rem;}
.prd-guide-wrap .content-item > .item-box > .bullet-list + .text {margin-top: 0.5rem;}
.prd-guide-wrap .content-item > .item-box > .text + .table-wrap {margin-top: 1.8rem;}
.prd-guide-wrap .content-item > .item-box > .table-wrap + .text {margin-top: 1.8rem;}
.prd-guide-wrap .content-item > .item-box > .btn.btn-link-type {display: inline-block; margin-top: 1.5rem; font-size: 1.3rem; font-weight: 500; color:#666678;} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.prd-guide-wrap .content-item > .item-box > .btn.btn-link-type > .line::before {content: ''; width: 100%; display: block; position: absolute; bottom: 1px; left: 0; right: 0; height: 1px; background: #666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */

/* 지도검색 맵영역 */
.prd-mall-wrap .excl-prd-area .content-list > .content-item.bot-interval {margin-bottom: 2.4rem;}
.prd-mall-wrap .map-wrap-type {position: relative; height: calc(100vh - 10.6rem); margin:0 -1.6rem -5.6rem;background:#edf1f6}
.prd-mall-wrap .map-wrap-type .map-area {position: relative; width: 100%; height: 100%; overflow: hidden;}
.prd-mall-wrap .map-wrap-type .map-area .sample {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.prd-mall-wrap .map-wrap-type .map-address-cont{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:1.6rem;margin-left:-0.4rem;width:74.35vw;height:99.72vw;}
.prd-mall-wrap .map-wrap-type .map-address-cont:before{content:'';display:block;width:100%;height:100%;background:url('../img/depo/bg_map01.png')no-repeat center/100% auto}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap{display:block;position:absolute;top:0;left:0}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .btn + .btn{margin:0}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .btn[class*="marker-type"]{position:absolute;padding:0;width:8.33vw;height:8.33vw;color:#fff;font-size:3.05vw;font-weight:700}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .btn[class*="marker-type"]:before{content:'';display:block;position:absolute;top:0;left:0;width:9.44vw;height:10.18vw;background:url('../img/depo/ico_address_marker_on.png')no-repeat center/9.44vw 10.18vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .btn[class*="marker-type"]:disabled:before{background-image:url('../img/depo/ico_address_marker_off.png');}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type01{top:11.94vw;left:13.05vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type02{top:9.9vw;left:22.59vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type03{top:11.29vw;left:44.53vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type04{top:19.53vw;left:27.4vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type05{top:27.68vw;left:36.66vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type06{top:30.46vw;left:22.59vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type07{top:38.24vw;left:15vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type08{top:40.37vw;left:26.94vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type09{top:39.25vw;left:52.59vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type10{top:53.24vw;left:20.83vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type11{top:51.85vw;left:45.64vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type12{top:58.05vw;left:58.7vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type13{top:63.7vw;left:13.61vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type14{top:65vw;left:37.5vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type15{top:67.68vw;left:53.61vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type16{top:75.37vw;left:11.66vw}
.prd-mall-wrap .map-wrap-type .map-address-cont .btn-wrap .marker-type17{top:85vw;left:59.81vw}
.prd-mall-wrap .map-wrap-type .control-header {z-index:100;position: absolute; top:0; width: 100%;}
.prd-mall-wrap .map-wrap-type .control-header > .control-item {padding: 1.6rem;}
.prd-mall-wrap .map-wrap-type .control-header .btn-wrap .btn-area-link {position: relative;background-color: #fff; padding:0 1.6rem 0 3rem; flex:0 1 auto; line-height: 3.6rem; border-radius: 2.5rem; box-shadow: 4px 6px 18px rgb(0,8,87 , 0.12);}
.prd-mall-wrap .map-wrap-type .control-header .btn-wrap .btn-area-link::before { content: ''; position: absolute; left: 1.2rem; top: calc(50% - 1px); transform: translateY(-50%); background-image: url(../img/cust/icon_refresh_sm.png); width: 1.3rem; height: 1.3rem; background-size:1.3rem auto; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer {position: fixed; bottom:0; z-index:100; width: 100%; height: 6rem;}
.prd-mall-wrap .map-wrap-type .control-footer .btn-wrap.btn-area .btn-list-link {position: relative; background-color: #fff; padding:0 1.6rem 0 3rem; flex:0 1 auto; line-height: 3.6rem; border-radius: 2.5rem; box-shadow: 4px 6px 10px rgb(0,8,87 , 0.12); font-size:1.3rem; font-weight:500;}
.prd-mall-wrap .map-wrap-type .control-footer .btn-wrap.btn-area .btn-list-link::before { content: ''; position: absolute; left: 1.2rem; top: calc(50% + 1px); transform: translateY(-50%); background-image: url(../img/depo/icon-bar-type01.png); width: 1.2rem; height: 1.2rem; background-size: contain; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer .btn-wrap.btn-gps-area{position: absolute; right: 1.6rem; top:-5.7rem;}
.prd-mall-wrap .map-wrap-type .control-footer .btn-wrap.btn-gps-area .btn-gps-link { background-color: #fff; width: 3.6rem; height: 3.6rem; border-radius: 50%; box-shadow: 4px 6px 10px rgb(0,8,87 , 0.12) ;}
.prd-mall-wrap .map-wrap-type .control-footer .btn-wrap.btn-gps-area .btn-gps-link::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); background-image: url(../img/depo/icon_type05.png); width: 1.8rem; height: 1.8rem; background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer .btn-area {position: absolute; left:50%; transform: translateX(-50%); top:-5.7rem;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet {padding:1.4rem 0 1.2rem;background-color: #fff; height: 100%; border-radius: 2rem 2rem 0 0; overflow: hidden;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul {display: flex; height: inherit;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li {flex: 1 1 25%;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn {width: 100%; height: 100%; text-align: center; position: relative;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type03, 
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type04, 
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type05, 
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type06,
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type07 {padding-top:2rem; font-size: 1.2rem;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type03::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 1.8rem; height: 1.8rem; background-image: url(../img/depo/icon_type01.png); background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type04::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 1.8rem; height: 1.8rem; background-image: url(../img/depo/icon_type02.png); background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type05::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 1.8rem; height: 1.8rem; background-image: url(../img/depo/icon_type03.png); background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type06::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 1.8rem; height: 1.8rem; background-image: url(../img/depo/icon_type04.png); background-size: cover; background-repeat: no-repeat;}
.prd-mall-wrap .map-wrap-type .control-footer .bot-sheet > ul > li > .btn.btn-type07::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 1.6rem; height: 1.6rem; background-image: url(../img/depo/icon_type06.png); background-size: cover; background-repeat: no-repeat;}
.btn.map-marker{position: relative;}
.btn.map-marker .text{position: relative;display: flex;align-items: center;border-radius: 2.5rem;border: 0.12rem solid #0e90fe;background: #fff;font-size: 1.3rem;font-weight: 700;color: #000;padding: 0.1rem 0.6rem 0.1rem 0;}
.btn.map-marker .text::before{content: "";display: block;width: 1.6rem;height: 1.6rem;padding-right: .6rem;background:url(../img/depo/ico_area_btn.png) no-repeat center/1.6rem auto;}
.btn.map-marker .text::after{  position: absolute;  content: "";width: .86rem;height: .6rem;background:url(../img/depo/ico_area_box.png) no-repeat center/.86rem auto;display: block;bottom: -0.52rem;left: 0.6rem;}

/* 해지예상조회해지 - 보안정보입력 */
.remove-cotent .information-item .detail-list .item-box .text-box a.text.warn {display:inline-block;}
.remove-cotent .information-item .detail-list .text-box .text.warn > .line {position:relative;}
.remove-cotent .information-item .detail-list .text-box .text.warn > .line:after {content:''; display:block; position:absolute; width:100%; height:1px; background:#f73824; bottom:0; left:0;}

/* 예적금해지상환 */
.deposit-repayment .inp-box + .inp-box{margin-top: 1.2rem;}
.deposit-repayment .content-item .detail-list .list-item .text.tit-deco{display: block;color: #666678;}
.deposit-repayment .content-item .detail-list .list-item .text + .text.tit-deco{margin-top: 0.2rem;}
.deposit-repayment .content-item .detail-list .list-item .item-box + .item-box{margin-top: 0.2rem;}
.deposit-repayment .content-item .detail-list .list-item.btn-list-item .title{width: 181px;word-break: break-all;flex: none;}
.deposit-repayment .content-item .detail-list .list-item.btn-list-item .item-box{align-items:baseline;}
.deposit-repayment .content-item .detail-list .list-item.btn-list-item button.list-item{display: block;width: 100%;}
.deposit-repayment .content-item .detail-list .list-item .title.font-bk {color: #000;}
.deposit-repayment .content-item .detail-list .item-box .text{flex: none;}

/* 계좌상세 */
.account-details .content-item .detail-list .list-item .text{display: block;}
.account-details .content-item .detail-list .list-item .text + .text {margin-top: 0.4rem;}

/* 대출금/이자상환 */
.loan-interest-repayment-info .content-list > .content-item > .item-box + .item-text.right {margin-top: 2.4rem;}
.loan-interest-repayment-info .content-list > .content-item > .item-text.right > .info-box .text {text-align: right; color: #000;}
.loan-interest-repayment-info .content-list > .content-item > .item-text.right > .info-box .text > span {margin-left: 0.8rem;}
.loan-interest-repayment-info .content-list > .content-item > .item-text.right > .info-box .text +.text {margin-top: 1rem;}


/*****************************************
************** 이체 - trns ****************
******************************************/

/* 이체 페이지 */
.transfer-list-wrap .item-box {position: relative;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type {margin-top: 1.6rem;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .accordion-header {border-top:0; display: flex;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .accordion-header .tooltip-box.type01 {flex:0 0 auto;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .accordion-header .btn.accordion {padding:0; text-align: right; padding-right: 1.8rem; font-size: 1.4rem; color:#666678;} /* 202407 접근성 | #8f8f9f  ->  #666678 색상 변경 */
.transfer-list-wrap .accordion-wrap.type01.transfer-type .detail-list {padding:0 1.8rem;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .list-item .item-box {display: flex; justify-content: space-between; margin-bottom: 0;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .list-item {padding:0.2rem 0;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .list-item:first-child {margin-top: 1rem;}
.transfer-list-wrap .accordion-wrap.type01.transfer-type .list-item .item-box .title {color:#666678;} /* 202407 접근성 | #8f8f9f  ->  #666678 색상 변경 */
.transfer-list-wrap .accordion-wrap.type01.transfer-type .list-item .item-box .text {color:#000000;}
.transfer-list-wrap .accordion-wrap .accordion-content .bullet-list.type01 ~ .title {display: inline-block; margin-top: 1.6rem;}
.transfer-list-wrap .accordion-wrap .accordion-content .title ~ .bullet-list.type01 {margin-top: 1rem;}
.transfer-list-wrap .btn-wrap .quick.link {position: absolute; bottom:60px; left:50%; transform: translateX(-50%); line-height: 3.2rem; border-radius: 2rem; background-color: #e4e8ee; color:#666678; font-weight: 500;}
.transfer-list-wrap .btn-wrap.btn-pass .btn.type03.h01 {margin-left: 0;}
.transfer-list-wrap .tooltip-box .tooltip-info .info-box .bullet-list {margin-top: 1rem;}
.transfer-list-wrap .reservation-transfer-area {margin-top: 1.6rem; display: none;}
.transfer-list-wrap .reservation-transfer-area .inp-box.select{margin-top: 1.6rem;} /* SR#6050 : 예약이체 화면 수정 */
.transfer-list-wrap .select-info.active .information-item.account-type01 .item-cont{display:flex; flex-direction:column; justify-content:space-between; height:auto;}/* 240819 height 수정 */
.transfer-list-wrap .select-info.active .information-item.account-type01 .amount-box{align-items:flex-end}

/* 이체 > 이체완료 > 성공/실패 (다건)*/
.information-item .trns-result-cont + .trns-result-cont{border-top: 1px solid #eee;}
.information-item .trns-result-cont .detail-list .item-box .imp,
.information-item .trns-result-cont .detail-list .item-box .fail{font-weight: 500;}
.information-item .detail-list .item-box .text-box > .fav-wrap{display: flex;position: relative;justify-content: flex-end;}
.information-item .detail-list .item-box .text-box > .fav-wrap .btn.favorite{flex: none; margin-top: -0.6rem;}
.information-item .detail-list .item-box .text-box > .fav-wrap .text {flex: none;padding-left: 0;}
.information-item .detail-list .item-box .text-box > .con-title + .fav-wrap{margin-top: .4rem;}

/* 이체 > 이체전자서명 > 간편패스 */
.content-info .title + .alert-info.type01{margin-top: 1.2rem;}
.simple-pass .content-info + .content-list {margin-top: 2rem;}

/* 이체 > 추가이체 */
.trans-top-list{background: #f5f6fa;margin: 0 -1.6rem; padding:1.5rem 1.6rem;}
.trans-top-list .trans-top-text{display: flex;justify-content: space-between;}
.trans-top-list .text{color: #666678;font-size: 1.3rem;font-weight: 500;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.trans-top-list .text .num{color: #0e90fe;}
.trans-top-list .item-box{margin-top:1.2rem}
.trans-top-list .trans-top-con{text-align: right;}
.trans-top-list .btn.text-type01 > .line{margin-top: 0.2rem;}
.trans-top-list .btn.accordion{padding-right:2rem}
.trans-top-list .btn.accordion.active:before {transform: translateY(-60%) rotate(0);}

/* 이체결과조회 > 출금계좌 */
.trns-result-inqu .content-header .content-item .information-item.type01 > .item-cont {padding-bottom: 1.9rem;}
.trns-result-inqu .information-item .detail-list .item-box .btn.text-type01 > .line{font-weight: 500;}
.trns-result-inqu .information-item .detail-list .item-box .title.data{font-weight: 700;color: #000;}
.search-list-con .detail-title > .title{font-weight:500}
.search-list-con .detail-title + .detail-list{margin-top:1.2rem}
.search-list-con .detail-list + .detail-list {border-top: 1px solid #eee;}
.search-list-con .detail-list > ul +.btn-wrap {margin-top: 2.2rem;}
.search-list-con .detail-list .item-box >.btn.text-type01{text-align: right;}
.search-list-con .detail-list .item-box > .title.data{font-weight: 700;color: #000;}
.search-list-con .detail-list .item-box > .txt-box .text {flex: 1 auto;display: block;padding-left: 1.6rem;text-align: right;color: #000000;word-break: break-all;}
.search-list-con .detail-list .item-box > .txt-box .text + .text{margin-top: .2rem;}
.btn.text-type01 > .imp.line,
.search-list-con .imp{color: #0e90fe;font-weight: 500;}
.btn.text-type01 > .fail.line,
.search-list-con .fail{color: #ef7d21;font-weight: 500;}

/* 이체결과조회 > 예약이체취소 */
.trns-result-cancel.otp-h{margin-bottom: 6.5rem;}
.trns-result-cancel .information-item .detail-list .item-box .imp, 
.trns-result-cancel .information-item .detail-list .item-box .fail{font-weight: 500;}

/* 이체결과조회 > 예약이체취소 > 총괄,부관리자*/
.trns-cancel-msg{border-radius: 1.6rem;height: 100%;background: #256dd8 url('../img/common/ico_authority.png') no-repeat 3rem 50%/4rem auto;padding: 2.2rem 2rem 2.2rem 9rem;width: 100%;}
.trns-cancel-msg .tit{color: #fff;font-weight: 700;}
.trns-cancel-msg .txt{color: #fff;font-size: 1.3rem;margin-top: 0.6rem;display: block;}
   
/* 지연이체관리 > 이체결과조회*/
.search-list-con .alert-info.type01 li{padding: 0 0;}
.trns-over-cancel.otp-h{margin-bottom: 6.5rem;}
.trns-over-cancel .information-item .detail-list .item-box .imp, 
.trns-over-cancel .information-item .detail-list .item-box .fail{font-weight: 500;}

/* 	이체결과조회 > 	이체확인증*/
.mg-logo.alert-info.type01:before{top: 1.8rem;}
.mg-logo.alert-info{border-top:1px solid #eee;padding-top: 1.6rem;margin-top: 0;}
.mg-logo.alert-info::after{content: "";display: block;width: 11rem;height: 2.6rem;margin: 3.6rem 0 0 auto;background: url(../img/common/ui_mg_logo.png)no-repeat center center/11rem auto;}

/* 대량이체 */
.mass-transfer-wrap .content-header .content-item .information-item.type01 > .item-cont {padding:1.9rem 2rem 3rem;}
.mass-transfer-wrap .filter-item .btn-wrap.switch + .calendar-wrap {margin-top: 1rem;}
.mass-transfer-wrap .information-item.type03 > .item-cont > .detail-list .title-bold {color:#000000;}
.mass-transfer-wrap .information-item.type03 > .item-cont > .detail-list .text-box.account-info > .title > .sub-text {color:#666678; font-size: 1.3rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.mass-transfer-wrap .information-item.type03 > .item-cont > .detail-list .text-box.account-info > .text.price {font-size: 1.6rem; font-weight: bold; color:#000000;}
.mass-transfer-wrap .search-list-time > .list-time-text > .time {margin-left: 0;}
.mass-transfer-wrap .search-list-group .detail-title {padding-top: 2.4rem;}
.mass-transfer-wrap .search-list-group .detail-title + .detail-list {padding: 0 0 2.4rem;}
.mass-transfer-wrap .search-list-group .detail-list + .detail-title {border-top: 1px solid #eee;}
.mass-transfer-wrap .information-item.type01.wide .detail-title {margin-top: 2.3rem; padding-top: 2.4rem; border-top: 1px solid #eee;}
.mass-transfer-wrap .information-item.type01.wide .detail-title + .detail-list {margin-top: 0; padding-top: 1.3rem; border-top: 0;}

/* 계좌이동서비스 */
.account-transfer-service .content-info > .content-info-group {margin-bottom:1.8rem;}
.account-transfer-service .content-info > .content-info-group > .title {display:block;font-size:1.4rem;font-weight:500;line-height:1.8;}
.account-transfer-service .content-info > .content-info-group > .text {display:block;font-size:1.4rem;color:#666678;line-height:1.5;}
.account-transfer-service .content-info > .content-info-group > .title + .text {margin-top:0.2rem;}

/* 계좌이동서비스 - 첫 페이지 */
.account-transfer-service .item-box > .link-item{display:block;position:relative;padding:2.4rem 2rem 2.4rem 5.5rem;border:1px solid #eeeeee;border-radius:1.6rem}
.account-transfer-service .item-box > .link-item:before{content:'';display:block;position:absolute;top:2.4rem;left:1.9rem;width:2.4rem;height:2.4rem}
.account-transfer-service .item-box > .link-item.type01:before{background:url('../img/trns/ico_service01.png')no-repeat center/2.4rem auto}
.account-transfer-service .item-box > .link-item.type02:before{background:url('../img/trns/ico_service02.png')no-repeat center/2.4rem auto}
.account-transfer-service .item-box > .link-item.type03:before{background:url('../img/trns/ico_service03.png')no-repeat center/2.4rem auto}
.account-transfer-service .item-box > .link-item > .item-title .title{position:relative;padding-right:1.3rem;font-weight:700}
.account-transfer-service .item-box > .link-item > .item-title .title:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:0.5rem;height:0.9rem;background:url('../img/common/ico_arrow04.png')no-repeat center/0.5rem auto}
.account-transfer-service .item-box > .link-item > .item-title + .item-cont{margin-top:0.5rem}
.account-transfer-service .item-box > .link-item > .item-cont .text{color:#666678;line-height:1.4}

/* 자동이체신청 */
.automatic-calculation-box + .tooltip-box {margin-top: 0.8rem;}
.automatic-calculation-box {display: flex; padding: 2.4rem 2rem; min-height: 7.83rem; border-radius: 1.2rem; background: #256dd8;}
.automatic-calculation-box .calculation-box-inner {display: flex; align-items: center; padding-left: 4.3rem; background: url(../img/trns/ico_calculation.png)no-repeat center left/3rem auto;}
.automatic-calculation-box .calculation-box-inner .title {display: block; color: #fff; font-size: 1.4rem; font-weight: 500; line-height: 1.6; word-break: keep-all;}
.automatic-calculation-box .calculation-box-inner .title > .imp {font-weight: 700;}

/*****************************************
************ 세금/공과금 - giro **********
******************************************/

/* 나의 공과금 */
.my-utility-bill-sub-main .sub-main-info.giro {margin-top: 1.2rem; padding-right: 10rem; background: url(../img/giro/img_sub_main_giro2.png)no-repeat top 0.2rem right / 8rem ;} /* 251111:관세 - 이미지 수정 */
.my-utility-bill-sub-main .sub-main-info .text-box .title {display: block; font-size: 2rem; color: #000; line-height: 1.4;} 
.my-utility-bill-sub-main .sub-main-info .text-box .title > .bold {font-weight: 700;} 
.my-utility-bill-sub-main .sub-main-info .text-box .bold > .imp {color: #0e90fe;} 
.my-utility-bill-sub-main .sub-main-info .text-box .text {display: block; font-size: 1.3rem; color: #666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.my-utility-bill-sub-main .sub-main-info .text-box .title  + .text {margin-top: 1rem;}
.my-utility-bill-sub-main .sub-main-info.giro + .btn-wrap {margin-top: 3.3rem;}
.my-utility-bill-sub-main .hash-tag-wrap {display:flex; flex-wrap: wrap;margin-top:-0.7rem;margin-left:-0.7rem}
.my-utility-bill-sub-main .hash-tag-wrap .btn {display: inline-block;margin-top:0.7rem;margin-left:0.7rem; padding: 0 1.6rem; background-color: #fff; border: 1px solid transparent; border-radius: 3.2rem;}
.my-utility-bill-sub-main .hash-tag-wrap .text {height: 3.2rem;color: #666678; font-size: 1.3rem; line-height: 3.2rem;}
.my-utility-bill-sub-main .quick-search-group {position: relative; display: block; width: 100%; padding: 2.4rem 2rem; border-radius: 1.6rem; background: #fff;}
.my-utility-bill-sub-main .quick-search-group .quick-search-title {margin-bottom: 2rem;}
.my-utility-bill-sub-main .quick-search-group .quick-search-title > .title {color: #000;}
.my-utility-bill-sub-main .quick-search-group .inp-box + .btn-wrap {margin-top: 1.6rem;}
.my-utility-bill-sub-main .quick-menu-list {padding:1rem 2rem 2rem;background-color: #fff; border: 1px solid transparent; border-radius: 2rem;}
.my-utility-bill-sub-main .quick-menu-list ul {display: flex;flex-wrap: wrap;align-items: center;}
.my-utility-bill-sub-main .quick-menu-list .list-item {position: relative;padding: 0 0.8rem;width:33.33%;box-sizing: border-box;}
.my-utility-bill-sub-main .quick-menu-list .list-item .item-link {position: relative;display: block;padding-top: 6rem;color: #666678;font-size: 1.3rem;text-align: center;box-sizing: border-box;}
.my-utility-bill-sub-main .quick-menu-list .list-item .item-link::before {content: '';position: absolute;display: inline-block;top: 44%;left: 50%;transform: translate(-50%, -50%);width: 4rem;height: 4rem;background: url(../../resource/img/giro/ico_giro_menu_sprite.png)no-repeat bottom center / 4rem;}
.my-utility-bill-sub-main .list-item:nth-child(1) .item-link::before {background-position: 0 0;}
.my-utility-bill-sub-main .list-item:nth-child(2) .item-link::before {background-position: 0 -4rem;}
.my-utility-bill-sub-main .list-item:nth-child(3) .item-link::before {background-position: 0 -8rem;}
.my-utility-bill-sub-main .list-item:nth-child(4) .item-link::before {background-position: 0 -12rem;}
.my-utility-bill-sub-main .list-item:nth-child(5) .item-link::before {top: 46%;margin-left:0;margin-right:0.2rem;background-position: 0 -16rem;}
.my-utility-bill-sub-main .list-item:nth-child(6) .item-link::before {background-position: 0 -20rem;}
.my-utility-bill-sub-main .list-item:nth-child(7) .item-link::before {background: url(../../resource/img/giro/ico_giro_menu_tariff.png)no-repeat center / 4rem;} /* 251111:관세 - 메뉴 추가 */
.my-utility-bill-sub-main .btn-wrap + .quick-link-box {margin: 1.6rem 0 0.8rem;}
.my-utility-bill-sub-main .quick-link-box .ico-type01::before{background-image: url(../img/giro/ico_giro_quick01.png);}

/* 지로납부 */
.giro-payment .content-list + .total-group {margin-top:3.8rem;}
.account-box.type02 {align-items: center;width: auto;}
.account-box.type02 .bank-img {width: 1.8rem;height: 1.8rem;}
.receipt-box + .detail-list{margin-top: 3.4rem;}
.receipt-box {position: relative;}
.receipt-box .box-header,
.receipt-box .box-cont {display: flex; justify-content: space-between;}
.receipt-box .box-header + .box-cont {margin-top: 2.3rem;}
.receipt-box .box-header .logo {width: 10rem; height: 1.6rem; background: url(../img/common/ui_mg_logo02.png) no-repeat center left / 10rem auto;}
.receipt-box .box-header .header-rihgt {text-align: right;}
.receipt-box .girotype {display: inline-block; width: 3.8rem; height: 1.6rem; font-size: 1.3rem; font-weight: 700; text-align: center;}
.receipt-box .girotype.type01 {border: 2px solid #ec5630; color: #ec5630; line-height: 1;}
.receipt-box .girotype.type02 {border: 2px solid #000; color: #000; line-height: 1;}
.receipt-box .girotype.type03 {border: 2px solid #000; color: #fff; line-height: 1; background-color: #000;}
.receipt-box .main-text {line-height: 1.4; font-size: 2rem; font-weight: 600; color: #000;}
.receipt-box .main-text > .imp {color: #0e90fe; font-weight: 700;}
.receipt-box .sub-text {line-height: 1.6; font-size: 1.3rem; color: #666678;}
/* 251111:관세 - 스타일 수정 */
.receipt-box .main-text + .sub-text {margin-top: 1.2rem;} 
.receipt-box .cont-right {display: flex; align-items: flex-end;}
.receipt-box .receipt-stamp {width: 5rem; height: 5rem; border: 2px dashed #f73824; border-radius: 50%; font-size: 1.3rem; color: #f73824; font-weight: 700; text-align: center;} /* 251111:관세 - 스타일 수정 */
.receipt-box .receipt-stamp.type02 {display:flex;flex-direction:column;justify-content:center;width: 6.5rem; height: 6.5rem;}
.receipt-box .receipt-stamp.type02 .receipt-list {}
.receipt-box .receipt-stamp > span {line-height: 48px;}
.receipt-box .receipt-list {padding: 0.8rem 0.3rem;}
.receipt-box .receipt-list li {text-align: center; font-size: 0.9rem;color: #666678;line-height:1;}
.receipt-box .receipt-list li > .date {font-weight: 700;}
.receipt-box .receipt-list li + li {padding: 0.1rem 0; border-top: 1px solid #666678;}
/* //251111:관세 - 스타일 수정 */

/* 사회보험료 */
.water-sewage-charges .detail-list-inner + .btn-wrap {margin-top:2.7rem;margin-bottom:2.3rem;}
.water-sewage-charges .information-item.line-bottom > .item-cont + .item-cont{border-top: 1px solid #eee}

/* 지방세 */
.ui-contents.bg-grey .local-tax-wrap .inp-box.full-type01 label {padding:2.3rem 2rem 0 4.6rem;}
.ui-contents.bg-grey .local-tax-wrap .inp-box.full-type01 input[type="radio"] + label {background-color: transparent;}
.local-tax-wrap .content-list .content-item .imp {color: #0e90fe; font-weight: 700;}
.local-tax-wrap .content-list > .content-item > .item-title.interval {padding-top: 5rem; padding-bottom: 3rem;}
.local-tax-wrap .content-list > .content-item > .item-title > .title-info,
.local-tax-wrap .information-item.type02 > .item-cont > .title.title-info {font-size: 2rem; font-weight: 500;}
.local-tax-wrap .information-item.type02 > .item-cont > .title.title-info + .detail-list{margin-top:2.7rem}
.local-tax-wrap .information-item.type02 > .item-cont > .detail-list > ul + .btn-wrap{margin-top:2.3rem}
.local-tax-wrap .content-list > .content-item > .item-title > .information-item.type02 {padding:3.1rem 2rem 3.1rem; width: 100%;}
.local-tax-wrap .content-list > .content-item > .item-title > .information-item.type02 > .title.title-info {font-size: 2rem; font-weight: 500;}

/* 세금/공과금 - 국세 - 세액 합계 - amount-inp-box */
.amount-inp-box{padding:2.3rem 2rem;border-radius:1.6rem;background:#fff}
.amount-inp-box .inp-box + .inp-box{margin-top:1.6rem}
.amount-inp-box .inp-box.inp-type02 > .inp-item input{padding-right:1.8rem;padding-left:8.4rem;text-align:right;}
.amount-inp-box .inp-box.inp-type02 > .inp-item input ~ label{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#666678}
.amount-inp-box .inp-box.inp-type02 > .inp-item .won{position:absolute;top:50%;right:0;transform:translateY(-50%);font-weight:700}
.amount-inp-box > .amount-total{display:flex;justify-content:space-between;margin-top:2.4rem}
.amount-inp-box > .amount-total > .title{flex-shrink:0}
.amount-inp-box > .amount-total > .title + .text{padding-left:1rem}
.amount-inp-box > .amount-total > .text{display:flex;align-items:flex-end;text-align:right;word-break:break-all} 
.amount-inp-box > .amount-total > .text .number{font-weight:500} 
.amount-inp-box > .amount-total > .text .won{margin-left:0.2rem;font-weight:700} 

/* 생활요금 - 전기요금 */
.electricity-bill-pay > .content-list + .total-group{margin-top:4rem}


/*****************************************
************** 뱅킹관리 - user ************
******************************************/

/* 출금계좌관리 */
.withdraw-account-list .total-group {margin-bottom: 1.6rem;}
.withdraw-account-list .chk-group .all-chk-wrap {padding: 0 0 0.8rem;  border-bottom:0;}
.withdraw-account-list .chk-group .list-chk-wrap .list-chk-list > li {padding:0;}
.withdraw-account-list .chk-group .list-chk-wrap .list-chk-list > li + li {margin-top: 1.6rem; border-top:0;}
.information-item.type03 .detail-list .item-box > .account-info > .title {text-align: right; color: #000;}
.information-item.type03 .detail-list .item-box > .account-info > .number {margin-top: 0.6rem; text-align: right; font-weight: 400;}
.information-item.type03 .detail-list .item-box > .account-info > .custom-name {margin-top: 0.6rem; text-align: right;}

/* 기본정보변경 */
.basic-info-change .content-item .detail-list .list-item .text{display: block;}
.basic-info-change .content-item .detail-list .list-item .text + .text {margin-top: 0.4rem;}

/* 자기앞수표분실신고 */
.content-list .tooltip-box.type01 + .cash-check-group {margin-top:1rem;}
.content-list .cash-check-group{text-align: center;}
.content-list .cash-check-group img{max-width:93vw;width: 100%;height: auto;}
.content-list .check-lostreport .cash-check-group + .content-item{margin-top: 2.6rem;}
.check-inquiry .content-item .calendar-wrap .inp-item label > .title,
.content-item .inp-box .title.check-img-num,
.content-item .choice-box .title.check-img-num {padding-left: 1.6rem;position: relative;}
.check-inquiry .content-item .calendar-wrap .inp-item label > .title:after,
.content-item .inp-box .title.check-img-num::after,
.content-item .choice-box .title.check-img-num::after{content: "";display: block;width: 1.3rem;height: 1.3rem;background: url(../img/common/ico_check_num1.png) no-repeat center center/100% auto;position: absolute;left: 0;top: 0.2rem;}
.content-item .inp-box .title.check-img-num.num2::after{background: url(../img/common/ico_check_num2.png) no-repeat center center/100% auto;}
.content-item .inp-box .title.check-img-num.num3::after{background: url(../img/common/ico_check_num3.png) no-repeat center center/100% auto;}
.check-inquiry .content-item .calendar-wrap .inp-item label > .title:after,
.content-item .inp-box .title.check-img-num.num4::after{background: url(../img/common/ico_check_num4.png) no-repeat center center/100% auto;}
.content-item .inp-box .title.check-img-num.num5::after{background: url(../img/common/ico_check_num5.png) no-repeat center center/100% auto;}
.content-item .inp-box input:disabled ~ label .title.check-img-num.num5::after{background: url(../img/common/ico_check_num5_disabled.png) no-repeat center center/100% auto;}

/* 사업자번호관리 */
.business-num-check .content-header .business-num-box{display:flex;justify-content:space-between;}
.business-num-check .content-list .business-num-box{display: flex;justify-content: space-between;border-radius: 1.6rem;padding: 2.2rem 2rem 2rem;margin: 2rem 0 3rem;min-height: 7.4rem;background: #f5f6fa;}
.business-num-check .business-num-box .tit{color: #666678;font-size: 1.4rem;}
.business-num-check .business-num-box .txt-box{text-align: right;}
.business-num-check .business-num-box .txt-box .txt{display: block;color: #000;font-size: 1.4rem;}
.business-num-check .business-num-box .txt-box .txt.num{font-weight: 700;}
.business-num-check .business-num-box .txt-box .txt.name{margin-top:0.2rem;font-size: 1.3rem;}
.busi-num-check-group .total-group{padding: 1.8rem 1.6rem 1.6rem;margin-bottom: 0;}
.busi-num-check-group .busi-num-check-list{padding: 0rem 1.6rem;border-top:1px solid #eee ;}
.busi-num-check-group .busi-num-check-list li{position: relative;padding: 2.2rem 0 1.8rem;}
.busi-num-check-group .busi-num-check-list li + li {border-top:1px solid #eee ;}
.busi-num-check-group .busi-num-check-list li:last-child{border-bottom:1px solid #eee }
.busi-num-check-group .busi-num-check-list .text-wrap{display: flex;align-items: start;}
.busi-num-check-group .busi-num-check-list .busi-badge{font-size: 1.3rem;padding: 0.5rem 0.8rem;border-radius: 0.3rem;position: relative;top: 0.3rem;}
.busi-num-check-group .busi-num-check-list .busi-badge.type01{color: #4a80e3;background: #f0f5fe;}
.busi-num-check-group .busi-num-check-list .busi-badge.type02{color: #ef7d21;background: #fff2e7;}
.busi-num-check-group .busi-num-check-list .txt-box{ margin-left: 1rem;}
.busi-num-check-group .busi-num-check-list .txt{display: block;color: #000;font-size: 1.4rem;}
.busi-num-check-group .busi-num-check-list .txt.num{font-weight: 700;}
.busi-num-check-group .busi-num-check-list .txt.name{width: 16rem;word-break: break-all;font-size: 1.3rem;}
.busi-num-check-group .busi-num-check-list .btn-wrap{display: block;text-align: right;}
.busi-num-check-group .busi-num-check-list .btn{display: inline-block;vertical-align: middle;padding: 0;} 
.busi-num-check-group .busi-num-check-list .btn .text{font-size: 1.3rem;}

/* 사업자번호 상호명 수정 및 삭제 */
.business-num-check.type02 .business-num-box{margin: 0 0;}
.business-num-check.type02 .content-list > .content-item > .item-title{margin-top: 3.8rem;}

/* 기본정보변경 */
.basic-info-change .content-item .detail-list .item-box .text-box{flex: none;width: 21rem;}

/* 자주쓰는입금계좌관리 */
.manage-freq-acc-group .acc-registration-group .badge-text-box {display: flex; width: 100%; align-items: center;}
.manage-freq-acc-group .acc-registration-group .badge-text-box .badge {padding:0 0.8rem;height:2.4rem;font-size:1.3rem;font-weight:500;line-height:2.4rem;border-radius:0.4rem}
.manage-freq-acc-group .acc-registration-group .badge-text-box .badge.type01 {color:#7874d5;background:#f3f3ff}
.manage-freq-acc-group .acc-registration-group .badge-text-box .text {min-height: 2.4rem; line-height:2.4rem; font-weight: 700;}
.manage-freq-acc-group .acc-registration-group .badge-text-box .badge + .text {margin-left: 0.7rem; font-weight: 700;}
.manage-freq-acc-group .acc-registration-group .btn-wrap {display: block; text-align: right; padding: 0; font-size: 1.3rem; color: #666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.manage-freq-acc-group .acc-registration-group .btn-wrap .btn {padding: 0; font-size: 1.3rem; font-weight: 500; line-height: 2rem;}
.manage-freq-acc-group .acc-registration-group .btn-wrap .btn + .btn {margin-left: 1rem;}

/* 국제조세정보등록 */
.national-tax-regi .information-item.type02 .item-box > .text {word-break:keep-all;}

/* 비밀번호 초기화/상태회복 */
.password-change .quick-link-box > .quick-link.ico-type02:before {background-image: url(../img/user/ico_user01.png);}
.password-change .info-box .text + .sub-title {margin-top: 1rem;}
.password-change .info-box .sub-title {display: inline-block;margin-top: 1.6rem;color: #666678;}
.password-change .info-box .sub-title + .detail-box {margin-top: 0.8rem;color: #666678;}
.password-change .info-box .detail-box > ol > li {padding-left: 1.6rem;text-indent: -1.6rem;letter-spacing: -0.03rem;font-size: 1.3rem;}
.password-change .info-box .detail-box > ol > li + li {margin-top: 0.6rem;}
.password-change .quick-link-box > .quick-link.ico-type01:before {background-image:url(../img/user/ico_user02.png);}


/*****************************************
************ 인증보안센터 - cert **********
******************************************/

/* 인증서 조회 */
.cert-inqy .information-item.type03 .info-box .text {color:#000;}
.cert-inqy .information-item.type03 .info-box .text.bold {font-weight:700;}
.cert-inqy .information-item.type03 + .text {margin-top:1.6rem; color:#666678; line-height:1.5;}

/* 인증서 라디오 */
.radio-type01.full-type02 .cert-item.type01 input[type="radio"] + label {background:#fff url(../img/cert/ico_cert01.png) no-repeat 1.9rem 2.4rem/2.4rem;}
.radio-type01.full-type02 .cert-item.type02-1 input[type="radio"] + label {background:#fff url(../img/cert/ico_cert02_1.png) no-repeat 1.9rem 2.3rem/2.4rem;}
.radio-type01.full-type02 .cert-item.type02-2 input[type="radio"] + label {background:#fff url(../img/cert/ico_cert02_2.png) no-repeat 1.9rem 2.3rem/2.4rem;}
.radio-type01.full-type02 .cert-item.type02-3 input[type="radio"] + label {background:#fff url(../img/cert/ico_cert02_3.png) no-repeat 1.9rem 2.3rem/2.4rem;}
.radio-type01.full-type02 .cert-item.type02-4 input[type="radio"] + label {background:#fff url(../img/cert/ico_cert02_4.png) no-repeat 1.9rem 2.3rem/2.4rem;}
.radio-type01.full-type02 .cert-item .title, .radio-type01.full-type02 .text {display:block;}
.radio-type01.full-type02 .cert-item .title {font-weight:500;}
.radio-type01.full-type02 .cert-item .text {color:#666678; font-size:1.3rem; line-height:1.5;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.radio-type01.full-type02 .cert-item .title + .text {margin-top:0.4rem;}
/* 인증서02 라디오 디폴트 */
.radio-type01.full-type02 .cert-item02 input[type="radio"] + label {padding:2.2rem 2rem 2.2rem 6.6rem; background:#f5f6fa url(../img/cert/ico_cert03_disabled.png) no-repeat 2.4rem center/3rem; border-color:#dee1ea; box-shadow:none;}
.radio-type01.full-type02 .cert-item02 input[type="radio"] + label .title {color:#777;} /* 2023 웹접근성 수정 */
.radio-type01.full-type02 .cert-item02.type01 input[type="radio"] + label {background-image:url(../img/cert/ico_cert03_disabled.png)}
.radio-type01.full-type02 .cert-item02.type02 input[type="radio"] + label {background-image:url(../img/cert/ico_cert04_disabled.png)}
/* 인증서02 라디오 checked */
.radio-type01.full-type02 .cert-item02 input[type="radio"]:checked + label {background:#fff url(../img/cert/ico_cert03.png) no-repeat 2.4rem center/3rem; border-color:#0e90fe; box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35)}
.radio-type01.full-type02 .cert-item02 input[type="radio"]:checked + label .title {display:block; color:#000; font-weight:500;}
.radio-type01.full-type02 .cert-item02.type01 input[type="radio"]:checked + label {background-image: url(../img/cert/ico_cert03.png)}
.radio-type01.full-type02 .cert-item02.type02 input[type="radio"]:checked + label {background-image: url(../img/cert/ico_cert04.png)}

/* 인증서 관리 */
.cert-management .cert-box {position: relative;}
.cert-management .cert-box .cert-info {padding-left: 3.4rem; background: url(../img/cert/ico_cert01.png) no-repeat top left/2.1rem auto;}
.cert-management .cert-box .cert-info.exp {background-image:url(../img/cert/ico_cert01_exp.png);}
.cert-management .cert-box .cert-info.del {background-image:url(../img/cert/ico_cert01_del.png);}
.cert-management .cert-box .cert-info.with-btn {padding-right: 2.5rem;}
.cert-management .cert-box .cert-info .title {display: block; color: #000; font-weight: 700;}
.cert-management .cert-box .cert-info .title + .text {margin-top: 0.5rem;}
.cert-management .cert-box .cert-info .text + .text {margin-top: 0.3rem;}
.cert-management .cert-box .cert-info .text {position: relative;display: block;color: #000;}
.cert-management .cert-box .cert-info .text span + span {position: relative; margin-left: 0.6rem;padding-left: 0.8rem;}
.cert-management .cert-box .cert-info .text span + span:before {content: '';display: block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 0.2rem;height: 0.2rem;border-radius: 50%;background: #000;}
.cert-management .cert-box .cert-info .text > .serial-num{position:relative;margin-left:0.6rem;padding-left:0.7rem;color:#666678;font-size:1.3rem;font-weight:400}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.cert-management .cert-box .cert-info .text > .serial-num:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:0.1rem;height:1rem;background:#dbdbdd}
.cert-management .cert-box .cert-info .period {margin-top: 0.2rem; display: block; font-size: 1.3rem; color: #666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.cert-management .cert-box .cert-info .text + .period{margin-top:1rem;}
.cert-management .cert-box .btn-wrap {position: absolute;top:0;right:0;}

/* 인증서 가져오기 & 내보내기 */
.cert-pc-or-app .content-info {padding: 3.5rem 0 11.6rem;} 
.cert-pc-or-app .content-info.import {background: url(../img/cert/img_pc_to_app.png)no-repeat bottom center / 20.9rem;}
.cert-pc-or-app .content-info.export {background: url(../img/cert/img_app_to_pc.png)no-repeat bottom center / 20.5rem;}
.cert-pc-or-app .content-info .title {text-align: center; line-height: 1.4; } 
.cert-pc-or-app .content-list > .content-item > .item-title > .title {line-height: 1.5;}
.cert-pc-or-app .content-info.cert-number {padding: 12.1rem 0 0; background: url(../img/cert/img_app_to_pc02.png)no-repeat top center / 28.6rem;}
.cert-pc-or-app .content-info.cert-number + .content-list {margin-top: 3.6rem;}
.cert-pc-or-app .certification-number-box {position: relative; display: block; width: 100%; padding: 4.3rem 3.2rem 4.1rem; background: #fff; border-radius: 1.6rem;}
.cert-pc-or-app .certification-number-box .number {display: inline-block; width: 28%; font-size:2.4rem; font-weight: 700;}
.cert-pc-or-app .certification-number-box .number:nth-child(1) {width: 22%;}
.cert-pc-or-app .certification-number-box .number:nth-child(2) {width: 32%;}
.cert-pc-or-app .certification-number-box .number:nth-child(3) {width: 32%;}
.cert-pc-or-app .certification-number-box .number + .number {position: relative; margin-left: 1.5rem; padding-left: 2.6rem;}
.cert-pc-or-app .certification-number-box .number + .number:before {content:'-'; position:absolute; display: inline-block; top:50%; left: 0; transform: translateY(-50%); font-size:2.4rem;font-weight: 700;color:#000;box-sizing:border-box}
.cert-pc-or-app .inp-type01.business-type01 .inp-item:nth-child(1) {width: 26%}
.cert-pc-or-app .inp-type01.business-type01 .inp-item:nth-child(2),
.cert-pc-or-app .inp-type01.business-type01 .inp-item:nth-child(3) {width: 37%;}
.cert-pc-or-app .inp-type01.business-type01 .inp-item input{text-align: center;}

/* 간편패스 & 바이오 인증 */
.result-wrap.cert {padding-top: 7.6rem;}
.result-wrap.cert:before {top:2rem}
.result-wrap.cert.type01:before {background-image:url(../img/cert/ico_easypass_password01.png); background-position:center bottom;}
.result-wrap.cert.type02:before {background-image:url(../img/cert/img_fingerprint02.png); background-position:center bottom;}
.easypass-guide .easypass-guide-list {background:url(../img/cert/img_flying_character.png) no-repeat right top/auto 100%;}
.easypass-guide .easypass-guide-list li + li {margin-top:2rem;}
.easypass-guide .easypass-guide-list li {padding-left:2.8rem; background:url(../img/cert/ico_easypass_guide01.png) no-repeat 0.2rem center/1.1rem auto;}
.easypass-guide .easypass-guide-list li:nth-child(2) {background:url(../img/cert/ico_easypass_guide02.png) no-repeat 0.1rem center/1.5rem auto;}
.easypass-guide .easypass-guide-list li:nth-child(3) {background:url(../img/cert/ico_easypass_guide03.png) no-repeat 0.1rem center/1.5rem auto;}
.easypass-guide .easypass-guide-list li:last-child {background:url(../img/cert/ico_easypass_guide04.png) no-repeat 0.1rem center/1.5rem auto;}
.biocert-guide .biocert-guide-list {height: 9.63rem; background:url(../img/cert/img_character02.png) no-repeat right top/13.2rem auto;}
.biocert-guide .biocert-guide-list li + li {margin-top:2rem;}
.biocert-guide .biocert-guide-list li {padding-left:2.8rem; background:url(../img/cert/ico_easypass_guide01.png) no-repeat 0.2rem center/1.1rem auto;}
.biocert-guide .biocert-guide-list li:nth-child(2) {background:url(../img/cert/ico_easypass_guide05.png) no-repeat left center/1.3rem auto;}
.biocert-guide .biocert-guide-list li:nth-child(3) {background:url(../img/cert/ico_easypass_guide06.png) no-repeat left center/1.3rem auto;}
.information-item.type03 .bio-cert-box .text {text-align:center; line-height:1.4; font-size:1.3rem;}
.information-item.type03 .bio-cert-box .text + .btn-wrap .btn.quick.link {margin-top:1.3rem;}

/* 간편패스 */
.cert-easypass .content-list .item-box .btn-item button {width:100%; min-height:7.4rem; padding:2.5rem 2rem 2.5rem 1.8rem; border-radius:1.6rem; background:#fff;}
.cert-easypass .content-list .item-box .btn-item button > span {display:block; position:relative; padding:0 2rem 0 3.3rem; text-align: left; font-weight:500;}
.cert-easypass .content-list .item-box .btn-item button > .mobile-identity:before {content:''; position:absolute; left:0; top:50%; display:block; width:2.13rem; height: 2.4rem; transform:translateY(-50%);background:url(../img/common/ico_mobile_certi01.png) no-repeat left center/2.13rem auto;}
.cert-easypass .content-list .item-box .btn-item button > span:after {content:''; position: absolute; right:0.5rem; top: 50%; display: block; width: 0.7rem; height: 0.7rem; transform: rotate(45deg) translateY(-50%); border-top: 0.1rem solid #666678; border-right: 0.1rem solid #666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.content-list .item-box .btn-item button:disabled {pointer-events:none; background:#f5f6fa; border:1px solid #dee1ea;}
.content-list .item-box .btn-item button:disabled span {color:#000;}
.content-list .item-box .btn-item button:disabled .mobile-identity:before {width:2.4rem; height:2.4rem; background:url(../img/common/ico_result_type01.png) no-repeat left center/2.4rem auto;}
.content-list .item-box .btn-item button:disabled span:after {display:none;}

/* OTP */
.otp-guide-visual + .content-list {margin-top:2.3rem;}
.otp-guide-visual {padding:13.8rem 0 1.3rem; background:url(../img/cert/img_otp_guide_visual.png) no-repeat center 0.8rem/17.4rem; text-align:center;}
.otp-guide-visual .title {font-size:2rem; font-weight:600;}
.otp-guide-visual .title + .text {margin-top:1rem; line-height:1.5; color:#666678;}
.otp-guide-visual .text {text-align:center; font-size:1.4rem;}
.cert-otp .quick-link-box > .quick-link.ico-type01:before{top:2rem; transform:none; background-image:url(../img/cert/ico_otp_guide01.png);}
.cert-otp .quick-link-box > .quick-link.ico-type02:before{top:2rem; transform:none; background-image:url(../img/cert/ico_otp_guide02.png);}
.cert-otp .quick-link-box > .quick-link.ico-type03:before{top:2rem; transform:none; background-image:url(../img/cert/ico_otp_guide03.png);}
.cert-otp .info-box > .text + .text {margin-top:0.6rem;}
.cert-otp .info-box .sub-title {display:inline-block; margin-top:1.6rem; color:#666678;}
.cert-otp .info-box .text + .sub-title {margin-top:1rem;}
.cert-otp .info-box .sub-title + .bullet-list.type02 {padding:0.6rem 0 0 1.7rem;}
.cert-otp .info-box .detail-box {padding:2.3rem 1.6rem; border-radius:1.6rem;}
.cert-otp .info-box .text + .detail-box {margin-top:1.3rem;}
.cert-otp .info-box .sub-title + .detail-box {margin-top:0.8rem; color:#666678;}
.cert-otp .info-box .detail-box > .text {font-size:1.3rem;}
.cert-otp .info-box .detail-box > ol > li {padding-left:1.6rem; text-indent:-1.6rem; letter-spacing:-0.03rem; font-size:1.3rem;}
.cert-otp .info-box .detail-box > ol > li + li {margin-top:0.6rem;}
.cert-otp .info-box .detail-box > ol > li > ul > li {padding-left:0.8rem; text-indent:-0.8rem; color:#666678; font-size:1.3rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.cert-otp .info-box .info-text {margin-top:1rem; color:#666678; font-size:1.3rem;line-height:1.5}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.cert-otp .info-box + .btn-wrap > .btn.type02.h03 {margin-top:2.2rem;}
.cert-otp .detail-box .otp-item {text-align:center;}
.cert-otp .detail-box .otp-item > img {display:inline-block; width:22.1rem;}
.cert-otp .detail-box .otp-item > img  + .detail-list {margin-top:1.5rem;}
.cert-otp .detail-box .otp-item > img  + .detail-list > ul {counter-reset:var-count}
.cert-otp .detail-box .otp-item > img  + .detail-list > ul > li > .item-box > .title {position:relative; color:#000; font-weight:500; font-size:1.3rem;}
.cert-otp .detail-box .otp-item > img  + .detail-list > ul > li > .item-box > .title:before {counter-increment:var-count;content:counter(var-count);top:0.2rem;display:inline-block;width:1.2rem;height:1.2rem;padding:0 0.1rem 0.1rem 0;margin-right:0.3rem;font-size:1.2rem;color:#fff;font-weight:500; border-radius:50%;background-color:#0e90fe;text-align:center;}
.cert-otp .detail-box .otp-item > img  + .detail-list > ul > li > .item-box > .title + .text {color:#666678;}
.cert-otp .detail-info > .info-box > .detail-box:last-child{margin-bottom:2.6rem}

/* 인증보안센터 안내 */
.cert-center-visual + .content-list {margin-top:2.3rem;}
.cert-center-visual {padding-top:17.2rem; background:url(../img/cert/img_certcenter_guide_visual.png) no-repeat center 1.46rem/12.4rem; text-align:center;}
.cert-center-visual .title {font-size:2rem; font-weight:600;}
.cert-center-visual .title + .text {margin-top:1rem; line-height:1.5; color:#666678;}
.cert-center-visual .text {text-align:center; font-size:1.4rem;}
.cert-center-visual .text + .btn-wrap {margin-top:2.4rem;}
.cert-center-visual > .btn-wrap .btn {flex:inherit;}
.cert-center-visual > .btn-wrap .btn + .btn {margin-left:1.6rem;}
.cert-center-guide .quick-link-box > .quick-link.ico-type01:before {background-image: url(../img/cert/ico_certcenter_guide01.png)}
.cert-center-guide .quick-link-box > .quick-link.ico-type02:before {background-image: url(../img/cert/ico_certcenter_guide02.png)}
.cert-center-guide .cert-center-menu-area {padding:2.6rem 1.6rem 2.4rem; margin:0 -1.6rem; border-bottom:1px solid #c9cfd6;}
.cert-center-guide .cert-center-menu-area + .cert-center-menu-area {border-top:1.1rem solid #edf1f6;}
.cert-center-guide .cert-center-menu-area > .title {display:block; font-size:1.4rem; color:#666678; font-weight:500;}
.cert-center-guide .cert-center-menu-area > .title + .text {display:block; margin-top:0.6rem; color:#666678;}
.cert-center-guide .cert-center-menu-area > .title ~ .cert-center-menu-wrap {margin-top:0.8rem;}
.cert-center-guide .cert-center-menu-area .quick-link-box.wide:only-child {border-bottom:1px solid #eee;}
.cert-center-menu-area:last-child {border-bottom:0;}
.cert-btn-box {border-radius:1.6rem; border:1px solid #c9cfd6; background:#f5f6fa;}
.quick-link-box.wide + .cert-btn-box {margin-top:1.6rem;}
.cert-btn-box .text-area {padding:2.2rem; text-align:center;}
.cert-btn-box .text-area > .title {display:inline-block; font-size:1.6rem; color:#000; font-weight:500;}
.cert-btn-box .text-area > .text {text-align:center; font-size:1.3rem; color:#666678;}
.cert-btn-box .text-area > .title + .text {margin-top:0.8rem;}
.cert-btn-box .btn-area {display:flex; height:4.6rem; border-top:1px solid #c9cfd6;}
.cert-btn-box .btn-area > .btn {flex:1; display:inline-flex; justify-content:center; align-items:center; padding:0 1rem;box-sizing:border-box; color:#000; font-weight:500;}
.cert-btn-box .btn-area > .btn + .btn {border-left:1px solid #c9cfd6;}
.cert-btn-box .btn-area > .btn span[class*="ico-type"] {display:block; padding-left:2.4rem; background-position:left center; background-repeat:no-repeat; background-size:1.8rem auto;}
.cert-center-guide .cert-btn-box .btn-area > .btn .ico-type01 {background-image: url(../img/cert/ico_cert_btn01.png)}
.cert-center-guide .cert-btn-box .btn-area > .btn .ico-type02 {background-image: url(../img/cert/ico_cert_btn02.png)}

/* 디지털OTP */
.digital-otp-info .nfft-otp-visual {padding-top:15.6rem; background:url(../img/cert/img_otp_guide_visual02.png) no-repeat center top 0.86rem /12.4rem;}
.digital-otp-info .nfft-otp-visual .title {line-height: 1.4;}
.digital-otp-info .nfft-otp-visual + .content-list {margin-top: 4.1rem;}
.digital-otp-info .digital-otp-guide-wrap .digital-otp-guide li > .title {position: relative; display: block;}
.digital-otp-info .digital-otp-guide-wrap .digital-otp-guide li > .title + .img-box {margin-top: 1.4rem;}
.digital-otp-info .digital-otp-guide-wrap .digital-otp-guide .img-box > img {display: block; width: 100%;}
.digital-otp-info .digital-otp-guide-wrap .digital-otp-guide li + li {margin-top: 4rem;}
.digital-otp-create-code .information-item.type02 > .item-cont {padding: 2.7rem 2rem 1.5rem;}
.digital-otp-create-code .information-item .detail-info .info-box > .title + .text {margin-top: 0.9rem;}
.digital-otp-create-code .information-item .detail-info .info-box + .btn-wrap {margin-top: 1.8rem;}
.digital-otp-create-code .digital-otp-visual {position: relative; padding-top: 20.8rem; background:url(../img/cert/img_digital_otp_visual.png) no-repeat center 8rem / 10.6rem auto; text-align: center; }
.digital-otp-create-code .digital-otp-visual .text {font-size: 1.6rem; color: #000; line-height: 1.5;}
.digital-otp-create-code .digital-otp-visual .text + .btn-wrap {margin-top: 1.6rem;}
.digital-otp-create-code-info .content-info > .title {font-weight: 700; text-align: center;}
.digital-otp-create-code-info .content-info + .content-list {margin-top: 2.4rem;}
.digital-otp-create-code-info .create-code-wrap {position: relative; display: block; padding: 3.2rem 2rem 3rem;  width: 100%; background: #fff; border-radius: 1.6rem;}
.digital-otp-create-code-info .create-code-wrap .random-number-box {text-align: center;}
.digital-otp-create-code-info .create-code-wrap .random-number-box .number {padding: 0.5rem 0.9rem; font-size: 2.4rem; font-weight: 700;}
.digital-otp-create-code-info .create-code-wrap .random-number-box + .certify-box {margin-top: 0.8rem; text-align: center;}
.digital-otp-create-code-info .create-code-wrap .certify-box .time {color: #0e90fe;}
.digital-otp-create-code-info .create-code-wrap .certify-box .time + .btn-wrap {margin-top: 1.1rem;}

/* 인증서발급/재발급 */
.cert-issuance-terms .information-item.type03 .detail-info > .info-box > .text.black{font-weight:400}


/*****************************************
************ 공제(보험) - insu ************
******************************************/

/* 공제료납입 */
.pay-deductible-secu-wrap .information-item.type02 .detail-list + .detail-title {margin-top: 2.4rem; padding-top: 2.4rem; border-top:1px solid #eeeeee;}
.pay-deductible-comp-wrap .information-item.type02 .detail-list + .detail-title {margin-top: 2.4rem; padding-top: 2.4rem; border-top:1px solid #eeeeee;}

/* 	공제(보험) - 공제가입내역조회 -	납입내역 */
/* 예외케이스 */
.insu-history .sorting-info-wrap{border-bottom:1px solid #eeeeee}
.insu-history .sorting-info-wrap .info-box{flex-direction:column;align-items:flex-start}
.insu-history .sorting-info-wrap .info-box .title + .date{margin-top:0.4rem;margin-left:0}
.insu-history .sorting-info-wrap + .total-box{display:flex;align-items:center;justify-content:space-between;margin:0 -1.6rem;padding:0.8rem 1.6rem 0.7rem;font-weight:500;background:#f5f6fa}
.insu-history .sorting-info-wrap + .total-box .title{flex-shrink:0;color:#666678;font-size:1.3rem}
.insu-history .sorting-info-wrap + .total-box .total{padding-left:0.8rem}


/*****************************************
************ 체크카드 - card **************
******************************************/

/* 이용내역조회 */
.details-check-group .details-check-header{display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #eee;padding: 1.8rem 1.6rem 1.6rem;}
.details-check-group .details-check-header .tit{font-weight: 500;}
.details-check-group .date-total-group{padding: 0 1.6rem;}
.details-check-group .sorting-info-wrap {border-bottom:1px solid #eee;}
.details-check-group .details-check-list{padding: 0 1.6rem;}
.details-check-group .details-check-list li{padding: 2.4rem 0;display: flex;justify-content: space-between;}
.details-check-group .details-check-list li + li{border-top:1px solid #eee ;}
.details-check-group .details-check-list .tit{font-weight: 500;width: 16rem;word-break: break-all;}
.details-check-group .details-check-list .text-box{margin-top: 1rem;}
.details-check-group .text-box .text.cancel{color: #f73824;}
.details-check-group .text-box .text{position: relative; color: #666678;font-size: 1.3rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.details-check-group .text-box .text + .text::before{content: "";display:inline-block;vertical-align: middle;margin: 0 0.5rem 0 0.3rem;width: 1px;height: 1rem; background: #c9cfd6;}
.details-check-group .details-check-list .total-box{position: relative;width: 10rem;}
.details-check-group .details-check-list .total-num{text-align: right;}
.details-check-group .details-check-list .total-num > span{font-size: 1.6rem; font-weight: 700;vertical-align: middle;}
.details-check-group .details-check-list .total-num .num.cancel{text-decoration-line: line-through;}
.details-check-group .details-check-list .total-num span.won{font-size: 1.4rem;margin-left: -0.2rem;}
.details-check-group .details-check-list .texts + .texts{margin-top: 0.4rem;}
.details-check-group .details-check-list .card-text{display: block;margin-top: 0.4rem;color: #666678;font-size: 1.3rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.details-check-group .details-check-list .btn-wrap {position: absolute;bottom: 0;right: 0;}
.details-check-group .details-check-list .btn-wrap .arrow{color: #0e90fe;font-size: 1.3rem; font-weight: 500;position: relative;padding-right: 1.4rem;}
.details-check-group .details-check-list .btn-wrap .arrow::after{content: "";content: "";display: block;width: 0.6rem;height: 0.6rem;border-top: 1px solid #0e90fe;border-right: 1px solid #0e90fe;position: absolute;right: .3rem;top: 0.5rem;transform: rotate( 45deg);}
.details-check-group .details-check-list li.no-result-li{display: block;}
.details-check-group .date-total-group{border-bottom:1px solid #eee ;}
.details-check-group .date-total-group .text-box{margin-top: .4rem;}

/* 체크카드 - 카드 정보박스 */
.information-item.type02 .card-box{display:flex;align-items:center;position:relative} 
.information-item.type02 .card-box.flex-start{align-items:flex-start;}
.information-item.type02 .card-box .card-img{flex-shrink:0;overflow:hidden;width:25.5vw;height:16vw;border-radius:1.1vw} 
.information-item.type02 .card-box .card-img img{width:100%;height:100%}
.information-item.type02 .card-box .card-info{flex:1;margin-left:1.6rem;padding-right:1.6rem}
.information-item.type02 .card-box .card-info > .title,
.information-item.type02 .card-box .card-info > .text{display:block}
.information-item.type02 .card-box .card-info > .title{font-weight:700;word-break:break-all;}
.information-item.type02 .card-box .card-info > .text{margin-top:0.4rem}
.information-item.type02 .card-box .card-info > .title + .team {margin-top: 0.8rem;}
.information-item.type02 .card-box .card-info > .date,
.information-item.type02 .card-box .card-info > .status {font-size: 1.3rem; color: #666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.information-item.type02 .card-box .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.information-item.type02 .card-box .btn.accordion{display:block;width:100%;height:100%}
.information-item.type02 .card-box + .detail-list{margin-top:2rem}

/* 카드사고신고 */
.card-accident-cancellation-apply .content-item > .item-box:last-child {margin-top: 3rem;}

/* 카드해지 */
.card-cancellation-list .content-list .content-item + .content-item {margin-top: 2.4rem;}

/* 혜택보기_팝업_아코디언리스트 */
.card_introd_prospecs {word-break: break-all;}
.card_introd_prospecs .product_accodion.bot_none{ border-bottom: 0;}
.card_introd_prospecs .product_accodion.top_case{border-top: 1px solid #ccc;}
.card_introd_prospecs .product_accodion dt button {position: relative;display: block;width: 100%;text-align: left;padding: 1.8rem 4.6rem 1em 5rem;color: #000000;font-size: 1.6rem;font-weight: 500;}
.card_introd_prospecs .product_accodion dt button:after {content: '';display: block;position: absolute;top: 50%;right: 1.8rem;transform: translateY(-50%) rotate(0deg);width: 1.2rem;height: 0.66rem;background: url(../img/common/ico_arrow01.png)no-repeat 0 0/1.2rem auto;}
.card_introd_prospecs .product_accodion dt button.active:after {transform: translateY(-50%) rotate(-180deg);}
.card_introd_prospecs .product_accodion .js_accodion > dd { padding:2.0rem; background-color: #f8f8f8;border-top: 1px solid #e6e6e6;}
.card_introd_prospecs .product_accodion.card_case +.product_accodion.card_case{border-top: 1px solid #e6e6e6;}
.card_introd_prospecs .product_accodion.card_case::after{ content: ''; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0;}
.card_introd_prospecs .product_accodion.card_case dt button{word-break: keep-all;}
.card_introd_prospecs .product_accodion.card_case dt button::before{content: '';position: absolute; left: 1.6rem; top: 50%;transform: translateY(-50%); width: 2.4rem; height: 2.4rem;}
.card_introd_prospecs .full_content .product_accodion.card_case:last-of-type{border-bottom:1px solid #e6e6e6;}/* 240808 카드혜택 상세 */
/*통신비*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon01 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% 0/2.4rem auto;}
/*WEEKDAY 할인*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon02 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -2.4rem/2.4rem auto;}
/*기본적립*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon03 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -4.8rem/2.4rem auto;height: 2.2rem;}
/*추가적립*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon04 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -6.99rem/2.4rem auto;height: 1.87rem;}
/*캐시백*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon05 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -8.89rem/2.4rem auto;}
/*사랑의좀도리운동*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon06 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -11.3rem/2.4rem auto;}
/*해외이용안내*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon07 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -13.67rem/2.4rem auto;}
/*포인트적립*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon08 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -16.05rem/2.4rem auto;}
/*포인트 캐시백입금*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon09 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -18.48rem/2.4rem auto;}
/*소액신용(bc카드)*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon10 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -20.89rem/2.4rem auto;height: 2.2rem;}
/*카드 상세정보/서비스 이용안내 및 제공조건*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon11 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -23.1rem/2.4rem auto;}
/*온라인 간편결제*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon12 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -25.61rem/2.4rem auto;height: 2.11rem;}
/*영화*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon13 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -27.75rem/2.4rem auto;height: 2.54rem;}
/*온라인 어학시험*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon14 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -30.29rem/2.4rem auto;height: 1.99rem;}
/*병원,약국*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon15 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -32.28rem/2.4rem auto;height: 2.23rem;}
/*골프장*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon16 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -34.5rem/2.4rem auto;height: 2.3rem;}
/*대형마트,백화점*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon17 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -36.8rem/2.4rem auto;height: 1.85rem;}
/*숙박업종*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon18 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -38.66rem/2.4rem auto;height: 1.47rem;}
/*자동차정비*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon19 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -40.12rem/2.4rem auto;height: 1.75rem;}
/*교통*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon20 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -41.9rem/2.4rem auto;height: 2.1rem;}
/*베이커리*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon21 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -44rem/2.4rem auto;height: 1.8rem;}
/*편의점*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon22 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -45.85rem/2.4rem auto;height: 2.1rem;}
/*스포츠,레저*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon23 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -47.93rem/2.4rem auto; height: 2.4rem;}
/*레스토랑,스타일푸드*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon24 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -50.32rem/2.4rem auto; height: 2.3rem;}
/*쇼핑,홈쇼핑*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon25 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -52.61rem/2.4rem auto;}
/*커피*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon26 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -55.05rem/2.4rem auto; height: 2.65rem;}
/*뷰티업종*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon27 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -57.7rem/2.4rem auto;height: 2.63rem;}
/*공연,문화공연*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon28 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -60.35rem/2.4rem auto;height: 2.87rem}
/*학원*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon29 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -30.29rem/2.4rem auto;height: 1.98rem;}
/*주유*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon30 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -63.23rem/2.4rem auto;height: 2.15rem;}
/*도서*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon31 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -65.4rem/2.4rem auto;height: 1.65rem;}
/*그린카드 서비스*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon32 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -67.05rem/2.4rem auto;height: 1.9rem;}
/*카카오 페이*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon33 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -68.95rem/2.4rem auto;}
/*소셜커머스*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon34 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -71.35rem/2.4rem auto;}
/*어학응시료*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon35 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -73.8rem/2.4rem auto;}
/*전통시장*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon36 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -76.2rem/2.4rem auto;height: 2.15rem;}
/*나들가게*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon37 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -78.32rem/2.4rem auto;height: 1.8rem;}
/*SMS 알림서비스 이용료 면제*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon38 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -80.12rem/2.4rem auto;height: 2.38rem;}
/*GIFT CARD 신청*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon39 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -82.5rem/2.4rem auto;height: 1.98rem;}
/*여행 서비스*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon40 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -84.48rem/2.4rem auto;}
/*Biz MG법인체크카드 발급 기념 이벤트*/
.card_introd_prospecs .product_accodion.card_case dt.card_case_icon41 button::before{ background: url("../img/card_introduce/ico_card_case.png") no-repeat 50% -86.89rem/2.4rem auto;}
.card_introd_prospecs .dot_list > li strong{ display: inline-block; color: #555; font-size: 1.4rem;font-weight: 500;}
.card_introd_prospecs .square_list dt{font-weight: 700;font-size: 16px; color: #555;}
.card_introd_prospecs .square_list dt + dd{margin-top: 1.6rem;}
.card_introd_prospecs table th{background: #f8f8f8;}
.card_introd_prospecs table th, .card_introd_prospecs table td {line-height: 1.2;box-sizing: border-box;overflow-wrap: break-word;}
.card_introd_prospecs table tr + tr th,.card_introd_prospecs table tr + tr td {border-top: 1px solid #e6e6e6;}
.card_introd_prospecs .js_accodion thead th{background: #f5f6fa; border-bottom:1px solid #e6e6e6; color:black;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .js_accodion tbody th.head{background: #f5f6fa; font-weight: 500; color:black;}/* 240808 카드혜택 상세 */
.card_introd_prospecs tbody td{background: #fff; color:#555;}
.card_introd_prospecs .table_list{ position: relative;text-align: center;word-break: break-word;border-top: 1px solid #000;border-bottom: 1px solid #e6e6e6;font-size: 1.4rem;}
.card_introd_prospecs .table_list thead th:last-child, .table_list tbody td:last-child{border-right:none}
.card_introd_prospecs .table_list th, 
.card_introd_prospecs .table_list td{border-right: 1px solid #e6e6e6;text-align: center !important;padding: 1.5rem .5rem 1.4rem 1.0rem;}
.card_introd_prospecs .table_list th.txt_left, 
.card_introd_prospecs .table_list td.txt_left{ text-align: left !important;}
.card_introd_prospecs thead th{font-weight: 500;}
.card_introd_prospecs tbody th{background: #fff;font-weight: 400; color: #555555; word-break: keep-all;}
.card_introd_prospecs .txt_star{margin-top: 14px;color: #777;font-weight: 400;font-size: 1.4rem;}
.card_introd_prospecs .txt_star.type_bullet01{position:relative; padding-left:1.6rem; margin-top: 0.6rem;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .txt_star.type_bullet01:before{content:'※'; position:absolute; top:0; left:0;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .txt_star.type_bullet02{position:relative; padding-left:1.0rem; margin-top: 0.6rem; color:#555; font-weight:700;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .txt_star.type_bullet02:before{content:'*'; position:absolute; top:0; left:0;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .txt_star.type_bullet03{position:relative; padding-left:1.0rem; margin-top: 0.6rem;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .txt_star.type_bullet03:before{content:'*'; position:absolute; top:.4rem; left:0;}/* 240808 카드혜택 상세 */
.card_introd_prospecs .dot_list.color_777{background: #f8f8f8;padding: 2.2rem;}
.card_introd_prospecs .dot_list.color_777 > li {margin-bottom: 1rem; padding-left:1.2rem; text-indent: 0; font-size: 1.4rem; line-height: 1.3; position: relative; color: #555; word-break: break-word;}
.card_introd_prospecs .dot_list.color_777 > li::after{ content: ''; position: absolute; background: #666; border-radius: 50%; width:.3rem; height:.3rem; left: 0; top:.7rem;}
.card_introd_prospecs .dot_list.color_777 > li::before{display: none;}
.card_introd_prospecs .dot_list.color_777 > li:last-child{ margin-bottom: 0;}
.card_introd_prospecs .dot_list.color_777 .dash_list > li {margin-bottom: 1rem; padding-left:1.2rem; text-indent: 0; font-size: 1.4rem; line-height: 1.3; position: relative; color: #555;}
.card_introd_prospecs .dot_list.color_777 .dash_list > li::after{ content: ''; position: absolute; background: #666; width: .5rem; height: .1rem; left: 0; top:.8rem;}
.card_introd_prospecs .dot_list.color_777 .dash_list > li:last-child{ margin-bottom: 0;}
.card_introd_prospecs .dot_list.product_law{background: #f8f8f8;padding: 2.2rem;}
.card_introd_prospecs .dot_list.product_law > li {margin-bottom: 1rem; padding-left:1.2rem; text-indent: 0; font-size: 14px; line-height: 1.3; position: relative; color: #000; word-break: break-word;}
.card_introd_prospecs .dot_list.product_law > li::after{ content: ''; position: absolute; background: #666; border-radius: 50%; width:.3rem; height:.3rem; left: 0; top:.7rem;}
.card_introd_prospecs .dot_list.product_law > li::before{display: none;}
.card_introd_prospecs .dot_list.product_law > li:last-child{ margin-bottom: 0;}
.card_introd_prospecs .dot_list.color_777 + .dot_list.product_law{padding: 0 0 2.2rem 2.2rem;margin-top: -1.4rem;}
.card_introd_prospecs .btn_sub_area{margin-top: 2rem;display: flex;align-items: center;justify-content: center;position: relative;}
.card_introd_prospecs .btn_sub_area .btn_round_green_medium{height: 3.6rem;font-size: 1.3rem;border-radius: 0.6rem;color: #666678;border: 1px solid #a4adb8;background: #fff;flex: 1;display: inline-flex;justify-content: center;align-items: center;position: relative;padding: 0 1rem;font-weight: 700;box-sizing: border-box;}
.card_introd_prospecs .mtTop {margin-top: 2.4rem !important;}
.card_introd_prospecs .mtXL {margin-top: 4rem;}
.card_introd_prospecs .mtL {margin-top: 2rem !important;}
.card_introd_prospecs .mtM {margin-top: 1.0rem;}
.card_introd_prospecs .mtS {margin-top: .6rem;}
/* [S] fade out style - 250916 - 숫자명시된 마진 클래스 앞으로 사용X (인뱅에도 같은 코드로 들어가고 마진값이 달라지기 때문에) */
.card_introd_prospecs .mt40 {margin-top: 4rem;}
.card_introd_prospecs .mt30 {margin-top: 3rem;}
.card_introd_prospecs .mt28 {margin-top: 2.8rem !important;}
.card_introd_prospecs .mt20 {margin-top: 2rem;}
.card_introd_prospecs .mt15 {margin-top: 1.5rem;}
.card_introd_prospecs .mt12 {margin-top: 1.2rem;}
.card_introd_prospecs .mt6 {margin-top: .6rem;}
/* [E] fade out style */
.card_introd_prospecs.discount .con_tit01{color: #000; font-size: 1.6rem;font-weight: 700;margin: 2rem 0 1.2rem;}
.card_introd_prospecs.discount .dot_list.color_777 {background: #fff;padding: 0 0;}
.card_introd_prospecs .card-benefit-total .bullet{background: none;}
.card_introd_prospecs .marker-group li:before{display: none;}
.card_introd_prospecs strong > em{ display: block;color: #000; font-size: 1.6rem;font-weight: 700; margin: .5rem 0 1.2rem; margin-bottom: .5rem; }
.card_introd_prospecs .dot_list > li {margin-bottom: 2.4rem; padding-left: 1.1rem !important; text-indent: 0; line-height: 1.3;  position: relative; color: #555; word-break: break-word; font-size: 1.4rem;}/* 240808 카드혜택 상세 | margin-bottom */
.card_introd_prospecs .dot_list.common_cont > li {margin-bottom: 1.2rem; }
.card_introd_prospecs .dot_list > li:not(.no_append):after{ content: ''; position: absolute; background: #666; border-radius: 50%; width: .3rem; height: .3rem; left: 0; top: .7rem}
.card_introd_prospecs .dot_list > li:not(:has(ul)){ margin-bottom: 1.2rem;}
.card_introd_prospecs .dot_list > li:last-child{ margin-bottom: 0;}
.card_introd_prospecs .dash_list > li {margin-bottom: .5rem; padding-left: 1.1rem !important; text-indent: 0; line-height: 1.3;  position: relative; color: #555;}
.card_introd_prospecs .dash_list .dash_list > li {color: #777;}
.card_introd_prospecs .dash_list > li:not(.no_append):after{ content: ''; position: absolute; background: #777; width: .4rem; height: .1rem; left: 0; top:.8rem;}
.card_introd_prospecs .dash_list > li:last-child{ margin-bottom: 0;}
.card_introd_prospecs .txt_num_list > li {margin-bottom: .5rem; line-height: 1.3;  position: relative; color: #555; text-indent: -1.6rem; padding-left: 1.6rem;}
.card_introd_prospecs .txt_num_list > li strong{ display: block;  color: #222; margin-bottom: .4rem;}
.card_introd_prospecs .txt_num_list > li:last-child{ margin-bottom: 0;}
.card_introd_prospecs .txt_num_list > .list_tit {margin-left: -1.5rem; }
.card_introd_prospecs .txt_num_list > li.num{text-indent: -2rem; padding-left: 1.3rem;} /*10이상일 경우*/
.card_introd_prospecs .sub_txt_fs13{margin:1rem 0 0.6rem 0; font-size: 1.4rem !important; color: #555; font-weight:500;}
.card_introd_prospecs .sub_txt_fs14{font-size: 1.4rem !important; color: #222;}
.card_introd_prospecs .sub_txt_fs15{font-size: 1.7rem !important; color: #222;}
.card_introd_prospecs .sub_txt_fs16{font-size: 1.8rem !important; color: #222; line-height: 1.4;}
.card_introd_prospecs + .btn-wrap{ margin-top: 4rem;}
.card_introd_prospecs .table_list_wrap + .dot_list{margin-top:.6rem;}
.card_introd_prospecs .top_space{margin:2.5rem 0 1.5rem;}
.card_introd_prospecs .font_b { font-weight: 700; }
.card_introd_prospecs .font_bk { color:#000 !important; }

/* 체크카드 - MY라운지 */
.my-lounge-wrap .content-header.type01 .btn-wrap.btn-full {margin:0 -2rem; display: block;}
.my-lounge-wrap .content-header.type01 .btn-wrap.btn-full .btn {font-size: 1.6rem; font-weight: bold; padding:1.6rem 1.8rem; color:#000000; display: block; position: relative;}
.my-lounge-wrap .content-header.type01 .btn-wrap.btn-full .btn::after {content:''; position: absolute; background-image: url(../img/common/ico_arrow01.png); width: 1.2rem; height: 0.7rem; background-repeat: no-repeat; background-size: cover; right:1.8rem; top:50%; transform: translateY(-50%);}
.my-lounge-wrap .my-profile-area {background-image: url(../img/card/img_top-icon.png);background-size: 7rem 6.6rem; background-repeat: no-repeat; background-position: right center;}
.my-lounge-wrap .my-profile-area > .date-total-text {padding:2.3rem 0 2.1rem;}
.my-lounge-wrap .my-profile-area > .date-total-text > .text {font-weight:500;}
.my-lounge-wrap .my-profile-area > .date-total-text > .text + .total {margin-top:0.4rem;}
.my-lounge-wrap .my-profile-area > .date-total-text > .total {color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.my-lounge-wrap .my-profile-area > .date-total-text > .total > ul {display: flex;}
.my-lounge-wrap .my-profile-area > .date-total-text > .total > ul > li {position: relative; margin:0 0.8rem 0 0.8rem; font-size:1.3rem}
.my-lounge-wrap .my-profile-area > .date-total-text > .total > ul > li:first-child {margin-left: 0;}
.my-lounge-wrap .my-profile-area > .date-total-text > .total > ul > li::after{content:''; position: absolute; right:-0.7rem; top:calc(50% - 0.1rem); transform: translateY(-50%); width: 0.1rem; height: 1rem; background-color: #eeeeee;}
.my-lounge-wrap .my-profile-area > .date-total-text > .total > ul > li:last-child:after {content:none;}
.my-lounge-wrap .information-item .total-num-box .amount-box > a {display: inline-block; padding-right: 1.6rem; position: relative;}
.my-lounge-wrap .information-item .total-num-box .amount-box > a::after {content:''; position: absolute; top:50%; transform: translateY(-50%); right:0; background-image: url(../img/common/ui_btn_cal_next.png); background-size: cover; width: 0.8rem; height: 1.2rem; background-repeat: no-repeat;}
.my-lounge-wrap .information-item .total-num-box .amount-box > a > .amount {font-size: 2.4rem; font-weight: 700;}
.my-lounge-wrap .information-item .total-num-box .amount-box > a >.won {font-size: 2.2rem; font-weight: 700;}
.my-lounge-wrap .information-item.type02 .cardswiper {overflow: hidden;}
.my-lounge-wrap .information-item.type02 .swiper-wrapper{height:auto}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide {display: flex; flex-direction: column; align-items: center;height:auto}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-title {display: inline-block; margin-bottom: 1.5rem; font-size: 1.6rem; font-weight: 500;}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-image-wrap {position:relative;}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-image-wrap:before {content:'';display:block;position:absolute;left:5%;right:5%;bottom:0;height:50%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6);}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-image {overflow:hidden;position:relative;display:block;width:43.9vw;height:27.7vw;margin:0 auto; text-align: center;border-radius:1.66vw}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-image img {width: 100%; height: 100%;border-radius:1.66vw}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-image-wrap + .card-num{margin-top:1.6rem}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .card-num {font-size: 1.4rem; font-weight: 700;}
.my-lounge-wrap .information-item.type02 .swiper-wrapper .swiper-slide .text {font-size: 1.3rem; color:#666678; display: inline-block; margin-top: 0.5rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.my-lounge-wrap .information-item.type02 .pagination-area {text-align: center; margin-top: 1.5rem;}
.my-lounge-wrap .information-item.type02 .pagination-area .swiper-pagination-current {color:#0e90fe; font-weight: bold;}
.my-lounge-wrap .information-item.type02 .pagination-area .swiper-pagination-total {color:#666678;}
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-prev,
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);margin-top:-4.3rem;width:4rem;height:4rem;background:url('../img/card/icon_arrow_active.png')no-repeat center/1.8rem auto}
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-prev{left:1.1em;transform:translateY(-50%) rotate(-180deg);}
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-next{right:1.1em}
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-disabled{background-image:url('../img/card/icon_arrow_disabled.png');}
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-next.swiper-button-disabled{transform:translateY(-50%) rotate(-180deg);}
.my-lounge-wrap .information-item.type02 .btn-area .swiper-button-prev.swiper-button-disabled{transform:translateY(-50%) rotate(0deg);}
.my-lounge-wrap .information-item.type02 > .item-cont > .total-num-box + .detail-list {border-top:0;}
.my-lounge-wrap .content-list .content-header {margin-top: 3.9rem; padding:0;}
.my-lounge-wrap .content-list .content-header .btn {display: block; padding:1.6rem 2rem; position: relative; font-size: 1.4rem; font-weight:500;}
.my-lounge-wrap .content-list .content-header .btn::after {content:''; position: absolute; right:2.2rem; top:50%; transform: translateY(-50%); background-image: url(../img/common/icon_54_arrow_right_.png); width: 0.7rem; height: 1.3rem; background-size: cover; background-repeat: no-repeat;}
.my-lounge-wrap .content-list .content-item.bg-white {margin:0 -1.6rem;}
.my-lounge-wrap .content-list .content-item.bg-white .item-title + .item-box {margin-top: 0;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area > ul > li {padding:0 1.6rem;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area > ul > li + li .clfx {border-top: 1px solid #eeeeee;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx {background-color: #fff; display: inline-block; width: 100%; padding:2.4rem 0;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx::after {content:''; clear: both;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .left {float: left;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .right {float: right;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .tit {font-size: 1.4rem; font-weight: 500;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .tit + .data {margin-top:0.6rem;}
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .data {font-size: 1.3rem; color:#666678; display: block;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .text {margin-top:0.3rem; font-size: 1.3rem; color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.my-lounge-wrap .content-list .content-item.bg-white .usage-history-area .clfx .price {font-size: 1.6rem; font-weight: bold;}

/* 이용대금명세서 */
.usage-details-check .information-item .total-num-box {padding-bottom: 0;}
.usage-details-check .information-item .total-num-box + .detail-title {padding-top: 3.2rem;}


/*****************************************
************ 비대면센터 - nfft ************
******************************************/

/* 공통 */

/* 비대면 목록 */
.contactless-wrap .contactless-list .item-box > .quick-link-box > .quick-link.ico-type01::before {background-image: url(../img/nfft/icon_cont_type01.png)}
.contactless-wrap .contactless-list .item-box > .quick-link-box > .quick-link.ico-type02::before {background-image: url(../img/nfft/icon_cont_type02.png)}
.contactless-wrap .contactless-list .item-box > .quick-link-box > .quick-link.ico-type03::before {background-image: url(../img/nfft/icon_cont_type03.png)}

/* 이체한도관리 */

/* 디지털OTP발급 */
.nfft-otp .quick-link-box > .quick-link.ico-type01:before {background-image:url(../img/nfft/icon_nfftotp_type01.png);}
.nfft-otp .quick-link-box > .quick-link.ico-type02:before {background-image:url(../img/nfft/icon_nfftotp_type02.png);}
.nfft-otp-visual {padding-top:15rem; background:url(../img/nfft/img_nfftotp_visual.png) no-repeat center top/11.2rem; text-align:center;}
.nfft-otp-visual .title {font-size:2rem; font-weight:700;}
.nfft-otp-visual .text {text-align:center; font-size:1.4rem;}
.nfft-otp-visual .title + .text {margin-top:1rem; line-height:1.5; color:#666678;}
.nfft-otp-visual + .content-list {margin-top:3.6rem;}

/* 비밀번호 변경/상태회복 */
.password-change-recovery-info .quick-link-box .quick-link.ico-type01:before {background-image: url(../img/nfft/icon_cont_type01.png);}

/* 비대면 실명확인 */
.nfft-real-name-verification-prepare .dotted-step-wrap {margin-bottom: 3.9rem; padding: 0 0.3rem;}
.nfft-real-name-verification .nfft-verify-wrap + .content-list,
.nfft-real-name-verification .nfft-verify-wrap + .accordion-wrap.type01 {margin-top: 4rem;}
.nfft-real-name-verification .nfft-verify-wrap {position: relative;padding-top: 15rem;}
.nfft-real-name-verification.account .nfft-verify-wrap {padding-top: 0;}
.nfft-real-name-verification.account .nfft-verify-wrap:before {display: none;}
.nfft-real-name-verification .nfft-verify-wrap .verify-photo{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 32.8rem;height: 13.3rem;}
.nfft-real-name-verification .nfft-verify-wrap .verify-photo img{width: auto;height: 100%;display: block;margin: 0 auto;}
.nfft-real-name-verification .nfft-verify-wrap.type01 {background: url(../img/nfft/img_nfftid_visual01.png) no-repeat center top/17.2rem auto}
.nfft-real-name-verification .nfft-verify-wrap.type02 {background: url(../img/nfft/img_nffttransfer_visual02.png?v=20241119) no-repeat center top 0.8rem/17.2rem auto}
.nfft-real-name-verification .nfft-verify-wrap.type03 {background: url(../img/nfft/img_nffttransfer_visual04.png) no-repeat center top 0.8rem/17.2rem auto}
.nfft-real-name-verification .nfft-verify-wrap .verify-text,
.nfft-real-name-verification .nfft-verify-wrap .text {display: block;text-align: center;word-break: keep-all;}
.nfft-real-name-verification .nfft-verify-wrap .verify-text {font-size: 2rem;line-height: 1.4;font-weight: 500;}
.nfft-real-name-verification .nfft-verify-wrap .text {line-height: 1.5;color: #666678;}
.nfft-real-name-verification .nfft-verify-wrap .verify-info + .verify-detail-info {margin-top: 1.1rem;}
.nfft-real-name-verification .nfft-id-verify-guide {padding-top: 0.6rem;}
.nfft-real-name-verification .nfft-id-verify-guide ol {counter-reset:var-count;}
.nfft-real-name-verification .nfft-id-verify-guide ol > li {position: relative;font-size:1.4rem;font-weight:500;line-height:1.4;word-break:keep-all;letter-spacing:-0.05rem}
.nfft-real-name-verification .nfft-id-verify-guide ol > li:before{counter-increment:var-count;content:counter(var-count)'.';padding-right:0.2rem;top:0;font-size:1.4rem}
.nfft-real-name-verification .nfft-id-verify-guide ol > li + li {margin-top: 3rem;}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .bullet-list.type01 {margin-top: 1rem;}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .id-verify-ico ul > li {padding-left: 6.36rem;}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .id-verify-ico ul > li:after {content: '';display: block;position: absolute;top:0.2rem;left:1.2rem;width: 4.3rem;height: 3.2rem;background-repeat: no-repeat;background-size: cover;}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .id-verify-ico ul > li:nth-child(1):after {background-image: url(../img/nfft/ico_nfftid_type01.png);}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .id-verify-ico ul > li:nth-child(2):after {background-image: url(../img/nfft/ico_nfftid_type02.png);}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .id-verify-ico ul > li:nth-child(3):after {background-image: url(../img/nfft/ico_nfftid_type03.png);}
.nfft-real-name-verification .nfft-id-verify-guide ol > li > .id-verify-ico ul > li:nth-child(4):after {background-image: url(../img/nfft/ico_nfftid_type04.png);}
.nfft-real-name-verification.account .tab-heading-wrap.type02 {padding-bottom: 4.4rem;}


/*****************************************
********** 승인결재통제 - appr ************
******************************************/

/* 결재선 */
.approval-wrap .content-header.type01 {padding:0 1.6rem;}
.approval-wrap .content-header.type02 {padding:2.4rem 1.6rem 0;}
.approval-wrap .content-header.type03 {padding:0 1.6rem 2.4rem;}
.approval-wrap .content-header.type04 {padding:0;}
.approval-wrap .appr-accordion > .accordion-header .btn.accordion {position: relative; padding: 2rem 2rem 2rem 0; width: 100%; color: #000000; text-align: left;}
.approval-wrap .appr-accordion > .accordion-header .btn.accordion > .text-box {font-size: 1.4rem;}
.approval-wrap .appr-accordion > .accordion-header .btn.accordion::before {content: ''; display: block; position: absolute; top: 50%; right: 0.2rem; transform: translateY(-50%) rotate(-180deg); width: 1.2rem; height: 0.66rem; background: url(../img/common/ico_arrow03.png)no-repeat 0 0/1.2rem auto;}
.approval-wrap .appr-accordion > .accordion-header .btn.accordion.active::before {transform: translateY(-50%) rotate(0deg);}
.approval-wrap .appr-accordion > .accordion-content {margin-bottom: 2.6rem;}
.approval-wrap .appr-accordion > .accordion-content {margin-bottom: 2.6rem;}
.approval-wrap .appr-accordion > .accordion-content > .state-box:first-child {margin-top: 0;}
.approval-wrap .appr-accordion > .accordion-content > .state-box {margin-top: 3rem;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-title {margin-top: 1.2rem;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-title > .title {font-weight: 500;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-title + .state-list {margin-top: 0.5rem;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul {display: flex; margin:-0.3rem; flex-wrap: wrap;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li {flex:0 1 auto; margin: 0.3rem; text-align: center;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn {position: relative; padding:0 2.5rem; border:1px solid #c9cfd6; border-radius: 2rem; line-height: 3.2rem;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.on {border:1px solid transparent; background-color: #333340; color:#fff;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-nomarl,
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-regi,
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-stop,
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-dele {padding: 0 2rem 0 3rem;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-nomarl::before {content:''; position: absolute; top:50%; left: 1.2rem; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background-image: url(../img/appr/icon_normal_sm.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-regi::before {content:''; position: absolute; top:50%; left: 1.2rem; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background-image: url(../img/appr/icon_regi_sm.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-stop::before {content:''; position: absolute; top:50%; left: 1.2rem; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background-image: url(../img/appr/icon_stop_sm.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .appr-accordion > .accordion-content > .state-box > .state-list > ul > li > .btn.btn-dele::before {content:''; position: absolute; top:50%; left: 1.2rem; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background-image: url(../img/appr/icon_dele_sm.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .user-state-area {display: flex; align-items: center; margin-top: 2.4rem;}
.approval-wrap .user-state-area .state-title {padding:1.2rem 0;}
.approval-wrap .user-state-area .state-title .title {font-weight: 500;}
.approval-wrap .user-state-area > .state-list { margin-left: 2.2rem;width:100%}
.approval-wrap .user-state-area > .state-list > ul {display: flex;justify-content:space-around;}
.approval-wrap .user-state-area > .state-list > ul > li {text-align: center;}
.approval-wrap .user-state-area > .state-list > ul > li > .text {display: inline-block; position: relative; padding-top: 2.4rem; font-size:1.3rem;}
.approval-wrap .user-state-area > .state-list > ul > li > .text.normal-type::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%) translateZ(0); width: 1.9rem; height: 1.8rem; background-image: url(../img/appr/icon_normal.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .user-state-area > .state-list > ul > li > .text.regi-type::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%) translateZ(0); width: 1.9rem; height: 1.8rem; background-image: url(../img/appr/icon_regi.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .user-state-area > .state-list > ul > li > .text.stop-type::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%) translateZ(0); width: 1.9rem; height: 1.8rem; background-image: url(../img/appr/icon_stop.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .user-state-area > .state-list > ul > li > .text.dele-type::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%) translateZ(0); width: 1.9rem; height: 1.8rem; background-image: url(../img/appr/icon_dele.png); background-size: cover; background-repeat: no-repeat;}
.approval-wrap .tooltip-wrap > .btn.tooltip > .text {font-weight: 500;}
.approval-wrap .tooltip-wrap > .btn.tooltip > .text.type01 {color:#0e90fe;}
.approval-wrap .tooltip-wrap > .btn.tooltip > .text.type02 {color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.approval-wrap .tooltip-wrap > .btn.tooltip > .text.type03 {color:#ef7d21;}

/* 하위사용자 */
.approval-wrap .menu-form-area {padding: 2.5rem 2rem; border-radius: 1.6rem; background-color: #f5f6fa;}
.approval-wrap .menu-form-area > ul > li {margin-top: 1rem;}
.approval-wrap .menu-form-area > ul > li:first-child {margin-top: 0;}
.approval-wrap .menu-form-area > ul > li > .title {position: relative; line-height: 2rem; display: block; padding-left: 2.5rem;}
.approval-wrap .menu-form-area > ul > li > .title em {width: 100%; padding-right:1.4rem; color:#000; font-weight: 500; word-break: break-all;}
.approval-wrap .menu-form-area > ul > li > .title span {color:#666678;}
.approval-wrap .menu-form-area > ul > li > .title.first::before {content:'1'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #0e90fe; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area > ul > li > .title.second::before {content:'2'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #4a80e3; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area > ul > li > .title.third::before {content:'3'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #2ab4c4; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area > ul > li > .title.fourth::before {content:'4'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #00ab75; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area > ul > li > .title.fifth::before {content:'5'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #f73824; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area > ul > li > .title.sixth::before {content:'6'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #666678; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.approval-wrap .menu-form-area.type01 {border:1px solid #eeeeee; border-radius: 1.8rem; background-color: transparent;}
.approval-wrap .menu-form-area.type01 > ul > li {display: flex; justify-content: space-between;}
.approval-wrap .menu-form-area.type01 > ul > li > .text {position: relative; flex:1; padding-left: 2.3rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text:first-child {padding-right: 0.7rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text.first::before {content:'1'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #0e90fe; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text.second::before {content:'2'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #4a80e3; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text.third::before {content:'3'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #2ab4c4; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text.fourth::before {content:'4'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #00ab75; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text.fifth::before {content:'5'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #f73824; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}
.approval-wrap .menu-form-area.type01 > ul > li > .text.sixth::before {content:'6'; position: absolute; top:0; left:0; display: inline-flex; justify-content: center; align-items: center; background-color: #666678; border-radius: 50%; color:#fff; width: 1.8rem; height: 1.8rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.approval-wrap .info-appr-area.type02 {border-top:1px solid #eee; border-radius: 0; padding: 1rem 0 0;}

/* 결재함 */
.paid-wrap .state-area {margin-top: 2.4rem;}
.paid-wrap .state-area .state-info {background-color: #fff; padding:1.7rem 1rem; border-radius: 1.7rem;}
.paid-wrap .state-area .state-info > ul {display: flex;}
.paid-wrap .state-area .state-info > ul > li {flex:1; text-align: center;}
.paid-wrap .state-area .state-info > ul > li > .info-state-box {display: inline-flex; flex-direction: column; align-items: center;}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .number {display: inline-block; margin-top: 1rem;}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state { position:relative;padding:0.4rem 0.7rem 0.3rem;font-size:1.3rem;font-weight:500;border-radius:0.4rem} 
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state.type01{color:#00ab75;background:#e8f9f5}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state.type02{color:#a4adb8;background:#edf1f6}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state.type03{color:#7874d5;background:#f3f3ff}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state.type04{color:#ef7d21;background:#fff2e7}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state.type05{color:#e87784;background:#fff4f5}
.paid-wrap .state-area .state-info > ul > li > .info-state-box .state.type06{color:#4a80e3;background:#f0f5fe}

/* 하위사용자 메뉴권한 */
.authority-area {padding: 2.6rem; border-radius: 1.6rem; background-color: #ffffff;}
.authority-area > ul {display: flex; flex-wrap: wrap; margin:-0.8rem}
.authority-area > ul > li {flex:0 1 calc(33.333% - 1.6rem); text-align: center; margin:0.8rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.authority-area > ul > li > .text {position: relative; word-break: break-all; flex:auto; display: flex; align-items: center; font-size:1.3rem;}
.authority-area > ul > li > .suc,
.authority-area > ul > li > .fai {flex:0;}
.authority-area > ul > li > .suc::after {content:''; display: block; width: 1.2rem; height: 1.2rem; background-image: url(../img/common/icon_succes_sm.png); background-size: 1.2rem; margin: 1.2rem auto 0;}
.authority-area > ul > li > .fai::after {content:''; display: block; width: 1.2rem; height: 1.2rem; background-image: url(../img/common/icon_fail_sm01.png); background-size: 1.2rem; margin: 1.2rem auto 0;}

/* content-header */
.approval-wrap .content-header .content-item .information-item.type03.bg-grey + .inp-box.inp-type03 {margin-top:2.4rem;}
.approval-wrap .content-header .content-item .information-item + .inp-box.inp-type03.search {margin-top:2rem;}
.approval-wrap .content-header .content-item .text {font-size:1.5rvem; font-weight:500;}
.approval-wrap .content-header .content-item .text + .inp-box.inp-type03.search {margin-top:1rem;}
.approval-wrap .information-item .account-info .btn.text-type01 {margin-top:0.6rem;}
.authority-area + .tooltip-box.type01 {margin-top:1rem;}
.approval-wrap .quick-link-box.type01 > .quick-link > .info-box.text-right {align-items:center;}

/* 승인결재이용안내 */

/* 비주얼 */
.appr-guide-visual {padding-top: 17.5rem; background:url(../img/appr/img_appr_guide_visual.png) no-repeat center 3.63rem/18rem; text-align:center;}
.appr-guide-visual .title {font-size:2rem; font-weight:500;}
.appr-guide-visual .title + .text {margin-top:1rem; line-height:1.5; color:#666678;}
.appr-guide-visual .text {text-align:center; font-size:1.4rem;}
.appr-guide-visual .text > .black {color:#000; font-weight:500;}
.appr-guide-visual + .content-list {margin-top:4.2rem;}
/* 인포박스 */
.appr-guide .info-box.center,
.appr-guide .info-box.center > * {text-align:center;}
.appr-guide .info-box > .text + .text {margin-top:0.6rem;}
.appr-guide .info-box > .text + img {margin-top:2rem;}
.appr-guide .info-box > .sub-text {color:#666678; font-size:1.3rem;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.appr-guide .info-box > img + .sub-text {margin-top:2rem;}
.appr-guide .info-box > img.appr-guide01 {width:24rem;}
.appr-guide .info-box > img.appr-guide02 {width:28.7rem;}
.appr-guide .info-box > .title {font-weight:400 !important;}
.appr-guide .info-box > .text + .title {margin-top:1.8rem;}
/* 아코디언 아이콘 */
.appr-guide .information-item .accordion-header[class*="ico-type"]{position:relative;padding-left:3rem}
.appr-guide .information-item .accordion-header[class*="ico-type"]:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:left center;background-size:2.4rem auto}
.appr-guide .information-item .accordion-header.ico-type01:before {background-image:url(../img/appr/ico_appr_guide_gm.png)}
.appr-guide .information-item .accordion-header.ico-type02:before {background-image:url(../img/appr/ico_appr_guide_am.png)}
.appr-guide .information-item .accordion-header.ico-type03:before {background-image:url(../img/appr/ico_appr_guide_user.png)}
.appr-guide .information-item .accordion-header.ico-type04:before {background-image:url(../img/appr/icon_normal_md.png)}
.appr-guide .information-item .accordion-header.ico-type05:before {background-image:url(../img/appr/icon_regi_md.png)}
.appr-guide .information-item .accordion-header.ico-type06:before {background-image:url(../img/appr/icon_stop_md.png)}
.appr-guide .information-item .accordion-header.ico-type07:before {background-image:url(../img/appr/icon_dele_md.png)}
/* 툴팁간격 */
.appr-guide .information-item + .tooltip-box {margin-top:0.8rem;}
/* 승인결재매뉴얼 다운로드 */
.appr-guide .information-item.type02 .detail-info.type01 .info-title + .info-box {margin-top:2.3rem;}
.appr-guide .menual-item > .title {font-size:1.4rem; font-weight:500;}
.appr-guide .menual-item > .title + .btn-wrap {margin-top:1.6rem;}
.appr-guide .menual-item > .btn-wrap > * {width:14rem; height:3.6rem; border:1px solid #c9cfd6; border-radius:0.6rem;}
.appr-guide .menual-item > .btn-wrap > button {position:relative; width:100%; padding-left:3.3rem; text-align:left; background-repeat:no-repeat; background-position:1.1rem center; background-size:1.8rem;}
.appr-guide .menual-item > .btn-wrap > button:after {content:''; position:absolute; right:1.41rem; top:50%; display:block; width:1.4rem; height:1.4rem; transform:translateY(-50%); background:url(../img/common/ico_download.png) no-repeat center/1.3rem auto;}
.appr-guide .menual-item > .btn-wrap > button + button {margin-left:0.8rem;}
.appr-guide .menual-item > .btn-wrap > button > strong {font-weight:700; font-size:1.3rem;}
.appr-guide .menual-item > .btn-wrap .doc {background-image:url(../img/common/ico_doc.png);}
.appr-guide .menual-item > .btn-wrap .pdf {background-image:url(../img/common/ico_pdf.png);}
.appr-guide .menual-item > .btn-wrap .doc > strong {color:#3179e5;}
.appr-guide .menual-item > .btn-wrap .pdf > strong {color:#f73824;}
/* 로그인 방법 */
.appr-guide .login-item > li {padding-left:2.5rem; background-repeat:no-repeat; background-position:left center; background-size:1.8rem; letter-spacing: -0.07rem;}
.appr-guide .login-item > .login01 {background-image:url(../img/appr/ico_appr_guide_login01.png)}
.appr-guide .login-item > .login02 {background-image:url(../img/appr/ico_appr_guide_login02.png)}
.appr-guide .login-item > .login03 {background-image:url(../img/appr/ico_appr_guide_login03.png)}
.appr-guide .login-item > li + li {margin-top:1rem;}
/* 스탭 */
.appr-guide .information-item.type01 > .item-cont {display:block;}
.appr-guide .information-item.step {border-radius: 1.6rem;}
.appr-guide .information-item.step .item-cont {display:block; padding:2.8rem;}
.appr-guide .dotted-step-wrap .dotted-step.type02 {counter-reset:var-count}
.appr-guide .dotted-step-wrap .dotted-step.type02 .list-item + .list-item {margin-top:2.1rem;}
.appr-guide .information-item .dotted-step-wrap .dotted-step.type02 > li:before {height:100%; top:-0.4rem;}
.appr-guide .dotted-step-wrap .dotted-step.type02 > li > .title {position:relative;font-size:1.4rem; color:#000; font-weight:500;}
.appr-guide .dotted-step-wrap .dotted-step.type02 > li > .title:before {counter-increment:var-count;content:counter(var-count);top:50%;left:-3.5rem;display:inline-block;width:2.4rem;height:2.4rem;padding:0 0.1rem 0.1rem 0;margin-right:0.3rem;border-radius:50%;background-color:#e4edfc;line-height:1.8;text-align:center;font-size:1.4rem;color:#4a80e3;font-weight:500;} /* 202407 접근성 | #0e90fe -> #4a80e3 색상 변경 */
.appr-guide .information-item.active .dotted-step-wrap .dotted-step.type02 > li:before {height:150%;}
.appr-guide .information-item.active .dotted-step-wrap .dotted-step.type02 > li:last-child:before {height:100%;}
.appr-guide .dotted-step-wrap .dotted-step.type02 > li > .title + .text {margin-top:1rem; color:#666678;}
/* 결재단계 */
.appr-guide .item-box .appr-guide-swiper > .swiper-wrapper {height:auto;}
.appr-guide .item-box .appr-guide-item {min-height:24rem;}
.appr-guide .item-box.step-two .appr-guide-item {min-height:41rem; max-height: 41rem;}/* 202407 접근성 | max-height 추가 */
.appr-guide .item-box.step-three .appr-guide-item {min-height:52rem; max-height:52rem;}/* 202407 접근성 | max-height 추가 */
.appr-guide .item-box[class*="step"] .appr-guide-item {position:relative;}
.appr-guide .item-box[class*="step"] .swiper-slide-active + .appr-guide-item.swiper-slide-next,
.appr-guide .item-box[class*="step"] .swiper-slide-prev + .appr-guide-item.swiper-slide-active,
.appr-guide .item-box[class*="step"] .swiper-slide-prev + .appr-guide-item.swiper-slide-active + .appr-guide-item.swiper-slide-next {z-index:-1;}
.appr-guide .item-box[class*="step"] .swiper-slide-prev + .appr-guide-item.swiper-slide-active + .appr-guide-item.swiper-slide-next {z-index:-2;}
.appr-guide .item-box[class*="step"] .appr-guide-item:after {content:''; position:absolute; right:-1.8rem; top:50%; display:block; width:2.9rem; height:2.9rem; transform:translateY(-50%); background:#fff url(../img/appr/ico_slide_arrow_right.png) no-repeat center center/0.7rem auto; border-radius:50%; border:1px solid #eee;}
.appr-guide .item-box[class*="step"] .appr-guide-item:last-child:after {display:none;}
.appr-guide .item-box .appr-guide-item {position:relative; padding:3rem 2.3rem; background:#fff; border-radius:1.6rem;}
.appr-guide .item-box .appr-guide-item > .title {display:block; text-align:center; font-weight:700; font-size:1.6rem;}
.appr-guide .item-box .appr-guide-item.green > .title {color:#00ab75}
.appr-guide .item-box .appr-guide-item.purple > .title {color:#7256d4}
.appr-guide .item-box .appr-guide-item.blue > .title {color:#4a80e3}
.appr-guide .item-box .appr-guide-item > .text-area {margin-bottom:2.2rem; text-align:center;}
.appr-guide .item-box .appr-guide-item > .text-area > em {display:block; text-align:center; font-size:1.4rem;}
.appr-guide .item-box .appr-guide-item > .title + .text-area > em {margin-top:1.2rem;}
.appr-guide .item-box .appr-guide-item > .title + .text-area > em:only-child {margin:3.1rem 0 4rem 0;}
.appr-guide .item-box .appr-guide-item > .text-area > .text {display:inline-block; font-size:1.3rem; color:#666678;}
.appr-guide .item-box .appr-guide-item > .text-area > em + .text {margin-top:0.6rem;}
.appr-guide .item-box .appr-guide-item > .info-box-wrap > .info-box {display:flex; padding:1.6rem 1.5rem; border-radius:1.6rem;}
.appr-guide .item-box .appr-guide-item.green > .info-box-wrap > .info-box {background:#d8eee7;}
.appr-guide .item-box .appr-guide-item.purple > .info-box-wrap > .info-box {background:#efedf6;}
.appr-guide .item-box .appr-guide-item.blue > .info-box-wrap > .info-box {background:#e4edfc;}
.appr-guide .item-box .appr-guide-item > .info-box-wrap > .info-box + .info-box {margin-top:1.2rem;}
.appr-guide .item-box .appr-guide-item > .info-box-wrap > .info-box > .title {font-weight:500 !important;}
.appr-guide .item-box .appr-guide-item > .info-box-wrap > .info-box > .text {margin-left:1.1rem; letter-spacing:-0.02rem; color:#666678;}
/* 상신/결재/승인이 필수인 주요거래 */
.appr-guide .info-box div.text > span + span {position:relative; display:inline-block; margin-left:2.2rem;}
.appr-guide .info-box div.text > span + span:before {content:''; display:block; position:absolute; left:-1.1rem; top:0.3rem; width:1px; height:1.36rem; background:#c9cfd6;}


/*****************************************
************** 고객센터 - cust ************
******************************************/

.family-app .family-app-visual {margin-bottom:4rem; padding-top:5.4rem; background:url(../img/cust/img_family_app_visual.png) no-repeat center top/3.7rem; text-align:center;}
.family-app .family-app-visual .title {display:inline-block; font-size:2rem; line-height:1.4;}
.family-app .family-app-visual .title strong {font-weight:700;}
.family-app .quick-link-box > .quick-link[class*="ico-type"]:before {top:2.4rem; width:4.8rem; height:4.8rem; transform:none;}
.family-app .quick-link-box > .quick-link[class*="ico-type"] {padding-left:7.8rem;}
.family-app .quick-link-box > .quick-link.ico-type01:before {background-image:url(../img/cust/img_family_app_app01.png?v1);}/* 250102 BI 변경 */
.family-app .quick-link-box > .quick-link.ico-type02:before {background-image:url(../img/cust/img_family_app_app02.png);}
.family-app .quick-link-box > .quick-link.ico-type03:before {background-image:url(../img/cust/img_family_app_app03.png);}

/* 이용시간 안내 */
.info-use-wrap .info-use-area > .info-use-form {background-color: #fff; border-radius: 1.6rem; padding:1.6rem 2rem;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item {padding:1.5rem 0 1.4rem; display: flex; justify-content: space-between;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item + .info-use-item {border-top:1px solid #eee;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item > .form-left {flex:1 1 60%;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item > .form-right {padding-left: 1rem;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .title {display: block; color:#449ac9; font-weight: 500;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .text-box {display: block;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .text-box > .text + .text {margin-top: 0.5rem;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .sub-text {display: block; font-size: 1.3rem; color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .title + .sub-text {margin-top: 0.5rem;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .title + .text-box {margin-top: 0.5rem;}
.info-use-wrap .info-use-area > .info-use-form > .info-use-item .text {display: block; color:#000;}

/* 서비스종합안내 */
.service-total-info .dotted-step-wrap .dotted-step > li > .sub-text + .bullet-list.type02 {margin-top: 1.2rem;}
.service-total-info .dotted-step-wrap .dotted-step > li > .bullet-list.type02 + .sub-text {display: inline-block; margin-top: 1.6rem; color: #666678;}
.service-total-info .dotted-step-wrap .dotted-step > li > .info-box + .sub-text {display: inline-block; margin-top: 1.8rem; color: #666678;}
.service-total-info .dotted-step-wrap .dotted-step > li > .bullet-list.type02 + .info-box {margin-top: 1rem;}
.service-total-info .dotted-step-wrap .dotted-step > li > .info-box {position: relative; display: block; padding: 1.9rem 1.6rem; background: #f5f6fa; border-radius: 1.6rem;}
.service-total-info .dotted-step-wrap .dotted-step > li > .info-box .title + .btn-wrap {margin-top: 1.1rem;}
.service-total-info .dotted-step-wrap .dotted-step > li > .info-box .btn-wrap .btn + .btn {margin-left: 2.3rem;}

/* 고객센터 연결 */
.cust-call .cust-call-visual {margin-bottom:4rem; padding-top:8.6rem; background:url(../img/cust/img_cust_call_visual.png) no-repeat center top/7.2rem; text-align:center;}
.cust-call .cust-call-visual .title {font-size:2rem; font-weight:700;}
.cust-call .cust-call-visual .text {display:inline-block; text-align:center; font-size:1.4rem; line-height:1.4; color:#666678;}
.cust-call .cust-call-visual .title + .text {margin-top:1.1rem;}
.cust-call .cust-call-box {padding:2.2rem 1.8rem; border-radius:1.5rem; background:#fff;}
.cust-call .cust-call-box .title + .tel-num-item {margin-top:1rem}
.cust-call .cust-call-box .tel-num-item {display:flex; justify-content: space-between; align-items: center;}
.cust-call .cust-call-box .tel-num-item + .tel-num-item {margin-top:1rem;}
.cust-call .cust-call-box .tel-num-item .tel-num {display:block; margin-top:0.2rem; font-size:1.6rem; font-weight:700;}
.cust-call .cust-call-box .tel-num-item .call-btn {display:block; width:1.8rem; height:1.8rem; background:url(../img/common/ico_call01.png) no-repeat center center/1.8rem;}
.cust-call .cust-call-box .text {font-size:1.3rem; color:#666678;}
.cust-call .cust-call-box .tel-num-item + .text {margin-top:1.7rem; letter-spacing:-0.05rem; line-height:1.5;}
.cust-call .cust-call-box .text > li {letter-spacing:-0.06rem;}
.cust-call .ars-guide-box {padding:2.8rem 1.8rem; border-radius:1.5rem; background:#fff;}
.cust-call .ars-guide-box .title {position:relative; padding-left:2.4rem;}
/* 0923 접근성 문구 수정 */
.cust-call .ars-guide-box .title:before {content:'1'; display:block; color:transparent; position:absolute; left:0; top:0; width:1.8rem; height:1.8rem; background:url(../img/cust/ico_bullet_1.png) no-repeat center center/1.8rem;}
.cust-call .ars-guide-box .title.bul:before { display: none; }
.cust-call .ars-guide-box .title.bul em {  display:block; color:#fff; font-size:11px; text-align: center; line-height: 1.8rem; padding-right:1px; position:absolute; left:0; top:0; width:1.8rem; height:1.8rem; background: #0e90fe; border-radius: 50%;  }
.cust-call .ars-guide-box.bullet-asta .title.bul em {  background:url(../img/cust/ico_bullet_asta.png) no-repeat 0 0/100% ; color:transparent}
.cust-call .ars-guide-box.bullet-1 .title:before {content:'1'; background-image:url(../img/cust/ico_bullet_2.png);}
.cust-call .ars-guide-box.bullet-2 .title:before {content:'2'; background-image:url(../img/cust/ico_bullet_2.png);}
.cust-call .ars-guide-box.bullet-3 .title:before {content:'3'; background-image:url(../img/cust/ico_bullet_3.png);}
.cust-call .ars-guide-box.bullet-4 .title:before {content:'4'; background-image:url(../img/cust/ico_bullet_4.png);}
.cust-call .ars-guide-box.bullet-5 .title:before {content:'5'; background-image:url(../img/cust/ico_bullet_5.png);}
.cust-call .ars-guide-box.bullet-6 .title:before {content:'6'; background-image:url(../img/cust/ico_bullet_6.png);}
.cust-call .ars-guide-box.bullet-7 .title:before {content:'7'; background-image:url(../img/cust/ico_bullet_7.png);}
.cust-call .ars-guide-box.bullet-8 .title:before {content:'8'; background-image:url(../img/cust/ico_bullet_8.png);}
.cust-call .ars-guide-box.bullet-9 .title:before {content:'9'; background-image:url(../img/cust/ico_bullet_9.png);}
.cust-call .ars-guide-box.bullet-0 .title:before {content:'0'; background-image:url(../img/cust/ico_bullet_0.png);}
.cust-call .ars-guide-box.bullet-asta .title:before {content:'*'; background-image:url(../img/cust/ico_bullet_asta.png);}
.cust-call .ars-guide-box .title + .ars-list {margin-top:1.1rem;}
.cust-call .ars-guide-box .ars-list > li {color:#666678;}
.cust-call .ars-guide-box .ars-list > li + li {margin-top:1.1rem;}
.chatbot-box {position:relative;}
.item-title + .chatbot-box {margin-top:1rem;}
.chatbot-box .text {line-height:1.4; color:#666678;}
.chatbot-box .chatbot-btn {position:absolute; display:inline-block; right:-1.16rem; top:50%; transform:translateY(-50%) translateZ(0); width:14.2rem; height:7rem; background:url(../img/common/img_go_chatbot.png) no-repeat center center/14.2rem;}

/* 금고찾기 */
.prd-mall-wrap .cust-search-safe {height: calc(100vh - 5.6rem); margin-bottom: -5.6rem;}
.prd-mall-wrap .cust-search-safe .map-area .map-marker-type02 {position:absolute; z-index:99; width:37.3px; height:36.6px; background:url(../img/cust/ico_map_marker01.png) no-repeat center center/contain;}
.prd-mall-wrap .cust-search-safe .control-header {position: fixed; top: 7.2rem; z-index:100;}
.prd-mall-wrap .cust-search-safe .control-header .btn-wrap.btn-address-area {position:absolute; right:1.6rem; top:0;}
.prd-mall-wrap .cust-search-safe .control-header .btn-wrap .btn-area-link {font-size: 1.3rem; font-weight:500;}
.prd-mall-wrap .cust-search-safe .control-header .btn-wrap .btn-area-link.address:before {background-image: url(../img/depo/icon_search_sm.png);}
.prd-mall-wrap .cust-search-safe .control-footer .btn-wrap.btn-area,
.prd-mall-wrap .cust-search-safe .control-footer .btn-wrap.btn-gps-area {top:0;}


/*****************************************
************* 회원가입 - comm *************
******************************************/

/* 회원가입안내 */
.member-guide .information-item.type02 .detail-box {padding:1.6rem 1.8rem; background:#f5f6fa; border-radius:1.6rem;}
.member-guide .information-item.type02 .detail-box > .title {font-size:1.3rem; font-weight:500; color:#666678;}
.member-guide .information-item.type02 .detail-box > .title + .numbering-list {margin-top:0.5rem;}
.member-guide .information-item.type02 .detail-box .numbering-list {counter-reset: var-count;}
.member-guide .information-item.type02 .detail-box .numbering-list > li {position:relative;padding-left: 1.6rem; color: #666678; font-size: 1.3rem; line-height: 1.6; word-break: keep-all; letter-spacing: -0.05rem;}
.member-guide .information-item.type02 .detail-box .numbering-list > li:before{display: block;counter-increment: var-count;content: counter(var-count)'.';position: absolute;left: 0;top: 0;color: #666678;font-size: 1.4rem;}
.member-guide .information-item.type02 .detail-box + .dotted-step-wrap {margin-top:1.8rem;}
.member-guide .information-item.type02 .accordion-content .info-box + .info-box {margin-top:1.2rem;}
.member-guide .information-item.type02 .accordion-content .info-box .title-wrap {display:flex; justify-content:space-between; align-items:center; margin-bottom:0.6rem;}
.member-guide .information-item.type02 .accordion-content .info-box .title-wrap > .title {font-weight:500;}
.member-guide .information-item.type02 .account-step-wrap li[class*="ico-type"] {display:flex; align-items:center; min-height:6rem; padding-left:4.4rem; background-repeat: no-repeat; background-position: left center; background-size:4rem auto;}
.member-guide .information-item.type02 .account-step-wrap .ico-type01 {background-image:url(../img/common/ico_member_guide01.png);}
.member-guide .information-item.type02 .account-step-wrap .ico-type02 {background-image:url(../img/common/ico_member_guide02.png);}
.member-guide .information-item.type02 .account-step-wrap .ico-type03 {background-image:url(../img/common/ico_member_guide03.png);}
.member-guide .information-item.type02 .account-step-wrap .ico-type04 {background-image:url(../img/common/ico_member_guide04.png);}
.member-guide .information-item.type02 .account-step-wrap .ico-type05 {background-image:url(../img/common/ico_member_guide05.png);}
.member-guide .information-item.type02 .account-step-wrap li > .text {display:inline-block; line-height:2rem; color:#666678;}

/* 회원가입 보유계좌인증완료 */
.member-account-confirm .quick-link-box > .quick-link.ico-type01:before {background-image: url(../../resource/img/common/ico_member_account01.png)}
.member-account-confirm .quick-link-box > .quick-link.ico-type02:before {background-image: url(../../resource/img/common/ico_member_join_01.png)}/* 비대면 신규 가입 */
/* 회원가입 - 상상모바일계좌개설 - 금고선택 전/후 */
.member-imagine-account .content-info > .info-box{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem}
.member-imagine-account .content-info > .info-box > .text{color:#666678;line-height:1.5;letter-spacing:-0.05rem;}
.member-imagine-account .content-info > .info-box > .text + .btn-wrap{margin-left:1rem}
.member-imagine-account .content-info > .info-box > .btn-wrap > .btn.btn-outline-primary{padding:0 0.8rem;width:8rem;color:#0e90fe;font-size:1.3rem;font-weight:500;border-radius:1.5rem;border:1px solid #0e90fe;line-height:3rem}
.member-imagine-account .information-item.type02 .account-info > .address{display:block;margin-top:0.2rem}

/* 회원가입 약관동의 */
.member-terms .quick-link-box > .quick-link.ico-type01:before {background-image:url(../../resource/img/common/ico_member_account01.png)}

/* 계좌개설진행 > 고객확인의무 */
.member-check .content-list .content-item > .item-box > .agree-info-wrap + .btn-wrap{margin-top: 1.6rem;}

/* 	회원가입 > 기업뱅킹 회원가입 */
.member-prog-terms .quick-link-box > .quick-link[class*="ico-type"]:before{background: url(../img/common/icon_comm_otp.png) no-repeat center center/3rem auto;}