@charset "UTF-8"; 
.listType1 {
  color: var(--gray090);
}

.listType1 > li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 9px;
  font-size: 1.6rem;
  line-height: 1.500em;
}

.listType1 > li:last-child {
  margin-bottom: 0;
}

.listType1 > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .8rem;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .87);
  background-color: currentColor;
}

.listType1 .oneLine > li {
  margin-bottom: 0;
}

.listType1 .gray {
  color: var(--gray060);
}

.listType1 .gray > li:before {
  background-color: rgba(0, 0, 0, .6);
}

.ios .listType1 > li:before {
  top: 9px;
}

.otherList {
  font-size: 1.4rem;
  line-height: 1.429em;
}

.otherList li {
  margin-bottom: 8px;
  padding-left: 20px;
  text-indent: -20px;
}

.otherList li:last-child {
  margin-bottom: 0;
}

.otherList li span {
  display: inline-block;
  width: 16px;
  padding-right: 4px;
  vertical-align: top;
  color: currentColor;
  text-indent: 0;
}

p .refer {
  position: relative;
  margin-top: 4px;
  padding-left: 17px;
  color: var(--gray060);
  font-size: 14px;
  line-height: 20px;
}

p .refer:before {
  content: "???";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 18px;
}

p .refer .qInfoBtn {
  width: 20px;
  height: 20px;
  margin: 0 0 0 2px;
  background-position: center;
  vertical-align: top;
}

.txtInfo {
  display: inline-block;
  position: relative;
  margin-top: 8px;
  padding-left: 20px;
  background: none;
  color: var(--gray090) !important;
  font-size: 14px;
  line-height: 20px;
}

.txtInfo:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16.png) no-repeat left center;
  background-size: 16px;
}

.txtInfo .red {
  color: #fb5252 !important;
}

.depTit3 {
  display: block;
  margin: 32px 0 16px;
  color: var(--gray090);
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.500em;
}

.tbsType1 {
  border-top: 1px solid rgba(0, 0, 0, .87);
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.429em;
}

.tbsType1 .listType1 > li {
  font-size: inherit;
  line-height: inherit;
}

.tbsType1 thead th {
  padding: 15px 5px;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #c9c9c9;
  background: rgba(0, 0, 0, .05);
  color: #444;
}

.tbsType1 thead th:first-child {
  border-left: 0;
}

.tbsType1 thead th .cellLine {
  border-left: 1px solid #e9e9e9;
}

.tbsType1 tbody th {
  padding: 15px 5px;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: rgba(0, 0, 0, .02);
  color: #444;
}

.tbsType1 tbody th:first-child {
  border-left: 0;
}

.tbsType1 tbody th .cellLine {
  border-left: 1px solid #e9e9e9;
}

.tbsType1 tbody td {
  padding: 15px 5px;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  color: var(--gray090);
}

.tbsType1 tbody td:first-child {
  border-left: 0;
}

.tbsType1 tbody td .cellLine {
  border-left: 1px solid #e9e9e9;
}

.tbsType1 .type2 thead th:first-child {
  border-right: 1px solid #c9c9c9;
}

.tbsType1 .type2 tbody th {
  text-align: left;
}

.tbsType1 .type2 tbody td {
  text-align: right;
}

.tbsType1 .sum th {
  color: var(--gray090);
}

.tbsType1 .sum td {
  color: #ff6c00;
}

.card-apply {
  padding-top: 0;
}

.card-apply__visual {
  padding-top: 3.2rem;
  text-align: center;
}

.card-apply__visual .tit-dep1 {
  margin-bottom: .4rem;
}

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

.card-apply__visual .img-card img {
  max-width: 100%;
  max-height: 100%;
}

.card-apply__visual .img-card.row img {
  transform: rotate(90deg);
}

.card-apply__visual .tabs__menu {
  display: inline-block;
  margin-bottom: 3.2rem;
}

.card-apply__visual--bg {
  margin: 0 -1.6rem;
  padding-bottom: 4.6rem;
  background: linear-gradient(to bottom, var(--gray000) 14%, var(--gray010) 43%, var(--gray010) 15%);
}

.card-apply__tag {
  margin: -.2rem 0;
}

.card-apply__tag .badge {
  margin: .2rem .4rem;
}

.card-apply__type {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.4rem;
}

.card-apply__type .card-logo {
  margin: 0 .4rem;
}

.card-apply__txt {
  font-weight: 300 !important;
}

.card-apply__bnf {
  display: block;
}

.card-apply__bnf + .card-apply__bnf {
  margin-top: .4rem;
}

.card-apply--flap {
  border-radius: 8px 8px 0 0;
  background-color: var(--gray000);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.01), 0 0 16px rgba(0, 0, 0, 0.05);
  margin-top: -1.6rem;
  padding: 1.6rem;
}

.card-apply--flap .steps {
  margin-bottom: 0;
  padding-top: 0;
  opacity: .5;
}

.card-apply--flap .steps::before {
  display: none;
}

.card-apply--flap .article {
  display: none;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.card-apply--flap.step1 {
  margin-top: 1.6rem;
}

.card-apply--flap.step3 {
  margin-bottom: 8rem;
}

.card-apply--flap.on {
  padding-top: 2.4rem;
}

.card-apply--flap.on .steps {
  opacity: 1;
}

/* card-apply--flap 카드프로세스 개선 후 삭제 필요 */
.card-apply--flap.on .steps__count {
  background-color: var(--yellow040);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 1.3rem;
  padding: 0.2rem 1.1rem 0 1rem;
}

.card-apply--flap.on .steps__count span:first-child {
  font-weight: 100;
}

.card-apply--flap.on .article {
  display: block;
}

.card-apply--flap.on ~ .card-apply--flap .steps {
  opacity: 1;
}

.card-banner {
  display: flex;
  align-items: center;
  padding: 1.6rem 2.4rem;
  min-height: 11.2rem;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: .8rem;
  background: #ffcccc;
}

.card-detail {
  margin: 0 -1.6rem;
}

.card-detail .accordions__item {
  position: relative;
  padding: 0 1.6rem;
}

.card-detail .accordions__item + .accordions__item {
  position: relative;
  padding-top: .8rem;
}

.card-detail .accordions__item + .accordions__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .7rem;
  border-top: 1px solid rgba(0, 0, 0, .08);
  background: #f9fafc;
}

.card-detail .btn-npay {
  position: absolute;
  top: 3.2rem;
  right: 1.6rem;
  z-index: 10;
}

.card-detail .btn-npay img {
  height: 3.2rem;
  vertical-align: top;
}

.card-detail .accordions__item .btn-npay {
  position: absolute;
  top: 2rem;
  right: 4.8rem;
  z-index: 10;
}

.card-detail .accordions__item .btn-npay img {
  height: 3.2rem;
  vertical-align: top;
}

.card-detail .accordions__tit {
  border-bottom: 0;
}

.card-detail .accordions__tit span {
  margin-left: 1.8rem;
  font-weight: 300 !important;
}

.card-detail .accordions__view {
  padding-left: 0;
  padding-right: 0;
  background: none;
  font-weight: 400 !important;
}

.card-detail .accordions__view > .tit-form:first-child {
  margin-top: 0;
}

.add-family {
  margin: 0 -1.6rem;
}

.add-family .accordions__item {
  padding: 0 1.6rem;
}

.add-family .accordions__item + .accordions__item {
  position: relative;
  padding-top: .8rem;
}

.add-family .accordions__item + .accordions__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .7rem;
  border-top: 1px solid rgba(0, 0, 0, .08);
  background: #f9fafc;
}

.add-family .accordions__tit {
  border-bottom: 0;
}

.add-family .accordions__tit span {
  margin-left: 1.8rem;
  font-weight: 300 !important;
}

.add-family .accordions__view {
  padding-left: 0;
  padding-right: 0;
  background: none;
}

.add-family .accordions__view > .tit-form:first-child {
  margin-top: 0;
}

.sl-alphaone {
  background: var(--gray010);
  border: 1px solid var(--gray010);
  border-radius: .8rem;
}

.sl-alphaone .swiper-slide {
  display: flex;
  align-items: center;
  height: 13.6rem;
  padding: 0 17.6rem 0 1.6rem;
  text-align: left;
}

.sl-alphaone__img {
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  text-align: right;
}

.sl-alphaone__img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
}

.kbwise-form {
  margin: 2rem 0 3.6rem;
}

.kbwise-form .tit-form {
  margin-top: 0;
}

.feedback--card:before {
  display: none;
}

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

.feedback--card .img-card img {
  max-width: 100%;
  max-height: 100%;
}

.feedback--card .img-card.row img {
  transform: rotate(90deg);
}

.chk-card .radio-box {
  margin: 0;
}

.chk-card .radio-box label {
  display: block;
  text-align: center;
}

.chk-card .radio-box label:before {
  display: none;
}

.chk-card .radio-box label .img-card {
  margin-bottom: 1.6rem;
}

.chk-card .radio-box label .img-card img {
  width: 12rem;
  vertical-align: middle;
}

.chk-card .radio-box label .img-card.row {
  width:12.5rem;
  height:12.5rem;
  line-height:12.5rem;
}

.chk-card .radio-box label .img-card.row img {
  transform: rotate(90deg);
}

.chk-card .radio-box label span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.chk-card .radio-box label span:before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 .8rem 0 0;
  border-radius: 50%;
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-off.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.chk-card .radio-box input:checked + label span:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-on.svg);
}

.sl-card-design.chk-card .radio-box label .img-card.row {width: 20rem;height:20rem;line-height:20rem;}

.custom-slide1,
.custom-slide2,
.custom-slide3 {
  margin-top: 1.6rem;
}

.custom-slide1 .swiper-wrapper,
.custom-slide2 .swiper-wrapper,
.custom-slide3 .swiper-wrapper {
  height: auto;
}

.custom-slide1 .swiper-slide,
.custom-slide2 .swiper-slide,
.custom-slide3 .swiper-slide {
  text-align: left;
  height: auto;
}

.custom-slide1 .swiper-button-next,
.custom-slide1 .swiper-button-prev,
.custom-slide2 .swiper-button-next,
.custom-slide2 .swiper-button-prev,
.custom-slide3 .swiper-button-next,
.custom-slide3 .swiper-button-prev {
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
  background-size: 2.4rem 2.4rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg);
}

.custom-slide1 .swiper-button-prev,
.custom-slide2 .swiper-button-prev,
.custom-slide3 .swiper-button-prev {
  left: 0;
  right: auto;
  transform: rotate(-180deg);
}

.custom-slide1.chk-card .radio-box label .img-card,
.custom-slide2.chk-card .radio-box label .img-card,
.custom-slide3.chk-card .radio-box label .img-card {
  display: flex;
  align-items: center;
  width: 20rem;
  height: 12.8rem;
  margin: 0 auto;
}

.custom-slide1.chk-card .radio-box label .img-card img,
.custom-slide2.chk-card .radio-box label .img-card img,
.custom-slide3.chk-card .radio-box label .img-card img {
  width: auto !important;
  max-width: 100%;
  max-height: 100%;
}

.custom-slide1.chk-card .radio-box label span,
.custom-slide2.chk-card .radio-box label span,
.custom-slide3.chk-card .radio-box label span {
  margin: 1.6rem 0 0;
}

.custom-slide1.chk-card .radio-box label span:before,
.custom-slide2.chk-card .radio-box label span:before,
.custom-slide3.chk-card .radio-box label span:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg);
}

.custom-slide1.chk-card .radio-box input:checked + label span:before,
.custom-slide2.chk-card .radio-box input:checked + label span:before,
.custom-slide3.chk-card .radio-box input:checked + label span:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg);
}

.lettering {
  text-align: center;
}

.lettering__card {
  display: inline-block;
  position: relative;
}

.lettering img {
  width: 100%;
  max-width: 48rem;
}

.lettering__txt {
  position: absolute;
  top: 36%;
  left: 30%;
  width: 65%;
  padding: 0 .4rem;
  background: rgba(255, 255, 255, .47);
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.card-logo {
  overflow: hidden;
  display: inline-block;
  width: 3.2rem;
  height: 2.4rem;
  background-size: auto 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  vertical-align: top;
}

.card-logo--master {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-mastercard.png);
}

.card-logo--visa {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-visa.png);
}

.card-logo--amex {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-americanexpress.png);
}

.card-logo--jcb {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-jcb.png);
}

.card-logo--upi {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-unionpay.png);
}

.card-logo--local {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-local.png);
}

.card-logo--k-upi {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-unionpay-kworld.png);
}

.card-logo--k-jcb {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-jcb-kworld.png);
}

.card-logo--ball {
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid rgba(0, 0, 0, .16);
  border-radius: 50%;
  background-color: var(--gray000);
}

.bank-logo {
  display: inline-block;
  padding-left: 3.2rem;
  position: relative;
  font-size: 1.6rem;
  color: var(--gray090);
  font-weight: 400 !important;
  line-height: 2.4rem;
}

.bank-logo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-size: auto 2.4rem;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.bank-logo--kb:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-kb.png);
}

.bank-logo--sh:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-sh.png);
}

.bank-logo--ibk:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-ibk.png);
}

.bank-logo--nh:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-nh.png);
}

.bank-logo--hana:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-hana.png);
}

.bank-logo--busan:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-busan.png);
}

.bank-logo--daegu:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-daegu.png);
}

.bank-logo--gwangju:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-gwangju.png);
}

.bank-logo--jeonbuk:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-jeonbuk.png);
}

.bank-logo--jeju:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-bank-jeju.png);
}

.bank-logo-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -.8rem 0;
}

.bank-logo-wrap > li {
  width: 50%;
  margin: .8rem 0;
}

.annual-fee__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.annual-fee__item + .annual-fee__item {
  margin-top: 2.4rem;
}

.annual-fee__item .card-logo--ball {
  margin-right: 1.6rem;
}

.annual-fee__item .list-info {
  flex: 1;
}

.annual-fee__item .list-info > li + li {
  margin-top: .8rem;
}

.annual-fee__item .list-info__tit {
  color: var(--gray090) !important;
}

.card-link--starshop:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-starshopdc.svg);
}

.card-link--mall:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-specialstore.svg);
}

.card-link--share:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-calculator.svg);
}

.card-link-wrap {
  display: flex;
  justify-content: space-between;
  margin: 4.8rem 0;
}

.card-link-wrap > li {
  flex: 1;
  text-align: center;
}

.card-link-wrap a {
  display: inline-block;
  font-weight: 300 !important;
}

.card-link-wrap a:before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 auto .8rem;
  background-size: 4.8rem 4.8rem;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.btf-info {
  min-height: 56px;
  margin-bottom: 4.8rem;
}

.btf-info__txt {
  overflow: hidden;
  margin-bottom: .4rem;
  padding: 0 4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 300 !important;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btf-info__tit {
  overflow: hidden;
  display: block;
  margin-top: 1.4rem;
  padding: 0 4rem;
  font-size: 2rem;
  line-height: 2.8rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btf-info__txt + .btf-info__tit {
  margin-top: 0;
}

.btf-info__prev, .btf-info__next {
  display: block;
  position: absolute;
  top: 50%;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-size: 3.2rem 3.2rem;
  transform: translateY(-50%);
}

.btf-info__prev {
  left: 0;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/32/arr-1-left.svg);
}

.btf-info__next {
  right: 0;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/32/arr-1-right.svg);
}

.sl-bnf-info {
  position: relative;
}

.sl-bnf-info .tit-dep1 {
  margin-bottom: 1.6rem;
}

.sl-bnf-info .btf-info__nav {
  position: absolute;
  top: 1.2rem;
  left: 0;
  right: 0;
  z-index: 1;
  height: 3.2rem;
  padding: 0 4rem;
  text-align: center;
}

.sl-bnf-info .btf-info__pagination {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: auto;
  margin: 0;
}

.card-intro-slide {
  overflow: hidden;
  margin: -1.6rem;
}

.card-intro-slide .swiper-container {
  overflow: visible;
  position: relative;
  width: auto;
  padding: 1.6rem 0 1.6rem 1.6rem;
}

.card-intro-slide .swiper-wrapper {
  height: auto;
}

.card-intro-slide .swiper-slide {
  overflow: hidden;
  position: relative;
  align-self: stretch;
  width: 21.6rem;
  height: auto;
  min-height: 16rem;
  margin-right: 1.6rem;
  padding: 1.6rem 1.6rem 3.2rem 1.6rem;
  border-radius: .8rem;
  border: 1px solid rgba(0, 0, 0, .16);
  background: var(--gray000);
  text-align: center;
}

.card-intro-slide .swiper-slide .img-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.6rem;
  padding-top: 1.6rem;
  margin: 0 auto;
}

.card-intro-slide .swiper-slide .img-card > img {
  max-width: 8rem;
  max-height: 8rem;
}

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

.card-intro-slide__rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  text-align: center;
  line-height: 3.2rem;
}

.card-intro-slide__tit {
  margin-top: 1.6rem;
  font-size: 1.4rem;
}

.card-intro-slide__name {
  margin-top: 1.6rem;
  word-break: keep-all;
}

.card-intro-slide__desc {
  margin-top: .8rem;
  font-weight: 300 !important;
}

.card-intro-slide--premium {
  margin-top: 3.2rem;
  padding: 0 1.6rem 0 3.2rem;
}

.card-intro-slide--premium .swiper-slide {
  padding-top: 9.6rem;
  background-position: center 3.2rem;
  background-size: 4.8rem auto;
  background-repeat: no-repeat;
}

.card-intro-slide--premium .swiper-slide--ticket {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-ticket-black.svg);
}

.card-intro-slide--premium .swiper-slide--milege {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-mileage.svg);
}

.card-intro-slide--premium .swiper-slide--calculator {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-calculator.svg);
}

.card-intro-slide--premium .swiper-slide--point {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-point-plus.svg);
}

.card-intro-slide--premium .swiper-slide--event {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-event.svg);
}

.card-intro-slide--premium .swiper-slide--premium {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-diamond.svg);
}

.card-intro-slide--premium .swiper-slide--discount {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-benefits.svg);
}

.card-intro-slide--premium .swiper-slide--coupon-black {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-coupon-black.svg);
} 

.card-intro-slide--premium .card-intro-slide__name {
  height: 4.8rem;
  margin-top: 0;
}

.card-intro-slide--glance .swiper-slide {
  min-height: 27.8rem;
  border: 0 !important;
  padding: 0 !important;
  background: var(--gray000);
}

.card-intro-slide--glance .swiper-slide .img-area > img {
  width: 100%;
  vertical-align: top;
}

.card-find-benefit {
  overflow: hidden;
}

.card-find-benefit > li {
  float: left;
  width: 33.33%;
  text-align: center;
}

.card-find-benefit > li a {
  position: relative;
  display: block;
  padding-top: 4.6rem;
}

.card-find-benefit > li img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translateX(-50%);
}

.card-find-benefit > li + li + li + li {
  margin-top: 2.4rem;
}

.card-bottom-slide {
  margin-top: 4.8rem;
}

.card-bottom-slide .swiper-slide {
  height: 11.2rem;
  border-radius: .8rem;
  background-color: bisque;
}

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

.hash-wrap > a {
  margin-top: .8rem;
}

.benefit-sort {
  overflow: hidden;
  position: relative;
  height: auto;
  padding-right: 3.2rem;
}

.benefit-sort.off {
  height: 4.8rem;
}

.benefit-sort__btn {
  position: absolute;
  top: .4rem;
  right: .8rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  font-size: 0;
}

.benefit-sort__btn.on {
  background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-up.svg);
}

.digitalcard-box {
  position: relative;
  display: flex;
  align-items: center;
  height: 13.6rem;
  margin: 0 0 4.8rem;
  padding: 0 16rem 0 1.6rem;
  border-radius: .8rem;
  background-color: var(--gray010);
}

.digitalcard-box .img-box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  text-align: right;
}

.digitalcard-box .img-box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
}

.digitalcard-use > li {
  position: relative;
  padding-left: 6.4rem;
  margin-top: 2.4rem;
}

.digitalcard-use > li:first-child {
  margin-top: 0;
}

.digitalcard-use > li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  background-size: 4.8rem auto;
  background-position: 0;
  background-repeat: no-repeat;
}

.digitalcard-use > li.digitalcard-use__delivery:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-justnow.svg);
}

.digitalcard-use > li.digitalcard-use__pay:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-payment.svg);
}

.digitalcard-use > li.digitalcard-use__one:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-checking.svg);
}

.digitalcard-use > li.digitalcard-use__security:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-cvc-2.svg);
}

.digitalcard-use__desc {
  margin-top: .4rem;
  font-weight: 300 !important;
  word-break: keep-all;
}

.premium-card {
  padding: 3.2rem 0;
  margin: -3.2rem -1.6rem 0;
  background: #f9fafc;
  overflow: hidden;
}

.premium-card__tit {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 300 !important;
}

.premium-card__tit > strong {
  display: block;
  margin-bottom: .4rem;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 400 !important;
}

.family-card {
  display: none;
  padding: 2.4rem 1.6rem;
  background: var(--gray000);
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.family-card .tit-dep1 {
  margin-bottom: 1.6rem;
}

.family-card > p {
  font-weight: 300 !important;
}

.family-card .card-box-group {
  margin-top: 2.4rem;
}

.usage-limit--form {
  display: none;
}

.count-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 4.8rem;
  padding: 1.6rem;
  border: 1px solid rgba(151, 151, 151, .16);
}

.count-box > li {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.count-box > li + li {
  margin-left: 3.4rem;
  padding-left: 3.5rem;
}

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

.count-box__title {
  display: block;
  margin-bottom: .6rem;
  font-size: 1.4rem;
  color: var(--gray090);
  line-height: 2.2rem;
}

.count-box__num {
  display: block;
  font-size: 2.8rem;
  line-height: 3.6rem;
}

.apply-phone-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 12rem;
  margin: 0 auto 3.8rem;
}

.apply-phone-card > img {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 .8rem 1.6rem 0 rgba(0, 0, 0, .32);
}

.manual-wrap {
  position: relative;
  height: 5.2rem;
  line-height: 5.2rem;
  background-color: #fafafa;
  text-align: center;
}

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

.manual-wrap .swiper-paging-wrap .swiper-button-next,
.manual-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;
}

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

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

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

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

.family-infor {
  display: none;
}

.card-detail-slide {
  position: relative;
  margin-bottom: 4rem;
  text-align: center;
}

.card-detail-slide__wrap {
  display: flex;
  align-items: center;
  position: relative;
  height: 13.2rem;
  padding: 0 17.5rem 0 1.6rem;
  background-color: var(--gray010);
  text-align: left !important;
  border-radius: .8rem;
}

.card-detail-slide__img {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  display: flex;
  align-items: center;
  width: 10rem;
  height: 10rem;
  transform: translateY(-50%);
}

.card-detail-slide__img img {
  max-width: 100%;
  max-height: 100%;
}

.card-detail-slide__text {
  color: var(--gray090);
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.card-detail-slide .swiper-button-prev,
.card-detail-slide .swiper-button-next {
  display: none !important;
}

.simple-appli .btn + .btn {
  margin-top: 1.6rem;
}

.simple-appli .npay {
  display: inline-block;
  position: relative;
  padding-left: 7.8rem;
}

.simple-appli .npay:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 7rem;
  height: 2.8rem;
  background: url(https://img1.kbcard.com/home_re/mo/img/card/ico-npay.png) no-repeat 0 0;
  background-size: 7rem 2.8rem;
  transform: translateY(-50%);
}

.idcard-box {
  padding: .8rem;
  background: #f9fafc;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: .8rem;
  text-align: center;
}

.idcard-box img {
  width: 100%;
  height: auto;
  max-width: 400px;
}

.lssued-slide {
  margin-top: 4.8rem;
  border-radius: .8rem;
  background-color: var(--gray010) !important;
}

.lssued-slide .swiper-slide {
  position: relative;
  display: flex;
  height: 11.2rem !important;
  align-items: center;
  padding: 0 12rem 0 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  text-align: left !important;
}

.lssued-slide .swiper-slide .img-box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  text-align: right;
}

.lssued-slide .swiper-slide .img-box > img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: 100%;
}

.consulti-box {
  position: fixed;
  right: 1.6rem;
  bottom: 11.2rem;
  z-index: 101;
}

.consulti-box__button {
  height: 4rem;
  padding: 0 2.4rem;
  border-radius: 2rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .36);
  background-color: rgba(0, 0, 0, .87);
  border: 0 !important;
}

.consulti-box__button > span {
  position: relative;
  padding-left: 2.8rem;
  color: var(--gray000);
}

.consulti-box__button > span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-cs-w.svg) no-repeat 0 0;
  background-size: 2.4rem 2.4rem;
  transform: translateY(-50%);
}

.sl-card-design .img-card img {
  width: 20rem !important;
  height: 12.8rem;
}

.card-sel-radio .label__txt {
  color: var(--gray090) !important;
  font-size: 1.6rem !important;
  font-weight: 300 !important;
}

.issue-prg {
  display: flex;
  justify-content: space-between;
}

.issue-prg > li {
  position: relative;
  width: 25%;
  text-align: center;
}

.issue-prg > li + li:before {
  content: '';
  position: absolute;
  top: 1.8rem;
  left: -.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg) no-repeat 0 0;
  background-size: 1.6rem;
}

.issue-prg > li.on .issue-prg__ico {
  border-color: rgba(0, 0, 0, .87);
}

.issue-prg > li.on .issue-prg__ico--order {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-order2.svg);
}

.issue-prg > li.on .issue-prg__ico--screen {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-screening2.svg);
}

.issue-prg > li.on .issue-prg__ico--deliver {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-delivering2.svg);
}

.issue-prg > li.on .issue-prg__ico--finish {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-delivered2.svg);
}

.issue-prg > li.on .issue-prg__desc {
  color: var(--gray090);
}

.issue-prg__ico {
  display: inline-block;
  width: 5.2rem;
  height: 5.2rem;
  margin-bottom: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.2rem;
  border-radius: 1.6rem;
  border: 1px solid rgba(0, 0, 0, .08);
}

.issue-prg__ico--order {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-order.svg);
}

.issue-prg__ico--screen {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-screening.svg);
}

.issue-prg__ico--deliver {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-delivering.svg);
}

.issue-prg__ico--finish {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-1-delivered.svg);
}

.issue-prg__desc {
  display: block;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: var(--gray060);
}
 
.premium-card.heritage {background:url('https://img1.kbcard.com/home_re/mo/img/card/heritage_bg_mo.png') no-repeat center top; background-color:#080808; background-size:cover; margin-top:-3.2rem; padding:0; margin-bottom:-4rem;}
.premium-card.heritage .heritage__warp {margin:0 auto; max-width:38rem;}
.premium-card.heritage .heritage__warp > div {margin:3.2rem;}
.premium-card.heritage .heritage__warp .premium-card__tit {margin:0 -3.2rem;}
.premium-card.heritage .heritage__warp .premium-card__tit img {max-width:36rem;}
.heritage__info {position:relative; display:inline-block; width:100%; padding-bottom:2rem; margin-top:10rem;}
.heritage__info .heritage__img {display:inline-block; position:absolute;}
.heritage__info .heritage__img img {transform:rotate(90deg);height:12rem;position:relative;z-index:1;}
.heritage__info.left .heritage__img {right:-3.5rem}
.heritage__info.right .heritage__img {left:-3.5rem;}
.heritage__info.right .heritage__img:after {content:''; background:url('https://img1.kbcard.com/home_re/mo/img/card/heritage_cardbg_mo1.png') no-repeat center right; background-size:cover; display:inline-block; width:12rem; height:6rem; position:absolute; left:3.5rem; bottom:-8.8rem;}
.heritage__info.left .heritage__img:after {content:''; background:url('https://img1.kbcard.com/home_re/mo/img/card/heritage_cardbg_mo2.png') no-repeat center right; background-size:cover; display:inline-block; width:12rem; height:6rem; position:absolute; right:3.5rem; bottom:-8.8rem;}
.heritage__info .heritage__star {position:absolute; z-index:10}
.heritage__info.right .heritage__star {background:url('https://img1.kbcard.com/home_re/mo/img/card/heritage_deco_mo1.png') no-repeat center; background-size:15rem 14.5rem; width:15rem; height:14.5rem; display:inline-block; left:-1.5rem; top:-10.8rem;}
.heritage__info.left .heritage__star {background:url('https://img1.kbcard.com/home_re/mo/img/card/heritage_deco_mo2.png') no-repeat center; background-size:7rem 12rem; width:7rem; height:12rem; display:inline-block; right:0; bottom:-3.8rem;}
.heritage__info .heritage__txtwarp {color:var(--gray000); display:inline-block; margin-top:-3.8rem; text-align:left;} 
.heritage__info.left .heritage__txtwarp {float:left;}
.heritage__info.right .heritage__txtwarp {float:right;}
.heritage__info .heritage__txtwarp h3 {font-size:1.6rem;}
.heritage__info .heritage__txtwarp h3 span {font-weight:normal;} 
.heritage__info .heritage__txtwarp .heritage__txt {font-size:1.4rem;} 
.heritage__info .heritage__txtwarp .heritage__txt.gold {color:#ac8550; margin:0.5rem 0 2.4rem} 
.btn.btn--gold {color:var(--gray000); background:#ac8550; border-radius:0; position:relative; z-index:1;}
@media screen and (max-width:359px){
	.heritage__info .heritage__img img {height:11rem;}
	.heritage__info.right .heritage__star {top:-10.5rem;} 
	.heritage__info.left .heritage__star {right:-0.4rem;}
	.heritage__info.right .heritage__img:after{width:11rem; left:3.1rem; bottom:-8.25rem;}
	.heritage__info.left .heritage__img:after {width:11rem; right:3.1rem; bottom:-8.25rem;}
}

.annualFee_wrap {box-sizing: border-box; width: 100%; padding: 58px 16px 32px;}
.annualFee_wrap:before, .annualFee_wrap:after {content:''; display: table; clear: both;}
.annualFee_wrap .sliderWrap {position: relative; display:table; width: 100%; z-index: 1;}
.annualFee_wrap .sliderWrap .sliderBox {display:table-cell; width:100%; vertical-align:top;}
.annualFee_wrap .ui-widget-content {width:100%;height:12px;border:0;border-radius:5px;background:#f1f1f1}
.annualFee_wrap .ui-slider .ui-slider-range {border-radius:5px;background:var(--yellow040);}
.annualFee_wrap .ui-state-default, .annualFee_wrap .ui-widget-content .ui-state-default, .annualFee_wrap .ui-widget-header .ui-state-default {display: flex; justify-content: center; top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:0;background:transparent;}
.annualFee_wrap .ui-slider .ui-slider-handle {z-index:100;cursor:pointer}
.annualFee_wrap .ui-slider-float .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-tip-label {top:-56px;display:block;width:60px;height:36px;margin-left:-31px;border-color:#e44b3a;background:#e44b3a;color:#f7f8f8;font-size:18px;font-weight:600;text-align:center;line-height:36px;visibility:visible;opacity:1;cursor:default}
.annualFee_wrap .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {top:-56px}
.annualFee_wrap .ui-slider-float .ui-slider-tip:before, .annualFee_wrap .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {content:'';position:absolute;bottom:-8px;left:50%;width:0;height:0;margin-left:-4px;border:4px solid rgba(255, 255, 255, 0);border-top-color:#e44b3a}
.annualFee_wrap .ui-slider-float .ui-slider-tip:after, .annualFee_wrap .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {content:'';position:absolute;bottom:-13px;width:0;height:0;left:50%;margin-left:-4px;border:4px solid rgba(255, 255, 255, 0);border-top-color:#e44b3a;border-top-width:8px}
.annualFee_wrap .ui-slider-pips .ui-slider-pip {top:0; z-index:99; display: flex; justify-content: center;width:40px;height:76px;}
.annualFee_wrap .ui-slider-pips .ui-slider-line, .annualFee_wrap .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .annualFee_wrap .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {display: flex; justify-content: center; height:12px; background:var(--gray000); width:2px; margin: 0 auto; left: auto;}
.annualFee_wrap .ui-slider-pip-first .ui-slider-line, .annualFee_wrap .ui-slider-pip-last .ui-slider-line, .annualFee_wrap .ui-slider-pip-first .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last .ui-slider-line:before {width: 12px; border-radius: 50%; background: #f1f1f1;}
.annualFee_wrap .ui-slider-pip-first .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last .ui-slider-line:before {content: ''; position: absolute; height: 12px;}
.annualFee_wrap .ui-slider-pip-first[class*=ui-slider-pip-selected] .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last[class*=ui-slider-pip-selected] .ui-slider-line:before {display: none;}
.annualFee_wrap .ui-slider-pip-first .ui-slider-line:before{margin: 0 auto 0 2px;}
.annualFee_wrap .ui-slider-pip-last .ui-slider-line:before{margin: 0 auto 0 -2px;}
.annualFee_wrap .ui-slider-pips .ui-slider-label {top:28px; color:var(--gray090); white-space: nowrap; width: auto; max-width: none; left: auto; font-size:1.6rem; line-height:1.5; font-weight:normal; margin: 0 auto;}
.annualFee_wrap .ui-slider-pips .ui-slider-label .txt_activated {display: none;}
.annualFee_wrap .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {color:var(--gray090);font-weight:bold;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle:before, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle:before {position: absolute; content: ''; width: 32px; height: 32px; top: 0; margin: 0 auto; background: rgba(255, 204, 0, 0.25); border-radius: 50%;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle:after, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle:after {position: absolute; content: ''; width: 16px; height: 16px; top: 8px; margin: 0 auto; background: var(--yellow040); border-radius: 50%; border: 0;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle .handle__obj:after, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle .handle__obj:after{content: ''; position: absolute; bottom: -8px; margin: 0 auto; width: 0; height: 0; border-top: 8px solid rgba(0, 0, 0, 0.6); border-right: 6px solid transparent; border-left: 6px solid transparent; border-radius: 1px;}
.annualFee_wrap .ui-slider .ui-slider-handle span.handle__obj {position: absolute; top: -36px; margin: 0 auto; display: flex; justify-content: center; color: var(--gray090); width: 3em; font-size: 1.6rem; text-align: center; font-weight: 300; font-stretch: normal; line-height: 1.69; letter-spacing: normal;}
.annualFee_wrap .ui-slider .ui-slider-pip-selected-2 .ui-slider-label {margin: 0 auto 0 -0.7rem;}
.annualFee_wrap .ui-slider .ui-slider-pip-selected-1 .ui-slider-label, .annualFee_wrap .ui-slider .ui-slider-pip-selected-2 .ui-slider-label {font-weight: bold;}
.annualFee_wrap .ui-slider-pip-selected-1 .ui-slider-label .txt_activated, .annualFee_wrap .ui-slider-pip-selected-2 .ui-slider-label .txt_activated {display: inline;}

/* 신용카드 설명서 팝업 프로세스바 */
.pop-wrap--full .swiper-paging-wrap {position: fixed;top: 5.6rem;left: 0;right: 0;z-index: 1;}
.pop-wrap--full .swiper-pagination-progressbar {height:1.5rem; margin-top:0}
.pop-wrap--full .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {margin-top:0; background:var(--yellow040); opacity:1;}

/* 학사정보 */
.student-info {display:flex; padding:2.4rem 1.6rem 2.4rem 2.4rem; border:1px solid #dde1e4; border-radius:.8rem; align-items:center;}
.student-info__img {width:9.6rem;}
.student-info__img img {width:100%;}
.student-info__text {margin-left:2.4rem;}
.student-info__text .tit-dep2 {margin-top:0; margin-bottom:1.6rem;}
.student-info__text .tit-dep3 {margin:.8rem 0 0 0; color: var(--gray090); line-height:1.43;}
.student-info__desc {margin-top:.2rem; font-size:1.4rem;}

/*24.05.31 : [카드] WESH Daily 전월실적 채워드림 서비스 신규 제작*/
.stamp-table thead tr th {border-bottom:1px solid #333; padding:1.2rem; font-size:1.4rem; }
.stamp-table tbody {background: #dad2cd;}
.stamp-table tbody tr td {padding:0.5rem 0;}
.stamp-table tbody tr:nth-child(1) td {padding-top:1.0rem;}
.stamp-table tbody tr:last-child td {padding-bottom:1.0rem;}
.stamp-btn { text-align:center; font-size:1.4rem; border:0.3rem solid #dad2cd; border-radius:100%; box-sizing:border-box; width:4.0rem; height:4.0rem;}
.stamp-btn:disabled {background:#dad2cd;}
.stamp-btn.on:disabled {border-color:#fff032; background:#fff032;}  
.stamp-btn.today {border-color:#fff032; background:#dad2cd;}

/* 간편결제 자동등록 */
.chk--pay {display:flex; margin-top:2.4rem;}
.chk--pay .check-box {flex:1;margin-left: .8rem;}
.chk--pay .check-box:first-child {margin-left: 0;}
.chk--pay .check-box label {display:block; padding:4.4rem 0 1.6rem 0; border-radius: 1.2rem; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.16); color:var(--gray090); font-size:1.4rem; line-height:1.43;text-align:center; overflow: hidden;}
.chk--pay .check-box label:before {
  content: "";
  display: block;
  position: absolute;
  top:-0.6rem;
  left:50%;
  z-index: -1;
  transform: translateX(-50%);
  flex: none;
  width: 6.8rem;
  height: 6.8rem;
  margin: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.chk--pay .chk__naver{background: #00de5a}
.chk--pay .chk__naver:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/56/ico-naverpay.png);
}
.chk--pay .chk__kakao{background:#ffeb00;}
.chk--pay .chk__kakao:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/56/ico-kakaopay.png);
}
.chk--pay .chk__toss{background:#dbeaff;}
.chk--pay .chk__toss:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/56/ico-tossrpay.png);
}

.chk--pay .check-box input[type="checkbox"]:checked + .chk__naver:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/56/ico-naverpay.png) !important;
}
.chk--pay .check-box input[type="checkbox"]:checked + .chk__kakao:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/56/ico-kakaopay.png) !important;
}
.chk--pay .check-box input[type="checkbox"]:checked + .chk__toss:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/56/ico-tossrpay.png) !important;
}
.chk--pay .check-box input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top:0;
  left:0;
  z-index: 2;
  transform: none;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 1.2rem;
  background-color: rgba(72, 75, 81, 0.8);
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/40/ico-1-check-w.svg);	
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4rem;
  box-sizing: border-box;
}

/* 개인신용카드 발급종료상품 리스트 */
.card-box--chk input[type='radio'] + label:before {
  background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-off.svg); 
  background-size:100% auto;
}
.card-box--chk input[type='radio']:checked + label:before {
  background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-on.svg);
}


/* 카드 한 눈에 보기 - 추천 카드 */
.form-field + .hash-wrap { overflow-x: auto; overflow-y: hidden; display: flex; margin:1.2rem -1.6rem 0 ; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.form-field + .hash-wrap a { display: flex; margin:0 .8rem 0 0; border: none; background:var(--gray010); color:var(--gray090); font-weight: bold; }
.form-field + .hash-wrap a:first-child {margin-left:1.6rem;}
.form-field + .hash-wrap a:last-child {margin-right:0;}
.form-field + .hash-wrap:after { content:'　'; display:block; width:1.6rem;}
.form-field + .hash-wrap::-webkit-scrollbar { display: none; }
.form-field + .hash-wrap::-webkit-scrollbar-thumb, .form-field + .hash-wrap::-webkit-scrollbar-track{ background-color: transparent; }
.card-renew-list li:first-child {margin-top:2.8rem}
.card-renew-list li:last-child a {padding-bottom: 1.2rem;}
.card-renew-list__fee {font-size: 1.2rem; margin-top:0.4rem; color:var(--gray070);}

.card-renew-list__big {display: flex; height: 16rem; margin-top: 1.2rem; border-radius: 1.2rem;}
.card-renew-list__big:first-child {margin-top:2.4rem !important;}
.card-renew-list__big + .card-renew-list__big {margin-bottom:0;}
.card-renew-list__big + li:not(.card-renew-list__big) {margin-top:2.4rem;}
.card-renew-list__big .card-renew-list__img { position: absolute; top: 2.4rem; right: -.1rem; width: 12rem; height: 12rem; }
.card-renew-list__big .card-renew-list__img img { display: none; width: 12rem; height: 7.6rem; border-radius: .5rem; box-shadow: 0.5rem -0.5rem 0.5rem 0 rgba(0, 0, 0, 0.12); }
.card-renew-list__big .card-renew-list__cont { height: 12rem; margin: .8rem 1.6rem 0; }
.card-renew-list__big .card-renew-list__cont p { width: calc(100% - 9rem); }
.card-renew-list__big .card-renew-list__desc { position: absolute; bottom: 1.5rem; font-size: 1.1rem; line-height: 1.82; }
.card-renew-list__big span { border: none; background: #ffffff8c; }
@media screen and (max-width: 360px) {
	.card-renew-list__big a {background-size: cover !important;}
}

/* AI 맞춤 카드 */
.card-renew-list__ai {width:32.8rem; height:10.8rem;}
.card-renew-list__ai a {border-radius:1.2rem; background-image:linear-gradient(149deg, #ecf4ff 16%, #ffe8f6 116%);}
.card-renew-list__ai p {width:calc(100% - 9rem); white-space:nowrap; color:var(--gray090); text-overflow:ellipsis;}
.card-renew-list__ai .card-renew-list__big__cont {margin:.8rem 1.6rem 0}
.card-renew-list__ai .card-renew-list__big__img {position:absolute; top:4.7rem; right:.3rem; width:12rem; height:12rem; align-items:center;}
.card-renew-list__ai .card-renew-list__big__img:before {content:"AI 추천"; position:absolute; top:-3.2rem; left:28%; padding:.6rem .8rem .3rem; border-radius:1rem; border:solid .08rem rgba(255, 255, 255, 0.8); background-image:linear-gradient(108deg, #fa92ac 1%, #cd2ffb 37%, #2773ff 70%, #071dff 102%); color:var(--gray000); font-size:1.1rem; line-height:1; z-index:1; opacity:.8;}
.card-renew-list__ai .card-renew-list__big__img img {width:12rem; height:7.6rem; transform:rotate(90deg); box-shadow:0.5rem -0.5rem 0.5rem 0 rgba(0, 0, 0, 0.12);}
.card-renew-list__ai .card-renew-list__big__tit {font-weight:600;}
.card-renew-list__ai .card-renew-list__big__sub {font-size:1.4rem; margin-top:.2rem;}
@media screen and (max-width: 280px) {
	.card-renew-list__ai p {overflow:hidden; width:calc(100% - 2rem);}
}

/* 카드 한 눈에 보기 - 새로 나온 카드 */
.card-new-slide { margin-top: 2.8rem; }
.card-new-slide .tit-dep1 { margin-bottom: 1.2rem; }
.card-new-slide .tit-dep1 a { float: right; font-size: 1.4rem; font-weight: normal; }
.card-new-slide .swiper-slide { background: #eaf1ff;}
.card-new-slide .swiper-container { overflow: hidden; position: relative; text-align: center; border-radius: 1.2rem; box-shadow: 0 .1rem .4rem 0 rgba(0, 0, 0, 0.16); z-index: 1; }
.card-new-slide .swiper-controler { position: absolute; height: 2rem; bottom: 0; left: 0; right: 0; text-align:center; z-index: 50; }
.card-new-slide .swiper-pagination-bullet-active {width: 1.2rem !important;}
.card-new-slide__item { display: -webkit-box; display: flex; flex-direction: column; width: 100%; height: 9.6rem; text-align: left; }
.card-new-slide__sub { overflow:hidden; width: calc(100% - 6rem); position:relative; margin-bottom: .8rem; padding: .2rem 1.6rem 0; font-size:1.4rem; line-height: 2rem; white-space: nowrap; text-overflow: ellipsis; z-index: 1; }
.card-new-slide__tit { overflow:hidden; width: calc(100% - 6rem); padding: 2rem 1.6rem 0; font-weight: 600; font-size: 1.6rem; line-height: 2.4rem; white-space: nowrap; text-overflow: ellipsis;}
.card-new-slide__txt { overflow:hidden; width: calc(100% - 6rem); padding: .2rem 1.6rem 0; white-space: nowrap; text-overflow: ellipsis; }
.card-new-slide__img { position: absolute; align-items: center; top: 25%; right: 1.35rem; padding: 0; }
.card-new-slide__img > img { width: 5.7rem; height: 3.6rem; max-width: 100%; max-height: 100%; transform: rotate(90deg); box-shadow: 0.5rem -0.5rem 0.5rem 0 rgba(0, 0, 0, 0.12);}

/* 카드 한 눈에 보기 - 새로 나온 카드 팝업 */
.card-new-list li { position: relative; margin-top: 1.2rem; background: #eaf1ff; border-radius: 1.2rem; }
.card-new-list__item { display: -webkit-box; display: flex; flex-direction: column; width: 100%; height: 9.6rem; text-align: left; }
.card-new-list__img { position: absolute; align-items: center; top: 30%; right: 1.35rem; padding: 0;}
.card-new-list__img > img { width: 5.7rem; height: 3.6rem; max-width: 100%; max-height: 100%; transform: rotate(90deg); box-shadow: 0.5rem -0.5rem 0.5rem 0 rgba(0, 0, 0, 0.12)}
.card-new-list__tit, .card-new-list__sub { overflow: hidden; color:var(--g9-to-g10); width: 25rem; white-space: nowrap; text-overflow: ellipsis;}
.card-new-list__tit { font-weight: 600; font-size: 1.6rem; line-height: 2.4rem; padding: 2.5rem 0 0 1.6rem;}
.card-new-list__sub { position: relative; padding: .2rem 0 0 1.6rem; font-size: 1.4rem; line-height: 2rem; z-index:1;}

/* 카드 한 눈에 보기 - 혜택별 신용/체크카드 */
.benefit-card-list .card-renew-list { margin: .5rem 0 2.8rem; }
.benefit-card-list .tit-dep1 { margin-bottom: .8rem; line-height: 1.33;}
.tabs--row { position: relative;}
.tabs--row .tabs__menu { overflow-x: auto; overflow-y: hidden; display: flex; margin:0 -1.6rem 0; white-space: nowrap; }
.tabs--row .tabs__menu::after { content: ""; position: absolute; top: 0; right: -1.6rem; width: 4.8rem; height: 4.8rem; border-bottom: 0; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.9) 80%, var(--gray000)); z-index: 999;}
.tabs--row .tabs__menu li { float: none; display: flex; flex-direction: column; flex: 1; flex-basis: auto; width:auto; margin:.8rem .8rem .8rem 0; }
.tabs--row .tabs__menu li:first-child { padding-left: 1.6rem;}
.tabs--row .tabs__menu li:last-child { padding-right: 1.6rem;}
.tabs--row .tabs__panel { padding-top:0;}

/* 카드 한 눈에 보기 - 프리미엄 카드 */
.card-list-premium { display: flex; margin-top: 1.6rem;}
.card-list-premium li { flex: 1; position: relative; width: auto;}
.card-list-premium li a { display: block; text-align: center;}
.card-list-premium li a img { vertical-align: top; width: 56px;}
.card-list-premium li a span { display: block; font-size:1.4rem; margin-top: .9rem;}

.card-benefit-bnr a { display: flex; flex-direction: column; justify-content: center; position:relative; min-height: 6.4rem; margin-top:1.2rem; padding: 2.5rem 11rem 2.5rem 2rem; border: none; border-radius:1.2rem; background:var(--gray010); }
.card-benefit-bnr a:first-child { margin-top: 4rem;}
.card-benefit-bnr a::after { content: ""; display: block; position: absolute; top: 0; right:0; width: 11.8rem; height: 9.6rem;}
.card-benefit-bnr__txt { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size:1.4rem; font-weight: 300; margin-top: .2rem;}
.card-benefit-bnr__cardfind::after { background: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-cardfind.png) no-repeat center right; background-size: contain;}
.card-benefit-bnr__mobile::after { background: url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-mobilecard.png) no-repeat center right; background-size: contain;}

/* 원문자 - 일단 카드만 */
.txt-circle {
	display:inline-block !important;
	width:1.5rem;
	height:1.5rem;
	border-width:1px;
	border-style:solid;
	border-radius:50%;
	font-size:1rem;
	text-align:center;
	line-height:1.3rem;
	vertical-align:middle;
}

/* 카드디자인 선택 리스트 */
.cardDesignSel {margin-bottom: 24px;}
.cardDesignSel ul{margin-bottom:-16px;}
.cardDesignSel ul + * {clear:both;}
.cardDesignSel ul:after {content: '';display: block;clear: both;}
.cardDesignSel li{float:left;position:relative;width:50%;padding-bottom: 16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cardDesignSel li:nth-child(odd) {padding-right:8px;}
.cardDesignSel li:nth-child(even) {padding-left:8px;}
.cardDesignSel li img{width:100%;height:auto;-webkit-border-radius:4px;border-radius:4px;vertical-align:top;-webkit-box-shadow:0 16px 16px rgba(0, 0, 0, 0);transition:all 300ms}
.cardDesignSel li label{display:table;width:100%;height:40px;color:rgba(0, 0, 0, .6);font-size: 1.6rem;line-height:1.429em;}
.cardDesignSel li label:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.cardDesignSel li label span{display:table-cell;padding-right:24px;vertical-align:middle}
.cardDesignSel li.checked img{-webkit-box-shadow:0 16px 16px rgba(0, 0, 0, .16);box-shadow:0 16px 16px rgba(0, 0, 0, .16)}
.cardDesignSel li.checked label{color:rgba(0, 0, 0, .87)}
.cardDesignSel li input{right:20px;bottom:24px;-webkit-appearance:none;appearance:none;transition:all 300ms;position: absolute;width: 24px;height: 24px;border: none;}
.cardDesignSel li input:after{content:'';position:absolute;top:50%;left:50%;width: 24px;height: 24px;margin: -12px 0 0 -12px;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg) no-repeat center;background-size: 24px;}
.cardDesignSel li input:checked {background:none;}
.cardDesignSel li input:checked:after{background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg);}

/* 카드 프로세스 개선 */
.content-tit {font-size: 2.6rem; line-height: 3.4rem; word-break: keep-all}
.content-sub-txt {margin-top: 8px; font-size: 1.4rem; line-height: 2rem; color: #484b51; word-break: keep-all}
.content-sub-txt + .content-sub-txt{margin-top: 0;}

/* 카드 썸네일 */
.card-sum { margin-top: 3.2rem; font-size: 1.6rem; line-height: 2.4rem; text-align: center;}
.card-sum__img {display: block; width: 112px; height: 178px; margin: 0 auto 1.6rem;}
.card-sum__img img {width: 178px; height: auto; transform: translate3d(-33px, 33px, 0) rotate(90deg)}

/* 약관 동의 */
.agree-ui{margin-top: 32px;}
.tit-form + .agree-ui{margin-top:8px}
.agree-ui__tit {position:relative;margin-bottom: 8px; padding: 1.5rem 0 1.5rem 1.5rem; border: 1px solid #c6cbd0; border-radius: 8px; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600;}
.agree-ui__tit label,
.agree-ui__tit .check-box {position:static}
.agree-ui__tit input + label:after {content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid transparent;border-radius:.8rem;transition: border 300ms}
.agree-ui__tit input:checked + label:after {border-color:var(--gray090)}
.agree-ui__tit ~ .chk-all .chk-all__head {margin: 0; padding: .8rem 0; font-size: 1.6rem; border: none;}
.agree-ui__tit ~ .chk-all .chk-all__head .check-box input[type="checkbox"] + label:after {display:none;}
.agree-ui .check-box--re,
.agree-ui .check-box--re input:checked + label:after {border: none}
.agree-ui .check-box--re + .check-box--re{margin-top:0}

.chk-all--re {margin-top: 4px; padding: 0 0 0 1.6rem; border: none;}
.chk-all--re .chk-all__head {margin: 0 0 1.4rem -1.6rem; padding: 1.5rem 0 1.5rem 1.5rem; border: 1px solid #c6cbd0; border-radius: 8px; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600;}
.chk-all--re .chk-all__head .check-box{width:100%; padding-right: 2.8rem; vertical-align:top}
.chk-all--re .chk-all__head .check-box label:before {margin-right: 8px;}
.chk-all--re .chk-all__body {display:grid;grid-template-columns: repeat(1, 1fr);row-gap: 8px;padding: 4px 4px 16px 0;border: none;font-size: 1.3rem; line-height: 1.9rem;}
.chk-all--re .chk-all__body .check-box label {padding: 0 2rem 0 3.2rem!important;word-break:keep-all;}
.chk-all--re .chk-all__body .check-box + .check-box{margin-top: 0}
.chk-all--re .chk-all__body .check-box input + label:before{top: .1rem; left: .4rem;}
.chk-all--re .chk-all__body .check-box__detail{background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-g.svg) no-repeat center;background-position: 100% 1px;}
.chk-all--re .chk-all__body .txt-refer {margin:.4rem 0 0 3.2rem; padding: 0 .8rem 0 1rem; text-indent: -1rem; font-size:1.2rem;}
.chk-all--re .chk-all__head .check-box__toggle{display: block; position: absolute; top: -.8rem; right: -.8rem; width: 4rem; height: 4rem; z-index: 10; border: none; background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat center;transition:transform 300ms;transform:translate3d(0,0,0) rotate(180deg)}
.chk-all--re .chk-all__head .check-box__toggle.on{transform:translate3d(0,0,0) rotate(0deg)}
.chk-all--re .chk-all__head .check-box__detail{top: -.8rem; right:-.8rem;height:4rem;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center;transform: none;}
.chk-all--re .chk-all__head .check-box input[type="checkbox"] + label:after { content: ''; position: absolute; top: -1.6rem; right: -2.9rem; bottom: -1.6rem; left: -1.6rem; border: 2px solid transparent; border-radius: .8rem; transition: border 300ms; }
.chk-all--re .chk-all__head .check-box input[type="checkbox"]:checked + label:after { border-color: var(--gray090); }
.chk-all--re.on:after{display:none;}
.chk-all__body--col2{grid-template-columns: repeat(2, 1fr)!important;}

.check-all__detail {display: block; margin-bottom: 8px; font-size: 1.3rem; line-height: 1.9rem; text-decoration: underline;word-break:keep-all; color: var(--gray060)}
.check-all__link {padding-left: 3.2rem;}

.info-help{display:block;width:2.4rem;height:2.4rem;margin-left:.2rem;background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-1-help.svg) no-repeat center;background-size:2rem}
.btn-address{position:relative;width:100%;height:48px;margin-top:.8rem;padding:0 1.6rem;background-color: transparent;border: 1px solid #c6cbd0;border-radius:8px;text-align: left;font-size: 1.8rem;color:#c6cbd0;font-weight:600;}
.btn-address:after{content:'';position:absolute;top:50%;right:1.6rem;display:block;width:2.4rem; height:2.4rem;margin-top:-1.2rem;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-search.svg) no-repeat 0 center;}


.tit-form +.check-box--re{margin-top: .8rem;}
.check-box--re{width:100%; margin: 0; padding: 1.1rem 2.8rem 1.1rem 1.6rem; border: 1px solid #c6cbd0; border-radius: 8px; font-weight: 600;}
.check-box--re .check-box__detail {top: .1rem; right:0; height:4rem;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center; transform: none;}
.check-box--re input:checked + label{position:static}
.check-box--re input:checked + label:after{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--gray090);border-radius:8px}
.check-box--re + .check-box--re{margin-top:8px}

.agree-ui__slt-box .btn-select{margin-bottom: 8px; height: 5.6rem; padding: 0 4rem 0 1.5rem; border: 1px solid #c6cbd0; border-radius: 8px; line-height: 5.6rem; font-size: 1.8rem; font-weight: 600;}
.agree-ui__slt-box .btn-select:before {right: 8px}
.agree-ui__slt-box ~ .check-box--re {padding: .8rem 2.8rem .8rem 0;}

.switch-wrap{display: flex;justify-content: space-between;padding: 8px 0;}
.switch-wrap__tit{display:flex;}
.switch-wrap + .switch-wrap {margin-top: 0!important}

/* 인증번호 입력 */
.tit-form + .form-field--auth {margin-top: .8rem;}
.form-field--auth input,
.form-field--auth input[type=number] {padding-left:calc(100vw / 6 / 7);height: calc(100vw / 6); opacity:0;letter-spacing:calc(100vw / 6 / 1.55);font-size:calc(100vw / 6 / 2 - 2px);text-indent: .8rem;opacity:0}
.form-field--auth .form-field__error{margin: 1.6rem 0 -.8rem;text-align: center;}
.form-field__auth {position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; width: 100%; pointer-events: none; gap: .8rem; font-size: calc(100vw / 6 / 2 - 2px); line-height: calc(100vw / 6 - 2px); font-weight: bold; text-align: center;}
.form-field__auth span {position:relative;display:flex;justify-content: center; align-items: center; width: 100%; height: calc(100vw / 6); border: 1px solid #c6cbd0; border-radius: 6px}
.form-field__auth span.on:after{content:'';display:block;width:30%;padding-top:30%;border-radius:50%;background:var(--gray090);}
.form-field__auth--digit4{padding: 0 calc(100vw / 2 / 2 - 18px);}
.form-field__auth--digit4 .form-field--auth input{letter-spacing:calc(100vw / 6 / 2.1)}
.form-field__count {display:block;margin-top: 1.6rem;text-align: center; color: var(--gray070)}
.auth-txt{position:fixed; bottom: 24px; left: 0; right: 0; display:flex; align-items: center; justify-content: center; padding: 0 16px; font-size: 1.4rem; line-height: 2rem;}
.auth-txt button{background: none; border: none; padding: 8px }
.form-field__obj--error .form-field__auth span {border-color: var(--red050)}

/* 팝업 UI 변경 */
.pop-container--re .pop-header{padding-top: 3.2rem;}
.pop-container--re .pop-header h1 {font-size: 2rem; line-height: 2.8rem; text-align: left; word-break: keep-all; white-space: initial;overflow: initial;text-overflow: initial;}
.pop-wrap--full .pop-container--re .pop-header {padding-left: 1.6rem;}
.pop-wrap--full .pop-container--re .pop-inner h1 {margin-top: -1.6rem; padding-right: 2.4rem; font-size: 2.4rem; line-height: 3.2rem;}
.pop-wrap--bottom-up .pop-container--re .pop-inner .cont-area {padding-top: .6rem;}
.pop-wrap--bottom-up[data-type="bottom-full"] .pop-container {min-height: calc(100vh - 5.6rem); min-height: calc(100dvh - 5.6rem)}

/* 가족카드 */
.family-card--re {margin:-.6rem -1.6rem -3.2rem -1.6rem;padding:1.4rem 1.4rem .2rem;border:none;background:#f7f7fa;font-size: 1.4rem; line-height: 2rem; color: #484b51}
.family-card--re .card-box-group {border: none; margin-top: 4px; padding: 0;}
.family-card--re .card-box__title {padding-right: 0;font-weight:100;}
.family-card--re .card-box__desc {padding-left: 3.2rem;}
.family-card--re input + label:before {top: 1.2rem; transform: none;}
.family-card--re label {padding: 1.2rem 0 1.2rem 3.2rem;}
.cards-select--family .family-card--re {margin:0;padding:1.4rem 1.4rem .2rem;border:none;background:#f7f7fa;font-size: 1.4rem; line-height: 2rem; color: #484b51}
.cards-select--family .sub-object{overflow:hidden;position:relative; background: none!important}
.cards-select--family .sub-object + .sub-object{margin-top: 8px}
.cards-select--family .cards-select__btn {display:block; padding: 1.5rem 4rem 1.5rem 1.5rem;}
.cards-select--family input + .cards-select__btn::after {content:''; position: absolute; top: 1.5rem; right: 8px; width: 2.4rem; height: 2.4rem; background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat center;background-size:2.4rem;transition:transform 300ms;}
.cards-select--family input:checked + .cards-select__btn::after {transform:rotate(180deg) translate3d(0,0,0);}
.cards-select--family input + .cards-select__btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;border:1px solid #c6cbd0;transition: border 300lms;}
.cards-select--family input:checked + .cards-select__btn::before{border: 2px solid var(--gray090)}

/* 카드신청 완료 */
.complete-card{margin-top: 40px;text-align: center;}
.complete-card__img{display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; height:178px;}
.complete-card__img img { width: 178px; transform: rotate(90deg)}
.complete-banner{height: 96px; background:#eaf1ff; margin-top: auto; border-radius: 8px; display: flex;align-items: center; justify-content: center;}
.complete-card__txt {margin-top: 8px; color: #484b51; font-size: 1.4rem; line-height: 2rem;}

/* pdf 다운 */
.pop-sub-tit {display:flex;margin:16px -3.4rem 0 0;padding: 12px 0;border-bottom: 1px solid #c6cbd0;justify-content:space-between;align-items: flex-start;text-align: left;}
.pop-sub-tit__btn-pdf{padding: 4px 2.7rem 4px 7px;background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-download.svg) no-repeat calc(100% - .8rem) 50%;background-size:1.6rem;border:1px solid var(--gray090);border-radius: 4px;font-size: 1.4rem; line-height: 2rem;}

/* 간편결제 자동등록 */
.auto-pay {display:grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin:24px 0 16px;}
.auto-pay li{position:relative}
.auto-pay input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
.auto-pay label{display:block;padding:16px 4px;border-radius:12px;text-align: center;font-size:1.4rem;line-height:2rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.16)}
.auto-pay label::before{content:'';display: block;height:2.4rem;margin-bottom:4px;}
.auto-pay label::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(72, 75, 81, .8) url(https://img1.kbcard.com/home_re/mo/ico/40/ico-1-check-w.svg) no-repeat center / 4rem; border-radius:12px;opacity:0;transition:opacity 300ms}
.auto-pay :checked + label::after{opacity:1}
.auto-pay__npay{background:#00de5a}
.auto-pay__npay::before{background: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-npay.png) no-repeat center / auto 100%;}
.auto-pay__kakaopay{background:#ffeb00}
.auto-pay__kakaopay::before{background: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-kakaopay.png) no-repeat center / auto 100%;}
.auto-pay__tosspay{background:#dbeaff}
.auto-pay__tosspay::before{background: url(https://img1.kbcard.com/home_re/mo/logo/24/logo-tosspay.png) no-repeat center / auto 100%;}

/* 25.04.22: 카드신청 디자인 선택 팝업 */
.card-sel { overflow: hidden; overflow-y: scroll; height: calc(100vh - 13.4rem); height: calc(100dvh - 13.4rem); padding-top: 24px; display: flex; flex-direction: column; align-items: center; }
.card-sel__radio { position: absolute; top: -12px; left: 50%; z-index: 2; width: 2.4rem; height: 2.4rem; margin: 0 0 0 -1.2rem; appearance: none; background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-off.svg) no-repeat 0 0 / 2.4rem;border:none;-webkit-appearance: none; }
.card-sel__radio:checked { background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg) no-repeat 0 0 / 2.4rem; }
.card-sel__tit { width: 100%; margin: -24px 0 24px; font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; }
.card-sel__selected { flex: 1; width: 100%; text-align: center }
.card-sel__selected-img { position: relative; display: block; aspect-ratio: 164/260; margin: 0 auto 16px; height: calc(100vh - 495px); height: calc(100dvh - 495px); min-height: 150px; }
.card-sel__selected-img img { position: absolute; width: calc(100vh - 495px); width: calc(100dvh - 495px); min-width: 150px; transform: translate3d(-50%, 29%, 0) rotate(90deg) }
.card-sel__name { font-weight: 600; }
.card-sel__list { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 32px; width: 100%; margin: 24px 0; }
.card-sel__list li { position: relative; width: 54px; height: 86px; margin: 0 auto; }
.card-sel__list label { width: 54px; height: 84px; }
.card-sel__list input + label:before { position: absolute; z-index: 2; top: -12px; left: 50%; margin-left: -12px; }
.card-sel__list input:checked + label:before { background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg) }
.card-sel__list input:checked + label:after { content: ''; position: absolute; top: -3px; left: -3px; width: 54px; height: 84px; border: 3px solid var(--yellow040); border-radius: 6px; }
.card-sel__img { width: 84px; height: 54px; transform: translate3d(-15px, 15px, 0) rotate(90deg) }
.card-sel__btnL { height: 56px; line-height: 56px; font-weight: bold; font-size: 18px; }

.pop-container--re .agr-grade{margin-top: 0;padding-top: 2rem;background: #f7f7fa;}
.pop-container--re .agr-grade .agreeGrade{padding-top:.8rem;padding-bottom:2rem;}
.pop-container--re .agr-grade .agreeGrade:after{display:none;}
.pop-container--re .new-agr-box{padding-top:2.4rem !important;background:var(--gray000);}
.pop-container--re .tabs__menu--rgroup {
  height: 3.6rem;
}

.pop-container--re .tabs__menu--rgroup > li:first-child {
  border-top-left-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
}

.pop-container--re .tabs__menu--rgroup > li:last-child {
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
}
.pop-container--re .tabs__menu--rgroup > li a{
  min-width: 8.8rem;
  height: 3.6rem;
  line-height: 3.6rem;
  font-size: 1.6rem;
}

.pop-container--re .tabs__menu--rgroup > li.on a {
  min-width: calc(8.8rem - 4px);
  height: calc(3.6rem - 4px);
  margin: 2px;
  background: var(--gray000);
  border: 0;
  line-height: 3.2rem;
  border-radius: 1.6rem;
  box-shadow: 0 0 0 1px #dde1e4, 0 0 0 2px var(--gray010);
}

.pop-container--re .agr-grade__list{padding: 2.4rem 0 3.6rem;}
.pop-container--re .agreeGrade ul li{height:1.2rem;border:0; margin-right:1px;margin-left:1px;}
.pop-container--re .agreeGrade ul li span{top: 2.2rem;margin: 0;}
.pop-container--re .agr-grade__item.on::before {
  top: -2.6rem;
  left: 50%;
  background-color: #5ec2b2;
  opacity: .39;
}
.pop-container--re .agreeGrade ul li.on:after {content:''; display:block;position:absolute; top:-2.3rem; left:50%;width:2.4rem;height:2.9rem;margin-left:-1.2rem;transform:none;background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-point.png ) no-repeat 0 0;background-size:cover;}
.pop-container--re .agreeGrade .desc .btnArea a {height:auto;-webkit-border-radius:0;border-radius:0;line-height:1.43;padding:0 18px 0 0;background-color:transparent;font-size:1.4rem;border:0 !important;background-image:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg); background-position:right center; background-repeat:no-repeat; background-size:1.6rem;}

/* KB Pay 3.0 */
/* MCAM40001_24 카드관리 */
.agree-ui__tit label, .agree-ui__tit .check-box {position:relative;}

/**** 신규 ****/
/* MCAM40001_04 동시발급카드유형선택 바틈시트 */
.card-sel__list.__col4 {grid-template-columns: repeat(4, 1fr); margin:2.4rem 0 0;}
.card-sel__list.__col4 .card-sel__radio {opacity:0;}
.card-sel__list.__col4 .card-sel__radio:checked {opacity:1;}
.trans-card-message {width:100%; color:var(--gray090); font-weight:400;} /* 2026-01-02 교통카드, 비교통카드 표시방법 변경 추가 */
.trans-card-message .case {display:inline-flex; align-items:center; height:3.0rem; font-size:1.4rem; color:var(--gray090); padding:.4rem .7rem .3rem; border:1px solid var(--gray015); border-radius:1.5rem;}
.trans-card-message + .tit-form {margin-top:2.4rem;}
.card-type__list .list-info__tit {color:var(--gray060);}
.card-type__list .list-info__desc {font-weight:400; color:var(--gray090);}

/* MCAM40001_21 : 소유카드관리 */
.card-manage {padding-bottom:0;}
.card-manage__btn {display:flex; width:100%; height:auto; margin:.8rem 0 0; justify-content:flex-end; align-items:center; text-align:right; border:0; background:none;}
.card-manage__btn .btn {margin-left:1.2rem; height:2.2rem; padding:0; vertical-align:top; font-size:1.4rem; font-weight:400; color:var(--gray090); border:0; border-radius:0;}
.card-manage__btn .btn:first-of-type {margin-left:0;}
.btn[class^="btn btn-card__"]::before {content:""; width:1.6rem; height:1.6rem; margin-right:.4rem; vertical-align:top; background-repeat:no-repeat; background-position:center; background-size:1.6rem;}
.btn-card__fullview::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-viewall.svg);}
.btn-card__change::before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-switch.svg);}
.card-manage .js-swiper-cardmge {width:calc(100% + 3.2rem); height:26.1rem; margin-left:-1.6rem;}
.card-manage .js-swiper-cardmge::before {content:""; display:block; width:100vw; height:22rem; position:absolute; top:1.2rem; background-image:linear-gradient(to bottom, var(--gray000), var(--gray010) 50%, var(--gray000));}
.card-manage .swiper-container.js-swiper-cardmge .swiper-wrapper .swiper-slide {width:auto;}
.card-manage .swiper-container.js-swiper-cardmge .swiper-slide {transform:scale(0.62);}
.card-manage .swiper-container.js-swiper-cardmge .swiper-slide-active {transform:scale(1.0); transition:transform 0.3s ease;}
.card-manage .card-area {min-height:auto; padding:0; flex-direction:column; border:0; border-radius:0;}
.card-manage .card-area__img {display:flex; width:100%; height:24.3rem; margin:0; position:relative; align-items:center; justify-content:center;}
.card-manage .card-area__img img {width:20.3rem; height:12.8rem; position:static; top:unset; left:unset; border-radius:.8rem; transform:rotate(90deg); /*box-shadow:inset 1px 1px 1px 1px var(--gray050);*/ border:1px solid rgba(0, 0, 0, .08); overflow:hidden;}
.card-manage .card-area .card-area__info {width:100%; margin-top:2rem; text-align:left;}
.card-manage .card-area .card-area__info-dt {font-size:2rem; line-height:1.33; letter-spacing:-0.03rem; color:var(--gray090);}
.card-manage .card-area .card-area__info-dd {margin-top:.8rem; flex-direction:row; align-items:center; color:var(--gray090);}
.card-manage .card-area .card-area__info-name {position:relative; padding-left:.8rem;}
.card-manage .card-area .card-area__info-name::before {content:""; display:block; width:.1rem; height:1.2rem; margin:0 .4rem; position:absolute; top:.4rem; left:0; background-color:var(--gray020);}
.card-manage .card-area__fraction {display:flex; align-items:center; justify-content:center; font-size:1.2rem;}
.card-manage .swiper-pagination-fraction {margin-top:0; padding:0; font-family:-apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, system-ui; font-size:1.2rem; color:var(--gray090); line-height:1.5; letter-spacing:-.03rem; border-radius:0; background:none;}
.card-manage .swiper-pagination-fraction .swiper-pagination-current {font-weight:600;}
.card-manage .swiper-pagination-fraction > span {padding:0 .2rem;}
.card-manage .swiper-pagination > span {width:auto; height:auto; margin-top:0; background:transparent; border-radius:0; opacity:1;}
.card-manage .swiper-pagination > span + span {margin-left:.6rem; margin-left:0;}
.icon-setting {margin:2.4rem 0 3.2rem; padding:1.6rem; letter-spacing:-.03rem; border-radius:1.6rem; box-shadow:0 .2rem .8rem 0 rgba(0, 0, 0, 0.1);}
.icon-setting__link {max-width:7rem; padding-top:0; font-size:1.4rem; line-height:1.29; color:var(--gray090); word-break:keep-all;}
.icon-setting__link--lost:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-lost.svg);}
.icon-setting__link--password-change:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-password-change.svg);}
.icon-setting__link--pay-info:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-pay-info.svg);}
.icon-setting__link--reissuance:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-reissuance.svg);}
.article.no-card {display:flex; flex-direction:column; justify-content:space-between;height:calc(100vh - 11.2rem);}
.article.no-card .no-data {margin-top:5.6rem;}
.article.no-card .no-data__visual {height:23.2rem; display:flex; flex-direction:column; align-items:center; text-align:center;}
.article.no-card .no-data__visual > p::before {content:""; display:block; width:10.4rem; height:10.4rem; position:relative; margin:0 auto 1.6rem; background:url(https://img1.kbcard.com/home_re/mo/img/card/img-visual-cards.png) no-repeat center; background-size:10.4rem;}
.article.no-card .no-data__visual > .btn {font-weight:600; margin-top:2.4rem; color:var(--gray090);}
.icon-setting + .list-link--s .list-link__item > a::after {background-position:calc(100% + .7rem) center;}

/* MCAM40001_22 카드 전체보기 : 카드 상자 */
.card-list, 
.card-list__div, 
.card-list .card-list__label {position:relative;}
.card-list .card-list__div:not(:first-of-type) {margin-top:1.2rem;}
.card-list .card-list__label:first-of-type .card-area {margin-top:0;}
.card-list .card-list__radio {width:.1rem; height:.1rem; overflow:hidden; opacity:0; position:absolute; left:0;}
.card-area {display:flex; padding:1.9rem 1.5rem 1.9rem 1.9rem; align-items:center; color:var(--gray090); border-radius:.8rem; border:solid .1rem var(--gray030); box-sizing:border-box;}
.card-area__img {width:4rem; height:6.2rem; position:relative; margin:0 1.6rem 0 0; border-radius:.3rem;}
.card-area__img img {display:block; width:6.2rem; height:4rem; position:absolute; top:0; left:0; border-radius:.3rem; transform:translate3d(-1.3rem, 1.1rem, 0) rotate(90deg);}
.card-area .card-area__info {position:relative; flex:1;}
.card-area .card-area__info-dl {position:relative; letter-spacing:-.03rem;}
.card-area .card-area__info-dt {font-weight:600;}
.card-area .card-area__info-dd {display:flex; margin-top:.4rem; align-items:center;}
.card-area .card-area__info-dd + .card-area__info-dd {margin-top:.2rem;}
.card-area .card-area__info-dd .card-box__desc {height:2.4rem; margin-top:0; margin-right:.4rem;}
.card-area .card-area__info-dd .card-box__desc::before {top:-.1rem;}
.card-area .card-area__info-nameexpired {display:flex; align-items:center;}
.card-area .card-area__info-name {font-size:1.4rem;}
.card-area .card-area__info-expired {font-size:1.4rem; padding-left:.8rem; position:relative; position:relative;}
.card-area .card-area__info-expired::before {content:""; display:block; width:.1rem; height:1.2rem; position:absolute; top:0.3rem; left:0; margin:0 .4rem; background-color:var(--gray020);}
.card-area .card-area__info-badge {display:flex; align-items:center; margin-top:.8rem; flex-flow:row wrap; gap:.4rem;}
.card-area .card-area__info-no {font-size:1.4rem; line-height:2.2rem;}
.card-list .card-list__radio:checked + .card-list__label > .card-area {padding:1.8rem 1.4rem 1.8rem 1.8rem; outline:none; border-width:.2rem; border-color:var(--gray090);}

/* MCAM4001_03 카드신청 : 동시신청카드선택 */
.tit-dep3 {line-height:1.5; color:var(--gray090); letter-spacing:-0.03rem;}/* common : need to check */
.card-list .tit-dep3 + .card-list__div {margin-top:1.6rem;}
.card-app__img {display:flex; align-items:stretch; justify-content:center; width:100%; min-height:20.6rem; margin-top:3.2rem; background:url(https://img1.kbcard.com/home_re/mo/ico/20/ico-plus-bold.svg) no-repeat center 6.2rem; background-size:2rem;}
.card-app__img .card-app__plate {width:9.1rem; height:14.4rem; border-radius:.8rem; background:url(https://img1.kbcard.com/home_re/mo/ico/visual/ico-visual-cardframe.svg) no-repeat center;}
.card-app__img > div {display:flex; flex-direction:column; align-items:center; width:50%;}
.card-app__cardname {width:14rem; margin-top:1.2rem; font-size:1.4rem; text-align:center; line-height:1.57; letter-spacing:-0.03rem;}
.card-app__cardinfo {display:flex; min-height:2.4rem; margin-top:.4rem; align-items:center; justify-content:center;}
.card-app__cardinfo .badge {height:2.4rem;}
.card-app__cardinfo .card-box__desc {width:3.2rem; height:2.4rem; margin-top:0; margin-left:.4rem; padding-left:0;}
.card-app__img .card-app__cardname {font-weight:600; color:var(--gray090);}
.card-app__img .card-app__cardname span.default {font-weight:400;}
.card-app__img .card-app__plate {position:relative;}
.card-app__img .card-app__plate img {height:9.2rem; width:14.5rem; position:absolute; top:0; left:-.1rem; transform:translate3d(-26px, 26px, 0) rotate(90deg);}

.card-app__img .card-app__selected .card-app__plate img, 
.card-app__img .card-app__selected .card-app__cardinfo > span,
.card-app__img .card-app__selected .card-app__cardname .cardname {display:none;}
.card-app__img .card-app__selected.card-selected .card-app__plate img, 
.card-app__img .card-app__selected.card-selected .card-app__cardinfo > span,
.card-app__img .card-app__selected.card-selected .card-app__cardname span.cardname, 
.card-app__img .card-app__selected.card-selected .card-app__plate .btn-x {display:block;}
.card-app__img .card-app__selected.card-selected .card-app__cardname span.default {display:none;}
.card-area.type-2 {width:100%; flex-direction:column; justify-content:flex-start; padding:1.6rem;}
.card-area.type-2 .card-area__col .card-area__info-dl {display:flex; flex-direction:column;}
.card-list .card-list__radio:checked + .card-list__label > .card-area.type-2 {padding:1.5rem;}

.card-area__col {display:flex; width:100%; justify-content:flex-start;}
.card-area__fee {display:flex; width:100%; margin-top:.8rem; align-items:center; justify-content:flex-start; font-size:1.4rem; line-height:1.57;}
.card-area.type-2 .card-area__img {width:5rem; height:8rem; margin:0 1.2rem 0 0; position:relative;}
.card-area.type-2 .card-area__img img {width:8rem; height:5rem; position:absolute; top:0; left:0; transform:translate3d(-1.6rem, 1.4rem, 0) rotate(90deg);}
.card-area.type-2 .card-area__info-dt {font-size:1.4rem; font-weight:400; line-height:1.57; letter-spacing:-0.03rem;}
.card-area__fee > span {line-height:2.4rem;}
.card-area__fee .badge__lgray {display:inline-flex; width:4.6rem; height:2.4rem; padding:.4rem .8rem; margin-right:.8rem; align-items:center; justify-content:center; font-size:1.1rem; line-height:2.4rem; border-radius:1.2rem; background-color:var(--gray010);}
.card-area_info-benefits {display:flex; flex-flow:row wrap;}
.card-area_info-benefit {display:inline-flex; font-size:1.4rem; font-weight:600; line-height:1.57; word-break:keep-all;}
.card-area_info-benefits .card-area_info-benefit:last-of-type::after {display:none;}
.card-app__img .card-app__plate .btn-x, 
.card-list__div .btn-x {display:none; width:3.2rem; height:3.2rem; position:absolute; border-radius:.8rem; border:0; background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-close-gray.svg) no-repeat center center; background-size:1.6rem;}
.card-list__div .btn-x {top:0; right:0;}
.card-app__img .card-app__plate .btn-x {top:-3rem; right:-.8rem;}
.card-list .card-list__radio:checked ~ .btn.btn-x {display:block;}

/* MCAM40001_07 카드신청 : 선택서비스신청 */
/* MCAM40001_24 카드신청 : 부가서비스 신청 */
/* MCAM40001_08 카드신청 : 신청정보입력 */
#sectionTr .tit-dep2.flex {margin-bottom:1.2rem;}
.headline-area {display:flex; margin-bottom:.4rem; align-items:center; justify-content:space-between;}
.headline-area .tit-form {margin-top:0;}
.headline-area .check-box:last-of-type {margin-right:0;}
.card-type__cont + .card-type__cont {padding-top:3.2rem; border-top:1px solid var(--gray010);}
.card-type__cont .headline-area,
.card-type__cont .headline-area .tit-dep2 {margin-bottom:0;}

.check-box--re .check-box__detail {background-image:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg);}

.chk--btn.card-brand.type3 label {padding-top:1.6rem; padding-bottom:1.6rem; border-color:var(--gray030);}
.chk--btn.card-brand.type3 input:checked + label {padding-top:1.5rem; padding-bottom:1.5rem; border-color:var(--gray090);}

/* MCAM40001_01 임시저장 안내 */
.toast-top {bottom:unset; top:5.6rem;}
/* MCAM40001_09 카드 신청하기 완료 */
.complete-card__multi {display:flex; justify-content:center; gap:0.8rem;}
.complete-card__multi .complete-card__wrap {max-width:15.2rem;}
.complete-card__multi ~ .btn {font-weight:600;}

.complete-card__multi .complete-card__img {height:17.8rem; min-width:11.2rem; padding-bottom:0; margin:0 0 1.6rem; position:relative;}/* 2026-02-23 수정 */
.complete-card__multi .complete-card__img img {position:absolute; top:0; display:block; width:17.8rem; height:11.2rem; object-fit:contain; transform:translateY(29%) rotate(90deg); aspect-ratio:auto 1 / 1;}/* 2026-02-23 수정 */
.complete-card__multi .complete-card__tit {font-size:1.4rem; display:inline-block; width:15.2rem;;}
.complete-card + .txt-s {text-align:center; color:#484b51;}
.complete-card + .txt-s + .btn {margin-top:2.4rem;}
.complete-card + .txt-s + .btn + .complete-banner {margin-top:2.4rem;}
.complete-card + .txt-s + .complete-banner {margin-top:4.8rem;}/* 2026-02-23 수정 */

/* MCAM40001_02 이어하기 컨펌 */
.ongoing-card .card-app__img {min-height:0; background:none; width:12rem; height:19rem; align-items:center; margin:0 auto;}
.ongoing-card .card-app__img img {display:block; width:19rem; height:12rem; transform:translate3d(-50px, 12px, 0) rotate(90deg); transform: rotate(90deg); transform-origin: center; margin: 12px -50px;}
.ongoing-card + .list-info {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1.2rem 0;}
.agree-ui__tit input:checked + label:after {border-color:transparent;}
.chk-all--re .chk-all__body .check-box label {color:var(--gray070);}
.caution-list .tit {font-weight:600; font-size:1.4rem; line-height:1.57;}/* 2026-02-11 이어하기 유의사항 추가 */
.caution-list .tit + .desc {margin-top:1.2rem;}/* 2026-02-11 이어하기 유의사항 추가 */
.caution-list .desc .list-blt li {color:var(--gray060);}/* 2026-02-11 이어하기 유의사항 추가 */

/*카드 한눈에 보기 인기카드 배너 추가*/
.recommon-banner {display:flex; justify-content: center; padding:2.4rem 11.0rem 2.5rem 1.6rem; flex-direction: column; position: relative; border-radius: 1.2rem;}
.recommon-banner.recommon-banner--allyou {background:url(https://img1.kbcard.com/home_re/mo/img/card/bg-all-you-need.png) no-repeat center center / cover; color:var(--gray000);}
.recommon-banner.recommon-banner--allyou:before {content:''; display:block; position: absolute; top:0; right:1.6rem; width:10.4rem; height:8.0rem; background:url(https://img1.kbcard.com/home_re/mo/img/card/img-all-you-need.png) no-repeat center center / cover;}
.recommon-banner__sub {display:block; font-size:1.4rem;}
.recommon-banner__tit {display:block; margin-top:0.2rem;}

/* Youth Club 카드 대상 유스멤버십 가입 유도 배너 */
.img-youth-club {width:25.4rem; margin:2rem auto 0; text-align:center;}
.img-youth-club img {width:100%; vertical-align:top;}