@charset "UTF-8";

/*
 * 시니어 rem 환산표 (기준: html.senior 12.5px, 1rem = 12.5px)
 * 10px = 0.8rem    | 20px = 1.6rem    | 30px = 2.4rem
 * 11px = 0.88rem   | 21px = 1.68rem   | 31px = 2.48rem
 * 12px = 0.96rem   | 22px = 1.76rem   | 32px = 2.56rem
 * 13px = 1.04rem   | 23px = 1.84rem   | 33px = 2.64rem
 * 14px = 1.12rem   | 24px = 1.92rem   | 34px = 2.72rem
 * 15px = 1.2rem    | 25px = 2rem      | 35px = 2.8rem
 * 16px = 1.28rem   | 26px = 2.08rem   | 36px = 2.88rem
 * 17px = 1.36rem   | 27px = 2.16rem   | 37px = 2.96rem
 * 18px = 1.44rem   | 28px = 2.24rem   | 38px = 3.04rem
 * 19px = 1.52rem   | 29px = 2.32rem   | 39px = 3.12rem
 *                  |                  | 40px = 3.2rem
 */

 .senior header { 
    height:62px
}
.senior .hd3 {
    font-size: 1.92rem;
}
.senior .hd3.light {font-size:1.76rem}
.senior .hd3.sm {font-size:1.6rem}

.senior .hd4 {
    font-size: 1.76rem;
}
.senior .hd4.light { font-size:1.6rem}


.senior .bnk-list.inputfrm > li .bnk-btn.md {
    /* font-size: 1.12rem; */
}
.senior .bnk-list.inputfrm > li .bnk-btn.md.contents {
    font-size:1.44rem
}

.senior .bnk-tab::after { 
    top: 61px;
}

.senior .bnk-tab.fst::after {
    top: 46px;
}

.senior .stxt.sm { font-size:1.28rem}
.senior .stxt.sm2 { font-size:1.12rem}


.senior .list-viewbox.icon-ty1 {padding: 0;background: none;}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row {gap: 8px;padding: 0;}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li { 
    border-radius: var(--radius-8);
}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li.n01 { 
    background: var(--foundation-label-light-green);
}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li.n02 { 
    background: var(--foundation-label-light-blue);
}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li.n03 {
    background: var(--foundation-label-light-red);
 }
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li {/* height: 88px; *//* padding: 12px 16px; */flex: 1;}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li > a {padding: 12px 16px;}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li > a .item-header {/* justify-content: flex-start; */}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li > a .item-header .item-title {
    /* border: 1px solid #f00; */
    width: 100%;
}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li > a .item-header .bnk-icon {order: 2;margin: 0 0 0 auto;}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li > a .item-header .bnk-icon.icon-fill-search {
        background-image: url(../image/icon/custom/fill-user_search2.svg);
}


.senior .bnk-list.collapse > li > .collapse-content .hd3.light {font-size:1.44rem}
.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li > a .item-header .item-title .item-subject {color: var(--foundation-font-black);
font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */letter-spacing: -0.08px;text-align: left;}

.senior .list-viewbox.icon-ty1 .bnk-list.line.row > li + li::before {
    display:none
}

.senior .bnk-tab .tablist > dd {margin-top: 60px}
.bnk-tab.fst .tablist > dd {margin-top: 46px;}

.senior .bnk-list.display > li > dl {gap:0}
.senior .bnk-list.display > li > dl > dt {flex:none}
.senior .bnk-list.display > li > dl > dt + .price {margin-top:4px}
.senior .bnk-list.display > li > dl > dd {}
.senior .graph-outer .bnk-list.display > li > dl > dd {font-size: 2.8rem;}

.senior .bnk-list.display > li > dl > dt,
.senior .bnk-list.display > li > dl > dd {
    font-size:1.44rem
}

.senior .bnk-list.display > li > dl > dd.price {
    font-size:2.24rem
}

.senior .bnk-title.icon-grid {gap: 0 8px;}
.senior .bnk-title.icon-grid .simg {
    grid-row: span 2;
    display: flex;
    align-items: center;
}
.senior .bnk-title.icon-grid img.bank-logo {
    grid-row: span 2;
    display: block;
    align-self: center;
}

.senior .bnk-title.icon-grid.ty1 img.bank-logo,
.senior .bnk-title.icon-grid.ty1 .bnk-icon,
.senior .bnk-title.icon-grid.ty1 .simg {
    grid-row: 1;
    /* align-self: start; */
}

.senior .bnk-list.full.ty3 > li .item-wrap .item-header > img.bank-logo {
    width: 32px;
    height: 32px;
}
.senior .bnk-list.full.ty3 > li .item-wrap .item-header .item-title .item-subject {
    font-size: 1.6rem;
}
.senior .bnk-list.full.ty3 > li .item-wrap .item-header .item-title .item-desc {
    font-size: 1.28rem;
}
.senior .bnk-title.icon-grid .hd3 { }
.senior .bnk-title.icon-grid .stxt { }


/* .senior .bnk-list.display.ty2 { 
    border-top: 1px solid var(--foundation-line-gray-1);
    padding-top: 16px;
} */
.senior .bnk-list.display.ty2 > li > dl > dd {font-size: 2.8rem;}

.senior .displaybox.senior-ty1 {
    padding-right:16px
}

.senior .bnk-list.display.senior-ty1 > li {
    padding:0
}
.senior .bnk-list.display.senior-ty1 > li:last-child {
    border:none
}
.senior .bnk-list.display.senior-ty1 > li > dl > dd .stxt.lg {
    color: var(--foundation-font-black);
    font-size: 2.24rem;
    font-style: normal;
    font-weight: 800;
    line-height: 146%;
}

.senior .bnk-list.senior-ty1  .item-header { 
    width:100%
}
.senior .bnk-list.senior-ty1  > li  {
    padding:20px 0;
    margin: 0;
} 
.senior .bnk-list.senior-ty1  > li + li {
    border-top: 1px solid var(--foundation-line-gray-1);
    /* margin-top: 20px; */
}
.senior .bnk-list.senior-ty1  > li:last-child {
    border-bottom: 1px solid var(--foundation-line-gray-1);
}
.senior .bnk-list.senior-ty1  .item-header .item-title {
    width:100%;
    gap: 0;
}
.senior .bnk-list.senior-ty1  .item-header .item-title .bnk-btnset.full { 
    width:100%
}

.senior .bnk-list.senior-ty1 .item-header .item-title .item-subject + .item-desc {
    margin-top:8px
}

.senior .bnk-list.senior-ty1 .item-header .item-title .item-desc + .bnk-btnset  {
    margin-top:16px
}
.senior .bnk-list.senior-ty1 .item-header .item-title .item-desc + .item-desc {
    margin-top:8px
}

.senior .bnk-list.senior-ty1 .item-header .item-title .item-desc .stxt {
    /* font-size:1.44rem; */
}
.senior .bnk-list.senior-ty1 .item-header .item-title .item-desc .stxt.ty1 {
    font-size:1.6rem;
}

.senior .bnk-btn.md {font-weight:800;font-size: 1.44rem;/* padding: 0 8px; */}
.senior .bnk-btn.md.ty1 {
    padding:0 12px
}

.senior .bnk-list.line.row.lg > li .list-row-d2 {
    padding: 0 36px;
}

.senior .bnk-title.icon-grid .simg + .hd3 {margin-top: 0}
.senior .banner-content {
    padding-left:16px;
    padding-right:16px;
}

/* 금상몰 배너 카피는 줄 수가 고정이라, 시니어 확대 시 줄이 넘치지 않는 크기로 맞춘다 */
.senior .goldmall-detail .banner-content .bnk-title .hd2 {
    font-size: 2.3rem;
}

/* 배너 캡션 — Figma 5290:98668 (12px). 18px로 커지면 내용 폭 정렬이 풀려 좌우 여백이 사라진다 */
.senior .goldmall-detail .banner-content .bnk-list.bullet3 > li {
    font-size: 0.96rem;
    line-height: 140%;
    letter-spacing: -0.06px;
}
.senior .goldmall-detail .banner-content .bnk-list.bullet3 > li::before {
    top: 0;
}

.senior .goldmall-detail .banner-content .bnk-title + .simg.gap18 {
    margin-top: 18px;
}

/* 햇살론 상세 한도/금리 스택 — Figma 2678:80397 (dt 18px, dd 20px, gap 8px) */
.senior .bnk-list.display.goldmall-spec-stack > li > dl {
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
}
.senior .bnk-list.display.goldmall-spec-stack > li > dl > dt {
    font-size: 1.44rem;
    color: var(--foundation-font-black);
}
.senior .bnk-list.display.goldmall-spec-stack > li > dl > dd {
    font-size: 1.6rem;
    font-weight: 800;
    text-align: left;
    color: var(--foundation-font-black);
}
.senior .bnk-list.display.goldmall-spec-stack > li.goldmall-spec-stack-rate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 4px;
    row-gap: 4px;
}

/* 시니어 키워드 행 — Figma 3122:319017 (마지막 열 px 8, 자간 -0.1) */
.senior .bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row > li:last-child {
    padding: 0 8px;
}
.senior .bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row > li .list-row-d2 > dd {
    letter-spacing: -0.1px;
}

.senior .survey-wrapper .bnk-card {padding-right:0;}
.senior .survey-wrapper .bnk-card .card-body,
.senior .survey-wrapper .bnk-card .card-footer {padding-right:20px}


.senior .bnk-inputset.search input {
    padding-right:0
}


.senior .lysheet .lysheet-header {
    padding:24px 20px 16px
}   
.senior .lysheet .lysheet-header.ty1 {
    padding-top:32px
}
.senior .lysheet .lysheet-header .bnk-btn.icon {top:8px;right: 20px;}
.senior .lysheet .lysheet-header .hd4 { 
    line-height: 150%
}




.senior .bnk-title.both {gap:0}

.senior .bnk-btn.lg { 
padding: 0 8px;
}

.senior .bnk-btn.secondary.contents.line {
    font-weight: 700;
}

.senior .stxt .bnk-btn.secondary.table.sm {
    display: inline-block;
    margin-left: 4px;
    font-size: 1.44rem;
    padding: 3px 7px;
}

.senior .bnk-card.ty1 .card-header .bnk-title .stxt + .bnk-label,
.senior .bnk-card.ty1 .card-header .bnk-label,
.senior .bnk-btn.secondary.table.sm,
.senior .bnk-card.ty1 .card-header .bnk-title .hd3 + .stxt,
.senior .bnk-list.display > li > dl > dd .description,
.senior .bnk-label, 
.senior .money-count,
.senior .bnk-list.line.row.lg > li .list-row-d2 > dt,
.senior .bnk-card.ty1 .card-header .bnk-title .hd3 .circle-num {
    font-size:1.12rem
}



.senior .bnk-card.ty1.transfer-recipient-card .card-header .bnk-title .hd3 + .stxt,
.senior .bnk-card.ty1 .card-header .bnk-title.txt-ty1 .hd3,
.senior .bnk-list .text-list.ty7 > li .defn-list > dd { 
    font-size:1.28rem
}

.senior .bnk-btnset.memo-chipset .bnk-btn.secondary.common.fill,
.senior .bnk-btn.secondary.contents.line,
.senior .bnk-list.bullet3 > li,
.senior .pop-msg,
.senior .alarm-screen .alarm-screen-content .alarm-msgbox .alarm-msg.ty1,
.senior .bnk-list.bullet > li,
.senior .bnk-inputset.money .text,
.senior .bnk-list.nav > li > .subject,
.senior .banner-content .hd4,
.senior .bnk-list .text-list.ty7 > li .defn-list > dt,
.senior .bnk-card.ty1 .card-header .bnk-title.txt-ty1 .hd3 + .stxt,
.senior .bnk-inputset input::placeholder,
.senior .bnk-inputset input::placeholder,
.senior .select-option,
.senior .bnk-inputset.readonly input:read-only,
.senior .bnk-inputset input,
.senior .bnk-inputset textarea,
.senior .helpmsg,
.senior .stxt,
.senior .bnk-inputset.select .select-value,
.senior .input-date-range .bnk-inputset input,
.senior .bnk-list.line-num > li .stxt,
.senior .tbview table th, .senior .tbview table td {font-size:1.44rem;/* font-size: 18px; */}

.senior .bnk-list.bullet3.custom01 > li {
    font-size: 0.96rem; /* 12px, 일반 bullet3와 동일 */
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.06px;
}

.senior .bnk-list.bullet3.custom01 > li::before { 
    top:0
}

.senior .survey-wrapper .bnk-card .card-header .bnk-title .hd3,
.senior .bnk-btn.lg,
.senior .lysheet .lysheet-header .hd3,
.senior .bnk-list.check > li .bnk-inputset.ckbox > label,
.senior .banner-content .hd3 {font-size:1.6rem}

.senior .bnk-btn.chip.filter {
  height: 40px;
  padding: 0 12px;
  font-size: 1.44rem;
  letter-spacing: -0.09px;
}

.senior .lysheet .lysheet-header .hd3.large {
    font-size:1.76rem
}

/* 24px 환산 */
.senior .card-body .price .unit,
.senior .alarm-screen .alarm-screen-content .alarm-msgbox .alarm-msg {
    font-size:1.92rem
}

.senior .bnk-card.ty1 .card-body .price.ty1 {
    font-size:2.24rem
  }

  /* 30px 환산 */
.senior .bnk-card.ty1 .card-body .price.ty2 {font-size:2.4rem}




  .senior.darkmode .list-viewbox.icon-ty1 .bnk-list.line.row > li.n01,
  .senior.darkmode .list-viewbox.icon-ty1 .bnk-list.line.row > li.n02,
  .senior.darkmode .list-viewbox.icon-ty1 .bnk-list.line.row > li.n03 { 
    background:var(--foundation-bg-bg-1)
  }

  .senior .textarea-data {
    color: var(--foundation-font-black);
    font-size: 1.44rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    letter-spacing: -0.09px;
    padding: 17px 16px;
    flex: 1;
}



.senior .bnk-list.nav.ty1 > li .nav-dp2 > li > a { 
    line-height: 150%;
}

.senior .alarm-screen .alarm-screen-content {/* padding-top:24px; */}
.senior .alarm-screen .alarm-screen-content.bnk-grid-top0 {padding-top:0}
.senior .displaybox + .bottom-btnset { 
    margin-top:32px
}

.senior .input-radio-style.ty1 > li .bnk-inputset.rdo > label { 
    font-size:1.44rem
}

.senior .bnk-list.line.row.lg > li .list-row-d2 > dd { 
    font-size:1.92rem
}

.senior .useinfo-group .stxt + .line-num,
.senior .bnk-title.h4 + .bnk-title.h5 { margin-top: 32px}

.senior .bnk-list.check.select > li + li {margin-top:16px}
.senior .bnk-title.h5 + .displaybox {margin-top:10px;}

.senior .tbview table th {
    /* padding: 4px 0 5px; */
}
.senior .tbview.loan-detail table th {
    padding: 12px;
}
.senior .tbview.loan-detail table tr.sub th,
.senior .tbview.loan-detail table tr.sub td {
    padding: 8px 24px;
}
.senior .tbview table td {
    /* padding-top:12px; */
}

.senior .useinfo-group .hd5 + .line-num {margin-top:18px}

.senior .bnk-list.line-num > li .stxt.co1 { 
    color: var(--foundation-font-gray-2);
    font-size: 1.44rem;
}

.senior .bnk-list.display.ty1 > li > dl dd .price {
    font-size: 2.4rem;
}


.senior .card-combined .card-bottom-parts .bnk-list > li > a,
.senior .card-combined .card-bottom-parts .bnk-list > li > button,
.senior .displaybox .hd6,
.senior header .header-wrapper .gnb .bnk-btnset .bnk-btn.icon {
    font-size: 1.44rem;
    color: var(--foundation-font-black);
}
.senior .displaybox .hd6 {
    color: var(--foundation-font-bnk-red);
}

.senior .graph-outer .bnk-title .bnk-btn.pos { 
    position: absolute;
    right: 0;
    top: 0;
}

.senior .graph-outer .stxt .sub-label + .bnk-btn{
    margin-left:4px
}



.senior .bnk-list.display.ty2.custom1 > li > dl dd {
    font-size: 2.8rem;
}

.senior .bnk-list.display.ty2.custom1 > li > dl dd .price {
    font-size: 2.4rem;
}

.senior .lysheet .lysheet-header .hd3.lg { 
    font-size: 2rem;
}


.senior .bnk-btn.secondary.common.fill.sm { 
    font-size: 1.44rem;
    padding: 11px 12px;
}

.senior .bnk-btn.secondary.common.fill.sm2 {
    font-size: 1.44rem;
    padding: 5px 12px;
}

.senior .bnk-card.main-alert .bnk-btn.secondary.contents.line,
.senior .bnk-label { font-size:1.12rem}

.senior .bnk-list.line.grid { 
    grid-template-columns: repeat(1, 1fr);
}


.senior .lysheet .lysheet-header.ty2 .hd4 { 
font-size:1.6rem
}



.senior .bnk-list.link.certi .text-list.ty7 > li .defn-list > dt,
.senior .bnk-list.link.certi .text-list.ty7 > li .defn-list > dd { 
    font-size:1.12rem
}

.senior .bnk-list > li .item-wrap .item-header .item-title .item-desc,
.senior .bnk-inputset.incert .incert-inwarp .count,
.senior .bnk-list.bullet > li { 
    font-size:1.44rem
}

.senior .alarm-screen .alarm-screen-content .alarm-msgbox .alarm-msg { 
    font-size:1.92rem
}

.senior .bnk-inputset.incert .incert-inwarp .bnk-btn.secondary.common.fill.sm { 
    font-size:14px; padding:7px 12px
}

.senior .bnk-card.main-alert .alarm-screen .alarm-screen-content .alarm-msgbox .alarm-msg + .bnk-btnset { 
    margin-top:41px
}

.senior .bnk-card.main-alert .alarm-screen .alarm-screen-content.bnk-grid-padding-top04 { 
    padding-top:56px
}

.senior .bnk-card.main-alert { 
    padding-top:24px;
    padding-bottom:20px
}

.senior .container.mainpage .bnk-btn.secondary.table.sm { 
    font-size: 1.44rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.09px;
    padding: 3px 8px;
  }


  .senior .alarm-screen .alarm-screen-content .alarm-msgbox .alarm-msg { 
    font-size: 1.92rem;
  }

  .senior .stxt.ty2  { 
    font-size: 1.12rem
  }

  .senior .bnk-title.ct.certification-number  .hd2 { 
    font-size:2.24rem
  }

  .senior .bnk-btn.secondary.common.sm { 
    font-size:1.44rem;
    padding: 4px 12px;
  }

  .senior .stxt.ty2.transfer-recent-account-label { 
    color: var(--foundation-font-gray-2);
    font-size: 1.44rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    letter-spacing: -0.09px;
  }
  .senior .amount-display .amount-value {
    font-size:2.4rem
  }
  
  .senior .amount-limit-feedback [data-amount-limit-message] { 
    font-size:1.6rem
  }


.senior  .graph-outer .stxt .sub-label { 
    font-size:1.12rem
}
.senior .graph-outer .stxt .bnk-btn.secondary.table.sm,
.senior .bnk-card.ty1 .card-header .stxt .sub-label + .bnk-btn {
    font-size:1.12rem;
    padding: 3px 5px;
}

.senior .graph-outer .bnk-title .hd3 + .stxt { 
    margin-top:4px
}

.senior .graph-outer .bnk-title .hd3 .sub-label { 
    font-size:1.44rem
}

.senior .transfer-amount-balance,
.senior .amount-limit-feedback { 
    font-size:1.28rem
}

.senior .bnk-list.full.ty4 > li .item-wrap .item-body .item-desc { font-size:1.44rem }

/* 금상몰 상품 리스트 — 시니어 Figma 3122:316635 / 3122:316803
   구조는 list.css 공통, 시니어는 제목 20 / 설명 14 / 금리 18 */
.senior .bnk-list.full.ty5 > li .item-wrap .item-subject {
    font-size: 1.6rem; /* 20px */
    letter-spacing: -0.1px;
}
.senior .bnk-list.full.ty5 > li .item-wrap .item-desc {
    font-size: 1.12rem; /* 14px */
    letter-spacing: -0.07px;
}
.senior .bnk-list.full.ty5 > li .item-wrap .item-rate .txt,
.senior .bnk-list.full.ty5 > li .item-wrap .item-rate .rate-sep {
    font-size: 1.44rem; /* 18px */
    letter-spacing: -0.09px;
}
.senior .bnk-list.full.ty5 > li .item-wrap .item-header .bnk-label.tint {
    font-size: 1.12rem; /* 14px */
    letter-spacing: -0.07px;
}
/* 버튼형: 제목-설명 8px, 설명 18 / 버튼 18 */
.senior .bnk-list.full.ty5 > li .item-wrap:has(.item-body.action) {
    gap: var(--space-4);
}
.senior .bnk-list.full.ty5 > li .item-wrap .item-body.action .item-desc {
    font-size: 1.44rem; /* 18px */
    letter-spacing: -0.09px;
}
.senior .bnk-list.full.ty5 > li .item-wrap .item-body.action .bnk-btn {
    font-size: 1.44rem; /* 18px */
    letter-spacing: -0.09px;
}

.senior .goldmall-detail .bnk-title.ct > .stxt { 
    font-size: 1.68rem;
    letter-spacing: -0.11px;
}

.senior .bnk-list.collapse > li > .collapse-content .hd3.light + .tbview { 
    margin-top: var(--space-10)
}

.senior .bnk-tooltip-desc,
.senior .bnk-tooltip .bnk-list.bullet > li { 
    font-size:1.12rem
}

.senior .bnk-list.bullet3 > li::before { 
    top:4px
}

.senior .goldmall-detail .collapse-content .stxt .icon-helpqa { 
    vertical-align: -3px;
}

.senior .goldmall-detail .stxt.sm.disclosure {
    font-size: 1.12rem;
}

.senior .goldmall-detail .bnk-title .hd2 { 
    font-size:2.4rem
}