@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);}
} */
/* 혜택 */
.point > li {
  align-items: center;
}

.point .list-info__title {
  position: relative;
  padding-left: 4.8rem;
  font-weight: 300 !important;
  line-height: 4rem;
}

.point .list-info__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 4rem;
  height: 4rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 4rem;
  background-position: center;
}

.point .list-info__title.ico-point:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-point-pointree.svg);
}

.point .list-info__title.ico-korean:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-point-koreanair.svg);
}

.point .list-info__title.ico-asiana:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-point-asiana.svg);
}

.point .list-info__title.ico-fnc:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-point-finpoint.svg);
}

.txt-update {
  font-size: 1.4rem;
  color: var(--gray060);
  text-align: right;
}

.txt-update span {
  display: inline-block;
  margin-left: .8rem;
  color: var(--gray090);
  vertical-align: middle;
}

.slt-box + .no-data {
  padding-top: 0;
}

.donation__cont {
  display: flex;
  padding-left: .8rem;
}

.donation__thum {
  flex: 0 0 auto;
  width: 8rem;
  margin-right: 1.6rem;
  box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .16);
  border-radius: .4rem;
}

.donation__thum img {
  max-width: 100%;
}

.donation__txt {
  flex: 1;
}

.donation__txt p {
  font-weight: 300 !important;
}

.donation .btn-wrap {
  margin-top: 2.8rem;
}

.person-banner {
  display: block;
  width: 100%;
  height: 10.4rem;
  background-color: #ffe5e5;
  border-radius: .8rem;
  color: rgba(0, 0, 0, .2);
  font-size: 1.6rem;
  line-height: 12rem;
  text-align: center;
}

.event-banner {
  position: relative;
  text-align: center;
}

.event-banner .swiper-container {
  border-radius: .8rem;
}

.event-banner .swiper-container .swiper-slide {
  text-align: left !important;
}

.event-banner .swiper-container .swiper-slide > a {
  display: block;
  width: 100%;
  height: 27.2rem;
  padding: 3.2rem 1.8rem;
}

.event-banner__img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fadec7;
}

.event-banner__cont {
  position: relative;
  z-index: 10;
}

.event-banner__badge {
  color: var(--gray090);
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
}

.event-banner__text {
  margin-top: .8rem;
  color: var(--gray090);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.6rem;
}

.event-banner__term {
  margin-top: 1.6rem;
  color: var(--gray060);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}

.event-banner .swiper-fraction {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
  width: 5.2rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  background-color: rgba(0, 0, 0, .24);
  color: rgba(255, 255, 255, .87);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: center;
  z-index: 10;
}

.event-banner .swiper-pagination {
  display: inline-block;
  width: auto;
}

.event-list > li {
  display: flex;
  padding: 2.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.event-list > li:first-child {
  padding: 0 0 2.4rem;
}

.event-list__thum {
  flex: 0 0 auto;
  position: relative;
  width: 8rem;
  height: 8rem;
  margin-right: 1.6rem;
  border-radius: .4rem;
  border: 1px solid rgba(0, 0, 0, .08);
  background-color: var(--gray000);
}

.event-list__thum > img {
  width: 100%;
}

.event-list__cont {
  flex: 1;
}

.event-list__cont .badge {
  border: none;
}

.event-list__brand, .event-list__title {
  display: block;
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.event-list__brand {
  color: var(--gray060);
}

.event-list__brand + .event-list__title,
.badge + .event-list__title {
  margin-top: 1.6rem;
}

.event-list__desc {
  margin-top: .8rem;
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 300;
}

.event-list__desc span + span {
  position: relative;
  margin-left: .4rem;
  padding-left: .5rem;
}

.event-list__desc span + span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1.4rem;
  background-color: rgba(0, 0, 0, .16);
  transform: translateY(-50%);
}

.event-list__end .event-list__thum:before {
  content: '종료';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.8rem;
  height: 4.8rem;
  color: var(--g0-to-g9);
  font-size: 1.6rem;
  line-height: 4.8rem;
  background-color: rgba(0, 0, 0, .47);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-align: center;
  opacity: 1;
}

.event-list__end .event-list__thum img,
.event-list__end .event-list__cont {
  opacity: .47;
}

.event-cont .event-list li {
  padding-bottom: 3.2rem;
}

.event-cont .event-view {
  overflow: hidden;
  margin: 3.2rem -1.6rem 0;
}

.service-info .img-box {
  margin: 0 -1.6rem;
}

.service-info .img-box img {
  vertical-align: top;
}

.sl-service-card {
  margin: 0 -1.6rem;
}

.sl-service-card .swiper-slide {
  width: 20rem;
  margin: 0 1.2rem;
  text-align: center;
}

.sl-service-card .swiper-slide .img-card {
  width: 20rem;
  height: 12.8rem;
}

.sl-service-card .swiper-slide .img-card img {
  max-width: 100%;
  max-height: 100%;
}

.info-list > li {
  position: relative;
  margin-top: .8rem;
  padding-left: 12rem;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.info-list > li:first-child {
  margin-top: 0 !important;
}

.info-list__tit {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 12rem;
  color: var(--gray090);
}

.banner-wrap {
  position: relative;
  margin: 0 -1.6rem;
}

.banner-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.banner-wrap__alliance .swiper-slide > a {
  display: block;
}

.banner-wrap__alliance .swiper-slide > a img {
  width: 100%;
  max-height: 100%;
  vertical-align: top;
}

.banner-wrap .swiper-pagination {
  position: absolute;
  left: 1.6rem;
  bottom: 1.6rem;
  width: auto;
  margin-top: 0 !important;
}

.service-info .img-box {
  margin: 0 -1.6rem;
}

.service-info .img-box img {
  vertical-align: top;
}

.sl-service-card {
  margin: 0 -1.6rem;
}

.sl-service-card .swiper-slide {
  width: 20rem;
  margin: 0 1.2rem;
  text-align: center;
}

.sl-service-card .swiper-slide .img-card {
  width: 20rem;
  height: 12.8rem;
}

.sl-service-card .swiper-slide .img-card img {
  max-width: 100%;
  max-height: 100%;
}

.affiliation-box {
  position: relative;
  width: auto;
  margin: 0 -1.6rem 3.2rem;
  padding: 3.2rem 2.4rem 3.2rem 12rem;
  background: #f9fafc;
}

.affiliation-box .img-box {
  position: absolute;
  top: 2.4rem;
  left: 1.6rem;
  width: 8rem;
  height: 8rem;
}

.affiliation-box__title {
  display: block;
  margin-bottom: .8rem;
  color: var(--gray090);
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.affiliation-box__txt {
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.cp-info__item {
  display: table;
  width: 100%;
  margin-top: .8rem;
}

.cp-info__item:first-child {
  margin-top: 0;
}

.cp-info__title {
  display: table-cell;
  width: 10.4rem;
  color: var(--gray090);
  font-size: 1.4rem;
  line-height: 2.2rem;
  vertical-align: top;
}

.cp-info__txt {
  display: table-cell;
  padding-left: 1.6rem;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
  vertical-align: top;
}

.rangk-list > li {
  position: relative;
  padding: 1.2rem 0 1.2rem 10.4rem;
}

.rangk-list > li:first-child {
  padding: 0 0 1.2rem 10.4rem !important;
}

.rangk-list > li:first-child .rangk-list__thum {
  top: 0 !important;
}

.rangk-list__thum {
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 8rem;
  height: 8rem;
}

.rangk-list__thum img {
  width: 100%;
  vertical-align: top;
}

.rangk-list__title {
  display: block;
  margin-bottom: .6rem;
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.rangk-list__info > li {
  position: relative;
  margin-top: .2rem;
  padding-left: 8.8rem;
}

.rangk-list__info > li:first-child {
  margin-top: 0 !important;
}

.rangk-list__tit, .rangk-list__txt {
  display: block;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.rangk-list__tit {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gray090) !important;
}

.vip-box-tit {
  margin: 3.2rem 0 .8rem;
  font-size: 1.8rem;
}

.vip-period {
  margin-bottom: 2.8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  opacity: .6;
}

.vip-period__date {
  display: inline-block;
  margin-left: 1.6rem;
}

.vip-box {
  display: table;
  width: 100%;
  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);
}

.vip-box > li {
  display: table-cell;
  position: relative;
  width: 50%;
  text-align: center;
}

.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);
}

.vip-box__tit {
  margin-bottom: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.vip-box__num {
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 600 !important;
}

.vip-ban-slide {
  position: relative;
  height: 13.6rem;
  margin-top: 2.4rem;
  margin-bottom: 5.8rem;
  text-align: center;
}

.vip-ban-slide .swiper-container {
  overflow: hidden;
  border-radius: .8rem;
}

.vip-ban-slide .swiper-slide {
  width: 100%;
}

.vip-ban-slide .swiper-button-prev,
.vip-ban-slide .swiper-button-next {
  display: none;
}

.vip-ban-slide .swiper-pagination {
  position: relative;
  top: 1.6rem;
}

.vip-ban-slide .swiper-pagination > span {
  background: rgba(0, 0, 0, .16);
}

.vip-ban-slide .swiper-button-control {
  position: relative;
  z-index: 1;
  top: 1.6rem;
}

.vip-ban-slide__wrap {
  display: table;
  width: 100%;
  height:13.6rem;
  padding: 3.2rem 1.6rem;
  text-align: left;
}

.vip-ban-slide__img {
  display: table-cell;
  width: 8rem;
  vertical-align: top;
}

.vip-ban-slide__img > img {
  max-width: 100%;
  max-height: 100%;
}

.vip-ban-slide__cnt {
  display: table-cell;
  padding-left: 2.4rem;
  vertical-align: top;
}

.vip-favorite {
  display: flex;
  flex-wrap: wrap;
}

.vip-favorite > li {
  flex: 0 0 auto;
  width: calc( 50% - .8rem);
  height: 8rem;
  margin-top: 1.6rem;
  border-radius: .8rem;
  box-shadow: 0 0 .4rem 0 rgba(0, 0, 0, .16);
  text-align: right;
}

.vip-favorite > li:nth-child(even) {
  margin-left: 1.6rem;
}

.vip-favorite > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.6rem;
  background-repeat: no-repeat;
  background-size: 4.8rem;
  background-position: 1.6rem;
}

.vip-favorite__gift {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-event.svg);
}

.vip-favorite__platinum {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-platinum.svg);
}

.vip-favorite__airline {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-airplane.svg);
}

.vip-favorite__car {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-car.svg);
}

.vip-favorite__special {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-shop.svg);
}

.vip-favorite__tit {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.vip-favorite--type2 {
  justify-content: space-between;
}

.vip-favorite--type2 > li {
  width: calc( 33.33% - .8rem);
  height: 13.2rem;
  margin-top: 0;
  box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .16);
  border: 1px solid rgba(255, 255, 255, .16);
  text-align: center;
}

.vip-favorite--type2 > li:nth-child(even) {
  margin-left: 0;
}

.vip-favorite--type2 > li > a {
  background-position: center 2.4rem;
}

.vip-favorite--type2 .vip-favorite__tit {
  top: 7.2rem;
  transform: translateY(0);
}

.prime-benefit > li {
  padding-top: 2.4rem;
  border-top: 1px solid rgba(0, 0, 0, .16);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.prime-benefit > li + li {
  margin-top: 1.6rem;
}

.prime-benefit > li .tit-dep2 {
  margin-bottom: 1.6rem;
}

.prime-benefit__info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.prime-benefit__info > span {
  display: inline-block;
  color: var(--gray090);
}

.prime-benefit__info + .prime-benefit__info {
  margin-top: .8rem;
}

.prime-benefit__tit {
  max-width: 30%;
  margin-right: .8rem;
  color: var(--gray060) !important;
}

.prime-benefit__txt {
  max-width: 70%;
}

.prime-benefit__comment {
  margin-top: .8rem;
}

.box-gradient {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  background: linear-gradient(to top, #f9fafc, var(--gray010) 33%, var(--gray000) 81%);
}

.sv-use-list {
  margin-top: 3.2rem;
}

.sv-use-list > li {
  padding: 1.6rem 0 1.6rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.sv-use-list__date {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}

.sv-use-list__card {
  margin-top: 1.6rem;
}

.sv-use-list .list-info {
  margin-top: .8rem;
}

.vip-pop-box {
  margin: 0 -1.6rem;
  background-color: #f9fafc;
}

.vip-pop-box__wrap {
  display: table;
  width: 100%;
  padding: 2.4rem 1.6rem;
}

.vip-pop-box__cnt {
  display: table-cell;
  vertical-align: top;
}

.vip-pop-box__img {
  display: table-cell;
  vertical-align: top;
  width: 12.8rem;
  padding-left: 4.8rem;
}

.vip-pop-box__img > img {
  width: 100%;
}

.vip-pop-box__desc {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}

.vip-pop-box .tit-dep1 {
  margin: 1.6rem 0 .8rem;
}

.vip-tit-box {
  position: relative;
  margin: 0 -1.6rem 7.6rem;
  padding: 3.2rem 2.4rem 6.4rem;
  background-color: rgba(0, 0, 0, .08);
}

.vip-tit-box__card {
  display: flex;
  align-items: center;
  position: absolute;
  left: 2.4rem;
  bottom: -5rem;
  width: 12rem;
  height: 12rem;
}

.vip-tit-box__card > img {
  max-width: 100%;
  max-height: 100%;
}

.coupon-place > li {
  position: relative;
  padding: 1.6rem 2.4rem;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .8rem;
}

.coupon-place > li + li {
  margin-top: 1.6rem;
}

.coupon-place > li:before, .coupon-place > li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: -1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  transform: translateY(-50%);
  background-color: var(--gray000);
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, .16);
}

.coupon-place > li:after {
  left: auto;
  right: -1.8rem;
}

.coupon-place > li:first-child {
  margin-top: 0;
}

.coupon-place__wrap:before, .coupon-place__wrap:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -2.5rem;
  width: 2.4rem;
  height: 4.8rem;
  transform: translateY(-50%);
  background-color: var(--gray000);
}

.coupon-place__wrap:after {
  left: auto;
  right: -2.5rem;
}

.coupon-place__cont {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.coupon-place__logo {
  width: 3.2rem;
  height: 3.2rem;
}

.coupon-place__logo > img {
  width: 100%;
}

.coupon-place__info {
  padding-left: 1.6rem;
}

.coupon-place__info > .tit-dep2 {
  position: relative;
  margin-bottom: 0;
}

.coupon-place__info > .tit-dep2: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 0 center;
  background-size: 2.4rem;
  vertical-align: top;
}

.coupon-place .btn-wrap {
  position: relative;
  margin-top: 2.4rem;
}

.list-flex > li > a {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
}

.franchise-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.franchise-list > li {
  width: 33.33%;
  margin-top: 4.8rem;
  text-align: center;
}

.franchise-list > li:nth-child(1), .franchise-list > li:nth-child(2), .franchise-list > li:nth-child(3) {
  margin-top: 0 !important;
}

.franchise-list > li a {
  display: block;
}

.franchise-list__images {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  margin-bottom: .8rem;
}

.franchise-list__images img {
  width: 100%;
  vertical-align: top;
}

.franchise-list__discount, .franchise-list__title {
  display: block;
  color: var(--gray090);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.franchise-list__discount {
  color: #086cfd !important;
}

.franchise-list--type > li {
  width: 100% !important;
}

.franchise-list--type .franchise-list__images {
  width: 14rem;
  height: 14rem;
  margin-bottom: 2.4rem;
  padding: 3rem;
  border-radius: 50%;
  background-color: #f9fafc;
}

.franchise-list--type .franchise-list__title {
  font-size: 2rem;
  line-height: 2.8rem;
}

.detail-cont img {
  width: 100%;
  vertical-align: top;
}

.starshop-detail {
  margin: 0 -1.6rem;
  padding: 3.2rem 1.6rem;
  background: #f9fafc;
}

.starshop-detail__theme {
  color: var(--gray090);
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 300;
}

.starshop-detail__title {
  display: block;
  margin: .4rem 0 1.6rem;
  color: var(--gray090);
  font-size: 2rem;
  line-height: 2.6rem;
}

.starshop-detail__info {
  color: var(--gray090);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.starshop-detail__benefits {
  margin-top: .4rem;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.starshop-cont {
  margin: 3.2rem -1.6rem 0;
}

.starshop-cont__list {
  margin-bottom: 3.2rem;
  padding: 0 1.6rem;
}

.starshop-cont__list li {
  position: relative;
  margin-top: .8rem;
  padding-left: 6.6rem;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.starshop-cont__list li:first-child {
  margin-top: 0;
}

.starshop-cont__list .title {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--gray090);
}

.starshop-cont .map-box {
  width: 100%;
  height: 25.8rem;
  margin-bottom: 3.2rem;
}

.starshop-cont .starshop-story {
  padding: 0 1.6rem;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.starshop-cont .sl-starshop-img {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}

.starshop-cont .sl-starshop-img .swiper-slide {
  width: 12rem;
  height: 7rem;
}

.starshop-cont .sl-starshop-img__box {
  display: block;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: .8rem;
}

.starshop-cont .sl-starshop-img__box > img {
  width: 100%;
}

.starshop-survey .tabs__menu {
  background-color: var(--gray000);
}

.starshop-survey .accordions__view {
  background-color: #f9fafc;
  font-weight: 400 !important;
}

.link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.link-list__item {
  display: flex;
  flex-direction: column;
  margin-left: .8rem;
}

.link-list__item:first-child {
  margin-left: 0;
}

.link-list__item a {
  width: 10.4rem;
  height: 4rem;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .4rem;
}

.link-list__item a.link-naver {
  background: url(https://img1.kbcard.com/home_re/mo/img/benefit/img-starlogo-naver.svg) no-repeat center center;
  background-size: 7.4rem 2.2rem;
}

.link-list__item a.link-daum {
  background: url(https://img1.kbcard.com/home_re/mo/img/benefit/img-starlogo-daum.svg) no-repeat center center;
  background-size: 7.4rem 2.2rem;
}

.link-list__item a.link-google {
  background: url(https://img1.kbcard.com/home_re/mo/img/benefit/img-starlogo-google.svg) no-repeat center center;
  background-size: 7.4rem 2.2rem;
}

.starshop-img-popup .sl-starshop-img__popup {
  width: auto;
  margin: 0 -1.6rem;
}

.starshop-img-popup .sl-starshop-img__box img {
  width: 100%;
  height: auto;
}

.details-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.details-list > li {
  position: relative;
  width: 33.33%;
  text-align: center;
}

.details-list > li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 4rem;
  background: rgba(0, 0, 0, .08);
  transform: translateY(-50%);
}

.details-list > li:first-child:before {
  display: none;
}

.details-list > li span {
  display: block;
  color: var(--gray090);
}

.details-list__title {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 400;
}

.details-list__desc {
  margin-top: .8rem;
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 600;
}

.btn-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 12.8rem;
  border-radius: .8rem;
  padding: 2.4rem 1.6rem;
}

.btn-banner--yellow {
  background-color: #faf0c7;
}

.btn-banner--green {
  background-color: #edf8da;
}

.btn-banner__img {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: rgba(255, 0, 0, .1);
}

.btn-banner__img img {
  width: 100%;
  vertical-align: top;
}

.btn-banner__tit, .btn-banner__txt {
  display: block;
  color: var(--gray090);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.btn-banner__txt {
  margin-top: .8rem;
  font-weight: 300;
}

.web-news {
  box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .16);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: .8rem;
  padding: 1.6rem;
}

.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);
}

/* DEFC-0000008105 쇼핑Voucher 서비스 스마일캐시 버튼 수정*/
.smilecash-btn {
  line-height: inherit;
}

.smilecash-btn .icon {
  width: 24px;
  height: 100%;
}

.smilecash-btn .icon img {
  width: 100%;
  vertical-align: middle;
}

/* 친환경명세서 추천 hago 포인트리 */
.eco-friendly__bg {
	padding-bottom:calc(198/360*100%); 
	background:url('https://img1.kbcard.com/LT/images_r/event/hago_bottom_bg_240510.png') no-repeat 50% 100%; 
	background-size:contain;
}

.eco-friendly__tit {
	margin-bottom:3.2rem; 
	font-size:2.4rem; 
	line-height:3.2rem;
}

.eco-friendly__tit .txt-s {
	display:block; 
	margin-bottom:.8rem; 
	padding-left:2.4rem; 
	background:url('https://img1.kbcard.com/LT/images_r/event/ico_hago_leaf_240510.png') no-repeat 0 50%; 
	background-size:1.6rem;
}

.eco-friendly__tit .txt-l {
	display:block; 
	padding:.4rem 0;
}

.box--green {
	position:relative; 
	width:100%; 
	margin-bottom:3.2rem; 
	padding:2.4rem 1.6rem; 
	background:#f7fbe6;
}

.box--green .tbl-view table th, 
.box--green .tbl-view table td {
	height:5.2rem; 
	padding:0;
}

.box--green .tbl-view table th {
	background:var(--gray010); 
	font-weight:normal;
}

.box--green .tbl-view table td {
	background:var(--gray000);
}

.box--green .list-blt--star > li {
	margin-top:1.6rem;
}

.box--green .list-blt--star > li:first-child {
	margin-top:0;
}

.box--green .list-blt--star > li:before {
	content:"*"; 
	top:.2rem;
	width:auto; 
	height:auto; 
	background:none;
}

.eco-friendly__btn {
	margin-top:3.2rem;
}

.eco-friendly__btn .btn {
	font-weight:bold;
}

.eco-friendly__btn .btn + .btn {
	margin-top:1.2rem;
}

.eco-friendly__btn .btn-box {
	height:4.8rem; 
	line-height:4.8rem; 
	border-radius:.8rem; 
	border-color:var(--gray010); 
	background:var(--gray010); 
	font-weight:bold;
}

.eco-friendly__step {
	margin-bottom:1.6rem; 
	text-align:center;
}

.eco-friendly__step img {
	max-width:31.1rem; 
	width:100%; 
	vertical-align:top;
}

.eco-friendly__desc {
	display:flex; 
	align-items:center; 
	justify-content:space-between;
}

.eco-friendly__txt {
	padding-bottom:3.2rem; 
	font-size:1.8rem; 
	line-height:2.6rem;
}

.eco-friendly__img {
	font-size:0;
}

.eco-friendly__img img {
	width:10.5rem;
}

.eco-friendly__pray {
	display:block; 
	width:15.4rem; 
	margin:-1.6rem 0 0 auto;
}
.pop-sns-share {
	padding:1.6rem 1.2rem 2.4rem;
}
.pop-sns-share li a {
	overflow:hidden; 
	display:block; 
	position:relative; 
	width:7.2rem; 
	margin:0 auto; 
	padding:5.6rem 0 .8rem; 
	background-repeat:no-repeat; 
	background-position:50% .8rem; 
	background-size:4rem; 
	text-align:center;
}

.pop-sns-share li.kakao a {
	background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_kakaotalk_40.png');
}

.pop-sns-share li.sms a{
	background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_sms_40.png');
}

.btn--islamicgreen {
	border-color:#1b9c02; 
	background-color:#1b9c02; 
	color:var(--go-to-g9);
}

/* KB 할인팩 */
.box-money { position: relative; height: 16rem; margin-bottom:5.6rem; background:var(--g0-to-g9); border-radius: 1.2rem; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);}
.box-money__money {padding-left: 1.6rem; height: 11.2rem; border-radius: 1.2rem 1.2rem 0 0; background-color:#ffe17c; color: var(--g9-to-g10)}
.box-money__money p {padding-top: 2.4rem; font-size: 1.6rem;} 
.box-money__money a {display: flex; align-items: center; font-size: 2.4rem; font-weight: 700; color: var(--g9-to-g10)}
.box-money__img {position:absolute; top:-2.3rem; right: 0; width: 12.8rem; height: 13.6rem; }
.box-money__link::after {content: ''; display: inline-block; position: relative; left: .4rem; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center center;}
.box-money__text {padding: 1.2rem; text-align: center;}
.box-money__text p, .box-money__text strong{color:var(--g9-to-g10)}

.discount-list {display: flex; margin: 1.2rem -1.6rem 40px; padding: 0 .6rem; overflow-x: auto;}
.discount-list li{padding:0 .6rem;}
.discount-list li a {display: block; min-width: 14.4rem; height: 20rem; padding: 0 8px; border-radius: 1.2rem; text-align: center; font-size: 0;}
.discount-list img {margin-top: 2rem; width: 8rem; height: 8rem; background: #fff; border-radius: 50%; overflow: hidden}
.discount-list__tit {max-height: 4.8rem; margin-top: 1.2rem; font-size: 1.6rem; font-weight: 700;white-space:nowrap}
.discount-list__day {display: block; font-size: 1.2rem; font-weight: 700; line-height: 2rem; color: var(--gray060); margin-top: 4px;}

.discount {position: relative;margin-bottom:8px;}
.discount__menu {display: flex; position:absolute; top:3px; right: 0; }
.discount__menu li {display: flex; position: relative; align-items: center; font-size: 1.4rem; line-height:2rem;}
.discount__menu li:first-child::after {content: ''; display: block; margin: 0 .8rem; width: .1rem; height: 1.2rem; background-color: #dde1e4;}
.discount__menu input {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; z-index:1; opacity:0;}
.discount__menu label {color: var(--gray060);}
.discount__menu input:checked + label { font-weight: 700; color: var(--gray090);}

.discount-pack li {position: relative; min-height: 16rem; margin-bottom: 1.2rem; padding-bottom: 3.9rem; border: .1rem solid var(--yellow040); border-radius: 1.2rem;}
.discount-pack li:last-child {margin-bottom: 0;}
.discount-pack li a {display: block; padding: 24px 24px 16px}
.discount-pack__cont {display: flex; align-items: center}
.discount-pack__txt{flex: 1}
.discount-pack img {margin-right: 1.6rem; width: 8rem; height: 8rem; background: #fff; border-radius: 50%; overflow: hidden}
.discount-pack__bottom {position: absolute; left: 0;  bottom:0; display: flex; align-items: center; justify-content: center; width: 100%; height: 4rem; padding: 0 24px; line-height: 3.9rem; border: 0; border-top: .1rem dashed #dde1e4; border-radius:0 0 1.2rem 1.2rem; text-align: center; background-color: var(--yellow040); font-size: 1.4rem; font-weight: 700;}
.discount-pack__bottom::before {content: ''; display:inline-block; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-download.svg) no-repeat center / 2.4rem auto; margin-right:.4rem;}
.discount-pack__bottom:disabled {background-color: var(--gray010); color: var(--gray060);}
.discount-pack__bottom:disabled::before {background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-check.svg) no-repeat center / 2.4rem auto;filter:brightness(0) saturate(100%) invert(42%) sepia(4%) saturate(855%) hue-rotate(175deg) brightness(99%) contrast(89%);}
.discount-pack__bottom dt{font-weight:100;}
.discount-pack__bottom dd{font-size:1.8rem;color:#f76900}
.discount-pack__d-day {position:absolute; top:1.6rem; right: 2.4rem; padding:0 .8rem; line-height: 2rem; color: #f76900; border-radius: 1rem; font-size: 1.1rem; background-color: #fff1ea; font-weight: 600;}
.discount-pack__tit {display: block; font-size: 1.6rem; font-weight: 700;}
.discount-pack__date {display: block; margin-top: 4px; font-size: 1.4rem; line-height:2rem; font-weight: normal; color: var(--gray060);}
.discount-pack li.disabled{border-color: #dde1e4}

.discount-pack--my li {border-color:#dde1e4;}
.discount-pack--my .discount-pack__bottom {justify-content:space-between;background-color: var(--gray010);}
.discount-pack--my .discount-pack__bottom::before {display:none;}

.no-discount {position: relative; margin: 4.8rem 0 11.2rem; text-align: center;}
.no-discount::before {content: ''; display:block; text-align: center; width: 100%; height: 8rem; background: url(https://img1.kbcard.com/home_re/mo/img/img-char-money-hand.png) no-repeat center / 8rem;}
.no-discount p {margin-top: .8rem; font-size: 1.6rem; color: var(--gray060);}
.no-discount--my::before{background: url(https://img1.kbcard.com/home_re/mo/img/img-char-coupon.png) no-repeat center / 8rem;}
.no-discount__btn{width:155px;margin:24px auto 0;}

.discount-money{padding:8px 0 24px; font-size:2.4rem; line-height: 3.2rem;}


/* 정부지원바우처 > 착한가격업소 */
.list-ico__price:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-coin.svg);}
.list-ico__cleanliness:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-cleanliness.svg);}
.list-ico__publicness:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-publicness.svg);}

/* 프라임+ */
.box--primeplus {
  background: #202d40;
  background-image: linear-gradient(149deg, #2d405c 5%, #202d40 62%);
  padding: 2.4rem 1.6rem 1.6rem;
  margin-bottom: 0;
  border-radius: 1.6rem;
  color: var(--gray010);
}
.box--primeplus .vip-period {opacity: 1;}
.box--primeplus .list-blt {margin-top:.6rem;}
.box--primeplus .list-blt > li {color:var(--gray010);}
.box--primeplus .list-blt > li + li {margin-top:.2rem;}

.primeplus-swiper {height:10rem; margin-top:1.2rem;text-align: center;}
.primeplus-swiper .swiper-slide > a {display:block; position:relative; height:10rem;padding: 2rem 1.6rem;text-align: left;}
.primeplus-swiper__tit{font-size: 1.8rem; font-weight: 600;line-height: 1.44;}
.primeplus-swiper__img {position: absolute; top: .4rem;right: .4rem; width: 12rem;}
.primeplus-swiper__img img{width:100%;}
.primeplus-swiper .swiper-pagination {margin-top: -1.4rem;}
.primeplus-swiper .swiper-button-control {display: none;position: relative;z-index: 1;margin-top: -1.4rem;}


.primeplus-ban {margin-top:.8rem;}
.primeplus-ban--wrap {position:relative; display: block; height:10rem; border-radius: .8rem; overflow: hidden; background-size: cover;background-position: 0 center;}
.primeplus-ban a + a {margin-top:1.6rem;}
.primeplus-ban .primeplus-ban__tit {position: absolute;top: 2rem; left:1.6rem; z-index: 1; color: var(--g0-to-g9);font-size: 1.8rem; font-weight: 600;line-height: 1.33;}
.primeplus-ban__img {position: absolute; top:50%; left:0; width:100%; height:10rem; transform: translateY(-50%);}
.primeplus-ban__img img {width:100%; min-height:10rem;}

.report-primeplus {margin-top:2.4rem; padding-top:1.6rem; border-top:1px solid #484b51;}
.report-primeplus--fail {position: relative;padding-left: 3.2rem;}
.report-primeplus--fail:before {
  content: '';
  display: block;
  position:absolute;
  top:0rem;
  left:0rem;
  width:2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-error-w.svg) no-repeat center;
  background-size: 2.4rem auto;
}
.report-primeplus__fail {position: relative;padding-left: 3.2rem;}
.report-primeplus__fail:before {
  content: '';
  display: block;
  position:absolute;
  top:0rem;
  left:0rem;
  width:2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-error-w.svg) no-repeat center;
  background-size: 2.4rem auto;
}

.report-primeplus a.btn-txt.txt-s.btn--arr{color: #aab0b8;}
.report-primeplus a.btn-txt.txt-s.btn--arr:after{background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg); filter: none !important;}

.pgrbar--primeplus {
  padding-top: 3.8rem;
  padding-bottom: 1.6rem;
}

.pgrbar--primeplus .pgrbar__bg {
  height:.8rem;
  background: var(--gray010) url(https://img1.kbcard.com/home_re/mo/img/common/pattern-09.svg) repeat ;
  background-size: auto .8rem;
  overflow: visible;
}

.pgrbar--primeplus .pgrbar__fg {
  border-radius: 0.8rem;
  background: #b08c64;
  background-image: linear-gradient(to right, #f5c884, #b08c64);
}

.pgrbar--primeplus .pgrbar__fg:after {
  content: '';
  position: absolute;
  top:50%;
  right:0;
  width:1.6rem;
  height:1.6rem;
  background-color: var(--gray010);
  border:.4rem solid #b28f67;
  border-radius: 50%;
  transform: translate(50%, -50%);
  box-sizing: border-box;
}

.pgrbar--primeplus .pgrbar__fg:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.6rem;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.7rem solid var(--gray010);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  transform: translateX(50%);
}

.pgrbar--primeplus .pgrbar__spot {
  display: flex;
  align-items: flex-start;
  height: 2.625rem;
}

.pgrbar--primeplus .pgrbar__spot li {
  flex: 3;
  position: relative;
  margin-top: -0.25rem;
  text-align: center;
}

.pgrbar--primeplus .pgrbar__spot li span {
  display: block;
  position: absolute;
  top: .8rem;
  left: 50%;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.43;
  word-break: keep-all;
  white-space: nowrap;
  transform: translateX(-50%);
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-current span {
  background: var(--gray010);
  border-radius: 11rem;
  padding: .2rem 1.6rem;
  color: var(--gray090) !important;
  top: auto;
  bottom: 2rem;
  font-weight: 600;
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-first {
  flex: 0;
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-first:before {
  display: none;
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-first span {
  left: 0;
  transform: translateX(0);
  padding-left: 0;
  text-align:left;
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-final {
  flex: 0;
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-final:before {
  display: none;
}

.pgrbar--primeplus .pgrbar__spot li.pgrbar__spot-final span {
  left: auto;
  right: 0;
  padding-right: 0;
  transform: translateX(0);
  text-align: right;
}

.primeplus-coupon li {position: relative; min-height: 16rem; margin-bottom: 1.2rem; padding-bottom: 3.9rem; border: .1rem solid #202d40; border-radius: 1.2rem;}
.primeplus-coupon li:last-child {margin-bottom: 0;}
.primeplus-coupon li a {display: block; padding: 24px 24px 16px}
.primeplus-coupon__cont {display: flex; align-items: center}
.primeplus-coupon__txt{flex: 1}
.primeplus-coupon img {margin-right: 1.6rem; width: 6.4rem; height: 6.4rem; background:var(--gray000); border-radius: 50%;}
.primeplus-coupon__bottom {position: absolute; left: 0;  bottom:0; display: flex; align-items: center; justify-content: center; width: 100%; height: 4rem; padding: 0; line-height: 3.9rem; border: 0; border-radius:0 0 1.2rem 1.2rem; text-align: center; background-color: #b0c0d8; color:var(--gray090); font-size: 1.4rem; font-weight: 700;}
.primeplus-coupon__bottom:before {content:''; position:absolute;top: -1px;left: 0; display: block; width: 100%; height:0; border-top: .1rem dashed #202d40;}
.primeplus-coupon__d-day {position:absolute; top:1.6rem; right: 2.4rem; padding:0 .8rem; line-height: 2rem; color: var(--gray010); border-radius: 1rem; font-size: 1.1rem; background-color: #202d40; font-weight: 600;}
.primeplus-coupon__tit {display: block; font-size: 1.6rem; font-weight: 700;}
.primeplus-coupon__date {display: block; margin-top: 4px; font-size: 1.4rem; line-height:2rem; font-weight: normal; color: var(--gray060);}

.primeplus-coupon li.disabled {border-color: #dde1e4}
.disabled .primeplus-coupon__d-day {background-color: var(--gray010); color:var(--gray060);}
.disabled .primeplus-coupon__bottom {background-color: #dde1e4;color: var(--gray060);}
.disabled .primeplus-coupon__bottom:before {border-color: #dde1e4}
.first-come .primeplus-coupon__bottom {background-color: #202d40; color:var(--gray010);}

.coupon-pop-box {margin: 0 -1.6rem;padding:3.2rem 1.6rem;background-color: var(--gray010);}
.coupon-pop-box__cnt {text-align: center;}
.coupon-pop-box__cnt p {color: var(--gray090);}
.coupon-pop-box__cnt .tit-dep1 {margin: .8rem 0 0;color: var(--gray090);}
.coupon-pop-box__img {margin-top:2.4rem;text-align: center;}
.coupon-pop-box__img > img {width: 12rem;border-radius: .8rem;background: var(--gray000);}
.coupon-pop-box .btn-wrap {padding:2.4rem 0 0; text-align:center;}

.barcode-box {margin-top:2.4rem; padding:1.6rem .8rem .8rem; border-radius: 1.2rem; background:var(--gray000); text-align:center;}
.barcode-box__img {position:relative;width:100%;padding-top:20%;}
.barcode-box__img img {position:absolute;top:0;left:0;width:100%; height:100%;vertical-align:top;}
.barcode-box__code {display:block; margin-top:.8rem; font-size:1.4rem; line-height: 1.43; color:var(--gray090); text-align:center;}

.coupon-info {margin-top:2.4rem; padding:1.6rem 0; background:var(--gray000); border-radius: .8rem; color: var(--gray090); text-align:center;}
.coupon-info__number {position: relative;white-space: nowrap;}
.coupon-info__number em {display: inline-block;font-size: 1.6rem;line-height: 1.5;color: var(--gray090);font-weight: bold;}
.coupon-info__number > .btn {margin-left:1.6rem;}
.pwd-info__number {display: inline-block;font-size: 1.4rem;line-height: 1.43;}
.pwd-info__number > .btn {margin-left:.8rem;}

/* 국방스타 */
.defense-star-ban {padding: 1.2rem 0 0 .8rem; font-size:0; z-index: 80; background-color: transparent; display:flex; align-items: center; }
.defense-star-ban__cnt {flex:1; padding:0;font-size: 1.6rem;}
.defense-star-ban__cnt strong{display:block; padding-top:.2rem;line-height:1.4;font-size:2rem; font-weight:600;}
.defense-star-ban__img {flex:0 0 auto; width:19rem; height:9.6rem;margin-right: -1.6rem;}
.defense-star-ban__img img {width: 100%;height: auto;}

.defense-benefit {margin-left:-1.6rem;}
.defense-benefit:after {content: '';display: block;clear: both;}
.defense-benefit li {float:left; width:50%; padding:0 0 1.6rem 1.6rem; text-align:center;}
.defense-benefit li:nth-child(2n+1) {clear: both;}
.defense-benefit a {display: block;padding:.8rem .8rem 1.6rem .8rem; border-radius: 1.2rem;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16); background:var(--gray000);}
.defense-benefit__img {padding-bottom:.75rem;}
.defense-benefit__img img {display:block; width:100%; max-width:14rem; height:auto;margin:0 auto;}
.defense-benefit__tit {padding-top:1.15rem; border-top: 1px dashed #dde1e4;color: var(--gray090);font-size:1.4rem;font-weight: bold;white-space: nowrap;}
.defense-benefit__sub {padding:.4rem 1rem 0;color: var(--gray090);line-height: 1.5;white-space: nowrap;}
.defense-benefit + .btn-wrap {margin-top:.3rem;}

.defense-portal {padding:1.2rem 1.5rem; border-radius: 1.2rem;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16); background:var(--gray000);}
.defense-portal ul {display: flex;}
.defense-portal li {position:relative; flex:1; font-size:1.4rem; text-align:center;}
.defense-portal li:before {content:''; position: absolute; bottom: .3rem;left: -0.5px; display: block;width: 1px;height: 1.2rem;background: #dde1e4;}
.defense-portal li:first-child:before {display:none;}
.defense-portal li a {display:block;}
.defense-portal__img {width:5.6rem; height:5.6rem; margin:0 auto .4rem auto;}
.defense-portal__img img {width:100%;border-radius: 50%;background: var(--gray000);}


.wello-ban {margin-top:3.3rem; padding:2.4rem 1.6rem 1.6rem; border-radius: 1.2rem; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16); background:#5076fb;}
.wello-ban__cont {font-size:1.8rem; font-weight: bold; line-height: 1.33; color:var(--g0-to-g9);}
.wello-ban__cont img {width:auto; height:2.4rem;}
.wello-ban__btn {position: relative;margin-top: 1.6rem;}
.wello-ban__btn:after {content:'';display: block;width: 9.6rem;height:8rem;position:absolute;right:0; top:-7.6rem;background:url(https://img1.kbcard.com/home_re/mo/img/benefit/wello-character.svg) no-repeat; background-size:cover;}
.wello-ban__btn .btn {width: 100%;border:1px solid var(--g0-to-g9);height: 4.8rem;font-size: 1.6rem;font-weight: bold;color: var(--g0-to-g9);background-color: transparent;}

/* [혜택] 정부지원사업 사용처 찾기 */
.sort--find {position:sticky; top:5.6rem; height:5.6rem; margin:0 -1.6rem .4rem; padding:1.4rem 5.6rem 1.4rem 1.6rem; z-index:90;}
.btn--withdrawal {padding:.2rem .8rem; background:#f9fafc; border:1px solid #dde1e4; border-radius:.4rem;}
.sort__btn--filter {right:4.8rem; width:4.8rem;}
.sort__btn--search {width:4.8rem; background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-search.svg);}
.form-field--search-layer {display:none; position:absolute; top:0; left:0; width:100%; padding:0 6rem 0 2rem; background:#5848bc;}
.form-field--search-layer input[type="text"] {height:auto; padding:1.8rem 0; background:none; border:0; font-size:1.6rem; font-weight:normal; color:var(--gray000);}
.form-field--search-layer input[type="text"]::placeholder {font-weight:normal; color:rgba(255, 255, 255, .8);}
.form-field--search-layer .form-field__btn--reset {top:50%; transform:translateY(-50%);}
.form-field--search-layer .form-field__obj ~ [class^=form-field__btn] {overflow:hidden; position:absolute; top:50%; right:1rem; width:4rem; height:4rem; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; background-size:2.4rem; border:0 none; text-indent:-9999em; opacity:1; transform:translateY(-50%);}
.place-list__badge-wrap {display:flex; margin-bottom:.8rem;}
.place-list__badge {display:inline-flex; align-items:center; justify-content:center; margin-right:.4rem; padding:0 .8rem; border:1px solid rgba(0, 0, 0, 0.08); border-radius:.4rem; font-size:1.1rem; font-weight:bold; line-height:1.82;}
.place-list__badge--blue {border-color:#006d86; color:#006d86;}
.place-list__badge--red {border-color:#c80054; color:#c80054;}
.place-list__badge--orange {border-color:#dc4d00; color:#dc4d00;}
.place-list__badge--dark-blue {border-color:#0042a0; color:#0042a0;}
.place-list__badge--electric-indigo {border-color:#7000e4; color:#7000e4;}
.place-list__badge--goyuga {border-color:#2d25be; color:#2d25be;}
.map-area--usecase {width:auto; margin:0 -1.6rem;}
.map-area--usecase .btn-shop {padding:0; background:url(https://img1.kbcard.com/home_re/mo/img/benefit/img-starshop-map-mylocation.svg) no-repeat center; background-size:4rem; border:0; z-index:1;}
.map-area--usecase .btn-shop--onnuri {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-onnuri.svg);}
.map-area--usecase .btn-shop--market {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-market.svg);}
.map-area--usecase .btn-shop--price {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-price.svg);}
.map-area--usecase .btn-shop--minsaeng {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-minsaeng.svg);}
.map-area--usecase .btn-shop--overlap {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-overlap.svg);}
.map-area--usecase .btn-shop--sangsaeng {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-sangsaeng.svg);}
.map-area--usecase .btn-shop--onnuri.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-onnuri-on.svg);}
.map-area--usecase .btn-shop--market.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-market-on.svg);}
.map-area--usecase .btn-shop--price.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-price-on.svg);}
.map-area--usecase .btn-shop--minsaeng.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-minsaeng-on.svg);}
.map-area--usecase .btn-shop--overlap.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-overlap-on.svg);}
.map-area--usecase .btn-shop--sangsaeng.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-sangsaeng-on.svg);}
.map-area--usecase .btn-shop--goyuga {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-goyuga.svg);}
.map-area--usecase .btn-shop--goyuga.on {background-image:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-map-goyuga-on.svg);}
.map-area--usecase .map-floating {z-index:4;}
.chk--btn-scroll {position:absolute; width:100%; margin-top:0; padding:.8rem 0; z-index:100;}
.chk--btn-scroll .chk__inner {overflow:auto hidden; display:flex; align-items:center; padding:.8rem 1.6rem; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.chk--btn-scroll .chk__inner::-webkit-scrollbar {display:none; background-color:transparent;}
.chk--btn-scroll .check-box + .check-box {padding-left:.8rem;}
.chk--btn-scroll .check-box:last-child {padding-right:1.6rem;}
.chk--btn-scroll .check-box label {display:flex; align-items:center; justify-content:center; height:3.2rem; padding:0 1.6rem; border:1px solid #8c949e; border-radius:1.6rem; background:var(--gray000); font-size:1.4rem; font-weight:bold; color:#8c949e; line-height:1.4rem;}
.chk--btn-scroll .check-box label:before {margin-right:.4rem; border-radius:0;}
.chk--btn-scroll .check-box--all label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-all.svg);}
.chk--btn-scroll .check-box--onnuri label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-onnuri.svg);}
.chk--btn-scroll .check-box--market label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-market.svg);}
.chk--btn-scroll .check-box--price label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-price.svg);}
.chk--btn-scroll .check-box--minsaeng label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-minsaeng.svg);}
.chk--btn-scroll .check-box input[type="checkbox"]:checked + label {padding:0 1.5rem; border:2px solid var(--gray090); color:var(--gray090);}
.chk--btn-scroll .check-box--all input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-all-on.svg);}
.chk--btn-scroll .check-box--onnuri input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-onnuri-on.svg);}
.chk--btn-scroll .check-box--market input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-market-on.svg);}
.chk--btn-scroll .check-box--price input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-price-on.svg);}
.chk--btn-scroll .check-box--minsaeng input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-minsaeng-on.svg);}
.tabs-slt .tabs__list > li.on a {font-weight:bold;}
.map-area__badge-wrap {display:grid; grid-auto-flow:row dense; grid-auto-columns:auto; gap:.8rem; position:absolute; top:1.6rem; left:1.6rem; z-index:100;}
.map-area__block {display:flex;}
.map-area__badge {display:inline-flex; align-items:center; justify-content:center; position:relative; height:3.2rem; padding:0 1.6rem; border-radius:1.6rem; background:rgba(255, 255, 255, .85); font-size:1.4rem; font-weight:bold; line-height:1.43; text-align:left; z-index:1;}
.map-area__badge:before {content:""; width:2.4rem; height:2.4rem; margin-right:.4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.map-area__badge--filter {background:var(--g9-to-g10); color:var(--gray010);}
.map-area__badge--filter:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-filter.svg);}
.map-area__badge--minsaeng:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-minsaeng-on.svg);}
.map-area__badge--onnuri:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-onnuri-on.svg);}
.map-area__badge--market:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-market-on.svg);}
.map-area__badge--price:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-price-on.svg);}
.map-area__badge--sangsaeng:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-sangsaeng.svg);}
.map-area__badge--goyuga:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-goyuga.svg);}

/*25.10.29 : [혜택]웰컴기프트 메인화면 개선*/
.sticky-area {position: relative;}
.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%, #fff);
z-index: 999;}
.welcome-top-wrap {padding:0rem 0rem  16.8rem 0rem; background-image: linear-gradient(150deg, #76dfca, #fffcb6 98%); text-align:center; overflow-x: hidden; position:relative;}
.welcome-top-wrap:before {content:''; display:block; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/shine-bg.png) no-repeat center center; background-size:cover; width:30.4rem; height:9.6rem; position: absolute; top:3.2rem; left:50%; margin-left:-15.0rem; z-index: 1;}
.welcome-top-cnt {position:relative; margin:0 auto; max-width:36.0rem; margin-top:-6.4rem;}
.welcome-top-cnt:before {content:''; display:block; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img-gift-top-01.png) no-repeat center center; background-size:cover; width:18.7rem; height:18.7rem; position:absolute; right:0; top:-1.5rem;}
.welcome-top-cnt:after {content: ''; display:block; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img-gift-top-02.png) no-repeat center center; background-size:cover; width:12.3rem; height:13.0rem; position:absolute; left:-1.2rem; bottom:-1.0rem;}
.welcome-top-cnt img {max-width:36.0rem; width:100%;}
.welcome-guide-cnt {position: relative; margin-top:2.0rem; background:#fff; border-radius: 2.0rem; box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, .16); z-index: 1; width:calc(100% - 8.0rem); max-width:36.0rem; margin:0 auto; margin-top:-4.5rem;}
.welcome-guide-cnt:before {content:''; display:block; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img-gift-top-03.png) no-repeat center center; background-size:cover; width:22.0rem; height:19.6rem; position:absolute; right:-11.8rem; top:-4.2rem; z-index: 2;}
.welcome-guide-cnt:after {content:''; display:block; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img-gift-top-04.png) no-repeat center center; background-size:cover; width:28.7rem; height:28.6rem; position:absolute; left:-14.4rem; top:1.2rem; z-index:-1; }
.welcome-guide-tit {font-size:1.4rem; padding:2.4rem 1.6rem 1.6rem 1.6rem; color:#26282c;}
.welcome-guide-tit:before {content: ''; display:block; width:4.2rem; height:3.3rem; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img-gift-top-clip.png) no-repeat center center; background-size:cover; position:absolute; left:50%; top:-1.4rem; margin-left:-2.5rem;}
.welcome-guide-tit strong{font-size:1.6rem; display:block; color:#26282c;} 
.welcome-guide-tit .txt-line-through {color:#484b51 !important}
.welcome-guide-tit .fw-bold {color:#007032;}
.welcome-guide-txt {background:#e9ffe0; padding:1.6rem 2.2rem; border-radius: 0 0 2.0rem 2.0rem; font-size:1.4rem; position:relative; z-index: 1; color:#26282c;}
.welcome-top-banner {display: flex;  justify-content: space-between;  align-items: center; background:#fff; padding:3.2rem 0.8rem 2.8rem 2.4rem; border-radius: 2.4rem 2.4rem 0 0; margin-top:-12.8rem; z-index: 1; position: relative;}
.welcome-top-banner:after {content:''; position: absolute; bottom: 0; left: 0; width: 100%;  height: .7rem;  border-top: 1px solid rgba(0, 0, 0, .08);  border-color: #dde1e4;  background: #eff2f7;}
.welcome-top-banner__cnt {font-size:1.6rem; flex:1;}
.welcome-top-banner__img {width:13.3rem;}
.welcome-top-banner__img img {width:100%;}

.welcome-btn-link {display: flex; flex-direction: column;  justify-content: center;  position: relative;  min-height: 6.4rem;  padding: 1.5rem 4.8rem 1.5rem 7.0rem; border-radius:1.2rem;  
font-size: 1.6rem; color: #26282c; text-align: left; background:#f7f7fa;}
.welcome-btn-link + .welcome-btn-link {margin-top:0.8rem;}
.welcome-btn-link:before {content: ""; display: block; position: absolute; top: 50%; left: 2.4rem; width: 4.0rem; height: 4.0rem; background-repeat: no-repeat;
background-position: 0 0;  background-size: 3.2rem auto;  transform: translateY(-50%);}
.welcome-btn-link:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-new-arrow.svg) no-repeat 0 0;
    background-size: 100% auto;
    transform: translateY(-50%);
}
.introCont {display:table; width:100%; padding-bottom:2.0rem; border-bottom:1px solid rgba(0, 0, 0, .16); box-sizing:border-box;}
.introCont .txt-xl, .introCont .img {display:table-cell; vertical-align:middle;}
.introCont .img {text-align:right;}

.welcome-btn-link--coffee:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-coffeecoupon-new.png);}
.welcome-btn-link--cashback:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-cashback-new.png);}
.welcome-btn-link--revolving:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-revolving-new.png);}
.welcome-btn-link--point:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-point-new.png);}
.welcome-btn-link--discountpack:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-discountpack-new.png);}
.welcome-btn-link--affiliate:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-affiliatecoupon-new.png);}
.welcome-btn-link--morediscount:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-morediscount-new.png);}
.welcome-btn-link--shopping:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-shopping-new.png);}
.welcome-btn-link--traval:before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-travel-new.png);}

/* KB Pay 3.0 */

/******** Point ********/
/* 내 포인트 */
.my-pointree {z-index:1;}
.box--gradient.box--gradient__yellow {margin-top:-2.4rem; padding:4.6rem 1.6rem 0; background:none;}
.box--gradient__yellow::before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(https://img1.kbcard.com/home_re/mo/img/benefit/bg-yellow-gradation.svg) repeat-x; z-index:-1;}
.tit-dep3 .tooltip-qmark {display:inline-flex; width:2.0rem; height:2.0rem; margin-top:-.2rem; background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-1-question.svg) no-repeat center;}
.counter--motion .count__up {font-weight:600; letter-spacing:-.03rem;}
.pointree-link {display:flex; flex-direction:column; align-items:center; padding:3.2rem 0 0;}
.pointree-icon__link {display:flex; flex-direction:column; text-align:center; width:13.4rem; font-size:1.6rem; line-height:2.4rem; letter-spacing:-.03rem; color:var(--gray090); margin-bottom:3.2rem;}
.pointree-icon__img {display:flex; justify-content:center; align-items:center; width:13.2rem; height:13.2rem; border-radius:50%; margin-bottom:1.6rem; background:url(https://img1.kbcard.com/home_re/mo/img/benefit/img-bg-pointree.svg) no-repeat;}
.pointree-icon__img img {width:9.6rem; height:9.6rem; object-fit: cover;}
.pointree-link .txt {letter-spacing:-.03rem;}
.pointree-link .icon-setting {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:1.6rem; width:100%; border-radius:1.6rem;}
.pointree-link .icon-setting__link {display:flex; flex-direction:column; align-items:center; font-size:1.4rem; line-height:1.8rem; color:var(--gray090); letter-spacing:-.03rem;}
.pointree-link .icon-setting__link::before {content:''; display:block; width:3.2rem; height:3.2rem; margin-bottom:0.8rem; }
.icon-setting__link--charge::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-charge.svg) no-repeat;}
.icon-setting__link--invest::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-invest.svg) no-repeat;}
.icon-setting__link--used::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-used.svg) no-repeat;}
.icon-setting__link--gift::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-gift.png) no-repeat; background-size:3.2rem;}
.icon-setting__link--atm::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-atm.svg) no-repeat;}
.icon-setting__link--payment::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-payment.svg) no-repeat;}
.box--pointree {align-items:center; margin-bottom:2.4rem; border:none;}
.box--pointree::before {content:''; display:block; width:10.8rem; height:6.9rem; position:absolute; top:-6.0rem; right:1.6rem; background:url(https://img1.kbcard.com/home_re/mo/img/benefit/img-pointree.png) no-repeat; background-size:100%; z-index:-1;}
.box--pointree .btn-txt {font-size:1.4rem; line-height:2.2rem;}
.box--pointree .btn-txt::after {width:1.6rem; height:1.6rem; padding-left:0; margin-left:.2rem; background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat;}
.article + .article.mt40::before {height:auto; border-color:var(--gray010);}
.accordions--note .accordions__view .list-blt > li .btn-txt {font-size:1.4rem; line-height:2.2rem; color:var(--gray090); margin-top:.6rem;}
.btn-question {position:relative;}
.btn-question::before {content:''; display:block; width:2.0rem; height:2.0rem; margin-left:.2rem; background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-1-question.svg) no-repeat;}
.btn-question::after {content:''; display:block; position:absolute; top:-.875rem; left:-.875rem; right:-.875rem; bottom:-.875rem;}
.list-blt .btn--arr::after {width:1.6rem; height:1.6rem; padding-left:0; margin-left:.2rem; background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat;}

/* 적립·할인 내역(적립·사용) */
.cont-area {background:var(--gray000);}
.benefitSearch .contArea {padding:0;}
.tabs.tabs-top {margin-top:-2.4rem;}
.tabs.tabs-top .tabs__menu--full {margin-top:0;}
.pointree {margin:2.4rem 0 0;}
.pointree::after {display:none;}
.pointree-info {padding:1.6rem 1.55rem; margin-bottom:0; border-radius:1.2rem;}
.pointree-info .tit {display:block;}
.pointree-info .qInfoBtn {display:flex; justify-content:space-between; width:100%; height:auto; font-weight:600; color:var(--gray090); letter-spacing:-.03rem; margin-bottom:3.2rem; background:none;}
.pointree-info .qInfoBtn::after {content:''; display:block; position:static; width:2.4rem; height:2.4rem; background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat;}
.pointree-info .point {float:none; display:flex; justify-content:flex-end; font-weight:600; font-size:2.4rem; line-height:3.2rem; letter-spacing:-.03rem; color:var(--gray090);}
.pointree-info .point strong {font-size:inherit; line-height:inherit; letter-spacing:-.03rem}
.searchPeriod {letter-spacing:-.03rem;}
.btnBox.pointree-link {padding:2.4rem 0; margin-top:0; border:none;}
.icon-setting.icon-setting__column2 {grid-template-columns:repeat(2, 1fr);}
.icon-setting.icon-setting__center {grid-template-columns:repeat(1, 1fr);}
.btnBox.pointree-link .icon-setting {grid-gap:.8rem; width:auto;}
.btnBox.pointree-link .icon-setting li {display:flex; justify-content:center;}
.btnBox.pointree-link .icon-setting__link {width:10.4rem; text-align:center; padding:0 1.0rem; margin:0; word-break:keep-all;}
.btnBox.pointree-link .icon-setting__column2 {width:100%; grid-gap:1.6rem;}
.icon-setting__link--expiration::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-expiration.svg) no-repeat;}
.icon-setting__link--starshop::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-starshop-list.svg) no-repeat;}/* 2026-01-30 이미지 경로 수정 */
.icon-setting__link--schedule::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-schedule.svg) no-repeat;}
.filter.box {padding:1.6rem; background:var(--gray005);}
.filter.type2 .btnFilter {display:block; position:static; width:2.4rem; height:2.4rem; border:none; background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-filter.svg) no-repeat; transform:none;}
.filter .btnFilter::after {display:none;}
.benefitSearch .benefit-list {padding-bottom:0;}
.benefitSearch .benefit-list .benefit-list__detail > li {display:block; padding:0; border-bottom:0;}
.benefitSearch .benefit-list .benefit-list__detail > li.noData {display:flex;}
.benefitSearch .benefit-list__detail > li > * {display:block;}
.benefit-list {text-align:right;}
.benefit-list .lastChange {display:block; font-size:1.4rem; line-height:2.2rem; color:var(--gray060); letter-spacing:-.03rem; margin:1.6rem 0;}
.lastChange + .lastChange {margin-top:-.8rem;}
.benefit-list .benefit-list__detail {text-align:left; border-top:1px solid var(--gray010); margin-top:0;}
.benefit-list__detail .date {font-size:1.4rem; line-height:2.2rem; text-align:left; color:var(--gray060); letter-spacing:-.03rem; margin-bottom:3.2rem; padding-top:1.1rem;}
.benefit-list__detail > li + li {border-top:.1rem solid var(--gray010);}
.benefit-list__detail > li.noData {padding:4.0rem 0 4.0rem !important; border-top:none;}
.benefit-list__detail li + li {margin-top:3.2rem;}
.benefit-list__detail .list-info__tit,
.benefit-list__detail .list-info__desc {font-size:1.6rem; line-height:2.4rem; letter-spacing:-.03rem;}
.benefit-list__detail .list-info li .list-info__desc a {color:var(--gray090) !important; text-decoration:none;}
.benefit-list__detail .list-info__tit .tit,
.benefit-list__detail .list-info__tit .txt {font-weight:400; color:var(--gray090); letter-spacing:-.03rem;}
.benefit-list__detail .list-info__desc em {font-weight:400; font-size:1.4rem; color:var(--gray090) !important; line-height:2.2rem; margin-right:.4rem;}
.benefit-list__detail .list-info__desc .pop-open {display:inline-flex; align-items:center;}
.benefit-list__detail .list-info__desc .pop-open::after {content:''; display:block; width:1.6rem; height:1.6rem; background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) center no-repeat;}
.benefitSearch .noData {padding:4.0rem 0;}

/* 스타샵 이용내역 */
.arrCarSwiper.box--flex {overflow:hidden; justify-content:center; align-items:center; position:relative; width:auto; font-size:1.6rem; line-height:2.4rem; color:var(--gray090); text-align:center; padding:1.6rem 0; margin-top:-2.4rem; background:var(--gray005);}
.arrCarSwiper > a {position:static; width:2.4rem; height:2.4rem; color:transparent;}
.arrCarSwiper > a::after {content:""; display:none;}
.arrCarSwiper > .prev {background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-left.svg) no-repeat;}
.arrCarSwiper > .next {background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat;}
.arrCarSwiper > .prev.dimm,
.arrCarSwiper > .next.dimm {visibility:hidden; pointer-events:none;}
.arrCarSwiper > .listBox{height:auto; margin:0 1.6rem;}
.arrCarSwiper > .listBox > ul > li {float:none; width:100%; font-size:inherit;}
.arrCarSwiper > .listBox li a {font-weight:600; font-size:1.6rem; line-height:2.4rem; color:var(--gray090);}
.arrCarSwiper > .listBox > ul::after{display:none;}
.total-info.box {flex-direction:column; align-items:center; padding:3.2rem 0; margin-bottom:0; background:none;}
.total-info .totalCnt {font-size:1.8rem; line-height:2.6rem; color:var(--gray090); margin-bottom:.8rem;}
.total-info .totalCnt em {font-weight:600; letter-spacing:-.03rem; color:var(--gray090);}
.total-info .price {display:flex; align-items:center; font-weight:600; font-size:2.0rem !important; line-height:2.8rem; color:var(--gray090); letter-spacing:-.03rem;}
.total-info .price strong {font-size:2.4rem; line-height:3.2rem; color:inherit;}
.historyList.list-info {padding:2.4rem 0 4.0rem; margin:0; border-top:1px solid var(--gray010); border-bottom:none;}
.historyList.list-info > li {padding:0; border-top:0; border-bottom:0;}
.historyList.list-info > li::after {display:none;}
.historyList.list-info > li + li {margin-top:3.2rem;}
.historyList .list-info__tit {max-width:55%;}
.historyList .list-info__desc {max-width:45%;}
.historyList .list-info__tit .tit {display:block;}
.historyList .list-info__desc .point-list {display:flex; justify-content:flex-end; align-items:center;}
.historyList .list-info__tit .tit,
.historyList .list-info__desc .payment {display:block; color:var(--gray090); margin-bottom:.4rem;}
.historyList .list-info__desc .payment {font-weight:600;}
.historyList .list-info__tit .date {display:block; line-height:2.2rem; color:var(--gray060);}
.historyList .list-info__tit .date,
.point-list li {display:flex; width:auto; font-size:1.4rem; line-height:2.2rem; padding:0; border-top:none;}
.point-list .earn + .discount {margin-left:.4rem;}
.point-list .earn + .discount::before {content:''; display:inline-block; width:.1rem; height:1.2rem; margin-right:.4rem; background:var(--gray020);}
.point-list .earn {color:var(--blue060);}
.point-list .discount {display:flex; align-items:center; color:var(--yellow080); margin-bottom:0;}
.historyList .noData {padding:1.6rem 0 0 !important;}
.accordions > li.accordions__item.noteBox {padding-top:0; margin-top:0;}
.accordions > li.accordions__item.noteBox::before {display:none;}
.accordions > li.accordions__item.noteBox .toggleView {padding:1.6rem 0 0;}
.selectList li a {font-size:1.6rem;}

/* 적립·할인내역(할인) */
.tabs + .benefitList .contArea {padding:0;}
.tabs + .benefitList .arrCarSwiper {margin-top:0;}
.cardtypeBenefit {margin:0 0 4.0rem;}
.cardtypeBenefit .discountList {text-align:right; margin-top:0;}
.cardtypeBenefit .discountList .btn--arr::after {top:.3rem; background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat;}
.discountList .box {padding:1.5rem; margin-bottom:1.6rem;}
.discountList .box--white {border-radius:1.6rem;}
.discountList .total-info {padding:3.2rem 0 1.6rem; margin-bottom:0; background:none;}
.discountList .total-info .tit {margin-bottom:.8rem;}
.discountList .total-info .price strong {font-size:2.4rem;; line-height:3.2rem;}
.discountList .box .list-info {padding:0; margin:0; background:none;}
.infoList li + li {margin-top:1.2rem;}
.discountList .list-info__tit,
.discountList .list-info__desc {font-size:1.4rem; line-height:2.2rem;}
.discountList .list-info__tit {color:var(--gray060);}
.discountList .list-info__desc {font-weight:600; color:var(--gray090);}
.tabs_menu--filter .tabDep1 {position: relative; display: flex; height: 4.8rem; padding: 0.4rem; background-color: var(--gray010); border-radius: 2.4rem;}
.tabDep1 li {flex: 1; position: relative; height: 4rem; font-size: 1.6rem; font-weight: 600; color:var(--gray050); border:none; background-color:transparent; outline:none; -webkit-appearance: none; appearance: none; appearance: none;}
.tabDep1 li input:checked + label {color:var(--gray090);}
.benefitList .benefitCategory {margin:0;}
.benefit-used__detail {padding:2.4rem 0 4.0rem;}
.benefit-used__detail .list-info__tit {max-width:55%; color:var(--gray090);}
.benefit-used__detail .list-info__tit,
.benefit-used__detail .list-info__desc {letter-spacing:-.03rem;}
.benefit-used__detail li + li {margin-top:3.2rem;}
.benefit-used__detail .noData {margin-top:0; padding:1.6rem 0 0 !important;}
.benefit-used__detail .count {display:inline-flex; align-items:center; font-size:1.4rem; line-height:2.2rem;}
.benefit-used__detail .count::after {content:''; display:block; width:.3rem; height:.3rem; margin-left:.4rem; border-radius:50%; background:var(--gray040);}
.noData .infoBox {text-align:center; color:var(--gray090); letter-spacing:-.03rem; padding:0; margin:0; border:none;}
.noData .infoBox strong {font-weight:400; font-size:1.4rem !important; line-height:1.57 !important;}
.infoBox .txt-s {margin-bottom:1.6rem;}
.infoBox .btn--radius {display:inline-flex; height:3.2rem; font-size:1.4rem; line-height:2.2rem; letter-spacing:unset;  padding:0 1.6rem; margin-top:0; border:.1rem solid var(--gray020);}
.benefitList .cardtypeBenefit .discountList .infoList li + li {margin-top:1.2rem;}
.benefit-used__detail .infoBox.notImg:before {display:none;}
.benefitBox .botArea .noteBox .accordions__tit {font-weight:600;}

/******** VIP라운지 ********/
/* MBFV0101_01 VIP라운지 */
.article__div:not(:first-child) {margin-top:4rem;}
.box--vip + .article__div {margin-top:3.2rem;}
.box--vip {width:calc(100% + 3.2rem); height:17rem; margin:-2.4rem 0 0 -1.6rem; padding:3.2rem 1.6rem 0; letter-spacing:-.03rem; border-radius:0; background:none; background-image:linear-gradient(to bottom, #334158 50%, rgba(51,65,88,0.63) 70%, rgba(255,255,255,0) 100%);}
.box--vip::before {content:""; display:block; width:10rem; height:7.5rem; position:absolute; top:2rem; right:4rem; background:url(https://img1.kbcard.com/home_re/mo/img/benefit/img-vip.png) no-repeat center; background-size:10rem auto;}
.box--vip .tit-dep3 {color:var(--g0-to-g9); font-weight:400;}
.box--vip .txt-point {font-size:2.4rem !important; line-height:1.33 !important;}
.box--vip .unit-won {margin-left:.2rem; font-size:1.6rem; line-height:1.5;}
.box--vip .box__arr {display:flex;align-items:flex-end;}
.box--vip .box__arr::after {display:inline-block; width:1.6rem; height:3.2rem; position:static; margin-left:.4rem; background-size:1.6rem; background-repeat:no-repeat; background-position:center 1rem; transform:none; opacity:1; background-image:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-w.svg);}
.vip-box {display:flex; align-items:center; min-height:6.4rem; margin-top:1.6rem; padding:1.6rem; border-radius:1.6rem; box-shadow:0 .2rem .8rem rgba(0,0,0,0.1); background-color:var(--gray000); color:var(--gray090);}
.vip-box * {color:inherit;}
.vip-box > li:first-child:before {height:3.2rem; background-color:var(--gray020);}
.vip-box__tit {margin-bottom:0;}
.vip-box a {display:flex; padding-top:.15rem; padding-bottom:.15rem; align-items: center; justify-content:space-between; color:var(--gray090);}
.vip-box li:first-of-type a {padding-right:1.6rem;}
.vip-box li:last-of-type a {padding-left:1.6rem;}
.vip-box__num {font-size:2.4rem; line-height:1.1;}
.vip-ban-slide .swiper-container {border-radius:1.6rem;}
.vip-ban-slide__wrap {padding:1.6rem 1.6rem 1.6rem 8.2rem;}
.vip-ban-slide {height:13.8rem; padding:0; margin-top:0; margin-bottom:0; text-align:left; border-radius:1.6rem;}
.vip-ban-slide__img {width:8rem; position:absolute; top:1.6rem; left:1.6rem;}
.vip-ban-slide__img > img {transform:rotate(90deg) translate3d(1.4rem, 1.5rem, 0);}
.vip-ban-slide__cnt {padding-left:0; font-size:1.4rem; font-weight:600; line-height:1.57; color:var(--gray090);}
.vip-ban-slide__cnt .txt-s {margin-bottom:.4rem; font-weight:400; letter-spacing:-.03rem;}
.vip-ban-slide .swiper-button-control {width:2.4rem; height:2.4rem; line-height:2.4rem; position:static; z-index:1; top:unset; margin-right:.4rem; border:0; background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-pause-03.svg);}
.vip-ban-slide .swiper-button-control.play {background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-play-03.svg);}
.vip-ban-slide .swiper-fraction {padding:0; display:flex; align-items:center; font-size:1.2rem; line-height:1.5; letter-spacing:-.03rem; color:var(--gray090); top:unset; right:unset; bottom:1.2rem; left:50%;  transform:translateX(-50%); background:none;}
.vip-ban-slide .swiper-fraction__active {margin-right:.4rem; color:var(--gray090); line-height:2.4rem;}
.vip-ban-slide .swiper-fraction__total {margin-left:.4rem; line-height:2.4rem;}
.list-link__full.bold__a > li > a {font-weight:600;}
.vip-ban-slide .swiper-fraction > span:not(.swiper-button-control) {height:2.4rem; padding-top:.1rem;}
.vip-favorite {padding:1.6rem; align-items:center; justify-content:space-between; gap:1.6rem; letter-spacing:-.03rem; border-radius:1.6rem; box-shadow:0 .2rem .8rem 0 rgba(0,0,0,0.1); background-color:var(--gray000);}
.vip-favorite > li {flex:1; width:8.8rem; height:auto; margin-top:0; border-radius:0; box-shadow:none; text-align:center;}
.vip-favorite > li > a {padding:4rem 0 0; background-size:3.2rem; background-position:center top;}
.vip-favorite__tit {top:initial; transform:initial; font-size:1.4rem;}
.vip-favorite > li:nth-child(even) {margin-left:0;}
.premium-card {padding:.8rem 0 0; gap:.8rem; letter-spacing:-.03rem; border-radius:0; box-shadow:none;}
.premium-card > li {width:10.4rem;}
.premium-card > li > a {padding:5.6rem 0 0; background-size:4.8rem; background-position:center top;}
.premium-card__heritage {background:url(https://img1.kbcard.com/home_re/mo/ico/48/ico-premium-heritage.png) no-repeat center top; background-size:4.8rem;}
.premium-card__bev {background:url(https://img1.kbcard.com/home_re/mo/ico/48/ico-premium-bev.png) no-repeat center top; background-size:4.8rem;}
.premium-card__platinum {background:url(https://img1.kbcard.com/home_re/mo/ico/48/ico-premium-platinum.png) no-repeat center top; background-size:4.8rem;}
.vip-favorite__gift {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-event.svg);}
.vip-favorite__special {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-shop.svg);}
.vip-favorite__airline {background-image:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-airplane.svg);}
.tit-dep1__link-arr {display:flex; align-items:center;}
.tit-dep1__link-arr::after {content:""; display:inline-flex; width:2.4rem; height:2.4rem; margin-left:.4rem; background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center; background-size:2.4rem;}
.article__div-help {width:calc(100% + 3.2rem); margin-left:-1.6rem; padding:3.2rem 1.6rem 5.6rem; letter-spacing:-.03rem; background-color:var(--gray005);}
.article__div-help .tit-dep3 {margin-bottom:.4rem; color:var(--gray090);}
.article__div-help .help {padding-top:0;}
.article__div-help .help li {margin:0; color:var(--gray090);}
.article__div-help .help__tit {width:auto;}
.article__div-help .txt {position:relative; margin-left:1.1rem; font-size:1.4rem !important; line-height:1.57 !important; font-weight:600;}
.article__div-help .txt::before {content:""; display:block; width:.3rem; height:.3rem; position:absolute; top:.9rem; left:-.8rem; border-radius:50%; background-color:var(--gray040);}
.article__div-help .help .help__info {display:flex; align-items:center;}
.article__div-help .help li > p {display:flex; margin-top:.8rem; align-items:center; justify-content:space-between;}
.article__div-help .btn--gray-line {font-weight:400;}
.article__div .list-link__full .list-link__item > a::after {background-position:calc(100% + .7rem) center;}

.article__div-help-fixed {position:absolute; bottom:0; left:0; width:100%; margin-left:0;}
/* basic.css */
.article + .article.cont__btm.article__div-help-fixed, 
.cont__btm.article__div-help-fixed {position:absolute; bottom:26.6rem; left:0; padding-right:1.6rem; padding-left:1.6rem; overflow:hidden;}

/* MBFV0101_03 VIP카드 쿠폰함 > 신청가능 */
.slt-box--card .card-box {letter-spacing:-.03rem;}
.article.cont__btm.brd-top__1 {margin:0; padding:6.5rem 0 0;}
.txt-total, 
.txt-total > span {font-size:1.6rem; line-height:1.5; letter-spacing:-.03rem; color:var(--gray090);}
.txt-total > span > strong {margin-left:.2rem;}
.flex-between {display:flex; align-items:center; justify-content:space-between;}
.slt-box--card .card-box__desc {display:flex; padding-left:0; margin-top:.5rem; align-items:center;}
.slt-box--card .card-box__desc::before {display:none;}
.slt-box--card .card-box__logo {width:3.2rem; height:2.4rem; background-repeat:no-repeat; background-position:center; background-size:3.2rem 2.4rem;}

.slt-box--card span + span {padding:0; margin:0;}
.slt-box--card .card-box__desc > span {margin-right:.4rem; font-size:1.4rem; font-weight:400; line-height:1.33; color:var(--gray090);}
.slt-box--card .card-box__desc .card-box__user {position:relative; margin-left:.4rem;}
.slt-box--card .card-box__desc .card-box__user::before {content:""; display:block; width:.1rem; height:1.2rem; position:absolute; top:.3rem; left:-.5rem; background-color:var(--gray020);}

/* MBFV0101_05 프라임+ 쿠폰/할인팩 > 쿠폰 */
/* MBFV0101_06 프라임+ 쿠폰/할인팩 > 할인팩 */
.pay3 .primeplus-coupon,
.pay3 .discount-pack {letter-spacing:-.03rem;}
.pay3 .primeplus-coupon li,
.pay3 .discount-pack li {min-height:auto; display:flex; padding:0; flex-direction:column; border:0; border-radius:0;}

.pay3 .primeplus-coupon li a {display:flex; padding:1.6rem; align-items:center; border:.1rem solid var(--vip050); border-bottom:0; border-radius:1.6rem 1.6rem 0 0;}
.pay3 .primeplus-coupon__bottom {width:100%; height:4rem; padding:0; position:static; left:unset; bottom:unset; display:flex; align-items:center; justify-content:center; border:.1rem solid var(--vip050); border-top:0; border-radius:0 0 1.6rem 1.6rem; background-color:#cfdaeb; color:var(--gray090); font-size:1.4rem; line-height:1.43; font-weight:600;}
.pay3 .primeplus-coupon li.disabled a,
.pay3 .primeplus-coupon li.disabled .primeplus-coupon__bottom {border-color:var(--gray020);}
.pay3 .first-come .primeplus-coupon__bottom {background-color:var(--vip050); color:var(--gray000);}

.pay3 .discount-pack li a {display:flex; padding:1.6rem; align-items:center; border:.1rem solid var(--yellow040); border-bottom:0; border-radius:1.6rem 1.6rem 0 0;}
.pay3 .discount-pack__bottom {width:100%; height:4rem; padding:0; position:static; left:unset; bottom:unset; display:flex; align-items:center; justify-content:center; border:0; border-radius:0 0 1.6rem 1.6rem; background-color:var(--yellow040); color:var(--gray090); font-size:1.4rem; line-height:1.43; font-weight:600;}
.pay3 .primeplus-coupon__bottom:before, 
.pay3 .discount-pack__bottom::before {display:none;}

.pay3 .primeplus-coupon__cont,
.pay3 .discount-pack__cont {width:100%;}
.pay3 .primeplus-coupon__logo,
.pay3 .discount-pack__logo {width:6.4rem; height:6.4rem; margin-right:1.2rem; padding:.4rem; border-radius:50%; background-color:var(--gray005);}
.pay3 .primeplus-coupon img,
.pay3 .discount-pack img {width:5.6rem; height:5.6rem; margin:0; background:none; border-radius:50%;}
.pay3 .primeplus-coupon__d-day, 
.pay3 .discount-pack__d-day {display:flex; position:static; top:auto; right:auto; margin-bottom:.8rem; padding:0; font-size:1.1rem; font-weight:400; line-height:1.45; color:var(--gray000); border-radius:0; background-color:var(--gray000);}
.pay3 .primeplus-coupon__d-day > span, 
.pay3 .discount-pack__d-day > span {min-width:2.8rem; height:2rem; display:flex; align-items:center; justify-content:center; padding:.2rem .4rem; font-size:1.1rem; font-weight:400; line-height:2rem; border-radius:.4rem;}
.pay3 .primeplus-coupon__tit, 
.pay3 .discount-pack__tit {font-weight:600; line-height:1.5;}
.pay3 .primeplus-coupon__date, 
.pay3 .discount-pack__date {font-weight:400; color:var(--gray060); line-height:1.57;}

.pay3 .discount-pack li.disabled a {border-color:var(--gray020);}
.pay3 .disabled a, 
.pay3 .disabled button {pointer-events:none;}
.pay3 .discount-pack li.disabled a{pointer-events:initial}
.pay3 .disabled .primeplus-coupon__d-day, 
.pay3 .discount-pack li.disabled .discount-pack__d-day {color:var(--gray000); background-color:var(--gray000);}
.pay3 .disabled .primeplus-coupon__d-day > span, 
.pay3 .discount-pack li.disabled .discount-pack__d-day > span {color:var(--gray090); background-color:var(--gray005);}
.pay3 .disabled .primeplus-coupon__bottom, 
.pay3 .discount-pack li.disabled .discount-pack__bottom,
.pay3 .primeplus-coupon__bottom:disabled, 
.pay3 .discount-pack__bottom:disabled {background-color:var(--gray010); color:var(--gray050);}
.pay3 .disabled .primeplus-coupon__bottom:before, 
.pay3 .discount-pack li.disabled .discount-pack__bottom:before {display:none;}
.pay3 .discount-pack__bottom:disabled::before {display:none;}

/* [이벤트] 스탬프 찍고 포인트리! */
.box-mystamp {margin: 0 auto;}
.box-mystamp__cont {position: relative; display: flex; width: 100%; max-width: 430px;}
.box-mystamp__cont > img {width: 100%; height: auto;}
.box-mystamp__period {position: absolute; top: 16.37%; left: 50%; transform: translateX(-50%); width: 92.68%; font-size: 1.2rem; line-height: 1.33; text-align: center; color: #212121;}
.box-mystamp__period strong {color: #212121;}
.box-mystamp__item {position: absolute; left: 50%; bottom: 10.68%; width: 92.68%; height: 67.62%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, 1fr);}
.box-mystamp__item li {display: flex; justify-content: center; align-items: center;}
.box-mystamp__item img {width: 73.68%; height: 73.68%;}
.box-mystamp__category {position: absolute; width: 92.68%; display: flex; justify-content: center; left: 50%; bottom: 4.27%; transform: translateX(-50%);}
.box-mystamp__info {display: flex; align-items: center;}
.box-mystamp__info + .box-mystamp__info {margin-left: 1.6rem;}
.box-mystamp__info img {width: 2.4rem; height: 2.4rem; margin-right: .4rem;}
.box-mystamp__info p {color: #222222; font-size: 1.4rem; line-height: 1.71;}
.list-mystamp {word-break: keep-all;}
.list-mystamp li {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 2rem 0; border-top: 1px solid rgba(0, 0, 0, .08);}
.list-mystamp__status {display: flex; flex-direction: column; width: 10.4rem; margin: 0 1.2rem;}
.list-mystamp__status img {width: 100%; height: auto;}
.list-mystamp__desc {display: flex; flex-direction: column; width: calc(100% - 14.4rem); margin-left: 1.6rem;}
.list-mystamp__desc p {margin-top: 1.6rem;}
.list-mystamp__desc p:first-of-type {margin-top: 0;}
.list-mystamp__btn {margin-top: 1.6rem; width: 100%;}

/*스타샵 통합페이지 신설*/
.mystarshop-img {margin:2.4rem 0 1.6rem 0;}
.mystarshop-img img {width:100%; display:block;}
.starshop-customer {padding:3.2rem 1.6rem; background:var(--gray005);}

/* 연간 받은 포인트리 */
.box--gradient-blue {margin-top: -2.4rem; padding: 4.6rem 1.6rem 0; background: none; z-index: 1;}
.box--gradient-blue::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, #e6f6ff 29%, rgba(255, 255, 255, 0) 125%); z-index: -1;}
.box--pointree-year {align-items: center; margin-bottom: 2.4rem; border: none; padding: 1.6rem;}
.box--pointree-year::before {content: ''; display: block; width: 10.8rem; height: 6.9rem; position: absolute; top: -6.0rem; right: 1.6rem; background: url(https://img1.kbcard.com/home_re/mo/img/benefit/img-pointree-calendar.png) no-repeat; background-size: 100%; z-index: -1;}
.count-up {font-weight: 600; letter-spacing: -.03rem;}