@charset "euc-kr"; 

.pg-wrap.camera {background:rgba(0,16,55,0.6);}
.pg-wrap.camera .pg-header .pg-gnb {background: transparent;}
.pg-wrap.camera .pg-header .pg-gnb [class^=action] {color:#fff;}
.pg-wrap.camera .camera-wrap .guide-text {margin-bottom:3.5rem; text-align: center; font-size:1.8rem; line-height: 2.5rem; color:#fff;}
.pg-wrap.camera .camera-wrap.err .guide-text {color:#ffb8b8}
.pg-wrap.camera .camera-wrap .camera-area {position: relative; margin-bottom: 4rem;}
.pg-wrap.camera .camera-wrap .camera-area:before,
.pg-wrap.camera .camera-wrap .camera-area:after,
.pg-wrap.camera .camera-wrap .camera-area .inner:before,
.pg-wrap.camera .camera-wrap .camera-area .inner:after {content:''; position: absolute; z-index:0; width:3.2rem; height:3.2rem; background-color:#39d9f4;}
.pg-wrap.camera .camera-wrap .camera-area:before {top:-0.4rem; left:-0.4rem; border-radius:0.6rem 0 0 0;}
.pg-wrap.camera .camera-wrap .camera-area:after {top:-0.4rem; right:-0.4rem; border-radius:0 0.6rem 0 0;}
.pg-wrap.camera .camera-wrap .camera-area .inner:before {bottom:-0.4rem; left:-0.4rem; border-radius:0 0 0 0.6rem;}
.pg-wrap.camera .camera-wrap .camera-area .inner:after {bottom:-0.4rem; right:-0.4rem; border-radius:0 0 0.6rem 0;}
.pg-wrap.camera .camera-wrap .camera-area .inner div {position:relative; z-index: 1;}

.pg-wrap.camera .camera-wrap.err .camera-area:before,
.pg-wrap.camera .camera-wrap.err .camera-area:after,
.pg-wrap.camera .camera-wrap.err .camera-area .inner:before,
.pg-wrap.camera .camera-wrap.err .camera-area .inner:after {background-color:#ec4956;}

.pg-wrap.camera .camera-wrap .controle-area {position: absolute; left:0; right:0; bottom:0; display: flex; align-items:center; justify-content:space-between; height:10rem; padding:0 2.4rem; background: #171e35;}

.pg-wrap.camera .camera-wrap .switch-area {display: flex; align-items: center; width: 12.6rem; height: 4.4rem; padding:0.4rem; background-color:#4d5875; border-radius:5rem;}
.pg-wrap.camera .camera-wrap .switch-area label {position:relative; display:inline-block; width: 100%; line-height: 3.6rem; font-size:1.4rem; color:#fff; font-weight: 500; text-align: center; transition: all 0.3s ease;}
.pg-wrap.camera .camera-wrap .switch-area label span {position: relative;}
.pg-wrap.camera .camera-wrap .switch-area #auto + label:before {content: ''; position: absolute; top:0; left:100%; width: 100%; height: 100%; background-color: #fff; border-radius:5rem; transition: all 0.3s ease;}
.pg-wrap.camera .camera-wrap .switch-area #auto:checked + label:before {left:0;}
.pg-wrap.camera .camera-wrap .switch-area input:checked + label {color:#13161c;}

.pg-wrap.camera .camera-wrap .controle-area .btn-shot {width:6.4rem; height:6.4rem; background:#fff url(/_pub/assets/img/img/img-camera.png) center center no-repeat; border:5px solid #5d6172; border-radius: 50%;}
.pg-wrap.camera .camera-wrap .controle-area .btn-shot:disabled {background: #2e344a url(/_pub/assets/img/img/img-camera02.png) center center no-repeat; border:5px solid #20263c;}

/* ARS */
.arscode-check {margin-top:6rem;}
.arscode-label {margin-bottom:1.6rem; font-size:var(--fz-16); color:var(--color-02); font-weight:700; line-height:inherit; z-index:2; text-align:center;}
.arscode-row {display:flex; justify-content:center; width:100%;}
.arscode-row .arscode-num {width:7.2rem; height:7.2rem; margin-left:1.2rem; background-color:var(--color-07); font-size:4rem; font-weight:700; line-height:7.2rem; text-align:center; border-radius:.6rem;}
.arscode-row .arscode-num:first-child {margin-left:0;}
.arscode-foot {margin-top:1.6rem; font-size:var(--fz-14); color:var(--color-01); text-align:center; line-height:2rem;}

/* JOI_09_001 */
.index-list.mobile-certi li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-9.svg) no-repeat 0 0 / contain;}
.index-list.mobile-certi li:nth-child(2)::before {background:url(/_pub/assets/img/common/ico-36x-10.svg) no-repeat 0 0 / contain;}
.index-list.mobile-certi li:nth-child(3)::before {background:url(/_pub/assets/img/common/ico-36x-11.svg) no-repeat 0 0 / contain;}

/* JOI_11_001 */
.mobile-change {display:flex;}
.mobile-change::after {width:7.2rem; height:7.2rem; background:url(/_pub/assets/img/common/ico-72x-15.svg) no-repeat center / contain; content:'';}
.mobile-change p {flex:1; margin-right:4rem; font-size:1.6rem; color:var(--color-03);}

/* LOG_01_003 */
.index-list.loss li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-12.svg) no-repeat 0 0 / contain;}
.index-list.loss li:nth-child(2)::before {background:url(/_pub/assets/img/common/ico-36x-10.svg) no-repeat 0 0 / contain;}

/* LOG_03_001 */
.index-list.member-info li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-7.svg) no-repeat 0 0 / contain;}
.index-list.member-info li:nth-child(2)::before {background:url(/_pub/assets/img/common/ico-36x-8.svg) no-repeat 0 0 / contain;}

/* LOG_07_001 */
.index-list.change-name li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-7.svg) no-repeat 0 0 / contain;}
.index-list.change-name li:nth-child(2)::before {background:url(/_pub/assets/img/common/ico-36x-41.svg) no-repeat 0 0 / contain;}

/* TRA. inquery */
.inq-state {display:flex; justify-content:space-between; margin:0 -2.4rem; border-bottom:0.1rem solid var(--color-06); /*height:5.2rem;*/ min-height:5.8rem; line-height:3.5rem; align-items: center; padding:1rem 2.4rem;}
.inq-state.sticky {position:sticky; top:10rem; background-color:var(--color-07);}
.inq-state .state-keyword {display:inline-flex; justify-content:flex-start; flex-wrap:nowrap; margin-right:1rem; align-items:center;}
.inq-state .state-keyword .ico-search {flex:none;}
.inq-state .state-keyword .view-st { display: block;}
.inq-state .state-keyword .view-st input[type='search'] {width:100%; min-width:10rem; background-color:transparent; height: 2.2rem; line-height: 2.2rem; margin-left:-2.4rem; padding-left:3.2rem; font-size:var(--fz-16); font-weight:500;}
.inq-state .state-keyword .view-st input[type='search']::-webkit-input-placeholder {color:var(--color-04)}
.inq-state .state-keyword .view-nd {margin-left:0.8rem; font-weight: 500; flex:none; display:none; font-size:1.6rem;}
.inq-state .state-keyword .view-nd .text {max-width:9rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; display:inline-block;}
.inq-state .state-keyword .view-nd .del {width:3rem; height:3rem; background:url(/_pub/assets/img/common/ico-24x-5.svg) no-repeat center center; vertical-align:middle; margin-top:-0.2rem}
.inq-state.wider {margin: 3.2rem -2.4rem 1.6rem; border-top:1px solid var(--color-06); background-color:var(--color-07);}
.inq-state.wider.type2 {margin-top:-2.5rem;}
.inq-state.right {justify-content:flex-end;}

.tra .acc-sub-txt {margin-top:0.4rem; text-align:right}
.btn.tp-ico {min-height:10rem; padding:2rem; border-radius:1.2rem; white-space:inherit;}
.btn.tp-ico .btn-txt {display:block; padding-top:.8rem; font-weight:400;}
.btn.tp-ico [class^=ico-] {margin-right:0; margin-top:0; background-size:initial;}
.btn.tp-ico.only {min-height:5.8rem;}
.btn.tp-ico.only .btn-txt {display:inline-block; padding-left:.8rem; padding-top:0; vertical-align:middle;}

/*  */
.depth.num.qna .q {font-weight: 700;}
.depth.num.qna .a {margin-top: 0.8rem; font-size: 1.4rem; font-weight: 400; color:var(--color-03)}

/* MSB_TRA_01_024 */
.popup.bottom .message.bg-01 {min-height: 7.2rem; padding-right:10rem; background:url(/_pub/assets/img/common/ico-72x-40.svg) no-repeat right top;}

/* Pay info check */
.info-chk-ban {position:relative; width:calc(100% + 1.2rem); margin:0 -.6rem 4rem; padding:3rem 2.4rem 3rem 2.4rem; background-color:var(--color-07); border-radius:1.2rem;}
.info-chk-ban::after {content:''; position:absolute; right:2.4rem; top:50%; transform:translateY(-50%); width:6rem; height:6rem;}

.info-chk-ban.ico-due-water::after {background:url(/_pub/assets/img/common/ico-72x-24.svg) no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-card::after {background:url(/_pub/assets/img/common/ico-72x-16.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-gas::after {background:url(/_pub/assets/img/common/ico-72x-18.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-elec::after {background:url(/_pub/assets/img/common/ico-72x-17.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-phone::after {background:url(/_pub/assets/img/common/ico-72x-22.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-health::after {background:url(/_pub/assets/img/common/ico-72x-20.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-national::after {background:url(/_pub/assets/img/common/ico-72x-23.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-insure::after {background:url(/_pub/assets/img/common/ico-72x-21.svg)  no-repeat 0 0; background-size:auto 6rem;}
.info-chk-ban.ico-due-general::after {background:url(/_pub/assets/img/common/ico-72x-19.svg)  no-repeat 0 0; background-size:auto 6rem;}

.info-chk-ban .ban-inner {padding-right:6rem;}
.info-chk-ban .ban-inner > * {display:block;}
.info-chk-ban .ban-inner .ban-txt {margin-top:.2rem;}
.info-chk-ban .ban-inner .ban-txt.top {margin-top:0; margin-bottom:.2rem; color:var(--color-03);}
.info-chk-ban.warn::before {content:'체납 내역이 있어요!'; position:absolute; left:2rem; top:-1rem; padding:.3rem .8rem; background-color:var(--color-nega); border-radius:.6rem; font-size:var(--fz-12); font-weight:500; color:var(--color-08); text-align:center;}
.info-chk-ban.due-out {padding:3rem 1.2rem 1.2rem; min-height:14rem;}
.info-chk-ban.due-out .ban-inner {padding-left:1.2rem; padding-right:7.2rem;}
.info-chk-ban.due-out::after {top:2.4rem; transform:translateY(0);}
.info-chk-ban.due-out .ban-inner-box {margin-top:2.4rem; padding:.5rem 0; background-color:var(--color-08); border-radius:.6rem; font-size:var(--fz-13); color:var(--color-03); text-align:center;}

/* Detailed list */
.sec-bg-top {position:relative; min-height:26.6rem; margin:-3.2rem -2.4rem 4rem; padding:15.2rem 0 6rem; background-color:#7c88a9; color:var(--color-08); text-align:center;}
.sec-bg-top::before {content:''; position:absolute; top:6rem; left:50%; transform:translateX(-50%); width:7.2rem; height:7.2rem; background-position:center center;}
.sec-bg-top.ico-due-water::before {background:url(/_pub/assets/img/common/ico-72x-24.svg) no-repeat;}
.sec-bg-top.ico-due-card::before {background:url(/_pub/assets/img/common/ico-72x-16.svg) no-repeat;}
.sec-bg-top.ico-due-gas::before {background:url(/_pub/assets/img/common/ico-72x-18.svg) no-repeat;}
.sec-bg-top.ico-due-elec::before {background:url(/_pub/assets/img/common/ico-72x-17.svg) no-repeat;}
.sec-bg-top.ico-due-phone::before {background:url(/_pub/assets/img/common/ico-72x-22.svg) no-repeat;}
.sec-bg-top.ico-due-health::before {background:url(/_pub/assets/img/common/ico-72x-20.svg) no-repeat;}
.sec-bg-top.ico-due-national::before {background:url(/_pub/assets/img/common/ico-72x-23.svg) no-repeat;}
.sec-bg-top.ico-due-insure::before {background:url(/_pub/assets/img/common/ico-72x-21.svg) no-repeat;}
.sec-bg-top.ico-due-general::before {background:url(/_pub/assets/img/common/ico-72x-19.svg) no-repeat;}
.sec-bg-top .top-txt {background-color:transparent;}
.sec-bg-top .top-txt strong {display:block; margin-bottom:.8rem; font-size:2rem; font-weight:700;}

/* Banner */
.banner.bnn-pbt {width:auto; text-align:center; background-color:transparent;}

.calendar-sub-tit .btn.md {padding:0}
.calendar-sub-tit .ico-chevron-sm:after {margin-top:-0.3rem}

/* CUS_01_001 */
.lists-btn {display:flex; margin:2.4rem 0 1.6rem;}
.lists-btn .boxs {display:flex; justify-content:center; align-items:center; flex:1; padding:0;}
.lists-btn .boxs ~ .boxs {margin-left:.8rem;}
.lists-btn .boxs button {width:100%; height:100%; padding:1.6rem 0; border-radius:1.2rem;}
.lists-btn .boxs button .ico-tit {display:flex; justify-content:center;}
.lists-btn .boxs button .ico-tit [class^=ico-] {width:1.8rem; height:1.8rem; margin-right:.8rem;}
.lists-btn .boxs .tit {font-weight:700; color:var(--color-01);}
.lists-btn .boxs .desc {display:block; margin-top:.4rem; font-size:1.3rem; color:var(--color-03);}

/* CUS_03_007 */
.map-wrap {height:23rem; margin:0 -2.4rem 4rem;}
.protect-num-wrap {width:11.7rem; margin:2rem 0; padding:.2rem 2rem; border:1px solid var(--color-03);}

/* CUS_04_010 */
.info-list {margin-top:4rem}
.info-list > li {position:relative; padding:0 0 1.6rem 3.7rem; margin-bottom:1.6rem; border-bottom:1px solid var(--color-07)}
.info-list > li::before {position:absolute; top:0; left:0; width:3rem; color:var(--color-04); font-weight:700; content:'하나,'}
.info-list > li:last-child {margin-bottom:0}

/* CUS_04_012 ~ CUS_04_022 */
.accordion li.on > .acco-panel.agree-box {color:var(--color-01)}
.agree-box strong {display:block;}
.agree-box .p-txt + .depth {margin-top:2rem}
.agree-box .p-txt2 {margin-top:0.4rem}
.agree-box p + .depth.info {margin-top:.4rem;}
.agree-box .btns.list-foot {margin-bottom:0}
.agree-box .btns.list-foot.gap-s {margin-top:1.6rem}
.agree-box .btns.list-foot.w1 {margin-left:-2.2rem}
.agree-box .btns.list-foot.w2 {margin-left:-1.5rem}
.agree-box .depth-gap2 .depth.dash {margin-left:-1.5rem}
.agree-box > .depth.num > li {margin-top:1.2rem}
.agree-box .depth.num.round > li {margin-top:1.2rem; font-size:1.4rem}
.agree-box .depth.num.round > li:first-child {margin-top:0}
.agree-box .depth.num.round > li:before {top:0.1rem; width:1.6rem; font-size:1.2rem; line-height:1.6rem;}
.agree-box .depth.num.round > li:after {width:1.6rem; height:1.6rem; margin-top:0.1rem}
.agree-box .depth.num.round > li [class*=depth] {margin-top:0.4rem}
.agree-box .s-tit {font-weight:400 !important}
.agree-box .dash-list,
.agree-box .dash-list > li + li {margin-top:0.4rem}
.agree-box .dash-list .dash-tit {position:relative; padding-left:1.4rem; line-height:1.4; font-weight:400 !important}
.agree-box .dash-list .dash-tit:before {display:inline-block; position:absolute; left:0; top:0.8rem; width:0.6rem; height:1px; background:var(--color-03); content:''}
.agree-box .depth-txt {margin-top:0.4rem}
.agree-box .depth-txt.type1 {padding-left:1.7rem}
.agree-box .depth-txt.type2 > li {padding-left:3.6rem; text-indent:-1.9rem}
.agree-box .depth-txt.type3 > li {padding-left:2rem; text-indent:-2rem}
.agree-box .depth-txt.type3 .round {margin-top:0.4rem}
.agree-box .depth-txt.type3 .round > li {margin-top:0.4rem}
.agree-box .depth-txt.type3 .dash {padding-left:2rem}
.agree-box .depth-txt.type3 [class*=depth] > li {text-indent:0}
.agree-box .depth-txt.type4 .depth {margin-top:0.4rem}
.agree-box .depth-txt.type4 .dash {padding-left:1.7rem}
.agree-box .depth.dash > li:before {background:var(--color-01)}
.agree-box .bg-list-box {margin-top:1.2rem !important; padding:2rem; border-radius:1.2rem; background:var(--color-07)}
.agree-box .bg-list-box .depth.bul {color:var(--color-03)}
.agree-box .bg-list-box .depth.bul > li:before {background:var(--color-03)}
.agree-box .bg-list-box + .depth.info {margin-top:1.2rem !important;}
.agree-box .w-full {margin-left:-1.5rem}
.agree-box .w-full2 {margin-left:-3.5rem}
.agree-box .depth.bul > li > .depth.dash {margin-top:0.4rem; padding-left:1.7rem}
.agree-box .depth.num.round > li .btns.full {margin-top:2rem}
.agree-box .cont-foot {margin-top: 1.2rem;}
.info-bg-top {margin:0 -2.4rem; padding:6rem 2.4rem; background:var(--color-07)}
.info-bg-top .result {margin-bottom:0}
.info-bg-top .result .tit::before {margin:0 auto 1.5rem}
.info-bg-top .result .txt {margin-top:0.8rem; color:var(--color-03); font-size:var(--fz-14)}
.info-bg-top.info-txt {padding:4.3rem 2.4rem 3.7rem; text-align:center}
.info-bg-top.info-txt .tit {font-size:2rem; font-weight:700}
.info-bg-top.info-txt .txt {margin-top:0.8rem; color:var(--color-03)}
.info-txt-area .ht-4 {margin:4rem 0 1.2rem}
.info-txt-area .line-box .txt {position:relative; padding-left:5.2rem; font-size:1.3rem}
.info-txt-area .line-box .txt::before {display:block; position:absolute; left:0; width:3.6rem; height:3.6rem; background:url(/_pub/assets/img/common/ico-36x-7.svg) no-repeat 0 0 / contain; content:''}
.etc-gap .num > li + li {margin-top:0.8rem}

/* CUS_04_001 ~ CUS_04_022 수정 */
.cus .img-wrap {margin:0 -2.4rem; padding:0 3.2rem}
.lists-headnote.gap-edit {margin-bottom:0}
.gap-edit + .agree-box {margin-top:4rem}
.gap-edit .btn.md {min-height:auto; padding:0}

/* CUS_03_004 */
.table-info-box {margin-top:3.2rem; padding:2rem; border-radius:1.2rem; background:var(--color-07);}
.table-info-box p {color:var(--color-03);}

.lists.data li.align-md {align-items:center;}
.couple-info {display:flex}
.couple-info.between {justify-content:space-between; align-items:center}
.couple-info:not(.between) {flex-direction:column;}
.couple-info:not(.between) > * {width:100%; justify-content:center}
.couple-info:not(.between) .date {margin-top:2.4rem; text-align:center}
.couple-info > * {flex:1; width:100%;}
.couple-info .info {display:flex}
.couple-info .info [class*=profile-] > .name {display:block; margin-top:.5rem; color:var(--color-03); font-size:var( --fz-13); text-align:center;}
.couple-info .info [class*=profile-] .picture {overflow:hidden; width:8rem; height:8rem; border-radius:100%; text-align:center; line-height:8rem}
.couple-info .info [class*=profile-] .picture .img-box,
.couple-info .info [class*=profile-] .picture.on .name {display:none}
.couple-info .info [class*=profile-] .picture.on {background:none}
.couple-info .info [class*=profile-] .picture .name,
.couple-info .info [class*=profile-] .picture.on .img-box {display:block;}
.couple-info .info [class*=profile-] .picture .img-box {width:8rem; height:8rem}
.couple-info .info [class*=profile-] .picture .img-box > img {width:100%}
.couple-info .info [class*=profile-] .picture .name {font-size:var(--fz-18); font-weight:700}
.couple-info .info [class*=profile-] + [class*=profile-] {margin-left:-.7rem;}
.couple-info .info .profile-main .picture {background:#ffde3b}
.couple-info .info .profile-sub .picture {position:relative; border:.3rem solid #fff; background:#8e7bff; z-index:1;}
.couple-info .info .profile-sub .picture .name {color:#fff}
.couple-info .date {margin-top:-1.5rem; text-align:right}
.couple-info .date .d-day {display:block; font-size:2.6rem; font-weight:700}
.couple-info .date .d-day .ico-couple {margin:-.3rem .4rem 0 0}

/* Checkbox > Box Type */
.modify-box-tp1 {position:relative; color:#fff}
.modify-box-tp1 > *,
.modify-box-tp2 label > * {display:block}
.modify-box-tp1 [class^=numbers-] {color:#fff}
.modify-box-tp1 .tit {font-size:1.8rem;}
.modify-box-tp1 .s-tit {margin-top:.4rem}
.modify-box-tp1 .money {margin-top:.8rem; text-align:right}
.modify-box-tp2 {margin:0 -.6rem}
.modify-box-tp2.form-rdochk.box .form-sel {position:relative; margin-bottom:0}
.modify-box-tp2.form-rdochk.box .form-sel + .form-sel {margin-top:1.2rem}
.modify-box-tp2.form-rdochk.box .form-sel label {padding:2.4rem 2.4rem 2.4rem 5.8rem}
.modify-box-tp2.form-rdochk.box .form-sel input[type=checkbox] + .label:before {top:2.4rem; left:2.4rem} 
.modify-box-tp2.form-rdochk.box .form-sel input[type=checkbox] + .label:after {top:2.5rem; left:2.4rem}
.modify-box-tp2 .s-tit {margin-top:.2rem; color:var(--color-03); font-size:var(--fz-13); font-weight:400}
.modify-box-tp2 .s-tit > span {position:relative; margin-left:.8rem; padding-left:.9rem}
.modify-box-tp2 .s-tit > span:before {display:block; position:absolute; left:0; top:50%; width:1px; height:1.1rem; margin-top:-.5rem; background:var(--color-05); content:''}
.modify-box-tp2 .money-tit {margin-top:1.2rem; font-size:1.4rem; font-weight:400; text-align:right}
.modify-box-tp2 .money {margin-top:0.4rem; text-align:right;}
.modify-box-tp2 .tit + .money {margin-top:1.6rem}
.modify-box-tp2.co-owner.form-rdochk.box .form-sel label {padding:2.4rem}
.modify-box-tp2.co-owner.form-rdochk.box .form-sel input[type=checkbox] + .label:after,
.modify-box-tp2.co-owner .form-sel input[type=checkbox] + .label:before {display:none;}

/* inq_10_018 */
[class*=btn-modify] {position:absolute; right:2.6rem; top:2.6rem; width:2.1rem; height:2.1rem; z-index:10} 
.btn-modify1 {background:url(/_pub/assets/img/common/ico-writing-white.svg) no-repeat}
.btn-modify2 {background:url(/_pub/assets/img/common/ico-writing-black.svg) no-repeat}

/* inq_10_022 */
.send-info .info [class*=profile-] + [class*=profile-] {position:relative; margin-left:.8rem; padding-left:3.4rem}
.send-info .info [class*=profile-] + [class*=profile-]::after {display:block; position:absolute; left:0; top:3.5rem; width:2.6rem; height:1.1rem; background:url(/_pub/assets/img/common/img-dot-arrow.svg) no-repeat; content:''}
.send-info .info .profile-sub .picture {outline-style:none}
.stand-info .info [class*=profile-] + [class*=profile-] {position:relative; margin-left:1.7rem; padding-left:5.1rem}
.stand-info .info [class*=profile-] + [class*=profile-]::after {display:block; position:absolute; left:0; top:3.8rem; width:3.4rem; height:0.4rem; background:url(/_pub/assets/img/common/img-multi-circle.svg) no-repeat; content:''}
.send-request .tit {display:block; margin-bottom:.4rem; font-size:1.6rem;}
.send-request-list.lists.data {border:0}
.send-request-list.lists.data .key {padding:0}

/* inq_10_019 */
.bank-book-info {display:flex; margin-top:4rem; padding:2rem; border:1px solid var(--color-06); border-radius:1.2rem; background:var(--color-07)}
.bank-book-info .list-info .list-name {font-size:1.6rem; font-size:500}
.bank-book-info .list-info .bank-detail {color:var(--color-03); font-size:1.3rem}
.bank-book-info .list-info .bank-detail > span + span {display:inline-block; margin-left:.4rem}

/* inq_10_024 */
.stats-wrap {padding-bottom:3.2rem}
.section.shop-list {margin:0 -2.4rem -4rem; padding:1.6rem 2.4rem 4rem; background:var(--color-08)}
.section.shop-list .tab-wrap.fit {margin-top: 0;}

/* inq_10_006 */
.acc-info-wrap .toggle-btn {width:auto;}
.shifting-date {margin-top:1.6rem}
.no-input.modify-box-tp2.form-rdochk.box .form-sel input[type=checkbox] + .label:before,
.no-input.modify-box-tp2.form-rdochk.box .form-sel input[type=checkbox] + .label:after {display:none}
.no-input.modify-box-tp2.form-rdochk.box .form-sel label {padding:2.4rem}

/* inq_10_007 */
.boxs [class*=section-] {display:flex; align-items:center}
.boxs [class*=section-] .msg-tit {font-size:var(--fz-16); font-weight:500 !important}
.boxs [class*=section-] .msg-tit + .sub-txt {margin-top:0.2rem}
.boxs [class*=section-] .sub-txt {display:block; color:var(--color-03); font-size:var(--fz-13)}
.boxs [class*=section-] .state-msg {position:relative; padding:0 0 0 3.4rem}
.boxs [class*=section-] .state-msg::before {display:block; position:absolute; left:0; top:0; width:2.4rem; height:2.4rem; margin-top:-0.1rem; content:''}
.boxs .section-addr .state-msg::before {background:url(/_pub/assets/img/common/ico-24x-36.svg) no-repeat; background-size:100%}
.boxs .section-loan .state-msg::before {background:url(/_pub/assets/img/common/ico-24x-42.svg) no-repeat; background-size:100%}
.boxs .section-phishing .state-msg::before {background:url(/_pub/assets/img/common/ico-24x-55.svg) no-repeat; background-size:100%}
.boxs .section-accountCancel .state-msg::before {background:url(/_pub/assets/img/common/ico-24x-44.svg) no-repeat; background-size:100%}


/* inq_10_010, inq_10_011  */
.badge.stand {height:3rem; padding:0 1.2rem; border:1px solid var(--color-blue8); border-radius:10rem; background:var(--color-blue9); color:var(--color-blue1); font-size:1.6rem; line-height:3rem}

/* inq_10_013 */
.invite-msg-wrap {padding-bottom:0}
.invite-msg {display:flex; padding:2.6rem 2.4rem 2rem;}
.invite-msg .d-day {width:5.2rem; height:5.2rem; border:1px solid #ffd0e2; border-radius:50%; background:#fff0f6; color:#f43b80; font-size:var(--fz-16); font-weight:700; text-align:center; line-height:5.2rem}
.invite-msg .txt-msg {flex:0 0 75%; margin-left:1.2rem; word-break:keep-all}
.invite-msg .txt-msg .msg {font-size:var(--fz-16);}
.invite-msg .txt-msg .sub-msg {display:block; margin-top:1.2rem; color:var(--color-03); font-size:var(--fz-13)}
.invite-msg-wrap + .pop-foot, 
.invite-msg-wrap + .pop-foot:after {height:6.8rem}

/* inq_10_020 */
.tab-full {margin:0 -2.4rem; padding:0 2.4rem; background:var(--color-08)}
.pg-container.inq .bg-check .bg-col {background-color:var(--color-08) !important;}
.line-style.lists-headnote {border-bottom:1px solid var(--color-06); background:none !important; justify-content: flex-end}

/* INQ_10_025 */
.couple-tit {font-size:1.4rem; margin-bottom:1.6rem; text-align:center;}

/* INQ_10_030 */
.couple-head {background:var(--color-08);}
.sticky-area.sticky {display:none; padding-top:3.2rem;}

/* INQ_10_033 */
.acc-bank-info {display:flex; position:relative; margin-top:.4rem;}
.acc-bank-info .bank-detail {font-size:1.3rem; color:var(--color-03);}
.acc-bank-info .btn.md {min-width:auto; position:absolute; bottom:0; right:0; min-height:auto; padding:0; border-radius:0;}
.acc-bank-info .btn.md::after {margin-left:0;}
.sum-wrap {margin:4rem 0 5rem; text-align:center;}
.sum-wrap .send {margin-bottom:.4rem; color:var(--color-03);}
.acc-info {padding:1.2rem; border-radius:.4rem; background:var(--color-07);}

/* INQ_01_001 */
.top-scroll {background:var(--color-08)}
.top-scroll .list-block-wrap .list-name {font-size:var(--fz-14)}
.top-scroll .acc-foot-wrap {margin:0}
.top-scroll .list-wrap-acc.between .list-block-wrap {align-items:center}
.top-scroll .inq-state.wider {margin-top:1.8rem}
.top-scroll .inq-state .btn {margin-left:auto}
.top-scroll.sticky-area.sticky {padding:1.6rem 2.4rem 0; margin-left:-2.4rem; margin-right:-2.4rem} 
.top-scroll.sticky-area.sticky [class^=ci-] {margin-right:.6rem;}

.account-list li .secound-item {padding-left:4.8rem}
.account-list .sub-name {color:var(--color-blue1); font-size:var(--fz-13)}
.account-list .reserve {margin:3.2rem 0 0.8rem; text-align:right}
.account-list .nodata {margin-bottom:3.2rem}
.account-list .result.nodata ~ .btns {margin-top:0}

.inq .acc-sub-txt {margin-top:0.4rem; text-align:right}
.inq .re-sch {position:relative; padding-right:2.4rem; font-size:var(--fz-24); font-weight:500}
.inq .re-sch::before {display:block; position:absolute; right:0; top:50%; width:1.8rem; height:1.8rem; margin-top:-0.9rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat 0 0; content:''}
.inq .fx-right .btn {margin-left:auto}

.sch-info-area {display:flex; justify-content:space-between; margin:3.2rem 0 0.8rem}

/* INQ_01_009 */
.pop-head.h-auto {min-height:auto !important}

/* INQ_01_043 */
.certi-item-wrap {display:flex; align-items:center; justify-content:center; margin:1.2rem 0; width:100%;}
.certi-item-wrap [class*='certi-item-'] {padding-top:4.8rem; text-align:center; background-position:center 0; background-repeat:no-repeat; font-size:1.6rem; font-weight:500;}
.certi-item-wrap .certi-item-jumin {background-image:url(/_pub/assets/img/common/ico-36x-20.svg);}
.certi-item-wrap .certi-item-drive {background-image:url(/_pub/assets/img/common/ico-36x-21.svg);}
.certi-item-wrap .certi-sepe {margin:0 2.4rem; color:var(--color-blue1); border:1px solid var(--color-blue8); background-color:var(--color-blue9); padding:0.4rem 1.2rem; border-radius:10rem; font-size:var(--fz-16); text-align:center;}

/* INQ_01_032 */
.bankbook-wrap {background-color:var(--color-08); border:1px solid var(--color-06); box-shadow:0 0.2rem 1.6rem rgba(0, 0, 0, 0.05); border-radius:1.2rem; padding:2.4rem 2.4rem 4rem; display:flex; flex-direction:column; margin:0 -0.8rem}
.bankbook-wrap .cibi {width:15rem; height:1.7rem; background:url(/_pub/assets/img/common/logo-cibi.png) 0 0 no-repeat; background-size:15rem auto; margin-left:auto;}
.bankbook-wrap .name {margin:3.2rem 0 1.6rem; font-size:2rem; font-weight:700;}
.bankbook-wrap .lists {border-bottom:1px solid var(--color-06) !important; padding-bottom:1.6rem;}
.bankbook-wrap .confirm-txt {margin:2.4rem 0 5.2rem;}
.bankbook-wrap .stamp {width:14.5rem; height:4rem; background:url(/_pub/assets/img/common/sbi-stamp.png) 0 0 no-repeat; background-size:14.5rem auto; margin-left:auto;}


.card-wrap .my-40x.state1 {background-image:url(/_pub/assets/img/common/ico-40x-4.svg);}
.card-wrap .my-40x.state2 {background-image:url(/_pub/assets/img/common/ico-40x-5.svg);}
.card-wrap .my-40x.state3 {background-image:url(/_pub/assets/img/common/ico-40x-6.svg);}

.my-40x {display: inline-block; width:4rem; height:4rem; margin-right:var(--lv-xs); background-position:no-repeat; background-size:100% auto; vertical-align:middle; border-radius:100%; background-image:url(/_pub/assets/img/common/ico-40x-7.svg); flex:none;}
.card-wrap.disable .my-40x {background-image:url(/_pub/assets/img/common/ico-40x-8.svg);}
.card-wrap.disable .state-msg,
.card-wrap.disable .lists.data .key,
.card-wrap.disable .lists.data .value {color:var(--color-05)}

.share-summary {display:flex; align-items:center; flex-direction:column; margin:0.8rem}
.share-summary .sup-txt {margin-bottom:0.4rem; font-size:1.6rem;}
.share-summary .gift-box {display:flex; flex-direction:row; justify-content:space-around; width:100%;}
.share-summary .gift-box div {display:flex; align-items:center; flex-direction:column; margin:0 1.4rem; text-align:center;}
.share-summary .gift-box div:first-child {margin-left:0;}
.share-summary .gift-box div:last-child {margin-right:0;}
.share-summary .gift-box .open-state {position:relative;}
.share-summary .gift-box .open-state:before {content:''; display:inline-block; width:7.2rem; height:7.2rem; background-color:var(--color-07); border-radius:100%; margin-bottom:1.2rem;}
.share-summary .gift-box .open-state:after {content:''; display:inline-block; width:3.6rem; height:3.6rem; background:url(/_pub/assets/img/common/ico-36x-22.svg) center center no-repeat; position:absolute; top:1.7rem;}
.share-summary .gift-box .open-state.on:before {background-color:var(--color-blue8);}
.share-summary .gift-box .open-state.on:after {content:''; background-image:url(/_pub/assets/img/common/ico-36x-22-on.svg);}
.share-summary .gift-box .open-state em {color:var(--color-04);}
.share-summary .gift-box .open-state.on em {color:var(--color-01)}
.share-summary .gift-box .open-state span {color:var(--color-04); display:none;}
.share-summary .gift-box .open-state.on span {color:var(--color-04); display:block;}

/* INQ_02_007 */
.mix-data.lists.data {border:0}
.mix-data.lists.data li:first-child {margin-top:0}
.mix-data.lists.data li:first-child .key,
.mix-data.lists.data li:first-child .value {padding-top:0}
.mix-data.lists.data li:last-child {margin-bottom:0}
.mix-data.lists.data li:last-child .key,
.mix-data.lists.data li:last-child .value {padding-bottom:0}
.pop-cont-gap {margin:1.6rem 0; padding:1.6rem 0 1.7rem; border-top:1px solid var(--color-06); border-bottom:1px solid var(--color-06)}
.loan-info-box .tit {font-size:var(--fz-16); font-weight:500 !important}
.loan-info-box .num-tit {display:block; margin-top:0.8rem; color:#c0caee; font-size:1.3rem; font-weight:400; text-align:right}
.loan-info-box.line .num-tit {color:var(--color-03)}
.loan-info-box.line .st-other {margin-top:1.6rem}
.loan-info-box.line,
.loan-info-box.line [class^=numbers-] {color:var(--color-01)}
.loan-info-box .money {display:block; text-align:right}
.loan-info-box.add-list .money {margin-top:0.8rem;}
.loan-info-box .num-tit + .money {margin-top:0.2rem;}
.loan-info-box .tit + .account {display:block; margin-top:0.8rem; font-size:var(--fz-18); text-align:right; font-weight:500}
.loan-info-box .tit + .account.fz-24 {font-size:2.4rem;}
.loan-info-box .desc {font-size:1.3rem; color:var(--color-03);}
.loan-info-box .desc + .tit {margin:.2rem 0 .8rem}
.fc-sub + .loan-info-box.add-list {margin-top:0.8rem}
.loan-info-box.add-list {padding:2.4rem 2.4rem 0.8rem}
.loan-info-box.add-list .view-area {text-align:right}
.loan-info-box.add-list .view {margin:1.6rem 0 1.6rem; font-weight:500; }
.loan-info-box.add-list .st-reset {min-height:auto; padding:0}
.loan-info-box.add-list .st-reset.ico-calr:after {margin-left:0.6rem}
.loan-info-box .between .txt-wrap .num-tit {margin-top:0; text-align:left;}
.loan-info-box .between .txt-wrap .money {text-align:left;}
.mg-reset {width:100%; margin:0}
.value-list > li {justify-content: flex-end !important;}
.value-list > li + li {margin-top:0.4rem}

.loan-info-box.blue02,
.loan-info-box.blue02 [class^=numbers-] {color:var(--color-08)}
.blue02 > .lists.data {margin-top:1.6rem;}
.blue02 .lists.data {border-color:#5771d3; border-bottom:0}
.blue02 .lists.data .key {color:#c0caee}
.blue02 .lists.data .value {color:var(--color-08)}
.blue02 .lists.data.st-other {border-bottom:1px solid #5771d3}
.blue02 .view {color:var(--color-08)}

.index-list.extension-sch li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-28.svg) no-repeat 0 0 / contain;}
.index-list.extension-examine li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-31.svg) no-repeat 0 0 / contain;}
.index-list.extension-inqu li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-33.svg) no-repeat 0 0 / contain;}
.index-list[class*=extension-] li:nth-child(2)::before {background:url(/_pub/assets/img/common/ico-36x-29.svg) no-repeat 0 0 / contain;}
.index-list[class*=extension-] li:nth-child(3)::before {background:url(/_pub/assets/img/common/ico-36x-30.svg) no-repeat 0 0 / contain;}

/* EVT_01_001 */
.board-list .lists.link .li-link .thumb {margin-bottom:1.6rem;}
.board-list .lists.link .li-link .thumb img {max-width:initial; border-radius:.8rem;}

/* EVT_01_002 */
.share-list {display:flex; justify-content:center; margin-top:2rem;}
.share-list li ~ li {margin-left:2rem;}
.share-list li [class*="ico-"] {width:4.8rem; height:4.8rem;}
.share-list li .ico-kakao {background:url(/_pub/assets/img/common/ico-48x-1.svg) no-repeat center / contain;}
.share-list li .ico-system {background:url(/_pub/assets/img/common/ico-48x-2.svg) no-repeat center / contain;}

/* EVT_02_001 */
.coupon-wrap ~ .coupon-wrap {margin-top:1.2rem;}
.coupon-wrap .coupon-inr {display:flex; align-items:center; position:relative; padding:2rem 7.8rem 2rem 2rem; border:1px solid var(--color-blue6); border-radius:1.2rem;}
.coupon-wrap .coupon-inr .thumb {width:7.2rem; height:7.2rem; border:1px solid var(--color-07); border-radius:50%;}
.coupon-wrap .coupon-inr .txt {flex:1; margin-left:1.4rem;}
.coupon-wrap .coupon-inr .txt * {display:block;}
.coupon-wrap .coupon-inr .txt .partner {color:var(--color-03);}
.coupon-wrap .coupon-inr .txt .item {margin:.4rem 0; font-size:1.6rem;}
.coupon-wrap .coupon-inr .txt .period {font-size:1.3rem; color:var(--color-04);}
.coupon-wrap .coupon-inr .state {display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; height:100%; max-width:6.5rem; padding:0 1.8rem; border-left:1px dashed var(--color-blue6); border-radius:0 1.2rem 1.2rem 0; background:var(--color-blue9); font-size:1.6rem;}
.coupon-wrap .coupon-inr .state::before,
.coupon-wrap .coupon-inr .state::after {position:absolute; left:-.7rem; width:1.4rem; height:.8rem; border:1px solid var(--color-blue6); background:var(--color-08); content:'';}
.coupon-wrap .coupon-inr .state::before {top:-.1rem; border-bottom-left-radius:1.2rem; border-bottom-right-radius:1.2rem; border-top-color:transparent;}
.coupon-wrap .coupon-inr .state::after {bottom:-.1rem; border-top-left-radius:1.2rem; border-top-right-radius:1.2rem; border-bottom-color:transparent;}
.coupon-wrap .coupon-inr .state strong {transform:rotate(90deg); font-size:1.4rem; word-break:keep-all;}
.coupon-wrap .coupon-inr.pass {border:1px solid var(--color-06);}
.coupon-wrap .coupon-inr.pass .txt * {color:var(--color-04);}
.coupon-wrap .coupon-inr.pass .state {border-left:1px dashed var(--color-06);}
.coupon-wrap .coupon-inr.pass .state::before,
.coupon-wrap .coupon-inr.pass .state::after {border:1px solid var(--color-06);}
.coupon-wrap .coupon-inr.pass .state::before {border-top-color:transparent;}
.coupon-wrap .coupon-inr.pass .state::after {border-bottom-color:transparent;}

/* SBM_GDS_05_04 250116 추가 */
.coupon-slide { width: 100%; }
.coupon-slide .swiper-slide { width: 85%; }
.coupon-slide .swiper-slide .form-rdochk { display: block; width: 100%; }
.form-rdochk:not(.flexible) .form-sel.coupon { width: 100%; padding: 0; }
.form-sel.coupon input + .label { width: 100%; padding: 0; border-radius: 1.2rem; border: 1px solid var(--color-gray2); background: var(--color-08); }
.form-sel.coupon.on input + .label { border: 1px solid var(--color-purple2); }
.form-sel.coupon input + .label:before { top: -0.1rem; left: -0.1rem; width: 0.1rem; height: 0.1rem; }
.form-sel.coupon.on input + .label:before { border-width: 0.1rem; }
.form-sel.coupon.on .coupon-cr:after { border: 1px solid var(--color-purple2); }
.form-sel.coupon.on .coupon-cover .coupon-cr { background: #f2f2ff; border-left: var(--color-purple3); }
.coupon-cover { display: flex; align-items: center; }
.coupon-cover .coupon-cl { flex: 1; height: 13.4rem; padding: 1.5rem 1.2rem 1.5rem 3.2rem; }
.coupon-cover .coupon-cr { width: 7.5rem; height: 13.4rem; position: relative; padding: 5.7rem 0.5rem 5.7rem 0.5rem; border-left: 1px dashed var(--color-gray1); border-radius: 0 1.2rem 1.2rem 0; text-align: center; }
.coupon-cover .coupon-cr:before { z-index: 2; content: ''; position: absolute; top: 50%; right: -0.5rem; width: 1.6rem; height: 0.9rem; margin-top: -0.5rem; background: var(--color-07); border-radius: 0.9rem 0.9rem 0 0; transform: rotate(-90deg); }
.coupon-cover .coupon-cr:after { z-index: 1; content: ''; position: absolute; top: 50%; right: -0.5rem; width: 1.8rem; height: 0.9rem; margin-top: -0.5rem; border: 1px solid var(--color-gray1); background: var(--color-07); border-radius: 0.9rem 0.9rem 0 0; transform: rotate(-90deg); }
.coupon-cl .badge.state-purple2 { height: 2rem; border-radius: 0.2rem; font-size: var(--fz-12); }
.coupon-cl .coupon-text { display: block; line-height: 2.3rem; color: var(--color-purple2); font-size: var(--fz-18); font-weight: 700; }
.coupon-cl .coupon-number { display: block; line-height: 3.4rem; }
.coupon-cl .coupon-number .number-text { color: var(--color-purple2); font-size: var(--fz-24); font-weight: 700; }
.coupon-cl .coupon-number .coupon-percent { margin-left: 0.2rem; color: var(--color-purple2); font-size: var(--fz-23); font-weight: 500; }
.coupon-cl .coupon-date  { display: inline-block; margin-top: 0.8rem; color: var(--color-03); font-size: var(--fz-11); font-weight: 500; }
.coupon-cr .coupon-dday { color: var(--color-purple2); font-size: var(--fz-14); font-weight: 700; }

/* EVT_02_002 */
.hgroup-2-result .img-wrap {margin:3.2rem auto 0;}
.hgroup-2-result .thumb.w-128 {width:12.8rem;}
.hgroup-2-result .thumb.w-143 {width:14.3rem;}
.hgroup-2-result .img-wrap.barcode {width:16rem;}

.feed-focus .swiper-slide {border-radius:2.4rem; overflow:hidden; box-shadow:0 2px 16px rgba(0, 0, 0, 0.05);}
.feed-focus .feed-view {padding:3.2rem 0 0; text-align:center;}
.feed-focus .hash-tit {border-radius: 1.2rem; background-color:var(--color-08); padding:0.4rem 1rem; font-size:1.2rem;}
.feed-focus .hash-tit:before {content:"#";}
.feed-focus .slogun {font-size:2.2rem; text-align:center; margin:1.2rem auto 0; font-weight:700;}
.feed-focus .swiper-slide img {max-width:34rem;}

.feed-focus.full .feed-view {text-align:left; padding:3.2rem 2.4rem 0;}
.feed-focus.full .slogun {text-align:left;}

.bst .swiper-button {background-color:transparent;}
.bst .swiper-button::after {border-color:transparent;}

.feed-list {padding:2.4rem; border:1px solid var(--color-06); background-color:var(--color-08); border-radius:1.2rem; position:relative}
.feed-list + .feed-list {margin-top:1.2rem;}
.feed-list .hash-tit {border-radius: 1.2rem; background-color:var(--color-07); color:var(--color-03); padding:0.4rem 1rem; font-size:1.2rem;}
.feed-list .hash-tit:before {content:"#";}
.feed-list .slogun {font-size:1.6rem; margin-top:1rem; font-weight:700;}
.feed-list .item-icon {position:absolute; top:3.3rem; right:2rem; width:6rem;}
.feed-list .item-keyvi {border-radius:0.8rem; overflow:hidden; margin:2rem -0.8rem -0.8rem -0.8rem; min-height:14rem; max-width:auto; text-align:center;}
.feed-list .item-keyvi img {object-fit:cover; object-position:center; height:14rem;}

.interest-list .hash-list-full {margin:0 -2.4rem; width:calc(100% + 4.8rem); overflow-x:auto; padding-left:2.4rem;}
.interest-list .hash-list {display:block; white-space:nowrap;}
.interest-list .hash-list button:before {content:"#"; display:inline-block;}
.interest-list .hash-area {overflow-x: scroll;}
.interest-list .hash-list {margin:-0.4rem;}
.interest-list .hash-list:after {content:''; display:block; clear:both}
.interest-list .hash-list button {padding:0.7rem 1.4rem; border-radius:2rem; background-color:var(--color-07); margin:0.4rem;}
.interest-list .hash-list button.on {background-color:#ef6578; color:#fff}
.interest-list .hash-list button:nth-child(4) {clear:both;}

.interest-list .cut-move {background-color:var(--color-02); color:var(--color-08); border-radius: 1.2rem; font-size:1.6rem; text-align:left; padding:2rem 3rem 2rem 2rem; width:100%; margin-top:3.2rem; position:relative; line-height:1.4; display:flex;} 
.interest-list .cut-move:before {content:''; display:block; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-37.svg) no-repeat 0 0; margin-right:1rem; background-size:100%;}
.interest-list .cut-move:after {content:''; display:inline-block; position:absolute; right:0; top:calc(50% - 0.9rem); width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2-wh.svg) no-repeat 0 0; margin-right:1rem; background-size:100%;}


/* TEMP. editor contents */
.feed-contents .editor-sec {margin:2.4rem;}
.feed-contents .editor-sec > * {word-break:normal;}
.feed-contents .editor-sec + .editor-sec {border-top:1px solid var(--color-06); padding-top:2.4rem;}

.cert-wrap {border-radius:.6rem; background:var(--color-07);}
.cert-wrap .cert-tit {text-align:center;}
.cert-wrap .cert-num {display:flex; justify-content:center; align-items:center;}
.cert-wrap .cert-num .num-wrap {border:1px solid var(--color-06); background:var(--color-08); text-align:center;}
.cert-wrap .cert-num .num-wrap .number {font-weight:700;}
.cert-wrap .time-wrap {display:flex; justify-content:center;}
.cert-wrap .time-wrap p {font-size:1.6rem;}
.cert-wrap .time-wrap .time {color:var(--color-02);}
.cert-wrap .time-wrap .number {margin-left:.8rem; font-weight:500;}
.cert-btm-wrap {margin-top:1.6rem; text-align:center;}

/* 인증/보안 */
.cert-wrap.sm {padding:2.4rem 1.2rem;}
.cert-wrap.sm .cert-num {margin:1.6rem 0 2.4rem;}
.cert-wrap.sm .cert-num .num-wrap {flex:1; padding:.7rem 0; border-radius:.4rem;}
.cert-wrap.sm .cert-num .num-wrap .number {font-size:1.6rem;}
.cert-wrap.sm .cert-num .dash {width:.6rem; height:.2rem; margin:0 .5rem; background:var(--color-04);}

/* 스마트/영업점출금 */
.cert-wrap.md {padding:2.4rem 3.4rem;}
.cert-wrap.md .cert-num {margin:1.6rem 0 2rem;}
.cert-wrap.md .cert-num .num-wrap {min-width:4rem; height:4rem; margin-left:.6rem; border-radius:.6rem; line-height:4rem;}
.cert-wrap.md .cert-num .num-wrap:first-child {margin-left:0;}
.cert-wrap.md .cert-num .num-wrap .number {font-size:2rem;}

/* CRT_07_002 */
.calc-case.line {margin-bottom:0; border:1px solid var(--color-06); border-radius:1.2rem; text-align:center;}

/* CRT_07_008 */
.index-list.mobile-otp li:nth-child(1)::before {background:url(/_pub/assets/img/common/ico-36x-37.svg) no-repeat 0 0 / contain;}
.index-list.mobile-otp li:nth-child(2)::before {background:url(/_pub/assets/img/common/ico-36x-38.svg) no-repeat 0 0 / contain;}
.index-list.mobile-otp li:nth-child(3)::before {background:url(/_pub/assets/img/common/ico-36x-39.svg) no-repeat 0 0 / contain;}
.index-list.mobile-otp li:nth-child(4)::before {background:url(/_pub/assets/img/common/ico-36x-40.svg) no-repeat 0 0 / contain;}
.index-list.mobile-otp li:nth-child(5)::before {background:url(/_pub/assets/img/common/ico-36x-9.svg) no-repeat 0 0 / contain;}

/* CRT_08_001 */
[class^=hgroup].between.start {align-items:flex-start;}
.boxs .align-justify.info .tit {display:flex; font-size:1.3rem; font-weight:400; color:var(--color-02);}
.boxs .align-justify.info .tit::before {width:1.8rem; height:1.8rem; margin-right:.4rem; background:url(/_pub/assets/img/common/ico-18x-43.svg)no-repeat center / contain; content:'';}
.boxs .align-justify.info .date {font-size:1.6rem; font-weight:500;}

/* CRT_08_013 */
.img-security-card {position:relative; width:auto; margin:0 -2.4rem; padding:4rem 0 3.2rem;}
.img-security-card::after {position:absolute; top:0; left:0; width:100%; height:100%; background:var(--color-07); z-index:-1; content:'';}
.img-security-card .card-info {display:flex; justify-content:space-between; position:absolute; top:5.2rem; left:0; width:100%; padding:0 4.8rem;}
.img-security-card .card-info .serial-num .tit {font-size:1.3rem;}
.img-security-card .card-info .serial-num .num {margin-top:.4rem; font-size:1.6rem; font-weight:700;}

/* CRT_16_007 */
.lists.data.col li .lists-head {display:flex; align-items:center; margin-bottom:.8rem;}
.lists.data.col li .lists-head .key {width:auto;}
.lists.data.col li .lists-head .badge {margin-left:.8rem;}

.version-wrap {margin-bottom:6rem; text-align:center;}
.version-wrap .img-wrap {width:8.4rem; height:8.4rem; margin:0 auto;}
.version-wrap .tit {margin:2.4rem 0 .4rem; color:var(--color-03);}
.version-wrap .txt {font-size:2rem; font-weight:700;}

.mypage {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mypage .my-pic {position:relative; width:8rem; height:8rem;}
.mypage .my-pic .pic-img {width:100%; height:100%; border-radius:100%; background:url(/_pub/assets/img/common/ico-80x-1.svg) no-repeat center center; background-size:auto 100%;  overflow:hidden;}
.mypage .my-pic .pic-camera {position:absolute; right:0; bottom:0; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-48.svg) no-repeat 0 0 / contain; overflow: auto;}
.mypage .btn.ico-edit {margin-top:1.2rem; font-size:var(--fz-16); font-weight:500;}
.mypage .my-recent {margin-top:.4rem; font-size:var(--fz-13); color:var(--color-03);}

.ezpay-wrap {display:flex; justify-content: space-between; padding-top:.4rem;}
.ezpay-wrap .ezpay-item {width:20%; text-align:center; color:var(--color-04)}
.ezpay-wrap .ezpay-item.on {color:var(--color-01); font-weight: 700;}
.ezpay-wrap .ezpay-item i {display:block; width:4rem; height:4rem; margin:0 auto .8rem; background-color:rgba(255,0,0,.2);}
.ezpay-wrap .ezpay-item .ez-name {font-size:var(--fz-13);}
.ezpay-wrap .ezpay-item .ez-naver {background:url(/_pub/assets/img/common/ico-40x-13.svg) no-repeat 0 0; background-size:auto 100%;}
.ezpay-wrap .ezpay-item .ez-kakao {background:url(/_pub/assets/img/common/ico-40x-14.svg) no-repeat 0 0; background-size:auto 100%;} 
.ezpay-wrap .ezpay-item .ez-toss {background:url(/_pub/assets/img/common/ico-40x-15.svg) no-repeat 0 0; background-size:auto 100%;} 
.ezpay-wrap .ezpay-item .ez-payco {background:url(/_pub/assets/img/common/ico-40x-16.svg) no-repeat 0 0; background-size:auto 100%;} 
.ezpay-wrap .ezpay-item .ez-baemin {background:url(/_pub/assets/img/common/ico-40x-17.svg) no-repeat 0 0; background-size:auto 100%;}
.ezpay-wrap .ezpay-item.on .ez-naver {background:url(/_pub/assets/img/common/ico-40x-9.svg) no-repeat 0 0; background-size:auto 100%;}
.ezpay-wrap .ezpay-item.on .ez-kakao {background:url(/_pub/assets/img/common/ico-40x-10.svg) no-repeat 0 0; background-size:auto 100%;} 
.ezpay-wrap .ezpay-item.on .ez-toss {background:url(/_pub/assets/img/common/img-toss-logo.png) no-repeat 0 0; background-size:auto 100%;} 
.ezpay-wrap .ezpay-item.on .ez-payco {background:url(/_pub/assets/img/common/ico-40x-11.svg) no-repeat 0 0; background-size:auto 100%;} 
.ezpay-wrap .ezpay-item.on .ez-baemin {background:url(/_pub/assets/img/common/ico-40x-12.svg) no-repeat 0 0; background-size:auto 100%;} 

/* LON_04_021 */
.btns.ico-list {display:flex;}
.btns.ico-list [class*=ico] {flex-direction:column; align-items:center; border:1px solid var(--color-06); border-radius:1.2rem; background:var(--color-08); width:100%; padding:2.4rem 0; font-size:1.6rem;}
.btns.ico-list [class*=ico].on {border:1px solid var(--color-blue1); background:var(--color-blue9);}
.btns.ico-list [class*=ico] ~ [class*=ico] {margin-left:.8rem;}
.btns.ico-list [class*=ico]::before {width:3.6rem; height:3.6rem; margin-bottom:1.2rem; content:'';}
.btns.ico-list .ico-fax::before {background:url(/_pub/assets/img/common/ico-36x-32.svg)no-repeat center / contain;}
.btns.ico-list .ico-doc::before {background:url(/_pub/assets/img/common/ico-36x-24.svg)no-repeat center / contain;}
.btns.ico-list .ico-pic::before {background:url(/_pub/assets/img/common/ico-36x-23.svg)no-repeat center / contain;}
.btns.ico-list .ico-fin::before {background:url(/_pub/assets/img/common/ico-36x-18.svg)no-repeat center / contain;}
.btns.ico-list .ico-com::before {background:url(/_pub/assets/img/common/ico-36x-19.svg)no-repeat center / contain;}

/* LON_06_002 */
.addr-list .addr1 {margin-top:0.8rem; color:var(--color-03)}
.addr-list .addr2 {margin-top:0.4rem; font-size:1.6rem; font-weight:500;}

/* LON_05_039 */
.type-bussiness {display:block; margin-top:0.8rem; text-align:right}
.type-bussiness .type {position:relative; padding-left:0.8rem; margin-left:0.9rem}
.type-bussiness .type.rental {color:var(--color-nega)}
.type-bussiness .type::before {display:block; position:absolute; left:0; top:50%; width:0.1rem; height:1.3rem; margin-top:-0.6rem; background-color:var(--color-05); content:''}

/* LON_05_057 */
.security-card::before {display:block; width:100%; height:23.1rem; background:url(/_pub/assets/img/common/img-security-card.png) no-repeat center center / contain; content:''}

/* LON_05_061 */
.qa-list .q-num {display:block; color:var(--color-blue1); font-size:var(--fz-16)}
.qa-list .q-info {margin-top:0.4rem; font-size:var(--fz-16); font-weight:500}
.qa-list .rdobox {margin-top:1.6rem}
.qa-list > li {margin-top:3.2rem}

/* LON_05_062 */
.info-bg-wrap {margin:0 -2.4rem; padding:3.2rem 2.4rem; background-color:var(--color-07)}
.info-bg-wrap p + p {margin-top:1.2rem}
.btm-chk-info .form-rdochk.v:not(.rdobox) .form-sel {margin-bottom:0}
.btm-chk-info .form-rdochk .paragraph {display:block; margin-top:1.6rem}
.btm-chk-info .sub-info {padding-top:1.2rem; margin-top:2.4rem; border-top:1px solid var(--color-06)}

/* LON_02_055 */
.prod-chk-wrap {margin:0 -.6rem;}
.prod-chk-wrap .prod-chk {padding:2.4rem; border:1px solid var(--color-06); border-radius:1.2rem; background:var(--color-08);}
.prod-chk-wrap .prod-chk.on {border-color:var(--color-blue1); background:var(--color-blue9);}
.prod-chk-wrap .prod-chk ~ .prod-chk {margin-top:1.2rem;}
.prod-chk-wrap .prod-chk input[type=checkbox] + .label {padding-top:0; font-size:1.8rem; font-weight:700; color:var(--color-01);}
.prod-chk-wrap .prod-chk.btn-link .form-sel {display:block;}
.prod-chk-wrap .prod-chk.btn-link .form-sel::after {position:absolute; top:0; right:0; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-9.svg) no-repeat center / contain; content:'';}
.prod-chk-wrap .prod-chk.btn-link input[type=checkbox] + .label {padding-right:2rem;}
.prod-chk-wrap .prod-chk .prod-chk-inr {margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid var(--color-06);}
.prod-chk-wrap .prod-chk .prod-chk-inr.noline {margin-top:2rem; padding-top:0; border-top:none;}
.prod-chk-wrap .prod-chk .prod-chk-inr p {margin-bottom:.8rem;}
.prod-chk-wrap .prod-chk .prod-chk-inr .desc {font-size:1.6rem; font-weight:700;}
.prod-chk-wrap .prod-chk .prod-chk-inr .desc.fc-point {font-size:1.8rem;}
.prod-chk-wrap .prod-chk .depth li,
.prod-chk-wrap .prod-chk .prod-chk-inr .depth,
.prod-chk-wrap .prod-chk .prod-chk-inr .depth li {font-size:1.6rem; color:var(--color-03);}
.prod-chk-wrap .prod-chk .prod-chk-inr .depth.bul {margin-bottom:0;}
.prod-chk-wrap .prod-chk .prod-chk-inr .depth.bul::before,
.prod-chk-wrap .prod-chk .prod-chk-inr .depth.bul > li:before {background:var(--color-03);}
.prod-chk-wrap .prod-chk .prod-chk-inr .depth > li {margin-top:.4rem;}
.prod-chk-wrap .prod-chk .prod-chk-inr .depth > li:first-child {margin-top:0;}
.prod-chk-wrap .prod-chk .prod-img-wrap {display:flex; justify-content:center; margin:3.2rem 0 .8rem;}
.prod-chk-wrap .prod-chk .line-box.prod-img-wrap {flex-direction:column; align-items:center; margin-top:2rem; padding:2.4rem 0; border-radius:.6rem; border-color:var(--color-07); background:var(--color-08);}
.prod-chk-wrap .prod-chk .depth li .line-box.prod-img-wrap {margin:2rem 0 0.8rem -1.2rem}
.prod-chk-wrap .prod-chk .line-box.prod-img-wrap .tit {color:var(--color-01); font-size:1.3rem;}
.prod-chk-wrap .prod-chk .line-box.prod-img-wrap .img-info {color:var(--color-01); font-size:1.2rem}
.prod-chk-wrap .prod-chk .txt-info-box {text-align:center; word-break:keep-all}
.prod-chk-wrap .prod-chk .txt-info-box.t-line {padding-top:1.6rem; margin-top:1.6rem; border-top:1px solid var(--color-06)}
.prod-chk-wrap .prod-chk .txt-info-box .tit {color:var(--color-01); font-size:var(--fz-16); font-weight:700}
.prod-chk-wrap .prod-chk .txt-info-box p + p {margin-top:0.8rem}
.prod-chk-wrap .prod-chk .txt-info-box .blue-point-txt {color:var(--color-blue1); font-size:var(--fz-18); font-weight:700}
.prod-chk-wrap + .depth.chk.lg {margin:6rem 0 2rem;}

/* LON_03_030 */
.depth.desc {margin-top:1.6rem; color:var(--color-03);}

/* LON_04_033 */
.progress-bar-wrap .progress-bar ~ .progress-bar {margin-top:3.2rem;}
.progress-bar-wrap .progress-bar .progress-info {display:flex; justify-content:space-between; align-items:center;}
.progress-bar-wrap .progress-bar .progress-info .tit {font-size:1.6rem; font-weight:500;}
.progress-bar-wrap .progress-bar .progress-info .numbers {font-weight:700;}
.progress-bar-wrap .progress-bar .progress-info .numbers.remain {color:#ef6578;}
.progress-bar-wrap .progress-bar .progress {height:2rem; margin-top:1.2rem; border-radius:1.3rem;}
.progress-bar-wrap .progress-bar .progress .bar {display:block; position:relative; height:100%; background:var(--color-07);}
.progress-bar-wrap .progress-bar .progress .bar.line::before {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid var(--color-04); border-radius:1.3rem; content:'';}
.progress-bar-wrap .progress-bar .progress .bar.item-col10 {background:var(--color-blue1);}
.progress-bar-wrap .progress-bar .progress .bar.item-col10 .inner {box-shadow:.2rem 0 0 0 var(--color-08);}
.progress-bar-wrap .progress-bar .progress .bar .inner {position:absolute; top:0; left:0; height:100%;}
.progress-bar-wrap .stats-wrap {margin-top:1.6rem;}
.progress-bar-wrap .stats-wrap .stats-val .numbers.remain {color:#ef6578;}
.progress-bar-wrap .progress-bar .progress .bar .inner.item-col09,
.progress-bar-wrap .stats-wrap .stats-val .item-col09::before {background:#ef6578;}
.progress-bar-wrap .progress-bar .progress .bar .inner.item-col10,
.progress-bar-wrap .stats-wrap .stats-val .item-col10::before {background:var(--color-blue1);}

/* LON_05_045, LON_05_046, LON_05_078 */
.info-msg-list .card-wrap + .card-wrap {margin-top:-1.1rem}
.info-msg-list .card-wrap {padding:0; border-radius:1.2rem 1.2rem 0 0}
.info-msg-list .card-wrap:last-child {border-radius:1.2rem}
.info-msg-list .card-wrap {background-color:var(--color-07)}
.info-msg-list .card-wrap .head-wrap {padding:2.4rem}
.info-msg-list .card-wrap .head-wrap .state-msg > span {font-weight:400; font-size:var( --fz-14)}
.info-msg-list .card-wrap .card-sub.tel {display:block}
.info-msg-list .card-wrap .card-sub.date {display:none}
.info-msg-list .card-wrap .msg-input-wrap {padding:0 2.4rem 2.4rem}
.info-msg-list .card-wrap.on {background-color:var(--color-08)}
.info-msg-list .card-wrap.on .card-sub.tel {display:none}
.info-msg-list .card-wrap.on .card-sub.date {display:block}
.info-msg-list .card-wrap.on .msg-input-wrap {padding-bottom:3.5rem}
.info-msg-list .card-wrap.on:last-child .head-wrap {padding-bottom:2.4rem}
.info-msg-list .card-wrap.on .msg-input-wrap {display:block}
.info-msg-list .msg-input-wrap {display:none}
.info-msg-list .msg-input-wrap .form-group:first-child {margin-top:0}
.info-msg-list .msg-input-wrap .form-group + .form-group {margin-top:1.6rem}

/* LON_05_082 */
.step-list {margin-top:4rem; padding-bottom:3.2rem; border-bottom:1px solid var(--color-07)}
.step-list > li {position:relative; padding-right:6.9rem}
.step-list > li + li {padding-top:3.2rem; margin-top:3.2rem; border-top:1px solid var(--color-07)}
.step-list > li::before {display:block; position:absolute; right:0; bottom:0; width:6rem; height:6rem; content:''}
.step-list > li.certification::before {background:url(/_pub/assets/img/common/ico-60x-10.svg) no-repeat; background-size:100%}
.step-list > li.auto-submit::before {background:url(/_pub/assets/img/common/ico-60x-11.svg) no-repeat; background-size:100%}
.step-list > li.contract::before {background:url(/_pub/assets/img/common/ico-60x-12.svg) no-repeat; background-size:100%}
.step-list > li.conformity-inspection::before {background:url(/_pub/assets/img/common/ico-60x-13.svg) no-repeat; background-size:100%}/*250929 추가*/
.step-list .step {display:inline-block; padding:0.2rem 0.6rem 0.1rem 0.6rem; border-radius:0.4rem; background-color:var(--color-blue8); color:var(--color-blue1); font-size:var(--fz-13)}
.step-list .info {margin-top:1.2rem; font-size:var(--fz-20); font-weight:700}

/* LON_06_029 */
.step-list.add-btn > li {padding-right:0}
.step-list.add-btn > li .info-wrap {padding-right:6.9rem}
.step-list.add-btn > li + li {padding-top:0}
.step-list.add-btn > li + li .info-wrap {padding-top:3.2rem}
.step-list.add-btn > li + li::before {bottom:7.2rem}
.step-list.add-btn + .agree-check {margin-top:2.9rem}

/* LON_06_008 */
.loan-info-box.line .desc {display:block;}
.lon .loan-info-box.line + .tip {margin-top:1.6rem}

.lon .top-info {margin-bottom:3.2rem}

/* CRD_04_001 */
.credit-map::before {display:block; width:100%; height:23.1rem; background:url(/_pub/assets/img/common/img-nice-map.png) no-repeat center center / contain; content:''}

/* CRD_04_003 */
.p-sub-link {vertical-align:middle}

.notice-top {display:flex; justify-content:space-between; margin-bottom:2.8rem;}
.notice-top [class*=ico-] {align-items:center;}
.notice-top .ico-notice::before {width:1.8rem; height:1.8rem; margin-right:.4rem; background:url(/_pub/assets/img/common/ico-18x-46.svg) no-repeat center / contain; content:'';}
.multi-cont-wrap .menu-tit {padding-bottom:1.2rem; border-bottom:1px solid var(--color-06);}
.multi-cont-wrap .notice-date {position:sticky; top:7rem; padding:1.2rem; border-radius:.6rem; background:var(--color-blue9); z-index:1;}
.multi-cont-wrap .notice-date p {font-size:1.3rem; color:var(--color-03);}
.multi-cont-wrap .lists {margin:1.6rem 0; border-bottom:none;}
.multi-cont-wrap .lists + .list-info-box {margin-top:4.4rem; padding:2rem;}
.multi-cont-wrap .lists li {border-bottom:none;}
.multi-cont-wrap .lists .li-link {flex-direction:column; align-items:flex-start; padding-left:2.8rem;}
.multi-cont-wrap .lists .li-link span ~ span {margin-top:.4rem;}
.multi-cont-wrap .lists .li-link .sub-cat {margin-left:-2.6rem;}
.multi-cont-wrap .lists .li-link .time {font-size:1.3rem; color:var(--color-04);}

.sub-cat {display:flex; align-items:center; font-size:1.4rem; color:var(--color-03);}
.sub-cat[class*=ico-]::before {width:2rem; height:2rem; margin-right:.8rem; content:'';}
.sub-cat[class*=ico-noti]::before {width:1.8rem; height:1.8rem;}

/* 240924 추가 ETC_50_02 */
.profile-cover { text-align: center; }
.profile-cover .img-profile { width: 10.6rem; }

/* 알림함 */
.sub-cat.ico-noti-tra::before {background:url(/_pub/assets/img/common/ico-18x-48.svg) no-repeat center / contain;} /* 입출금 */
.sub-cat.ico-noti-ckc::before {background:url(/_pub/assets/img/common/ico-18x-50.svg) no-repeat center / contain;} /* 카드 */
.sub-cat.ico-noti-dep::before {background:url(/_pub/assets/img/common/ico-18x-53.svg) no-repeat center / contain;} /* 예금 */
.sub-cat.ico-noti-lon::before {background:url(/_pub/assets/img/common/ico-18x-51.svg) no-repeat center / contain;} /* 대출 */
.sub-cat.ico-noti-crt::before {background:url(/_pub/assets/img/common/ico-18x-.svg) no-repeat center / contain;} /* 보안 */
.sub-cat.ico-noti-evt::before {background:url(/_pub/assets/img/common/ico-18x-52.svg) no-repeat center / contain;} /* 소식 */
.sub-cat.ico-noti-crd::before {background:url(/_pub/assets/img/common/ico-18x-49.svg) no-repeat center / contain;} /* 신용정보 */

/* 전체메뉴 */
.sub-cat.ico-inq::before {background:url(/_pub/assets/img/common/ico-20x-2.svg) no-repeat center / contain;} /* 조회 */
.sub-cat.ico-tra::before {background:url(/_pub/assets/img/common/ico-20x-3.svg) no-repeat center / contain;} /* 이체 */
.sub-cat.ico-bst::before {background:url(/_pub/assets/img/common/ico-20x-4.svg) no-repeat center / contain;} /* 금융피드 */
.sub-cat.ico-dep::before {background:url(/_pub/assets/img/common/ico-20x-5.svg) no-repeat center / contain;} /* 예/적금 */
.sub-cat.ico-lon::before {background:url(/_pub/assets/img/common/ico-20x-6.svg) no-repeat center / contain;} /* 대출 */
.sub-cat.ico-ckc::before {background:url(/_pub/assets/img/common/ico-20x-7.svg) no-repeat center / contain;} /* 체크카드 */
.sub-cat.ico-obk::before {background:url(/_pub/assets/img/common/ico-20x-8.svg) no-repeat center / contain;} /* 오픈뱅킹 */
.sub-cat.ico-che::before {background:url(/_pub/assets/img/common/ico-20x-9.svg) no-repeat center / contain;} /* 외화/환전 */
.sub-cat.ico-pbt::before {background:url(/_pub/assets/img/common/ico-20x-10.svg) no-repeat center / contain;} /* 공과금 */
.sub-cat.ico-crd::before {background:url(/_pub/assets/img/common/ico-20x-11.svg) no-repeat center / contain;} /* 금융/신용관리 */
.sub-cat.ico-ctf::before {background:url(/_pub/assets/img/common/ico-20x-12.svg) no-repeat center / contain;} /* 증명서 발급/제출 */
.sub-cat.ico-evt::before {background:url(/_pub/assets/img/common/ico-20x-13.svg) no-repeat center / contain;} /* 혜택 */

/* layout */
.all-menu .section { padding: 0 var(--lv-md);margin: 0 auto;--fixed-margin-top:0; }
.all-menu .swiper .swiper-button {width: 5px;height: 5px;background-color: transparent;display: none;}

/* fixed : position:sticky 와 swiper 같이 사용 시 safari bug로 fixed로 대체 */
.all-menu .sticky {top: 0;background-color: #fff;}
.all-menu .fixed {position: fixed;left: 0;top: 0;width: 100vw;z-index: 100;}
/* fixed header */
.all-menu .fixed.header {position: fixed;width: auto;left:auto;}
/* fixed 회원정보 */
.all-menu .fixed.user-area .recent {display: none;}
.all-menu .fixed.user-area .logout {position: absolute;right: 112px;top: 15px;}
.all-menu .fixed.user-area .user-state {margin: 0;}
/* fixed 내비게이션 */
.all-menu .sticky.nav-area {top: 5.6rem;}
.all-menu .fixed.nav-area {box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);padding-top: .9rem;padding-bottom: 1.5rem;}
/* fixed animation */
.all-menu .fixed.header,all-menu .fixed + .se
.all-menu .fixed.user-area {animation: fixedAni .5s forwards;opacity: 0;}
@keyframes fixedAni {
    100% {opacity: 1;}
}


/* 회원정보 [user-area] */
/* header */
.all-menu .header { position: absolute; top:0; right: 0;z-index: 101; }
.all-menu .header .gnb { display: flex; flex-direction: row; align-items: center;padding-top: var(--lv-xs); padding-right: var(--lv-md); height: 3.2rem; text-align: right;box-sizing: content-box; }
.all-menu .header .gnb button[class*=ico-] { display: flex; align-items: center; width: 2.4rem; height: 2.4rem; margin-left: 2rem; overflow: hidden; text-align: right; }
.all-menu .header .gnb button[class*=ico-]::before {width: 2.4rem;height: 2.4rem;margin: 0;}
/* user-info */
.all-menu .user-area { display: flex; align-items:flex-start; justify-content: center; flex-direction: column; z-index: 99; height: 6.8rem; padding: 2rem 1.8rem 1.8rem 2.4rem; box-sizing: border-box; --img-size: 3.2rem;border-bottom: 1px solid #fff;} /* 261013 수정 */
.all-menu .user-area .user-info {position: relative;padding-left: calc(var(--img-size) + .8rem); background:url(/_pub/assets/img/common/ico-32x-1.svg) left center no-repeat;}
.all-menu .user-area .user-info .img-box { position: absolute; top: 0; left: 0; width: var(--img-size); height: var(--img-size); border-radius: 50%; overflow: hidden;background:url(/_pub/assets/img/common/ico-32x-1.svg) center no-repeat; }
.all-menu .user-area .user-info .member { position:relative; display: flex; padding-right:2.2rem; font-size: 2rem; line-height: var(--img-size); }
.all-menu .user-area .user-info .member:after {content:''; background:url(/_pub/assets/img/common/ico-18x-2.svg) no-repeat right center; width:1.8rem; height:1.8rem; position:absolute; right:0; top:50%;margin-top: -0.9rem;}
.all-menu .user-area .user-info .member strong { display: inline-block;max-width: calc(100vw - 280px);overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* user-state */
.all-menu .user-area .user-state { display: flex; width: 100%; align-items: center; margin-top: 1.9rem; }
.all-menu .user-area .user-state .recent {color: var(--color-04);font-size: 1.4rem;font-weight: 400;}
.all-menu .user-area .user-state .logout { margin-left: auto; }


/* 서브메인 링크 [util-area] */
.all-menu  .util-area { display: flex; justify-content: space-between; padding: var(--lv-md) 4.2rem; }
.all-menu  .util-area button {position: relative; flex-direction: column; width: 60px; font-size: 1.4rem; color: var(--color-01);align-items: center;text-align: center; }
.all-menu  .util-area button:before { content: ''; display: block; width: 2.4rem; height: 2.4rem; margin: 0 auto 9px; }
.all-menu  .util-area .new {font-size: 0;position: absolute; top: -1px; left: 50%; --circle-size: .6rem; width: var(--circle-size); height: var(--circle-size); margin-left: var(--circle-size); background-color: #ff5858; -webkit-border-radius: 50%; border-radius: 50%;}


/* 배너 [banner-area] */
.all-menu .banner-area {width: 100vw;min-height: 10px;padding: 0;background-color: #f4f6f9;overflow: hidden;}
.all-menu .banner-area .banner-box {position:relative;}
/* .all-menu .banner-area .banner-box .swiper-button {width:0.5rem; height:0.5rem; background-color: transparent;}
.all-menu .banner-area .banner-box .swiper-button:after {opacity:0;} */
.all-menu .banner-area .swiper-pagination-wrap { position: absolute; right: var(--lv-md); bottom: .6rem; margin-top: 0; z-index: 1;}
.all-menu .banner-area .swiper-pagination { height: 1.8rem; line-height: 1.8rem; color: #696e77; font-size: 1.1rem; vertical-align: baseline; }
.all-menu .banner-area .swiper-pagination-current { font-weight: 400;}
.banner-box .swiper-button{background-color:#575757;opacity:1;}
/* wa-241107 : 숨김처리 */
/* .banner-box .swiper-button-next.swiper-button-disabled, .banner-box .swiper-button-prev.swiper-button-disabled {background-color:#919191;opacity:1;} */ 

/* wa-241025 : 배너영역 swiper 디자인 접근성 수정 */
.banner-area .swiper-button { background-color: transparent;} /* wa-241107 : color 변경 */
.banner-area .banner-box .swiper-button::after{border-color:#696E77}

/* wa-241028 : swiper 색상 변경 */
.main .swiper .swiper-button::after {border-color: #E9E9E9;}
.swiper .swiper-button {background-color: transparent} /* wa-241107 : color 변경 */
.gds .swiper .swiper-button::after {border-color: #696E77;}

/* wa-241107 : 전체메뉴 스와이퍼 버튼 스타일 변경 */
.banner-area .swiper-button::before {display: block; content: ''; width: 100%; height: 100%; background-color: rgba(255,255,255, 0.4);}
.banner-area .swiper-button-next, .banner-area .swiper-button-prev {width: 1.8rem; height: 3.2rem; margin-top: 0; transform: translateY(-50%);}
.banner-area .swiper-button-next::before {border-radius: 0.8rem 0 0 0.8rem;}
.banner-area .swiper-button-prev::before {border-radius: 0 0.8rem 0.8rem 0;}
.banner-area .swiper-button::after {width: 0.8rem; height: 0.8rem; margin: -0.4rem 0 0 -0.4rem; border-width: 0.17rem 0 0 0.17rem;}

/* wa-241107 : GDS 스와이퍼 버튼 스타일 변경 */
.gds-swiper .swiper .swiper-button{background-color: rgba(255,255,255, 0.4);}
.gds-swiper .swiper .swiper-button::after{width: 0.8rem; height: 0.8rem; margin: -0.4rem 0 0 -0.4rem; border-width: 0.17rem 0 0 0.17rem;}
.gds-swiper .swiper .swiper-button-prev, .gds-swiper .swiper .swiper-button-next {width: 1.8rem; height: 3.2rem; margin-top: 0; transform: translateY(-50%);}

/* 네비게이션 [nav-area] */
.all-menu .nav-area {padding: var(--lv-md) 0 0 0;z-index: 99;overflow: hidden;}
.all-menu .nav-area .swiper-wrapper { margin-left: 1.4rem;}
.all-menu .nav-area .swiper-slide { width: auto; margin-left: .6rem;transform: translateZ(0) !important;}
.all-menu .nav-area .swiper-slide:last-child {margin-right: 3.8rem;}
.all-menu .nav-area .swiper-slide button {padding: .6rem 1.6rem;border-radius: 2rem;background-color: #f3f5fa;color: #888c92;line-height: 2rem;}
.all-menu .nav-area .swiper-slide.active button {background-color: var(--color-blue2); color: var(--color-08);}
.all-menu .nav-area .swiper-pagination { display: none; }
.all-menu .nav-area .swiper-button {width:0.5rem; height:0.5rem; background-color: transparent;}
.all-menu .nav-area .swiper-button:after {opacity:0;}

/* 메뉴 리스트 [lnb-wrap] */
.all-menu .lnb-wrap .lnb { padding-top: 2.4rem; padding-bottom: 2.4rem; }
.all-menu .lnb-wrap .lnb li:first-child { padding-top: 1.2rem;}
.all-menu .lnb-wrap .lnb li button { position: relative; display: block; width: 100%; padding: 1.2rem 0; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; color: var(--color-01); text-align: left;}
.all-menu .lnb-wrap .lnb li .badge { display: inline-block; margin-left: .8rem;  line-height: 2.2rem; vertical-align: top; }

/* all-menu 추가 */
.m-logo{position: absolute;top: 2rem;left: 2.4rem;width: 12rem;height: 2.8rem;} /* 261013 수정 */
.all-menu-pop .pg-container{padding: 0;}
.pop-clse{position: absolute;top: 2.4rem;right: 2.4rem;width: 2.4rem;height: 2.4rem;background:url(/_pub/assets/img/img/btn-close.png) no-repeat center; text-indent: -9999rem;} /* 261013 수정 */
.ico-news:before {background-image: url(/_pub/assets/img/img/icon-news.svg);} /* 새소식 */
.ico-even:before {background-image: url(/_pub/assets/img/img/icon-even.svg);} /* 이벤트 */

.all-menu .menu-area{padding-bottom:6rem;}
.sub-cat.ico-itd:before {background:url(/_pub/assets/img/img/ico-itd.svg) no-repeat center / contain;} /* 회사소개 */
.sub-cat.ico-gds:before {background:url(/_pub/assets/img/img/ico-gds.svg) no-repeat center / contain;} /* 상품공시 */
.sub-cat.ico-bob:before {background:url(/_pub/assets/img/img/ico-bob.svg) no-repeat center / contain;} /* 영업점안내 */
.sub-cat.ico-cus:before {background:url(/_pub/assets/img/img/ico-cus.svg) no-repeat center / contain;} /* 고객센터 */
.sub-cat.ico-cum:before {background:url(/_pub/assets/img/img/ico-cum.svg) no-repeat center / contain;} /* 금융소비자보호 */
.sub-cat.ico-cus2:before {background:url(/_pub/assets/img/img/ico-cus2.svg) no-repeat center / contain;} /* 이용안내 */
.sub-cat.ico-cal:before {background:url(/_pub/assets/img/img/ico-cal.svg) no-repeat center / contain;} /* 금융계산기 */

/* 메인 */
.pg-wrap.main .pg-gnb {background:#fff;}
.pg-wrap.main .pg-content{padding-top: 0;}

.main-visual .swiper-slide a {display: block; width: 100%; text-align: center;}
.main-visual .swiper-controller .swiper-pagination-current {font-weight: 500;}
.main-visual .swiper-controller .swiper-pagination-total {font-weight: 400;}

/* wa-241025 : swiper 영역 수정 */
.main-visual .swiper-controller {position: absolute; left:50%; bottom:2.5rem; z-index: 2; width:12.1rem; height: 3.2rem; /* padding:0 1.4rem; */  transform: translateX(-50%);}
.main-visual .swiper-controller .swiper-pagination-wrap {position: relative; width: 8.3rem; margin: 0; background-color: #233345; opacity: 0.6; border-radius:1.7rem;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button {width: 50%; height: 100%; background: none;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-prev,
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-next {top: 0; margin-top: 0;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-next {right: 0; left: auto;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-prev::after {left: 0; right: auto; margin-left: 1.35rem;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-next::after {left: auto; right: 0; margin-left: 0; margin-right: 1.35rem;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-prev::after,
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-button-next::after {border-radius: 0.15rem;}
.main-visual .swiper-controller .swiper-pagination-wrap .swiper-pagination {width:auto; height:3.4rem; margin:0; color:#fff; font-size: 1.4rem; font-weight: 400; line-height: 3.4rem; text-align: left; letter-spacing:-1px;}
.main-visual .swiper-controller .swiper-auto-ctl {position: absolute; top: 0; right: 0; width: 3.2rem; height: 3.2rem; background-color: #233345; opacity: 0.6; border-radius:1.7rem;}
.main-visual .swiper-controller .swiper-auto-ctl:before {position:absolute; top:0; right:0; width: 100%; height: 100%; background-image:url(/_pub/assets/img/common/ico-18x-25-white.svg);}
.main-visual .swiper-controller .swiper-auto-ctl.play:before {background-image:url(/_pub/assets/img/common/ico-18x-24-white.svg);} 

.news-box {padding:1.9rem 0;}
.news-box .news-item {position: relative; height: 3rem; padding-left:3.4rem;}
.news-box .news-item:before {content: ''; position: absolute; top:0; left:0; width:2.6rem; height: 3rem; background:url(/_pub/assets/img/common/ico-news.png) 0 0 no-repeat;}
.news-box .news-item:after {content: ''; position: absolute; top:0; right:-0.5rem; width:2.6rem; height: 3rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) right center no-repeat;}
.news-box .news-item a {overflow:hidden; display: block; width:100%; padding-right:3.4rem; color:#13161c; font-size:1.4rem; line-height:3rem; text-overflow: ellipsis; white-space: nowrap;}

.prd-wrap {margin-bottom:3.2rem;}
.prd-wrap .ht-3 {margin-top:0}
.prd-wrap .tab-wrap.round > .tab-list > .scroll-wrap > button {height:4rem; background:#f6f6f6; color:#646464; border-color: #f6f6f6;}
.prd-wrap .tab-wrap.round > .tab-list > .scroll-wrap > button.active {background:#0073fc; color:#fff;}
.prd-wrap .scroll-area {overflow-y: hidden; overflow-x: auto; display: flex; padding:3.2rem 2.3rem 4rem; background:#f6f9ff; white-space: nowrap;}
.prd-wrap .item {position: relative; flex-shrink:0; width:21rem; height: 23.6rem; background: #fff; white-space: normal; box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.08); border-radius:1.2rem;}
.prd-wrap .item:not(:first-child) {margin-left:1.5rem}
.prd-wrap .item a {display:flex; justify-content: space-between; flex-direction: column; width: 100%; height: 100%; padding:3rem 2rem;}
.prd-wrap .item a.img {padding:0;}
.prd-wrap .item .more {justify-content: center; align-items: center;}
.prd-wrap .item .more span {position: relative; display: block; padding-top: 7rem; font-size:1.6rem; line-height:2.2rem;}
.prd-wrap .item .more span:before {content: ''; position: absolute; top:0; left:50%; width: 6rem; height: 6rem; margin-left:-3rem; background: url(/_pub/assets/img/common/ico-20x-2.svg) center center no-repeat; border:1px solid #ddd; border-radius: 50%;}
.prd-wrap .item .title {display: block; font-size:2.2rem; font-weight:700; color:#13161c;}
.prd-wrap .item .info .rate {display: block; font-size: 2.1rem; color:#0073fc; line-height: 3rem; font-weight:700;word-break:keep-all;}
.prd-wrap .item .info .desc {display:block; margin-top:0.5rem; font-size:1.4rem; color:#696e77; line-height: 2rem;}
.prd-wrap .item .image {display:block; height:100%;}
.prd-wrap .item .image img {height:100%; border-radius: 1.2rem;}

.branch-area {margin-bottom: 2rem;}
.branch-area a {position: relative; display: block; padding:2.4rem 2.9rem 2.4rem 9.5rem; background:#eff0fd url(/_pub/assets/img/img/icon-branch.png) left 2.9rem center no-repeat; border-radius:1.2rem;}
.branch-area a:after {content: ''; position: absolute; top:50%; right:1.5rem; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) 0 0 no-repeat; transform: translateY(-50%);}
.branch-area .title {display: block; font-size:1.8rem; line-height: 2.5rem; color:#13161c; font-weight: 700;}
.branch-area .desc {display: block; font-size: 1.4rem; line-height:2rem; color:#696e77;}

.notice-area {position: relative;  margin-bottom:2rem; background:#fff; padding:2.5rem 2.2rem; box-shadow:0 .3rem 1rem rgba(0,0,0,.1); border-radius: 1.2rem;}
.notice-area .ht-3 {margin-top:0}
.notice-area ul li:not(:first-child) {margin-top:1rem;}
.notice-area ul li a {display:flex; justify-content:space-between; align-items:center; font-size:1.4rem; line-height:2rem;}
.notice-area ul li .title {overflow:hidden; max-width:calc(100% - 7.8rem); text-overflow: ellipsis; white-space:nowrap;}
.notice-area ul li a:hover .title,
.notice-area ul li a:focus-within .title {text-decoration: underline;}
.notice-area ul li .date {font-size:1.3rem; color:#696e77;}
.notice-area .btn-more {position:absolute; top:2.5rem; right:2.2rem; padding-right:1.5rem; font-size:1.4rem; line-height:2.6rem;}
.notice-area .btn-more:after {content: ''; position: absolute; top: 50%; right:-0.5rem; width:1.8rem; height:1.8rem; background:url(/_pub/assets/img/common/ico-18x-2.svg) 0 0 no-repeat; transform: translateY(-50%);} 

.app-area {position: relative; background:#fff; padding:2.5rem 1.8rem; box-shadow:0 .3rem 1rem rgba(0,0,0,.1); border-radius: 1.2rem;}
.app-area .ht-3 {margin-top:0}
.app-area .inner {display: flex; background:#edf3ff; border-radius: 1.2rem;}
.app-area .inner .item {position:relative; width: 50%; flex-basis: 50%; padding:2.4rem 0 1.9rem; text-align: center;}
.app-area .inner .item:first-child:after {content:''; position: absolute; top:2.8rem; right:0; bottom:3.2rem; width:1px; background-color: #e4eaf5; }
.app-area .inner .item .img-box {display: block; width: 7.8rem; height: 7.8rem; margin: 0 auto;}
.app-area .inner .item .img-box img {width: 7.8rem; height: 7.8rem;}
.app-area .inner .item .title {display: block; margin-top: 1rem; font-size:1.6rem; line-height:2.2rem; color:#13161c; font-weight: 500;}
.app-area .inner .item a {display: block; width: 10rem; height:3.6rem; margin:1.6rem auto 0; padding:0 2.8rem 0 1rem; background: #fff url(/_pub/assets/img/common/ico-24x-38-blue.svg) right 1rem center no-repeat; background-size: 1.6rem; font-size:1.4rem; font-weight: 500; color:#0073fc; line-height: 3.6rem; letter-spacing:-1px; border-radius:0.6rem;}
.main .tab-wrap:not(.fit, .box) {margin-top:1.2rem;}
.main .prd-wrap .ht-3 {margin-bottom:0;}
.main .tab-wrap:not(.fit, .box) .tab-panel {margin-top:2rem !important;}

/* overflow initial */
.pg-container.flow-ini {overflow:initial;}
.pg-container .sticky {position:sticky;}

/* pg-container sticky[opt.:background] */
.pg-container .pg-content .sticky {z-index:10;}
.pg-container.bg01 {background:var(--color-07); overflow:initial;}
/* .pg-container.bg01 .pg-content {margin-top:0} */
.pg-container.bg01 .lists-headnote {height:5rem; margin:0 -2.4rem; padding:0 2.4rem; background-color:var(--color-08); /*border-top:1px solid var(--color-07); border-bottom:1px solid var(--color-07);*/ align-items:center; background-color:var(--color-08)}
.pg-container.bg01 .lists-headnote.sticky {position:sticky; top:5rem;}
.pg-container.bg01 .lists-headnote .btn.md {line-height:2rem;}
.pg-container.bg01 .lists-headnote .col {display:flex;}
.pg-container.bg02 {background:var(--color-blue9);}

/* sticky-area */
.sticky-area.sticky {display:none;}

.section-ext {margin:-3.2rem -2.4rem 0; padding:3.2rem 2.4rem; background-color:#f4f6f9;}
.section-ext + [class^=section] {margin-top:3.2rem;}

/* Move Top Button  */
.m-btn-top {display:none; position: fixed; right:2.4rem; width: 2.4rem; height: 2.4rem; background: red; opacity: 0; animation: moveTop .3s; -webkit-animation: moveTop .3s;}
.m-btn-top.show {display:block; opacity: 1;}

@keyframes moveTop {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes moveTop {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* current date */
.cur-date {display:flex; justify-content:center; align-items:center; padding:0.8rem 0; margin:-3.2rem -2.4rem 3.2rem; border-bottom:1px solid var(--color-06);}  
.cur-date button[type='button'] {margin:0 1.6rem;}
.cur-date.solid {background-color:var(--color-07); margin-top:0; border-bottom:0;}

.cur-date-wrap {background-color:var(--color-07); margin:0 -0.8rem; border-bottom:0; display:flex; justify-content:space-between; padding:0.8rem 1.6rem; align-items:center; border-radius:1.2rem;}
.cur-date-wrap .cur-date .date-year {margin:0 0.8rem; font-size:1.6rem; color:var(--color-01)}
.cur-date-wrap .cur-date {margin:0; border-bottom:0;}
.cur-date-wrap + .list-wrap {margin-top:1.6rem;}
.cash-info {text-align:right; margin:1.2rem 0 1.6rem;}

/* sticky pos. value */
/* .sticky[class*=top] {transition: .3s ease-in; -webkit-transition: .3s ease-in;} */
.sticky.top104 {top:10.4rem;}
.sticky.top100 {top:10rem;}
.sticky.top82 {top:8.2rem;}
.sticky.top50 {top:5rem;}
.sticky.top50.line-space {padding:1px 0;}

/* result etc(예외: CTF_17_002)  */
.result.etc {margin-top:2.4rem; padding:.8rem 1rem; background-color:var(--color-07); border-top:1px solid var(--color-04); border-bottom:1px solid var(--color-05);}
.result.etc::before {display:none;}

/* graph area */
.stats-wrap .saving-info .numbers-24 {margin-top:0.4rem}
.stats-wrap [class*=data-] .txt-money {margin-top:0.4rem; font-size:2rem; font-weight:500}
.stats-wrap .data-graph .graph-area {margin:2rem auto 0; text-align:center;}
.stats-wrap .cont-info {margin-top:3.2rem}
.stats-wrap .cont-info > .list-tit {display:block; margin-bottom:0.8rem; font-size:1.6rem; font-weight:500 !important}
.stats-wrap .lists.trade {counter-reset:list-number 0;}
.stats-wrap .lists.trade > li {position:relative; padding-left:4.3rem;}
.stats-wrap .lists.trade > li::before {display:inline-block; position:absolute; left:0; top:0; font-size:1.6rem; font-weight:700; content:counter(list-number)'?'; counter-increment:list-number 1;}
.stats-wrap .lists.trade li .trade-items {align-items:center;}
.stats-wrap .lists.trade li .trade-items .item-name {display:flex; align-items:center}
.stats-val {display:flex; justify-content:space-between}
.stats-val + .stats-val {margin-top:0.8rem}
.stats-val > .tit {position:relative; padding-left:1.6rem; color:var(--color-03)}
.stats-val.fz-16 .tit {padding-left:2.4rem; color:var(--color-01)}
.graph-area .sub-info .up {color:var(--color-nega); font-weight:700}
.stats-wrap .stats-val [class*=item-col]::before {content:''; display:inline-block; position:absolute; left:0; top:50%; width:1rem; height:1rem; border-radius:50%; transform: translateY(-50%);}
.stats-wrap .stats-val .item-col01::before {background-color:#ff7bac; border:1px solid #eb518a;}
.stats-wrap .stats-val .item-col02::before {background-color:#0086ff;}
.stats-wrap .stats-val .item-col03::before {background-color:#ffde3c; border:1px solid #a78f53;}
.stats-wrap .stats-val .item-col04::before {background-color:#8e7bff;}
.stats-wrap .stats-val .item-col05::before {background-color:#8f949e;}
.stats-wrap .stats-val .item-col06::before {background-color:#ef6578;}
.graph-area .sub-info {display:block; margin-top:0.4rem; color:var(--color-03); font-size:1.3rem; text-align:right !important}
.graph-area .sub-info .down {color:var(--color-blue1); font-weight:700}
.graph-article {margin-top:1.6rem;}
.graph-article .progress-wrap {display:flex; align-items:center;}
.graph-article .progress {border-radius:0}
.graph-article .progress .bar {display:block; position:relative; width:100%; height:0.8rem; border-radius:0 2rem 2rem 0; border-left:1px solid transparent; background:var(--color-07)}
.graph-article .progress.inverse .bar {position:relative; border-radius:2rem 0 0 2rem; border-right:1px solid transparent}
.graph-article .progress .bar .inner {display:block; position:absolute; left:0; height:0.8rem; border-radius:0 2rem 2rem 0;}
.graph-article .progress.inverse .bar .inner {left:inherit; right:0; border-radius:2rem 0 0 2rem; background:var(--color-05);}
.graph-area .stats-val [class*=item-col]::before {display:inline-block; position:absolute; left:0; top:0.2rem; width:1.6rem; height:1.6rem; border-radius:0.6rem; content:''}
.graph-area .stats-val .item-col01::before,
.graph-article .progress .item-col01 {background:#ee6e00}
.graph-area .stats-val .item-col02::before,
.graph-article .progress .item-col02 {background:#5ca72e}
.graph-area .stats-val .item-col03::before,
.graph-article .progress .item-col03 {background:#11a6a6}
.graph-area .stats-val .item-col04::before,
.graph-article .progress .item-col04 {background:#0086ff}
.graph-area .stats-val .item-col05::before,
.graph-article .progress .item-col05 {background:#4b6bdf}
.graph-area .stats-val .item-col06::before,
.graph-article .progress .item-col06 {background:#9262f8}
.graph-area .stats-val .item-col07::before,
.graph-article .progress .item-col07 {background:#d556e0}
.graph-area .stats-val .item-col08::before,
.graph-article .progress .item-col08 {background:#ef6578}
.graph-article .progress-summary {display:flex; justify-content: space-between; margin-top:0.6rem}
.graph-article .progress-summary .percent {font-size:var(--fz-12);}


/* boxs type summary */
.sum-box {width:calc(100% + 1.2rem); margin:0 -.6rem; text-align:center;}
.sum-box p {font-size:var(--fz-16);}
.sum-box .sum-inner {display:flex; justify-content:center; margin-top:1.2rem; padding:2.8rem 0; border:1px solid var(--color-06); border-radius:1.2rem;}
.sum-box .sum-inner .col {flex-basis:50%; position:relative; color:var(--color-03);}
.sum-box .sum-inner .col:last-child::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:4rem; background-color:var(--color-07);}
.sum-box .sum-inner .col:only-child::after {display:none;}
.sum-box .sum-inner .full {flex-basis:100%; font-size:var(--fz-16); color:var(--color-01);}
.sum-box .sum-inner .numbers {display:block; font-size:var(--fz-16); margin-top:0.3rem;}
.sum-box .sum-inner .full .numbers {display:inline-block;}
.sum-box.blue .sum-inner {background-color:var(--color-blue9); border:0;}
.sum-box.blue .sum-inner .col:last-child::after {background-color:var(--color-blue7);}
.pay-graph {height:16.6rem; margin:3.2rem 0;}
.ht-4 + .pay-graph {margin-top:1.2rem;}

/* lottie temp. */
.lottie-area {margin:0 auto; /*min-width:27.6rem;*/ max-width:32.7rem; position:relative;}
.lottie-area .lucky-result-wrap {position:absolute; width:36.7%; height:80%; margin:0 auto; top:0.8rem; left:31.8%; display:none;}
.lottie-area .lucky-result {display:flex; flex-direction:column; align-items:center; padding-top:2.4rem;}
.lottie-area .lucky-result > * {color:var(--color-08);}
.lottie-area .lucky-result.null > * {color:var(--color-01);}
.lottie-area .lucky-result .benefit {margin-top:3.2rem;}
.lottie-area .lucky-result .sub {font-size:1.5rem; font-weight:500;} /*margin-top:0.4rem;*/
.lottie-area .lucky-box {background:url(/_pub/assets/img/common/ani-luckybox.png) no-repeat center center; background-size:contain; max-width:32.7rem; width:100%; height:15rem;}
.lottie-area .lucky-box.rslt-win {background-image:url(/_pub/assets/img/common/ani-luckybox-win.png)}
.lottie-area .lucky-box.rslt-boom {background-image:url(/_pub/assets/img/common/ani-luckybox-losing-none.png)}

.lucky-box-state .my-box {padding-left:2.4rem; position:relative;}
.lucky-box-state .my-box:before {content:''; display:inline-block; width:1.8rem; height:1.8rem; position:absolute; left:0; top:calc(50% - 1rem); background:url(/_pub/assets/img/common/ico-18x-44.svg) no-repeat center center / contain;}

/* card graph area */
.graph-area {margin:3.2rem auto; text-align: center;}
.graph-wrap {margin:3.2rem auto; z-index:1; position:relative}
.graph-wrap .graph-area {margin:0;}
.graph-wrap .renderer-id {position:absolute;}
.graph-wrap .renderer-id.pos-right {right:0;} /* ano. caes */
.graph-wrap .renderer-id [class*='id-'] {position:relative; padding-left:1.8rem; display:flex;}
.graph-wrap .renderer-id [class*='id-']:before {content:''; display:inline-block; width:1rem; height:1rem; border-radius:100%; position:absolute; left:0; top:calc(50% - 0.5rem)}
.graph-wrap .renderer-id .id-item01:before {background-color:#0086ff;}

.img-wrap.idcard {display:flex; justify-content:center; height:20.1rem;}
.img-wrap.idcard img {display:block; width:100%; max-width:32.7rem; height:100%;}

/* focus visual */
.focus-visual {margin:-8.2rem -2.4rem 6rem; padding:11rem 2.4rem 6rem; display:flex; flex-direction:column; align-items:flex-start;}
.focus-visual .front-txt {font-size:1.6rem; font-weight:500; color:var(--color-03);}
.focus-visual .slogun {font-size:3rem; margin:1rem 0 2rem; font-weight:700;}
.focus-visual .btn {font-size:var(--fz-18); font-weight:700;}
.focus-visual .end {align-self:end; width:24rem; margin:0 -2.4rem 0 0;}
.focus-visual .md {font-size:var(--fz-18); font-weight:700;}
.focus-visual .depth.chk {margin-top:auto; margin-top:0.8rem;}
.focus-visual .depth.chk li {font-size:1.6rem; font-weight:500;}
.focus-visual .depth.chk li:not(:first-child) {margin-top:1.2rem;}
.focus-visual .slogun strong {display:inline-block;}
.focus-visual button + .depth.chk {margin-top:6rem;}

.type-deposit-wrap .focus-visual {background-color:#e9f5ff;}
.type-deposit-wrap .focus-visual .slogun strong {color:var(--color-blue1);}
.type-deposit-wrap .cascade-wrap .cascade .badge.tag-pt {background-color:#e9f5ff; color:var(--color-blue1);border-radius:0.6rem;}
.type-deposit-wrap .depth.chk > li:before {background-image:url(/_pub/assets/img/common/ico-18x-38.svg)}

.type-loan-wrap .focus-visual {background-color:#f2f1ff;}
.type-loan-wrap .focus-visual .slogun strong {color:#7e5dff;}
.type-loan-wrap .cascade-wrap .cascade .badge.tag-pt {background-color:#f2f1ff; color:#7e5dff;}
.type-loan-wrap .depth.chk > li:before {background-image:url(/_pub/assets/img/common/ico-18x-40.svg)}

.type-etc-wrap .focus-visual {background-color:#fcf6ea;}
.type-etc-wrap .focus-visual .slogun strong {color:#ba7b00;}
.type-etc-wrap .cascade-wrap .cascade .badge.tag-pt {background-color:#fcf6ea; color:#ba7b00;}
.type-etc-wrap .depth.chk > li:before {background-image:url(/_pub/assets/img/common/ico-18x-41.svg)}

/* prod. terms button */
.prod-term-list button:not(:first-child) {margin-top:1.6rem;}
.prod-term-list button {position:relative; width:100%; text-align:left; line-height:140%; padding:0 3rem 0 1.2rem;}
.prod-term-list button:before {content:''; display:inline-block; position:absolute; left:0; top:0.8rem; width:0.3rem; height:0.3rem; border-radius:50%; margin-left:0.25rem; background:var(--color-01);}                            
.prod-term-list button:after {content:''; display:inline-block; position:absolute; right:0; top:0; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-9.svg) no-repeat center center;}

/* calc. case */
.calc-case {margin-bottom:6rem;}
.calc-case .noti {color:var(--color-03); font-size:var(--fz-18); font-weight:700; line-height:140%;}
.calc-case .noti:before {content:''; display:inline-block; width:1.6rem; height:2.4rem; margin:-0.1rem 0.8rem 0 0; vertical-align:middle; background:url(/_pub/assets/img/common/ico-16x-1.svg) no-repeat center center / contain;}
.calc-case .case-flow {margin:2.4rem 0; font-size:2.4rem;}
.calc-case .case-flow .item-key {display:block; margin:0.2rem 0; color:var(--color-03); line-height:4rem;}
.calc-case .case-flow .item-key.aside {display:inline-block;}
.calc-case .case-flow .item-key.aside-after:after {display:block;}
.calc-case .case-flow .item-key .btn.sm {vertical-align:middle; padding:0.6rem 1.9rem}
.calc-case .case-flow .item-key .btn.sm.on {font-weight:700; color:var(--color-blue1); border-color:var(--color-blue1)}

.calc-case .case-flow .item-value {margin:0.2rem 0; display:inline-block; width:auto;}
.calc-case .case-flow .item-value .form-ele {height:auto; min-height:4.0rem; ;}
.calc-case .case-flow .item-value .form-ele .select-btn {font-size:2.4rem; font-weight:700; white-space:initial; padding:0.4rem 3.2rem 0.4rem 0; min-height:4.0rem}

.calc-case .case-flow .item-value .form-ele .select-btn.add-unit {padding-right:0; margin-right:-0.4rem; font-size:2.4rem;}
.calc-case .case-flow .item-value .form-ele .select-btn.add-unit + strong {font-size:2.4rem; line-height:1.5;}
.calc-case .case-flow .item-value .form-ele .select-btn.add-unit::after {margin-left:0.4rem; position:relative; background:none;}

/* case result bluebox */
.boxs.result01 {display:flex; flex-direction:column; align-items:stretch; text-align:center; width:100%; margin:3.2rem 0 0}
.boxs.result01 [class*=numbers] {margin-top:0.4rem;}

/* content point */
.cascade-wrap {margin-top:6rem;}
.cascade-wrap .cascade:not(:first-child) {margin-top:6rem;}
.cascade-wrap .cascade {margin:0 0 9.2rem; display:flex; flex-direction:column; align-items:flex-start;}
.cascade-wrap .cascade .badge.tag-pt {line-height:2.4rem; height:auto; font-weight:700; margin-left:0; font-size:1.4rem;}
.cascade-wrap .cascade .tit {margin:1.6rem 0 1.2rem; font-size:2.6rem;}
.cascade-wrap .cascade .descr {font-size:1.5rem; color:var(--color-03);}
.cascade-wrap .cascade .thumn {max-width:260px; align-self:center; margin-top:6rem;}

/* electro wallet address (CTF_24_005) */
.edocuwallet-addr {margin:0 -.6rem;}
.edocuwallet-addr .addr-qr {width:12rem; height:12rem; margin:0 auto;}
.edocuwallet-addr .addr-url {margin-top:2.4rem; padding:2.4rem; background-color:var(--color-blue9); border-radius:1.2rem;}
.edocuwallet-addr .addr-url .btn {margin-top:1.6rem;}

/* intro. contents */
/* .focus-visual {min-height: calc(100vh - 111px);} */
.cascade-wrap, .focus-visual {overflow: hidden;}
.focus-visual.animated .end {animation: slideHorizen 1.5s;--slide-value: 50%;}
.focus-visual.animated .depth li:nth-child(1) {animation: slideVertical 1.6s;--slide-value: 40px}
.focus-visual.animated .depth li:nth-child(2) {animation: slideVertical 1.8s;--slide-value: 60px}
.focus-visual.animated .depth li:nth-child(3) {animation: slideVertical 2.0s;--slide-value: 80px}
.cascade .tit {--slide-value: 50px;transform: translate(var(--slide-value), 0);opacity: 0;}
.cascade .descr {--slide-value: 100px;transform: translate(var(--slide-value), 0);opacity: 0;}
.cascade .thumn {--slide-value: 100%;opacity: 0;}
.cascade .cascade-inner .tit {margin:3.2rem 0 .8rem; font-size:var(--fz-16); font-weight:700;}
.cascade .cascade-inner .descr {font-size:var(--fz-14); color:var(--color-01);}
.cascade.animated .tit {animation: slideVertical 1s forwards;}
.cascade.animated .descr {animation: slideVertical 1.2s forwards;}
.cascade.animated .thumn {animation: slideHorizen 1.2s forwards;}
.cascade.animated .cascade-inner .tit {animation: slideVertical 1.2s forwards;}
.cascade.animated .cascade-inner .descr {animation: slideVertical 1.4s forwards;}
@keyframes slideHorizen {
    0% {transform: translate(var(--slide-value), 0);opacity: 0;}
    30% {transform: translate(var(--slide-value), 0);opacity: 0;}
    100% {transform: translate(0px, 0px);opacity: 1;}
}
@keyframes slideVertical {
    0% {transform: translate(0px, var(--slide-value));opacity: 0;}
    30% {transform: translate(0px, var(--slide-value));opacity: 0;}
    100% {transform: translate(0px, 0);opacity: 1;}
}

.pg-content .outlink-frame {min-height:calc(100vh - 12.2rem);} /* MSB_CTF_22_008 */
.pg-content .view-frame {min-height:calc(100vh - 18.2rem);} /* View Area / MSB_CTF_23_002 */

/* 회사소개 */
.bg-itd01{position: relative;padding-top:20rem;width:100%;height: 100%;background:url(/_pub/assets/img/img/bnn-history.png) no-repeat center 0; background-size:cover;border-radius: 1rem;}
.bg-itd02{position: relative;padding-top:20rem;width:100%;height: 100%;background:url(/_pub/assets/img/img/bnn-promise.png) no-repeat center 0; background-size:cover;border-radius: 1rem;}
.bg-itd03{position: relative;padding-top:20rem;width:100%;height: 100%;background:url(/_pub/assets/img/img/bnn-cs.png) no-repeat center 0; background-size:cover;border-radius: 1rem 3.6rem 1rem 1rem;}
.bg-itd03:before{display: block; position: absolute; top:0;right:0;bottom: 0 ; left: 0; background-color: rgba(0, 0, 0, 0.5);border-radius: 1rem 3.6rem 1rem 1rem;content:'';}
.bg-itd03:after{display: block;position: absolute;top: 52%;left: 1.6rem;width: 89%;height: 1px;background-color: rgba(235, 235, 235, 0.1) ;content:''; }
.bg-itd04{position: relative;padding-top:20rem;width:100%;height: 100%;background:url(/_pub/assets/img/img/bnn-esg.png) no-repeat center 0; background-size:cover;border-radius: 1rem;}

.bg-itd03 .cs-info{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 100%;color: #fff;}
.bg-itd03 .cs-info p{padding:1.5rem 0;font-size: 1.5rem;}
.bg-itd03 .cs-info p span{font-size: 2.4rem;font-weight: 500;line-height: 3.36rem;}

.history.accordion li .acco-item{padding: 1.8rem 4rem 1.8rem 0;font-size: 2rem;font-weight: 500;}
.history.accordion li.on > .acco-panel .p{font-size: 1.6rem;color:#13161c}

.slogan-wrap {margin:3.5rem 0 4rem;text-align: center;}
.slogan-wrap .tit {display: block;font-size:2rem;font-weight: 400; }
.slogan-wrap .txt {font-size:1.6rem;}

.esg-slogan .tit{margin-top: 1rem;font-size:2.6rem;font-weight: 600;line-height: 3.3rem;}

.bg-blue{padding:3rem 2.4rem 0;margin: 0 -2.4rem;background-color: #f6f9ff;}
.img-box{ text-align: center;}
.img-box.credo img{max-width: 32.7rem;}

.txt-lst{padding: 2.5rem 0;}
.txt-lst li{padding: 2.4rem 0;border-top: 1px solid #e2e5eb;}
.txt-lst li:first-child{border-top: none;}
.txt-lst li .tit{display: block;margin-bottom: 1rem;font-size: 1.8rem;font-weight: 600;}
.txt-lst li .txt{font-size: 1.8rem;}

.esg-info-wrap{position: relative;margin-bottom: 3rem;text-align: center;}
/* .esg-info-wrap:before{display: block;position: absolute;top:50%;left: 50%;width: 23rem;height: 23rem;transform: translate(-50%,-50%);border:1px solid #dddd;border-radius: 50%;content:'';}
.esg-info-lst{display: flex;flex-wrap:wrap}
.esg-info-lst li{position: relative;width: 50%;padding-top: 15.6rem;margin-bottom: 3.4rem;text-align: center;}
.esg-info-lst li:before{display: block;position: absolute;top:0;left: 50%;transform: translate(-50%,0);width:14rem;height: 14rem;content:'';}
.esg-info-lst .item01:before{background:url(/_pub/assets/img/img/icon-esg01.png) no-repeat ;background-size: 14rem 14rem;}
.esg-info-lst .item02:before{background:url(/_pub/assets/img/img/icon-esg02.png) no-repeat ;background-size: 14rem 14rem;}
.esg-info-lst .item03:before{background:url(/_pub/assets/img/img/icon-esg03.png) no-repeat ;background-size: 14rem 14rem;}
.esg-info-lst .item04:before{background:url(/_pub/assets/img/img/icon-esg04.png) no-repeat ;background-size: 14rem 14rem;}
.esg-info-lst li span{font-size: 1.6rem;font-weight: 500;color: #13161c;} */

.esg-con{padding-bottom: 5rem;margin-bottom: 5rem;border-bottom: 1px solid #e2e5eb;}
.esg-con:last-child{margin-bottom: 0;border-bottom:none}
.esg-con .depth.bul  li, .esg-con .depth.bul p {color:#696e77}

/* 소비자중심경영(CCM) 260907 */
.esg-con.org-wrap { margin: 0 -2.4rem 5rem 0; padding-right: 2.4rem; }
.management-wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; }
.management-wrap .list { padding: 2rem 1.7rem; text-align: center; border: 1px solid #ebebeb; border-radius: 0.8rem; }
.management-wrap .list .text { margin-top: 1rem; font-size: var(--fz-15); font-weight: 500; letter-spacing: -0.1rem; }
.history-wrap .history-list { position: relative; padding: 2.8rem 2.4rem 2.4rem 0; margin-right: -2.4rem; border-top: 1px solid var(--color-06); }
.history-wrap .history-list:before { content:''; position: absolute; top: 0; left: 0; width: 2.4rem; height: 0.4rem; background: var(--color-blue1); }
.history-wrap .history-list .list-title { font-size: var(--fz-16); font-weight: 700; color: var(--color-blue1); }
.history-wrap .history-list .text-group { display: flex; align-items: center; margin-top: 1.2rem; }
.history-wrap .history-list .text-group .text-title { font-size: var(--fz-16); font-weight: 500; color: var(--color-00); letter-spacing: -0.04rem; }
.history-wrap .history-list .text-group .con-text { margin-left: 1.5rem; letter-spacing: -0.04rem; }
.history-wrap .history-list .text-group + img { margin-top: 3.2rem; }

.down-lst li{padding:1.6rem 0;border-top:1px solid #f4f6f9}
.down-lst li:first-child{padding-top:0;border-top: none;}
.down-lst li .tit-area{margin-bottom: 1.6rem;}
.down-lst li .download {display:block;position: relative;width: 100%; padding:2rem 5rem 2rem 2rem;background-color:var(--color-07);; border-radius:1.2rem; overflow:hidden;font-size:var(--fz-16);font-weight: 500; white-space:nowrap; text-overflow:ellipsis;text-align: left;}
.down-lst li .download::after {content:''; position:absolute; right:2rem; top:1.8rem; width:2.4rem; height:2.4rem; background:url(/_pub/assets/img/common/ico-24x-38.svg) no-repeat center center / contain;}
.down-lst li .tit {display:-webkit-box; margin-bottom:.4rem; font-size:1.6rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all; word-wrap:break-word; text-overflow:ellipsis;}
.down-lst li .date {font-size:1.3rem; color:var(--color-04);}
.down-lst li .new {display:inline-flex; width:1.8rem; height:1.8rem; margin-left:.5rem; background:url(/_pub/assets/img/common/ico-18x-12.svg) no-repeat; background-size: 100% auto; vertical-align:text-bottom; font-size: 1px; color:transparent;}

.web-zine-area{margin-top: 3rem;}
.web-zine-area li{margin-top: 3rem;}
.web-zine-area li:first-child{margin-top: 0;}
.web-zine-area li .tit{display: block;margin-bottom: 1.6rem;font-size:1.8rem}
.web-zine-area li .webzine-info{display:flex;}
.web-zine-area li .thum-img{width: 13rem;}
.web-zine-area li p{margin-left:2rem;line-height: 2rem;color:#000;}

/*  */
.inform-top-wrap.type02{margin:3.2rem 0 0;background-color:#f4f6f9; border-top: 1px solid #d8dbe0;}
.table.keep-all table td{word-break: keep-all;}

/*  */
.custo-process-cont{padding: 3rem 2rem;background:url(/_pub/assets/img/img/bg-process.png) no-repeat;background-size:cover;border-radius:2rem}
.custo-process-lst li{display: flex;align-items: center;position:relative;height:9.8rem;padding:0 7rem 0 2rem;margin-top:3.2rem;background-color:#fff;border-radius:1rem}
.custo-process-lst li:first-child{margin-top: 0;}
.custo-process-lst li:first-child:before{content:none}
.custo-process-lst li:before{display: block;position: absolute;left: 50%;top:-2.9rem;width:2.4rem;height:2.4rem;margin-left:-1.2rem;background:url(/_pub/assets/img/img/icon-bg-arr.png) no-repeat;content:'';}
.custo-process-lst li:after{display: block;position: absolute;right: 2rem;top:2.2rem;width:5rem;height:5rem;content:'';}
.custo-process-lst .item01:after{background:url(/_pub/assets/img/img/icon-process01.png) no-repeat;}
.custo-process-lst .item02:after{background:url(/_pub/assets/img/img/icon-process02.png) no-repeat;}
.custo-process-lst .item03:after{background:url(/_pub/assets/img/img/icon-process03.png) no-repeat;}
.custo-process-lst .item04:after{background:url(/_pub/assets/img/img/icon-process04.png) no-repeat;}
.custo-process-lst .item05:after{background:url(/_pub/assets/img/img/icon-process05.png) no-repeat;}
.custo-process-lst .item06:after{background:url(/_pub/assets/img/img/icon-process06.png) no-repeat;}
.custo-process-lst .item07:after{background:url(/_pub/assets/img/img/icon-process07.png) no-repeat;}
.custo-process-lst .item08:after{top:2rem;width:6rem;height:6.1rem;background:url(/_pub/assets/img/img/icon-process08.png) no-repeat;}
.custo-process-lst li span{font-size: 1.6rem;}

/* 전자민원 */
.personal2{display: block; }
.personal2:before{display: block;position: absolute;top:0;left: 0;width:12rem ;height:4.2rem ;background:url(/_pub/assets/img/img/bg-mark1.png) no-repeat;z-index: 1;content: '';}
.form-ele .personal2 input{position: absolute;top:0;left:0;width: 2rem;background: transparent;z-index: 2;;text-align:center;}
.form-ele .personal2 input:focus{outline: none;}
.form-ele .personal2 input::placeholder{color: transparent;}
.form-ele .personal2 input:not(:-ms-input-placeholder){background: #fff;}
.form-ele .personal2 input:not(:placeholder-shown){background: #fff;}

.result-area{position: relative;padding: 3rem 2.4rem;margin-bottom: 4rem;background-color: #f4f6f9;border-radius: 1.2rem;}
.result-area:before{display: block;position: absolute;top:50% ;right:2.4rem ;width: 6rem;height:6rem ;margin-top: -3rem;background: url(/_pub/assets/img/img/icon_civil.png) no-repeat;content:'';}
.result-lst{display: flex;}
.result-lst li{margin-left: 3.5rem;}
.result-lst li:first-child{margin-left: 0;}
.result-lst li span{display: block;}
.result-lst li .sum{font-size:1.8rem;font-weight: 500;color: #0086ff;}
.result-lst li .sum em{font-size:1.9rem;font-weight: 700;}


.myacco.accordion li .acco-panel .ques{position: relative;padding: 0 0 0 2rem;}
.myacco.accordion li .acco-panel .ques::before{content:'Q';display: inline-block;position: absolute;top:0;left: 0;font-size: 1.5rem;font-weight: 700;color:#13161c}
.myacco.accordion li .acco-panel .ans{position: relative;padding: 0 0 0 2rem;margin-top:2rem;}
.myacco.accordion li .acco-panel .ans::before{content:'A';display: inline-block;position: absolute;top:0;left: 0;font-size: 1.5rem;font-weight: 700;color:#13161c}
.myacco.accordion li .acco-panel .tit{display: block;font-size: 1.5rem;color:#13161c}
.myacco.accordion li .acco-panel .con{margin-top: .5rem;font-size: 1.5rem;color:#696e77}
.myacco.accordion li .acco-panel .date{display: block;margin-top: .5rem;font-size: 1.3rem;color:#8f949e}

.accordion li .acco-item .cate-wait{display: inline-block;padding: .4rem 1rem;font-size: 1.2rem;border: 1px solid #0086ff;border-radius: 1.2rem;}
.accordion li .acco-item .cate-fin{display: inline-block;padding: .4rem 1rem;font-size: 1.2rem;border: 1px solid #46494f;border-radius: 1.2rem;color: #46494f;}


/* ect */
.result.unsupport{margin-top: 6rem;}
.result.unsupport:before{background:url(/_pub/assets/img/img/icon-unsupport.png) no-repeat;}
.board-paging{margin-top: 2.5rem;}
.board-paging li{position:relative}
.board-paging li span{display:inline-block;vertical-align:middle;font-size: 1.6rem;color: #13161c;}
.board-paging li .tit{width:80%;margin-left: 1rem;}
.board-paging li:after{display: block;position: absolute;top:50%;right: .5rem;width: .8rem;height: .8rem;margin-top: -.4rem;border-top:2px solid #8f949e;border-right:2px solid #8f949e;content: '';}
.board-paging .prev{border-top:1px solid #d8dbe0}
.board-paging .next:after{transform: rotate(-45deg);}
.board-paging .prev:after{transform: rotate(135deg);}
/* wa-241121 : 다음글 없는 경우의 스타일 추가 */
.board-paging li a, .board-paging li p {display:block;padding: 1.6rem 2rem 1.6rem 0;}

.result.saida{margin: 4rem 0;}
.result.saida::before{content: none;}
.result.saida .logo{width: 13rem;margin: 0 auto 2.7rem;}
.result.saida .tit{margin-bottom: 5rem;}
.result.saida .fin{width: 18rem;margin: 0 auto 3.2rem;}
.result.saida .txt{font-size: 1.6rem;}
.result.saida .txt .bold{font-weight: 700;}

/*예금계산기*/
.mweb-tooltip-wrap.tooltip-wrap .tooltip-cont .depth li, .mweb-tooltip-wrap.tooltip-wrap .tooltip-cont p.info{padding-left: 1.2rem;color:#13161c}
.mweb-tooltip-wrap.tooltip-wrap .tooltip-cont .depth li:before{background-color:#13161c ;}
.mweb-tooltip-wrap.tooltip-wrap .tooltip-cont .depth.info:before{content:'';background:url(/_pub/assets/img/common/ico-8x-1.svg) no-repeat 0 0;}
.acco-tit-area{display:flex;justify-content:space-between;align-items: center;}
.acco-tit-area .tit{display:flex;flex-direction:column}
.acco-tit-area .tit .num{display:inline-block;font-size: 1.6rem;color: #13161c;}
.acco-tit-area .tit .date{display:inline-block;font-size: 1.3rem;font-weight: 400 !important;color: #696e77;}
.acco-tit-area .sum{font-size: 1.6rem;color: #13161c;}
.accordion.cal-acoo li.on > .acco-panel{border-top: none;}
.cal-acoo .lists{border: none;}

.inp-plus + .unit{padding: 0 .4rem;}
.inp-plus[readonly] + .unit{background-color:var(--color-07); color: var(--color-01); opacity:1;}
.inp-plus + .unit + .btn-clear{display: none !important;}

/* 상품공시 */
.gds-swiper .feed-focus .swiper-slide{box-shadow:none}

/* wa-241025 : 배너영역 swiper 디자인 접근성 수정 */
.feed-focus .swiper-slide.banner-border {border-radius:1.2rem;}

.gds-swiper .feed-focus .feed-view{position: relative;padding:0;}
.gds-swiper .feed-focus .swiper-slide img{width: 100%;max-width: 100%;}
.gds-swiper .swiper-pagination-wrap{position: absolute;right: 1.4rem;bottom: 1rem;z-index: 1;}
.gds-swiper .swiper-pagination-wrap .swiper-pagination{height: 1.8rem;}

.section-bg{padding:2.4rem 1.8rem 3.2rem;margin-top: 3.2rem !important;background-color:#f7faff}

.gds-menu-wrap .lists > li{flex-direction:column;padding: 2.4rem;margin-top: 1.2rem;background-color: #fff;border-bottom:none;border-radius: 1.2rem;box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);}
.gds-menu-wrap .lists > li:first-child{margin-top: 0;}
.gds-menu-wrap .per-box{align-self:flex-end;text-align:right;}
.gds-menu-wrap .per-box .txt-per{display: block;font-size:1.6rem;font-weight:500;color:#3698e0}
.gds-menu-wrap .per-box.type02 .txt-per{color:#7e5dff}
.gds-menu-wrap .per-box .txt-per em{font-size:2.4rem;font-weight:700;}
.gds-menu-wrap .per-box .txt-info{font-size:1.2rem;color:#696e77}

.gds-menu-wrap .lists > li.bg01 .li-link:before{top:9.4rem ;right: -2.9rem;width: 15.6rem;height:14.9rem ;background:url(/_pub/assets/img/img/bg-lst01.png) no-repeat;}

.type-deposit-wrap .focus-visual.type02{background-color: #f3f1ff;}
.type-deposit-wrap .focus-visual.type02 .slogun strong{color:#7e5dff}

.type-deposit-wrap .focus-visual.type03{background-color: #fcf6ea;}
.type-deposit-wrap .focus-visual.type03 .slogun strong{color:#ba7b00}

.btn.purple{background-color: #7e5dff;color: #fff;}
.type-deposit-wrap .type02 .depth.chk > li:before{background-image:url(/_pub/assets/img/common/ico-18x-40.svg)}
.type-deposit-wrap .type03 .depth.chk > li:before{background-image:url(/_pub/assets/img/common/ico-18x-41.svg)}

.lst-wrap li{margin-top: 1.2rem;background-color: #fff;border-radius: 1.2rem; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);}
.lst-wrap li:first-child{margin-top: 0;}
.lst-wrap li button{display: flex;justify-content: space-between;align-items:center;width:100%;padding: 2.4rem;}
.lst-wrap li .info-area{text-align: left;}
.lst-wrap li .info-area .tit{display: inline-block;margin-bottom: .6rem;font-size: 1.6rem;font-weight: 600;}
.lst-wrap li .info-area .txt{font-size: 1.4rem;line-height: 2rem;color: #696e77;}
.lst-wrap li .img-area {display: flex; align-items: center; justify-content: center; width: 8rem;height:8rem;}
.lst-wrap li .img-area img {width:8rem; height:auto;}
.lst-wrap li .img-area.v img {width: auto; height: 8rem;}

.lst-wrap.type02 li button{justify-content:flex-start;padding: 2.4rem 2.4rem 2.4rem 7.6rem;}

.lst-wrap.type02 .li-link{position:relative}
.lst-wrap.type02 .li-link:before{content:''; display:inline-block; position:absolute; right:2.4rem; top:50%; transform:translateY(-50%); background: url(/_pub/assets/img/common/ico-18x-2-sm.svg) no-repeat 0 0; width:1.8rem; height:1.8rem; margin-top:-0.2rem;}
.lst-wrap.type02 .li-link .img-wrap {position:absolute; left:2.4rem; top:50%;transform:translateY(-50%);width:3.6rem; height:3.6rem;}

/* app연동 */
.pw-area{text-align: center;}
.pw-area .dot-lst{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;margin:7rem 0 1.6rem;}
.pw-area .dot-lst .pw-dot{display: block; width: 1.6rem;height: 1.6rem;margin: 0 1rem;background-color: #d8d8e0;border-radius: 100%;}
.pw-area .dot-lst .pw-dot.active{background-color:#0086ff;}

.card-wrap .card-head.my-card .state-img.bg-none::before{content: none;}
.step-list > li.fin::before {background:url(/_pub/assets/img/common/ico-60x-1.svg) no-repeat; background-size:100%}

.memo-area{display: flex;justify-content: center;align-items: center;width: 20.3rem;height: 20.4rem;margin:3.2rem auto 0;padding:3rem 1.5rem 0 5rem;background:url(/_pub/assets/img/img/memo-bg.svg) no-repeat;}
.memo-area p{font-size: 1.8rem;font-weight: 500;color: #000;}

.app-res-acco.accordion > li{border-top:none}
.app-res-acco.accordion li .acco-item{width:auto;font-weight: 700;color:#13161c}
.app-res-acco.accordion .depth-lines{padding: 0;border: none;}
.app-res-acco.accordion li.on{border-bottom:1px solid var(--color-06)}
.app-res-acco.accordion li.on .acco-panel{border-top:1px solid var(--color-06)}

.blue-box{margin-top: 4rem;padding: 3.2rem 0 2.6rem;background-color: #f4f6f9;border-radius: 1.2rem;}
.blue-box span{display: block;font-size: 1.3rem;}
.blue-box strong{display: block;margin: .8rem 0;font-size: 2.4rem;}

/* 사이다 부스터 */
.booster .pg-content {padding: 0;}
.imgdown {background:#161618;}
.imgdown img {max-width:100%;}
.imgdown .ui-swiper {overflow:hidden; padding:0 4.8rem 4rem;}
.imgdown .ui-swiper .swiper {overflow:visible; padding:0;}
.imgdown .ui-swiper .swiper-slide {padding-bottom:3.2rem; text-align: center;}
.imgdown .ui-swiper .swiper-slide .btn_down {display:inline-block; margin:1.6rem auto 0; padding:1.6rem 1.8rem 1.5rem 1.5rem; border-radius:2.4rem; background-color:#00ebff;}
.imgdown .ui-swiper .swiper-pagination .swiper-pagination-bullet {background-color:rgba(255,255,255, 0.5);}
.imgdown .ui-swiper .swiper-pagination .swiper-pagination-bullet-active {border-color:#00ebff; background-color:#00ebff;}

/* 250421 메인팝업UI개선(일반) */
.popup-banner .main-img-popup.wider { border-radius: 2.8rem 2.8rem 0 0; box-shadow: none; }
.popup-banner .main-img-popup.wider .pop-body { border-radius: 0; }
.popup-banner.popup .pop-close { background: url(/_pub/assets/img/common/ico-24x-5-wb.svg) no-repeat right center; background-size: 2.4rem auto; }
.popup-banner .swiper-pagination { width: 7.2rem; min-height: 2.4rem; line-height: 1.3rem; background: rgba(35, 51, 69, 0.6); color:var(--color-08); padding: 0.6rem 0.8rem; border-radius: 1.2rem; font-size: 1.1rem; }
.popup-banner .swiper-pagination-wrap { z-index: 1; position: absolute; bottom: 2.2rem; left: 0; width: 100%; margin-top: 0; }
.popup-banner .swiper-pagination-current { color:var(--color-08); }
.popup-banner .swiper-auto-ctl { width: 2.4rem; height: 2.4rem; background: rgba(35, 51, 69, 0.6); border-radius: 100%; margin: 0 0.6rem; }
.popup-banner .swiper-auto-ctl::before { width: 2.4rem; height: 2.4rem; background: url(/_pub/assets/img/common/ico-18x-25-white.svg) no-repeat center; background-size: 1.2rem auto; }
.popup-banner .swiper-auto-ctl.play::before { background: url(/_pub/assets/img/common/ico-18x-24-white.svg) no-repeat center; background-size: 1.2rem auto; }
.popup-banner .swiper-slide { box-shadow: none; border-radius: 0; }
.popup-banner .swiper-button { top: initial; bottom: 2.8rem; width: 1.2rem; height: 1.2rem; }
.popup-banner .swiper-button-prev { background: url(/_pub/assets/img/common/icon-swiper-arrow.svg) no-repeat center; background-size: 1.2rem auto; left: calc(50% - 4.6rem); transform: rotate(180deg); }
.popup-banner .swiper-button-next { background: url(/_pub/assets/img/common/icon-swiper-arrow.svg) no-repeat center; background-size: 1.2rem auto; right: calc(50% - 1rem); }
.popup-banner .swiper-button::after { display: none; }
.popup-banner .pop-wrap.only .swiper-pagination-wrap { display: none; }
.popup-banner .pop-wrap.only .swiper-button-prev { display: none; }
.popup-banner .pop-wrap.only .swiper-button-next { display: none; }

/* 250421 메인팝업UI개선(긴급) */
.popup-banner.modal .pop-body { height: 100%; padding-bottom: 1.2rem; overflow: visible; }
.popup-banner.modal .pop-wrap { overflow: visible; background: none; }
.popup-banner.modal .pop-icon { width: 8rem; }
.popup-banner.modal .ui-swiper { position: relative; }
.popup-banner.modal .ui-swiper .swiper { overflow: visible; }
.popup-banner.modal .ui-swiper .swiper-slide { margin: 0 2.4rem; background: #fff; border-radius: 1.2rem; }
.popup-banner.modal .swiper-pagination-wrap { bottom: -3.6rem; text-align: right; }
.popup-banner.modal .swiper-button-prev { top: 43.4rem; left: initial; right: 8.8rem; }
.popup-banner.modal .swiper-button-next { top: 43.4rem; right: 4.4rem; }
.popup-banner.modal .sub-txt-wrap { padding: 2.4rem; }
.popup-banner.modal .sub-txt-wrap .pop-sub-title { margin-top: 0.8rem; font-size: var(--fz-16); color: var(--color-02); line-height: 1.4; }
.popup-banner.modal .sub-txt-wrap .pop-title { margin-top: 0.4rem; font-size: var(--fz-22); color: var(--color-01); font-weight: 700; line-height: 1.3; }
.popup-banner.modal .sub-txt-wrap .pop-text-wrap { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; height: 8.7rem; max-height: 8.7rem; margin: 1.2rem 0; }
.popup-banner.modal .sub-txt-wrap .pop-text-wrap .pop-text { font-size: var(--fz-15); letter-spacing: -0.04rem; }
.popup-banner.modal .swiper-pagination { position: relative; }
.popup-banner.modal .pop-foot .btns { flex-wrap: wrap; justify-content: center; border-radius: 1.2rem; }
.popup-banner.modal .pop-add { z-index: 101; display: flex; position: relative; bottom: 0; width: 18rem; height: 2.4rem; }
.popup-banner.modal .pop-add .btn-cookie { margin-left: 0.6rem; font-size: var(--fz-15); color: var(--color-08); }
.popup-banner.modal .btns { display: block; width: 100%; }
.popup-banner.modal .btn.detail { display: inline-block; flex: none; width: auto; margin-right: 0; min-height: auto; padding: 0; background: none; border-radius: 0; color: var(--color-01); border-bottom: 1px solid var(--color-01); font-size: var(--fz-16); }
.popup-banner.modal .btn.primary { flex: none; width: 100%; margin: 2.4rem 0 0; }
.popup-banner.modal.full .pop-add .swiper-pagination-wrap { display: block; }
.popup-banner.modal.full .pop-add .btn-cookie { text-align: left; }
.popup-banner.modal .pop-wrap.only .swiper-pagination-wrap { display: none; }
.popup-banner.modal .pop-wrap.only .swiper-button-prev { display: none; }
.popup-banner.modal .pop-wrap.only .swiper-button-next { display: none; }
.popup-banner.modal .pop-wrap.only .pop-add { width: auto; justify-content: center; }
.popup-banner.modal .pop-wrap.only .swiper-slide { margin: 0; }

@media (max-width:319px) {
	.popup-banner.modal .sub-txt-wrap { padding: 0 1.2rem; }
    .popup-banner.modal .sub-txt-wrap .pop-text-wrap .pop-text { font-size: var(--fz-14); letter-spacing: -0.05rem; }
    .popup-banner.modal .pop-add .swiper-pagination-wrap .swiper-button-prev { top: 3.05rem; }
.popup-banner.modal .pop-add .swiper-pagination-wrap .swiper-button-next { top: 3.05rem; }
}

/* 상품상세 */
.flex-start .btn {margin-top:.4rem;}
.query-list {margin-top:1rem;padding:1.6rem; border-radius: .6rem; background-color: #f8f8f8;}

/* 구버전 개인정보처리방침 및 신용정보활용체제 */
.sec {margin:30px 0; box-sizing:border-box;}
.sec-st-tit {font-size:16px; font-weight:400; margin:-4px 0 7px; display:block; color:#000;}
.sec-st-tit.wght {font-weight:700; font-size:15px;}
.sec-st-tit.top-ini {margin-top:0;}
.sec-st-tit > span {position:relative; display:inline-block; margin:2px 0 0 14px; font-size:12px; color:#888}
.sec-st-tit > span:before {position:absolute; top:1px; left:-11px; content:"|"; width:1px; height:5px; font-size:10px; color:#e5e5e5}
.sec-st-tit + .ico-set.type-help {margin-top:-11px;}
.sec-st-date {margin-bottom:15px; font-size:12px; color:#888; line-height:12px;}
.sec-st-msg {font-size:13px; color:#555; line-height:13px;}
.sec-st-msg.blt {position:relative;padding-left:9px; text-indent:-9px;}
.sec-st-msg.blt:before {content:' '; display:inline-block; width:3px; height:3px; margin-right:6px; vertical-align:3px; background-color:#777; border-radius:50%;}
.sec-st-msg02 {font-size:13px; line-height:1.4; margin-bottom:-2px; color:#555;}

/* terms */
.lists-terms.type01 li{position:relative; padding-left:35px;}
.lists-terms.type01 li:not(:first-child) {margin-top:26px}
.lists-terms.type01 .in-tit {position:absolute; top:0; left:0; display:block; font-size:13px; color:#888; font-weight:400}

.lists-terms.type02.blt-sirc-num li {padding-top:2px;font-size:13px; color:#333}
.lists-terms.type02.blt-sirc-num li:not(:first-child) {margin-top:5px}
.lists-terms.type02.blt-sirc-num li:before {width:16px; height:16px; margin-right:10px; margin-top:-2px; background-color:#b7bfc7; border-radius:50%; font-size:12px; font-weight:700; color:#fff; content:""; display:inline-block; vertical-align:middle; text-align:center}
.lists-terms.type02.blt-sirc-num li:first-child:before {content:'1';}
.lists-terms.type02.blt-sirc-num li:nth-child(2):before {content:'2'}
.lists-terms.type02.blt-sirc-num li:nth-child(3):before {content:'3'}
.lists-terms.type02.blt-sirc-num li:nth-child(4):before {content:'4'}
.lists-terms.type02.blt-sirc-num li:nth-child(5):before {content:'5'}
.lists-terms.type02.blt-sirc-num li:nth-child(6):before {content:'6'}
.lists-terms.type02.blt-sirc-num li:nth-child(7):before {content:'7'}
.lists-terms.type02.blt-sirc-num li:nth-child(8):before {content:'8'}
.lists-terms.type02.blt-sirc-num li:nth-child(9):before {content:'9'}
.lists-terms.type02.blt-sirc-num li:nth-child(10):before {content:'10'}

.lists-terms.type03 > ul:not(.lists-mgn-short) > li:not(:first-child), .lists-terms.type03 > ol:not(.lists-mgn-short) > li:not(:first-child) {margin-top:7px;}
.lists-terms.type03 > ol.lists-mgn01 li:not(:first-child) {margin-top:15px;}
.lists-terms.type03 > ul li > ul li:not(:first-child), .lists-terms.type03 > ul li > ol li:not(:first-child), .lists-terms.type03 > ol li > ol li:not(:first-child), .lists-terms.type03 > ol li > ul li:not(:first-child) {margin-top:2px;}
.lists-terms.type03 li {font-size:13px; color:#555}
.lists-terms.type03 li:before {display:inline-block; vertical-align:middle;}
.lists-terms.type03 > ul, .lists-terms.type03 > ol {margin-top:11px;}
.lists-terms.type03 > ul li > ul, .lists-terms.type03 ul li > ol, .lists-terms.type03 > ol li > ul, .lists-terms.type03 ol li > ol {margin-top:3px;}
.lists-terms.type03 > ul li > .sec-st-msg02, .lists-terms.type03 > ol li > .sec-st-msg02 {margin-top:4px}
.lists-terms.type03 > ul li > p, .lists-terms.type03 > ol li > p {padding-left:0px; text-indent:0;}

.lists-terms.type03 .lists-blt-dot > li {padding-left:8px; text-indent:-8px;}
.lists-terms.type03 .lists-blt-dot > li:before {content:' '; width:3px; height:3px; margin-right:5px; background-color:#777; border-radius:50%;}

.lists-terms.type03 .lists-blt-dash > li {padding-left:8px; text-indent:-6px; margin-left:4px}
.lists-terms.type03 .lists-blt-dash > li:before {content:'-'; width:3px; margin-right:2px}
.solid-box .lists-terms.type03 .lists-blt-dash {text-indent:-16px; margin-top:-1px;}

.lists-terms.type03 a {display:inline-block; text-indent:0}
.lists-terms.type03 .lists-blt-star {margin-top:5px; padding-left:14px; text-indent:-14px; font-size:12px; color:#888}
.lists-terms.type03 .lists-blt-star:before {content:"※"; display:inline; margin-right:3px; vertical-align:middle;}

.lists-terms.type03 .lists-type-gana > li {margin-left:6px; padding-left:14px; text-indent:-18px;}

.lists-terms.type03 .left-mgn {margin-left:8px;}
.lists-terms.type03 .left-mgn > li {padding-left:6px; text-indent:-14px;}

.lists-terms.type03 .left-mgn-more {margin-left:16px}
.lists-terms.type03 li:not(:first-child) .sec-terms-tit {margin-top:7px}
.lists-terms.type03 .solid-box {margin-top:6px}
.lists-terms.type03 .solid-box ul {margin-top:0;}
.lists-terms.type03 .btns.xs {margin-bottom:4px}
.sec-st-msg02+ .sec-st-msg02 {margin-top:10px}
.sec-st-msg02 + .solid-box {margin-top:8px}
.sec-st-tit + .lists-terms.type03 {margin-top:-12px;}

.btns-wrap .btns:last-child {margin-right: 0;}
.btns-wrap .btns:first-child {margin-left: 0;}
.btns-wrap.narrow-st .btn{width: 100%;}
.btns-wrap.narrow-st {margin: 11px 0;}

.solid-box .lists{display: block;border-bottom: none;}
.solid-box .lists > li {display: list-item;min-height: auto;border-bottom: none;}
.solid-box .lists.type02 li:first-child {margin-top: 0;}
.solid-box .lists.type02 li, .txt-indent {font-size: 12px;padding-left: 9px;text-indent: -9px;margin-top: 4px;color: #888;}
.solid-box .lists.type02 li:before, .txt-indent:before {content: ' ';display: inline-block;width: 3px;height: 3px;margin-right: 6px;vertical-align: 3px;background-color: #777;border-radius: 50%;}

.sec.tmg-minus {margin-top: -15px;}
.solid-box {background-color: #f5f5f5;padding: 16px 15px 14px; border-radius:0.6rem;}

/* 250116 추가 */
.bridge-wrap .img-wrap { text-align: center; }
.bridge-wrap .img-wrap img { width: 28rem; }
.bridge-wrap .type-loan-wrap .depth { margin-top: 4.6rem; }
.bridge-wrap .type-loan-wrap .depth li { margin-top: 1.2rem; font-size: var(--fz-16); font-weight: 500;  }

/* 250304 */
.gds-swiper .feed-view img { max-width: none; }

/* 250507 추가 */
.cert-box { padding-left: 5.2rem; background:url(/_pub/assets/img/common/icon-recipient.png) no-repeat left center; background-size: 4rem auto; }

/* 260608 대출사전안내 */
.loan-guide-wrap.is-last:not(.is-checked) .check-tooltip { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .28s ease, transform .28s ease, visibility 0s; }
.loan-guide-wrap.is-checked .check-tooltip { opacity: 0; visibility: hidden; transform: translateY(.6rem); }
.prod-chk-wrap.color-box { position: relative; margin-top: 6.4rem; padding-top: 0;}
.prod-chk-wrap.color-box .prod-chk { display: block; width: 100%; padding: 2rem 2.4rem; background: var(--color-07); border: none; }
.prod-chk-wrap.color-box .prod-chk input[type=checkbox] + .label { font-size: var(--fz-16); color: var(--color-01); font-weight:500; }
.prod-chk-wrap.color-box .prod-chk.on { background: var(--color-blue9); }
.prod-chk-wrap.color-box .check-tooltip { position: absolute; left: .8rem; top: -3.2rem; padding: 1rem 1.6rem; border-radius: 1.2rem; background: var(--color-01); color: #fff; font-size: var(--fz-14); box-shadow: 0 .6rem 1.4rem rgba(0,0,0,.14); z-index: 2;  opacity: 0; visibility: hidden; transform: translateY(.6rem); pointer-events: none; transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s; }
.prod-chk-wrap.color-box .check-tooltip::after { content: ''; position: absolute; left: 2rem; top: 100%; border-left: .8rem solid transparent; border-right: .8rem solid transparent; border-top: .8rem solid #1f2530; }

/* 260730 SBI골프단 */
.golf-group .golf-profile { position: relative; }
.golf-group .golf-profile .link { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 42rem; height: 9%; }