@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: var(--gray060);
}

.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: var(--gray060);
  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: var(--gray060);
}

.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: var(--gray060);
  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);}
} */
/* 공통 */
.main-box {
  margin-top: 0;
  padding: 2.4rem 1.6rem;
  border-radius: 1.2rem;
  background-color: var(--gray000);
  box-shadow: 0 .1rem .3rem 0 rgba(0, 0, 0, .16);
}

.main-box ~ .main-box, .main-tit + .main-box, .main-box + .usage-box, .usage-box + .main-box {
  margin-top: 1.6rem;
}

.main-box__sub-tit {
  margin-bottom: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}

.main-box__price {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 600 !important;
}

.main-box__price > a {display: inline-flex;height:3.6rem;line-height:3.6rem;vertical-align: middle;align-items: center;}
.main-box__price > a:after {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 3.6rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center;
  background-size: 2.4rem;
  vertical-align: top;
}
.main-box__price span {display: inline-block; font-size: 2.8rem; vertical-align:baseline; margin-right: .2rem;}
.main-box__price > button {margin-right:.4rem;vertical-align: middle;}
.main-box__price .mask {display:none;}
.main-box__price .mask:after {display:none;}
.main-box__price .mask span {color: var(--gray060);font-size: 2rem;}
.masked .main-box__price > a {display:none;}
.masked .main-box__price > a.mask {display: inline-flex;}

.main-box .list-link__item + .list-link__item {
  margin-top: 2.4rem;
  border-top: 1px solid #dde1e4;
}

.main-box .list-link__item > a {
  padding-top: 2.4rem;
  padding-bottom: 0;
}

.main-box__skeleton {
  display: inline-block;
  border-radius: .4rem;
}

.main-box__skeleton.on {
  color: transparent !important;
  animation: skeleton 1.8s infinite ease-in-out;
  -webkit-animation: skeleton 1.8s infinite ease-in-out;
}

.main-box__skeleton.on:after {
  display: none !important;
}

/* 2022-03-10 황희진 DEFC-0000007319 */
.main-box--slide {
  overflow: hidden;
  margin-top: 0 !important;
  padding: 0;
  border-radius: 1.2rem;
}

.main-box--slide .swiper-controler {
  position: absolute;
  height: 2rem;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

.main-box--slide .prd-recomm-swiper {
  padding: 0;
}

.main-box--slide .prd-recomm-swiper .swiper-slide {
  padding: 0;
}

.main-box--slide .prd-recomm-swiper__img {
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
  height: auto;
  /* position: static; */
}

.main-box--slide .prd-recomm-swiper__img > img {
  width: auto;
  max-width: 32.8rem;
  max-height: 100%;
}

.main-box--slide .prd-recomm-swiper-item {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 10.6rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-box--slide .swiper-pagination {
  height:1.6rem;
  line-height:1.6rem;
}
.prd-recomm-swiper .swiper-pagination-bullet-active, .prd-cards-swiper .swiper-pagination-bullet-active{
    width:1.2rem !important;
}

.btn-more--next2 {
  display: block;
  height: auto;
  padding: 1.6rem;
  border: none;
  border-top: 1px solid var(--gray010);
  border-radius: 0;
  background-color: transparent;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
}

.btn-more--next2 > span {
  display: inline-block;
  padding-right: 1.6rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) right center no-repeat;
  background-size: 1.6rem;
  color: var(--gray090);
}

/* 스켈레톤 */
#Wrap.js-skeletonBefore {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}

.skeleton-area {
  position: relative;
}

.skeleton-area * {
  color: transparent !important;
}

.skeleton-area .color-black {
  color: var(--gray090) !important;
}

.skeleton-area .skeleton {
  color: transparent !important;
  animation: skeleton 1.8s infinite ease-in-out;
  -webkit-animation: skeleton 1.8s infinite ease-in-out;
}

.skeleton-area--type1 .header__thum,
.skeleton-area--type1 .header__name {
  position: relative;
}

.skeleton-area--type1 .skeleton {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  border-radius: .4rem;
}

.skeleton-area--type1 .header__thum img {
  opacity: 0;
}

.skeleton-area--type1 .header__thum .skeleton {
  border-radius: 50%;
}

.skeleton-area--type2:before, .skeleton-area--type3:before, .skeleton-area--type4:before, .skeleton-area--type5:before, .skeleton-area--type6:before, .skeleton-area--type7:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  border-radius: 1.6rem;
  background-color: var(--gray000);
  box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .1);
}

.skeleton-area--type2 .skeleton {
  position: absolute;
  z-index: 25;
  border-radius: .4rem;
}

.skeleton-area--type2 .skeleton:nth-child(1), .skeleton-area--type2 .skeleton:nth-child(2) {
  left: 1.6rem;
  width: 63%;
  height: 1.6rem;
}

.skeleton-area--type2 .skeleton:nth-child(1) {
  top: 2.4rem;
}

.skeleton-area--type2 .skeleton:nth-child(2) {
  top: 5.6rem;
}

.skeleton-area--type2 .skeleton:nth-child(3) {
  top: 2.4rem;
  right: 1.6rem;
  width: 20%;
  height: 3.2rem;
}

.skeleton-area--type3 .skeleton {
  position: absolute;
  left: 1.6rem;
  z-index: 25;
  border-radius: .4rem;
}

.skeleton-area--type3 .skeleton:nth-child(1) {
  top: 2.4rem;
  width: 52%;
  height: 1.6rem;
}

.skeleton-area--type3 .skeleton:nth-child(2) {
  top: 7.7rem;
  width: 23%;
  height: 1.6rem;
}

.skeleton-area--type3 .skeleton:nth-child(3) {
  bottom: 2.5rem;
  width: 65%;
  height: 2.8rem;
}

.skeleton-area--type4 .skeleton-list {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  left: 2.5rem;
  z-index: 25;
  transform: translateY(-50%);
}

.skeleton-area--type4 .skeleton:nth-child(1) {
  display: inline-block;
  position: relative;
  width: 9.5rem;
  height: 9.5rem;
  border-radius: 50%;
}

.skeleton-area--type4 .skeleton:nth-child(1):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 50%;
  background-color: var(--gray000);
}

.skeleton-area--type4 .skeleton:nth-child(2), .skeleton-area--type4 .skeleton:nth-child(3) {
  position: absolute;
  right: 0;
  left: 12rem;
  height: 1.6rem;
  border-radius: .4rem;
}

.skeleton-area--type4 .skeleton:nth-child(2) {
  top: 2.4rem;
}

.skeleton-area--type4 .skeleton:nth-child(3) {
  bottom: 2.4rem;
}

.skeleton-area--type5 .tit-wrap:before,
.skeleton-area--type5 .text-total:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  background-color: var(--gray000);
}

.skeleton-area--type5 .tit-wrap {
  position: relative;
}

.skeleton-area--type5 .tit-wrap:before {
  top: -2rem;
}

.skeleton-area--type5 .text-total {
  position: relative;
}

.skeleton-area--type5 .text-total .skeleton {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 25;
  transform: translateY(-50%);
  width: 27%;
  height: 1.6rem;
  border-radius: .4rem;
}

.skeleton-area--type5 .list-history {
  position: relative;
}

.skeleton-area--type5 .list-history:after {
  content: '';
  position: absolute;
  z-index: 30;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--gray010);
}

.skeleton-area--type5 .list-history li,
.skeleton-area--type5 .no-data {
  position: relative;
}

.skeleton-area--type5 .list-history li .skeleton-list,
.skeleton-area--type5 .no-data .skeleton-list {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 25;
  height: 5rem;
}

.skeleton-area--type5 .list-history li .skeleton,
.skeleton-area--type5 .no-data .skeleton {
  position: absolute;
  right: 0;
  left: 0;
  height: 1.6rem;
  border-radius: .4rem;
}

.skeleton-area--type5 .list-history li .skeleton:nth-child(1),
.skeleton-area--type5 .no-data .skeleton:nth-child(1) {
  top: 0;
}

.skeleton-area--type5 .list-history li .skeleton:nth-child(2),
.skeleton-area--type5 .no-data .skeleton:nth-child(2) {
  bottom: 0;
}

.skeleton-area--type5 .no-data .skeleton-list {
  top: 50%;
  transform: translateY(-50%);
}

.skeleton-area--type6.slide-item--vip:before {
  background: var(--vip050) url(https://img1.kbcard.com/home_re/mo/img/main/bg-vip.png) no-repeat 0 0;
  background-size: cover;
}

.skeleton-area--type6.slide-item--vip .skeleton {
  opacity: .4;
  animation: skeleton2 1.8s infinite ease-in-out;
  -webkit-animation: skeleton2 1.8s infinite ease-in-out;
}

.skeleton-area--type6:before {
  background-color: var(--gray010);
}

.skeleton-area--type6 .skeleton {
  position: absolute;
  left: 1.6rem;
  z-index: 25;
  border-radius: .4rem;
  animation: skeleton3 1.8s infinite ease-in-out;
  -webkit-animation: skeleton3 1.8s infinite ease-in-out;
}

.skeleton-area--type6 .skeleton:nth-child(1) {
  top: 2.4rem;
  width: 17rem;
  height: 1.6rem;
}

.skeleton-area--type6 .skeleton:nth-child(2) {
  top: 7.2rem;
  width: 7.8rem;
  height: 1.6rem;
}

.skeleton-area--type6 .skeleton:nth-child(3) {
  top: 10.4rem;
  width: 21.5rem;
  height: 2.8rem;
}

.skeleton-area--type6 .skeleton:nth-child(4) {
  top: 17.2rem;
  width: 7.8rem;
  height: 1.6rem;
}

.skeleton-area--type6 .skeleton:nth-child(5) {
  top: 20.4rem;
  width: 21.5rem;
  height: 2.8rem;
}

.skeleton-area--type7 .skeleton {
  position: absolute;
  left: 1.6rem;
  z-index: 25;
  height: 1.6rem;
  border-radius: .4rem;
}

.skeleton-area--type7 .skeleton:nth-child(1) {
  top: 2.4rem;
  width: 13.2rem;
}

.skeleton-area--type7 .skeleton:nth-child(2) {
  top: 7.2rem;
  width: 28rem;
}

.skeleton-area--type7 .skeleton:nth-child(3) {
  top: 10.4rem;
  width: 28rem;
}

.skeleton-area--type8 .skeleton {
  position: absolute;
  z-index: 25;
  border-radius: .4rem;
}

.skeleton-area--type8 .skeleton:nth-child(1) {
  top: 8rem;
  left: 1.6rem;
  width: 30%;
  height: 2.4rem;
}

.skeleton-area--type8 .main-tit {
  position: relative;
}

.skeleton-area--type8 .main-tit .skeleton {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 13.2rem;
  height: 2.8rem;
}

.skeleton-area--type8 .prd-fnc-list li {
  position: relative;
}

.skeleton-area--type8 .prd-fnc-list li .skeleton-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--gray000);
  z-index: 25;
}

.skeleton-area--type8 .prd-fnc-list li .skeleton-list .skeleton {
  position: absolute;
  left: 0;
  height: 1.6rem;
  border-radius: .4rem;
}

.skeleton-area--type8 .prd-fnc-list li .skeleton-list .skeleton:nth-child(1) {
  top: .8rem;
  width: 9rem;
}

.skeleton-area--type8 .prd-fnc-list li .skeleton-list .skeleton:nth-child(2) {
  top: 4rem;
  right: 0;
}

.skeleton-area--type8 .prd-fnc-list li .skeleton-list .skeleton:nth-child(3) {
  right: 0;
  bottom: 2.4rem;
  left: auto;
  width: 6.6rem;
  height: 3.2rem;
}

.skeleton-area--type8 .ico-banner li {
  position: relative;
}

.skeleton-area--type8 .ico-banner li .skeleton-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  padding-left: 6.4rem;
  background-color: var(--gray000);
}

.skeleton-area--type8 .ico-banner li .skeleton {
  display: block;
  height: 1.6rem;
  border-radius: .4rem;
}

.skeleton-area--type8 .ico-banner li .skeleton:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
}

.skeleton-area--type8 .ico-banner li .skeleton:nth-child(2) {
  width: 9rem;
  margin-top: .4rem;
}

.skeleton-area--type8 .ico-banner li .skeleton:nth-child(3) {
  width: 100%;
  margin-top: 1rem;
}

.skeleton-area--type8 .ico-banner li + li .skeleton-list {
  top: 1.6rem;
}

@keyframes skeleton {
  0% {
    background-color: var(--gray010);
  }
  50% {
    background-color: #e5e9f2;
  }
  100% {
    background-color: var(--gray010);
  }
}

@keyframes skeleton2 {
  0% {
    background-color: #eaeef7;
  }
  50% {
    background-color: #c6c9d2;
  }
  100% {
    background-color: #eaeef7;
  }
}

@keyframes skeleton3 {
  0% {
    background-color: #e5e9f2;
  }
  50% {
    background-color: #e0e4ec;
  }
  100% {
    background-color: #e5e9f2;
  }
}

.tit-wrap {
  align-items: flex-end;
  padding-bottom: 2.4rem;
}

.tit-wrap .tit-dep1 {
  font-weight: 600 !important;
}

.tit-wrap .btn-right {
  margin-top: -.8rem;
  padding: .4rem 1.1rem;
  background-color: var(--gray010);
  border-color: var(--gray010);
  border-radius: .4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.tit-wrap .d-day {
  display: inline-block;
  margin-left: .8rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #0066ff;
}

.main-tit {
  display: block;
  width: auto;
  padding: 3.2rem 0 0;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--gray090);
  font-weight: 600 !important;
}

.main-tit > a:after {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center;
  background-size: 100% auto;
  vertical-align: top;
}

.tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s) {
  margin-top: .8rem;
}

.tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s) > li a {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.tabs__panel {
  padding-top: 2.4rem;
}

/* 230531 My KB 화면 개선 */
.tab-right {
    position:relative;
}
.tab-right .tabs__menu > li.on a:after {
    height:1px;
}
.tab-right .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s) {
    position: absolute;
    top: 2.4rem;
    right: 1.6rem;
    margin-top:0;
}
.tab-right .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s) > li a {
    padding-bottom:0;
    font-size: 1.4rem;
}
.tab-right .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s) > li + li {
    padding-left: .8rem;
}
.tab-right .tabs__panel {
    padding-top: .8rem;
}
.tab-right .tabs__panel .tabs__panel {
  padding-top: 2.4rem;
}
.tab-right .btn--arr.txt-s.color-blue:after {
    margin-left: .4rem;
}
.no-data {
  padding: 0;
}

.no-data p {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--gray060);
}

.no-data--type1 p {
  color: var(--gray090) !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}

.ico-banner > li + li {
  padding-top: 2.4rem;
  margin-top: 2.4rem;
  border-top: 1px solid var(--gray010);
}

.ico-banner__item {
  position: relative;
  display: block;
  padding-left: 5.6rem;
  font-weight: 600;
}

.ico-banner__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 4.8rem;
}

.ico-banner__item--car:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-rental-car.svg);
}

.ico-banner__item--mobile:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-rental-phone.svg);
}

.ico-banner__item--budget:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-calendar-auto.svg);
}

.ico-banner__item--abroad:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-overseas.svg);
}

.ico-banner__item--cardalert:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-bell.svg);
}

.ico-banner__item--lone__young:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-long-loan.svg')}/* 청년상생대출 */
.ico-banner__item--lone__comparison:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-kbpay-charging.svg')}/* 대출비교서비스 */
.ico-banner__item--lone__car:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-rental-car.svg')}/* 자동차금융 */
.ico-banner__item--only-mobile:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-fast.svg')}/* 모바일단독카드 */
.ico-banner__item--alpha-one:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-alpha-one.svg')}/* 알파원카드 */
.ico-banner__item--boss-plus:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-buisnessman.svg')}/* 사장님플러스 */
.ico-banner__item--store-service:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-shop.svg')}/* 가맹점서비스 */
.ico-banner__item--buisness-service:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-apt.svg')}/* 기업카드서비스 */
.ico-banner__item--life-payment:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-calendar-auto.svg')}/* 생활대금납부 */
.ico-banner__item--security-service:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-security.svg')}/* 안심서비스 */
.ico-banner__item--alarm-service:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-bell.svg')}/* 카드사용알림서비스 */
.ico-banner__item--pointcon-service:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-pointcon.svg')}/* 포인트연계할부서비스(굿세이브) */
.ico-banner__item--overseas-security:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-overseas-security.svg')}/* 해외이용 */
.ico-banner__item--overseas-remittance:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-overseas-remittance.svg')}/* 해외송금 */
.ico-banner__item--new-car:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-new-car.svg')}/* 새차 */
.ico-banner__item--used-car:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-rental-car.svg')}/* 중고차 */
.ico-banner__item--loan-car:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-long-loan.svg')}/* 자동차담보대출 */
.ico-banner__item--my-car:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-approval.svg')}/* my자동차 */
.ico-banner__item--best-newcar:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-best-newcar.svg')}/* 인기 새 차 */
.ico-banner__item--analysis-service:before{background-image:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-barchart.svg')}/* 상권분석서비스 */

.ico-banner__desc {
  margin-top: .8rem;
  font-weight: 100;
}

.ico-banner.ico-img-center .ico-banner__item:before {
  top: 50%;
  transform: translate(0, -50%);
}

.ico-img-right .ico-banner__item {
    padding-left:0;
    padding-right:10rem;
}
.ico-img-right .ico-banner__tit {
    font-size:1.8rem;
}
.ico-img-right .ico-banner__item:before {
    top: -.8rem;
    right:0;
    left:auto;
    width:8rem;
    height:8rem;
    background-size: 8rem;
}
.ico-banner__item--card:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/img/main/img-card.png);
}
.ico-banner__item--card__smloan:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/img/main/img-card-smloan.png);
}
.main #header {
  padding: 1.5rem 8.4rem 1.5rem 1.6rem;
  transition: top .2s;
}

.scroll-down .main #header {
  top: -5.6rem;
}

.main #header h1 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  text-align: left;
}

.main #header .header__thum {
  overflow: hidden;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: .8rem;
  border-radius: 100%;
  background-color: #f9fafc;
  vertical-align: top;
}

.main #header .header__thum > img {
  width: 100%;
  height: 100%;
}

.main #header .header__thum + .header__name {
  width: calc(100% - 62px);
}

.main #header .header__name {
  width: calc(100% - 8px);
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 300 !important;
}

.main #header .header__btn {
  position: absolute;
  top: .8rem;
  width: 4rem;
  height: 4rem;
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: 50%;
}

.main #header .header__btn--totalmn {
  right: .8rem;
}

.main #header .header__btn--search {
  right: 5.2rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-search.svg);
}

.main #header .header__btn--notice {
  right: 1.1rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-alarm.svg);
}

.main #header .header__btn--notice.on:after {
  content: '';
  position: absolute;
  top: .6rem;
  right: .6rem;
  width: .6rem;
  height: .6rem;
  background-color: #f46600;
  border-radius: 100%;
}

.main #footer {
  padding: 0;
  border-top: 0;
}

.scroll-down .main.allmenu #header {
  top: 0;
}

/* KB Pay > MY KB */
.btn--main {width: 100%; height: 4.8rem; margin-top: .8rem; border: 0; border-radius: 1.2rem; font-size: 1.6rem; box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, .16);}
.main-box__line-cont {margin: 2rem 0 0; padding: 2rem 0 0; border-top: .1rem solid var(--gray010);}
.tabs__menu--rblack > li, .tabs__menu--rblack-s > li {margin: .8rem .4rem .8rem 0;}
#div_mainBoxUseLimit .main-box__price {margin-right: -.5rem;}
.mykb .swiper-pagination > span + span {margin-left: .6rem;}
.mykb .swiper-pagination-bullet-active {width: 1.2rem !important;}
.mykb .switch label:before {background-color: #dde1e4;}
.mykb .switch input:checked + label:before {background-color: var(--yellow040);}
.mykb .switch label:after {background-color: var(--gray000); border: 1px solid var(--gray060);}
.mykb .switch input:checked + label:after {border-color: #987a00;}
.mykb .btn-more--next2 {line-height: 2rem;}
.mykb .btn-more--next2 > span {padding-right: 2rem; background-size: 2rem;}
.mykb .tit-wrap {padding-bottom: 1.6rem;}
.mykb .tit-dep2 {height: 2.4rem; line-height: 2.6rem;}
.mykb .main-box {margin-top: 1.6rem; padding: 2rem 1.6rem;}
.mykb .list-basic span {font-size: 1.4rem; line-height: 2.4rem;}
.mykb .list-basic > li {display: flex; justify-content: space-between;}
.mykb .list-basic > li + li {margin-top: .8rem;}
.mykb .main-box__price .mask span {font-size: 2.4rem; line-height: 3.2rem; margin-right: 0; color: var(--gray090); vertical-align: middle;}
.mykb .main-box__price .mask:after {display: inline-block;}
.mykb .main-box__price > a:after {background-size: 2.8rem;}
.mykb .tabs__panel {margin: 0; padding: 0;}
.mykb .no-data .btn--arr:after {filter: opacity(60%);}
.mykb .no-data--img {display: flex; flex-direction: column; margin-top: -1.4rem;}
.mykb .no-data--img p {margin-top: .2rem;}
.mykb .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s):not(.tabs__menu--toggle) {margin-top: 1.2rem;}
.mykb .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s):not(.tabs__menu--toggle) > li a {font-size: 1.4rem; padding-bottom: 0;}
.mykb .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s):not(.tabs__menu--toggle) > li + li {padding-left: 1.6rem;}
.mykb .tabs__menu:not(.tabs__menu--rblack):not(.tabs__menu--rblack-s):not(.tabs__menu--toggle) > li.on a:after {height: .1rem; bottom: 0;}
.mykb .cont-area {padding: 1.2rem 1.6rem 5.6rem;}
.mykb .bar-graph__grh {overflow: hidden; height: 1.2rem; border-radius: .6rem;}
.mykb .bar-graph__grh:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #e5e6e8;}
.mykb .bar-graph__bar {height: 1.2rem; border-radius: .6rem;}
.mykb .text-total {padding-top: 1.6rem; font-size: 1.6rem;}
.mykb .text-total:first-of-type {padding-top: 0;}
.mykb .list-history {margin: 0; padding: 0;}
.mykb .list-history li {border-bottom: 1px solid var(--gray010);}
.mykb .list-history li:last-child {border-bottom:0;}
.mykb .list-history li a {overflow: hidden;}
.mykb .list-history__info > p, .mykb .list-history__info > span, .mykb .list-history__info > em {line-height: 2rem;}
.mykb .list-history__info > em {display: inline-flex;}
.mykb .list-history__info > em strong {margin-right: .8rem;}
.mykb .list-history__info > p {display: inline-flex;}
.mykb .list-history__info > p em {margin-top: .2rem;}
.mykb .list-history__info > p em + em {margin-left: .8rem;}
.mykb .list-history__info > span:first-of-type::before {display: none;}
.mykb .list-history__title .tooltip {margin-left: .1rem;}
.mykb .list-history + .text-total {border-top: 1px solid var(--gray010);}
.mykb .list-history > p {margin-top: .8rem;}
.mykb-mymenu {padding: 0 .8rem; margin: 2.4rem 0;}
.mykb-mymenu__list {position: relative; display: flex; justify-content: start !important; margin-bottom: 1.6rem;}
.mykb-mymenu__list:last-of-type {margin: 0;}
.mykb-mymenu__list > li {width: 25%;}
.mykb-mymenu__list > li > a {display: block; width: auto; text-align: center; padding: 0;}
.mykb-mymenu__list > li#homeedit {position: absolute; top: 0; right: 0;}
.mykb-mymenu__ico {display: block; width: 3.2rem; height: 3.2rem; padding: 0; margin: 0 auto;}
.mykb-mymenu__ico > img {width: 100%;}
.mykb-mymenu__tit {display: block; margin: .4rem .8rem 0; font-size: 1.2rem; line-height: 1.6rem; word-break: keep-all;}
.mykb .uselimit-tab .main-box__sub-tit {margin: 0; color: var(--gray090); line-height: 2.8rem;}
.mykb .uselimit-tab .main-box__price > a {font-size: 2rem; line-height: 2.8rem; height: 2.8rem;}
.mykb .uselimit-tab .main-box__price > a:after {height: 2.8rem; background-size: 2.2rem}
.mykb .uselimit-tab .main-box__price span {font-size: 2rem; line-height: 2.8rem;}
.mykb .uselimit-tab .list-basic {margin-top: 1.6rem;}
.mykb .uselimit-tab .tabs__menu + .tabs__panel .list-basic, .mykb .uselimit-tab .tabs__menu + .tabs__panel ~ .tabs__panel .list-basic {margin-top: 1.2rem;}
.mykb-card-swiper {padding-left: .4rem;}
.mykb-card-swiper .swiper-slide:only-child {margin-bottom: 1.6rem;}
.mykb-card-swiper .swiper-slide a {display:block;}
.mykb-card-swiper .swiper-slide a.btn--arr {display: inline-flex;}
.mykb-card-swiper .card-box--img {padding: 0; text-align: left;}
.mykb-card-swiper .card-box--img .img-card {width: 7.2rem; margin-right: 1rem; /* DEFC-0000004185 추가 */}
.mykb-card-swiper .card-box--img .img-card.row {width: 4rem; height: 6.2rem; margin-right: 1.6rem;}
.mykb-card-swiper .card-box--img .img-card > img {max-width: 6.2rem; max-height: 6.2rem;}
.mykb-card-swiper .card-box--img .card-box__desc {padding-left: 3.6rem; /*size(36) DEFC-0000004185 수정 */ margin-top: 0;}
.mykb-card-swiper .card-box--img .card-box__desc span + span {padding-left: 0; margin-left: 0; line-height: 2.4rem; display: inline-flex;}
.mykb-card-swiper .card-box--img .card-box__desc span + span:before {display: none;}
.mykb-card-swiper .swiper-pagination {height: 1.4rem;}
.mykb-card-swiper .swiper-pagination > span {margin-top: .8rem;}
.tabs__menu--toggle {width: calc(100% + .4rem); display: flex; padding: .2rem; margin: 0 0 1.6rem -.2rem !important; background-color: var(--gray010); border-radius: 2.4rem;}
.tabs__menu--toggle > li {width: 50%; padding: 0; margin: 0; flex: 1;}
.tabs__menu--toggle > li a {width: 100%; padding: .4rem; font-size: 1.4rem !important; line-height: 2rem !important; font-weight: bold; background-color: transparent; text-align: center;}
.tabs__menu--toggle > li.on a {background-color: var(--gray000); border-radius: 2.4rem; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, .16);}
.tabs__menu--toggle > li a:after, .tabs__menu--toggle > li.on a:after {display: none;}
.tabs__menu--toggle > li + li { padding: 0; margin: 0;}
.list-basic--loan .btn--arr:after {width: 1.6rem; height: 1.6rem; margin-left: .2rem; background-size: 2rem auto; background-position: center center;}
.btn-wrap--list {width: calc(100% + 3.2rem); margin-left: -1.6rem;}
.btn-wrap--list > span {position: relative; margin: 0; padding: 0; line-height: 0;}
.btn-wrap--list > span::after {content:""; display: inline-block; position: absolute; right: 0; top: calc(50% - .6rem); width: .1rem; height: 1.2rem; background-color: #dde1e4;}
.btn-wrap--list > span:last-of-type::after {display: none;}
.btn-wrap--list .btn-txt {width: 100%; border: 0; border-radius: 0; padding: 0; margin: 0; justify-content: center;}
.btn-wrap--list .btn-txt:before {display: none !important;}
.main-box--payment {position: relative;}
.tabs__panel--payment {padding-top: .4rem;}
.tabs__panel--payment .badge {color: var(--gray090); margin-right: .8rem; vertical-align: middle; font-size: 1.1rem; line-height: 1.8rem; background-color: #dde1e4; border-color: #dde1e4;}
.tabs__panel--payment .main-box__price {display: flex; align-items: center; justify-content: center;}
.tabs__menu--payment + .tabs__panel .tabs__menu--toggle, .tabs__menu--payment + .tabs__panel + .tabs__panel .tabs__menu--toggle {margin-bottom: 4.8rem !important;}
.tabs__menu--payment {position: absolute; top: 10.4rem; left: 1.6rem; margin: 0 !important;}
.main-box--payment-new {position: relative;}
.main-box--payment-new .tit-wrap .txt-ss {display: block; float: left; font-size: 1.1rem !important; line-height: 2.4rem !important;}
.main-box--payment-new .tit-wrap .switch {display: block; float: right; margin-left: .6rem;}
.main-box--payment-new .tabs__menu--toggle {width: 14.8rem;}
.main-box--payment-new .tabs__panel--payment .main-box__price {display: grid; grid-template-columns: 1fr auto; grid-template-areas: "bill badge";}
.main-box--payment-new .main-box__price > a {grid-area: bill; justify-self: start;}
.main-box--payment-new .tabs__panel--payment .badge {grid-area: badge; justify-self: end; white-space: nowrap; background: transparent; margin: 0; border-color: #c6cbd0;}
.main-box--summary, .mykb .main-box--summary {padding-bottom: 0;}
.main-box--summary .no-data--img {border-bottom: 1px solid var(--gray010);}
.main-box--summary .no-data--img + .btn-more--next2 {border: 0;}
.list-basic--loan {line-height: 2.8rem;}
.list-basic--loan a {font-size: 2rem;}
.list-basic--limit {margin: 1.6rem 0 0; padding: 1.6rem 0 0; border-top: .1rem solid var(--gray010);}
.mykb-btmbnr {width: calc(100% + 3.2rem); overflow:hidden; position:relative; margin: -2rem -1.6rem; font-size: 1rem;}
.mykb-btmbnr a {display: inline-block; position: relative; width: 100%; height: 15.6rem; padding: 2rem 1.6rem 1.2rem;}
.mykb-btmbnr__sub-tit, .mykb-btmbnr__main-tit {width: 100%; max-width: 20rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mykb-btmbnr__sub-tit {color: var(--gray060); line-height: 1.43; font-size: 1.4rem; margin-top: .4rem; font-weight: 300;}
.mykb-btmbnr__main-tit {color: var(--gray090); line-height: 1.5;}
.mykb-btmbnr__img {position: absolute; width: auto; height: 100%; bottom: 0; right: 0; z-index: -1;}
.mykb-btmbnr__btn {display: flex; position: absolute; bottom: 1.2rem; left: 1.6rem; align-items: center; background-color: var(--gray010); border-radius: 1.2rem; padding: .4rem .8rem; z-index: 9;}
.mykb-btmbnr .swiper-fraction {position: static; padding: 0 !important; border-radius: 1.2rem; background-color: transparent !important; color: var(--gray090); font-size: 1rem; line-height: 1.2rem; font-weight: 300; letter-spacing: -.1rem; margin-right: .4rem;}
.mykb-btmbnr .swiper-fraction__active, .mykb-btmbnr .swiper-fraction__total {color: var(--gray090); letter-spacing:normal;}
.mykb-btmbnr .swiper-fraction__active {font-weight: bold;}
.list-payinfo {margin-top: 1.6rem;}
.tabs__menu + .tabs__panel .list-payinfo, .tabs__menu + .tabs__panel ~ .tabs__panel .list-payinfo {margin-top: 1.2rem;}
.list-payinfo > li {display: grid; grid-template-columns: minmax(5.2rem, auto) 1fr; grid-template-areas: "list-tit list-cont"; gap: 1.6rem;}
.list-payinfo > li + li {margin-top: .8rem;}
.list-payinfo__tit {width: 100%; grid-area: list-tit; justify-self: start; font-size: 1.4rem; line-height: 2.4rem;}
.list-payinfo__cont {width: 100%; grid-area: list-cont; justify-self: end; text-align: right; font-size: 1.6rem; line-height: 2.4rem; font-weight: bold;}
.list-payinfo__cont > p {word-break: break-word;}
.list-payinfo__cont > p + p {margin-top: .8rem;}
@media screen and (min-width: 404px) {
  .mykb-btmbnr__sub-tit, .mykb-btmbnr__main-tit {max-width: calc(100% - 14rem);}
}

/* KB Pay > MY KB 상단 롤링 배너 */
.mykb-bnr-swiper {display: flex; justify-content: center; width: 100%; margin: 0 0 2.4rem; border-radius: 1.2rem; overflow: hidden; position: relative; text-align: center; font-size: 1rem; line-height: 1.5; font-weight: 400; padding: 0;}
.mykb-bnr-swiper .swiper-container {border-radius: 0; margin: 0;}
.mykb-bnr-swiper__item {margin-bottom: 0; border-radius: 0; background: #f2f6f9;}
.mykb-bnr-swiper__item > a {display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 1.6rem; min-height: 9.6rem;}
.mykb-bnr-swiper__cnt {display: flex; flex-direction: column; justify-content: center; width: calc(100% - 9.6rem); min-height: 4rem; position: relative; z-index: 2; margin-top: 1.6rem; align-self: flex-start; line-height: 1.75em; text-align: left; padding: 0; overflow: hidden;}
.mykb-bnr-swiper__cnt > p {max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;}
.mykb-bnr-swiper__cnt > p[style*="font-size:1.4em"], .mykb-btmbnr__main-tit[style*="font-size:1.4em"] {line-height: 1.43;}
.mykb-bnr-swiper__cnt > p[style*="font-size:1.8em"], .mykb-btmbnr__main-tit[style*="font-size:1.8em"] {line-height: 1.33;}
.mykb-bnr-swiper__tit {color: var(--gray090);}
.mykb-bnr-swiper__img {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 0; bottom: 0; width: auto; min-width:12.8rem; height: 100%; max-height: 96px; text-align: center; transform: translateY(-50%);}
.mykb-bnr-swiper__img > img {display: inline-block; width: auto; height: 100%;}
.mykb-bnr-swiper .swiper-pagination {margin-top: 0;}
.mykb-bnr-swiper .swiper-button-control {position: absolute; z-index: 1; margin: 0; padding: 0; bottom: 2.4rem; right: 2rem; filter: none !important;}
.mykb-bnr-swiper .swiper-fraction {background: var(--gray010); color: var(--gray090); top: auto; bottom: 2.2rem; right: 1.6rem; font-size: 1rem; line-height: 1.2; padding: .4rem 2.4rem .4rem .9rem; letter-spacing: -.18rem;}
.mykb-bnr-swiper .swiper-fraction__active, .mykb-bnr-swiper .swiper-fraction__total {color: var(--gray090); letter-spacing: normal;}
.mykb-bnr-controller {display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; position: absolute; bottom: 0; margin-bottom: .4rem; z-index: 2;}
.mykb-bnr-controller .swiper-pagination {margin: 0;}
.mykb-bnr-controller .swiper-pagination > span {background: var(--gray090) !important;}
.mykb-bnr-controller .swiper-pagination, .mykb-bnr-controller .swiper-button-control {position: static;}
.mykb-bnr-controller .swiper-button-control {margin-right: .4rem; margin-top: -.5rem;}
.bg-pink {background-color:#ffecf7 !important;}
.bg-red {background-color:#ffefef !important;}
.bg-orange {background-color:#fff1e9 !important;}
.bg-brown {background-color:#fff6df !important;}
.bg-khaki {background-color:#f5f6cd !important;}
.bg-olive {background-color:#edfbdb !important;}
.bg-green {background-color:#dfffe2 !important;}
.bg-mint {background-color:#dbfdfa !important;}
.bg-blue {background-color:#e5f5ff !important;}
.bg-purple {background-color:#efe9ff !important;}
.bg-rose {background-color:#F5E8E7 !important;}
.bg-champagne {background-color:#EBE6E2 !important;}
.bg-gold {background-color:#F1E8DB !important;}
/* 24.10.21_삭제
.bg-pink .mykb-bnr-swiper__tit {color:#d2155b !important;}
.bg-red .mykb-bnr-swiper__tit {color:#d01313 !important;}
.bg-orange .mykb-bnr-swiper__tit {color:#e84d07 !important;}
.bg-brown .mykb-bnr-swiper__tit {color:#835025 !important;}
.bg-khaki .mykb-bnr-swiper__tit {color:#6f711d !important;}
.bg-olive .mykb-bnr-swiper__tit {color:#517d19 !important;}
.bg-green .mykb-bnr-swiper__tit {color:#0b7c16 !important;}
.bg-mint .mykb-bnr-swiper__tit {color:#1b7d75 !important;}
.bg-blue .mykb-bnr-swiper__tit {color:#2952ae !important;}
.bg-purple .mykb-bnr-swiper__tit {color:#5832bb !important;}
.bg-rose .mykb-bnr-swiper__tit {color:#AD4A43 !important;}
.bg-champagne .mykb-bnr-swiper__tit {color:#895241 !important;}
.bg-gold .mykb-bnr-swiper__tit {color:#945B0A !important;}
//24.10.21_삭제 */
@media screen and (max-width: 359px) {.mykb-bnr-swiper {font-size: .9rem;}}
@media screen and (max-width: 320px) {.mykb-bnr-swiper {font-size: 1rem;}}
@media screen and (max-width: 309px) {.mykb-bnr-swiper {font-size: .91rem;}}
@media screen and (max-width: 282px) {.mykb-bnr-swiper {letter-spacing: -0.1em;}}

/* KB Pay > MY KB 개인화 문구 영역 */
.mykb-notice {display: flex; align-items: center; justify-content: space-between; margin: 0; margin-bottom: 1.6rem; position: relative; padding: 0 !important; border-radius: 0 0 1.2rem 1.2rem; z-index: 0;}
.mykb-notice:before {content: ''; position: absolute; height: 4.5rem; width: 100%; left: 0; top: -3.5rem; z-index: -1; border-radius: 1.6rem 1.6rem 0 0;}
.notice-pink, .notice-pink:before {background-color:#d2155b !important;}
.notice-red, .notice-red:before {background-color:#d01313 !important;}
.notice-orange, .notice-orange:before {background-color:#d54405 !important;}
.notice-brown, .notice-brown:before {background-color:#835025 !important;}
.notice-khaki, .notice-khaki:before {background-color:#6f711d !important;}
.notice-olive, .notice-olive:before {background-color:#517d19 !important;}
.notice-green, .notice-green:before {background-color:#0b7c16 !important;}
.notice-mint, .notice-mint:before {background-color:#1b7d75 !important;}
.notice-blue, .notice-blue:before {background-color:#2952ae !important;}
.notice-purple, .notice-purple:before {background-color:#5832bb !important;}
.notice-gray, .notice-gray:before {background-color:#3d4046 !important;}
.notice-black, .notice-black:before {background-color:#121315 !important;}
.notice-gray-light {background-color:#eff2f7 !important;}
.notice-pink-light {background-color:#ffecf7 !important;}
.notice-red-light {background-color:#ffefef !important;}
.notice-orange-light {background-color:#fff1e9 !important;}
.notice-brown-light {background-color:#fff6df !important;}
.notice-khaki-light {background-color:#f5f6cd !important;}
.notice-olive-light {background-color:#edfbdb !important;}
.notice-green-light {background-color:#dfffe2 !important;}
.notice-mint-light {background-color:#dbfdfa !important;}
.notice-blue-light {background-color:#e5f5ff !important;}
.notice-purple-light {background-color:#efe9ff !important;}
.mykb-notice > a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; position: relative; padding: 1.235rem 1.6rem 1.234rem;}
.mykb-notice > a:after {content: ''; display: inline-block; width: 1.6rem; height: 2.2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat center; background-size: 1.6rem; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}
.mykb-notice__cont {overflow: hidden; width: calc(100% - 1.6rem); padding: 0 1rem 0 0;}
.mykb-notice__img + .mykb-notice__cont {width: calc(100% - 4.8rem);}
.mykb-notice__tit {color: var(--gray000); font-size:1.4rem; line-height: 2.2rem; letter-spacing: -0.08rem; text-align: left; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mykb-notice__img {width: 2.4rem; height: auto; margin-right: .8rem;}
.mykb-notice__img > img {display: block; width: 100%; height: auto;}
.mykb-notice__close {position: absolute; z-index: 2; top: 1rem; right: .8rem; border: 0; width: 3.2rem; height: 3.2rem; padding: 0; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-close.svg) no-repeat center; background-size: 1.6rem; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);}
.mykb-notice--type2[class*="-light"] .mykb-notice__close {filter: none;}
.mykb-notice--type2 {width: 100%; position: relative; border-radius: 1.2rem; margin: 0 0 1.6rem;}
.mykb-notice--type2 > a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.6rem;}
.target-tit {color: var(--gray000); max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;}
.mykb-notice--type2[class*="-light"] .target-tit {color: var(--gray090);}
.target-tit[style*="font-size:1.4rem"] {line-height: 1.43;}
.target-tit[style*="font-size:1.6rem"] {line-height: 1.5;}
.mykb-notice--type2 .mykb-notice__cont {margin-right: 1.6rem;}
.mykb-notice--type3 {width: 100%; border-radius: 1.2rem; margin: 1.6rem 0 0; background: none !important;}
.mykb-notice--type3:before {display: none !important;}
.mykb-notice--type3 > a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; position: relative; padding: .4rem 1.6rem;}
.mykb-notice--type3 > a:after {content: ''; display: inline-block; width: 1.6rem; height: 2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat center; filter: none; background-size: 1.6rem;}
.mykb-notice--type3 .mykb-notice__tit {color: var(--gray090); line-height: 1.43; font-weight: bold; letter-spacing: normal;}

/* KB Pay > MY KB 스타클럽 등급 및 포인트리 표기 */
.mykb-info {display: grid; grid-template-columns:minmax(10.5rem, auto) minmax(10.1rem, auto) minmax(7.4rem, auto); place-content: center space-between; padding: 1.8rem 2.4rem; border-radius: 1.2rem; margin: 0; background-color: var(--gray000); box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, .16); position: relative; align-items:center; z-index: 1;}
[class^="mykb-info__"] {flex:1; display:flex; align-items:center; white-space:nowrap; position:relative; margin: 0; padding-left:0; text-align:right;}
[class^="mykb-info__"]:before {content:""; display:none; position:absolute; top:50%; left:0; width:1px; height:1.2rem; background:#dde1e4; transform:translateY(-50%);}
[class^="mykb-info__"] .btn-txt {margin: 0;}
[class^="mykb-info__"]:first-of-type {margin-left:0;}
[class^="mykb-info__"]:first-of-type:before {display:none;}
[class^="mykb-info__"]:first-of-type .btn-txt {margin-left:0;}
.mykb-info__username {flex:0 0 auto;}
.mykb-info__username + .mykb-info__point {display:block; flex:4 0 auto;}
.mykb-info__username + .mykb-info__point + .mykb-info__grade{display:block; flex:1 0 auto;}
.mykb-info__point {flex:1.2;}
.mykb-info__point .ico-point {width:2rem; height:2rem; margin-right:.4rem;}
.mykb-info__point .ico-point img {width:100%;}
.mykb-info__point .btn-txt .txt-s {margin-left:0;}
.mykb-info__grade .btn-txt .txt-s {padding-left:0;}
.mykb-info__grade .btn-txt [class*="ico"] {position:relative; padding-left:2.4rem;}
.mykb-info__grade .btn-txt [class*="ico"]:before {content:""; position:absolute; top:50%; left:0; width:2rem; height:2rem; background-repeat:no-repeat; background-position:0 0; background-size:2rem; transform:translateY(-50%);}
.mykb-info__grade .btn-txt .ico-family:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-f.png");}
.mykb-info__grade .btn-txt .ico-best:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-b.png");}
.mykb-info__grade .btn-txt .ico-grand:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-g.png");}
.mykb-info__grade .btn-txt .ico-vip:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-v.png");}
.mykb-info__grade .btn-txt .ico-vvip:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-vv.png");}
.mykb-info__exchange .btn-txt {padding-left:2.4rem;}
.mykb-info__exchange .btn-txt:before {content:""; display: block; position:absolute; top:50%; left:0; width:2rem; height:2rem; background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-exchange.png") no-repeat 0 0; background-size:2rem; transform:translateY(-50%);}
.mykb-info__exchange .btn-txt:after {display: none;}
@media screen and (max-width: 359px) {
    .mykb-info {padding:1.6rem 1.2rem; grid-template-columns:repeat(auto-fit, minmax(28%, auto));}
    .mykb-info .btn--arr.txt-s:after {margin-left:-.2rem;}
    .mykb-info__point .ico-point {margin-right:.2rem;}
    .mykb-info__grade .btn-txt [class*="ico"] {padding-left:2.2rem;}
    .mykb-info__exchange {flex:0;}
    .mykb-info__exchange .btn-txt {padding-left:2.2rem;}
}
@media screen and (max-width: 340px) {
    .mykb-info {padding:16px 8px;}
    [class^="mykb-info__"] {margin-left:0;}
    .mykb-info__username {padding-right:4px;}
    .mykb-info__point .ico-point {width:16px; height:16px;}
    .mykb-info__point .btn-txt .txt-s {margin-left:2px; padding-left:0; line-height:22px !important;}
    .mykb-info__grade .btn-txt {margin-left:6px;}
    .mykb-info__grade .btn-txt .txt-s {line-height:22px !important;}
    .mykb-info__grade .btn-txt .txt-s[class*="ico"] {padding-left:18px;}
    .mykb-info__grade .btn-txt .txt-s:before {width:16px; height:16px;}
    .mykb-info__exchange .btn-txt {margin-left:6px; padding-left:18px; line-height:22px !important;} 
    .mykb-info__exchange .btn-txt:after {width:16px; height:16px;}
}
@media screen and (max-width: 320px) {
	.mykb-info__point .ico-point {width:16px; height:16px; margin-top:-2px;}
	.mykb-info__point .btn-txt .txt-s,
	.mykb-info__grade .btn-txt .txt-s,
	.mykb-info__exchange .btn-txt {line-height:18px !important;}
	.mykb-info__grade .btn-txt [class*="ico"]:before,
	.mykb-info__exchange .btn-txt:before {width:16px; height:16px; background-size:16px; transform:translateY(calc(-50% - 1px));}
}

/* KB Pay > MY KB 개인화 바텀시트 팝업 */
.pop-personal {display: flex; flex-direction: column; position: relative; overflow: hidden; align-items: center; background: #f2f6f9;}
.pop-personal__cont {display: flex; align-items: center; justify-content: center; width: 100%; height: auto;}
.pop-personal__img {width: 100%; height: auto;}
.pop-personal__menu {display: flex; justify-content: space-between; width: 100%; background: var(--gray000); align-items: stretch;}
.pop-personal__btn {display: inline-flex; justify-content: center; align-items: center; font-size: 1.4rem; color: var(--gray090); height: auto; padding: 0; margin: 1.7rem 0 1.8rem 2.4rem; line-height: 1.43; background: none; border: 0; border-bottom: 1px solid var(--gray090);}
.pop-personal__btn + .pop-personal__btn {margin: 1.7rem 2.4rem 1.8rem 0;}
.pop-personal__btn--close {border: 0 !important;}
.pop-personal__btn--close:after {content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: .4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-btm-close.svg) no-repeat 50% 50%; background-size: 1.6rem 1.6rem;}

.mykb-psn-ban {
  margin-bottom: 1.6rem;
  background: #f2f6f9; 
  border-radius: 16px;
}

.mykb-psn-ban > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
 padding: .8rem;
}

.mykb-psn-ban__cnt {
  line-height: 2rem;
  padding: .8rem 0 0 .8rem;
}

.mykb-psn-ban__img {
  width: 6.4rem;
  height: 6.4rem;
}

.mykb-psn-ban__img > img {
  width: 100%;
  height: 100%;
}

/* 개인화 배너 스와이퍼 추가 */
.mykb-psn-swiper {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.mykb-psn-swiper .swiper-container {
	margin-bottom: 1.6rem;
	border-radius: 16px;
}

.mykb-psn-swiper .mykb-psn-ban {
	margin-bottom:0;
	border-radius: 0;
}

.mykb-psn-swiper .mykb-psn-ban__cnt {
    text-align: left;
}

.mykb-psn-swiper .swiper-pagination {
    margin-top: 0;
}

.mykb-psn-swiper .swiper-button-control {
    position: relative;
    z-index: 1;
    margin-top: -1rem;
    margin-left: 0.5rem;
}

.mykb-top-ban {
    position:relative;
    border-radius: 16px;
    margin-bottom: 1.6rem;
} 

.mykb-top-ban > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2.4rem 1.8rem 6.6rem;
    background:url('https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg') no-repeat center right;
}

.mykb-top-ban__cnt {
    line-height: 2.6rem;
}

.mykb-top-ban__img {
    position: absolute;
    width: 5.6rem;
    height: 5.6rem;
}

.mykb-top-ban__img > img {
    width: 100%;
    height: 100%;
}

.mykb-middle-ban {
  margin-top: 2.4rem;
}

.mykb-middle-ban > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .8rem;
}

.mykb-middle-ban__cnt {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.mykb-middle-ban__img {
  width: 9.8rem;
  height: 8.4rem;
  overflow: hidden;
}

.mykb-middle-ban__img > img {
  width: 100%;
  height: 100%;
}

.mykb-arr-ban {
    margin-top: 1.6rem;
    background:var(--gray010) url('https://img1.kbcard.com/home_re/mo/img/main/img-payment-bn.png') no-repeat 16px center;
    background-size: 24px 24px;
    border-radius: 1.2rem;
}

.mykb-arr-ban > a {
   background:url('https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg') no-repeat 97% center;
   color:var(--gray090);
   display: block;
   height: 4.8rem;
    line-height: 4.8rem;
}

.mykb-arr-ban__cnt {
    font-size: 1.4rem;
    padding: 0 2rem 0 4.8rem;
    font-weight: bold;
}

.mykb-report-swiper {
  text-align: center;
}

.mykb-report-swiper .tit-wrap {
  text-align: left;
}

.mykb-report-swiper .swiper-container {
  padding-top: .8rem;
  margin-top: -.8rem;
}

.mykb-edit-home {
  text-align: center;
}

.mykb-edit-home__bubble {
  margin-top: 4.8rem;
}

.mykb-edit-home__bubble + .edit-home__btn {
  margin-top: 2.4rem;
}

.mykb-edit-home__desc {
  position: relative;
  display: inline-block;
  padding: 1.6rem;
  background: var(--gray010);
  border-radius: .8rem;
  font-weight: 300 !important;
}

.mykb-edit-home__desc:before {
  content: '';
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: .8rem solid transparent;
  border-right: .8rem solid transparent;
  border-top: 1rem solid var(--gray010);
}

.mykb-edit-home__btn {
  margin-top: 3.2rem;
}

.mykb-edit-home__btn-txt {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.mykb-edit-home__btn-txt:before {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-homeedit.svg) no-repeat center;
  vertical-align: top;
}

/* 상품 */
.prd .cont-area {
  padding: 1.2rem 1.6rem 5.6rem;
}

.scroll-down .prd .tabs {
  top: 0;
}

.prd .tabs {
  transition: top .2s;
}

.prd .tabs__menu {
  margin-top: 0;
}

.prd .floating-cnt {
  padding-top: 0;
  border-top: 0;
}

.prd .floating-cnt__panel {
  display: block;
}

.prd-recomm-swiper {
  position: relative;
  padding: .8rem 0 0 .8rem;
  text-align: center;
}

.prd-recomm-swiper .swiper-slide {
  padding-bottom: 17.6rem;
  text-align: left;
}

.prd-recomm-swiper__sub {
  position:relative;
  margin-bottom: .8rem;
  padding: .2rem 1.6rem 0;
  font-size:1.4rem;
  line-height:2rem; 
  z-index:1;
}

.prd-recomm-swiper__tit {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 1.6rem 1.6rem 0;
}

.prd-recomm-swiper__desc {
  margin-top: .8rem;
  font-weight: 300 !important;
}

.prd-recomm-swiper__table {
  display: table;
}

.prd-recomm-swiper__table > li {
  display: table-cell;
}

.prd-recomm-swiper__table > li > span {
  display: block;
  margin-bottom: .4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--gray060);
}

.prd-recomm-swiper__table > li + li {
  padding-left: 2.4rem;
}

.prd-recomm-swiper__img {
  position: absolute;
  align-items:center !important;
  top: 0;
  right: 0;
  width: 10.6rem !important;
  height: 10.6rem !important;
  padding: 0;
}

.prd-recomm-swiper__img > img {
  width: 100% !important;
}

.prd .prd-popular-swiper .swiper-container {padding:1.6rem 0 0 1.6rem}
.prd .prd-popular-swiper {margin: -1.6rem -1.6rem -2.9rem;}

.prd-fnc-list > li {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 2.4rem;
  margin-bottom: 1.6rem;
}
.prd-fnc-list li:last-child {
  margin-bottom:0; 
  padding-bottom:0; 
  border-bottom:0;
}

.prd-fnc-list__tit {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600 !important;
}

.prd-fnc-list__tit .btn-txt {
  position: relative;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600 !important;
}

.prd-fnc-list__tit .btn-txt:after {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0;
  background-size: 100% auto;
  margin: -.25rem 0 0 .4rem;
}

.prd-fnc-list__desc {
  margin-top: .8rem;
  font-size: 1.4rem;
}

.prd-fnc-list__call {
  position: relative;
}

.prd-fnc-list__call:before {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .8rem;
  background: url("https://img1.kbcard.com/home_re/mo/ico/24/ico-1-cs.svg") no-repeat center;
  vertical-align: top;
}

.prd-fnc-list .btn-box {
  margin-top: 2.4rem;
  border: 0;
  background-color: #f9fafc;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.prd-fnc-list .box.box--gray1 {
  margin-top: 2.4rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400 !important;
}

.prd-fnc-list .accordions__tit {
  padding: 1.2rem 1.6rem 1.2rem 0;
  border: 0;
}
.prd-fnc-list .accordions__tit:before {
  width:1.6rem; 
  height:1.6rem;
  top:70%;
}

.prd-fnc-list .accordions__tit--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prd-fnc-list .accordions__left {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600 !important;
}

.prd-fnc-list .accordions__right {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--gray060);
}

.prd-fnc-list .accordions__right > em {
  display: inline-block;
  margin-right: .2rem;
  margin-left: .4rem;
  color: var(--gray090);
}

.prd-fnc-list .accordions__view {
  padding: 2.4rem 1.6rem;
  border: 1px solid var(--gray010);
}

.prd-fnc-list .accordions__view .list-info + .list-info {
  margin-top: 1.6rem;
}

.prd-fnc-box {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}

.prd-fnc-box__cnt {
  position: relative;
  width: 100%;
}

.prd-fnc-box__cnt > li {
  float: left;
  width: 50%;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.prd-fnc-box__cnt > li.prd-fnc-box__full {
  width: 100%;
}

.prd-fnc-box__tit {
  color: var(--gray060);
}

.prd-fnc-box__num {
  margin-top: .4rem;
}

.prd-fnc-box__num > span {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.prd-fnc-box__btn {
  flex-basis: auto;
  align-self: flex-end;
  width: 7.4rem;
  text-align: right;
}

.prd-fnc-box--block .prd-fnc-box__cnt > li {
  width: 100%;
}

.prd-fnc-box--block .prd-fnc-box__cnt > li > p {
  display: inline-block;
  margin-right: 1.6rem;
}

.prd-fnc-box--block .prd-fnc-box__cnt > li > p.mid-line {
  margin-right: 0;
}

.prd-cards-swiper__tit, .prd-cards-swiper__name {
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.prd-cards-swiper__tit {
  padding-top: 1.6rem;
}

.prd-cards-swiper__name {
  padding-top: 1.6rem;
}

.prd-cards-swiper__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 12rem;
  margin: 1.6rem auto 0;
}

.prd-cards-swiper__img > img {
  max-width: 100%;
  max-height: 100%;
}

.prd-cards-swiper__img.row > img {
  transform: rotate(90deg);
}

.prd-cards-swiper__desc {
  margin-top: .8rem;
  font-weight: 300 !important;
}

.tit-dep1 + .prd-cards-swiper {border-top:1px solid var(--gray010)}
.tit-dep1 + .prd-cards-swiper .prd-cards-swiper__tit {padding-top:2.4rem;}

.prd-popular-swiper {
  overflow: hidden;
  margin: -1.6rem;
}

.prd-popular-swiper .swiper-container {
  overflow: visible;
  position: relative;
  width: auto;
  height: auto;
  padding: 1.6rem 0 1.6rem 1.6rem;
}

.prd-popular-swiper .swiper-wrapper {
  height: auto;
}

.prd-popular-swiper .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 18.4rem;
  height: auto;
  margin-right: 1.6rem;
  border-radius: .8rem;
  text-align: center;
}

.prd-popular-swiper .swiper-slide > a {
  display: block;
  width: 100%;
  padding: 2.4rem 1.6rem;
  word-break: keep-all;
}

.prd-popular-swiper .swiper-slide--pink,
#LoginCard .prd-popular-swiper .swiper-slide:nth-child(3) {
  background: #fff0f8;
}

.prd-popular-swiper .swiper-slide--yellow,
#LoginCard .prd-popular-swiper .swiper-slide:nth-child(1) {
  background: #fff6ce;
}

.prd-popular-swiper .swiper-slide--blue,
#LoginCard .prd-popular-swiper .swiper-slide:nth-child(2) {
  background: #f1f6ff;
}

.prd-popular-swiper .swiper-slide .img-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}

.prd-popular-swiper .swiper-slide .img-card > img {
  max-width: 100%;
  max-height: 100%;
}

.prd-popular-swiper .swiper-slide .img-card.row > img {
  transform: rotate(90deg);
}

.prd-popular-swiper__name {
  overflow: hidden;
  display: -webkit-box;
  height: 4.8rem;
  line-height: 2.4rem;
  margin-top: 1.6rem;
  text-overflow: ellipsis;
  font-weight: 600;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.prd-popular-swiper__desc {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
/*** 카드 영역 개선 운영 반영 후 삭제_221205 ***/

.prd-mycard-ban {
  margin-top: 3.2rem;
}

.prd-mycard-ban__sub {
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.prd-mycard-ban__tit {
  margin-top: .8rem;
  font-size: 2.4rem;
  line-height: 3.2rem;
}

.prd-mycard-ban__img {
  position: relative;
  margin-top: 2.4rem;
  text-align: right;
}

.prd-mycard-ban__img > img {
  display: inline-block;
  width: 20rem;
  height: 15.6rem;
}

.prd-foreign-use {
  overflow: hidden;
  width: 100%;
}

.prd-foreign-use > li {
  float: left;
  width: 50%;
  text-align: center;
}

.prd-foreign-use > li:first-child > a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 97%;
  background-color: var(--gray010);
}

.prd-foreign-use > li > a {
  position: relative;
  display: block;
}

.prd-foreign-use > li > a:before {
  content: '';
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4.8rem;
}

.prd-foreign-use__send > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-overseas-remittance.svg);
}

.prd-foreign-use__safety > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-overseas-security.svg);
}

.prd-foreign-use__text {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.prd-foreign-use .btn-txt {
  margin-top: 1.6rem;
}

.prd-foreign-use .btn-txt:after {
  position: absolute;
  right: -20px;
}

.prd-alarm-ban {
  margin-top: 3.2rem;
}

.prd-alarm-ban > a {
  display: flex;
  justify-content: space-between;
}

.prd-alarm-ban__tit {
  padding-top:0.8rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
}

.prd-alarm-ban__sub {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.prd-alarm-ban__img > img {
  display:block;
  width: 10rem;
  height: 10rem;
}

.prd-alarm-ban + .prd-alarm-ban {
	margin-top:2.4rem;
	padding-top:2.4rem;
	border-top:1px solid var(--gray010)
}  

/* pop - 마이메뉴, 홈화면 편집 */
.num-mymenu {
  display: inline-block;
  padding: .3rem 1rem;
  border-radius: 1.2rem;
  background-color: var(--gray010);
  font-size: 1.4rem;
  line-height: 2rem;
}

.menu-edit {
  margin-top: -.8rem;
}

.menu-edit__item {
  padding: .8rem 0;
}

.menu-edit__inner {
  overflow: hidden;
  position: relative;
  padding: 1.6rem;
  border: 1px solid #dde1e4;
  border-radius: .8rem;
  background-color: var(--gray000);
}

.menu-edit__inner--disable .menu-edit__inner__inner {
  background-color: transparent;
  border-color: var(--gray010);
  color: #8c949e;
}

.menu-edit__btn-del {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .8rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-close-g.svg) no-repeat center;
  vertical-align: top;
}

.menu-edit__btn-sortable {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.4rem;
  height: 100%;
  padding: 0;
  background-color: var(--gray000);
  box-shadow: none;
  border: none;
}

.menu-edit__btn-sortable:before {
  content: '';
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/icon-edit-list-24.svg) no-repeat center;
}

.menu-edit .ui-state-highlight {
  padding: .8rem 0;
}

.menu-edit .ui-state-highlight:before {
  content: '';
  display: block;
  position: relative;
  height: 100%;
  border: 1px dashed #dde1e4;
  border-radius: .8rem;
  background-color: #eee;
  opacity: .3;
}

.menu-edit__item--disable .menu-edit__inner {
  background-color: transparent;
  border-color: var(--gray010);
  color: #8c949e;
}

.menu-edit__item--disable + .menu-edit {
  margin-top: 0;
}

.totalmn-wrap:first-of-type {
  margin-top: 0;
}

.totalmn-list__form {
  display: block;
  position: relative;
  padding: .8rem .8rem .8rem 0;
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.totalmn-list__form input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1;
  opacity: 0;
}

.totalmn-list__form input:checked + label {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-favorites-on.svg);
}

.totalmn-list__form label {
  display: flex;
  position: relative;
  align-items: flex-start;
  padding-right: 3.2rem;
  text-align: left;
  z-index: 1;
  cursor: pointer;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-favorites.svg) no-repeat right center;
}

.menu-add > li:nth-child(2) ~ li {
  margin-top: 3.2rem;
}

/* KB Pay > 혜택 */
.nonClick {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
.benefit .is-bg:before {z-index: -2 !important;}
.main-benefits {overflow: visible; position: static; padding: 0; margin: 0;}
.main-benefits .cont-area {position:relative; padding-bottom: 5.6rem;}
.benefit .main-benefits:before {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition-property: background-color; transition-duration: .5s; transition-timing-function: ease-out;}
.benefit .is-bg--membership .main-benefits:before {background-color: var(--vip050); transition: background-color .5s ease-out;}
.main-benefits .main-tit {transition-property: color; transition-duration: .5s; transition-timing-function: ease-out;}
.is-bg--membership .main-benefits .main-tit {color: var(--gray000); transition: color .5s ease-out;}
.main-benefits .main-box {transition: all .5s;}
.main-benefits .list-info > li + li {margin-top: 8px;}
.list-info--mileage .list-info__tit, .list-info--mileage .list-info__desc, .benefit-membership .list-info__tit, .benefit-membership .list-info__desc {line-height:2.8rem;}
.list-info--mileage .list-info__tit, .benefit-membership .list-info__tit {font-size: 1.4rem;}
.list-info--mileage .list-info__desc, .benefit-membership .list-info__desc {font-size: 2rem;}
.main-box--welcome {display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0; min-height: 13.6rem; margin: 0;}
.main-box--welcome > img {width: 100%; height: auto; max-width: 14rem;}
.welcome-box {position: static; padding: 1.6rem 0 1.6rem 1.6rem; margin: 0; align-self: flex-start;}
.welcome-box__close {display: none;}
.usage-box {position: relative; top: 0; left: 0; width: 100%; height: auto; border-radius: 1.2rem; padding: 2rem 0 .8rem; margin: 0; background: var(--gray000); box-shadow: 0 1px 0.3rem 0 rgba(0, 0, 0, .16); transition: all .5s; box-sizing: border-box;}
.usage-box--none{padding: 2rem 1.6rem;}
.usage-box.usage-box--none .tit-dep2 {padding: 0;}
.usage-box .card-box__desc {margin-top: .2rem; padding-left: 3.8rem;}
.usage-box .tit-dep2 {padding: 0 1.4rem;}
.perf-benefit-slide, .perf-benefit-slide .swiper-container {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.perf-benefit-slide {margin-top: 1.6rem;}
.perf-benefit-slide .swiper-slide {width: 100%; padding: 0 1.4rem; text-align: left !important;}
.perf-benefit-slide .swiper-slide > a:first-of-type {display: block;}
.perf-benefit-slide .swiper-pagination {display: block; position: static; width: auto; height: auto; bottom: auto; left: auto; transform: none; margin: 0; padding: .4rem .8rem; border-radius: 1.2rem !important; background: var(--gray010) !important; font-size: 1rem; color: var(--gray090); line-height: 1.2rem; letter-spacing: -.14rem;}
.perf-benefit-slide .swiper-pagination-current {font-weight: bold; color: inherit;}
.perf-benefit-slide .swiper-pagination-current, .perf-benefit-slide .swiper-pagination-total {opacity: 1;}
.perf-benefit-slide .swiper-pagination span {width: auto; height: auto; padding: 0; margin: 0; display: inline; background: transparent; color: var(--gray090) !important;}
.perf-benefit-slide .swiper-button-control {display: none;}
.card-benefit-list {display: flex; flex-direction: column; position: relative; padding: 1.2rem 0 .3rem; border-top: 1px solid var(--gray010);}
.card-benefit-list .tit-dep3 {color: var(--gray090); margin: 0; flex-grow: 0;}
.card-benefit-list__desc{margin-top: .2rem; flex-grow: 1;}
.card-benefit-list__desc p {font-size: 1.4rem; font-weight: 300; line-height: 2.2rem;}
.card-benefit-list__desc--none {display: flex; justify-content: center; align-items: center;}
.card-benefit-list__cont {margin-top: .2rem;}
.card-benefit-list__cont li {font-size: 1.4rem; font-weight: 300; line-height: 2rem; color: var(--gray090); text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card-benefit-list__cont span {margin-right: 1rem;}
.card-type-list {display: flex; align-items: center; width: 100%; justify-content:flex-start; padding-bottom: 2rem;}
.card-type-list__img {display: flex; justify-content: center; width: 4.8rem; height: 4.8rem; align-items: center;}
.card-type-list__img.row {margin-left: -.5rem; transform: rotate(90deg);}
.card-type-list__img img {max-width: 100%; max-height: 100%; vertical-align: top;}
.card-type-list__cont {display: block; padding-left: 1.6rem; width: calc(100% - 4.6rem);}
.card-type-list__img.row + .card-type-list__cont {padding-left: .3rem;}
.chart-graph {width: 100%; height: 4.8rem; margin: .4rem 0; position: relative;}
.chart-graph__bar {width: 100%; height: 1.2rem; background-color: #dde1e4; border-radius: .6rem; overflow: hidden;}
.chart-graph__progress {background-image: linear-gradient(to right, #ffd743 0%, #ff8f00 100%); height: 100%; width:  0; border-radius: .6rem;}
.chart-graph__desc {position: absolute; top: 0; left: 0; width: 100%; display: flex;}
.chart-graph__section {flex: 1; position: relative;}
.chart-graph__section:before {content: ''; position: absolute; top: 0; left: 0; width: .2rem; height: 1.2rem; background-color: var(--gray000);}
.chart-graph__section:first-of-type:before, .chart-graph__section:last-of-type:before {display:none;}
.chart-graph__section:last-of-type {width: 0; flex: 0;}
.chart-graph__unit, .chart-graph__prevnote {position: absolute; left: 0; font-size: 1.2rem; line-height: 1.6rem; white-space: nowrap; transform: translateX(-50%);}
.chart-graph__unit {top: 1.6rem; color: var(--gray090);}
.chart-graph__section:first-of-type .chart-graph__unit, .chart-graph__section:first-of-type .chart-graph__prevnote {transform: translateX(0);}
.chart-graph__section:last-of-type .chart-graph__unit, .chart-graph__section:last-of-type .chart-graph__prevnote {transform: translateX(-100%);}
.chart-graph__prevnote {top: 3.2rem; color: #f76900;}
.main-box--mileage {padding-bottom: 1.6rem ! important;}
.list-info--mileage {margin-top: 1.2rem;}
.list-info--mileage-sub {padding-top: 1.6rem;}
.list-info--mileage-sub .list-info__tit, .list-info--mileage-sub .list-info__desc {font-size: 1.4rem; line-height: 2rem;}
.perf-membership-slide {display: flex; justify-content: center; margin:0 -1.6rem; margin-top: .8rem !important;}
.perf-membership-slide .swiper-container {overflow:visible; padding:.4rem 1.6rem 3.2rem}
.perf-membership-slide .swiper-container.swiper-container-initialized {overflow:hidden; width:100%;}
.perf-membership-slide .swiper-slide{text-align: left; margin-top: 0;}
.perf-membership-slide .swiper-container.swiper-container-initialized .swiper-slide {width: calc(100% - 2rem);transition:none; margin-right: 1.2rem;}
.perf-membership-slide .swiper-container.swiper-container-initialized .swiper-slide:last-child{margin-right:0;}
.main-box--vipcard {padding: 0 1.6rem 1.6rem !important;}
.main-box--prime {padding: 0 1.6rem 1.6rem .9rem !important;}
.main-box--starclub {padding: 0 1.6rem 1.6rem 1.6rem !important;}
.membership-box {display: flex; align-items: center; justify-content: space-between; position: relative;}
.main-box--vipcard .membership-box {justify-content: flex-end;}
.membership-box .btn--arr {margin: 2.6rem 0; padding: 0; line-height: 2rem;}
.membership-box__card {position: absolute; top: 1.9rem; left: 0;}
.membership-box__card img {display: inline-block; float: right; width: 4.8rem; height: 3rem; box-shadow: 0 -0.2rem var(--gray000); transform: rotate(90deg); margin-right: -3.8rem;}
.membership-box__card img:first-of-type {margin: 0;}
.membership-box__vipcoupons {width: auto;}
.membership-box__vipcoupons > li {justify-content: flex-end; align-items: flex-end;}
.membership-box__vipcoupons .list-info__tit {font-size: 1.2rem; margin-right: .4rem;}
.membership-box__vipcoupons .list-info__desc {margin-right: 1.6rem;}
.membership-box__vipcoupons .list-info__desc:last-of-type {margin-right: 0;}
.main-box--prime .membership-box__ico {width: 5.6rem; height: 3.2rem; margin-left: .7rem;}
.main-box--starclub .membership-box__ico {width: 4rem; height: 4rem;}
.membership-box__ico:before{content:''; display:block; width: 100%; height: 100%;}
.membership-box__ico.ico-premium:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-prime-premium.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-classic:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-prime-classic.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-rovl:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-prime-rovl.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-premiumplus:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-prime-premiumplus.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-classicplus:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-prime-classicplus.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-rovlplus:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-prime-rovlplus.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-family:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-f.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-best:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-b.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-grand:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-g.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-vip:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-v.png") no-repeat 0 0; background-size:cover;}
.membership-box__ico.ico-vvip:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-vv.png") no-repeat 0 0; background-size:cover;}
.main-box--starclub .list-info {padding-left: .2rem;}
.main-box--specialbnr {display: flex; justify-content: space-between; align-items: center;}
.main-box--specialbnr a {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-box--specialbnr a:before {content:''; display: block; width: 3.2rem; height: 3.2rem; margin-bottom: .4rem;}
.main-box--specialbnr span {font-size: 1.4rem; line-height: 2rem;}
.specialbnr__discount:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-discount.svg") no-repeat 0 0; background-size:cover;}
.specialbnr__starshop:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-star-plus.svg") no-repeat 0 0; background-size:cover;}
.specialbnr__starmap:before {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-star-map.svg") no-repeat 0 0; background-size:cover;}
@media (orientation: portrait) {
  .card-benefit-list {min-height: 10.1rem;}
}
@media (orientation: landscape) {
  .card-benefit-list {min-height: auto;}
}

/* KB Pay > 혜택 내 쿠팡캐시 확인하기 버튼 */
.card-benefit-list__more, .btn-coupangcash {position:absolute; top:8.1rem; right:1.6rem; font-size: 1.4rem;line-height:2.2rem;}
.btn-coupangcash:before {content:''; display:inline-block; width:2.2rem; height:2.2rem; margin-right:.4rem; vertical-align:top; background-size:1.6rem; background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-coupang.png) no-repeat; background-size:100%}
.btn-coupangcash:after {display:inline-block; width:2.2rem; height:2.2rem; vertical-align:top;}

/* KB Pay > 혜택 - 내 맞춤 카드 */
.my-custom-card{position:relative; padding:0;}
.my-custom-card .swiper-container{border-radius:1.2rem;}
.my-custom-card .swiper-slide{text-align:left; border-top:0;}
.my-custom-card .swiper-slide:nth-child(odd) a{background:linear-gradient(149deg, #ecf4ff 16%, #ffe8f6 116%);}/* AI 맞춤카드 반영 후 삭제 필요 */
.my-custom-card .swiper-slide:nth-child(even) a{background:linear-gradient(149deg, #ecf4ff 16%, #fff6d6 116%);}/* AI 맞춤카드 반영 후 삭제 필요 */
.my-custom-card .swiper-slide:nth-child(odd) .my-custom-card__link{background:linear-gradient(149deg, #ecf4ff 16%, #ffe8f6 116%);}
.my-custom-card .swiper-slide:nth-child(even) .my-custom-card__link{background:linear-gradient(149deg, #ecf4ff 16%, #fff6d6 116%);}
.my-custom-card__link {display:block; position:relative; height:37.4rem;}
.my-custom-card .tit-dep2 {position:absolute; top:0; left:0; padding:2rem 1.6rem 0; margin: 0; font-weight:600; z-index:2;}
.my-custom-card .tit-dep2 a {background:transparent !important; height:auto !important;}/* AI 맞춤카드 반영 후 삭제 필요 */
.my-custom-card .tit-dep2 .btn--arr {padding-right:1.6rem;}
.my-custom-card .tit-dep2 .btn--arr:after{position:absolute; top:.4rem; right:0; width:1.6rem; height:1.6rem; margin-left:0; background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg') no-repeat 0 -.1rem; background-size:1.6rem;}
.my-custom-card .prd-cards-swiper__img {position:relative; top:8.6rem; width:19.4rem; height:16.8rem; margin:0 auto;}
.my-custom-card .prd-cards-swiper__img.row {top:8.6rem; width:19.4rem; height:16.8rem;}
.my-custom-card .prd-cards-swiper__img img{width:100%; border-radius:1rem; box-shadow:0.8rem 0.8rem 1.2rem 0 rgb(0, 0, 0, 0.12), 0.1rem 0.1rem 0.2rem 0 rgba(0, 0, 0, .16);}
.my-custom-card .prd-cards-swiper__img.row img{border-radius:1rem; box-shadow:0.8rem -0.8rem 1.2rem 0 rgb(0, 0, 0, 0.12), 0.1rem -0.1rem 0.2rem 0 rgba(0, 0, 0, .16);}
.my-custom-card .prd-cards-swiper__name {position:absolute; bottom:5rem;}
.my-custom-card .prd-cards-swiper__desc {position:absolute; bottom:0;}
.my-custom-card .swiper-pagination{position:absolute; bottom:0; margin:0; padding-bottom:1.6rem;}
.my-custom-card .swiper-pagination-bullet {background:#c6cbd0;}
.my-custom-card .swiper-pagination-bullet-active{background-color:var(--gray090);}
/* AI 맞춤카드 반영 후 삭제필요 : s */
.my-custom-card .crd-09122 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09122.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09157 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09157.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09250 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09250.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09125 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09125.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09123 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09123.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09065 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09065.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09288 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09288.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09124 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09124.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-02090 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-02090.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-04451 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-04451.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-04285 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-04285.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09169 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09169.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09174 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09174.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-04415 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-04415.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09063 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09063.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09310 > a {background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09310.png') center center no-repeat !important; background-size:cover !important;}
/* AI 맞춤카드 반영 후 삭제필요 : e */
.my-custom-card .crd-09122 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09122.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09157 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09157.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09250 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09250.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09125 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09125.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09123 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09123.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09065 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09065.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09288 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09288.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09124 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09124.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-02090 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-02090.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-04451 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-04451.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-04285 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-04285.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09169 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09169.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09174 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09174.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-04415 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-04415.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09063 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09063.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09310 .my-custom-card__link{background:url('https://img1.kbcard.com/home_re/mo/img/card/img-card-09310.png') center center no-repeat !important; background-size:cover !important;}
.my-custom-card .crd-09122 .prd-cards-swiper__img,
.my-custom-card .crd-09157 .prd-cards-swiper__img,
.my-custom-card .crd-09250 .prd-cards-swiper__img,
.my-custom-card .crd-09125 .prd-cards-swiper__img,
.my-custom-card .crd-09123 .prd-cards-swiper__img,
.my-custom-card .crd-09065 .prd-cards-swiper__img,
.my-custom-card .crd-09288 .prd-cards-swiper__img,
.my-custom-card .crd-09124 .prd-cards-swiper__img,
.my-custom-card .crd-02090 .prd-cards-swiper__img,
.my-custom-card .crd-04451 .prd-cards-swiper__img,
.my-custom-card .crd-04285 .prd-cards-swiper__img,
.my-custom-card .crd-09169 .prd-cards-swiper__img,
.my-custom-card .crd-09174 .prd-cards-swiper__img,
.my-custom-card .crd-04415 .prd-cards-swiper__img,
.my-custom-card .crd-09063 .prd-cards-swiper__img,
.my-custom-card .crd-09310 .prd-cards-swiper__img {width:100%;}
.my-custom-card .crd-09122 .prd-cards-swiper__img img,
.my-custom-card .crd-09157 .prd-cards-swiper__img img,
.my-custom-card .crd-09250 .prd-cards-swiper__img img,
.my-custom-card .crd-09125 .prd-cards-swiper__img img,
.my-custom-card .crd-09123 .prd-cards-swiper__img img,
.my-custom-card .crd-09065 .prd-cards-swiper__img img,
.my-custom-card .crd-09288 .prd-cards-swiper__img img,
.my-custom-card .crd-09124 .prd-cards-swiper__img img,
.my-custom-card .crd-02090 .prd-cards-swiper__img img,
.my-custom-card .crd-04451 .prd-cards-swiper__img img,
.my-custom-card .crd-04285 .prd-cards-swiper__img img,
.my-custom-card .crd-09169 .prd-cards-swiper__img img,
.my-custom-card .crd-09174 .prd-cards-swiper__img img,
.my-custom-card .crd-04415 .prd-cards-swiper__img img,
.my-custom-card .crd-09063 .prd-cards-swiper__img img,
.my-custom-card .crd-09310 .prd-cards-swiper__img img{display:none;}
.my-custom-card .prd-cards-swiper{border-top:0;}
.my-custom-card .prd-cards-swiper a{display:block; height:37.4rem;}/* AI 맞춤카드 반영 후 height 삭제 필요 */
.my-custom-card .prd-cards-swiper .prd-cards-swiper__tit{position:absolute; top:4.6rem; padding:0 1.6rem; font-size:1.4rem; line-height:2rem; z-index:2;}
.my-custom-card .prd-cards-swiper .prd-cards-swiper__name{overflow:hidden; width: 100%; padding:0 1.6rem; font-size:2rem; font-weight:600; line-height:2.8rem; text-overflow:ellipsis; white-space:nowrap; z-index:2;}
.my-custom-card .prd-cards-swiper .prd-cards-swiper__desc{overflow:hidden; width: 100%; margin-top:0; padding:0 1.6rem 2.4rem; font-size:1.6rem; line-height:2.4rem; text-overflow:ellipsis; white-space:nowrap;}
.my-custom-card--white{color:var(--gray000);}
.my-custom-card--white .tit-dep2{color:var(--gray000);}
.my-custom-card--white .tit-dep2 .btn--arr:after {background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-w.svg') no-repeat 0 0 !important;}
.my-custom-card--white .swiper-pagination-bullet {background:#c6cbd0;}
.my-custom-card--white .swiper-pagination-bullet-active{background-color:var(--gray000) !important;}

/* KB Pay > 혜택 - 신용카드 Best */
.main-best-card{padding:2.4rem 1.6rem 0;}
.main-best-card ul + .tit-dep2{padding-top: 2rem; margin-top: 2rem; border-top:1px solid var(--gray010);}
.main-best-card li + li{margin-top: 2rem;}
.main-best-card li a{display:flex; justify-content:flex-start; align-items:flex-start; flex:0 0 auto;}
.main-best-card .btn-more{margin-top:2.4rem; line-height:2rem;}
.main-best-card .img-card{display:flex; align-items:center; justify-content:center; width:4.8rem; height:4.8rem; margin-right:2rem; transform:rotate(90deg);}
.main-best-card .img-card img{max-width:100%; max-height:100%;}
.main-best-card__cnt{flex:1;width: 19rem;}
.main-best-card__name{font-weight:600;}
.main-best-card__desc{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.4rem;}

/* KB Pay > 혜택 - 카드 소개 배너 */
.crd-last-ban {margin-top: .8rem; padding: 1.4rem 0 0;}
.last-ban-left{margin-top:2.4rem;}
.crd-last-ban a, .last-ban-left a{display:flex; align-items:center; justify-content:space-between; padding:0 1.2rem;}
.crd-last-ban__cnt, .last-ban-left__cnt{flex:1; line-height:1.625rem;}
.crd-last-ban__name, .last-ban-left__name{font-size:1.4rem; font-weight:600; line-height:2rem;}
.crd-last-ban__desc, .last-ban-left__desc{margin-top:.4rem; font-size:1.4rem; line-height:2rem;}
.crd-last-ban__img {width:8rem; height:5rem;}
.crd-last-ban__img, .last-ban-left__img{display:flex; align-items:center; justify-content:center;}
.crd-last-ban__img img, .last-ban-left__img img{width:100%;}

.last-ban-left__cnt {margin-left:1.2rem;}
.last-ban-left__img {width:8.6rem; height:5.8rem;}

.event-slide {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.6rem;
  -webkit-transform: translate3d(0, 0, 0);
}

.event-slide .swiper-container,
.event-slide .swiper-wrapper {
  height: 100%;
}

.event-slide .swiper-control {
  position: absolute;
  left: 0;
  bottom: 1.6rem;
  z-index: 5;
  width: 100%;
  text-align: center;
}

.event-slide__wrap {
  display: block;
  height: 100%;
  padding: 12.9rem 2.4rem 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.event-slide__cont {
  position: relative;
  z-index: 10;
  text-align: left;
}

.event-slide__visual img {
  width: auto;
  max-width: 100%;
}

.event-slide__vs-t, .event-slide__vs-r, .event-slide__vs-b, .event-slide__vs-l {
  position: absolute;
  opacity: 0;
  transition-property: all;
  -webkit-transition-property: all;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
}

.event-slide__vs-t {
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.event-slide__vs-r {
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

.event-slide__vs-b {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}

.event-slide__vs-l {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-t,
.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-r,
.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-b,
.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-l {
  opacity: 1;
  transition-property: all;
  -webkit-transition-property: all;
}

.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-t {
  transition-delay: .5s;
  -webkit-transition-delay: .5s;
  transition-duration: 1s;
  -webkit-transition-duration: .8s;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-r {
  transition-delay: .3s;
  -webkit-transition-delay: .3s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-b {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.event-slide .swiper-slide-active .event-slide__visual .event-slide__vs-l {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

.chart-stick {
  position: relative;
  width: 100%;
  height: 8rem;
  margin-top: 1rem;
  margin-bottom: 1.4rem;
}/* 220427_혜택 */

.chart-stick__rail {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: .8rem;
  border-radius: .8rem;
  background-color: var(--gray010);
}

.chart-stick__rail span {
  position: absolute;
  top: 50%;
  height: .8rem;
  background-color: var(--yellow040);
  transform: translateY(-50%);
}

.chart-stick__rail span.start {
  left: 0;
  width: 12%;
  border-top-left-radius: .8rem;
  border-bottom-left-radius: .8rem;
}

.chart-stick__rail span.finish {
  left: 88%;
  width: 0;
  border-top-right-radius: .8rem;
  border-bottom-right-radius: .8rem;
}

.chart-stick__bar {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  width: 0;
  height: .8rem;
  border-top-right-radius: .8rem;
  border-bottom-right-radius: .8rem;
  background-color: var(--yellow040);
  transform: translateY(-50%);
}

.chart-stick__circle {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  margin-left: -1.2rem;
  border-radius: 50%;
  background-color: rgba(255, 202, 0, .2);
}

.chart-stick__circle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4rem;
  height: 1.4rem;
  box-sizing: border-box;
  border-radius: 50%;
  border: .3rem solid var(--yellow040);
  background-color: var(--gray000);
}

.chart-stick__prev {
  position: absolute;
  top: -3.6rem;
  left: 0;
  transform: translateX(-50%);
  padding-bottom: 1.4rem;
  color: var(--gray060);
  font-size: 1.4rem;
  white-space: nowrap;
}

.chart-stick__prev:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: .8rem;
  height: 1.2rem;
  box-sizing: border-box;
  border-width: .6rem;
  border-style: solid;
  border-color: var(--gray060) transparent transparent;
}

.chart-stick .stick-list {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 76%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.chart-stick .stick-list:after {
  content: '';
  display: block;
  clear: both;
}

.chart-stick .stick-list__item {
  float: left;
  position: relative;
  height: 6.8rem;
}

.chart-stick .stick-list__item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: .2rem;
  height: .8rem;
  background-color: var(--gray000);
}

.chart-stick .stick-list__item .unit {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  color: var(--gray090);
  font-size: 1.4rem;
  white-space: nowrap;
}

.chart-stick .stick-list__item .unit .txt {
  display: none;
}

.chart-stick .stick-list__item.on:before {
  display: none;
}


/* 모션영역 */
.chart-stick__prev {
  top: -2rem;
  opacity: 0;
} 

.chart-stick.move .chart-stick__prev {
  top: -4.5rem;
  opacity: 1;
  transition: all .4s;
}

.chart-stick.move .stick-list__item.on .unit:not(.zero) {
  bottom: -1.1rem;
  height: 2.6rem;
  padding: 0 .4rem;
  border-radius: .4rem;
  background-color: var(--yellow040);
  line-height: 2.6rem;
  transition: all .4s;
}

.chart-stick.move .stick-list__item.on .unit:not(.zero):before {
  content: '';
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border-width: .5rem;
  border-style: solid;
  border-color: transparent transparent var(--yellow040);
  transition: all .4s;
}

.chart-stick.move .stick-list__item.on .unit:not(.zero) .txt {
  display: inline-block;
  line-height: 2.6rem;
  transition: all .4s;
}

/* 웹메인 */
.web #header.header--webmain {
  padding: 1.5rem 8.4rem;
}

.scroll-down .web #header {
  top: 0;
}

.web #header .header__btn--home {
  left: auto;
  /* 2022.01.13 APP 홈버튼 추가로 인한 */
  right: 1.1rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-home.svg);
}

.web #footer {
  padding: 0;
  border-top: 0;
}

.web .event-slide {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  height: 33.5rem;
  box-shadow: 0 .1rem .3rem 0 rgba(0, 0, 0, .16);
}

.web .event-slide__wrap {
  padding: 2.4rem;
}

.web .event-slide img {
  bottom: -1.6rem;
  width: 22rem;
  height: auto;
}

.web.allmenu .is-bg:before {
  background-image: linear-gradient(to bottom, white 0%, #f7f7fa 25.6rem, #f7f7fa 25.7rem, #f7f7fa 100%);
}

.web.allmenu .access-info {
  margin: 0 0 2.4rem;
}

.web-news > li > a {
  display: flex;
  justify-content: space-between;
}

.web-news > li + li > a {
  padding-top: 2.4rem;
}

.web-news__tit {
  overflow: hidden;
  width: 74%;
  padding-right: 3.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.web-news__date {
  vertical-align: top;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}

.web-sv-go {
  overflow: hidden;
}

.web-sv-go__item {
  position: relative;
  float: left;
  width: 50%;
}

.web-sv-go__item > a {
  display: block;
  padding-top: 6.4rem;
  background-repeat: no-repeat;
  background-size: 4.8rem;
  background-position: center 0;
  text-align: center;
}

.web-sv-go__item:first-child:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #dde1e4;
}

.web-sv-go__item--star > a {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-starshop.svg);
}

.web-sv-go__item--golden > a {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-ttbb_2.svg);
}

.web-sv-go__item--kbpay > a {
  padding-top: 5.6rem; background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-kbpay-ad.svg);
}

.web-sv-go--col3 {
  display: flex;
  margin: .4rem -1.6rem -.8rem;
}

.web-sv-go--col3 .web-sv-go__item {
  float: none;
  display: flex;
  justify-content: center;
}

.web-sv-go--col3 .web-sv-go__item:before {
  display: none;
}

.web-sv-go--col3 .web-sv-go__item + .web-sv-go__item:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 8.8rem;
  background-color: #dde1e4;
}

.web-pop-alarm {
  position: fixed;
  z-index: 90;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 3.2rem 1.6rem;
  border-radius: 1.6rem 1.6rem 0 0;
  background-color: var(--gray000);
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, .24);
}

.web-pop-alarm > a {
  display: flex;
}

.web-pop-alarm__img {
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 1.6rem;
}

.web-pop-alarm__img > img {
  width: 100%;
}

.web-pop-alarm__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-btm-close.svg) no-repeat center;
  background-size: 2.4rem;
}

.app-move {
  padding-top: 2.4rem;
  text-align: center;
}

.app-move > img {
  width: 13.6rem;
  height: 13.6rem;
  margin: 0 auto;
}

.app-move p {
  margin-top: 2.4rem;
  font-weight: 300 !important;
}

.app-move-copy {
  display: block;
  padding-bottom: 3.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #8c949e;
  text-align: center;
}

.pgr-goal .pgrbar__bg {
  overflow: inherit;
}

.pgr-goal .pgrbar__label {
  top: 1.9rem;
  height: 2.7rem;
  padding: 0 .5rem;
  text-align: center;
  line-height: 2.9rem;
  border-radius: 5px;
  background-color: var(--yellow040);
}

.pgr-goal .pgrbar__label:before {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--yellow040);
  transform: translate(-50%, 0);
}
/* 230531 My KB 화면 개선 */
.pgr-goal--top .pgrbar__bg {
    margin-top: 6rem;
}
.pgr-goal--top .pgrbar__label {
    top: -4rem;
}
.pgr-goal--top .pgrbar__label:before{
    top: initial;
    bottom: -5px;
    border-bottom: 0;
    border-top: 6px solid var(--yellow040);
}

/* 220329 상품 금융 꺽쇠 수정 */
.prd-loan-list.prd-fnc-list .accordions__tit:before {
  top: auto;
  bottom: 0;
  transform: inherit;
}

/* 220331 메인 할인이자율 */
.mid-line {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 100;
  color: var(--gray090);
  text-decoration: line-through;
}

.mid-line span {
  font-size: 1.4rem;
}

.mid-line + .prd-fnc-box__num {
  display: inline-block;
}

/* 220331 전체메뉴 탭 */
.sticky-menu{
  position: relative;
}
.sticky-menu .tabs {
  padding: 0;
}
.sticky-menu .tabs::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  background-image: linear-gradient(to right, rgba(249,250,252,0), rgba(249,250,252,.8) 39%, #f9fafc);
  z-index: 999;
}
.sticky-menu .tabs__menu {  
  margin-top: 0 !important;
  padding: .8rem;
}
.sticky-menu.fixed .tabs::after{
  background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.9) 80%, var(--gray000));
}
.sticky-area .tabs::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.9) 80%, var(--gray000));
  z-index: 999;
}

/* 220701 홈앱 더보기_로그인, 로그아웃 버튼 위치 변경 */
button.btn.btn--signinout{
  padding: .5rem 1.6rem !important;
  border: none;
  border-radius: 0.4rem;
  background: #f7f7fa;
}
.web.allmenu .access-info button.btn.btn--pd2 {
    padding: .5rem 2rem !important;
}
.web.allmenu .access-info button.btn.btn--pd14 {
    padding: .5rem 1.4rem !important;
} 

/* 더보기 MOAM0202*/
.main #header{
  padding: 1.2rem 9.4rem 1.5rem 1.6rem;
}
.main #header .header__btn-more{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main #header .header__btn-more h1{
  width: auto;
}
.box__tabs .tabs .tabs__panel .no-data{
  padding-bottom: 2.2rem;
}
.box__tabs .tabs .tabs__panel .no-data img{
  display: block;
}
.box__tabs .tabs .tabs__panel .no-data p{
  display: inline-flex;
}

/* 전체메뉴 MOEM0403 */
.web.allmenu .access-info .access-info__txt strong{
  padding-right: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat right 0px;
  background-size: 2.2rem;
}
.allmenu .cont-area{
    padding-bottom: 3.1rem !important;
}

.allmenu .recent-sch .btn, 
.allmenu .totalsch-hash .btn {
    margin: 0.8rem 0.8rem 0 0;
}

.web #footer .web-foot-wrap.foot__line{ 
    position:relative;
    background-color : #f7f7fa;
}
.web #footer .web-foot-wrap.foot__line::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .7rem;
    border-top: 1px solid var(--gray010);
    background: var(--gray010);
}

.help.help--black li{
  color: var(--gray090);
}

.cmn-sns {
  margin-top: 1.6rem;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.cmn-sns li {
  display: inline-block;
  vertical-align: top;
  flex: 1;
}

.cmn-sns li > a {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 56px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 48px;
}

.cmn-sns li > a > span {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.cmn-sns li + li {
  margin-left: 0;
}

.cmn-sns__youtube {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-yt.png);
}

.cmn-sns__blog {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-blog.png);
}

.cmn-sns__instar {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-insta.png);
}

.cmn-sns__facebook {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-fb.png);
}

.sns--black li > a{
  padding-top: 48px;
}
.sns--black .cmn-sns__youtube{
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-yt_black.png);
}
.sns--black .cmn-sns__blog{
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-blog_black.png);
}
.sns--black .cmn-sns__instar{
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-insta_black.png);
}
.sns--black .cmn-sns__facebook{
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-fb_black.png);
}
.sns--black .cmn-sns__tistory{
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-tistory_black.png);
}

.pop-welcome {display:none;position:fixed; bottom:0; left:0; z-index:1000; width:100%;}
.pop-welcome .pop-container {width:100%;transform:none;border-radius:1.6rem 1.6rem 0 0;animation:slide-up .6s;}
.pop-welcome .setting-banner__con {display:block; padding:0;text-align:center;}
.pop-welcome .setting-banner__con img {width:100%; max-width:480px;display:block;}

/* 221205_추천카드 영역 디자인 변경 */
.main-popular-tab .scroll-wrap {
  position:relative;
  margin-top:0;
} 

.main-popular-tab .scroll-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.4rem;
  height: 5.0rem;
  background-image: linear-gradient(to right, rgba(249,250,252,0), rgba(249,250,252,.7) 29%, var(--gray000));
  z-index: 999;
  left: auto;
  border-bottom:0;
}

.main-popular-tab .scroll-wrap .tabs__menu > li a { 
  padding-top:.8rem; 
  line-height:inherit;
  font-size:1.4rem;
  min-width: 7.5rem;
}

.main-popular-swiper {
  overflow: hidden;
  margin: -1.6rem;
}

.main-popular-swiper .swiper-container {
overflow: visible;
position: relative;
width: auto;
height: auto;
padding: 1.4rem 0 0 1.6rem;
}

.main-popular-swiper .swiper-wrapper {
  height: auto;
}

.main-popular-swiper .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 11.6rem;
  height: auto;
  margin: 0 1.6rem 1.6rem 0;
  border-radius: .8rem;
  text-align: left;
}

.main-popular-swiper .swiper-slide > a {
  display: block;
  width: 100%;
  word-break: keep-all;
}

.main-popular-swiper .swiper-slide--pink {
  background: #fff0f8;
}

.main-popular-swiper .swiper-slide--yellow {
  background: #fff6ce;
}

.main-popular-swiper .swiper-slide--blue {
  background: #f1f6ff;
}

.main-popular-swiper .swiper-slide .img-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height:auto;
  margin: 0 auto;
  padding: 3.5rem 0;
}

.main-popular-swiper .swiper-slide .img-card > img {
  max-width: 100%;
  max-height: 100%;
}

.main-popular-swiper .swiper-slide .img-card.row > img {
  transform: rotate(90deg);
  max-width: 156%;
}

.main-popular-swiper__name {
  overflow: hidden;
  display: -webkit-box;
  height: 4.8rem;
  line-height: 2.4rem;
  margin-top: 1.6rem;
  text-overflow: ellipsis;
  font-weight: 600;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-popular-swiper__desc {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: var(--gray090);
}

/* 통합검색 화면 개선_230131 */
.totalsch-fixed .form-field--line .form-field__obj input{
  border-color: #dde1e4;
}

.totalsch-recent,
.totalsch-hash--wrap,
.totalsch-popular {
  position: relative;
  margin: 3.2rem 0;
}

.totalsch-recent .tit-dep3, 
.totalsch-popular .tit-dep3, 
.totalsch-hash--wrap .tit-dep3 {
  margin: 0;
  color: var(--gray090);
  line-height: 2.6rem;
}

.totalsch-result .sticky-area,
.totalsch-recent .sticky-area{
  position: relative;
  z-index: 1;
}

.totalsch-recent .sticky-area .tabs,
.totalsch-result .totalsch-recent .sticky-area .tabs{
  margin: 0 -1.6rem;
  padding: 0.8rem 0 0.4rem 1.6rem;
  position: static;
}

.totalsch-recent .tabs::after {
  content: "";
  position: absolute;
  top: 3rem;
  right: -1.6rem;
  width: 2.4rem;
  height: 3.3rem;
  background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.8) 39%, var(--gray000));
  z-index: 999;
}

.allmenu .totalsch-recent .tabs::after{
  top: 0.3rem;
  background-image: linear-gradient(to right, rgba(249,250,252,0), rgba(249,250,252,.8) 39%, #f9fafc);
}

.totalsch-recent .scroll-wrap .recent-sch {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  white-space: nowrap;
  position: relative;
  padding-right: 1.6rem;
}

.totalsch-recent .scroll-wrap .recent-sch::after {
  content: '.';
  display: inline-block;
  width: 0.4rem;
  height: auto;
  margin-left: 1.2rem;
  color: transparent;
}

.totalsch-recent .recent-sch .badge--ico{
  display: inline-block;
  position: relative;
  height: 2.6rem;
  margin-top: 0;
  margin-left: 0.8rem;
  padding: 0.3rem 3.4rem 0.3rem 1.4rem;
  border-color: #dde1e4;
  font-size: 1.3rem;
}

.totalsch-recent .recent-sch .badge--ico:first-child{
  margin-left: 1.6rem;
}

.totalsch-recent .recent-sch .btn-del {
  position: absolute;
  top: 0.4rem;
  right: 1rem;
  margin: 0;
  padding: 0;
  border: none;
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/14/ico-2-close.svg);
  background-size: 1.2rem;
  background-position: center;
}

.totalsch-recent .btn-all{
  position: absolute;
  top: 0.3rem;
  right: 0;
  border-bottom: 1px solid var(--gray060);
  font-size: 1.4rem;
  color: var(--gray060);
  line-height: 2rem;
}

.totalsch-popular {
  padding: 0 !important;
  text-align: left;
}

.totalsch-popular--list {
  margin-top: 0.8rem;
}

.totalsch-popular--list li{
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--gray090);
  line-height: 2.4rem;
}

.totalsch-popular--list li .num{
  padding: 0 0.8rem 0 0.3rem;
  font-weight: bold;
}

.typing-list{
  margin-top: 1.6rem;
}

.typing-list li {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: var(--gray060);
  line-height: 2.0rem;
}

.totalsch-resch .check-box label{
  font-weight: 500;
}

.totalsch-result .sticky-area .tabs{
  position: relative;
  margin-right: -1.6rem;
  padding: 1.6rem 0;
}

.totalsch-result .totalsch-resch + .sticky-menu .tabs::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  right: 0;
  width: 2.4rem;
  height: 3.8rem;
  background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.7) 39%, var(--gray000));
  z-index: 999;
}

.totalsch-result .scroll-wrap .tabs__menu > li:first-child {
  padding-left: 0;
}

.totalsch-result .scroll-wrap .tabs__menu > li a {
  background-color: var(--gray010);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.totalsch-result .scroll-wrap .tabs__menu > li a.active,
.totalsch-result .scroll-wrap .tabs__menu > li.on a {
  background-color: var(--gray090);
  color: var(--gray000);
}

.totalsch-result + .totalsch-hash--wrap{
  margin-top: 1.6rem;
}

.totalsch-hash.totalsch-rcmnd {
  margin: 0.8rem 0 0;
  padding: 2.4rem 2.4rem !important;
  word-break: break-word;
}

.totalsch-hash.totalsch-rcmnd .btn,
.totalsch-hash.totalsch-rcmnd a {
  display: inline-block;
  height: 2.2rem;
  margin: 0 0.6rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.4rem;
  line-height: 2.2rem;
  word-break: keep-all;
}

/* 스크롤바 투명 */
  ul.tabs__menu,
  .recent-sch{
    scrollbar-width: none;
  }
  ul.tabs__menu::-webkit-scrollbar,
  .recent-sch::-webkit-scrollbar{
    display: none;
  }

  ul.tabs__menu::-webkit-scrollbar-thumb,
  ul.tabs__menu::-webkit-scrollbar-track,
  .recent-sch::-webkit-scrollbar-thumb,
  .recent-sch::-webkit-scrollbar-track{
    background-color: transparent;
  }

/* 소비리포트 영역 개선 */
.mykb-report-swiper .list-ranking {margin-top: 1.7rem; padding:0 1.6rem; text-align:left;}
.mykb-report-swiper .list-ranking li {margin-top:1.2rem;}
.mykb-report-swiper .list-ranking li span {display:inline-block; width:3.8rem; margin-right:1.6rem; text-align:center;}
.mykb-report-swiper .list-ranking li:first-child {font-weight: 600}
.mykb-report-swiper .list-ranking li:first-child span {color:var(--gray000); border-radius:1.1rem;}
.mykb-report-swiper .list-ranking.list-ranking--top5 li:first-child span {background:#f76900;}
.mykb-report-swiper .list-ranking.list-ranking--shop li:first-child span {background:var(--violet050);}
.mykb-report-swiper .img-card {width:17.2rem; margin:0 auto;margin-top:2.4rem;}
.mykb-report-swiper .img-card img {width:100%}
.mykb-report-swiper .img-card + .card-name {overflow: hidden;display: -webkit-box;height: 4.8rem;line-height: 2.4rem;margin-top: .4rem;text-overflow: ellipsis;font-weight: 600;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mykb-report-swiper .img-card.row {width:12rem; height:12rem; margin-top:1.6rem;}
.mykb-report-swiper .img-card.row img {transform: rotate(90deg); margin-top:2.2rem;}
.mykb-report-swiper .img-card.row + .card-name {margin-top:.8rem;}
.mykb-report-swiper .no-data {padding-top: 3.2rem;}
.mykb .tooltip-wrap p {text-align:left}

/* VIP혜택내 스타클럽 영역 */
.tabs__panel .vip-box {display: table; width: calc(100% + 1.6rem); margin:0 -.8rem; margin-top: 2.1rem; padding: 1.6rem; background: rgba(255, 255, 255, .08); border: .5px solid rgba(255, 255, 255, .08); border-radius: .8rem; color: rgba(255, 255, 255, .87);}
.tabs__panel .vip-box > li {display: table-cell; position: relative; width: 50%; text-align: center;}
.tabs__panel .vip-box > li:first-child:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 4rem; transform: translateY(-50%); background-color: rgba(255, 255, 255, .16);}
.tabs__panel .vip-box__tit {margin-bottom: .8rem; font-size: 1.4rem; line-height: 2.2rem;}
.tabs__panel .vip-box__num {font-size: 1.6rem; line-height: 2.2rem; font-weight: 600 !important;}
.box.starclub {background:transparent; text-align:center;}
.box.starclub img {width:18.4rem;}
.box.starclub .btn {border:1px solid var(--gray000); background:transparent;}
.box.starclub .btn.type2 {font-size:1.2rem; line-height:1.5rem;}
.my-starclub-slide .ranking-list__cont {padding-left:7.2rem; background-position:0 0 !important; background-size:4.8rem !important;}
.my-starclub-slide .ranking-list__cont.ico-family {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-f.png") no-repeat;}
.my-starclub-slide .ranking-list__cont.ico-best {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-b.png") no-repeat;}
.my-starclub-slide .ranking-list__cont.ico-grand {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-g.png") no-repeat;}
.my-starclub-slide .ranking-list__cont.ico-vip {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-v.png") no-repeat;}
.my-starclub-slide .ranking-list__cont.ico-vvip {background:url("https://img1.kbcard.com/home_re/mo/ico/visual/ico-starclub-vv.png") no-repeat;}
.my-starclub-slide .non-mem {height:100%; padding:4rem 0; text-align:center; font-size:1.3rem;}

/*23.12.22:[카드] 점자카드 발급 안내 문안 추가*/
.braille-card {margin-top: 2.4rem; background: #f7f7fa; border-radius: 0.4rem; padding: 1.6rem;}
.braille-card__tit {font-size:1.4rem; margin-bottom:1.4rem;} 

/* 금융카드탭 개선 */
@media screen and (max-width: 295px) {
  .prd-fnc-box__num {
    font-size: 1.2rem;
  }
  .prd-fnc-box__num > span {
    font-size: 1.5rem;
    }
}

/* 금융 */
.prd-fnc-box__comment{margin: 2.4rem 0 -.8rem; padding-top:1.6rem; font-size:1.2rem; line-height: 1.67; border-top:1px solid #ebebeb;}

/* 개인사업자 */
.prd-fnc-list--biz .prd-fnc-box__num{font-size:1.4rem; line-height:2.2rem;}
.prd-fnc-list--biz .prd-fnc-box__num span{display:inline-block;}
.ico-banner-list li + li{margin-top:2.4rem;}
.ico-banner-list .ico-banner__desc{overflow:hidden; margin-top: .4rem; white-space:nowrap; text-overflow:ellipsis; font-size:1.4rem; line-height: 1.43;}
.ico-banner-list .ico-banner__item{padding-left: 4.8rem;}
.ico-banner-list .ico-banner__item:before{background-size: 3.2rem; background-position: center center; width: 3.2rem; height: 3.2rem; top: .8rem;}

/* 자동차 금융 */
.main-box.carloan {overflow:hidden; padding:0;}
.main-box.carloan .ico-banner-list {padding:2.4rem 1.6rem;}
.carloan-top-banner {position:relative; background:linear-gradient(to bottom, #757582, #63616f); background-size:cover; padding:2.4rem 1.6rem 2.4rem; color:var(--gray000); height:11.4rem; box-sizing:border-box;}
.carloan-top-banner:before {content:''; display:block; position:absolute; right:.8rem; top:2.9rem; background:url(https://img1.kbcard.com/home_re/mo/img/main/img_carloan_2406.png) no-repeat center center; background-size:16.4rem auto; width:16.4rem; height:10.7rem;}
.carloan-top-banner__tit {font-size:1.6rem; line-height:1.5; font-weight:bold;}
.carloan-top-banner__txt {font-size:1.4rem; line-height:1.43; margin-top:.2rem;}

/* 카드금융 영역 알다 배너 */
.alda-banner { margin-top:1.2rem; border-radius:.8rem; font-size:1.2rem; line-height:2rem; background:#ffedb0; }
.alda-banner a { display: inline-block; position:relative; width:100%; padding:.8rem 0 .8rem 4.4rem; }
.alda-banner a:after, .alda-banner a:before { content:''; position:absolute; width:1.6rem; height:1.6rem; top:38%; }
.alda-banner a:after { right:1.2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat center; background-size:cover; }
.alda-banner a:before { left:1.6rem; background: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-alda.png) no-repeat center; background-size:cover; }

/* 생성형 AI 모두의 카드생활 메이트 */
.btn--bnr-ai {display:flex; width:100%; margin-bottom:1.6rem; padding:.4rem 1.6rem; border:0; border-radius:1.2rem; background:#deeeff; box-shadow:0 1px .4rem 0 rgba(0, 0, 0, .16);}
.btn--bnr-ai:before {content:''; width:5.2rem; height:4rem; margin-right:.2rem; background:url(https://img1.kbcard.com/home_re/mo/img/banner/img-chat-ai.png) no-repeat 0 0; background-size:100%;}
.btn--bnr-ai .txt {display:flex;}
.btn--bnr-ai .txt em {margin-left:.4rem; font-size:1.1rem; line-height:1.82; transform:translateY(-1px);}

/* 모바일 웹 메인화면 플로팅 배너 */
.main-head-bnr {margin: 0; padding: 0; position: relative;}
.main-head-bnr__cont {width: 100%; height: 11.8rem; padding: 1.6rem 1.6rem 0 1.6rem; position: relative; z-index: 2;}
.main-head-bnr__tit {font-size: 1.8rem; line-height: 1.33; font-weight: bold; color: var(--gray090);}
.main-head-bnr__tit + .main-head-bnr__tit {margin-top: .2rem;}
.main-head-bnr__img {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 13.2rem; height: 11.8rem;}
.main-head-bnr__img img {width: 100%; height: auto;}
.main-head-bnr__scroll-cont {display: none;}
.main-head-bnr__scroll-cont .main-head-bnr__tit {font-size: 1.4rem; line-height: 2rem; color: var(--gray000); text-align: center;}
.main-head-bnr .btn--arr.txt-s {background:transparent;}
.main-head-bnr .btn--arr.txt-s:after {margin-left: .2rem; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0; background-size: 100% auto;}
.sticky-area.fixed .main-head-bnr {position: fixed; top: 5.6rem; right: 0; left: 0; padding: 0; z-index: 80; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, 0.16);}
.sticky-area.fixed .main-head-bnr .main-head-bnr__cont, .sticky-area.fixed .main-head-bnr .main-head-bnr__img {display: none;}
.sticky-area.fixed .main-head-bnr__scroll-cont {display: block; padding: 1rem 2.4rem; overflow: hidden;}
.sticky-area.fixed .main-head-bnr__scroll-cont .main-head-bnr__tit {animation: main-bnr-slidein 1s normal ease-out;}
@keyframes main-bnr-slidein {
	from {opacity: 0; transform: translateY(100%);}
	to {opacity: 1; transform: translateY(0%);}
}

/* 금융혜택 신청화면 신규 제작 */
.fnc-bnf-bnr {position:relative; border-radius:1.2rem; margin-top:2.4rem; background:#def1ff;}
.fnc-bnf-bnr a {position:relative; display:block; padding:1.8rem 1.6rem 1.8rem 5.6rem; font-size:1.4rem; font-weight:600;}
.fnc-bnf-bnr a:before {content:''; position:absolute; width:2.4rem; height:2.4rem; left:1.6rem; background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-down-percent.svg) no-repeat center; background-size:2.4rem;}
.fnc-bnf-bnr a:after {content:''; display:block; position:absolute; top:50%; right: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; transform:translateY(-50%);}

/* AI 맞춤 카드 */
.ai-custom .img-card {position:relative; display:flex; top:11.7rem; width:100%; height:18.2rem; background:transparent !important; justify-content:space-around;}
.ai-custom .img-card p {position:relative;}
.ai-custom .img-card img {position:relative; top:5rem; width:12.2rem; height:7.7rem; border-radius:1rem;}
.ai-custom .my-custom-card__link {text-align:center;}
.ai-custom-box {position:absolute; top:5.8rem; left:0; width:92%; margin:0 4%; padding:.8rem; background:rgba(255, 255, 255, 0.4); border:solid 1px rgba(255, 255, 255, 0.08); border-radius:.8rem; box-shadow:0 .2rem .8rem 0 rgba(0, 0, 0, 0.16); z-index:3;}
.ai-custom-box p {position:relative; text-align:center; font-size:1.4rem; line-height:1.43;}
.ai-custom-box .tooltip {position:absolute !important; top:.4rem; right:.4rem; width:2.4rem; height:2.4rem !important; background:url('https://img1.kbcard.com/home_re/mo/ico/16/ico-1-guide-g.svg') no-repeat center !important; background-size:1.6rem !important; z-index:4;}

.tooltip-ai {top:9.5rem; width:calc(100vw - 4rem);}
.tooltip-ai li {margin-top:0; font-size:1.2rem;}
.tooltip-ai .tooltip__arr {top:-0.6rem; right:2rem;}
.tooltip-ai .tooltip-close {position:absolute; top:.3rem; right:.6rem; color:transparent}

.ai-my-card img {transform:rotate(90deg); box-shadow:0.3rem -0.3rem 0.6rem 0 rgba(0, 0, 0, 0.12);}
.ai-my-card:after {content:"내카드"; position:absolute; top:7.5rem; right:2.8rem; padding:.9rem 1.55rem .7rem 1.65rem; border:solid 1px rgba(255, 255, 255, 0.7); border-radius:1.8rem; background-color:rgba(0, 0, 0, 0.3); color:var(--gray000); font-size:1.2rem; line-height:1.33; white-space:nowrap;}
.ai-recm-card img {transform:rotate(90deg) scale(1.234); box-shadow:0.3rem -0.3rem 0.8rem 0 rgba(0, 0, 0, 0.12);}
.ai-recm-card:after {content:"AI 추천"; position:absolute; top:7.5rem; right:2.6rem; padding:.9rem 1.55rem .7rem 1.65rem; border:solid 1px rgba(255, 255, 255, 0.8); border-radius:1.8rem; background-image:linear-gradient(112deg, #fa92ac 2%, #cd2ffb 37%, #2773ff 70%, #071dff 102%); color:var(--gray000); font-size:1.2rem; line-height:1.33; opacity:.75; white-space:nowrap;}

.ai-custom--check .img-card:before {content:""; display:block; position:absolute; top:7rem; left:-1%; background:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-ai-arrow.svg') no-repeat center; width:50%; height:4.2rem; animation:ai_arrow 2.5s cubic-bezier(0.5, 0, 0.25, 1) infinite;}
.ai-custom--plus .img-card:before {content:""; display:block; position:absolute; top:7rem; left:-1%; background:url('https://img1.kbcard.com/home_re/mo/ico/visual/ico-ai-plus.svg') no-repeat center; width:100%; height:4.2rem; animation:ai_plus 2.5s cubic-bezier(0.5, 0, 0.25, 1) infinite;}
@keyframes ai_arrow {
    0% {
        opacity:0;
        transform:translateX(20%) scale(1);
        transition-duration:0.05s;
    }
    10% {
        opacity:0.05;
    }
    20% {
        opacity:1;
    }
    45% {
        transform:translateX(50%);
        transition-duration:0.1s;
    }
    50% {
        animation-play-state:paused;
        transform:translateX(50%) scale(.8);
    }
    55% {
        transform:translateX(50%) scale(1);
        transition-duration:0.1s;
    }
    100% {
        opacity:1;
        visibility:hidden;
        transform:translateX(100%) scale(1);
    }
}
@keyframes ai_plus {
    0% {
        transform: rotateZ(0deg) scale(1);
    }
    25% {
        transform: rotateZ(180deg) scale(.8);
    }
    35% {
        transform: rotateZ(180deg) scale(1);
    }
    45% {
        transform: rotateZ(180deg) scale(.8);
    }
    50% {
        animation-play-state: paused;
        transform: rotateZ(180deg) scale(1);
    }
    100% {
        transform: rotateZ(180deg) scale(1);
    }
}
@media screen and (max-width: 280px) {
    .ai-custom-box {width:98%; margin:0 1%}
    .ai-custom-box p {font-size:1.1rem !important; letter-spacing:-0.1rem;}
    .tooltip-ai .tooltip__arr {right:1rem}
}
@media (min-width: 344px) and (max-width:345px) {
    .ai-custom-box p {letter-spacing:-0.1rem;}
}


/* KB Pay 3.0 */
/* 공통 */
.main-finance .article a:active,
.dual-home--cont a:active,
.simple-main a:active {-webkit-tap-highlight-color:transparent;}

/******** 금융(탭) ********/
/* skeleton UI */
.skeleton-wrap {overflow:hidden;}
.skeleton-wrap.flex {flex-direction:column;}
.skeleton {min-height:2.8rem; border-radius:.8rem; background:linear-gradient(120deg, var(--gray010) 45%, var(--gray005) 50%, var(--gray010) 55%); background-repeat:no-repeat; background-size:300% auto; animation: skeletonMotion 3s infinite linear forwards;}
.skeleton.block .item {height:16.8rem; border-radius:1.6rem;}
.skeleton.block + .skeleton.block {margin-top:.8rem;}
.skeleton.list {height:7.8rem; border-radius:1.6rem;}
.skeleton.list + .skeleton.list {margin-top:.8rem;}
.article-div__banner .skeleton {height:9.0rem;}

@keyframes skeletonMotion{
  0% {background-position-x:100%;}
  100% {background-position-x:0%;}
}

/* 메인 reset body tag's class related on scroll event */
.scroll-down .main-finance #header, 
.scroll-up .main-finance #header {top:0;}
/* 메인 common : header */
#Wrap.main-finance {min-height:calc(100vh - 5.6rem); padding:0;}
.main #header {padding:1.6rem 1.6rem .9rem 1.6rem;}
.main #header h1 {line-height:1.33; letter-spacing:-.03rem;}
.main #header .header-side {position:absolute; top:2.0rem; right:1.6rem;}
.main #header .header-side .header__btn {width:2.4rem; height:2.4rem; position:relative; top:unset; right:unset;}
.header-side .header__btn::after {content:''; display:block; position:absolute; top:-.6rem; left:-.6rem; right:-.6rem; bottom:-.6rem;}
.main #header .header__btn--servicecenter {background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-chatbot.svg) no-repeat;}
.main #header .header__btn--notice {background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-alarm.svg) no-repeat;}
.header__btn--notice.update::before {content:''; display:block; position:absolute; top:0; right:0; width:.6rem; height:.6rem; border-radius:50%; background:var(--yellow080);}
.main #header .header__btn--search {background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-search.svg) no-repeat;}
.main #header .header__btn--totalmn {background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-menu.svg) no-repeat;}
.header-side .header__btn + .header__btn {margin-left:1.2rem;}
/* 금융(탭) common */
.main-finance .cont-area {padding:1.6rem 0 5.6rem;}
.main-finance .article {margin-right:1.6rem; margin-left:1.6rem;}
.main-finance .article-grad {margin-right:0; margin-left:0;background-image:linear-gradient(to bottom, var(--gray000), #f7f7fa 57%, var(--gray000));}
.main-finance .article-grad .btn {font-weight:600;}
.main-finance .article + .article {padding:0 1.6rem; margin:3.2rem 0 0;}
.main-finance .article[style^="display:none"] + .article {margin-top:0;}
.main-finance .article + .article::before {display:none;}
.main-finance .article-div__banner {margin-bottom:1.2rem;}
.main-finance .article-div__banner:last-of-type {margin-bottom:0;}
.main-finance .article-div__banner + .article-div__links {margin-top:2.4rem;}
.main-finance .article > .tit-dep1 {padding-left:.4rem; margin-bottom:1.6rem;}/* 2025-12-19 금융탭 디자인 개선 */
/* 금융(탭) : 개인화 배너(상단) / (중간) */
.article-div__banner {position:relative;}
.article-div__banner > a[class^="btn-pbn"], 
a[class^="btn-pbn"] {display:flex; width:100%; height:9rem; padding:0 2rem; flex-direction:row; align-items:center; border-radius:.8rem;}
a[class^="btn-pbn"].bg-fff6df {background-color:#fff6df;}/*1 default*/
a[class^="btn-pbn"].bg-f8eadc {background-color:#f8eadc;}/*2*/
a[class^="btn-pbn"].bg-eef2d9 {background-color:#eef2d9;}/*3*/
a[class^="btn-pbn"].bg-dcf4e2 {background-color:#dcf4e2;}/*4*/
a[class^="btn-pbn"].bg-d7f9f1 {background-color:#d7f9f1;}/*5*/
a[class^="btn-pbn"].bg-e9eaff {background-color:#e9eaff;}/*6*/
a[class^="btn-pbn"].bg-e9f1ff {background-color:#e9f1ff;}/*7*/
a[class^="btn-pbn"].bg-efe9ff {background-color:#efe9ff;}/*8*/
a[class^="btn-pbn"].bg-fae9f1 {background-color:#fae9f1;}/*9*/
a[class^="btn-pbn"].bg-ffefef {background-color:#ffefef;}/*10*/
a[class^="btn-pbn"] .text > span {display:block;}
a[class^="btn-pbn"] .text .fw-400 {font-weight:400;}
a[class^="btn-pbn"] .text .fw-600 {font-weight:600;}
a[class^="btn-pbn"] .text .fs-14 {font-size:1.4rem;}
a[class^="btn-pbn"] .text .fs-18 {font-size:1.8rem;}
a[class^="btn-pbn"] .figure {width:4.8rem; height:4.8rem; margin-right:1.2rem;}
a[class^="btn-pbn"] .figure img {width:100%;}
a[class^="btn-pbn"] .text {font-size:1.6rem; font-weight:600; line-height:1.5; letter-spacing:-.03rem; display:-webkit-box; -webkit-box-orient:vertical; --webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 6rem); max-height:5rem;}
.article-div__banner > a.btn-pbn-img {padding:0; overflow:hidden;}
.article-div__banner > a.btn-pbn-img img {display:block; width:100%; height:9rem; border-radius:.8rem; object-fit:contain;}
/* 금융(탭) : 통합 대출 조회 & 금융 혜택 찾기 */
.article-div__links {display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:.8rem;}
.article-div__links > a {display:flex; flex-direction:row; align-items:center; justify-content:space-between; height:5.6rem; padding:1.6rem 1rem 1.6rem 1.6rem; display:flex; flex-direction:row; align-items:center; flex:1; color:var(--gray090); border-radius:1.6rem; box-shadow:0 .2rem .8rem 0 rgba(0, 0, 0, 0.1); background-color:var(--gray000);}
.article-div__links > a > span {height:2.4rem; padding-top:.5rem; font-size:1.6rem; font-weight:600; letter-spacing:-0.03rem; line-height:1;}
.article-div__links > a::after {content:""; width:2.4rem; height:2.4rem; display:inline-flex; background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center; background-size:2.4rem;}
/* 금융(탭) : 카드금융, 일반 신용대출, 자동차 금융 */
.block-box-t2 {display:flex; padding:1.6rem; flex-direction:column; align-items:flex-start; justify-content:flex-start; letter-spacing:-.03rem;}
.block-box-t2 > a, 
.block-box-t2 .block-graybox__info > a,   
.block-box-t2 .block-graybox__link > a {display:block;}
.block-box-t2 .tit-dep3 {width:100%; margin-bottom:.4rem;}
.block-box-t2 .badge {letter-spacing:-.03rem; line-height:2rem;}
.block-box-t2 .block-graybox__info {letter-spacing:0;}
.block-box-t2 .tit-dep3 .btn-txt.btn--arr {width:100%; display:flex; align-items:center; justify-content:space-between; padding-right:2.4rem; color:var(--gray090);}
.block-box-t2 .tit-dep3 .btn-txt.btn--arr::after {width:2.4rem; height:2.4rem; margin-right:-.6rem; position:absolute; top:0; right:0; background-image:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg); background-size:2.4rem;}
.block-box-t2 .block-box__desc {font-size:1.4rem; line-height:1.57; color:var(--gray070);}
.block-box-t2 .block-box__comment {margin-top:1.2rem;}
.block-box__comment .list-blt > li {padding-left:1rem; color:var(--gray060);}
.block-box__comment .list-blt--ss li {line-height: 1.54; letter-spacing:0;}
.block-graybox {width:100%; margin-top:1.6rem; padding:1.2rem 1.2rem; border-radius:.8rem; background-color:var(--gray005);}
.block-graybox .block-graybox__cnt + .block-graybox__cnt, 
.block-graybox .accordions .block-graybox__cnt {margin-top:.6rem;}
.block-graybox__cnt {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
.block-graybox__cnt dt {font-weight:400; font-size:1.4rem; line-height:1.57; color:var(--gray090);}/* 2025-12-19 금융탭 디자인 개선 */
.block-graybox__cnt dd {font-size:1.4rem; font-weight:600; line-height:1.57; color:var(--gray090);}
.block-graybox__cnt dd .prefix {margin-right:.4rem; font-size:1.2rem; line-height:1.5; font-weight:400;}
.block-graybox__info {min-height:7rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1.5rem; font-size:1.3rem; line-height:1.5; color:var(--gray060); text-align:center;}
.block-graybox__link {width:100%; margin-top:1.6rem;}
.block-graybox__link a.txt-s {display:block; padding-right:2rem; font-size:1.3rem; line-height:1.54;}
.block-graybox__link a.txt-s::after {position:absolute; top:50%; right:0; margin-top:-.8rem;}
.block-graybox__link a.txt-s strong {margin-right:.2rem; color:var(--yellow080);}
.block-graybox__link > a.privatebn {display:flex; align-items:center; height:auto;}
.block-graybox__link > a.privatebn .figure {display:inline-flex; margin-right:1.2rem;}
.block-graybox__link > a.privatebn .figure > img {width:3.2rem; height:3.2rem;}
.block-graybox__link > a.privatebn .text {font-size:1.3rem; line-height:1.54; font-weight:600;}
.block-graybox__info-cs {display:block; margin-top:1.2rem; padding-left:2.8rem; font-size:1.4rem; line-height:1.57; font-weight:600; letter-spacing:-.03rem; color:var(--gray090); background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-cs.svg) no-repeat left center; background-size:2.4rem;}
.block-graybox .accordions--note .accordions__tit {padding-right:2rem;}
.block-graybox .accordions--note .accordions__tit::before {top:.3rem; width:1.6rem; height:1.6rem; background-image:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg); background-size:1.6rem;}
.block-graybox .accordions--note .accordions__item.on .accordions__tit::before {background-image:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-up.svg);}
.block-graybox .accordions--note .accordions__item .accordions__tit .block-graybox__num em {display:none;}
.block-graybox .accordions--note .accordions__item.on .accordions__tit .block-graybox__num em {display:inline; font-size:1.4rem; font-weight:600; line-height:1.57; margin-left:.4rem;}/* 2025-12-22 margin 추가 */
.block-graybox .accordions--note .accordions__item.on .block-graybox__num > span {font-size:1.2rem; line-height:1.5; font-weight:400;}
.block-graybox .accordions--note .accordions__view {padding-top:2.2rem;}
.block-graybox .accordions--note .list-info--ss .list-info__tit {font-size:1.4rem; line-height:1.57; color:var(--gray090);}
.block-graybox .accordions--note .list-info--ss .list-info__desc .txt-s {line-height:1.57 !important;}
.range-slider--type2-wrap {padding:4rem 0 2.4rem;}
.range-slider--type2-wrap .range-slider--type2:before {height:1.6rem; top:.8rem; border-radius:1rem; transform:translateY(0);}
.range-slider--type2-wrap .range-slider--type2 {height:5rem;}
.range-slider--type2-wrap .range-slider--type2 .step-list .item {background-color:transparent;}
.range-slider--type2-wrap .range-slider--type2 .step-list .item:first-child, 
.range-slider--type2-wrap .range-slider--type2 .step-list .item:last-child {font-size:1.2rem; line-height:1; color:var(--gray090);}
.range-slider--type2-wrap .range-slider--type2 .ui-slider-handle {height:3.2rem; padding:.6rem 1rem; top:-4rem; line-height:3.2rem; font-size:1.4rem; line-height:1.43; color:var(--gray090); border-radius:.8rem; border:.1rem solid var(--gray020); background-color:var(--gray000);}
.range-slider--type2-wrap .range-slider--type2 .ui-slider-handle .number {font-size:1.4rem;}
.range-slider--type2-wrap .range-slider--type2 .ui-slider-range {top:.8rem; transform:translateY(0); height:1.6rem; border-radius:.8rem;}
.range-slider--type2-wrap .range-slider--type2 .ui-slider-range:before, 
.range-slider--type2-wrap .range-slider--type2 .ui-slider-range:after {top:-.8rem; transform:translateY(0); box-shadow:0 .1rem .2rem 0 rgba(0, 0, 0, 0.16);}
.range-slider--type2-wrap .range-slider--type2 .ui-slider-range:before {display:none;}
.range-slider--type2-wrap .range-slider--type2 .ui-slider-range:after {width:3.2rem; height:3.2rem; right:-1.6rem; border:1px solid var(--gray030); background:rgba(255, 255, 255, 1); box-sizing:border-box;}
.btn-search-newcarloan {display:block; padding-right:10.8rem; background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-car.png) no-repeat calc(100% - 1.2rem) center; background-size:8rem;}
/* 금융(탭) : 내 대출 상환/관리 */
.article-div__banner > a.btn-myloan {display:flex; width:100%; padding:.8rem 1.6rem; flex-direction:row; align-items:center; justify-content:space-between; color:var(--gray090); border-radius:.8rem; background-color:var(--gray005);}
a.btn-myloan .figure {width:4.8rem; height:4.8rem;}
a.btn-myloan .figure img {width:100%;}
a.btn-myloan .text {font-size:1.6rem; font-weight:600; line-height:1.5; letter-spacing:-.03rem;}
/* 금융(탭) : 보험/제휴대출 */
.main-finance .block-list__item {padding:0; margin-bottom:.8rem; border-radius:1.6rem; background:var(--gray000); box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, 0.1);}
.main-finance .block-list__item:last-of-type {margin-bottom:0;}/* 2025-12-19 금융탭 디자인 개선 */
.main-finance .block-list__item .block-box {display:flex; align-items:center; padding:1.6rem; gap:1.2rem; letter-spacing:-.03rem;}
.main-finance .block-list__item .block-box-t2 > a {display:block; width:100%;}
.main-finance .block-box .rank {font-weight:600;}
.main-finance .block-box__img {width:4rem; height:4rem; margin:0; animation:infiniteUpDown 1.5s linear infinite forwards;}
.main-finance .block-box__img img {width:4rem; height:4rem;}
.main-finance .block-box__txt {font-size:1.4rem; line-height:2.2rem;}
.main-finance .block-box__txt .tit {color:var(--gray070);}
.main-finance .block-box__txt {margin-top:0; flex:1;}
.main-finance .block-box__txt .desc {font-weight:600; color:var(--gray090);}
/* 금융(탭) : 금융메인팝업 */
.pop-event--bottom-up .cont-area {padding:0; border-radius:1.6rem 1.6rem 0 0; overflow:hidden;}
.pop-close__chk .check-box__hide {visibility:hidden; opacity:0;}  /* 2025-11-18 하루동안 보지 않기 기능 숨김 추가 */
.pop-close__chk label {align-items:center; font-weight:600; font-size:1.4rem; line-height:1.57; color:var(--gray000);}
.pop-close__chk .check-box input + label::before {margin-right:.4rem; background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-pop-checkbox-off.svg);}
.pop-close__chk .check-box input:checked + label::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-pop-checkbox-on.svg);}
.pop-wrap--bottom-up .pop-container > .pop-close__chk {display:flex; justify-content:space-between; align-items:center; position:absolute; top:-4.4rem; right:0; width:100%; height:3.2rem; padding:0 1.6rem;}
.pop-wrap--bottom-up .pop-container > .pop-close__chk .pop-close__btn {display:block; width:3.2rem; height:3.2rem; top:0;}
.pop-wrap--bottom-up .pop-container > .pop-close__chk .pop-close__btn::after {content:''; display:block; width:3.2rem; height:3.2rem; position:static; margin-top:0; background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-close-circle.svg) no-repeat;}
.pop-event--bottom-up .event-img > a {display:block; width:100%; height:100%;}
.pop-event--bottom-up .event-img > a > img {display:block; width:100%; height:100%; object-fit:contain;}

@keyframes infiniteUpDown {
  0% {transform:translateY(0%);}
  25% {transform:translateY(-5%);}
  75% {transform:translateY(5%);}
  100% {transform:translateY(0%);}
}

/*////////// 듀얼 홈 //////////*/
/*.dual-home--wrap {position:fixed; bottom:0; z-index:150; width:100%;}
.dual-home--wrap.active {height:100vh; background-color:rgba(0,0,0,.4);}
.dual-home--wrap .dual-home {display:flex; flex-direction:column; height:100%; padding:0; border-radius:1.6rem 1.6rem 0 0; background:var(--yellow030); box-shadow:0 -.1rem .4rem 0 rgba(0,0,0,0.1);}
.dual-home--wrap.active .dual-home {position:absolute; bottom:0; width:100%; border-radius:0; background:var(--gray000);}*/ /* navtive 영역 오류로 padding-top 삭제 */
.dual-home--wrap.active {background-color:rgba(0,0,0,.4);}
.dual-home {display:flex; flex-direction:column; height:100%; padding:0; background:var(--gray000); box-shadow:0 -.1rem .4rem 0 rgba(0,0,0,0.1);}/* 2026-01-28 듀얼 홈 높이 관련 css 반영 필요 */
.dual-cont__default {display:flex; align-items:center; justify-content:space-between; padding:2.6rem 2.2rem 2.0rem 2.0rem;}
.dual-cont__default .tit-dep3 {margin-bottom:0;}
.dual-cont__default .badge {min-width:2.8rem; height:2.0rem; font-size:1.2rem; text-align:center; margin-right:.8rem; border:1px solid var(--gray090); border-radius:.8rem; background:transparent;}
.dual-cont__payment {display:flex; align-items:center; height:2.6rem;}
.dual-cont__payment .txt-l {display:inline-flex; align-items:center; font-weight:600; line-height:1.44; color:var(--gray090);}
.dual-cont__payment .count__up {font-size:2.2rem; line-height:inherit; letter-spacing:-.03rem;}
.dual-cont__payment .hide {display:none;}
.dual-cont__payment .counter__text {font-weight:600; font-size:1.8rem; line-height:1.44; color:var(--gray090); letter-spacing:-.03rem;}
/* .dual-cont__detail {display:none;}
.dual-home--wrap.active .dual-cont__default {display:none;} */
/* .dual-home--wrap.active .dual-cont__detail {display:block; position:relative; height:auto; overflow-y:auto;} */
.dual-home--wrap.active .dual-cont__default {display:none;}
.dual-cont__detail {display:block; width:100%; height:100%; position:relative;}/* 2026-01-28 듀얼 홈 높이 관련 css 반영 필요 */
.dual-cont__detail .tit-dep1 {padding:0 1.6rem 1.6rem; margin-bottom:0;}
.dual-cont__detail .detail-cont {height:calc(100% - 4.4rem); padding:0 1.6rem 3.2rem; overflow-y:auto;}/* 2026-01-28 듀얼 홈 높이 관련 css 반영 필요 */
.dual-cont__detail.asis__detail .tit-dep1 {display:none;}
.dual-cont__detail .detail-cont {height:calc(100vh - 4.4rem); padding:0 1.6rem 3.2rem; overflow-y:auto;}
.dual-cont__detail.asis__detail .tit-dep1 {display:none;}
.dual-cont__detail.asis__detail .detail-cont {height:100vh;}
.dual-home > .btn-wrap {position:absolute; top:0; justify-content:center; align-items:flex-start; height:100%;}
.dual-home--wrap.active .dual-home > .btn-wrap {display:none; height:auto;}
.dual-home__btn {width:100%; height:100%;}
.dual-home__btn::after {content:''; display:block; position:absolute; top:.8rem; left:50%; width:4.0rem; height:.4rem; margin-left:-2.0rem; border:none; border-radius:.4rem; opacity:0.2; background:#000;}
.dual-home--wrap.active .dual-home__btn {position:absolute; width:10.0rem; height:2.0rem; border:none;}
.dual-home--wrap.active .dual-home__btn::after {top:.8rem;}
.dual-home--cont {position:relative; line-height:1;}
.dual-home--cont .swiper-container {background:linear-gradient(to bottom, var(--gray000), var(--gray005) 57%, var(--gray000));}
.dual-home--cont + .dual-home--cont {margin-top:3.2rem;}
.dual-home--cont.notice-area + .dual-home--cont {margin-top:1.6rem;}
.dual-home--cont:not(.asis) .btn-wrap {padding:0 1.6rem 1.6rem;/* border-top:1px solid var(--gray010); */}
.dual-home--cont:not(.asis) .btn-wrap .btn {height:auto; margin-left:0; font-weight:400; line-height:1.43; padding:.6rem .8rem; border:none;border-radius: .8rem;background:var(--gray010)}
.dual-home--cont .btn-wrap + .btn-wrap {margin-top:-.8rem;} /* 리볼빙 버튼 케이스 추가 */
.dual-home--cont .bold {font-weight:600;}
.dual-home--cont .tit-dep2 {margin-bottom:1.6rem;}
.dual-home--cont .tit-dep2.flex {display:flex;}/* 2026-02-03 tit-dep flex 속성 추가 */
.dual-home--cont .list-info li + li {margin-top:1.6rem;}
.dual-cont__detail .tit-dep1 {display:flex; align-items:center;}/* 2026-01-23 듀얼홈 새로고침 추가 */
.dual-cont__detail .btn-renew {width:2.4rem; height:2.4rem; border:none; padding:0; margin-left:.2rem; background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-renew.svg) center no-repeat; background-size:2.0rem;}/* 2026-01-23 듀얼홈 새로고침 추가 */

/* 듀얼 홈 - 알림영역 */ /* 2026-01-07 추가 */
.recommanded-notice__txt {display:flex; align-items:center; font-size:1.3rem; line-height:1.54; color:var(--gray090); letter-spacing:-.03rem;}
.recommanded-notice__txt .btn-txt {font-size:1.4rem; line-height:1; color:var(--gray090); letter-spacing:-.03rem;}/* 2026-02-11 font-size 수정 */
.recommanded-notice__txt .btn--arr::after {background:url(https://img1.kbcard.com/home_re/mo/arr/16/ico-2-right-gray.svg) center no-repeat;}
.recommanded-notice__txt .icon {display:block; width:2.4rem; height:2.4rem; margin-right:.4rem;}
.recommanded-notice__txt .icon.notice__input img {width:100%; height:100%; object-fit:contain;}
.recommanded-notice__txt .icon.notice__input::before {display:none;}
.recommanded-notice__txt .icon::before {content:''; display:block; width:2.4rem; height:2.4rem;}
.notice__refresh::before {background:url(https://img1.kbcard.com/home_re/mo/img/main/ico-alarm-process.svg) center no-repeat;}
.notice__alarm::before {background:url(https://img1.kbcard.com/home_re/mo/img/main/ico-alarm-notice.svg) center no-repeat;}
.notice__payment::before {background:url(https://img1.kbcard.com/home_re/mo/img/main/ico-alarm-pay.svg) center no-repeat;}
.notice__security::before {background:url(https://img1.kbcard.com/home_re/mo/img/main/ico-alarm-verify.svg) center no-repeat;}

/* 듀얼 홈 - 결제예정금액 */
.estimate-payment {padding-top:0;}
.estimate-payment .tit-dep2 {line-height:1.43; margin-bottom:0;}/* 2026-02-05 line-height 추가 */
.payment-tabs__case {position:absolute; top:0; right:0;}
.dual-home--cont .tabs__menu.payment-tabs__case {margin-top:0; border-bottom:none;}
.estimate-payment .payment-tabs__case {top:0;}
.estimate-payment .payment__panel {padding-top:0; margin:0 -1.6rem;}
.estimate-payment__cont {padding-top:0;}
.estimate-payment__cont .tabs__panel {padding-top:1.6rem;}
.payment-tabs__case > li + li {margin-left:1.6rem; padding-left:0;}
.payment-tabs__case > li a {font-weight:400; padding:0; color:var(--gray090);}
.payment-tabs__case > li a::before {content:''; display:block; position:absolute; top:-.6rem; left:-.6rem; right:-.6rem; bottom:-.6rem;}
.payment-tabs__case > li.on a {font-weight:600;}
.payment-tabs__case > li a::after {display:none;}
.payment-tabs__case > li.on a::after {display:block; bottom:-.2rem;}
.payment-schedule {display:flex; justify-content:space-between; align-items:center; position:relative;}
.payment-schedule .tabs_menu--filter {position: relative; display: flex; height: 4.8rem; padding: 0.4rem; background-color: var(--gray010); border-radius: 2.4rem;}
.payment-schedule .tabs__menu.tabs_menu--filter {height:3.2rem; padding:.2rem; margin-top:0; position:relative;}
.payment-schedule .tabs_menu--filter .highlight {position:absolute; top:.2rem; left:.2rem; height:2.8rem; border-radius: 2rem; background-color: var(--gray000); box-shadow: 0 1px 4px rgba(0, 0, 0, .16); transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1.1); pointer-events: none;}
.payment-schedule .tabs_menu--filter button {flex: 1; position: relative; width:4.8rem; height: 2.8rem; font-size:1.2rem; line-height:1.5; text-align:center; font-weight: 600; color:var(--gray050); letter-spacing:-.03rem; padding:.5rem 0; border:none; background-color:transparent; outline:none; -webkit-appearance: none; appearance: none;}
.payment-schedule .tabs_menu--filter button[aria-selected="true"] {color:var(--gray090);}
.payment-schedule .tabs_menu--filter ~ .tabs__panel {display:none;}
.payment-schedule .tabs_menu--filter ~ .tabs__panel.on {display:block;}
.payment-schedule .btn--arr {position:absolute; top:1.6rem; right:1.6rem; height:auto; font-weight:400; padding:0; border:none;}
.payment-schedule .btn--arr::after {margin-left:0;}
.finance-account .btn--arr {position:static; top:0; right:0; margin-top:.8rem;}
.finance-account .btn--arr strong {margin-left:.4rem;}
.estimate-payment__cont .tabs__panel {display:none;}
.estimate-payment__cont .tabs__panel.on {display:block;}
.estimate-payment--info.swiper-container {padding:1.6rem 1.6rem 0;}
.estimate-payment--info .swiper-slide {overflow:hidden; text-align:left; border-radius:1.6rem; background:var(--gray000); box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);}
.estimate-payment--info .payment-schedule {flex-direction:column; align-items:flex-start; padding:1.6rem;}
.estimate-payment--info .swiper-controls {display:flex; justify-content:center; align-items:center; padding:.8rem 0;}
.estimate-payment--info .swiper-pagination {display:inline-flex; align-items:center; width:auto; height:auto;}
.estimate-payment--info .swiper-pagination > span + span {margin-left:.2rem;}
.estimate-payment--info .swiper-pagination > span + .swiper-pagination-bullet-active, /* 2026-01-30 bullet 간격 수정 */
.estimate-payment--info .swiper-pagination > .swiper-pagination-bullet-active + span {margin-left:.4rem;} /* 2026-01-30 bullet 간격 수정 */
.estimate-payment__cont .estimate-payment--info .swiper-pagination-bullet {display:flex; justify-content:center; align-items:center; width:.8rem; height:2.0rem; margin-top:0; background:none !important;}/* 2026-01-30 swiper bullet 수정 */
.estimate-payment__cont .estimate-payment--info .swiper-pagination-bullet-active {width:1.6rem !important; background:none !important;}/* 2026-01-30 swiper bullet 수정 */
.estimate-payment__cont .estimate-payment--info .swiper-pagination-bullet:before {content:''; display:block; width:.4rem; height:.4rem; border-radius:50%; background:var(--gray030);}/* 2026-01-30 swiper bullet 수정 */
.estimate-payment__cont .estimate-payment--info .swiper-pagination-bullet-active:before {width:100%; height:.4rem; border-radius:.3rem; background:var(--gray090);}/* 2026-01-30 swiper bullet 수정 */
.estimate-payment__cont .btn-wrap + .btn-wrap {margin-top:-.8rem; border-top:none; padding:.4rem 1.6rem 1.6rem;} /* 2026-02-12 리볼빙 버튼 케이스 추가 */
.estimate-payment__cont .btn-wrap + .btn-wrap .btn-revolving {padding:.6rem 0;} /* 2026-02-12 리볼빙 버튼 케이스 추가 */
.estimate-payment--info .btn-wrap .btn + .btn {margin-left:0.4rem;}
.estimate-payment--info .payment-schedule.revolving-height {height:14.6rem; justify-content:flex-start;} /* 2026-02-12 리볼빙 버튼 케이스 추가 */
.estimate-payment--info .finance-account.revolving-height {display:flex; align-items:flex-start; justify-content:center; padding-top:2.0rem;} /* 2026-02-12 리볼빙 버튼 케이스 추가 */
.payment-date {display:flex; align-items:center; height:2.2rem; font-size:1.4rem; color:var(--gray090); letter-spacing:-.03rem; margin-bottom:.8rem;}/* 2026-02-12 height 수정 */
.payment-date .badge {font-weight:400; font-size:1.1rem; line-height:1.6rem; color:var(--gray000); padding:.3rem .4rem .2rem; margin-left:.8rem; border-radius:.4rem; background:var(--badge-main-orange);}
.payment-account {display:flex; align-items:center;}
.payment-account > a {display:inline-flex; align-items:center; height:3.2rem;}
.payment-account .counter {display:inline-flex; align-items:center; font-weight:600; font-size:2.0rem; line-height:1.4rem;}
.payment-account .counter__text {color:var(--gray060);}
.payment-account .counter.hide {display:none;}
.payment-account .count__up {font-size:2.4rem; line-height:1.33;}
.finance-account {display:block; padding-top:1.6rem;}
/* .finance-account .list-info__desc .btn {height:auto; padding:0; border:none;} */
/* .finance-account .count__up {font-size:1.6rem; line-height:1.5;} */
.estimate-payment__cont .btn-wrap__center {justify-content:center;}
.estimate-payment__cont .btn-wrap + .btn-wrap__center {margin-top:2.4rem;}
.dual-home--cont .link-banner {margin:1.6rem 0 0;}/* 2026-02-13 margin 수정 */
.estimate-payment__cont > .link-banner {margin:0 1.6rem;}/* 2026-02-13 margin 추가 */
.estimate-payment > .link-banner {margin-top:0;}/* 2026-02-13 추가 */
.dual-home--cont .btn-link--banner {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; height:5.6rem; padding:0 1.2rem; border:none;}
.dual-home--cont .btn-link--banner .img {width:3.2rem; height:3.2rem; margin-right:.8rem;}
.dual-home--cont .btn-link--banner .img img {display:block; width:100%; object-fit:contain;}
.dual-home--cont .btn-link--banner .text {font-weight:600; font-size:1.4rem; line-height:1.54; color:#26282c;}
.dual-home--cont .no-data {padding-top:1.6rem;}
.dual-home--cont .no-data p {margin-top:.8rem;}
.banner-bg__yellow .btn-link--banner {background:#fff6df;}
.banner-bg__green .btn-link--banner {background:#eef2d9;}
.banner-bg__purple .btn-link--banner {background:#efe9ff;}
.no-data p {margin-top:.8rem;}
/* 듀얼 홈 - 받은 혜택 *//* 2026-01-22 추가 */
.dual-home--cont .list-info__desc .btn--arr {font-size:1.6rem; padding:0; border:none; background:none;}
.dual-home--cont .list-info__desc .btn--arr:after {width:1.6rem; height:1.6rem; margin-left:0; background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat;}
/* 듀얼 홈 - 결제정보 */
.payment__panel {padding-top:0;}
.dual-home--cont .tit-dep2 .linkage {display:flex; justify-content:flex-start; align-items:center;}
.payment__panel .list-info__desc {font-weight:400;}
.payment__panel .list-info__desc.bold {font-weight:600;}
[class^='tit-dep'] .linkage::after {content:''; display:block; width:2.4rem; height:2.4rem; margin-left:.4rem; margin-bottom:.1rem; background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat;}/* 2026-02-05 margin-bottom 추가 */
.payment-account .btn-count--control {display:inline-flex; align-items:center; height:2.4rem; font-weight:400; font-size:1.2rem; letter-spacing:-.028rem; padding:0 .6rem; margin-left:.8rem; border-radius:2.0rem;}/* 2026-01-30 padding 수정 */
.dual-home--cont .list-history > li:first-child {padding-top:0;}
.dual-home--cont .list-history__title {max-width:60%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dual-home--cont .list-info .detail-link {display:flex; justify-content:space-between; align-items:flex-start; position:relative; width:100%; padding-right:1.6rem;}
.dual-home--cont .list-info .detail-link:after {content:''; display:block; position:absolute; top:.4rem; right:0; width:1.6rem; height:1.6rem; background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat;}
.payment-history .list-history > li {display:block; padding:1.2rem 0 4rem; flex-direction:unset; justify-content:unset; align-items:unset; padding-bottom:1.6rem; border-bottom:1px solid var(--gray010);}/* 2026-02-13 ios13 관련 수정 */
.list-history > li:last-of-type {padding-bottom:0; border-bottom:0;}
.list-history > li:last-of-type > a:last-of-type {margin-bottom:0;}
.list-history__date {font-size:1.4rem;}
.payment-history .list-history > li > a {display:block; align-items:unset; justify-content:unset; flex:unset; margin:0 0 2.4rem;}/* 2026-02-13 ios13 관련 수정 */
.list-history > li > .list-history__date + a {margin-top:3.2rem;}
.payment-history .list-history__usage {display:block;}/* 2026-02-13 ios13 관련 수정 */
.payment-history .list-history__usage-row {display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; height:auto; margin-top:.4rem;}/* 2026-02-13 ios13 관련 수정 */
.list-history__usage-row:first-of-type {margin-top:0;}
.list-history__usage-row .list-history__title {font-weight:400;}
.list-history__usage-row .list-history__sum .cancel {text-decoration:line-through;}
.list-history__usage-row .list-history__info > span {color:var(--gray090);}
.list-history__usage-row .list-history__savedc > span {position:relative; margin-left:.4rem; padding-left:.4rem; color:var(--gray090);}
.list-history__usage-row .list-history__account > span {position:relative; margin-left:.4rem; padding-left:.4rem; font-size:1.2rem; line-height:1.5; color:var(--gray060);}
.list-history__usage-row .list-history__savedc > span:first-of-type, 
.list-history__usage-row .list-history__account > span:first-of-type {margin-left:0; padding-left:0;}
.list-history__usage-row .list-history__info > span:before, 
.list-history__usage-row .list-history__savedc > span:before, 
.list-history__usage-row .list-history__account > span::before {content:""; display:block; position:absolute; top:.3rem; left:0; width:.1rem; height:1.2rem; background:var(--gray020);}
.list-history__usage-row .list-history__account > span::before {top:.2rem;}
.list-history__usage-row .list-history__info > span:first-of-type::before, 
.list-history__usage-row .list-history__savedc > span:first-of-type::before, 
.list-history__usage-row .list-history__account > span:first-of-type::before {display:none;}
.list-history__usage-row .list-history__info {margin-top:0;}
.list-history__usage-row .list-history__info span,
.list-history__usage-row .list-history__info .time {font-size:1.2rem; line-height:1.5; color:var(--gray060);}/* 2026-02-05 font-size 수정 */
.list-history__usage-row .list-history__savedc span {font-size:1.2rem; line-height:1.5;}/* 2026-02-05 font-size 수정 */
.list-history__title .method::after {content:""; display:block; width:2rem; height:2rem; position:absolute; top:0; right:0;} 
.list-history__title .method {position:relative; padding-right:2.4rem;}
.method-kbpay::after {background:url(https://img1.kbcard.com/home_re/mo/logo/20/logo-kbpay.svg) no-repeat center; background-size:2rem;}/* kbpay logo */
.method-starshop::after {background:url(https://img1.kbcard.com/home_re/mo/logo/20/logo-starshop.svg) no-repeat center; background-size:2rem;}/* kbpay icon */
.pay-save {color:var(--blue060) !important;}
.pay-standby, 
.pay-dc, 
.pay-sent {color:var(--yellow080) !important;}
.pay-cancel {color:var(--red050) !important;}
.dual-cont__detail .tooltip-wrap::before {
  left:var(--before-left);
  right:var(--before-right);
}
.usage-limit .link-banner {margin:1.6rem 0 0;}
/* 듀얼 홈 - 멤버십 라운지 */
.lounge-service .tit-dep2 {margin-bottom:0;}
.lounge-service .lounge-service--cont {margin:0 -1.6rem;}
.lounge-service .lounge-service__list {padding:1.6rem 1.6rem;}
.lounge-service__box .item-box__tit {font-weight:600; letter-spacing:-.03rem; margin-bottom:1.2rem;}
.lounge-service__box .item-box__tit .detail-link {display:flex; justify-content:space-between; align-items:center;}
.lounge-service__box .item-box__tit .detail-link::after {content:''; display:block; width:2.0rem; height:2.0rem; background:url(https://img1.kbcard.com/home_re/mo/arr/20/arr-1-right.svg) center no-repeat;}
.lounge-service__box .list-info .detail-link {padding-right:0;}/* 2026-01-27 멤버십 라운지 arr 삭제 추가 */
.lounge-service__box .list-info .detail-link::after {display:none;}/* 2026-01-27 멤버십 라운지 arr 삭제 추가 */
.lounge-service__box .item-box__desc .list-info__tit,
.lounge-service__box .item-box__desc .list-info__desc {font-weight:400; font-size:1.4rem; line-height:1.57;}
.lounge-service__box .item-box__desc .bold {font-weight:600;}
.lounge-service__box .list-info__desc {color:var(--gray060);}
.lounge-service__box .list-info__desc .benefit {color:var(--gray090);}
.lounge-service__list .swiper-slide {width:27.2rem; min-height:15rem; padding:1.6rem; border-radius:1.6rem; background:var(--gray000); box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);}
.lounge-service__list .swiper-slide__full {width:100%;}  /* 멤버십 라운지 하나만 있을 경우 */
.lounge-service .grade {display:inline-flex; align-items:center; height:2.0rem; font-weight:400; font-size:1.1rem; line-height:1.45; color:var(--gray000); letter-spacing:-.03rem; padding:.2rem .4rem; border-radius:.4rem; background:var(--grade-bg);}
.lounge-service .badge {display:inline-flex; align-items:center; font-size:1.4rem; line-height:1.57; color:var(--gray090); padding:0; margin:0; background:none;}
.lounge-service .badge::before {content:''; display:block; width:2.0rem; height:2.0rem; margin-right:.4rem; border-radius:50%;}
.lounge-service .grade__best::before {background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-grade-best.png) center no-repeat; background-size:2.0rem;}
.lounge-service .grade__grand::before {background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-grade-grand.png) center no-repeat; background-size:2.0rem;}
.lounge-service .grade__vip::before {background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-grade-vip.png) center no-repeat; background-size:2.0rem;}
.lounge-service .grade__vvip::before {background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-grade-vvip.png) center no-repeat; background-size:2.0rem;}
.lounge-service .grade__family::before {background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-grade-family.png) center no-repeat; background-size:2.0rem;}
.lounge-service .list-info li + li {margin-top:.8rem;}
/* 홈(탭) > 듀얼홈 > 내 카드 */
.my-card--benefit .tit-dep2 {margin-bottom:0;}
.my-card--benefit .tit-dep3 {justify-content:space-between; margin-bottom:1.6rem;}/* 2026-01-22 카드 이용실적 혜택 개선 수정 */
.my-card--benefit .btn--arr {font-weight:400; border:none; padding:0; background:none;}/* 2026-01-22 카드 이용실적 혜택 개선 수정 */
.my-card--benefit .card-area {display:flex; padding:0; align-items:center; border-radius:0; border:0; box-sizing:border-box;}
.my-card--benefit .card-area__img {width:5.6rem; height:6.4rem; position:relative; margin:0; border-radius:.3rem;}
.my-card--benefit .card-area__img img {display:block; width:6.4rem; height:4rem; position:absolute; top:0; left:-1.0rem; border-radius:.3rem; transform:translate3d(0, 1.1rem, 0) rotate(90deg);}
.my-card--benefit .card-area .card-area__info {position:relative; flex:1; width:calc(100% - 8.8rem); padding-right:1.2rem;}
.my-card--benefit .card-area .card-area__info-dl {position:relative;}
.my-card--benefit .card-area .card-area__info-dt {width:100%; font-weight:600; text-align:left; font-size:1.6rem; line-height:1.5; color:var(--gray090); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.my-card--benefit .card-area .card-area__info-dd {display:flex; margin-top:.4rem; align-items:center;}
.my-card--benefit .card-area .card-area__info-dd + .card-area__info-dd {margin-top:.2rem;}
.my-card--benefit .card-area .card-area__info-dd .card-box__desc {height:2.4rem; margin-top:0; margin-right:.4rem;}
.my-card--benefit .card-area .card-area__info-no {font-size:1.4rem; line-height:2.2rem; color:var(--gray060); padding-top:.2rem;}/* 2026-01-30 padding 수정 */
.my-card--benefit__swiper {position:relative; margin:0 -1.6rem;}/* 2026-02-13 margin 수정 */
.my-card--benefit__swiper .swiper-container {padding:1.6rem;}
.my-card--benefit__swiper .swiper-slide {padding:1.6rem; border-radius:1.6rem; background:var(--gray000); box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);}
.my-card--benefit__swiper .swiper-slide > a {display:block;}
.my-card--benefit .card-area__fraction {display:flex; align-items:center; justify-content:center; font-size:1.2rem;}
.my-card--benefit .swiper-pagination-fraction {padding:0; font-size:1.2rem; color:var(--gray090); line-height:1.5; letter-spacing:0;border-radius:0; background:none;}
.my-card--benefit .swiper-pagination-fraction .swiper-pagination-current {font-weight:600;}
.my-card--benefit .swiper-pagination-fraction > span {padding:0 .2rem;}
.my-card--benefit .swiper-pagination > span {width:auto; height:auto; margin-top:0; background:transparent; border-radius:0; opacity:1;}
.my-card--benefit .swiper-pagination > span + span {margin-left:.6rem; margin-left:0;}
.my-card--benefit .recordWrap {margin-top:1.6rem;}
.my-card--benefit .recordWrap .tit-dep3.completed {color:var(--blue060);}
.my-card--benefit .recordWrap .tit-dep3.completed::after {content:""; width:2.4rem; height:2.4rem; background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-complete-blue.svg) no-repeat center; background-size:2.4rem;}
.my-card--benefit .recordWrap .tit-dep4 {text-align:left; margin-bottom:.8rem;}
.my-card--benefit .priceWrap .tit {display:flex; align-items:flex-start; justify-content:space-between; position:relative; margin-bottom:.8rem;}
.my-card--benefit .priceWrap .tit > span {font-size:1.4rem; line-height:1.57;}
.my-card--benefit .priceWrap .tit .badge {color:var(--gray000); margin-right:.8rem; padding-top:.3rem; background:var(--badge-main-orange);}
.my-card--benefit .priceWrap .tit > span:first-of-type {color:var(--gray060);}
.my-card--benefit .priceWrap {position:relative;}
.my-card--benefit .priceWrap .price {text-align:left;}
.my-card--benefit .priceWrap .tooltip {top:-.2rem; background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-help.svg) no-repeat center;}
.my-card--benefit .priceWrap .tooltip-wrap {max-width:23.8rem; top:0; right:-.4rem; text-align:left; margin-top:-.8rem; transform:translateY(-100%);}
.my-card--benefit .priceWrap .tooltip-wrap::before {top:unset; bottom:-1.2rem; right:1.2rem; border-width:.6rem .4rem; border-color: var(--gray090) transparent transparent transparent;}
.my-card--benefit .priceWrap .btn-tooltip__close {overflow:hidden; display:block; position:absolute; top:1.0rem; left:unset; right:1.2rem; width:1.6rem; height:1.6rem; font-size:.1rem; color:transparent; z-index:10; background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-close-w.svg) no-repeat;}
.my-card--benefit .recordWrap .graphArea{padding:1.6rem 0 4.4rem 0}
.my-card--benefit .recordWrap .graphArea .graphBar{position:relative; height:1.2rem; border-radius:.4rem; background-color:var(--gray005);}
.my-card--benefit .recordWrap .graphArea .graphBar .bar{width:0; display:block; position:relative; z-index:1; height:1.2rem; background:var(--yellow040); border-radius:.6rem}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt{display:inline-block; position:absolute; z-index:2; top:18px; min-width:74px; color:#000; text-align:center; -webkit-transform:translateX(-50%);transform:translateX(-50%)}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt em{display:block;}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt .txt01{padding:0 .2rem; color:var(--gray090); font-size:1.2rem; line-height:1.5;}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt .txt02{margin-top:.2rem; color:var(--gray050); font-size:1.2rem; line-height:1.5; font-weight:400;}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt:first-child{left:0; text-align:left; -webkit-transform:none; transform:none}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt:last-child{right:0; text-align:right; -webkit-transform:none; transform:none}
.my-card--benefit .recordWrap .graphArea .graphBar.sec02 .secTxt:nth-child(2){left:50%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec03 .secTxt:nth-child(2){left:33.3333%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec03 .secTxt:nth-child(3){left:66.6666%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec04 .secTxt:nth-child(2){left:25%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec04 .secTxt:nth-child(3){left:50%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec04 .secTxt:nth-child(4){left:75%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec05 .secTxt:nth-child(2){left:20%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec05 .secTxt:nth-child(3){left:40%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec05 .secTxt:nth-child(4){left:60%}
.my-card--benefit .recordWrap .graphArea .graphBar.sec05 .secTxt:nth-child(5){left:80%}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt em:first-of-type:after {content:""; display:block; position:absolute; z-index:2; top:-1.4rem; left:50%; margin-left:-.2rem; width:.4rem; height:.4rem; border-radius:50%; background-color:#000; opacity:0.15;}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt:first-child .txt01:after {left:.6rem;}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt:last-child .txt01:after {left:calc(100% - .6rem);}
.card--benefit__mainly li {text-align:left; margin-bottom:.4rem; padding-left:2.4rem; position:relative; font-size:1.4rem; line-height:1.57;}
.card--benefit__mainly li:last-of-type {margin-bottom:0;}
.card--benefit__mainly li::before {content:""; width:2rem; height:2rem; display:block; position:absolute; top:0; left:0; background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-complete-blue2.svg) no-repeat 0 0; background-size:2rem;}
/*.my-card--benefit .link-banner {margin:0;}*/ /* 2026-02-13 삭제 */
/* .my-card--benefit .link-banner + .link-banner {margin-top:.8rem;} *//* 2026-02-19 삭제 */

/* asis */
.dual-home--cont.asis {position:relative; line-height:1; padding-top:3.2rem;}
.dual-home--cont.asis + .dual-home--cont.asis {margin-top:3.2rem; border-top:1px solid var(--gray050);}
.dual-home--cont.asis .btn-wrap {margin-top:3.2rem;}
.dual-home--cont.asis .btn-wrap + .btn-wrap {margin-top:.8rem;}
.dual-home--cont.asis .tit-dep1 {margin-bottom:3.2rem; padding:0; }
.asis.estimate-payment {padding-top:0;}
.asis .payment-tabs__case {position:absolute; top:3.2rem; right:0;}
.estimate-payment.asis .payment-tabs__case {top:.2rem;}
.estimate-payment.asis .payment__panel {padding-top:0; margin:0;}
.asis .payment-account .badge {font-weight:400; font-size:1.1rem; line-height:1.6rem; color:var(--gray000); padding:.2rem .45rem; margin-left:.8rem; border-radius:.4rem; background:var(--badge-main-orange);}
.asis .my-card--benefit__swiper {position:relative; margin:0 -1.6rem 3.2rem;}
.asis .my-card--benefit__swiper .swiper-container {padding:1.6rem 0;}
.asis .my-card--benefit__swiper .swiper-slide {padding:0 1.6rem; background:none; box-shadow:none;}
.asis .tit-dep1 .linkage {display:flex; justify-content:space-between;}
.asis.lounge-service .tit-dep1 {margin-bottom:0;}

/* 간편홈 */
.simple-main.gradient-bg__gray {background:linear-gradient(to bottom, var(--gray000), var(--gray005) 57%, var(--gray000));}
.simple-main.box {padding-top:0; background:transparent;}
.simple-main .estimate-payment {position:relative; background:var(--gray000);}
.simple-main .estimate-payment.asis {background:transparent;}  /* 2026-01-06 asis 관련 추가 */
.simple-main .estimate-payment .tit-dep2 {margin-bottom:0;}
.simple-main .estimate-payment .payment-tabs__case {margin-top:0; top:0; right:0; border-bottom:none;}
.simple-main .block-list {display:flex; flex-wrap:wrap; margin-top:-.8rem;}
.simple-main .block-list__item {position:relative; display:inline-block; width:calc(50% - .4rem); min-width:15rem; height:9.6rem; margin-top:.8rem; padding:1.6rem; border-radius:1.6rem; background:var(--gray000); box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, 0.1);}
.simple-main .block-list__item:nth-child(odd) {margin-right:.8rem;}
.simple-main .block-list__item + .block-list__item {margin-top:.8rem;}
.simple-main .block-list__item .block-box {display:flex; align-items:center; width:100%; padding:1.6rem;}
.simple-main .block-list__item .txt {position:absolute; bottom:2rem; right:2rem;} 
.simple-main .item-box__img {display:block; width:4.8rem; height:4.8rem; position:absolute; bottom:1.6rem; right:1.6rem;}
.simple-main .item-box__img img {display:block; width:100%; height:100%; object-fit:contain;}
.simple-main .list-link__title {display:flex; align-items:center;}
.simple-main .list-link__title i {display:inline-block; width:3.2rem; height:3.2rem; margin-right:.8rem; background-position:center; background-repeat:no-repeat; background-size:100%;}
.simple-main .list-link__title i.ico--01 {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-security.png)}
.simple-main .list-link__title i.ico--02 {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-longblack.png)}
.simple-main .list-link__title i.ico--03 {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-friend.png)}
.simple-main .list-link__title i.ico--04 {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-reportloss.png)}
.simple-main .list-link__title i.ico--05 {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-lost.png)}
.simple-main .list-link__title i.ico--06 {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-ars.png)}
.simple-main .list-link__desc {position:relative; padding-left:2.8rem;}
.simple-main .list-link__desc:before {content:''; position:absolute; top:0; left:0; background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-cs.svg)no-repeat center / 100%; display:block; width:2.4rem; height:2.4rem;}
.simple-main .list-link__item > a {padding:1.16rem 4.0rem 1.26rem 0;}
.simple-main .list-link__title {font-weight:600; letter-spacing:-.03rem;}
.simple-main .list-link__item--flex > a {display:flex; justify-content:space-between; align-items:center; padding:1.16rem 0 1.26rem;}
.simple-main .list-link__item--flex > a::after {display:none;}
.simple-main .bold {font-weight:600;}

/* dual home slide up background animation */
@keyframes dualHomeUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
    background:var(--yellow030);
  }
  100% {
    opacity: 1;
    background:var(--gray000);
  }
}