@charset "UTF-8"; 
/* Service */
.overseas-service {
  position: relative;
  height: 30.8rem;
  margin: 0 -1.6rem;
  padding-top: 2.5rem;
}

.overseas-service:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 26rem;
  background: #44464f url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-remittance2.svg) no-repeat center bottom;
  background-size: cover;
}

.overseas-service:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 26rem;
  background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-remittance.png) no-repeat center bottom;
  background-size: 36rem auto;
}

.overseas-service__txt {
  position: relative;
  color: var(--gray000);
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-align: center;
}

.service-info > li {
  position: relative;
  padding: 3.2rem 0 3.2rem 8rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.service-info > li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 6.4rem;
  height: 6.4rem;
  text-align: center;
  line-height: 6.4rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.service-info > li:nth-child(1):before, .service-info > li:nth-child(2):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/64/ico-sendabfast.svg);
}

.service-info > li:nth-child(3):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/64/ico-sendabfree.svg);
}

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

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

.link-block {
  display: block;
}

.link-block + .link-block {
  margin-top: 1.6rem;
}

.coupon-list {
  position: relative;
  margin-bottom: 4.8rem;
  text-align: center;
}

.coupon-list li {
  position: relative;
  padding: 2.4rem;
  margin-top: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid rgba(0, 0, 0, .16);
}

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

.coupon-list li:after {
  left: auto;
  right: -1.2rem;
}

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

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

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

.coupon-list__img {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background-size: 100% auto;
  background-position: 0 0;
}

.coupon-list__img.ico-valet {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-valetparking.svg);
}

.coupon-list__img.ico-oil {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-station.svg);
}

.coupon-list__img.ico-paycheck {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-paycheck.svg);
}

.coupon-list__img.ico-paycheck2 {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-paycheck2.svg);
}

.coupon-list__tit {
  display: block;
}

.coupon-list__desc {
  display: block;
  font-size: 1.4rem;
  line-height: 1.57;
  color: var(--gray060);
}

.coupon-list--line .coupon-list__item {
  padding: 1.6rem 1.6rem 1.6rem 6.4rem;
  border-radius: .4rem;
  text-align: left;
}

.coupon-list--line .coupon-list__item:before, .coupon-list--line .coupon-list__item:after {
  display: none;
}

.coupon-list--line .coupon-list__img {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  transform: translateY(-50%);
}

.coupon-list--line .coupon-list__title {
  display: block;
  margin-bottom: .4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: black;
}

.coupon-list--line .coupon-list__desc {
  display: block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: black;
  font-weight: 300;
}

.list-more.on .card-box {
  padding-bottom: 2.4rem;
}

.list-more__item {
  position: relative;
}

.list-more .card-box {
  position: relative;
  padding-bottom: 0;
}

.list-more .card-box__date {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.57;
  color: var(--gray060);
}

.list-more .card-box .badge {
  position: absolute;
  top: 0;
  right: 0;
}

.list-more .card-detail {
  display: none;
}

.list-more .card-detail .list-info li:first-child {
  margin-top: 2.4rem;
}

.list-more .card-detail .tit-dep1 {
  margin-top: 4.8rem;
}

.list-more .card-detail .tit-dep1:first-child {
  margin-top: 0;
}

.list-more .btn-more {
  margin-top: 2.5rem;
}

.list-more--line .card-detail .list-info {
  position: relative;
  padding-top: 5rem;
  margin: 0;
  border: 0;
}

.list-more--line .card-detail .list-info:before {
  content: '';
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, .08);
}

.list-more--line .card-detail .list-info li:first-child {
  margin-top: 0;
}

.list-more--line .btn-more {
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.chk.sv-push {
  align-items: stretch;
}

.chk.sv-push .radio-box label {
  display: block;
  padding: 1.6rem;
  word-wrap: break-word;
  word-break: keep-all;
  height: 100%;
  color: var(--gray090);
  text-align: left;
  line-height: 2.4rem;
  background-color: var(--gray000);
  background-position: center 1.6rem;
  background-repeat: no-repeat;
}

.chk.sv-push .radio-box label .sv-push__tit {
  text-align: center;
}

.chk.sv-push .radio-box label .sv-push__txt {
  padding-top: .8rem;
}

.chk.sv-push .radio-box.sv-push__itme1 label, .chk.sv-push .radio-box.sv-push__itme2 label {
  padding-top: 6.4rem;
  background-size: auto 3.2rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-push1.svg);
}

.chk.sv-push .radio-box.sv-push__itme2 label {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-push2.svg);
}

.chk.sv-push .radio-box.sv-push__itme3 label, .chk.sv-push .radio-box.sv-push__itme4 label {
  padding-top: 10rem;
  background-size: auto 6.8rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-push3.svg);
}

.chk.sv-push .radio-box.sv-push__itme4 label {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-push4.svg);
}

.card-used-alarm {
  text-align: center;
}

.card-used-alarm li {
  display: inline-block;
}

.card-used-alarm li + li {
  position: relative;
  padding-left: 4rem;
}

.card-used-alarm li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.6rem;
  left: 1.3rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-add.svg) no-repeat 0 0;
  background-size: 2.4rem 2.4rem;
}

.card-used-alarm li span {
  display: block;
  position: relative;
  padding-top: 6.4rem;
}

.card-used-alarm li span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 4.8rem;
  height: 4.8rem;
  transform: translateX(-50%);
}

.card-used-alarm__item1 span:before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-card-bill.svg) no-repeat 0 0;
}

.card-used-alarm__item2 span:before {
  background: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-card-info.svg) no-repeat 0 0;
}

.list-ars > li {
  display: flex;
  justify-content: flex-start;
}

.list-ars > li + li {
  margin-top: .8rem;
}

.list-ars span {
  display: block;
  width: 7rem;
  margin-right: .8rem;
  font-weight: 400 !important;
}

.list-ars strong {
  flex: 1;
  display: block;
  font-size: 1.6rem;
  font-weight: 400 !important;
}

.txt-customer {
  font-size: 2.4rem;
}

.txt-customer a {
  display: inline-block;
}

.txt-img--visa,
.txt-img--master {
  overflow: hidden;
  display: inline-block;
  width: 50px;
  height: 20px;
  background: #ffcccc;
  vertical-align: middle;
  text-indent: -9999px;
}

.merchant-tit {
  display: block;
  padding-bottom: 3.2rem;
  margin-bottom: 3.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.merchant-tit__phone {
  margin-top: .8rem;
  font-size: 2.4rem;
  line-height: 1.25;
  text-decoration: underline;
}

.news-list {
  margin: 0 -1.6rem;
}

.news-list > li {
  padding: 0 1.6rem;
}

.news-list > li:first-child {
  padding: 0 1.6rem;
}

.news-list > li:first-child > a {
  padding: 3.2rem 0 2.4rem;
}

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

.news-list__noti {
  background-color: var(--gray010);
}

.news-list__wrap {
  display: flex;
}

.news-list__cnt {
  width: 100%;
}

.news-list__txt {
  overflow: hidden;
  display: -webkit-inline-box;
  position: relative;
  -webkit-line-clamp: 2;
  padding-right: .8rem;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}

.news-list__txt.on:after {
  content: '';
  position: absolute;
  top: .4rem;
  right: 0;
  width: .4rem;
  height: .4rem;
  background-color: #f76900;
  border-radius: 100%;
}

.news-list__date {
  display: block;
  margin-top: .4rem;
  font-size: 1.4rem;
  line-height: 1.57;
  color: var(--gray060);
}

.news-list__badge {
  flex: 0 0 auto;
  min-width: 6rem;
  text-align: right;
}

/* 생활대금납부 */
.slide-ico-list {
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: .4rem;
}

.slide-ico-list .btn-link {
  height: 100%;
  border: 0;
}

.sch-rst__desc {
  margin-top: .4rem;
  font-weight: 300 !important;
}

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

.sch-rst .chk-block input {
  padding: 0 3.2rem;
  text-align: center;
}

.sch-rst .chk-block input:checked + label .sch-rst__slt-show {
  display: block;
}

.sch-rst__slt-show {
  display: none;
  padding-top: 2.4rem;
}

.sch-rst__sub {
  margin-bottom: .4rem;
  color: var(--gray060);
}

/* 해외이용 */
.foreign-use-card {
  padding-bottom: 3.2rem;
  text-align: center;
}

.foreign-use-card .tit-dep1 {
  margin-bottom: 0;
}

.foreign-use-card .img-card {
  display: flex;
  align-items: center;
  width: 12rem;
  height: 12rem;
  margin: 2.4rem auto 3.2rem;
}

.foreign-use-card .img-card > img {
  max-width: 100%;
  max-height: 100%;
}

.foreign-use-card__num .card-box__desc {
  display: inline-block;
  margin-top: 0;
}

.foreign-use-card__date {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.virtual-card {
  margin: 3.2rem auto .8rem;
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .16);
  text-align: center;
}

.virtual-card__cont {
  position: relative;
  display: inline-block;
  width: 24rem;
  height: 15.2rem;
}

.virtual-card__cont > img {
  width: 100%;
}

.virtual-card__info {
  position: absolute;
  top: 9.3rem;
  left: 2.5rem;
}

.virtual-card__num {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.virtual-card__desc {
  margin-top: .4rem;
  font-size: 1.2rem;
  line-height: 2rem;
}

.virtual-card__desc span {
  display: inline-block;
}

.virtual-card__desc span + span {
  margin-left: .8rem;
}

.list-cnt > li {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 400 !important;
}

.list-cnt > li + li {
  margin-top: 1.6rem;
}

.idCard-img {
  padding: .8rem;
  border-radius: .8rem;
  border: 1px solid rgba(0, 0, 0, .08);
}

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

.stamp-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 28.8rem;
  margin: 0 auto;
}

.stamp-list__item {
  display: flex;
  flex-direction: column;
  width: 8rem;
  height: 8rem;
  margin: 0 .8rem 1.6rem;
  background-size: 8rem 8rem;
}

.stamp-list__item:nth-child(1) {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-stamp01.svg);
}

.stamp-list__item:nth-child(2) {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-stamp02.svg);
}

.stamp-list__item:nth-child(3) {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-stamp03.svg);
}

.stamp-list__item:nth-child(4) {
  margin-bottom: 0;
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-stamp04.svg);
}

.stamp-list__item:nth-child(5) {
  margin-bottom: 0;
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-stamp05.svg);
}

.stamp-list__item.on {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-stamp-on.svg);
}

.country-list .country-list__item {
  margin-top: 2.4rem;
  color: black;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.country-list .country-list__item:first-child {
  margin-top: 0;
}

.country-list .country-list__item > a {
  display: block;
  position: relative;
  padding-left: 5rem;
}

.country-list .country-list__item > a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 3.2rem;
  height: 2.4rem;
  background-size: 3.2rem 2.4rem;
  transform: translateY(-50%);
}

.country-list--china > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-china.png);
}

.country-list--greece > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-greece.png);
}

.country-list--germany > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-germany.png);
}

.country-list--russia > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-russia.png);
}

.country-list--malaysia > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-malaysia.png);
}

.country-list--vietna > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-vietna.png);
}

.country-list--spain > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-spain.png);
}

.country-list--singapore > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-singapore.png);
}

.country-list--uae > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-uae.png);
}

.country-list--indonesia > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-indonesia.png);
}

.country-list--kazakhstan > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-kazakhstan.png);
}

.country-list--cambodia > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-cambodia.png);
}

.country-list--thailand > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-tahiland.png);
}

.country-list--philppines > a:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/img/service/ico-flag-philppines.png);
}

.price-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.6rem 0;
  border-top: 1px solid rgba(0, 0, 0, .24);
  border-bottom: 1px solid rgba(0, 0, 0, .24);
}

.price-box__tit, .price-box__desc {
  color: var(--gray060);
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.price-box__desc {
  color: var(--gray090);
}

.title-area {
  position: relative;
}

.title-area .btn-rii {
  position: absolute;
  right: 0;
  top: 0;
}

.list-state {
  display: flex;
  justify-content: space-between;
  word-wrap: break-word;
  text-align: center;
}

.list-state li {
  position: relative;
  flex: 1;
  padding: 2.3rem 0 1.9rem;
}

.list-state li:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 4rem;
  margin-top: -2rem;
  background: rgba(0, 0, 0, .08);
}

.list-state__tit {
  display: block;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.list-state__count {
  display: block;
  margin-top: .8rem;
  font-size: 2.8rem;
  font-weight: 600 !important;
  line-height: 3.6rem;
}

.list-badge li {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.list-badge li > a:first-child {
  display: block;
  padding: 2.6rem 0;
}

.list-badge li:first-child a:first-child {
  padding-top: 0;
}

.list-badge__tit {
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  margin-top: .8rem;
}

.list-badge__desc {
  display: block;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-top: .4rem;
}

.db-area {
  font-weight: 300;
}

.db-area * {
  font-family: "KBFGText", sans-serif !important;
  font-size: 1.6rem !important;
  color: var(--gray090) !important;
  word-break: keep-all !important;
}

.db-area.word-break, .db-area.word-break span {
  word-break: break-all !important;
}

.agree-wrap {
  position: relative;
  height: 48.6rem;
  padding: 1.6rem;
  background-color: #fafafa;
}

.agree-wrap .swiper-slide {
  text-align: left !important;
}

.agree-wrap .swiper-paging-wrap {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  width: 14.1rem;
  height: 3.6rem;
  border-radius: 1.8rem;
  line-height: 3.6rem;
  background-color: rgba(0, 0, 0, .24);
  transform: translateX(-50%);
}

.agree-wrap .swiper-paging-wrap .swiper-button-next,
.agree-wrap .swiper-paging-wrap .swiper-button-prev {
  right: 1.6rem !important;
  width: 2.4rem !important;
  height: 3.6rem !important;
  margin-top: -1.8rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right-w.svg);
  z-index: 20;
}

.agree-wrap .swiper-paging-wrap .swiper-button-prev {
  left: 1.6rem;
}

.agree-wrap .swiper-paging-wrap .swiper-pagination {
  bottom: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  color: var(--gray000);
  font-size: 1.8rem;
}

.agree-wrap .swiper-paging-wrap .swiper-pagination > span {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: none !important;
}

.agree-wrap .swiper-paging-wrap .swiper-pagination > span + span {
  margin-left: 0 !important;
}

.agree-wrap .tbl-view tbody th,
.agree-wrap .tbl-view tbody td {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.agree-wrap .tbl-view tbody td {
  background-color: var(--gray000);
}

.billing-address {
  margin-top: 3.2rem;
  padding: 2.4rem 1.6rem;
  border-radius: .8rem;
  border: 1px solid rgba(0, 0, 0, .16);
}

.billing-address .img-box img {
  width: auto;
  height: 20px;
  vertical-align: top;
}

.billing-address .tbl-view tbody th,
.billing-address .tbl-view tbody td {
  padding: 1.6rem .5rem;
  font-size: 1.4rem;
  text-align: center !important;
}

.brand-icon {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.brand-icon:after {
  content: '';
  clear: both;
  display: block;
}

.brand-icon > li {
  display: flex;
  width: 33.333%;
  height: auto;
  justify-content: center;
}

.brand-icon > li > a {
  display: block;
  width: 6rem;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .4rem;
}

.brand-icon > li > a img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.form-cont {
  display: none;
}

.form-field--textarea.cs-report-tit textarea {
  height: 5.2rem;
}

.form-field--textarea.cs-report-cont textarea {
  height: 15.2rem;
}

.file-thumnamil {
  position: relative;
  margin-top: 2.4rem;
}

.file-thumnamil__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 10.4rem;
}

.file-thumnamil__scroll > li {
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: .4rem;
}

.file-thumnamil__scroll > li + li {
  margin-left: .8rem;
}

.file-thumnamil__img {
  display: block;
  width: 10.4rem;
  height: 10.4rem;
}

.file-thumnamil__img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .24);
}

.file-thumnamil__img > img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file-thumnamil__close {
  position: absolute;
  top: .8rem;
  right: .8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-black-close.svg) no-repeat center;
}

.view-image {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 36rem;
  height: auto;
  border: 1px solid #b3b3b3;
}

.view-image > img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 100%;
}

.scene-bd__head {
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .16);
}

.scene-bd__head .tit-dep1 {
  margin-bottom: .8rem;
}

.scene-bd__head .scene-bd__tag {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #f76900;
}

.scene-bd__date > span {
  position: relative;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.scene-bd__date > span + span:before {
  content: '|';
  display: inline-block;
  margin: 0 .4rem;
  color: #dde1e4;
}

.scene-bd__clip {
  margin-top: 2.4rem;
}

.scene-bd__clip .btn-clip {
  margin-top: .8rem;
}

.scene-bd__text {
  margin-top: 3.2rem;
  font-weight: 300 !important;
}

.scene-bd__reply {
  margin-top: 4.8rem;
  min-height: 20rem;
  background-color: var(--gray010);
}

.payment-type__item {
  margin-bottom: 3.2rem;
  padding: 1.6rem;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: .8rem;
}

.payment-type__title {
  display: block;
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.payment-type .img-box {
  margin: 1.6rem 0;
}

.payment-type .img-box img {
  width: 100%;
  height: auto;
}

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

.useway-list > li {
  position: relative;
  height: 5.6rem;
  margin-top: 3.2rem;
  padding-left: 7.2rem;
  line-height: 5.6rem;
}

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

.useway-list > li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5.6rem;
  height: 5.6rem;
  background-size: 3.2rem auto;
  background-position: center;
  background-repeat: no-repeat;
}

.useway-list > li:nth-child(1):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-virtual-card.svg);
}

.useway-list > li:nth-child(2):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-personalcheck.svg);
}

.useway-list > li:nth-child(3):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-connection.svg);
}

.useway-list > li:nth-child(4):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-function.svg);
}

.useway-list > li:nth-child(5):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-issued.svg);
}

.useway-list > li:nth-child(6):before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-purchase.svg);
}

.useway-list__text {
  display: inline-block;
  color: var(--gray090);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

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

.preview-box .preview-box__title {
  display: block;
  margin-bottom: 2.4rem;
}

.preview-box .img-box {
  overflow: hidden;
  margin-bottom: 1.6rem;
  border-radius: .8rem;
}

.preview-box .img-box img {
  vertical-align: top;
}

.preview-box .preview-box__text {
  word-break: break-all;
}

.payment-gate {
  position: relative;
  width: 100%;
  height: 35rem;
  padding: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/img/service/img-bg-pay.png) no-repeat center bottom;
  background-size: cover;
  border-radius: 1.6rem;
}

.payment-gate__img {
  position: absolute;
  bottom: 1.6rem;
  right: 0;
}

.payment-gate__img > img {
  width: 32.8rem;
}

.payment-sevice {
  margin-top: 3.2rem;
}

.payment-sevice__item {
  margin-top: 4.8rem;
}

.payment-sevice__item:first-child {
  margin-top: 0;
}

.payment-sevice__item .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
}

.payment-sevice__item .img-box img {
  width: 100%;
  height: 100%;
}

.payment-sevice__inner {
  position: relative;
  padding-left: 6.4rem;
}

.payment-sevice__title {
  display: block;
  margin-bottom: .8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--gray090);
  font-weight: 300;
}

.payment-sevice__desc {
  margin-top: 3.2rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}

.article.cont__btm .compliance-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5.4rem;
  padding: 1.6rem;
  background: #f5f5f5;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}


.visual-wrap {
  margin: 0 -1.6rem;
  padding: 3.2rem 1.6rem;
  background-color: #f9fafc;
}

.visual-wrap__img {
  width: 17.6rem;
  height: 17.6rem;
  margin: 0 auto;
}

.visual-wrap__img img {
  width: 100%;
  vertical-align: top;
}

.visual-wrap__cont {
  margin-top: 3.2rem;
}

.visual-wrap__title {
  color: var(--gray090);
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 400;
}

.visual-wrap__list {
  margin-top: 1.6rem;
}

.visual-wrap__list > li {
  position: relative;
  color: var(--gray090);
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 400;
}

.visual-wrap__list > li.last {
  padding-left: 3.8rem;
}

.visual-wrap__list > li.last span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.visual-wrap__benefits {
  margin-top: .4rem;
}

.visual-wrap__benefits span {
  display: inline-block;
  position: relative;
  margin-right: .4rem;
  padding-right: .5rem;
  color: var(--gray060);
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.visual-wrap__benefits span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 1.2rem;
  background-color: rgba(0, 0, 0, .16);
  transform: translateY(-50%);
}

.visual-wrap__benefits span:last-child {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.visual-wrap__benefits span:last-child:after {
  display: none !important;
}

.chatbot-wrap {
  height: calc(100vh - 5.6rem);
  margin: 0 -1.6rem;
  background-color: var(--gray010);
}

.chatbot-wrap__cont {
  width: 100%;
  height: 100vh;
}

.chatbot-wrap__bot {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray000);
  z-index: 10;
}

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

.franchise-list > li {
  width: 33.33%;
  margin-top: 3.2rem;
  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;
}

.message-preview {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 1.6rem;
  margin-bottom: 3.2rem;
  border: 1px solid rgba(0, 0, 0, .16);
  background: var(--gray000);
  border-radius: 1.6rem;
}

.message-preview .img-box {
  flex: 0 0 auto;
  width: 8rem;
  height: 8rem;
}

.message-preview .text-cont {
  padding-left: 1.6rem;
  color: var(--gray090);
  font-weight: 400;
  word-break: break-all;
}

.box-ars--reservation {padding:2.4rem 2.4rem 18.6rem 2.4rem; background:#ecf4ff url("https://img1.kbcard.com/home_re/mo/img/ars/img-visual-reservation.png") no-repeat bottom right; background-size:18.6rem 16.2rem; border-radius:1.6rem;}
.box-ars--reservation .txt-ss {color:var(--gray060);}
.box-ars--reservation .txt-s {color:#484b51;}

.tip-list li a {
    display:block;
    padding:1.6rem 2.4rem 1.6rem 0;
    background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat 100% 50%;
    background-size:2.4rem;
}
.tip-list__category {
    font-size:1.4rem;
    line-height:2rem;
    color:var(--gray060);
    font-weight:bold;
}
.tip-list__tit {
    display:inline-block;
    width:100%;
    height:2.4rem;
    overflow:hidden;
    font-size:1.6rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:600;
}
.tip-list__date {
    display:inline-block;
    font-size:1.4rem;
    line-height:2rem;
    color:var(--gray060);
}
.up-tip-more {
    height:auto;
    padding:3.6rem 0;
    text-align:center;
    font-size:1.4rem;
    color:var(--gray090);
}
.up-tip-more a {
    height:2rem;
    border-bottom:1px solid var(--gray090);
}
.btn-area {
    padding:1.8rem 1.6rem 2.4rem
}
.update-cont {
    min-height:25rem;
    margin:-1.6rem 0 0;
}
.update-cont .depTit1,
.update-cont .depTit2,
.update-cont .depTit3 {font-weight:600;}
.update-cont .depTit1 {font-size:2rem}
.update-cont .depTit2 {font-size:1.8rem}

/* 만족도 */
.rating-box {
  display: flex;
  flex-direction: column;
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.rating-box__list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rating-box__item {
  position: relative;
  height: 4.8rem;
}

.rating-box__item input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0;
  z-index: 10;
  opacity: 0;
}

.rating-box__item label {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-star-off.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.rating-box__item .selected {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-star-on.svg);
}

/* 소비저정보포털 */
.slt-box--type2 .btn-select {font-size:1.6rem;}

.scroll-view .scroll_cont, .scroll-view table {display:block; overflow-x:scroll; white-space:nowrap; }
.scroll-view table {border-top:1px solid #d1d1d1;}
.scroll-view table thead th {text-align:center;}
.scroll-view__double {overflow-x:scroll; white-space:nowrap;}
.scroll-view__double table {display:inline-block;width:100%;overflow-x:initial;white-space:initial;vertical-align:top;}
.check-box__full {width:85%; background-position:95%;}

.box--stretch { border-radius: unset;}
.box-shadow3 { margin: .8rem 0 0; padding: 2rem 1.6rem; border-radius: 1.2rem; background-color: var(--gray000); box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, .16);}
.ico-banner a:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1.6rem; height: 16px;  background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg); background-size: 1.6rem; }
.ico-banner__desc {margin-top: .8rem; font-weight:100;}
.ico-banner__item { position: relative; display:block; padding:0 1.6rem 0 4.8rem; background-size: 3.2rem; background-position: .8rem; font-weight:600;}
.ico-banner__item:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 3.2rem; height: 3.2rem; background-repeat: no-repeat; background-position: 0 0; background-size: 3.2rem;}
.ico-banner__item--notice:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-notice.svg); }
.ico-banner__item--consumer-alert:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-consumer-alert.svg); }
.ico-banner__item--found-detail:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-found-detail.svg); }
.ico-banner__item--handshake:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-handshake.svg); }
.ico-banner__item--bar-chart:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-bar-chart.svg); }
.ico-banner__item--finance-info:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-finance-info.svg); }
.ico-banner__item--security:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-2-security.svg); }

.step-area p { display: inline-block; }
.step-area span { display: block; color: #7361c5; }
.step-area li { margin-top: 0 !important; font-size: 1.4rem; line-height: 2.2rem; }

.consumer-list li { padding: 0 1.6rem; border-bottom: 1px solid #e9e9e9; }
.consumer-list span.list-link__title { font-weight: 400; }
.consumer-warning { margin-top: 2rem; font-size: 1.4rem; color: #5b5b5b; }
.consumer-warning h3 { font-size: 1.6rem; }
.consumer-warning sup { vertical-align: top; font-size: smaller; }
.consumer-warning .stak em { position: relative; }
.consumer-warning .stak em:after { content: ''; width: .2rem; height:.2rem; display: block; position: absolute; left: 50%; top: -.2rem; margin-left: -1px; background: rgba(0, 0, 0, 0.87); }
.consumer-warning .t_left { text-align: left; }
.consumer-warning .t_center { text-align: center; }
.consumer-warning .t_right { text-align: right; }
.consumer-warning .t_line { text-decoration: underline; }
.consumer-warning .t_blue { color: #0066ff; }
.consumer-warning .t_red { color: #f00; }
.consumer-warning .t_yellow { color: yellow; }
.consumer-warning .t_top { vertical-align: top !important; }
.consumer-warning .t_mid { vertical-align: middle; }
.consumer-warning .t_bot { vertical-align: bottom; }
.consumer-warning .bg-blue, .consumer-warning .stak.t_blue em:after { background: #0066ff; }
.consumer-warning .bg-red, .consumer-warning .stak.t_red em:after { background: #f00; }
.consumer-warning .bg-yellow, .consumer-warning .stak.t_yellow em:after { background: yellow; }
.consumer-warning .bg-gray, .consumer-warning .box.bg-gray { background: #dde1e4; }
.consumer-warning .bg-white { background: var(--gray000) !important; }
.consumer-warning .bg-point1 { background: #FFCEB0; }
.consumer-warning .bg-point2 { background: #fff7cc; }

.consumer-warning .txt-s { font-size: 1.3rem !important; }
.consumer-warning .txt_sq { padding-left: 12px; background: url('https://img1.kbcard.com/LT/common/bullet/bu_32.gif') no-repeat left .7rem; }
.consumer-warning .txt_tri { padding-left: 12px; background: url('https://img1.kbcard.com/LT/images_r/customer/notice/bu_26.gif') no-repeat left .7rem; }
.consumer-warning .list-sq > li, .consumer-warning .list-cr > li, .consumer-warning .list-ch > li, .consumer-warning .list-tri > li, .consumer-warning .list-dash > li { position: relative; margin-top:.5rem; padding-left: 1.8rem; font-size: inherit; text-indent: 0; }
.consumer-warning .list-sq > li:before { position: absolute; left:0; top:0; content:'□'; }
.consumer-warning .list-sq > li.black:before { content:'■'; }
.consumer-warning .list-sq.type2 > li:before { transform:rotate(45deg) }
.consumer-warning .list-cr > li:before { position: absolute; left:0; top:0; content:'○'; }
.consumer-warning .list-cr > li.black:before { content:'●'; }
.consumer-warning .list-ch > li:before { position: absolute; left: 0; top: 0; content: '√'; }
.consumer-warning .list-tri > li:before { position: absolute; left:0; top:0; content:'▷'; }
.consumer-warning .list-dash > li { padding-left: 1.4rem; }
.consumer-warning .list-dash > li:before { position: absolute; left:0; top:0; content:'-'; }
.consumer-warning .list-nm > li, .consumer-warning .list-cr-num > li { margin-top: .5rem;}
.consumer-warning .list-nm > li { margin-left: 2rem; list-style-type: decimal; }
.consumer-warning .list-cr-num > li { position: relative; padding:0 0 0 2.2rem; font-size: inherit; color: #5b5b5b; }
.consumer-warning .list-cr-num > li .nm { position: absolute;  left: 0;  top: .2rem; border:1px solid #5b5b5b; border-radius: 100%; width: 1.6rem; box-sizing: border-box; height: 1.6rem; line-height: 1.7rem; font-size:13px; text-align: center; }
.consumer-warning .list-cr-num.red > li .nm { background: #f00; color: var(--gray000); border:1px solid #f00; }
.consumer-warning .list-cr-num.blue > li .nm { background: #0066ff; color: var(--gray000); border:1px solid #0066ff; }
.consumer-warning .list-cr-num.black > li .nm { background: #333; color: var(--gray000); border:1px solid #333; }
.consumer-warning .list-cr-num.line_red > li .nm { border: 1px solid #f00; }
.consumer-warning .list-cr-num.line_blue > li .nm { border: 1px solid #0066ff; }
.consumer-warning li.sup .nm { top: .5rem; }
.consumer-warning li.sup:before { top: .2rem; }

.consumer-warning .cs_img { text-align: center; }
.consumer-warning .cs_img img { max-width: 100%; vertical-align: middle; }
.consumer-warning .box { margin: 1rem 0; padding: .5rem; background: transparent; border:1px solid #ccc; border-radius: .5rem}
.consumer-warning .box.sq { padding: .5rem; border-radius: unset; }
.consumer-warning .box_bold { margin-bottom: 1rem; padding: 1.5rem; border: .5rem solid #ddd;}
.consumer-warning .box__tit { margin-bottom: .5rem; }
.consumer-warning .box__tit .txt-indent20 { margin-left: -.5rem; }
.consumer-warning .box__line { margin: 0 -.5rem .5rem; padding: 0 1rem .5rem; border-bottom: 1px solid #ccc; }
.consumer-warning .box .cs_img + .cs_img { margin: .5rem -.5rem .5rem; padding: .5rem .5rem 0; border-top: 1px solid #ccc; }

.consumer-warning table { margin: 1rem 0; border-top: 1px solid #dedede; border-left: 1px solid #dedede; }
.consumer-warning table thead th { background: #f1f2f4; border-right: 1px solid #dedede; }
.consumer-warning table th { padding: .5rem; }
.consumer-warning table tbody th,
.consumer-warning table td { padding: .5rem; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.consumer-warning table td.num { text-align: right; }
.consumer-warning table td.line_bottom { border-bottom: 3px double #666;}
.consumer-warning table.brt2 { border-top: 2px solid #333; }
.consumer-warning .tbl-type1 { border-left: 0; }
.consumer-warning .tbl-type1 td:last-child { border-right: 0; }
.consumer-warning .tbl-type3 th { border-right: 1px solid #dedede; background: #f1f2f4; }
.consumer-warning .tbl-type-s th, .tbl-type-s td { font-size: 1.2rem; text-align: center; }

.consumer-warning .cs_arrow { position: relative; display: inline-block; }
.consumer-warning .cs_arrow:before { content: ''; width: 1rem; height: .7rem; position: absolute; left: 50%; top: -.7rem; background: blue; margin-left: -.5rem; }
.consumer-warning .cs_arrow:after { content: ''; height: 0; width:0; position: absolute; border: 1rem solid transparent; left: -1rem; top: 0; border-top-color: blue;}
.consumer-warning .cs_arrow.right { margin: 0.5rem 0.8rem; transform: rotate(270deg); }
.consumer-warning .cs_arrow.gray:before { background: #ccc; }
.consumer-warning .cs_arrow.gray:after { border-top-color: #ccc; }

/* 유료상품 이용현황 */
.list-status__item {display:flex; flex-wrap:wrap; margin-bottom:1.2rem; padding:1.6rem; border-radius:1.2rem; border:1px solid #dde1ef;}
.list-status__icon {margin-right:1.6rem;}
.list-status__desc {flex:1;}

/* 해외온라인안전결제(가상카드) 개선 */
.accordions--card .accordions__item {overflow:hidden; position:relative; border:1px solid rgba(0, 0, 0, .16); border-radius:.8rem; margin-bottom:1.6rem;}
.accordions--card .accordions__item.on {border:1px solid var(--gray090);}
.accordions--card .accordions__tit {padding:0; border:0;}
.accordions--card .accordions__tit:before {top:2.6rem; right:1.6rem;}
.accordions--card .accordions__view {padding:0 2.8rem 1.6rem; background:none;}
.card-info--ellipsis {overflow:hidden;}
.card-info--ellipsis .card-info__tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabs__panel--total {position:relative; padding-top:2.4rem;}
.tabs__panel--total .txt-total {position:absolute; top:-2.4rem; right:0; margin-bottom:0;}
.card-info__number--wrap {white-space:normal;}

/* z-pay 디지털ARS */
.detail-info__step { padding: .6rem 0; background-color: var(--gray010); border: 2px solid #dde1e4; }
.detail-info__step strong { display: block; font-size: 1.8rem; line-height: 2.4rem; color: var(--gray090); }
.detail-info__icon { width: 2.4rem; height: 2.4rem; vertical-align: middle; }

.zpay-box { content: ''; display: inline-block; width: 100%; margin: 0 auto 1.6rem; background-repeat: no-repeat; background-size: 13.6rem; }
.zpay-box__tit { margin-bottom: .8rem; font-size: 1.8rem; line-height: 2.6rem; }
.zpay-box__txt { font-size: 2.4rem; line-height: 3.2rem; }
.zpay-box__img { display: flex; margin: 3.2rem auto 1.6rem; width: 13.6rem; height: 13.6rem; }

.zpay-list__item { position: relative; padding: 1.6rem 0; }
.zpay-list__item + .zpay-list__item { border-top: 1px solid rgba(0, 0, 0, .08); }
.zpay-list__item label { display: block; position: relative; padding-left: 4rem; }
.zpay-list__item label:before { content: ''; display: block; position: absolute; top: 1.6rem; left: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg) no-repeat 0 0; background-size: 100% auto; transform: translateY(-50%); }
.zpay-list__item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1; opacity: 0; }	.zpay-list__item input:checked + label:before { background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg); }
.zpay-list__item input:disabled + label { opacity: .5; }
.zpay-list__item:last-child { padding-bottom: 0; }

.zpay-list--box .zpay-list__item{ padding: 1.6rem; border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 0.5rem;}
.zpay-list--box .zpay-list__item + .zpay-list__item { margin-top: 1rem; }
.zpay-list--box .btn-del { position: absolute; top: 1.6rem; right: 1.6rem; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-close-circle2.svg) no-repeat; }

.zpay-list__title { display: inline-block; position: relative; font-weight: bold; }
.zpay-list__title:before { content: ''; position: absolute; left: 0; width: 3.2rem; height: 2.4rem; background-repeat: no-repeat; background-size: 100% auto; }
.zpay-list__card:before { display: none; }
.zpay-list__card > span { display: block; font-size: 1.6rem; color: rgba(0, 0, 0, .87); }
.zpay-list__card span + span { position: relative; padding-left: 0.125rem; margin-left: 0.125rem; color: rgba(0, 0, 0, .6); font-size: 1.4rem; }
.zpay-list__card span + span:before { display: none; }
.zpay-list__card, .zpay-list__account { display: block; position: relative; height: 2.4rem; margin-top: .4rem; padding-left: 3.6rem; font-size: 1.4rem; line-height: 2.4rem; }
.zpay-list__card:before { background-size: 100%; }
.zpay-list__card:before, .zpay-list__account:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 3.2rem; height: 2.4rem; background-position: 50% 0; background-repeat: no-repeat; }
.zpay-list__card--master:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-mastercard.png); }
.zpay-list__card--visa:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-visa.png); }
.zpay-list__card--amex:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-americanexpress.png); }
.zpay-list__card--jcb:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-jcb.png); }
.zpay-list__card--upi:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-unionpay.png); }
.zpay-list__card--local:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-local.png); }
.zpay-list__card--k-upi:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-unionpay-kworld.png); }
.zpay-list__card--k-jcb:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-jcb-kworld.png); }
.zpay-list__account:before { background-size: 2.4rem; }
.zpay-list__account span:first-child { font-weight: bold; }
.zpay-list__account span + span { position: relative; padding-left: 0.5rem; margin-left: 0.5rem; }
.zpay-list__account span + span:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 0.75rem; background: rgba(0, 0, 0, 0.16); transform: translateY(-50%); }
.zpay-list__account--kb:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-kb.png); }
.zpay-list__account--sh:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-sh.png); }
.zpay-list__account--ibk:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-ibk.png); }
.zpay-list__account--nh:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-nh.png); }
.zpay-list__account--hana:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-hana.png); }
.zpay-list__account--busan:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-busan.png); }
.zpay-list__account--daegu:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-daegu.png); }
.zpay-list__account--gwangju:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-gwangju.png); }
.zpay-list__account--jeonbuk:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-jeonbuk.png); }
.zpay-list__account--jeju:before { background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-jeju.png); }
.zpay-list__device { display: block; margin-top: .4rem; font-size: 1.4rem; line-height: 2.4rem; }

.zpay-banner { display: block; margin-top: 3.2rem; padding: 1.6rem 2.4rem; background-position: top right; background-repeat:no-repeat; background-size: contain; border-radius: 1.2rem; font-size: 1.4rem; color: var(--gray090); }
.zpay-banner__tit { font-size: 1.6rem; font-weight: bold; color: var(--gray090); }
.zpay-banner__desc { width: calc(100% - 10rem); margin: .4rem 0 1.6rem; line-height: 2rem; }
.zpay-banner__link { position: relative; line-height: 2rem; }
.zpay-banner__link:after { content: ''; display: inline-block; position: absolute; top: .2rem; width: 1.6rem; height: 1.6rem; background: url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg') no-repeat top right; background-size:100% auto;}

/* 금융사기 예방 안내 Tip */
.ctm-secu-ban { position: relative; width: 100%; background-color:rgba(206, 220, 235, 0.24); border-radius: 1.6rem; margin-top: -2.4rem; }
.ctm-secu-ban > a { display: flex; }
.ctm-secu-ban__cnt { flex: 1; padding: 1.5rem 0 1.5rem 1.6rem; font-size: 1.6rem; line-height: 1.55; }
.ctm-secu-ban__tit { font-size: 1.6rem;}
.ctm-secu-ban__txt { margin-top: .4rem; font-size: 1.8rem; font-weight: bold; line-height: 2.4rem; }
.ctm-secu-ban__img { width: 7.6rem; margin: 0.9rem 1.5rem 0.8rem 0; display: flex; }
.ctm-secu-ban__img img { width: 100%; height: 100%;}

/* 광고 홍보 안내 */
.kbpay-ad {overflow-x:hidden; position:relative;}
.kbpay-ad__cont {display:flex; flex-direction:column; align-items:center; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;}
.kbpay-ad__inner {opacity:0; display:flex; flex-direction:column; align-items:center;}
.kbpay-ad__logo {width:12.2rem;}
.kbpay-ad__logo img {width:100%; height:auto;}
.kbpay-ad__desc {color:var(--gray090); font-size:clamp(1.6rem, 5.56vw, 2rem); line-height:1.7; word-break:keep-all;}
.kbpay-ad__desc--white {color:#8c949e;}
.kbpay-ad__btn {margin-top:3.2rem;}
.kbpay-ad__btn a {display:flex; align-items:center; justify-content:center; width:26.4rem; height:5rem; border-radius:.8rem; background:var(--yellow040); font-size:1.4rem; font-weight:bold; color:#121315; box-shadow:1px 1px 6px 0 rgba(0, 0, 0, 0.04);}
.kbpay-ad__btn a:after {content:''; width:2.4rem; height:2.4rem; margin-left:.8rem; background:url("https://img1.kbcard.com/home_re/mo/ico/24/ico-kbpay-ad-download.svg") 0 0 no-repeat; background-size:100%;}
.kbpay-ad__btn--white a {background:var(--gray000);}
.kbpay-ad__txt {font-size:clamp(2.4rem, 8.34vw, 3rem); font-weight:bold; color:#484b51; line-height:1.6; word-break:keep-all;}
.kbpay-ad__txt--m {font-size:clamp(1.4rem, 4.46vw, 1.6rem); line-height:1.5;}
.kbpay-ad__txt--s {font-size:clamp(1.3rem, 3.89vw, 1.4rem); color:var(--gray060); line-height:2;}
.kbpay-ad__txt--ss {font-size:clamp(1.2rem, 3.6vw, 1.3rem); font-weight:normal; color:var(--gray060); line-height:1.62;}
.kbpay-ad__txt--white {color:var(--gray000);}
.kbpay-ad__txt--gray {color:#8c949e;}
.kbpay-ad__strong {color:var(--gray000);}
.kbpay-ad__strong--black {color:var(--gray090);}
.kbpay-ad__overlay {color:#484b51;}
.kbpay-ad__tit {font-size:clamp(1.3rem, 3.89vw, 1.4rem); font-weight:bold; color:var(--yellow040); line-height:1.57;}
.kbpay-ad__tit--l {font-size:clamp(1.4rem, 4.46vw, 1.6rem); line-height:1.5;}
.kbpay-ad__venn {opacity:0;}
.kbpay-ad__circle {display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:27rem; height:27rem; margin-top:1.6rem; padding-top:5.2rem; border-radius:100%; background:#121315;}
.kbpay-ad__plus {position:relative; width:2.9rem; height:2.9rem; margin:1.6rem auto 0;}
.kbpay-ad__plus:before {content:''; position:absolute; top:50%; left:50%; width:100%; height:0.4rem; background:var(--yellow040); transform:translate(-50%, -50%);}
.kbpay-ad__plus:after {content:''; position:absolute; top:50%; left:50%; width:0.4rem; height:100%; background:var(--yellow040); transform:translate(-50%, -50%);}
.kbpay-ad__app {min-width:7.2rem; margin:.4rem; font-size:1.2rem; font-weight:bold; color:var(--gray000); line-height:1.67; text-align:center;}
.kbpay-ad__app:before {content:''; display:block; width:4.8rem; height:4.8rem; margin:0 auto .8rem; background-repeat:no-repeat; background-position:center; background-size:100%;}
.kbpay-ad__app--kbpay:before {background-image:url("https://img1.kbcard.com/home_re/mo/logo/48/logo-kbpay-ad-kbpay.png");}
.kbpay-ad__app--kbbank:before {background-image:url("https://img1.kbcard.com/home_re/mo/logo/48/logo-kbpay-ad-kbbank.png");}
.kbpay-ad__app--kbbiz:before {background-image:url("https://img1.kbcard.com/home_re/mo/logo/48/logo-kbpay-ad-kbbiz.png");}
.kbpay-ad__app--kbliiv:before {background-image:url("https://img1.kbcard.com/home_re/mo/logo/48/logo-kbpay-ad-liiv.png");}
.kbpay-ad__app--kbproperty:before {background-image:url("https://img1.kbcard.com/home_re/mo/logo/48/logo-kbpay-ad-property.png");}
.kbpay-ad__app--goods:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/48/ico-kbpay-ad-01.png");}
.kbpay-ad__app--past:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/48/ico-kbpay-ad-02.png");}
.kbpay-ad__app--data:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/48/ico-kbpay-ad-03.png");}
.kbpay-ad__app--interest:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/48/ico-kbpay-ad-04.png");}
.kbpay-ad__app--search:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/48/ico-kbpay-ad-05.png");}
.kbpay-ad__compare {opacity:0; margin-top:8rem;}
.kbpay-ad__legend-wrap {display:flex; align-items:center; justify-content:center;}
.kbpay-ad__legend {display:flex; align-items:center; padding:0 1.2rem; font-size:1.4rem; font-weight:bold; line-height:1.57;}
.kbpay-ad__legend:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-right:.8rem; background-repeat:no-repeat; background-position:center; background-size:100%;}
.kbpay-ad__legend--other {color:#c6cbd0;}
.kbpay-ad__legend--other:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/16/ico-kbpay-ad-legend-gray.png");}
.kbpay-ad__legend--our {color:#ffbc00;}
.kbpay-ad__legend--our:before {background-image:url("https://img1.kbcard.com/home_re/mo/ico/16/ico-kbpay-ad-legend-yellow.png");}
.kbpay-ad__data {display:flex; flex-wrap:wrap; justify-content:center; max-width:32rem; margin-top:1.9rem;}
.kbpay-ad__ctg {width:14.6rem; height:26.6rem; margin:.4rem .7rem; background:url("https://img1.kbcard.com/home_re/mo/img/service/img-kbpay-ad-data-01.png") no-repeat center; background-size:100%;}
.kbpay-ad__ctg--other {height:24.2rem; background:url("https://img1.kbcard.com/home_re/mo/img/service/img-kbpay-ad-data-02.png") no-repeat center; background-size:100%;}
.kbpay-ad__item {display:block; margin-top:1.6rem; color:#121315; font-size:1.2rem; font-weight:bold; line-height:1.67; text-align:center;}
.kbpay-ad__item:nth-child(1){margin-top:4.1rem;}
.kbpay-ad__item:nth-child(2) {margin-top:4rem;}
.kbpay-ad__list {margin-top:6.4rem;}
.kbpay-ad__list--last {margin-top:0; margin-bottom:7.2rem; align-self:flex-end;}
.kbpay-ad__phone {width:23.2rem; height:44.8rem; margin:0 auto;}
.kbpay-ad__phone img {width:100%;}
.kbpay-ad__exp {margin-top:.8rem; font-size:1.4rem; line-height:1.57; color:var(--gray090);}
.kbpay-ad__mail {margin-top:2.4rem;}
.kbpay-ad__mail a {display:block; color:var(--gray090); font-size:1.4rem; font-weight:bold; line-height:1.57;}
.kbpay-ad__reviewed {margin-top:3.2rem; font-size:1.4rem;}
.kbpay-ad__fixed {display:none; position:fixed; bottom:1.6rem; right:1.6rem; z-index:1;}
.kbpay-ad__fixed a {display:flex; flex-direction:column; align-items:center; justify-content:center; width:6.4rem; height:6.4rem; border-radius:100%; background:var(--yellow040); font-size:1.1rem; color:var(--gray090); font-weight:bold; line-height:1.27; text-align:center; box-shadow:1px 1px 1.1rem 0 rgba(0, 0, 0, 0.8);}
.kbpay-ad__fixed a:after {content:''; display:block; width:2.4rem; height:2.4rem; margin-top:0.2rem; background:url("https://img1.kbcard.com/home_re/mo/ico/24/ico-kbpay-ad-download.svg") 0 0 no-repeat; background-size:100%;}
.kbpay-ad__cont--visual {height:74rem; min-height:74rem; padding-top:5.6rem; background-image:url(https://img1.kbcard.com/home_re/mo/img/service/bg-kbpay-ad-visual-01.png);}
.kbpay-ad__cont--second {height:67.3rem; min-height:67.3rem; padding:8rem min(11.12vw, 4rem) 0; background-image:url(https://img1.kbcard.com/home_re/mo/img/service/bg-kbpay-ad-visual-02.png); background-position:0 0;}
.kbpay-ad__cont--second .kbpay-ad__txt--s span {padding:0 1.2rem;}
.kbpay-ad__cont--third {height:119.8rem; min-height:119.8rem; padding-top:8rem; background-image:url(https://img1.kbcard.com/home_re/mo/img/service/bg-kbpay-ad-visual-03.png);}
.kbpay-ad__cont--fourth {height:102.6rem; min-height:102.6rem; padding-top:8rem; background-image:url(https://img1.kbcard.com/home_re/mo/img/service/bg-kbpay-ad-visual-04.png);}
.kbpay-ad__cont--swiper .swiper-slide {display:flex; justify-content:center; height:68.6rem; min-height:68.6rem;}
.kbpay-ad__cont--swiper .swiper-slide:nth-child(odd){background:var(--yellow040);}
.kbpay-ad__cont--swiper .swiper-slide:nth-child(even){background:#ffd743;}
.kbpay-ad__cont--swiper .kbpay-ad__btn {margin-top:22.5rem;}
.kbpay-ad__cont--footer {height:32rem; min-height:32rem; padding-top:6.4rem;}
.kbpay-ad__cont--footer .kbpay-ad__txt:before {content:''; display:block; width:5.6rem; height:5.6rem; margin:0 auto 1.6rem; background:url("https://img1.kbcard.com/home_re/mo/ico/56/ico-kbpay-ad-mail.png") no-repeat center; background-size:100%;}
/* animation */
.kbpay-ad__cont--visual.on .kbpay-ad__inner,
.kbpay-ad__cont--third.on .kbpay-ad__inner,
.kbpay-ad__cont--fourth.on .kbpay-ad__inner {animation:kbpay-ad__fade-in-down 1s ease-in-out forwards;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--yellow {animation:kbpay-ad__text-overlay1 1s linear forwards;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--white {animation:kbpay-ad__text-overlay2 1s linear forwards;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--yellow:nth-of-type(1) {animation-delay:0s;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--white:nth-of-type(1){animation-delay:0.3s;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--white:nth-of-type(2){animation-delay:0.6s;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--white:nth-of-type(3){animation-delay:0.9s;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--white:nth-of-type(4){animation-delay:1.2s;}
.kbpay-ad__cont--second.on .kbpay-ad__overlay--white:nth-of-type(5){animation-delay:1.5s;}
.kbpay-ad__cont--third.on .kbpay-ad__venn,
.kbpay-ad__cont--fourth.on .kbpay-ad__compare {animation:kbpay-ad__fade-in-down 1s ease-in-out forwards; animation-delay:0.8s;}
.kbpay-ad__fixed.on {display:block; animation:kbpay-ad__fixed-btn .5s linear;}

@keyframes kbpay-ad__fixed-btn {
    0% {opacity:0; transform:translateY(-2.4rem);}
    100% {opacity:1; transform:translateY(0);}
}

@keyframes kbpay-ad__text-overlay1 {
    0% {
		background:linear-gradient(90deg,var(--yellow040) 0%, var(--yellow040) 50%, #484b51 50%, #484b51 100%); 
		background-size:200% 100%; 
		background-clip:text; 
		-webkit-background-clip:text; 
		background-position:100% 0%;
		color:transparent;
	}
    100% {
		background:linear-gradient(90deg,var(--yellow040) 0%, var(--yellow040) 50%, #484b51 50%, #484b51 100%); 
		background-size:200% 100%; 
		background-clip:text; 
		-webkit-background-clip:text; 
		background-position:0% 0%;
		color:transparent;
	}
}

@keyframes kbpay-ad__text-overlay2 {
    0% {
		background:linear-gradient(90deg,var(--gray000) 0%, var(--gray000) 50%, #484b51 50%, #484b51 100%); 
		background-size:200% 100%; 
		background-clip:text; 
		-webkit-background-clip:text; 
		background-position:100% 0%;
		color:transparent;
	}
    100% {
		background:linear-gradient(90deg,var(--gray000) 0%, var(--gray000) 50%, #484b51 50%, #484b51 100%); 
		background-size:200% 100%; 
		background-clip:text; 
		-webkit-background-clip:text; 
		background-position:0% 0%;
		color:transparent;
	}
}

@keyframes kbpay-ad__fade-in-down {
    0% {opacity:0; transform:translateY(-5rem);}
    100% {opacity:1; transform:translateY(0);}
}

/* 디지털ARS 상담예약서비스 */
.ars-booking {position:relative; margin:0 0 2.4rem; padding:0 1.6rem;}
.ars-booking__tit {font-size:1.8rem; line-height:1.33; font-weight:bold; line-height:2.4rem; color:var(--gray090);}
.ars-booking__img {position:absolute; top:2.4rem; right:1.6rem; transform:translateY(-50%); width:6.4rem; height:6.4rem;}
.ars-booking__img img {width:100%; height:auto;}
.ars-booking-step {position:relative;}
.ars-booking-step li {position:relative; margin-bottom:1.6rem; font-size:1.4rem; font-weight:bold; line-height:1.71;}
.ars-booking-step li:before {content:''; position:absolute; top:2.4rem; left:1.15rem; z-index:0; width:2px; height:2rem; border-left:2px solid #2952ae;}
.ars-booking-step li:last-child {margin-bottom:0;}
.ars-booking-step li:last-child:before {display:none;}
.ars-booking-step li em {color:#2952ae;}
.ars-booking-step__num {position:relative; display:inline-block; width:2.4rem; padding:.2rem .8rem; margin-right:1.2rem; color:#2952ae; font-weight:bold; text-align:center; z-index: 1;}
.ars-booking-step__num:before {content:''; position:absolute; top:0; left:0; width:2.2rem; height:2.2rem; border:2px solid #2952ae; border-radius: 50%; z-index: -1;}
.ars-booking-step__num.last:before {background:#2952ae;}
.ars-booking-step__num.last img{position:relative; top:.2rem; left:-.3rem; width:1.6rem;}

.main-box + .main-box {margin-top:2.4rem;}
.main-box .ico-banner-list + .main-box__tit {margin:2.4rem -2.4rem 1.6rem; padding:2.4rem 2.4rem 0; border-top: 1px solid #dde1e4;}
.main-box .ico-banner-list li + li {margin-top:2.4rem;}
.main-box .ico-banner-list .ico-banner__desc {overflow:hidden; margin-top: .2rem; white-space:nowrap; text-overflow:ellipsis; font-size:1.4rem; line-height: 1.43;}
.main-box .ico-banner__item--booking:before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-calendar-subscribe.svg) no-repeat;}
.main-box .ico-banner__item--schedule:before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-calendar-setting.svg) no-repeat;}
.main-box .ico-banner__item--paymentbook:before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-credit.svg);}
.main-box .ico-banner__item--historybook:before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-receipt-detail.svg);}
.main-box__tit {margin-left:.8rem; font-size:1.4rem; font-weight: 600;}

.box-sch-list {margin-top:1.6rem}
.box-sch-list li {position:relative; font-size:1.4rem; font-weight:600;}
.box-sch-list li + li {margin-top:1.6rem;}
.box-sch-list li .box-sch-list__txt {font-weight:400; margin-left:.8rem;}
.box-sch-list li .box-sch-list__date {color:var(--gray060);}
.box-sch-list li .badge {position:absolute; right:-.8rem;}
.box-sch-none {position:relative; margin:2.4rem -2.4rem 1.6rem; padding:2.4rem 2.4rem 0; border-top: 1px solid #dde1e4; font-size:1.4rem; color:var(--gray060); text-align:center;}
.box-sch-none:before {content:''; display: inline-block; width: 6.4rem; height: 6.4rem; background:url(https://img1.kbcard.com/home_re/mo/img/img-char-money-hand.png) no-repeat center center; background-size:6.4rem;}

/* 상품공시실 */
.tbl-scroll {display:block; overflow-x:scroll; border-top:1px solid #d1d1d1;}
.tbl-scroll table {min-width: 960px;}
.tbl-scroll thead th {white-space:nowrap;}

/* [고객센터] 카드해지 프로세스 개선(금감원 대응) */
.btn-wrap--line {margin-top:1.2rem; padding-top:1.6rem; border-top:1px solid rgba(0, 0, 0, .08);}

/* 생활대금자동납부 카드 이동 서비스 */
.swiper-pagination--etc {display:block; bottom:auto; left:auto; width:auto; height:auto; padding:.4rem .8rem; border-radius:1.2rem !important; background:var(--gray010) !important; font-size:1rem; color:var(--gray090); line-height:1.2rem; letter-spacing:-.14rem; transform:none;}
.swiper-pagination--etc .swiper-pagination-total {display:inline; width:auto; height:auto; margin:0; padding:0; background:transparent; color:var(--gray090) !important;}
.swiper-pagination--etc .swiper-pagination-current {opacity:1;}
.swiper-container--etc {width:calc(100% + 3.2rem); margin:0 -1.6rem; padding:0 3rem 0 1.6rem;}
.swiper-container--etc .swiper-slide + .swiper-slide {padding-left:1.6rem;}
.swiper-container--etc .swiper-next {right:0;}
.swiper-container--etc .swiper-prev {left:0; right:auto;}
.list-link--swiper {border:0; border-radius:0;}
.list-link--swiper .list-link__item {display:flex; flex-direction:column; position:relative; padding:1.6rem 3.2rem 1.6rem 6.4rem; border-radius:.8rem; background:#f7f7fa; text-align:left;}
.list-link--swiper .list-link__item:after {content:''; position:absolute; top:50%; right:1.6rem; width:2.4rem; height:2.4rem; background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat 100% 50%; background-size:2.4rem; transform:translateY(-50%);}
.list-link--swiper .list-link__text {margin-top:.4rem;}
.list-link__ico--budget {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-budget.svg);}
.list-link__ico--college-fee {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-college-fee.svg);}
.btn-link--banner {flex-direction:row; align-items:center; justify-content:flex-start; min-height:5.6rem; padding:1.6rem 4rem 1.6rem 1.6rem; border:0; border-radius:1.2rem; background:#f7f7fa;}
.btn-link--banner:before {display:none;}
.btn-link--banner .btn-link__icon {flex:none; width:2.4rem; height:2.4rem; margin-right:1.6rem;}
.btn-link--banner .btn-link__title {flex:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:.8rem; font-size:1.4rem; line-height:1.43;}
.accordions__tit--top:before {top:3.6rem;}
.accordions__status {display:flex; align-items:center; margin-top:.4rem;}
.accordions__sub {display:flex; align-items:center; font-size:1.4rem; line-height:1.43;}
.accordions__sub + .accordions__sub:before {content:''; display:inline-block; width:1px; height:1.4rem; margin:0 .8rem; background:#dde1ef;}
.bk-box--other {margin-top:2rem; padding-top:1.6rem; border-top:1px solid #dde1e4;}
.bk-box--other:first-of-type {margin-top:0; padding-top:0; border-top:0;}
.bk-box--other .bk-box__desc {flex-wrap:nowrap; align-items:center; padding-left:0;}
.bk-box--other .bk-box__desc:before {display:none;}
.bk-box__img {width:3.2rem; height:3.2rem; margin-right:.8rem;}
.list-info__desc--middle {align-self:center;}
.bk-switch {display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); grid-auto-rows:minmax(15.6rem, auto); gap:.8rem;}
.bk-switch__box {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding:1.6rem; border-radius:.8rem; border:1px solid #dde1e4; background-color:#f7f7fa; color:var(--gray060); text-align:center;}
.bk-switch__img {width:3.2rem; height:3.2rem;}
.bk-switch__tit {margin-top:.8rem;}
.bk-switch__desc {margin-top:.4rem; font-size:1.4rem; line-height:1.43;}
.bk-switch__box + .bk-switch__box {border:2px solid var(--gray090); background:var(--gray000); color:var(--gray090);}
.bk-switch__box + .bk-switch__box:after {content:''; position:absolute; top:50%; left:calc(-1.2rem / 2); width:2.4rem; height:2.4rem; transform:translate(-50%, -50%); border-radius:1.2rem; background:var(--gray090) url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-right-w.svg) no-repeat center center; background-size:1.6rem;}

/* kbpayV3 */
/* 혜외이용혜택 */
.overseas-benefits {overflow: hidden; position: relative; height: 44rem; margin: 0 -1.6rem; padding-top: 4rem; background-image: linear-gradient(to bottom, #c1e6fe 3%, #e6f5ff 63%, rgba(230, 245, 255, 0) 97%); text-align: center;}
.overseas-benefits::before,
.overseas-benefits::after {content: ''; position: absolute; background-size: 100% !important; background-repeat: no-repeat;}
.overseas-benefits::before {bottom: 9.7rem; left: -9rem; width: 17.5rem; height: 7rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-cloud-2.png);}
.overseas-benefits::after {bottom: 12.7rem; right: -4rem; width: 13rem; height: 7rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-cloud-3.png);}
.overseas-benefits__cont {position: relative; width: 100%; height: 100%;}
.overseas-benefits__cont::before {content: ''; position: absolute; bottom: 4rem; left: 50%; width: 30rem; height: 7.8rem; margin-left: -15rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-benefits.png) no-repeat; background-size: 100%;}
.overseas-benefits__badge {display: inline-block; padding: .5rem 1.6rem; border-radius: 1.9rem; color: var(--gray000); font-size: 1.4rem; font-weight: 700; background-color: #6ec2eb; letter-spacing: -.03rem;}
.overseas-benefits__tit {color: var(--gray090); font-size: 2.4rem; font-weight: 700; line-height: 1; letter-spacing: -.03rem;}
.overseas-benefits__badge + .overseas-benefits__tit {margin-top: 1.6rem;}
.overseas-benefits__img {position: relative; margin: 2.6rem auto 0; width: 19.6rem; height: 16.8rem;}
.overseas-benefits__img img {position: relative; width: 100%;}
.overseas-benefits__img::before {content: ''; position: absolute; top: 4.5rem; left: -4.5rem; width: 9.1rem; height: 5.2rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-cloud-1.png) no-repeat; background-size: 100%;}

/* Hot Pick, 외화머니, 해외여행 꿀팁, 배너 */
.overseas-banner__cont {display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 1.6rem 1.2rem; border-radius: 1.2rem;}
.overseas-banner__tit,
.overseas-banner__txt {display: block; letter-spacing: -.03rem; font-weight: 300;}
.overseas-banner__tit {font-weight: 700; color: #26282c;}
.overseas-banner__txt {color: var(--gray070); font-size: 1.4rem; line-height: 1.57;}
.overseas-banner__tit + .overseas-banner__txt {margin-top: 0.4rem;}
.overseas-banner__img {overflow: hidden; margin: -1.5rem 0 -1.2rem; width: 4rem; height: 4rem;}
.overseas-banner__img img {width: 100%; height: 100%; object-fit: contain;}

.overseas-banner--hotpick {position: relative; margin-top: -4rem;}
.overseas-banner--hotpick__cont {background-color: #fff8dc;}
.overseas-banner--hotpick__cont .overseas-banner__img {width: 13.2rem; height: 8rem; margin-right: -0.8rem;}
.overseas-banner--hotpick .overseas-banner__tit {width: 9.4rem; height: 2.2rem;}
.overseas-banner--hotpick .overseas-banner__txt {color: #cf655c; letter-spacing: -.03rem;}

.overseas-banner--tips__cont {min-height: 7.8rem; border-radius: 1.2rem; background-color: var(--gray005);}
.overseas-banner--tips__cont .overseas-banner__tit {font-size: 1.4rem;}

.overseas-banner--event__cont {min-height: 9.6rem; background-color: #f0eeff;}
.overseas-banner--event__cont .overseas-banner__img {width: 13.2rem; height: 9.6rem;}

.overseas-banner--money__cont {padding: 0 .4rem;}
.overseas-banner--money__cont .overseas-banner__tit {margin-bottom: 1.6rem; font-weight: 300;}
.overseas-banner--money__cont .overseas-banner__img {width: 12.8rem; height: 9.6rem; margin: 0;}

/* 여행,직구 */
.overseas-banner-travel + .overseas-banner-travel {margin-top: 3.2rem;}
.overseas-banner-travel__cont {display: flex; justify-content: space-between; align-items: center; min-height: 8rem; padding: 0 1.6rem; border-radius: 1.2rem;}
.overseas-banner-travel__txt {font-size: 1.6rem; font-weight: 700; letter-spacing: -.03rem;}
.overseas-banner-travel__img {overflow: hidden; width: 9.4rem; height: 8rem;}
.overseas-banner-travel__img img {width: 100%; height: 100%; object-fit: contain;}

/* 항공, 여행상품 */
.overseas-products {display: flex; margin: 0 -0.4rem;}
.overseas-products__cont {position: relative; overflow: hidden; flex: 1; height: 23rem; margin: 0 0.4rem; border-radius: 1.2rem; text-align: center;}
.overseas-products__cont > a {position: relative; display: block; width: 100%; height: 100%; padding: 2.2rem 1.6rem;}
.overseas-products__cont::before,
.overseas-products__cont::after,
.overseas-products__cont a::before,
.overseas-products__cont a::after {content: ''; position: absolute; background-size: 100% !important; background-repeat: no-repeat !important;}
.overseas-products__tit,
.overseas-products__txt {display: block; color: var(--gray000);}
.overseas-products__tit {margin-top: 0.4rem; font-size: 1.8rem; font-weight: 700;}
.overseas-products__txt {font-size: 1.4rem;}
.overseas-products--reservation__cont {background-image: linear-gradient(to bottom, #2a80c9 15%, #6dbafb 57%, rgba(165, 212, 254, 0) 98%);}
.overseas-products--reservation__cont::before {left: 0; bottom: 0; width: 100%; height: 20.6rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-reservation-cloud.png) 0 bottom ;}
.overseas-products--reservation__cont::after {left: -4.7rem; bottom: 0.9rem; width: 22.2rem; height: 8.1rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-reservation-airplane.png);}
.overseas-products--reservation__cont a::before {left: -2.3rem; bottom: 7.1rem; width: 7.4rem; height: 4.4rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-reservation-cloud-1.png);}
.overseas-products--reservation__cont a::after {right: -2rem; bottom: 8.1rem; width: 7.8rem; height: 3.4rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-reservation-cloud-2.png);}
.overseas-products--travel__cont {background-image: linear-gradient(to bottom, #ec99d2 16%, #efb8de 54%, rgba(165, 212, 254, 0) 98%);}
.overseas-products--travel__cont::before {left: 50%; bottom: 0; width: 42rem; height: 20.6rem; margin-left: -21rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-reservation-palace.png) 0 bottom ;}

/* 트래블러스 카드 */
.overseas-card {position: relative; padding: 20.8rem 1.6rem 2.4rem; border-radius: 1.6rem; border: 0.1rem solid var(--gray020); background-color: var(--gray000); text-align: center;}
.overseas-card::before {content: ''; position: absolute; top: 4.2rem; left: 50%; width: 17.6rem; height: 14.2rem; margin-left: -8.8rem; background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-card-2.png) no-repeat; background-size: 100%;}
.overseas-card--benefit {display: flex;}
.overseas-card--benefit__cont {position: relative; flex: 1; font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -.03rem;}
.overseas-card--benefit__cont::before {content: ''; display: block; width: 6.4rem; height: 6.4rem; margin: 0 auto 0.8rem; border-radius: 50%; background-position: 1.2rem !important; background-repeat: no-repeat !important;}
[class^="overseas-card--benefit"]::before {background-color: var(--gray005);}
.overseas-card--benefit1::before {background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-card-benefit-1.svg);}
.overseas-card--benefit2::before {background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-card-benefit-2.svg);}
.overseas-card--benefit3::before {background-image: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-card-benefit-3.svg);}

/* 안전 */
.overseas-safe {background-color: var(--gray005); margin: 0 -1.6rem; padding: 4rem 1.6rem;}
.overseas-safe--service + .overseas-safe--service {margin-top: 0.8rem;}
.overseas-safe--service__cont {display: flex; align-items: center; min-height: 7.8rem; padding: 1.6rem; font-size: 1.4rem; border-radius: 1.6rem; box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.1); background-color: var(--gray000);}
.overseas-safe--service__cont::before {content: ''; display: block; width: 4rem; height: 4rem; margin-right: 1.2rem; background-repeat: no-repeat !important;}
.overseas-safe--service__tit,
.overseas-safe--service__txt {display: block; letter-spacing: -.03rem;}
.overseas-safe--service__txt {margin-bottom: 0.2rem; color: var(--gray070);}
.overseas-safe--service1::before {background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-safe-service-1.svg);}
.overseas-safe--service2::before {background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-safe-service-2.svg);}
.overseas-safe--service3::before {background: url(https://img1.kbcard.com/home_re/mo/img/service/img-overseas-safe-service-3.svg);}

/* 해외 이용 확인 */
.overseas-check-points {margin: -.8rem -1.6rem;}
.overseas-check-points .swiper-container {padding: 0 .8rem;}
.overseas-check-points .swiper-slide {width: 15rem; margin: .8rem .4rem;}
.overseas-check-points .swiper-slide:first-child {margin-left: .8rem;}
.overseas-check-points .swiper-slide:last-child {margin-right: .8rem;}
.overseas-check-points__con {position: relative; display: block; width: 100%; height: 15.6rem; padding: 1.6rem; font-size: 1.4rem; font-weight: 700; text-align: left; border-radius: 1.6rem; box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, 0.1); background-color: var(--gray000); letter-spacing: -.03rem;}
.overseas-check-points__con::after {content: ''; position: absolute; bottom: 1.6rem; right: 1.6rem; width: 4rem; height: 4rem; background-repeat: no-repeat !important;}
.overseas-check-points__item--blocking::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-dcc-blocking.svg);}
.overseas-check-points__item--paysetting::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-paysetting.svg);}
.overseas-check-points__item--card::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-card.svg);}
.overseas-check-points__item--stop::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-stop.svg);}
.overseas-check-points__item--billing::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-billing.svg);}
.overseas-check-points__item--sms::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-sms.svg);}
.overseas-check-points__item--rate::after {background: url(https://img1.kbcard.com/home_re/mo/img/service/ico-visual-exchange-rate.svg);}

/* KB Pay 손해보험 배너 */
.travel-event__cont {display: block;}
.travel-event__cont img {width: 100%; height: 100%; vertical-align: top;}

/* 해외이용꿀팁 */
.list-link--tips {display: flex; margin: 0 -.8rem;}
.list-link--tips > li {flex: 1; margin: 0 .8rem; text-align: center; font-size: 1.4rem; line-height: 1.29;}
.list-link--tips li > a {position: relative; display: block; padding-top: 4rem; letter-spacing: -.03rem;}
.list-link--tips li > a::before {content:''; position: absolute; top: 0; left: 50%; width: 3.2rem; height: 3.2rem; margin-left: -1.6rem;}
.list-link--tips .list-link__tips1 a::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-departure.svg) no-repeat;}
.list-link--tips .list-link__tips2 a::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-visit.svg) no-repeat;}
.list-link--tips .list-link__tips3 a::before {background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-returnhome.svg) no-repeat;}

/* 비대면 금융사기예방 신규 컨텐츠 */
.fraud-contents .box-round {padding: 2.4rem; border-radius: 1.2rem; border: 1px solid var(--gray020); margin-top: 2.4rem}
.fraud-contents .list-check li{position: relative; padding-left: 40px}
.fraud-contents .list-check li:before {content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(https://img1.kbcard.com/home_re/pc/ico/64/ico-check.png) 0 0 no-repeat; background-size: 100% auto;}
.fraud-contents .list-check li strong {display: block; font-size: 1.6rem; line-height: 2.4rem; font-family: 'KBFGDisplayM';}
.fraud-contents .list-check li p {margin-top: 8px; font-size: 1.4rem; line-height: 2.2rem}
.fraud-contents .list-check li + li {margin-top: 24px}
.fraud-contents .list-wrap + .list-wrap {margin-top: 24px}
.fraud-contents .list-wrap strong {display: block; font-size: 1.6rem; line-height: 2.4rem; font-family: 'KBFGDisplayM';}
.fraud-contents .list-wrap strong + p {margin-top: .8rem; font-size: 1.4rem; line-height: 2.2rem}
.fraud-contents .list-wrap .list-box {margin-top: 1.6rem;}
.fraud-contents .list-box {padding: 2.4rem; border-radius: 1.2rem; background: var(--gray010);}
.fraud-contents .list-dot li {font-size: 1.4rem; line-height: 2rem; padding-left: 1rem; position: relative;}
.fraud-contents .list-dot li:before {content: ""; position: absolute; left: .2rem; top: .8rem;width: .2rem; height: .2rem; border-radius: 50%; background-color: var(--gray090)}
.fraud-contents .list-dot li + li {margin-top: .8rem}
.fraud-contents .accordions__view {font-size: 1.4rem; line-height: 2rem}
.fraud-contents .list-num-round li {position: relative; padding-left: 20px; font-size: 1.4rem; line-height: 2rem}
.fraud-contents .list-num-round li + li {margin-top: .8rem}
.fraud-contents .list-num-round li .num {position: absolute; left: 0; top: 0;}
.fraud-contents .box--white + .box--white:after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -3rem; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat 0 0; background-size: 100% auto;}
.fraud-contents .box--gray .txt-check {font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; padding-left: 3rem; position: relative;}
.fraud-contents .box--gray .txt-check:before {content: ''; position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg) 0 0 no-repeat; background-size: 100% auto}