@charset "UTF-8";
/* Card Component Styles */
.card-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  padding: 0;
}

.card-section.gap1 {
  gap:12px
}

.bnk-card {
  background-color: var(--foundation-bg-bg-white);
  border-radius: var(--radius-8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--foundation-line-gray-2);
  /* overflow: hidden; */
  transition: all 0.2s ease-in-out;
  position: relative;
  padding: 20px;
}

.bnk-card.main-alert {
  border-radius: var(--radius-12);
  background: var(--foundation-bg-bg-white);
  box-shadow: 0 0 20px -8px rgba(2, 12, 34, 0.12);
  border:none;
  padding-bottom: 18px;
  padding-top: 19px;
}

.bnk-card.main-alert .alarm-screen {
  padding:0
}

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




.bnk-card .card-header {
  display: flex;
  align-items: center;
  padding: 0;
}
.bnk-card .card-header.lt { 
    gap:5px 
}

.bnk-card .lt {justify-content: flex-start; }
.bnk-card .ct {justify-content: center; }
.bnk-card .rt {justify-content: flex-end; }

.bnk-card  .hd3 {
    color: var(--foundation-font-black);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.08px;
}

.bnk-card  .bnk-btn.icon {
  display: inline-block;
  padding: 0;
}
.bnk-card .card-header .bnk-btn.line { 
}

.bnk-card .card-header .bnk-btn.primary {

}



.card-body {
  padding: 16px 20px;
}

.card-body .price {
    color: var(--foundation-font-black);
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 800;
  text-align: center;
}

.card-body .price .unit {font-size: 2rem;transform: translateY(-.06em);display: inline-block;/* vertical-align: middle; *//* line-height: inherit; */}

.card-footer {
  padding: 0;
}

.card-footer .bnk-btn {

}

.card-footer .bnk-btn.primary {

}

.bnk-card .bnk-btnset .bnk-btn {
  border-radius: var(--radius-6);
}
.bnk-card .bnk-btnset .bnk-btn.secondary.table {
  border-radius:var(--radius-4)
}


/* Icon Styles */
.bnk-card .bnk-icon {
  display: inline-block;
  /* width: 10px; */
  /* height: 10px; */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.bnk-card .bnk-title .hd3 .bnk-icon {margin-right: 6px;margin-bottom: 0;}

.bnk-card .bnk-icon.icon-reload {
 background-image: url('/image/icon/icon-reload.png');
}

.bnk-card.lg .card-header .hd3 {
  font-size: 2rem;
}
.bnk-card.lg .card-body .price {
  font-size: 3.5rem;
}
.bnk-card.lg .card-footer .bnk-btn {
  font-size: 1.8rem;
}

.bnk-card.combined .card-header {
  padding: 16px 16px 12px 16px;
}

.bnk-card.combined .card-body {
  padding: 12px 16px 24px 16px;
  display: flex;
  flex-direction: column;
}
.bnk-card.combined .card-body.rt { 
    align-items: flex-end;
}
.bnk-card.combined .card-body .description {
    color: var(--foundation-font-gray-1);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.07px;
}



.bnk-card.combined .card-footer {
  padding: 0
}

.bnk-card.combined .bnk-btnset.full .bnk-btn { 
    border-radius: 0 0  var(--radius-6) var(--radius-6);
}


.bnk-btn:focus:not(:focus-visible) {
  outline: none;
}

/* Loading State */
.bnk-card.loading {
  position: relative;
  overflow: hidden;
}

.bnk-card.loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

/* Disabled State */
.bnk-card.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.bnk-card.disabled .bnk-btn {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Card Variants */
.card--compact {
  border-radius: var(--radius-4);
}

.card--compact .card-header {
  padding: 16px 16px 12px 16px;
}

.card--compact .card-body {
  padding: 12px 16px;
}

.card--compact .card-footer {
  padding: 12px 16px 16px 16px;
}

.card--elevated {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: none;
}

.card--elevated:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.card--outlined {
  box-shadow: none;
  border: 2px solid #d1d5db;
}

.card--outlined:hover {
  border-color: #9ca3af;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}


.card-connect-wrapper {border-radius: var(--radius-8);border: 1px solid var(--foundation-line-gray-2);/* padding: 20px; */padding: 20px 0;}
.card-connect-wrapper .bnk-card.ty1 {
  border:none;
  /* padding:0; */
  border-radius:0;
  padding-bottom: 0;
  padding-top: 0;
}

.bnk-card.ty1 {box-shadow: none;border-radius: var(--radius-8);border: 1px solid var(--foundation-line-gray-2);padding-top: 18px;padding-bottom: 18px;border: none;/* box-shadow: 0 0 2px 0 rgba(133, 141, 156, 0.30), 0 0 6px -8px rgba(2, 12, 34, 0.04); */box-shadow: 0 0 2px 0 rgba(133, 141, 156, 0.50), 0 0 6px -8px rgba(2, 12, 34, 0.04);}
.bnk-card.ty1 .card-header {justify-content: space-between;align-items: flex-start;position: relative;}
.bnk-card.ty1 .card-header .stxt {
  display:flex;
  align-items:center;
}

.bnk-card.ty1 .card-header .stxt .sub-label + .bnk-btn {margin-left:2px;}
.bnk-card.ty1 .card-header .bnk-label {
  /* position:absolute; */
  /* top:0; */
  /* right:0; */
}
.bnk-card.ty1 .card-header .dot-wrap { 
  position: absolute;
  top: 0;
  right: 0;
}
.bnk-card.ty1 .card-header .dot-wrap span {
  /* background-color: var(--foundation-primary-black, #222); */
  width: 20px;
  height: 20px;
  /* border-radius: 50%; */
  background-size: 100%;
  display: block;
}
.bnk-card.ty1 .card-header .dot-wrap span + span { }
.bnk-card.ty1 .card-header .bnk-title { }
.bnk-card.ty1 .card-header .bnk-title .bnk-labelset {
  grid-column:2
}
.bnk-card.ty1 .card-header .bnk-title .stxt + .bnk-labelset {
  margin-top:4px
}
.bnk-card.ty1 .card-header .bnk-title.both {width:100%}
.bnk-card.ty1 .card-header .bnk-title .hd3 {display: flex;align-items: center;/* font-size: 20px; */font-size: 1.6rem;}
.bnk-card.ty1 .card-header .bnk-title .hd3 .circle-num {
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--foundation-icon-gray);
  color: var(--foundation-global-white);
  align-items: center;
  justify-content: center;
  /* color: var(--foundation-global-white, #FFF); */
  /* text-align: center; */
/* Component/12_EB_100%_-0.5% */
  /* font-family: "Pretendard Variable"; */
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 800;
  /* line-height: 100%; */ /* 12px */
  letter-spacing: -0.06px;
  vertical-align: top;
  margin-right: 8px;
}

.bnk-card.ty1 .card-header .separator {
  display:inline-block;
  background: var(--foundation-line-gray-2);
  width:1px;
  height: 12px;
  vertical-align:middle;
  margin: 0 8px 0 8px;
}



.bnk-card.ty1 .card-header .bnk-title .stxt { }
.bnk-card.ty1 .card-header .bnk-title .hd3 + .stxt,
.bnk-card.ty1 .card-header .bnk-title .stxt + .bnk-label {margin-top:4px;font-size: 1.4rem;}
.bnk-list.check.select .bnk-card.ty1 .card-header .bnk-title .hd3 + .stxt {margin-top:0;font-size: 1.4rem;}

.bnk-card.ty1 .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
}
.bnk-card.ty1 .card-body.rt { 
  align-items: flex-end;
}

.bnk-card.ty1 .card-body .description + .price {margin-top:4px}
.bnk-card.ty1 .card-body .price {
  font-size: 1.92rem;
  /* font-weight: 700; */
  line-height: 146%;
}
.bnk-card.ty1 .card-body .price.ty1 { 
  font-size:2.8rem
}

.bnk-card.ty1 .card-body .price.ty2 {
  font-size:2.4rem
}

.bnk-card.ty1 .card-body .money-txt {/* min-height:60px; */display:flex;flex-direction:column;justify-content:flex-end;align-items: flex-end;}

.bnk-card.ty1 .card-body .money-txt.ty1 {
min-height:60px  
}
.bnk-card.ty1 .card-body .money-txt .description {
  color: var(--foundation-font-gray-1);

font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: -0.07px;
}


.bnk-card.ty1.line {
  border:none;
  padding:0
}
.bnk-card.ty1.line .card-header .dot-wrap span {
  display:none
}

.bnk-card.ty1.sept {padding:20px 0}
.bnk-card.ty1.sept .padding-type1 {
  padding-left:20px; 
  padding-right:20px
}

.bnk-row.certi-list .bnk-card.ty1 {padding-top: 23px;padding-bottom: 23px;}
.bnk-row.certi-list .bnk-card.ty1 .card-header .bnk-title {
  gap:12px;  
}

.bnk-row.certi-list .bnk-card.ty1 .card-header .stxt {
  color: var(--foundation-font-black);
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 21px */
letter-spacing: -0.07px;
}


.card-collapse-wrapper .bnk-card.ty1 .card-body {
  display:none
}
.card-collapse-wrapper.active .bnk-card.ty1 .card-body {
  display:block
}
.card-collapse-wrapper.active .bnk-card.ty1 .card-header .bnk-title .hd3 .circle-num { 
  background-color: var(--foundation-primary-bnk-red);
}
.card-collapse-wrapper .bnk-card.ty1 .card-header .bnk-title .bnk-btnset {display:block}
.card-collapse-wrapper.active .bnk-card.ty1 .card-header .bnk-title .bnk-btnset {display:none}


.bnk-card .bnk-list.line.row > li + li::before { 
  height:24px
}

.bnk-card .card-infobox {text-align: center;display: flex;justify-content: center;align-items: center;}
.bnk-card .card-infobox .bnk-icon {
  /* width: 24px;
  height: 24px; */
  margin: 0 4px 0 0;
}
.bnk-card .card-infobox .txt {
  color: var(--foundation-font-gray-1);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  letter-spacing: -0.06px;
}
.bnk-card .card-infobox .txt + .txt.lg {
  margin-left:8px
}
.bnk-card .card-infobox .txt.lg {
  font-size: 1.6rem;
  letter-spacing: -0.08px;
}

.amount-sheet {
  width:100%
}
.amount-display {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.amount-display .amount-value {display: flex;align-items: center;justify-content: center;gap: 0;color: var(--foundation-font-black);text-align: center;font-size: 2.4rem;font-style: normal;font-weight: 800;line-height: 146%; /* 35.04px */letter-spacing: -0.12px;}


.amount-display .amount-value .unit {
  /* font-size:2.4rem; */
}
.amount-display .amount-unit {
  font-size: 1.2rem;
  color: var(--foundation-font-black);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.08px;
  color: var(--foundation-font-gray-2);
/* Body/16_R_150%_-0.5% */
  font-family: "Pretendard Variable";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.08px;
}

.amount-display.ty2 {
  min-height: 287px;
  align-items: center;
  justify-content: center;
}
.amount-display.ty2 .input-processing.full {
  width: 100%;
}
.amount-display.ty2 .bnk-inputset.account {
  display: flex;
  width: 100%;
  align-items: center;
  border: none;
  background: transparent;
  padding: 0;
}
.amount-display.ty2 .bnk-inputset.account input {
  width: 100%;
  height: auto;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 146%;
  letter-spacing: 0;
  color: var(--foundation-font-black);
  padding: 0;
}
.amount-display.ty2 .bnk-inputset.account input::placeholder {
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 146%;
  letter-spacing: 0;
  color: var(--foundation-font-gray-4);
}

.amount-display.ty2.is-amount-exceeded .bnk-inputset.account input,
.amount-display.is-amount-exceeded .amount-value {
  color: var(--foundation-global-blue);
  color: var(--foundation-font-bnk-red);
}

.amount-display.is-amount-exceeded .amount-value .unit {
  color:var(--foundation-font-black)
}

.amount-limit-feedback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.08px;
  color: var(--foundation-global-blue);
  text-align: center;
}

.amount-limit-feedback [data-amount-limit-message] {
color: var(--foundation-global-blue);
font-family: "Pretendard Variable";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
letter-spacing: -0.1px;
}

.amount-limit-feedback[hidden] {
  display: none !important;
}

.amount-limit-feedback .bnk-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
}

.transfer-amount-balance[hidden],
.amount-balance-label[hidden] {
  display: none !important;
}

.amount-unit-point {
  display: none;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.08px;
  color: var(--foundation-global-blue);
  font-style: normal;
}

.amount-display.is-amount-exceeded .amount-unit-value {
  display: none;
}

.amount-display.is-amount-exceeded .amount-unit-point,
.amount-display.ty2.is-amount-exceeded + .amount-limit-feedback:not([hidden]) {
  display: inline-flex;
}

.amount-presets {
  display: flex;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  justify-content: center;
  padding: 0 24px;
  margin-top: 24px;
}
.amount-presets .bnk-btn.sm {
  padding: 0;
  flex: 1;
  height: 32px;
}

.amount-presets .bnk-btn.primary {
  background: var(--foundation-global-red);
  color: var(--foundation-font-white);
  box-shadow: none;
  line-height: 100%;
}

.amount-presets .bnk-btn.ghost {
  
  border-radius: var(--radius-4);
  background: var(--foundation-bg-bg-2);
  color: var(--foundation-font-gray-2);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 14px */
  letter-spacing: -0.07px;
  
}

.amount-presets .bnk-btn.sm:active { 
  background: var(--foundation-btn-2-btn-pressed);
  color: var(--foundation-font-black);
}

.amount-keypad {
  /* border: 1px solid var(--foundation-border-gray, #d9dde3); */
  /* border-radius: 20px; */
  padding: 0 12px 24px 12px;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 24px;
}

.amount-keypad .keypad-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.amount-keypad .keypad-key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--foundation-bg-bg-white);
  color: var(--foundation-font-black);
  padding: 0;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 18px */
  letter-spacing: -0.09px;
  /* background: #f00; */
  min-height: 60px;
}

.amount-keypad .keypad-key.ghost {
  background: var(--foundation-bg-bg-white);
  color: var(--foundation-font-black);
}

.amount-keypad .keypad-key.primary {
  /* background: var(--foundation-primary-bnk-red, #d21300); */
  /* color: #fff; */
  font-size: 1.6rem;
}

.amount-keypad .keypad-key:active,
.amount-keypad .keypad-key.active {
  transform: translateY(1px);
  box-shadow: 0 0 0 rgba(16, 24, 40, 0.06);
}

.amount-keypad .keypad-key .bnk-icon {
  /* font-size: 2rem; */
  width: 17px;
  height: 14px;
}

.transfer-direct-input-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 287px;
  padding: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.transfer-direct-input-label {
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.46;
  letter-spacing: 0;
  color: var(--foundation-font-gray-4);
}

.transfer-direct-input-trigger.has-value .transfer-direct-input-label {
  font-size: 2rem;
  color: var(--foundation-font-black);
}

.lysheet.transfer-direct-input-sheet.active {
  z-index: 9900;
}

.lysheet.transfer-amount-sheet.active {
  z-index: 9905;
}

.lysheet.transfer-amount-sheet .lysheet-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 72px);
}

.lysheet.transfer-amount-sheet .lysheet-header {
  flex: 0 0 auto;
  padding: 24px 20px 16px;
}

.lysheet.transfer-amount-sheet .lysheet-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px 0 0;
  overflow: hidden;
}

.lysheet.transfer-amount-sheet .subwrapper.transfer-amount-entry.transfer-amount-sheet-panel {
  padding: 0;
  min-height: auto;
  max-height: none;
  height: auto;
}

.lysheet.transfer-amount-sheet .transfer-amount-sheet-panel .transfer-amount-row {
  flex: 0 0 auto;
  min-height: 0;
  padding: 24px 20px 0;
  gap: 4px;
}

.lysheet.transfer-amount-sheet .transfer-amount-sheet-panel .amount-display.ty2 {
  min-height: 0;
  width: 100%;
}

.lysheet.transfer-amount-sheet .transfer-amount-sheet-panel .transfer-keypad-wrap {
  padding-bottom: 20px;
}

.subwrapper.transfer-amount-entry.transfer-amount-sheet-bg {
  padding: 56px 0 0;
  pointer-events: none;
}

.lysheet.transfer-bank-sheet.active {
  z-index: 9910;
}

.lysheet.transfer-confirm-sheet.active {
  z-index: 9920;
}

.lysheet.transfer-confirm-sheet .lysheet-content {
  top: auto;
  bottom: 0;
  height: auto;
  max-height: 90vh;
  border-radius: var(--radius-15) var(--radius-15) 0 0;
}

.lysheet.transfer-account-error-sheet.active {
  z-index: 9930;
}

.transfer-direct-input-sheet .lysheet-body {
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 64px);
}

.transfer-bank-sheet .lysheet-body {
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 64px);
}

.transfer-bank-sheet .tabcont .alarm-screen[hidden] {
  display: none !important;
}




.transfer-direct-input-sheet .transfer-bank-suggest {
  flex-wrap: wrap;
  gap: 4px;
}

.transfer-direct-input-sheet .transfer-recent-account-suggest {
  gap: 8px;
}

.transfer-direct-input-sheet .transfer-recent-account-suggest > .bnk-btn.secondary.input {
  width: 100%;
  height: auto;
  min-height: 56px;
  padding: 16px;
  gap: 8px;
  box-shadow: none;
  border-radius: var(--radius-6);
  background: var(--foundation-bg-bg-2);
}

.transfer-direct-input-sheet .transfer-recent-account-suggest .transfer-recent-account-label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  line-height: 1.5;
}

.transfer-direct-input-sheet .transfer-recent-account-suggest .transfer-recent-account-action {
  flex-shrink: 0;
  height: 28px;
  margin-left: auto;
  padding: 0 12px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  pointer-events: none;
}

.subwrapper.transfer-account-entry {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 56px);
}

.subwrapper.transfer-account-entry .select-wrapper,
.subwrapper.transfer-account-entry .bnk-inputset.select {
  width: 100%;
}

.transfer-helper-chip {
  display: inline-flex;
  align-items: center;
  padding: 9px 8px;
  border-radius: var(--radius-4);
  background: var(--foundation-bg-bg-2);
  color: var(--foundation-font-gray-2);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.07px;
}

.transfer-helper-chip[hidden],
.transfer-bank-suggest[hidden],
.transfer-confirm-note[hidden] {
  display: none;
}

.displaybox.ty1.transfer-confirm-note {
  background: var(--foundation-bg-bg-popup-2);
}

.lysheet.transfer-confirm-sheet .lysheet-body > .bnk-row.inner.min + .bnk-row.inner.min {
  margin-top: 16px;
}

.transfer-bank-suggest {
  flex-wrap: wrap;
  gap: 4px;
}

.transfer-number-row {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  margin-top: 16px;
  justify-content: center;
}

.subwrapper.transfer-account-entry .transfer-number-row .amount-display.ty2 {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}

.subwrapper.transfer-account-entry .amount-display.ty2 .bnk-inputset.account input {
  caret-color: var(--foundation-primary-bnk-red);
}

.subwrapper.transfer-select-mode {
  /* padding-top: 24px; */
}

.subwrapper.transfer-select-mode .transfer-number-row {
  flex: none;
  margin-top: 0;
}

.subwrapper.transfer-select-mode .amount-display.ty2 {
  min-height: 287px;
}

.subwrapper.transfer-input-mode .transfer-number-row {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 16px;
  overflow: hidden;
}

.subwrapper.transfer-input-mode .amount-display.ty2 {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}

.container.is-transfer-direct-input #transfer-account-sheet,
#transfer-account-sheet.is-sheet-hidden {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

.container.is-transfer-direct-input .transfer-keypad-wrap:not([hidden]) {
  display: block;
}

.subwrapper.transfer-input-mode {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh);
  max-height: calc(100dvh);
  overflow: hidden;
  padding-bottom: 0;
}

/* 금액입력(step02) — 헤더(56px) 제외한 1화면 고정, iOS 100vh 스크롤 방지 */
body:has(.subwrapper.transfer-amount-entry:not(.transfer-amount-sheet-panel)) {
  min-height: 100dvh;
  height: 100dvh;
  overflow: hidden;
}

.container:has(.subwrapper.transfer-amount-entry:not(.transfer-amount-sheet-panel)) {
  height: 100dvh;
  overflow: hidden;
}

.subwrapper.transfer-amount-entry {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
  padding: 56px 0 0;
  gap: 0;
  box-sizing: border-box;
}

.subwrapper.transfer-amount-entry:not(.transfer-amount-sheet-panel) > .bnk-row + .bnk-row {
  margin-top: 8px;
}

.subwrapper.transfer-amount-entry > .bnk-row:not(.transfer-amount-row) {
  flex-shrink: 0;
}

.subwrapper.transfer-amount-entry .transfer-amount-row {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
}

.subwrapper.transfer-amount-entry .amount-display.ty2 {
  flex: 0 0 auto;
  width: 100%;
  min-height: 0;
  padding: 0;
  overflow: visible;
}

.subwrapper.transfer-amount-entry .amount-display.ty2 .bnk-inputset.account input {
  caret-color: var(--foundation-primary-bnk-red);
  height: auto;
  min-height: 0;
  line-height: 1.5;
}

.subwrapper.transfer-amount-entry .amount-display.ty2 .input-processing.full {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: visible;
}

.subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .input-processing.full {
  overflow: visible;
}

.subwrapper.transfer-amount-entry .amount-display.ty2 .transfer-amount-inputset {
  gap: 0;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.subwrapper.transfer-amount-entry .amount-display.ty2:not(.has-amount) .transfer-amount-inputset {
  width: 100%;
}

.subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .input-processing.full .transfer-amount-inputset.bnk-inputset.account {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
}

.subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .input-processing.full .transfer-amount-inputset.bnk-inputset.account input {
  width: auto;
  flex: 0 0 auto;
  flex-shrink: 0;
  max-width: none;
  padding: 2px 2px 2px 0;
  text-align: left;
  overflow: visible;
  field-sizing: content;
}

.subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .transfer-amount-inputset.bnk-inputset.account {
  flex-shrink: 0;
}

.transfer-amount-unit {
  display: none;
  flex-shrink: 0;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -0.12px;
  color: var(--foundation-font-black);
  overflow: visible;
  padding-right: 2px;
}

.subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .transfer-amount-unit {
  display: inline;
}

.amount-display.ty2.is-amount-exceeded .transfer-amount-unit {
  color: var(--foundation-font-black);
}

.transfer-recipient-card {
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
}

.transfer-recipient-card .card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.transfer-recipient-card .bnk-title.icon-grid {
  flex: 1 1 auto;
  min-width: 0;
}

.transfer-recipient-divider {
  margin: 0 8px 2px 8px;
  /* background: var(--foundation-font-gray-1, #323336); */
  width: 1px;
  height: 12px;
  display: inline-block;
  background: var(--foundation-line-gray-2);
  vertical-align: middle;
}

.transfer-amount-balance {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.08px;
  color: var(--foundation-font-gray-2);
  text-align: center;
  width: 100%;
}

.subwrapper.transfer-amount-entry .amount-presets {
  margin-top: 0;
}

.lysheet.transfer-withdraw-account-sheet .lysheet-body {
  padding-top: 0;
}

.lysheet.transfer-withdraw-account-sheet .transfer-withdraw-account-list .item-wrap {
  width: 100%;
}

.transfer-number-display {
  width: 100%;
  min-height: 0;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.transfer-number-value {
  width: 100%;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 146%;
  letter-spacing: 0;
  color: var(--foundation-font-black);
  word-break: break-all;
}

.transfer-number-value.is-placeholder {
  color: var(--foundation-font-gray-4);
}

.transfer-keypad-wrap {
  flex-shrink: 0;
  width: 100%;
  padding-bottom: max(20px, env(safe-area-inset-bottom, 0px));
}

.subwrapper.transfer-amount-entry:not(.transfer-amount-sheet-panel) .transfer-keypad-wrap {
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
}

.transfer-keypad-wrap > .bnk-row.min {
  margin-top: 12px;
}

.lysheet.transfer-confirm-sheet .lysheet-header.ty1 {
  padding-bottom: 0;
}

.lysheet.transfer-confirm-sheet .lysheet-body {
  padding-top: 16px;
  padding-bottom: 20px;
}

.lysheet.transfer-confirm-sheet .transfer-confirm-account-card.bnk-card.ty1 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.lysheet.transfer-confirm-sheet .transfer-confirm-account-card .card-header {
  padding: 0;
}

.lysheet.transfer-confirm-sheet .transfer-confirm-account-card .bnk-title.icon-grid .hd3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}

.lysheet.transfer-confirm-sheet .transfer-confirm-actions {
  margin-top: 16px;
  padding: 0 0 0;
}

/* 이체 확인 시트 - 시니어(senior-ty1) — rem 기준: html.senior 12.5px */
.lysheet.transfer-confirm-sheet.senior-ty1 .lysheet-header.ty1 .hd3.large {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -0.125px;
}

.lysheet.transfer-confirm-sheet.senior-ty1 #transfer-confirm-first-group:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.lysheet.transfer-confirm-sheet.senior-ty1 #transfer-confirm-first-group[hidden] {
  display: none;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .lysheet-body > .bnk-row + .bnk-row {
  margin-top: 16px;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: auto;
  padding: 16px 20px;
  border-radius: var(--radius-6);
  background: rgba(172, 207, 250, 0.3);
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .bnk-title {
  flex: 1 1 auto;
  min-width: 0;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .hd4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: var(--foundation-font-black);
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .stxt.sm {
  margin-top: 4px;
  font-size: 1.12rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.07px;
  color: var(--foundation-font-black);
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .banner-img {
  flex-shrink: 0;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .banner-img img,
.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .banner-img .lottie-icon {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-banner.senior-ty1 .banner-img .lottie-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-caution.displaybox.senior-ty1 {
  width: 100%;
  background: var(--foundation-bg-bg-1);
  padding: 20px;
  margin-top: 16px;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-caution .hd6 {
  position: relative;
  padding-left: 9px;
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-caution .hd6::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 3px;
  height: 13px;
  background: var(--foundation-primary-bnk-red);
  border-radius: 1px;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-caution-list {
  margin-top: 4px;
  list-style: none;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-caution-list > li {
  font-size: 1.44rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.09px;
  color: var(--foundation-font-gray-1);
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-caution-list > li::before {
  content: '- ';
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-account-card.bnk-card.ty1 {
  box-shadow: 0 0 2px 0 rgba(133, 141, 156, 0.5), 0 0 6px 0 rgba(2, 12, 34, 0.04);
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-account-card .bnk-title.icon-grid .hd3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.lysheet.transfer-confirm-sheet.senior-ty1 .transfer-confirm-account-card .bnk-title.icon-grid .stxt.sm {
  font-size: 1.28rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.08px;
  color: var(--foundation-font-gray-1);
}

.senior .lysheet.transfer-bank-sheet .transfer-bank-list.grid.col1 > li .item-wrap {
  padding: 20px 0;
}

.senior .lysheet.transfer-bank-sheet .transfer-bank-list.grid.col1 > li .item-wrap .item-header .item-title .item-subject {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.senior .transfer-helper-chip {
  height: 32px;
  padding: 0 12px;
  font-size: 1.44rem;
  letter-spacing: -0.09px;
}

.senior .transfer-number-value {
  font-size: 2.8rem;
  letter-spacing: -0.175px;
}

.senior .subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .input-processing.full .transfer-amount-inputset.bnk-inputset.account input {
  padding: 2px 3px 2px 0;
}

.senior .subwrapper.transfer-amount-entry .amount-display.ty2.has-amount .transfer-amount-unit {
  padding-right: 4px;
}

/* 이체 금액입력(step02) - 시니어 — rem 기준: html.senior 12.5px */
.senior .transfer-recipient-card .bnk-title.icon-grid.ty1 .hd3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.senior .transfer-recipient-card .bnk-title.icon-grid.ty1 .stxt.sm {
  font-size: 1.28rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.senior .subwrapper.transfer-amount-entry .amount-presets.chip-filterset {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  justify-content: center;
  padding: 0 20px;
  margin-top: 0;
}

.senior .subwrapper.transfer-amount-entry .amount-presets.chip-filterset .bnk-btn.chip.filter {
  flex: 1 1 0;
  min-width: 0;
  height: 32px;
  padding: 0 8px;
  font-size: 1.44rem;
  letter-spacing: -0.09px;
}

.senior .lysheet.transfer-withdraw-account-sheet .transfer-withdraw-account-list .item-subject {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.senior .lysheet.transfer-withdraw-account-sheet .transfer-withdraw-account-list .item-desc {
  font-size: 1.44rem;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

/* 이체 부가입력(step03) - 시니어 — rem 기준: html.senior 12.5px */
.senior .subwrapper.transfer-extra-entry .transfer-amount-summary-value {
  font-size: 2.8rem;
  letter-spacing: -0.175px;
}

.senior .subwrapper.transfer-extra-entry .transfer-amount-summary-value .unit {
  font-size: 2.4rem;
  letter-spacing: -0.15px;
}

.senior .subwrapper.transfer-extra-entry .transfer-extra-form .label-title {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.09px;
}

.senior .subwrapper.transfer-extra-entry .transfer-memo-field input,
.senior .subwrapper.transfer-extra-entry .transfer-extra-form .bnk-inputset input {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.08px;
}

.senior .subwrapper.transfer-extra-entry .memo-chipset.chip-filterset {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
}

.senior .subwrapper.transfer-extra-entry .memo-chipset.chip-filterset .bnk-btn.chip.filter {
  width: 100%;
  height: 32px;
  padding: 0 12px;
  font-size: 1.44rem;
  letter-spacing: -0.09px;
}

.senior .lysheet.transfer-final-confirm-sheet.senior-ty1 .lysheet-header.ty1 .hd3.large {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -0.125px;
}

.senior .lysheet.transfer-final-confirm-sheet.senior-ty1 .transfer-final-summary .dp-d2list dt {
  font-size: 1.44rem;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

.senior .lysheet.transfer-final-confirm-sheet.senior-ty1 .transfer-final-summary .dp-d2list dd {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

.senior .lysheet.transfer-final-confirm-sheet.senior-ty1 .transfer-final-warning .hd6 {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

/* 이체 최종확인 전용 페이지(step03) - 시니어 — rem 기준: html.senior 12.5px */
.senior .subwrapper.transfer-final-confirm-entry {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: calc(100dvh);
  /* padding: 24px 20px 136px; */
}

.senior .subwrapper.transfer-final-confirm-entry > .bnk-row {
  flex-shrink: 0;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-confirm-title {
  font-size: 1.92rem;
  font-weight: 800;
  line-height: 1.46;
  letter-spacing: -0.12px;
  color: var(--foundation-font-black);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-confirm-title .point3 {
  color: var(--foundation-primary-bnk-red);
  font-style: normal;
  font-weight: 800;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: auto;
  padding: 16px 20px;
  border-radius: var(--radius-6);
  background: rgba(172, 207, 250, 0.3);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .bnk-title {
  flex: 1 1 auto;
  min-width: 0;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .hd4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
  color: var(--foundation-font-black);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .stxt.sm {
  margin-top: 4px;
  font-size: 1.12rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.07px;
  color: var(--foundation-font-black);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .banner-img {
  flex-shrink: 0;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .banner-img img,
.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .banner-img .lottie-icon {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-confirm-banner.senior-ty1 .banner-img .lottie-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-confirm-summary {
  padding: 20px;
  background: var(--foundation-bg-bg-1);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-confirm-summary .dp-d2list dt {
  font-size: 1.44rem;
  line-height: 1.5;
  letter-spacing: -0.09px;
  color: var(--foundation-font-gray-1);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-confirm-summary .dp-d2list dd {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
  color: var(--foundation-font-black);
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-account-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.senior .subwrapper.transfer-final-confirm-entry .transfer-final-account-number {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

.senior .subwrapper.transfer-final-confirm-entry .bnk-row.fixed {
  padding-top: 16px;
}

.senior .lysheet.lysheet-memo .lysheet-header .hd4 {
  font-size: 1.76rem;
}

.senior .lysheet.lysheet-memo .label-title {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.09px;
}

.senior .lysheet.lysheet-memo .bnk-inputset input {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.08px;
}

.transfer-account-keypad.simple-pw {
  gap: 0;
}

.transfer-account-keypad .keypad {
  padding: 0 12px;
}

.subwrapper.transfer-extra-entry {
  gap: 0;
}

.subwrapper.transfer-extra-entry > .bnk-row {
  /* padding-left: 0; */
  /* padding-right: 0; */
}

.subwrapper.transfer-extra-entry .transfer-amount-summary {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.transfer-amount-summary-value {
  width: 100%;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 146%;
  letter-spacing: 0;
  color: var(--foundation-font-black);
}

.transfer-amount-summary-value .unit {
  font-size: 2.4rem;
  letter-spacing: -0.12px;
}

.subwrapper.transfer-extra-entry .transfer-extra-fields {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.subwrapper.transfer-extra-entry .transfer-extra-memo {
  width: 100%;
}

.subwrapper.transfer-extra-entry .transfer-memo-field input[readonly] {
  cursor: pointer;
}

.subwrapper.transfer-extra-entry .transfer-extra-form {
  width: 100%;
}

.subwrapper.transfer-extra-entry .transfer-extra-form > li + li {
  margin-top: 16px;
}

.subwrapper.transfer-extra-entry .bnk-row.fixed {
  padding-top: 16px;
}

.lysheet.transfer-final-confirm-sheet .lysheet-header.ty1 {
  padding-bottom: 0;
}

.lysheet.transfer-final-confirm-sheet .lysheet-body {
  padding-top: 16px;
  padding-bottom: 20px;
}

.lysheet.transfer-final-confirm-sheet .transfer-final-summary + .transfer-final-warning {
  margin-top: 16px;
}

.lysheet.transfer-final-confirm-sheet .transfer-final-actions {
  margin-top: 0;
  padding: 16px 0 0;
}

.transfer-final-account {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  flex-wrap: wrap;
}

.lysheet.transfer-simple-password-sheet .lysheet-header {
  padding: 24px 20px 16px;
}

.lysheet.transfer-simple-password-sheet .lysheet-body {
  padding: 0 0 20px;
}

.lysheet.transfer-simple-password-sheet .transfer-simple-password-keypad.simple-pw {
  /* gap: 16px; */
  padding: 0 12px 0;
  margin-top: 43px;
}

.lysheet.transfer-simple-password-sheet .transfer-simple-password-keypad .keypad {
  padding: 0;
}

.lysheet.transfer-simple-password-sheet .transfer-password-actions {
  width: 100%;
  padding: 0 8px;
}

.lysheet.transfer-simple-password-sheet .transfer-password-actions .bnk-btn {
  width: 100%;
}

/* 이체 간편비밀번호 시트 - 시니어 — rem 기준: html.senior 12.5px */
.senior .lysheet.transfer-simple-password-sheet .lysheet-header .hd4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.senior .lysheet.transfer-simple-password-sheet .transfer-simple-password-keypad .pw-indicators {
  gap: 12px;
}

.senior .lysheet.transfer-simple-password-sheet .transfer-simple-password-keypad .pw-indicator {
  width: 20px;
  height: 20px;
}

.senior .lysheet.transfer-simple-password-sheet .transfer-simple-password-keypad .keypad-key:not(.delete):not(.rearrange) {
  font-size: 1.76rem;
  font-weight: 800;
  line-height: 1.46;
  letter-spacing: -0.11px;
}

.senior .lysheet.transfer-simple-password-sheet .transfer-simple-password-keypad .keypad-key.rearrange {
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.08px;
}

.senior .lysheet.transfer-simple-password-sheet .transfer-password-actions .bnk-btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

/* 이체 완료 - 시니어 — rem 기준: html.senior 12.5px */
.senior .subwrapper.transfer-complete-entry {
  /* padding: 0 0 136px; */
}

.senior .subwrapper.transfer-complete-entry .transfer-complete-confirm .alarm-msg .point3 {
  color: var(--foundation-primary-bnk-red);
  font-style: normal;
  font-weight: 800;
}


.senior .subwrapper.transfer-complete-entry .transfer-complete-summary .dp-d2list dt {
  font-size: 1.44rem;
  line-height: 1.5;
  letter-spacing: -0.09px;
  color: var(--foundation-font-gray-1);
}

.senior .subwrapper.transfer-complete-entry .transfer-complete-summary .dp-d2list dd {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
  color: var(--foundation-font-black);
}

.senior .subwrapper.transfer-complete-entry .transfer-complete-account-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.senior .subwrapper.transfer-complete-entry .transfer-complete-account-number {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

.senior .subwrapper.transfer-complete-entry .transfer-filter-chip {
  height: 40px;
  padding: 0 12px;
  font-size: 1.44rem;
  letter-spacing: -0.09px;
}

.senior .subwrapper.transfer-complete-entry .transfer-filter-chip-icon {
  width: 20px;
  height: 20px;
}

.senior .subwrapper.transfer-complete-entry .bnk-toggle-chip {
  height: 40px;
  padding: 0 12px;
  font-size: 1.44rem;
  letter-spacing: -0.09px;
}

.senior .subwrapper.transfer-complete-entry .bnk-toggle-chip-icon {
  width: 20px;
  height: 20px;
}

.senior .subwrapper.transfer-complete-entry .bnk-row.fixed {
  padding-top: 16px;
}

.senior .lysheet.transfer-favorite-sheet .label-title {
  font-size: 1.44rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.09px;
}

.senior .lysheet.transfer-favorite-sheet .bnk-inputset input {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.08px;
}

.senior .lysheet.transfer-favorite-sheet .transfer-favorite-summary .dp-d2list dt,
.senior .lysheet.transfer-favorite-sheet .transfer-favorite-summary .dp-d2list dd {
  font-size: 1.44rem;
  line-height: 1.5;
  letter-spacing: -0.09px;
}

.senior .lysheet.transfer-share-sheet .transfer-share-list .item-subject {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
}

.subwrapper.transfer-complete-entry {
  gap: 0;
}

.subwrapper.transfer-complete-entry > .bnk-row {
  flex-shrink: 0;
}

.subwrapper.transfer-complete-entry .transfer-complete-confirm .alarm-msg + .transfer-complete-favorite-register {
  margin-top: 16px;
}

.transfer-complete-favorite-register .bnk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
}

.transfer-complete-account {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.transfer-complete-account-number {
  display:block
}

.transfer-complete-account + .transfer-complete-account-number {
  margin-top: 4px;
}
.transfer-complete-chip-row {
  margin-top: 0;
}

.transfer-complete-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.transfer-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--radius-4);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.07px;
  cursor: pointer;
}

.transfer-filter-chip.is-on {
  background: var(--foundation-primary-bnk-red);
  color: var(--foundation-font-white);
  font-weight: 800;
}

.transfer-filter-chip.is-off {
  background: var(--foundation-bg-bg-2);
  color: var(--foundation-font-gray-2);
}

.transfer-filter-chip-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}

.bnk-toggle-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 0 8px;
  border: 0;
  border-radius: var(--radius-4);
  background: var(--foundation-bg-bg-2);
  color: var(--foundation-font-gray-2);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.07px;
  cursor: pointer;
}

.bnk-toggle-chip:has(input:checked) {
  background: var(--foundation-primary-bnk-red);
  color: var(--foundation-font-white);
  font-weight: 800;
}

.bnk-toggle-chip-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}

.subwrapper.transfer-complete-entry .bnk-row.fixed {
  background: var(--foundation-bg-bg-white);
  padding-top: 16px;
}

.lysheet.transfer-favorite-sheet .lysheet-body {
  padding-bottom: 8px;
}

.lysheet.transfer-favorite-sheet .transfer-favorite-summary.displaybox.ty1 {
  background: var(--foundation-bg-bg-popup-2);
}

.lysheet.transfer-favorite-sheet .transfer-favorite-actions {
  padding-top: 8px;
}

.lysheet.transfer-share-sheet .lysheet-body {
  padding-top: 0;
}

.lysheet.transfer-share-sheet .transfer-share-list .item-wrap {
  width: 100%;
}


.survey-wrapper { }
.survey-wrapper .bnk-card {
  box-shadow:none
}
.survey-wrapper .bnk-card + .bnk-card {
  margin-top:16px
}
.survey-wrapper .bnk-card .card-header { }
.survey-wrapper .bnk-card .card-header .bnk-title { }
.survey-wrapper .bnk-card .card-header .bnk-title .hd3 {position: relative;padding: 0 0 0 19px;word-break: keep-all;}
.survey-wrapper .bnk-card .card-header .bnk-title .hd3 .qa-title {display: inline-block;margin-right: 6px;position: absolute;top: 0;left: 0;}
.survey-wrapper .bnk-card .card-body { 
  padding:0
}
.survey-wrapper .bnk-card .card-footer { }

.survey-wrapper .bnk-card .card-header + .card-body {margin-top:20px}

/* 설문 카드 — 번호+문항+라디오 (Figma Survey) */
.bnk-survey-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bnk-survey-wrap .bnk-survey-item {
  border: 1px solid var(--foundation-line-gray-2);
  border-radius: var(--radius-8);
  padding: 20px;
  background: var(--foundation-bg-bg-white);
  box-shadow: none;
}

.bnk-survey-wrap .bnk-survey-item__title {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}

.bnk-survey-wrap .bnk-survey-item__num,
.bnk-survey-wrap .bnk-survey-item__subject {
  color: var(--foundation-font-black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: -0.08px;
}

.bnk-survey-wrap .bnk-survey-item__num {
  flex-shrink: 0;
}

.bnk-survey-wrap .bnk-survey-item__subject {
  flex: 1;
  min-width: 0;
  margin: 0;
  word-break: keep-all;
}

.bnk-survey-wrap .bnk-survey-item__title + .input-radio-group {
  margin-top: 20px;
}

.bnk-survey-wrap .input-radio-group.ty1 .bnk-inputset {
  flex: 1;
  min-width: 0;
}

.bnk-survey-wrap .input-radio-group .bnk-inputset.rdo label {
  color: var(--foundation-font-black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.07px;
}

.displaybox.voice-phishing-guide-notice .survey-warning-emphasis {
  color: var(--foundation-primary-bnk-red);
  font-weight: 700;
}


.card-combined {/* box-shadow: 0 0 2px 0 rgba(133, 141, 156, 0.30), 0 0 6px -8px rgba(2, 12, 34, 0.04); */border-radius: var(--radius-8);overflow: hidden;box-shadow: 0 0 2px 0 rgba(133, 141, 156, 0.50), 0 0 6px -8px rgba(2, 12, 34, 0.04);}
.card-combined .bnk-card.ty1 {
  border-radius: 0;
  box-shadow: none;
}

.card-combined .card-bottom-parts { }
.card-combined .card-bottom-parts .bnk-list {display: flex;/* border: 1px solid var(--foundation-line-gray-2); */border-top: none;border-radius: 0 0 var(--radius-8) var(--radius-8);overflow: hidden;border-top: 1px solid var(--foundation-line-gray-2);}
.card-combined .card-bottom-parts .bnk-list > li {flex: 1;}
.card-combined .card-bottom-parts .bnk-list > li + li { margin-top: 0px}
.card-combined .card-bottom-parts .bnk-list > li > a {
  display: flex;
  color: var(--foundation-font-black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 14px */
  letter-spacing: -0.07px;
  padding: 11px 0;
  position:relative;
  min-height: 40px;
  background: var(--foundation-bg-bg-white);
  justify-content: center;
  align-items: center;
}
.card-combined .card-bottom-parts .bnk-list > li + li > a::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  background:var(--foundation-line-gray-1);
}

.card-combined .card-header .item-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-combined .card-header .item-header .bnk-icon {
  flex: none;
}

.card-combined .card-header .item-header .item-title {
  flex: 1;
  min-width: 0;
}

.card-combined .text-list.ty7 > li .defn-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.card-combined .text-list.ty7 > li .defn-list > dt {
  color: var(--foundation-font-black);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.07px;
}

.card-combined .text-list.ty7 > li .defn-list > dd {
  color: var(--foundation-font-gray-1);
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.06px;
}

.card-combined .text-list.ty7 > li .defn-list > dt + dd {
  margin-top: 4px;
}

.card-combined .text-list.ty7 > li .defn-list > dd + dd {
  margin-top: 2px;
}

.bnk-list.check.select.certi > li .card-combined,
.bnk-list.link.certi > li .card-combined {
  width: 100%;
}

.bnk-list.check.select.certi > li .card-combined .card-bottom-parts .bnk-list > li > a,
.bnk-list.link.certi > li .card-combined .card-bottom-parts .bnk-list > li > button {
  background: var(--foundation-bg-bg-1);
}

.bnk-list.check.select.certi > li .card-combined .card-bottom-parts .bnk-list > li > span.disabled {
  display: flex;
  color: var(--foundation-font-black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.07px;
  padding: 11px 0;
  min-height: 40px;
  background: var(--foundation-bg-bg-1);
  justify-content: center;
  align-items: center;
  pointer-events: none;
  cursor: default;
}

/* 금상몰 추천상품 슬라이더 */
.goldmall-slider-wrap {
  margin-bottom: var(--space-8);
}
.goldmall-slider {
  overflow: hidden;
}
.goldmall-slider .swiper-slide {
  height: auto;
}
.bnk-card.ty1.goldmall-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-shadow: none;
  border: 1px solid var(--foundation-line-gray-2);
  border-radius: var(--radius-8);
  padding: var(--space-10);
  background: var(--foundation-bg-bg-white);
}
#goldmall-slider-deposit .bnk-card.ty1.goldmall-slide {
  min-height: 238px;
}
.goldmall-slide-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
}
.goldmall-slide-visual img {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: contain;
}
.goldmall-slide-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  width: 100%;
}
.goldmall-slide-title {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 6.4rem;
  text-align: center;
}
.goldmall-slide-title .hd3 {
  margin: 0;
  color: var(--foundation-font-black);
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: -0.08px;
}
.goldmall-slide-title .stxt {
  margin: 0;
  min-height: 3.6rem;
  color: var(--foundation-font-gray-1);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.06px;
}
.goldmall-slide-info .hrzn.ty1 {
  margin: 0;
  background: var(--foundation-line-gray-1);
}
.goldmall-slide-rate {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  height: 2.1rem;
  margin: 0;
  white-space: nowrap;
}
.goldmall-slide-rate span {
  color: var(--foundation-font-gray-1);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.06px;
}
.goldmall-slide-rate strong {
  color: var(--foundation-font-black);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.07px;
}
.goldmall-slider-wrap > .swiper-pagination.goldmall-slider-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 100%;
  height: 8px;
  margin-top: var(--space-8);
}
.goldmall-slider-wrap .goldmall-slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0;
  background: var(--foundation-ui-information);
  opacity: 1;
  border-radius: 50%;
}
.goldmall-slider-wrap .goldmall-slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 999px;
  background: var(--foundation-primary-bnk-red);
}
.goldmall-slide-badge {
  position: absolute;
  top: var(--space-10);
  left: var(--space-10);
  z-index: 1;
}
.goldmall-notice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  margin: var(--space-10) 0 0;
  padding: var(--space-10);
  border-radius: var(--radius-8);
  background: var(--foundation-bg-bg-1);
}
.goldmall-notice img {
  display: block;
  width: 70px;
  height: 46px;
  object-fit: contain;
}
.goldmall-notice p {
  margin: 0;
  color: var(--foundation-font-gray-2);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.06px;
}
.bnk-row.inner > .bnk-list.full.ty5 + .bnk-list.bullet3,
.goldmall-notice + .bnk-list.bullet3 {
  margin-top: 16px;
}
.bnk-list.full .item-title .bnk-labelset {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
}
.goldmall-list-mark {
  display: block;
  width: 37px;
  height: 24px;
  object-fit: contain;
}

.goldmall-detail .bnk-title.ct > .stxt {
  font-size: 1.8rem;
  letter-spacing: -0.09px;
}
.goldmall-detail .bnk-title.ct > .stxt + .simg {
  margin-top: 16px;
}
.goldmall-detail .simg img,
.goldmall-detail .simg .lottie-icon {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.goldmall-detail .simg .lottie-icon {
  overflow: hidden;
}
.goldmall-detail .simg .lottie-icon.sz144 {
  width: 144px;
  height: 144px;
}
.goldmall-detail .simg .lottie-icon.sz144x200 {
  width: 144px;
  height: 200px;
}
.goldmall-detail .simg .lottie-icon.sz240x140 {
  width: 240px;
  height: 140px;
}
.goldmall-detail .simg .lottie-icon.sz274x160 {
  width: 274px;
  height: 160px;
}
.goldmall-detail .simg .lottie-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.goldmall-detail .collapse-content .simg img {
  width: auto;
  height: auto;
  margin: 0;
}
.goldmall-detail .collapse-content .simg.kdic-mark img {
  width: 62px;
  height: 40px;
}
.goldmall-detail .collapse-content .simg.kdic-mark + .stxt {
  margin-top: 20px;
}
.goldmall-detail .collapse-content .stxt .icon-helpqa {
  display: inline-block;
  vertical-align: -4px;
  margin-left: 4px;
}
.goldmall-detail .banner-content .bnk-title .stxt {
  font-size: 1.8rem;
  letter-spacing: -0.09px;
}
.goldmall-detail .banner-content .stxt + .hd2 {
  margin-top: 16px;
}
.goldmall-detail .banner-content .bnk-title + .simg.gap18 {
  margin-top: 18px;
}
/* 금상몰 배너 캡션 — Figma 2601:9339 (이미지 → 캡션 17px, 캡션은 내용 폭으로 중앙 정렬해 좌우 여백 확보) */
.goldmall-detail .banner-content .simg + .bnk-list.bullet3 {
  margin-top: 17px;
}
.goldmall-detail .banner-content .bnk-list.bullet3 {
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/* 시니어에서 글자가 커져도 단어 중간에서 줄이 끊기지 않게 한다 */
.goldmall-detail .bnk-title .hd2 {
  word-break: keep-all;
}
.bnk-list.line.row.goldmall-spec > li {
  border-bottom: none;
}
.bnk-list.line.row.goldmall-spec > li .list-row-d2 {
  padding: 0 4px;
}
.bnk-list.line.row.goldmall-spec > li .list-row-d2 > dt {
  color: var(--foundation-font-black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.07px;
}
.bnk-list.line.row.goldmall-spec > li .list-row-d2 > dd {
  color: var(--foundation-font-black);
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 150%;
  letter-spacing: -0.08px;
  margin-top: 4px;
  white-space: nowrap;
}
.bnk-list.line.row.goldmall-spec > li.goldmall-spec-rate {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
}
.bnk-list.line.row.goldmall-spec > li.goldmall-spec-rate .list-row-d2 {
  padding: 0;
}
/* 한도·금리 — Figma 33564:32349 (좌우 24, 하단 24, 칸 사이 14, 구분선 40) */
.goldmall-detail .bnk-row:has(> .goldmall-spec-term) {
  padding-left: 24px;
  padding-right: 24px;
}
.goldmall-detail .bnk-row + .bnk-row:has(> .goldmall-spec-term) {
  margin-top: 16px;
}
.goldmall-detail .bnk-row:has(> .goldmall-spec-term) + .bnk-row {
  margin-top: 16px;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-term {
  padding-bottom: 24px;
  justify-content: center;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-term > li {
  flex: 0 0 auto;
  padding: 0 14px;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-term > li .list-row-d2 {
  padding: 0;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-term > li .list-row-d2 > dt,
.bnk-list.line.row.goldmall-spec.goldmall-spec-term > li .list-row-d2 > dd {
  white-space: nowrap;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-term > li + li::before {
  height: 40px;
}
.bnk-list.line.row.goldmall-spec > li.goldmall-spec-feature .list-row-d2 > dd {
  margin-top: 0;
}
/* mall02 키워드 행 — Figma 2261:36579 (px 24, pb 24, divider 20, last col px 16) */
.goldmall-detail .bnk-row:has(> .goldmall-spec-feature-row) {
  padding-left: 24px;
  padding-right: 24px;
}
.goldmall-detail .bnk-row:has(> .goldmall-spec-feature-row) + .bnk-row {
  margin-top: 16px;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row {
  padding-bottom: 24px;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row > li {
  flex: 1;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row > li .list-row-d2 {
  padding: 0;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row > li + li::before {
  height: 20px;
}
.bnk-list.line.row.goldmall-spec.goldmall-spec-feature-row > li:last-child {
  flex: 0 0 auto;
  padding: 0 16px;
}
.goldmall-detail .bnk-row.fixed {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.bnk-list.display.goldmall-spec-stack {
  width: 100%;
  padding-bottom: 24px;
}
.bnk-list.display.goldmall-spec-stack > li + li {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--foundation-line-gray-1);
}
.bnk-list.display.goldmall-spec-stack > li > dl {
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
}
.bnk-list.display.goldmall-spec-stack > li > dl > dt {
  color: var(--foundation-font-black);
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.09px;
}
.bnk-list.display.goldmall-spec-stack > li > dl > dd {
  color: var(--foundation-font-black);
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.1px;
  text-align: left;
}
.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;
}
.bnk-list.display.goldmall-spec-stack > li.goldmall-spec-stack-rate > dl {
  flex: 0 0 auto;
}
.goldmall-detail .bnk-list.bullet > li .bnk-list.bullet2 {
  margin-top: 8px;
}

/* 인증보안센터 - 사용중 인증수단 카드 */
.bnk-card.ty1.auth-cert-card {
  padding: 20px;
}

.bnk-card.ty1.auth-cert-card .card-header {
  align-items: center;
}

.bnk-card.ty1.auth-cert-card .bnk-title.icon-grid.ty3 {
  gap: 12px;
}

.bnk-card.ty1.auth-cert-card .bnk-title.icon-grid img.bank-logo,
.bnk-card.ty1.auth-cert-card .bnk-title.icon-grid .lottie-icon.bank-logo {
  width: 56px;
  height: 56px;
  flex: none;
}
.bnk-card.ty1.auth-cert-card .bnk-title.icon-grid img.login-faceid-gif {
  object-fit: contain;
}
.bnk-card.ty1.auth-cert-card .bnk-title.icon-grid .lottie-icon.bank-logo svg {
  width: 100%;
  height: 100%;
  display: block;
}

.bnk-card.ty1.auth-cert-card .bnk-title.icon-grid .stxt.sm {
  color: var(--foundation-font-gray-1);
}

.senior .bnk-card.ty1.auth-cert-card .bnk-title.icon-grid .stxt.sm {
  font-size: 1.12rem;
}

.bnk-card.ty1.auth-cert-card.notice .card-header {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.bnk-card.ty1.auth-cert-card.notice .notice-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.bnk-card.ty1.auth-cert-card.notice .auth-cert-notice {
  margin: 0;
  color: var(--foundation-font-gray-1);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.06px;
  white-space: nowrap;
}

.bnk-card.ty1.auth-cert-card.notice .auth-cert-notice a {
  color: var(--foundation-font-black);
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  text-underline-position: from-font;
}

/* 고객센터 - 고객상담 안내 3분할 박스 */
.bnk-title + .bnk-list.line.row.ty1.customer-consult-menu {
  margin-top: 24px;
}

.bnk-list.line.row.ty1.customer-consult-menu {
  gap: 12px;
}

.bnk-list.line.row.ty1.customer-consult-menu > li {
  border-radius: var(--radius-8);
  background: var(--foundation-bg-bg-white);
  box-shadow: 0 0 2px 0 rgba(133, 141, 156, 0.5), 0 0 6px 0 rgba(2, 12, 34, 0.04);
}

.bnk-list.line.row.ty1.customer-consult-menu > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.bnk-list.line.row.ty1.customer-consult-menu > li .item-header {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.bnk-list.line.row.ty1.customer-consult-menu > li .item-header .bnk-icon {
  flex-shrink: 0;
}

.bnk-list.line.row.ty1.customer-consult-menu > li .item-header .item-subject {
  color: var(--foundation-font-black);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.07px;
  text-align: center;
}



.senior .bnk-list.line.row.ty1.customer-consult-menu > li .item-header .item-subject {
  font-size: 1.44rem;
  line-height: 150%;
  letter-spacing: -0.09px;
}


.card-section .card-combined .bnk-card.ty1 .bnk-list.display > li + li {
  margin-top:8px
}