@charset "UTF-8"; 
.chart-bar {
  position: relative;
  width: 100%;
  height: 6rem;
  padding: .8rem 1.2rem 0;
}

.chart-bar__var {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: .4rem;
  background: #d6d6d6;
}

.chart-bar__txt {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -2rem;
  height: 2.6rem;
  margin-top: 1.4rem;
  padding: 0 .4rem;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  line-height: 2.6rem;
  white-space: nowrap;
  transition: all .5s;
  z-index: 2;
}

.chart-bar__txt:before {
  content: "";
  display: block;
  position: absolute;
  top: -.4rem;
  left: 50%;
  width: 0;
  height: 0;
  border: .4rem solid transparent;
  border-top: none;
  border-bottom-color: var(--yellow040);
  transform: translateX(-50%);
  transition: all .5s;
  opacity: 0;
}

.chart-bar__txt:after {
  content: '';
  display: block;
  position: absolute;
  top: -.8rem;
  left: 50%;
  width: .8rem;
  height: .8rem;
  margin-top: -.8rem;
  border-radius: .8rem;
  background: #d8d8d8;
  border: .3rem solid rgba(255, 255, 255, 0);
  transition: all .5s;
  transform: translateX(-50%);
  box-sizing: border-box;
}

.chart-bar__obj {
  position: relative;
}

.chart-bar__obj:first-child {
  position: absolute;
}

.chart-bar__obj:first-child .chart-bar__txt {
  left: -2rem;
  right: auto;
}

.chart-bar .on .chart-bar__txt {
  margin-top: 2.4rem;
  background: var(--yellow040);
  border-radius: .4rem;
}

.chart-bar .on .chart-bar__txt:before {
  opacity: 1;
}

.chart-bar .on .chart-bar__txt:after {
  top: -1.5rem;
  width: 16px;
  height: 16px;
  margin-top: -15px;
  background: var(--gray000);
  border: 3px solid var(--yellow040);
  border-radius: 16px;
  box-sizing: border-box;
}

.chart-bar__per {
  overflow: hidden;
  display: inline-block;
  height: .4rem;
  vertical-align: top;
  text-indent: -9999px;
  background: var(--yellow040);
}

/* bar graph */
.bar-graph__list {
  display: flex;
  text-align: center;
  justify-content: center;
}

.bar-graph__list > li + li {
  margin-left: 2.4rem;
}

.bar-graph__grh {
  position: relative;
  width: 3.6rem;
  height: 10rem;
  left: 50%;
  transform: translateX(-50%);
}

.bar-graph__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.6rem;
  font-size: 0;
  text-indent: -9999px;
  line-height: 0;
  background-size: 20rem auto;
  background-repeat: no-repeat;
}

.bar-graph__bar--1 {
  background-color: #6865f7;
}

.bar-graph__bar--2 {
  background: var(--yellow040) url(https://img1.kbcard.com/home_re/mo/img/common/pattern-02.svg);
  background-size: .6rem auto;
}

.bar-graph__bar--3 {
  background: #46ccac url(https://img1.kbcard.com/home_re/mo/img/common/pattern-03.svg);
  background-size: .6rem auto;
}

.bar-graph__bar--4 {
  background: #26b2fe url(https://img1.kbcard.com/home_re/mo/img/common/pattern-04.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--5 {
  background: #ee6963 url(https://img1.kbcard.com/home_re/mo/img/common/pattern-05.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--6 {
  background: #fda2bf url(https://img1.kbcard.com/home_re/mo/img/common/pattern-06.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--7 {
  background: #bedf3d url(https://img1.kbcard.com/home_re/mo/img/common/pattern-07.svg);
  background-size: 1.2rem auto;
}

.bar-graph__bar--8 {
  background: #fda501 url(https://img1.kbcard.com/home_re/mo/img/common/pattern-08.svg);
  background-size: 1.2rem auto;
}

.bar-graph__label {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #484b51;
}

.bar-graph--horizontal .bar-graph__list {
  display: block;
}

.bar-graph--horizontal .bar-graph__list > li + li {
  margin-left: 0;
  margin-top: 2.4rem;
}

.bar-graph--horizontal .bar-graph__grh {
  width: 10rem;
  height: 2.4rem;
  left: 0;
  transform: translate(0);
  white-space: nowrap;
  text-align: left;
}

.bar-graph--horizontal .bar-graph__bar {
  position: relative;
  display: inline-block;
  bottom: auto;
  width: auto;
  height: 2.4rem;
  vertical-align: top;
}

.bar-graph--horizontal .bar-graph__label {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
}

.bar-graph--flex .bar-graph__list > li {
  display: flex;
  text-align: left;
  align-items: center;
}

.bar-graph--flex .bar-graph__list > li + li {
  margin-top: 1.6rem;
}

.bar-graph--flex .bar-graph__list > li > * {
  flex: 0 0 auto;
}

.bar-graph--flex .bar-graph__grh {
  width: 10rem;
  height: 2rem;
}

.bar-graph--flex .bar-graph__bar {
  height: 2rem;
}

.bar-graph--flex .bar-graph__bar--yellow {
  background: var(--yellow040) url(https://img1.kbcard.com/home_re/mo/img/common/img-grh-pattern7.png) repeat 0 0;
}

.bar-graph--flex .bar-graph__info {
  display: flex;
  align-items: center;
  width: calc( 100% - 11.6rem);
  margin-left: 1.6rem;
}

.bar-graph--flex .bar-graph__rank {
  flex: 0 0 auto;
  margin-right: .8rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.bar-graph--flex .bar-graph__txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300 !important;
}

.bar-graph--mask .bar-graph__list > li + li {
  margin-left: 1.6rem;
}

.bar-graph--mask .bar-graph__pc {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600 !important;
}

.bar-graph--mask .bar-graph__grh {
  width: 4.2rem;
  height: 8.5rem;
  background-color: #e5e6e8;
}

.bar-graph--mask .bar-graph__grh:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://img1.kbcard.com/home_re/mo/img/common/img-graph-person.png) no-repeat 0 0;
  background-size: 100% auto;
}

.bar-graph--mask .bar-graph__bar {
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.chart-col-bar {
  padding-bottom: 2.8rem;
}

.chart-col-bar__cont {
  display: flex;
  justify-content: space-evenly;
}

.chart-col-bar__item {
  flex: 1;
  position: relative;
  text-align: center;
}

.chart-col-bar__item strong {
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  right: 0;
  font-size: 1.4rem;
  color: var(--gray090);
  line-height: 2rem;
}

.chart-col-bar__item .column-bar {
  position: relative;
  width: 3.2rem;
  height: 10rem;
  margin: 0 auto;
}

.chart-col-bar__item .column-bar > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.chart-col-bar__item .per {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 1.4rem;
  color: #484b51;
  line-height: 2rem;
  text-align: center;
}

/* circle graph */
.circle-box {
  text-align: center;
}

.circle-box--flex {
  display: flex;
}

.circle-box--flex > * {
  flex: 0 0 auto;
}

.circle-box--flex .circle-svg {
  width: 9.8rem;
  height: 9.8rem;
  margin: 0 1.6rem;
}

.circle-box--flex .circle-info {
  margin-top: 0;
  width: calc( 100% - 13rem);
}

.circle-box--flex .circle-info > li {
  justify-content: flex-start;
  padding: 0 0 0 1.6rem;
  background-color: var(--gray000);
  font-size: 1.6rem;
}

.circle-box--flex .circle-info > li + li {
  margin-top: 1.6rem;
}

.circle-box--flex .circle-info + .circle-info {
  margin-top: 1.6rem;
}

.circle-box--flex .circle-info__pct {
  display: block;
  margin-right: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.circle-box--flex .circle-info__tit {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300 !important;
}

.circle-svg-wrap {
  position: relative;
}

.circle-svg-wrap__tit {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.circle-svg {
  display: block;
  position: relative;
  width: 16rem;
  height: 16rem;
  margin: 0 auto;
}

.circle-info {
  overflow: hidden;
  margin-top: 3.2rem;
}

.circle-info > li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1.6rem .8rem 2.4rem;
  border-radius: .4rem;
  background-color: #f9fafc;
  font-size: 1.4rem;
  line-height: 2rem;
}

.circle-info > li + li {
  margin-top: .8rem;
}

.circle-info-basic {
  margin-top: 1.6rem;
}

.circle-info-basic > li {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1.6rem .8rem 2.4rem;
  background-color: #f9fafc;
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem;
}

.circle-info-basic > li + li {
  margin-top: .8rem;
}

.circle-info-basic > li span[class*='circle-info-basic__p'] {
  position: absolute;
  top: 0;
  left: 0;
  width: .8rem;
  height: 100%;
  border-radius: 0;
  background-repeat: repeat;
}

.circle-info-basic__usd {
  display: block;
  margin-top: .4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #484b51;
}

.circle-head {
  padding: 1.6rem;
  margin-top: 3.2rem;
  box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .16);
  border-radius: .8rem;
}

.circle-head__sum {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.circle-head__price {
  font-size: 1.8rem;
  line-height: 3.6rem;
  font-weight: 600 !important;
}

.circle-head__price > em {
  font-size: 2.8rem;
}

.circle-head__usd {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #484b51;
  text-align: right;
}

span[class*='circle-info__p'],
span[class*='circle-info-basic__p'] {
  position: absolute;
  top: .6rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-repeat: repeat;
}

/* 범례에 패턴 적용은 권장으로 정의 */
.circle-info__p1,
.circle-info-basic__p1 {
  background-color: #6865f7;
}

.circle-info__p2,
.circle-info-basic__p2 {
  background-color: var(--yellow040);
}

.circle-info__p3,
.circle-info-basic__p3 {
  background-color: #46ccac;
}

.circle-info__p4,
.circle-info-basic__p4 {
  background-color: #26b2fe;
}

.circle-info__p5,
.circle-info-basic__p5 {
  background-color: #ee6963;
}

.circle-info__p6,
.circle-info-basic__p6 {
  background-color: #fda2bf;
}

.circle-info__p7,
.circle-info-basic__p7 {
  background-color: #bedf3d;
}

.circle-info__p8,
.circle-info-basic__p8 {
  background-color: #fda501;
}

/* semi circle donut */
/* .semi-donut{
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 300px;
    height: 150px;
    &__el {
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        height: 300px;
        border: 24px solid;
        border-color : $primary $primary #6865f7 #6865f7;
        border-radius: 50%;
        animation : fillAnimation 1s ease-in;
    }
}

@keyframes fillAnimation{
    0%{transform : rotate(-45deg);}
    50%{transform: rotate(135deg);}
} */
/* Finance */
.summary-box__item--time::before, .summary-box__item--money::before, .summary-box__item--auth::before, .summary-box__item--cash::before, 
.summary-box__item--easy-way::before, .summary-box__item--store::before, .summary-box__item--no-card::before, .summary-box__item--no-doc::before, 
.summary-box__item--no-member::before, .summary-box__item--safecredit::before, .summary-box__item--paymentchange::before, .summary-box__item--paymentratio::before, 
.summary-box__item--individual::before, .summary-box__item--fee::before, .summary-box__item--paper::before, 
.summary-box__item--car-easy::before, .summary-box__item--loan-direct::before, .summary-box__item--loan-easy::before, .summary-box__item--individual-new::before,
.summary-box__item--no-document::before, .summary-box__item--loan-easy-new::before
 {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  transform: translateX(-50%);
  background-size: 100% auto;
}

.summary-box__list {
  display: flex;
  flex-direction: row;
}

.summary-box__list + .summary-box__list {
  margin-top: 4.8rem;
}

.summary-box__item {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 4.8rem 0 0;
  font-size: 1.4rem;
  line-height: 2.3rem;
  text-align: center;
  letter-spacing: -.5px;
}

.summary-box__item--time::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-calendar2.svg) no-repeat 0 0;
}

.summary-box__item--money::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-mileage.svg) no-repeat 0 0;
}

.summary-box__item--auth::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-donation.svg) no-repeat 0 0;
}

.summary-box__item--cash::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-finance.svg) no-repeat 0 0;
}

.summary-box__item--easy-way::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-mobile-password.svg) no-repeat 0 0;
}

.summary-box__item--store::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-franchisees-discount.svg) no-repeat 0 0;
}

.summary-box__item--no-card::before {
  border: 1px solid var(--yellow040);
}

.summary-box__item--no-doc::before {
  border: 1px solid var(--yellow040);
}

.summary-box__item--no-member::before {
  border: 1px solid var(--yellow040);
}

.summary-box__item--safecredit::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-safecredit.svg) no-repeat 0 0;
}

.summary-box__item--paymentchange::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-paymentchange.svg) no-repeat 0 0;
}

.summary-box__item--paymentratio::before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-paymentratio.svg) no-repeat 0 0;
}

.summary-box__item--individual::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-individual.png);
}
.summary-box__item--individual-new::before {
	background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-individual-new.svg);
}
.summary-box__item--paper::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-paper.png);
}
.summary-box__item--fee::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-fee.png);
}

.summary-box__item--car-easy::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-careasy.png);
}
.summary-box__item--loan-direct::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-loandirect.png);
}
.summary-box__item--loan-easy::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-loaneasy.png);
}
.summary-box__item--loan-easy-new::before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-loaneasy-new.svg);
}
.summary-box__item--no-document::before {
	background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-no-document.svg);
}

.summary-box__list--v {
  flex-direction: column;
}

.summary-box__list--v .summary-box__item + .summary-box__item {
  margin-top: 1.6rem;
}

.summary-box__list--v .summary-box__cnt {
  display: inline-block;
}

.summary-box__list--v .summary-box__cnt + .summary-box__cnt {
  margin-left: 2.8rem;
}

.summary-box__list--v .summary-box__title {
  display: block;
  margin-bottom: .8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.summary-box__list--v .summary-box__val {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3.6rem;
}

.summary-box__list--v .summary-box__val em {
  font-size: 2.8rem;
}

.summary-box__list--v .summary-box__through {
  display: inline-block;
  margin-left: .4rem;
  font-size: 1.6rem;
  color: #8c949e;
  text-decoration: line-through;
}

.summary-box__list--bdb {
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.fn-banner {
  margin-top: 4.8rem;
  border-radius: .8rem;
}

.fn-banner > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.4rem;
}

.fn-banner__text {
  color: #484b51;
}

.fn-banner--skyblue {
  background-color: #c1deff;
}

.fn-banner--purple {
  background-color: #c9c1ff;
}

/* 개인사업자대출 DSR 대상 안내 팝업_220914 */
.banner_loan_pop .p-box {
	padding:10px 10px 10px 76px; position:relative; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/64/ico_coinPer_64.png) no-repeat 0 center; background-size:64px;
}

/*230403 : [금융] 대환대출 신상품 신규 개발*/
.finance-ban {display:flex; justify-content: space-between; align-items: center;}
.finance-ban__cnt {font-size:1.6rem;}
.finance-ban__img  {width:5.6rem;}
.finance-ban__img img {width:100%;}
.chk-block.chk-block--icon .check-box label:before {display:none;}
.chk-block.chk-block--icon .check-box label {padding:1.6rem 1.6rem 1.6rem 7.4rem;}
.chk-block.chk-block--icon .check-box .bk-icon {position:absolute; left:1.6rem; top:1.6rem; border-radius: 100%; border:1px solid rgba(0,0,0,0.16); width:4.8rem; height:4.8rem; overflow:hidden;}
.chk-block.chk-block--icon .check-box .bk-icon img {width:100%;}
.chk-block.chk-block--icon .check-box input:checked + label {border:2px solid var(--yellow040);}
.chk-block.chk-block--icon .check-box .bk-info li {margin-top:0.8rem; font-size:1.6rem; word-break: break-all;}
.chk-block.chk-block--icon .check-box .bk-info li.nm {word-break: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chk-block.chk-block--icon .check-box .bk-info li.bold {font-weight:bold;}
.chk-block.chk-block--icon .check-box .btn {margin-top:1.2rem; height:2.4rem; line-height:2.2rem;}
.loan-dicount-tit {text-align:center; font-size:1.4rem; line-height:2.4rem; font-weight:600; color:#ea580c;}
.loan-rate-cont {position:relative; display:flex; justify-content: space-between;}
/*.loan-rate-cont:before {content: '';  display: block; width: 0; height: 0; position: absolute; right: -1.0rem;  top: -0.5rem; border-top: 1.0rem solid transparent; border-right: 1.0rem solid transparent;  border-bottom: 1.0rem solid transparent; border-left: 2.2rem solid rgba(0,0,0,0.16);}
.loan-rate-cont:after {content:''; display:block; height:0.9rem; background:rgba(0,0,0,0.16); position:absolute; left:0; right:2.2rem; top:0;}*/
.loan-dicount-tit__tooltip {font-size:0; width:2.4rem; height:2.4rem; background: url(https://img1.kbcard.com/home_re/mo/img/finance/loan_tooltip.png) center center no-repeat; background-size:2.4rem auto; -webkit-background-size:2.4rem auto; display:inline-block; vertical-align: top;}
.loan-rate-cont p {font-weight:600; font-size:1.6rem; text-align:left;}
.loan-rate-cont p + p {text-align:right; color:#614cc2;}
.loan-won-cont {display:flex; justify-content: space-between; position:relative;}
.loan-won-cont:before {content:''; display:block; width:100%; height:1px; background:#666; position:absolute; left:0; top:3.8rem;}
.loan-won-cont .loan-won-cont__in_info .loan-won-cont__in_info__txt {font-size:1.6rem; font-weight:600; position: relative;}
.loan-won-cont .loan-won-cont__in_info .loan-won-cont__in_info__txt:before {content:''; display:block; position:absolute; left:0; bottom:-1.8rem; width:0.7rem; height:0.7rem; background:#666; border-radius: 100%;}
.loan-won-cont .loan-won-cont__in_info .loan-won-cont__in_info__won {padding-top:4.0rem; font-weight:600; font-size:1.6rem;}
.loan-won-cont .loan-won-cont__in_info.big {text-align:right; color:#614cc2;}
.loan-won-cont .loan-won-cont__in_info.big .loan-won-cont__in_info__txt:before {left:auto; right:0;}
.compare-rate-cont {margin-top:2.0rem; display:flex; justify-content: space-between;}
.compare-rate-cont .rate-cont {width:50%; margin-left:0.4rem; text-align:center; border:2px solid var(--yellow040); border-radius:0.4rem; padding:1.2rem 0.8rem; color:rgba(0,0,0,0.87);} 
.compare-rate-cont .rate-cont .rate-cont__tit {font-size:1.6rem;margin-bottom:24px; font-weight:bold;}
.compare-rate-cont .rate-cont:first-child {margin-left:0; background:#f9fafc; border-color: rgba(0,0,0,0.24); color:#8c949e; border-width:1px;}
.compare-rate-cont .rate-cont .rate-con__item {margin-top:8px; font-size:1.6rem;}
.compare-rate-cont .rate-cont .rate-con__item:first-of-type {margin-top:0; font-weight:600; color: rgba(0,0,0,0.87);}
.compare-rate-cont .rate-cont:first-child .rate-con__item:first-of-type dt {color: rgba(0,0,0,0.87);}
.compare-rate-cont .rate-cont .rate-con__item:first-of-type dt {color:#086cfd;}
.compare-loan-txt {text-align:center; margin-top:3.2rem; font-weight:600; font-size:1.8rem;}
.compare-loan-txt .compare-loan-txt__sm_txt {font-size:1.6rem; margin-top:0.5rem;}
.compare-loan-txt .blue {color:#086cfd;}
.detail-info__item.add {position:relative; margin-top: 5rem;}
.detail-info__item.add strong {position:absolute; left:0; top:-3.5rem;}

/* 비대면 신청 화면 내 사전 안내 사항 추가 */
/* 하단 버튼 fixed - scrollable */
.is-prepare {padding-bottom: 23.9rem;}
.is-prepare-banner {padding-top: 1.6rem;border-top-left-radius: 1.6rem;border-top-right-radius: 1.6rem;overflow: hidden;box-shadow: 0px -10px 10px 0 rgba(0, 0, 0, .16);}
.is-prepare-banner.fixedBArea {display:block}
.prepare-banner {background:var(--gray000);padding:0 0 1.6rem 0;text-align: center;}
.prepare-banner ul {display: flex;margin-top:8px;flex-wrap: wrap;align-items: center;}
.prepare-banner ul li {position:relative; width:50%}
.prepare-banner ul li + li:after {content:''; display:block; position:absolute; top:50%; left:-0.5px; width:1px; height:20px; background:#dde1e4; margin-top:-10px;}
.prepare-banner ul.col3 li {width:33.3%}
.prepare-banner ul.col3 li:after {display:none; content:none;}
.prepare-banner ul li .icon img {width:3.2rem; vertical-align:top;}
.prepare-banner ul li .txt {font-size:1.4rem !important;}

.is-prepare-banner.fixed-area .btn--l {height:4.8rem; line-height:4.8rem; font-size:1.6rem;}
/* 하단 버튼 none fixed - scroll end */
.is-fixed__false.is-prepare-banner {margin-bottom: 0;border-radius:0; box-shadow:none;}
.is-fixed__false.is-prepare-banner:before{content:"";display:block;margin: 0 -16px 0;height:7px;border-top:1px solid rgba(0, 0, 0, .08);background: #f9fafc;}
.bottomPop + .is-fixed__false.is-prepare-banner:before {display:none; content:none;}
.is-fixed__false .prepare-banner {display: block !important; padding:1.6rem 0;}
.is-fixed__false .prepare-banner ul {margin-top:16px}
.is-fixed__false .prepare-banner ul li .icon img {width:4rem;display: inline-block;}
.is-fixed__false .prepare-banner ul li .txt {font-size:1.6rem !important}

/* 자동차금융 - 계약서작성 시작 안내 */
.bg-contract {
	padding-top:12.4rem;
	background: url(https://img1.kbcard.com/home_re/mo/img/finance/img-visual-contract.png ) no-repeat center 0;
	background-size: auto 10.8rem;
}
.tit-contract {
	display: block;
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.6rem;
	padding-top:12.4rem;
	background: url(https://img1.kbcard.com/home_re/mo/img/finance/img-visual-contract.png ) no-repeat center 0;
	background-size: auto 10.8rem;
	text-align:center;
}
.step-box {
	display: flex;
	flex-direction: row;
}

.step-box__item {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-left: 1.6rem;
	padding: 3.6rem 0 0;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
	word-break: keep-all;
}
.step-box__item::after
{
	content: "";
	display: block;
	position: absolute;
	top: .4rem;
	left: -1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat 0 0;
	background-size: 100% auto;
}
.step-box__item:first-child {margin-left:0;}
.step-box__item:first-child::after {display: none;}
.step-box__item::before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2.4rem;
	height: 2.4rem;
	transform: translateX(-50%);
	background-size: 100% auto;
}
.step-box__item--memo::before {
	background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-memo.svg);
}
.step-box__item--documents::before {
	background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-documents.svg);
}
.step-box__item--sign::before {
	background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-sign.svg);
}
.step-box__item--coin::before {
	background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-coin.svg);
}

/*25.01.13 : [금융] 대출관리 조건 변경 신규화면 추가(모바일)*/
.result-list + .result-list {margin-top:3.2rem;}


/*25.04.10 : [자동차금융]연계대출 브릿지 토스-자동차담보대출 페이지 추가*/
.box-lending {text-align: center; padding: 0;  margin-bottom: 0;}
.box-lending__tit {padding: 40px 16px 78px;  margin-bottom: -41px;  text-align: center;  background-color: var(--yellow040);font-size: 1.6rem;  font-weight: bold;  letter-spacing: -0.2px;
    line-height: 1.5;   color: rgba(0,0,0,0.87);
}
.box-lending__tit p { font-size: 2.0rem;  font-weight:normal;line-height: 1.4;  text-align: center;}
.box-lending__tit strong { margin-top: 0.4rem; font-size: 2.4rem; font-weight: 600;  line-height: 1.17;  text-align: center;}

.box-lending__list {display: -webkit-box;  display: -webkit-flex;  display: flex;  max-width: 328px;  margin: 0 auto 40px;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;
    -webkit-justify-content: center;  justify-content: center;  -webkit-align-items: flex-start;  align-items: flex-start;
}
.box-lending__list li {position: relative; display: -webkit-inline-flex; display: inline-flex; width: 33.33%; -webkit-flex-direction: column;
    flex-direction: column;  -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start;}
.box-lending__icon {width: 82px; height: 82px;}
.box-lending__icon img {max-width:100%;}
.box-lending__sub {margin-top: 0.9rem;}
.box-lending img {vertical-align: top;}
.box-lending__desc {margin-top:0.8rem; font-size: 1.4rem; line-height: 1.43;  color: rgba(34,34,34,0.8);}

/* 금융혜택 신청화면 신규 제작 */
.fnc-bnf-list > li {border-bottom:1px solid #ebebeb; padding-bottom:1.6rem; margin-bottom:1.6rem; line-height:2.2rem;}
.fnc-bnf-list > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.fnc-bnf-list__tit {margin-bottom:0; font-size:1.6rem; line-height:2.4rem; font-weight:600 !important;}
.fnc-bnf-box {display:flex; margin-top:.8rem;}
.fnc-bnf-box__cnt {width:100%; font-size:1.4rem;}
.fnc-bnf-box__cnt > li {float:left; width:58%; font-size:1.4rem; line-height:2.2rem;}
.fnc-bnf-box__cnt > li:first-child {width:36%; margin-right:2%;}
.fnc-bnf-box__cnt > li.fnc-bnf-box__full {width:100%;}
.fnc-bnf-box__tit {color:var(--gray060);}
.fnc-bnf-box__tit .fnc-bnf-date {font-size:1.4rem;}
.fnc-bnf-box__num {margin-top:.4rem; white-space:nowrap;}
.fnc-bnf-box__num span, .fnc-bnf-date {font-size:1.8rem;}
.fnc-bnf-box__btn {position:relative; align-self:flex-end; text-align:right;}
.fnc-bnf-box__btn a {min-width:9.8rem; padding:0 .8rem; white-space:nowrap;}
.fnc-bnf-box .badge--balloon {top:-2.8rem; width:9rem; height:2.4rem; padding:.2rem .8rem; font-size:1.2rem; white-space:nowrap;}

@media screen and (max-width: 320px) {
    .fnc-bnf-box__cnt > li {letter-spacing:-0.12rem}
}

/* 리볼빙 */
.intr-box {
    padding: 2.4rem 0;
    background: var(--gray000);
    border-radius: .8rem;
    box-shadow: 0 2px 4px 0 rgba(96, 97, 112, 0.16);
    text-align:center;
}

.intr-box dt {
    display: inline-block;
    margin-bottom: 1.6rem;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    line-height: 2;
    background: #eef1f2;
    border-radius: 2.2rem;
}

.intr-box dd em {
    display: inline-block;
    color: #01a0c7;
    font-weight: 600;
}

.intr-box dd strong {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 600;
    color: #01a0c7
}

.revol-user {text-align:center;}
.revol-user * {font-size: 1.8rem}
.revol-user dt {display: inline-block;margin-bottom: 1.6rem;padding: 0 1.6rem;color: #01a0c7;font-size: 1.4rem;font-weight: 600;line-height: 1.715;letter-spacing: -0.18px;border: 1px solid #01a0c7;background: var(--gray000);border-radius: 2.2rem;}
.revol-user dd {font-weight: 600;color: #000;}
.revol-user dd strong {display: inline-block;color: #01a0c7}

.intr-list {display: table;table-layout: fixed;width: 100%}
.intr-list li {display: table-cell;border-left: 1px solid rgba(0,0,0,0.16)}
.intr-list li:first-child {border: none}

/*25.12.15 : [자동차금융] 근저당 설정등록 신청서 및 위임장 추가*/
.txt-sign {position:relative; display:inline-block;}
.txt-sign--circle:before, .txt-sign--triangle:before, .txt-sign--rectangle:before {content:''; display:block; position:absolute; left:50%; top:50%; width:44px; height:44px; 
background-size:44px auto; -webkit-background-size:44px auto; margin-left:-22px; margin-top:-22px; z-index:1; background-position: center center; background-repeat: no-repeat;}
.txt-sign--circle:before {background-image:url(https://img1.kbcard.com/home_re/mo/img/finance/stamp-circle-mo.png);}
.txt-sign--triangle:before {background-image:url(https://img1.kbcard.com/home_re/mo/img/finance/stamp-triangle-mo.png);}
.txt-sign--rectangle:before {background-image:url(https://img1.kbcard.com/home_re/mo/img/finance/stamp-rectangle-mo.png);}

/* KB Pay 3.0 */
/* common */
.tit-form--gray090 {color: var(--gray090);}
.list-blt--gray060 li {color: var(--gray060);}

.border-t--sec {margin-top: 2.4rem; padding-top: 1.6rem; border-top: .1rem solid var(--gray020);}

/* steps */
.pay3 .steps {margin-bottom: 2.4rem;}/* basic 과 다름 */
.pay3 .steps .tit-dep1 {font-size: 1.2rem; font-weight: 300;}/* basic 과 다름 */

/* 통합대출 */
.toast-top {bottom:unset; top:5.6rem;}
.visual-loan {position: relative; height: 23.6rem; margin: 0 -1.6rem; padding: 4rem 1.6rem 2.4rem; background-image: linear-gradient(to bottom, #fcf6db 29%, rgba(255, 255, 255, 0) 125%); box-sizing: border-box;}
.visual-loan .visual-loan__tit {font-size: 2rem; font-weight: 600; letter-spacing: -.03rem;}
.visual-loan .visual-loan__txt {margin-right: 14.8rem; font-size: 1.4rem; letter-spacing: -.03rem;}
.visual-loan .visual-loan__tit + .visual-loan__txt {margin-top: .8rem;}
.visual-loan .visual-loan__img {position: absolute; bottom: 2.4rem; right: 2rem;}
.visual-loan .visual-loan__img > img {width: 12.8rem; height: 10.8rem;}
.tabs.tabs--loan .scroll-wrap {margin-top: 0;}
.tabs.tabs--loan .scroll-wrap:after {display: none;}
.tabs.tabs--loan .tabs__menu--rblack-s > li a {display: flex; align-items: center; height: 3.8rem; padding: 0 1.4rem; font-size: 1.4rem; letter-spacing: -.03rem; border-radius: 1.9rem;}
.tabs.tabs--loan .tabs__menu--rblack-s > li.on a {color: var(--gray000);}
.card--loanacc {padding: 2rem 2rem 1.2rem; border-radius: 1.6rem; border-top-left-radius: 3.2rem; background-color: var(--gray000); box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .1);}
.card--loanacc .card--loanacc__cont {display: flex; margin: 0 -.8rem;}
.card--loanacc .card--loanacc--info {flex: 1; margin: 0 .8rem;}
.card--loanacc .card--loanacc--info + .card--loanacc--info {flex: 2;}
.card--loanacc .card--loanacc--info__txt .txt-info {font-size:1.1rem; padding-left:0; margin:0;}
.card--loanacc .card--loanacc--info__txt .txt-info:before {display:none;}
.card--loanacc .card--loanacc--info__tit,
.card--loanacc .card--loanacc--info__txt {letter-spacing: -.03rem;}
.card--loanacc .card--loanacc--info__tit {display: block; font-size: 1.2rem;}
.card--loanacc .card--loanacc--info__txt {display: flex; align-items: center; margin-top: .4rem; font-weight: 600;}
.card--loanacc .card--loanacc--info__txt .num {font-size: 2rem;}
.card--loanacc .card--loanacc__note {margin-top: 1.6rem; padding-top: 1.0rem; color: var(--gray060); font-size: 1.3rem; border-top: .1rem solid var(--gray010);}
.card--loanacc__note .list-blt li {font-size:1.2rem; line-height:1.5; color:var(--gray050); padding-left:.6rem;}
.card--loanacc__note .list-blt li + li {margin-top:.4rem;}
.card--loanacc__note .list-blt li:before {top:.7rem; width:.2rem; height:.2rem; background:var(--gray050);}
.card--loanacc__note .list-blt .point-black {color:var(--gray090);}/* 2026-01-22 추가 */
.card--loancont .notice-text {display:flex; align-items:center; font-size:1.3rem; line-height:1; color:var(--yellow080);}/* 2026-01-22 추가 */
.card--loancont .notice-text:before {content:''; display:block; width:2.0rem; height:2.0rem; margin-right:.4rem; background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-info2.svg) no-repeat;}/* 2026-01-22 추가 */
.card--loancont .step--loanacc + .notice-text {margin-top:2.4rem;}/* 2026-01-22 추가 */
.card--loancont .tit-dep3 .btn--arr::after {width: 2rem; height: 2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/20/arr-1-right.svg) no-repeat;}
.step--loanacc .step--loanacc__item {position: relative; display: flex; align-items: center;}
.step--loanacc .step--loanacc__item::after {content: ''; position: absolute; top: 0; left: 2.3rem; width: .1rem; height: 100%; background-color: var(--gray020);}
.step--loanacc .step--loanacc__item + .step--loanacc__item {padding-top: 2.4rem;}
.step--loanacc .step {position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 4.8rem; height: 4.8rem; margin-right: 1.2rem; font-size: 1rem; background-color: var(--gray010); border: .1rem solid var(--gray020); border-radius: 50%;}
.step--loanacc .step .step__num {font-size: 1.4rem; font-weight: 600;}
.list-dt__num dt {font-weight:600;}
.list-dt__num dt + dd {margin-top:.8rem;}
.list-dt__num dd {font-size:1.4rem; line-height:1.57;}
.list-dt__num dd + dd {margin-top:1.2rem;}
.txt-commont__line {padding-top:1.6rem; margin-top:1.6rem; border-top:1px solid var(--gray010);}
.txt-commont__line .list-blt > li {color:var(--gray090);}
.txt.txt-icon:after {content:''; display:block; width:12.0rem; height:12.0rem; margin:2.4rem auto 0;}/* 2026-02-13 추가 */
.txt-icon__sole:after {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-sole-proprietor.png) no-repeat; background-size:12.0rem;}/* 2026-02-13 추가 */
.txt-icon__car:after {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-card-loan.png) no-repeat; background-size:12.0rem;}/* 2026-02-13 추가 */
.txt-icon__easy:after {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-easy-loan.png) no-repeat; background-size:12.0rem;}/* 2026-02-13 추가 */


/* 대환대출 상환 대상 선택 (기존대출 확인, 대환대출 가능여부 확인) */
.chk-block.chk-block--loanacc {margin: 0;}
.chk-block.chk-block--loanacc .check-box {margin: 1.2rem 0 0 0;}
.chk-block.chk-block--loanacc .check-box:first-child {margin-top: 0;}
.chk-block.chk-block--loanacc .check-box label {padding: 1.6rem; border: 1px solid var(--gray020); box-sizing: border-box;}
.chk-block.chk-block--loanacc .check-box input:checked + label {border: 2px solid var(--gray090); padding: 1.5rem;}
.chk-block.chk-block--loanacc .check-box input {opacity: 0;}
.chk-block.chk-block--loanacc .check-box .bk-acc {display: flex; align-items: flex-start; justify-content: space-between;}
.chk-block.chk-block--loanacc .check-box .bk-acc__cont {display: flex; align-items: center;}
.chk-block.chk-block--loanacc .check-box .bk-acc .btn {margin: 0 -.4rem 0 0; height: 3.2rem; line-height: 3.2; font-weight: 300;}
.chk-block.chk-block--loanacc .check-box .bk-icon {position: static; width: 3.2rem; height: 3.2rem; margin-right: 1.6rem; border: 0;}
.chk-block.chk-block--loanacc .check-box .chk-block__title {line-height: 1.57; letter-spacing: -.03rem;}
.chk-block.chk-block--loanacc .check-box .chk-block__number {font-size: 1.4rem; color: var(--gray070); line-height: 1.57; letter-spacing: -.03rem;}
.chk-block.chk-block--loanacc .list-info .list-info__tit,
.chk-block.chk-block--loanacc .list-info .list-info__desc {font-size: 1.4rem; letter-spacing: -.03rem;}
.chk-block.chk-block--loanacc .list-info .list-info__tit {color: var(--gray060);}
.chk-block.chk-block--loanacc .check-box input:disabled + label {opacity: 1;}
.chk-block.chk-block--loanacc .check-box input:disabled + label {color: var(--gray050);}
.chk-block.chk-block--loanacc .check-box input:disabled + label .chk-block__number,
.chk-block.chk-block--loanacc .check-box input:disabled + label .list-info__tit, 
.chk-block.chk-block--loanacc .check-box input:disabled + label .list-info__desc {color: var(--gray050);}
.chk-block.chk-block--loanacc .check-box input:disabled + label .bk-icon img {filter: grayscale(100%); opacity: .8;}
.chk-block.chk-block--loanacc .bk-badge {display: flex; margin-bottom: 1.2rem;}
.chk-block.chk-block--loanacc .bk-badge .badge + .badge {margin-left: .6rem;} 
.chk-block.chk-block--loanacc .bk-loanacc--info {display: flex; align-items: center;}
.chk-block.chk-block--loanacc .bk-loanacc--info__max,
.chk-block.chk-block--loanacc .bk-loanacc--info__interest {letter-spacing: -.03rem;}
.chk-block.chk-block--loanacc .bk-loanacc--info__max {margin-right: .8rem; font-size: 1.8rem; font-weight: 600;}
.chk-block.chk-block--loanacc .bk-loanacc--info__discount {margin-right: .4rem; color: var(--gray050); font-size: 1.3rem; text-decoration: line-through;}
.chk-block.chk-block--loanacc .bk-loanacc--info__interest {color: var(--yellow080); font-size: 1.4rem; font-weight: 600;}
.chk-block.chk-block--loanacc .bk-loanacc--terms {display: flex; align-items: center; margin-top: .4rem;}
.chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt {position: relative; padding-left: 1.3rem; color: var(--gray060); font-size: 1.2rem; letter-spacing: -.03rem;}
.chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt span {margin-left: .4rem; color: var(--gray090);}
.chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt::before {content: ''; position: absolute; top: 50%; left: .7rem; width: .1rem; height: 1.2rem; margin-top: -.6rem; background-color: var(--gray020);}
.chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt:first-child {padding-left: 0;}
.chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt:first-child::before {display: none;}
.chk-block.chk-block--loanacc .bk-loanacc--tips {margin-top: 1.2rem; color: var(--gray060); font-size: 1.2rem;}
.chk-block.chk-block--loanacc .bk-loanacc--nodata {margin-top: 1.2rem; color: var(--gray050); font-size: 1.8rem; font-weight: 600; letter-spacing: -.03rem;}

.accordion--loanacc .accordions__tit {padding: 0; border-bottom: 0;}
.accordion--loanacc .accordions__view {padding: 0; background: 0;}


/* 금리인하요구권 */
.txt-gray {color:var(--gray060);}
.list-blt--dash > li {padding-left: 1.2rem;}
.list-blt--dash > li.txt-gray:before {width: .6rem; color: var(--gray060) !important;}
.fc2 {color:#f76900;}
.fc5 {color:#086cfd;}

/* 대출가능여부 조회 로딩화면 */
.loading-area {width:13.6rem; height:13.6rem; margin:8rem auto 0;}
.loading-area img {display:block; width:100%; object-fit:contain;}/* 2026-02-03 추가 */

/* 신청정보 입력 */
.panel-loanacc {padding: 1.5rem; border: .1rem solid var(--gray030); border-radius: 1.2rem; background-color: var(--gray000);}
.panel-loanacc .panel-loanacc__title {font-size: 1.8rem; font-weight: 600; letter-spacing: -.03rem;}
.panel-loanacc .panel-loanacc__cont {margin: 2rem -1.6rem 0; padding: 1.6rem 1.6rem 0; border-top: .1rem solid var(--gray030);}
.panel-loanacc .panel--utile {display: flex;}
.panel-loanacc .panel--utile__tit {margin-right: .8rem; font-weight: 600; letter-spacing: -.03rem;}
.panel-loanacc .panel--utile .btn--arr {height: 2.4rem; padding: 0 .45rem 0 .8rem; background-color: var(--gray010); border-radius: .8rem;}
.panel-loanacc .list-info {margin-top: 1.6rem;}
.panel-loanacc .list-info li + li {margin-top: .8rem;}
.panel-loanacc .list-info .list-info__tit,
.panel-loanacc .list-info .list-info__desc {font-size: 1.4rem; letter-spacing: -.03rem;}
.panel-loanacc .list-info .list-info__desc {font-weight: 600;}
.panel-loanacc-gray {display: flex; align-items: center; justify-content: space-between; padding: 1.3rem 1.6rem 1.1rem; background-color: var(--gray005); border-radius: .8rem;}
.panel-loanacc-gray .panel-loanacc-gray__tit,
.panel-loanacc-gray .panel-loanacc-gray__desc {letter-spacing: -.03rem;}
.list-info--gap {margin-top: 1.6rem; padding: 0 .4rem;}
.btn--arr.btn--loanacc {padding: 0; background: none;}

/* 카드 선택 */
.cardbox--loanacc .cardSel > a:after {content: ''; position: absolute; top: 1.3rem; right: 1.6rem; width: 24px; height: 24px; background-image: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg);}
.cardbox--loanacc .info .number {position: relative; margin-right: .1rem; padding-right: .5rem;}
.cardbox--loanacc .info .number::after {content: ''; position: absolute; top: 50%; right: 0; width: .1rem; height: 1.2rem; margin-top: -.6rem; background-color: var(--gray020);}
.cardbox--account {margin: 1.2rem -4rem 0 -1.6rem; padding: 1.2rem 1.6rem 0; border-top: .1rem solid var(--gray010); font-size: 1.4rem;}
.cardbox--account .cardbox--account__tit {display: block; font-weight: 600; letter-spacing: -.03rem;}
.cardbox--account .cardbox--account__number {display: block; margin-top: .2rem;}
.cardbox--account .cardbox--account__bank {position: relative; margin-right: .4rem; padding-right: .5rem;}
.cardbox--account .cardbox--account__bank::after {content: ''; position: absolute; top: 50%; right: 0; width: .1rem; height: 1.2rem; margin-top: -.6rem; background-color: var(--gray020);}

/* 카드 선택(바텀시트) */
.cardBox.selectCard .cardTxt {margin-top: 2.4rem; padding: 1.2rem 0; border: 0;}
.cardBox.selectCard .cardTxt+.cardTxt {margin-top: 0;}
.cardBox.selectCard .cardTxt:first-child {margin-top: 0;}
.cardBox.selectCard .cardTxt.on::after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 2.4rem; height: 2.4rem; margin-top: -1.2rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-check2.svg);}


/* 신분증 인증 */
.idcard-area {width: 100%; height: 19.6rem; padding: .5rem 1.4rem; border-radius: 1.2rem; background-color: var(--gray010); text-align: center;}
.idcard-area .idcard-area__img {height: 18.6rem;}

/* 적합성 원칙 확인서 */
.aptness .box {display:flex; justify-content:space-between; padding: 1.2rem 1.6rem;}
.aptness .txt-blue {color:var(--blue060);}
.aptness .brd-top__1 {border-top:1px solid var(--gray010); margin-top:2.4rem; padding-top:2.4rem;}

/* 대출 청약철회권 안내 */
.holiyday-info + .holiyday-info {margin-top: 2.4rem;}
.holiyday-info img {display:block; width:100%; vertical-align: top;}
.signature-area {margin-top: 3.6rem; padding-top: 2.4rem; border-top: .1rem solid var(--gray010);}

/* 월별 상환액 안내 */
.tbl-view--repayment thead th {padding:1.2rem 0; text-align:center;}
.tbl-view--repayment tbody td {padding:1.2rem .4rem 1.2rem 0; text-align:right;}
.tbl-view--repayment tbody td:first-child {text-align:center;}

/* 대출신청 결과 */
.loan-info {border-top:1px solid #dde1e4; padding-top:2.4rem; margin-top:2.4rem;}
.loan-info__tit {display:flex; align-items:center; justify-content:space-between;}
.btn-ico--renew {border:none; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-renew.svg)no-repeat; padding:0; width:2rem; height:2rem;}
.loan-info__detail {position:relative;}
.loan-info__detail:after {content:''; background-color:var(--gray010); width:1px; height:calc(100% - 16px); position:absolute; top:.6rem; left:.85rem;}
.loan-info__step ~ .loan-info__step {margin-top:2.4rem;}
.loan-info__step .txt-s {position:relative; padding-left:3.2rem;}
.loan-info__step .txt-gray {padding-left:3.2rem;}
.loan-info__step .txt-s:before {content:''; position:absolute; left:.3rem; top:50%; z-index: 1; transform:translateY(-50%); display:block; width:1.2rem; height:1.2rem; border-radius:50%; background-color:var(--gray060);}
.loan-info__step.on .txt-s {font-weight:bold;}
.loan-info__step.on .txt-s:before {background: url(https://img1.kbcard.com/home_re/mo/img/finance/ico-loan-step.svg); width:2rem; height:2rem; left:-.1rem;}
.loan-info + .list-blt {margin-top: 1.6rem; padding-top: 1.6rem; border-top: .1rem solid var(--gray020);;}
.loan-info__step.on:before {content:'현재 진행중'; display:block; overflow: hidden; position: absolute;	width: 1px;	height: 1px; font-size: 1px;line-height: 0;	margin: -1px; clip: rect(0 0 0 0);}

.chk-all  .chk-all__head .check-box--link {width:100%;} /* 2025-12-30 대출 신청정보 내 상품설명서 확인 및 서명 arrow 추가 */
.chk-all__head .check-box--link .check-box__detail {background-position:right center;} /* 2025-12-30 대출 신청정보 내 상품설명서 확인 및 서명 arrow 추가 */
.chk-all--re .chk-all__head .check-box{width:100%; padding-right: 2.8rem; vertical-align:top}
.chk-all--re .chk-all__head .check-box label:before {margin-right: 8px;}
.chk-all--re .chk-all__body {display:grid;grid-template-columns: repeat(1, 1fr);row-gap: 8px;padding: 4px 4px 16px 0;border: none;font-size: 1.3rem; line-height: 1.9rem;}
.chk-all--re .chk-all__body .check-box label {padding: 0 2rem 0 3.2rem!important;word-break:keep-all;}
.chk-all--re .chk-all__body .check-box + .check-box{margin-top: 0}
.chk-all--re .chk-all__body .check-box input + label:before{top: .1rem; left: .4rem;}
.chk-all--re .chk-all__body .check-box__detail{background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-g.svg) no-repeat center; background-position: 100% 1px;}
.chk-all--re .chk-all__body .txt-refer {margin:.4rem 0 0 3.2rem; padding: 0 .8rem 0 1rem; text-indent: -1rem; font-size:1.2rem;}
.chk-all--re .chk-all__head .check-box__toggle{display: block; position: absolute; top: -.8rem; right: -.8rem; width: 4rem; height: 4rem; z-index: 10; border: none; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat center;transition:transform 300ms;transform:translate3d(0,0,0) rotate(180deg)}
.chk-all--re .chk-all__head input:checked ~ .check-box__toggle{transform:translate3d(0,0,0) rotate(0deg)}
.chk-all--re .chk-all__head .check-box__detail{top: -.8rem; right:-.8rem;height:4rem;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center;transform: none;}

/* 본인인증 (공통 as-is : common.css) */
.identify-area .btn--arr-b::after {width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat; background-size: 2.4rem auto;}
.identify-area .btnGray {background: #6b7079 !important; border: .1rem solid #6b7079 !important; color: var(--gray000); font-weight: 300;}
.identify-area .inpWrap.fullInp input,
.identify-area .inpWrap.fullInp input::placeholder {font-weight: 300; border-width: 0 0 .1rem;}
.identify-area .pageCert .btnM {font-weight: 600;}
.identify-area p.refer {padding-left: 1.7rem;}
.identify-area p.refer:before {content:"※"; display: inline-block; position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.8rem;}
.identify-area .termsBox.type2 .termsList input[type='checkbox']:checked + label:before {opacity: 1;}
.identify-area .qInfoBtn {display: inline-block; position: relative; width: 2.4rem; height:2.4rem; background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_question_24_000.png) no-repeat 0 0; background-size: 2.4rem; vertical-align: top; color: transparent; opacity: .87;}
.identify-area .notLogin .inpTxt1 {display: block;}
.identify-area .notLogin .inpTxt1 + .inpTxt1 {margin-top: 4rem;}
.identify-area .notLogin input,
.identify-area .notLogin input::placeholder {font-weight: 300; border-width: 0 0 .1rem;}
.identify-area #pageCardLogin .depTit3 {display: none;}
.identify-area .termsBox.type2 .allCheck label {display: block;}
.identify-area .qInfoBtn {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}

/* 본인인증 > KB국민인증서 약관 */
.layerWrap.layerWrap--com {display: none; position: fixed; left: 0; top: 50%; margin: 0 1.5rem; background: var(--gray000); z-index: 9001; box-shadow: 0 1.6rem 1.6rem 0 rgba(0,0,0,.24), 0 0 16px 0 rgba(0,0,0,.12); border-radius: 1rem; overflow: hidden;}
.layerWrap.layerWrap--com .popTop {overflow: hidden; display: table; width: 100%; height: 4.6rem;}
.layerWrap.layerWrap--com .popTop strong {display: table-cell; word-break: normal; vertical-align: middle; text-align: left; letter-spacing: -.02rem;}
.layerWrap.layerWrap--com .popClose {position: absolute; right: 1.6rem; top: 1.6rem; bottom: auto; z-index: 9002}
.layerWrap.layerWrap--com .popClose a {overflow: hidden; display: block; border-radius: .8rem; font-weight: 600; padding: 1.3rem; line-height: 2rem; color: transparent; box-sizing: border-box; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat center center; background-size: 2.4rem;}
.layerWrap.layerWrap--com .popTop + .popCont, 
.layerWrap.layerWrap--com .popClose + .popCont {padding-top: 0}
.layerWrap.layerWrap--com .popCont {position: relative; overflow-y: auto; padding: 2.4rem 1.6rem 8.8rem 1.6rem; color: #484b51; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.layerWrap.layerWrap--com .popCont.container {padding: 0 1.6rem}
.layerWrap.fullLayer.layerWrap--com {border-radius: 0;}
.layerWrap.fullLayer.layerWrap--com .popTop {height: 5.5rem;}
.layerWrap.fullLayer.layerWrap--com .popTop strong {padding: 0 5rem; text-align: center; word-break: keep-all; font-size: 1.6rem !important;}
.ios .layerWrap.fullLayer.layerWrap--com .popTop strong {padding-top: .3rem;}
.layerWrap.fullLayer.layerWrap--com .popClose a {display: block; width: 2.4rem; height: 2.4rem; padding: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat center center; background-size: 2.4rem; border: none; color: transparent;}
.layerWrap.fullLayer.layerWrap--com .popCont{padding: 2.4rem 1.6rem; color: var(--gray090)}
.layerWrap.fullLayer.layerWrap--com .fc6 {color: #7f6ee3 !important}
.layerWrap.fullLayer.layerWrap--com .fixedBArea {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; padding: 0.5rem 1rem 1.5rem; background: var(--gray000); box-shadow: 0 -1rem 1rem 0 var(--gray000); box-sizing: border-box;}
.layerWrap.fullLayer.layerWrap--com .fixedBArea .btnL {height: 5.6rem; line-height: 5.6rem; font-size: 1.8rem; letter-spacing: -.02rem; flex: 1; border-radius: 0.5rem; font-weight:600;}

/* 본인인증 > 다른 인증방법 선택 */
#comeupPop.layerWrap.pay3 .popTop strong {padding: 0;}
#comeupPop.layerWrap.pay3 .bs-slt__item.on .bs-slt__link:after {right: 1.6rem;}

/* 본인인증 > kbpay 화면인증번호 */
#popCrfNum.layerWrap.pay3 .pop-header {display: table; width: 100%; height: 4.6rem; padding: 0;}
#popCrfNum.layerWrap.pay3 .popTop strong {padding: 3.2rem 1.6rem 1.6rem; text-align: center;}
#popCrfNum.layerWrap.alertWrap2.pay3 .popCont {padding: 0 1.6rem 9rem !important;}
#popCrfNum.layerWrap.alertWrap2.pay3 .btnText:after {margin-top: -.2rem;}

/* 본인인증 > 카드식별번호 */
#cvcLayer.layerWrap.pay3::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4;}
#cvcLayer.layerWrap.pay3 .popTop,
#cvcLayer.layerWrap.pay3 .popCont {background-color: var(--gray000);}
#cvcLayer.layerWrap.pay3 .tooltip__head {margin-bottom: 0; padding-bottom: 1.6rem;}
#cvcLayer.layerWrap.pay3 .popClose {top: 0; right: 0;}
#cvcLayer.layerWrap.pay3 .popCont {padding-bottom: 0;}

/* 통합대출 내 개인사업자 팝업 */
.icon-box--owner-store:before {width:6.4rem;height:100%; top:0; left:0; background:url(https://img1.kbcard.com/home_re/mo/ico/64/ico-special-store.svg ) center center no-repeat; background-size:100% auto;}