@charset "UTF-8";
 
.login {
    position: relative;
    text-align: center;
  }
  
  .login--gate {
    margin-top: -.4rem;
  }
  
  .login__gate-tit {
    font-size: 2.2rem;
    font-weight: 300 !important;
    text-align: center;
  }
  
  .login__gate-tit > strong {
    display: block;
    font-size: 3.6rem;
    font-weight: 400 !important;
  }
  
  .login__box {
    display: block;
    position: relative;
    margin-top: 5rem;
    padding: 3rem;
    border: 1px solid #000;
    border-radius: 1.2rem;
    background-color: #fff;
    box-shadow: 0 .8rem 1.6rem 0 rgba(0, 0, 0, .16);
    text-align: left;
  }
  
  .login__box:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 3.2rem;
    width: 4.8rem;
    height: 4.8rem;
    transform: translateY(-50%);
    background: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-cardneed.svg) no-repeat 0 0;
    background-size: 100% auto;
  }
  
  .login__box + .login__box {
    margin-top: 1.5rem;
  }
  
  .login__box + .login__box:before {
    display: none;
  }
  
  .login__box-tit {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 600 !important;
  }
  
  .login__box-desc {
    margin-top: .4rem;
    font-size: 1.4rem;
    line-height: 1.71;
  }
  
  .login__box-link {
    display: flex;
    justify-content: flex-end;
    margin: 3rem -3rem -3rem -3rem;
    padding: 1.4rem;
    border-bottom-right-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
    background-color: #f9fafc;
  }
  
  .login__box-link .btn-txt {
    margin-left: 2.8rem;
  }
  
  .login__box-link .btn-txt:after {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg);
  }
  
  .login__chk-dontsee {
    position: fixed;
    bottom: 2rem;
    left: 1.6rem;
    font-size: 1.4rem;
  }
  
  .login__chk-dontsee label {
    align-items: center;
  }
  
  .login__body {
    position: relative;
    margin-top: 3.2rem;
  }
  
  .login__body:before {
    content: "";
    display: inline-block;
    width: 8rem;
    height: 8rem;
    margin-bottom: 3.8rem;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100% auto;
  }
  
  .login--fingerprint-no .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-fingerprint-no-g.svg);
  }
  
  .login--fingerprint .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-fingerprint-g.svg);
  }
  
  .login--faceid-no .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-faceid-no-g.svg);
  }
  
  .login--faceid .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-faceid-g.svg);
  }
  
  .login--pattern-no .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-pattern-no-g.svg);
  }
  
  .login--pattern .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-pattern-g.svg);
  }
  
  .login--pw-no .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-pswd-no-g.svg);
  }
  
  .login--pw .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-80-pswd.svg);
  }
  
  .login--cer-no .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-cert-no-g.svg);
  }
  
  .login--cer .login__body:before {
    width: 13.6rem;
    height: 13.6rem;
    background-image: url(https://img1.kbcard.com/home_re/mo/img/customer/img-char-certification.png);
  }
  
  .login--kbpay .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-appcard-g.svg);
  }
  
  .login--nfc .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-card-phone-g.svg);
  }
  
  .login--kbcer-no .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-kbceritificate-g.svg);
  }
  
  .login--kbcer .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-kbceritificate-g2.svg);
  }
  
  .login--draw-pt .login__body:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/80/ico-pattern-g.svg);
  }
  
  .login--locknumber .login__body .btn-locknumber {
    display: block;
    width: 13.6rem;
    height: 8rem;
    margin: 0 auto 4.5rem;
    background-image: url(https://img1.kbcard.com/home_re/mo/img/customer/img-lock-number.svg);
    background-size: 100% auto;
    background-position: 0 center;
    background-repeat: no-repeat;
  }
  
  .login--locknumber .login__body:before {
    display: none;
  }
  
  .login__tit {
    font-size: 2rem;
    line-height: 1.4;
    word-break: keep-all;
  }
  
  .login__desc {
    margin-top: .4rem;
    color: #8c949e;
  }
  
  .login__auto {
    margin-top: .4rem;
  }
  
  .login__auto .switch {
    margin-top: -.2rem;
    margin-left: .4rem;
  }
  
  .login__auto-txt {
    color: #8c949e;
  }
  
  .login__drawbox {
    margin: 0 auto 4rem;
    width: 24rem;
    height: 24rem;
    background-color: rgba(0, 0, 0, .06);
  }
  
  .login__wcimg {
    width: 13.6rem;
    margin: 0 auto 3.2rem;
  }
  
  .login__wcimg > img {
    width: 100%;
  }
  
  .login--draw {
    text-align: center;
  }
  
  .login--draw :before {
    display: none;
  }
  
  .login--draw .login__body {
    margin-top: 8.8rem;
  }
  
  .login--draw .login__tit {
    font-size: 2rem;
  }
  
  .login--autologin .login__body:before {
    display: none;
  }
  
  .login--cer .login__auto {
    margin-top: 2.4rem;
  }
  
  .sns-login__tit {
    position: relative;
    margin: 0 3rem;
    font-size: 1.4rem;
    color: #696e76;
  }
  
  .sns-login__tit:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
  }
  
  .sns-login__tit > span {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 1.8rem;
    background-color: #fff;
  }
  
  .sns-login__list {
    margin: 2rem 0 6rem;
  }
  
  .sns-login__list::after {
    content: "";
    display: table;
    clear: both;
  }
  
  .sns-login__list li {
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    margin-left: 2rem;
  }
  
  .sns-login__list li:first-child {
    margin-left: 0;
  }
  
  .sns-login__list li > a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
  }
  
  .sns-login__naver {
    background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-sns-naver.png);
  }
  
  .sns-login__kakao {
    background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-sns-kakao.png);
  }
  
  .sns-login__facebook {
    background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-sns-facebook.png);
  }
  
  .sns-login__payco {
    background-image: url(https://img1.kbcard.com/home_re/mo/logo/48/logo-sns-payco.png);
  }
  
  .pop-icotype {
    text-align: center;
  }
  
  .pop-icotype:before {
    content: '';
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    margin-bottom: 2.4rem;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100% auto;
  }
  
  .pop-icotype--fingerprint:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/48/ico-fingerprin.svg);
  }
  
  .pop-icotype__txt {
    min-height: 4.8rem;
  }
  
  .list-push__item {
    position: relative;
    padding: 4rem 0 4.8rem 4.8rem;
  }
  
  .list-push__item:before {
    content: '';
    position: absolute;
    top: 4rem;
    bottom: 0;
    left: 1.8rem;
    width: 1px;
    border: 0;
    border-left: 1px dashed #8492a6;
  }
  
  .list-push__day {
    position: absolute;
    top: 0;
    left: 0;
    color: #26282c;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  
  .list-push__box {
    position: relative;
  }
  
  .list-push__box > .btn-more--arr {
    height: 2.4rem;
    margin-top: .4rem;
    background-size: 2.4rem;
  }
  
  .list-push__box .btn-txt {
    margin-top: .8rem;
  }
  
  .list-push__box-inner {
    width: 100%;
    padding: 1.6rem;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
  }
  
  .list-push__box-inner > .badge {
    display: inline-block;
    min-width: 3.2rem;
    margin-bottom: .8rem;
    padding: 0 .6rem;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.8rem;
  }
  
  .list-push__box + .list-push__box {
    margin-top: 1.6rem;
  }
  
  .list-push__time {
    position: absolute;
    top: 0;
    left: -4.8rem;
    padding-top: 1rem;
    color: #696e76;
    font-size: 1.4rem;
    line-height: 2.2rem;
    background: #f9fafc;
  }
  
  .list-push__time:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);
    transform: translateX(-50%);
  }
  
  .list-push__tit {
    display: block;
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
  
  .list-push__img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 1.6rem;
  }
  
  .list-push__img img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  
  .list-push__txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  
  .list-push__event {
    overflow: hidden;
    max-height: 6.6rem;
    margin-top: .8rem;
    color: #696e76;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  
  .list-push__event.on {
    max-height: 100%;
  }
  
  .list-push__amount {
    display: block;
    margin-bottom: .4rem;
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
  
  .list-push__history {
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  
  .list-push__info {
    margin-top: 1.2rem;
  }
  
  .list-push__info:after {
    content: '';
    clear: both;
    display: block;
  }
  
  .list-push__info > span {
    float: left;
    position: relative;
    margin-top: .4rem;
    color: #696e76;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  
  .list-push__info > span + span {
    margin-left: .8rem;
    padding-left: .9rem;
  }
  
  .list-push__info > span + span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.2rem;
    background-color: #ddd;
    transform: translateY(-50%);
  }
  
  .list-push__info .list-push__info-sum {
    margin-left: 0;
    padding-left: 0;
  }
  
  .list-push__info .list-push__info-sum::before {
    display: none;
  }
  
  .list-push__setting {
    position: absolute;
    top: 1.6rem;
    right: 1rem;
  }
  
  .list-push__setting.on > .list-push__setting-box {
    display: block;
  }
  
  .list-push__setting-btn {
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
    background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-more.svg) no-repeat 50% 50%;
    background-size: 2.4rem;
    vertical-align: top;
  }
  
  .list-push__setting-box {
    display: none;
    position: absolute;
    top: 2.4rem;
    right: 0;
    min-width: 10rem;
    border-radius: .8rem;
    box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .3);
    background: #fff;
  }
  
  .list-push__setting-box > li > a {
    display: block;
    padding: 0 1.6rem;
    font-size: 1.6rem;
    line-height: 5.3rem;
  }
  
  .event-wrap {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    transform: translateY(calc(100% - 56px));
    animation: event-slide-in .3s;
  }
  
  .event-wrap.on {
    background: rgba(0, 0, 0, .35);
    transform: translateY(0);
    animation: event-slide-up .3s;
  }
  
  .event-wrap > .event-wrap__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    border-radius: 1.6rem 1.6rem 0 0;
    background-color: #222;
  }
  
  .event-wrap > .event-wrap__inner > .btn-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2.4rem 1.6rem;
    background: #fff;
  }
  
  .event-wrap.on > .event-wrap__inner {
    top: 5.6rem;
  }
  
  .event-wrap .event-wrap__tit > a {
    display: block;
    padding: 0 1.6rem;
    color: #fff;
    font-size: 1.8rem;
    line-height: 5.8rem;
    background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-up-w.svg) no-repeat right 1.6rem top 50%;
    background-size: 2.4rem 2.4rem;
  }
  
  .event-wrap.on .event-wrap__tit > a {
    background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down-w.svg) no-repeat right 1.6rem top 50%;
    background-size: 2.4rem 2.4rem;
  }
  
  .event-wrap .event-list {
    overflow-y: auto;
    height: calc(100vh - 104px);
    padding: 1.6rem 0 10.4rem;
    border-radius: 1.6rem 1.6rem 0 0;
    background: #fff;
  }
  
  .event-wrap .event-list__item > a {
    display: table;
    padding: 2.4rem 1.6rem;
  }
  
  .event-wrap .event-list__img {
    display: table-cell;
    width: 7.4rem;
    height: 7.4rem;
    vertical-align: middle;
  }
  
  .event-wrap .event-list__img > img {
    width: 7.4rem;
    height: 7.4rem;
    vertical-align: top;
  }
  
  .event-wrap .event-list__cnt {
    display: table-cell;
    padding-left: 1.6rem;
    vertical-align: middle;
  }
  
  .event-wrap .event-list__cnt .event__tit {
    margin-bottom: .4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  
  .event-wrap .event-list__cnt .event__date {
    color: #696e76;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  
  @keyframes event-slide-in {
    0% {
      opacity: 0;
      transform: translateY(0);
    }
    100% {
      opacity: 1;
      transform: translateY(calc(100% - 56px));
    }
  }
  
  @keyframes event-slide-up {
    0% {
      opacity: 0;
      transform: translateY(calc(100% - 56px));
    }
    100% {
      opacity: 1;
      background: rgba(0, 0, 0, .35);
      transform: translateY(0);
    }
  }
  
  .friends-info + .friends-info {
    margin-top: 6.4rem;
  }
  
  .friends-info__tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
    text-align: center;
  }
  
  .friends-info__tit--kiki {
    color: #f16687;
  }
  
  .friends-info__tit--ago {
    color: #99ca3c;
  }
  
  .friends-info__tit--bb {
    color: #9c8581;
  }
  
  .friends-info__tit--lamu {
    color: #705d39;
  }
  
  .friends-info__tit--kolly {
    color: #009b75;
  }
  
  .friends-info__intro {
    font-weight: 400 !important;
    margin-top: .4rem;
    text-align: center;
  }
  
  .friends-info .img-center {
    width: 24rem;
    height: 24rem;
    margin: 1.6rem auto 2.4rem;
    background-color: #f9fafc;
    border-radius: 100%;
  }
  
  .friends-info .img-center > img {
    width: 100%;
  }
  
  .friends-info .img-detail {
    padding: 1.6rem;
    margin-bottom: 1.6rem;
  }
  
  .friends-info .img-detail > img {
    width: 100%;
  }
  
  .friends-info .box {
    margin-bottom: 2.4rem;
  }
  
  .friends-info .box > img {
    width: 100%;
  }
  
  .friends-info__mbti {
    margin-top: 1.6rem !important;
    font-weight: 400 !important;
  }
  
  .friends-ban {
    position: relative;
    padding: 2.4rem 1.6rem;
    margin: 4.8rem -1.6rem 0;
    border-radius: 0;
  }
  
  .friends-ban__right {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
  }
  
  .friends-ban__right > img {
    width: 100%;
  }
  
  .visual-box {
    margin: 0 -1.6rem;
  }
  
  .visual-box img {
    width: 100%;
    vertical-align: top;
  }
  
  .dreamtour-wrap {
    padding: 4.8rem 0 0;
  }
  
  .dreamtour-wrap .title-box {
    text-align: center;
  }
  
  .dreamtour-wrap .title-box span {
    display: block;
    color: #26282c;
    font-weight: 400;
  }
  
  .dreamtour-wrap .title-box .tit1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  
  .dreamtour-wrap .title-box .tit2 {
    margin-top: .8rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  
  .dreamtour-wrap .scroll-wrap {
    margin: 3.2rem -1.6rem 0 0 !important;
  }
  
  .dreamtour-wrap .scroll-wrap:after {
    display: none !important;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li {
    position: relative;
    padding-left: 2.4rem !important;
    text-align: center;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li:first-child {
    padding-left: 1.6rem !important;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li > a {
    padding: 0 !important;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li > a:after {
    display: none !important;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li .tourimg {
    display: inline-block;
    position: relative;
    width: 8rem;
    height: 8rem;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li .tourimg img {
    width: 100%;
    vertical-align: top;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li .tit {
    display: block;
    margin-top: .8rem;
    color: #696e76;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li.on .tourimg:after {
    position: absolute;
    overflow: hidden;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    box-sizing: border-box;
    border: 3px solid #fc0;
    border-radius: 50%;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li.on .tit {
    color: #26282c;
  }
  
  .dreamtour-wrap .scroll-wrap .tabs__menu li.on:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg) no-repeat 100% 0;
    background-size: 100%;
  }
  
  .dreamtour-wrap .dreamtour-list li + li {
    margin-top: 2.4rem;
  }
  
  .dreamtour-wrap .dreamtour-list__img {
    height: 22.6rem;
  }
  
  .dreamtour-wrap .dreamtour-list__img img {
    width: 100%;
    vertical-align: top;
  }
  
  .dreamtour-wrap .dreamtour-list__cont {
    margin-top: 1.6rem;
  }
  
  .dreamtour-wrap .dreamtour-list__cont .title {
    display: block;
    max-height: 5.4rem !important;
    color: #333;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 400;
  }
  
  .dreamtour-wrap .dreamtour-list__cont .text {
    margin-top: .4rem;
    color: #888;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
  }
  
  .dreamtour-wrap .dreamtour-list__cont .price-box {
    margin-top: .8rem;
    text-align: right;
  }
  
  .dreamtour-wrap .dreamtour-list__cont .price-box .price {
    color: #26282c;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
  }
  
  .dreamtour-wrap .dreamtour-list__cont .price-box .price .num {
    color: #f76900;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  
  .suggecard-list > li {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
  }
  
  .suggecard-list > li:first-child {
    border-top: 0 !important;
  }
  
  .suggecard-list > li:first-child > a {
    padding-top: 0 !important;
  }
  
  .suggecard-list > li > a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 2.4rem 0;
  }
  
  .suggecard-list__thum {
    width: 7.2rem;
    height: 4.6rem;
  }
  
  .suggecard-list__thum img {
    width: 100%;
    vertical-align: top;
  }
  
  .suggecard-list__cont {
    font-weight: 400;
    padding-left: 2.4rem;
  }
  
  .suggecard-list__title {
    color: #26282c;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  
  .compliance-text {
    margin: 3.2rem -1.6rem 4rem;
    padding: 1.6rem;
    color: #696e76;
    font-size: 1.4rem;
    line-height: 2.2rem;
    background-color: #f9fafc;
  }
  
  .totalsch .cont-area {
    padding-top: 8rem;
  }
  
  .totalsch .cont-area .article > .tit-dep1 {
    margin-bottom: 1.6rem;
  }
  
  .totalsch #footer {
    padding: 0;
    border-top: 0;
  }
  
  .totalsch .box {
    position: relative;
    margin-bottom: 0;
  }
  
  .totalsch .box .tit-dep3 {
    margin-bottom: .8rem;
  }
  
  .totalsch .box .point-wrap .text-point {
    display: inline-block;
  }
  
  .totalsch .box .point-wrap .text-point + .text-point:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 2.4rem;
    margin: 0 1.2rem;
    background-color: rgba(0, 0, 0, .16);
    vertical-align: text-top;
  }
  
  .totalsch .box .text-point {
    position: relative;
    font-size: 2rem;
    line-height: 3.6rem;
    font-weight: 600 !important;
  }
  
  .totalsch .box .text-point span {
    font-size: 2.8rem;
  }
  
  .totalsch .box .badge {
    position: absolute;
    top: 2.4rem;
    right: 1.6rem;
  }
  
  .totalsch .box + .btn-wrap,
  .totalsch .box + .ta-c {
    margin:0 0 2.4rem;
  }
  
  .totalsch .box-icon {
    display: flex;
  }
  
  .totalsch .box-icon__item {
    position: relative;
    width: 33.3%;
    padding: 0 .6rem;
    text-align: center;
  }
  
  .totalsch .box-icon__item:before {
    content: '';
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 3.2rem;
  }
  
  .totalsch .box-icon__item--calendar:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-365-d-24-h.svg);
  }
  
  .totalsch .box-icon__item--cash:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-more-10000.svg);
  }
  
  .totalsch .box-icon__item--passbook:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-cardcert.svg);
  }
  
  .totalsch .box-icon__tit {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 2.3rem;
    word-break: break-word;
  }
  
  .totalsch .list-link__text {
    margin-top: .4rem;
  }
  
  .totalsch-more {
    margin-top: 1.6rem;
    text-align: center;
  }
  
  .totalsch-fixed {
    position: fixed;
    z-index: 11;
    top: 5.6rem;
    left: 0;
    right: 0;
    padding: 3.2rem 1.6rem 0 !important;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
  }
  
  .totalsch-typing {
  	display:none;
  	padding:1.6rem 0 2.4rem;
  	-webkit-backface-visibility: hidden;
  }
  
  .totalsch-hash {
    padding: 3.2rem 2.4rem 0 !important;
    margin: 1.6rem 0 4.8rem;
    text-align: center;
  }
  
  .totalsch-hash .btn {
    margin-top: .8rem;
  }
  
  .totalsch-box-wide {
    margin: 0 -1.6rem;
    padding: 3.2rem 1.6rem;
    background: #f9fafc;
    text-align: center;
    position: relative;
  }
  
  .totalsch-box-wide__tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  
  .totalsch-box-wide__desc {
    margin-top: 1.6rem;
    font-weight: 300 !important;
  }
  
  .totalsch-box-wide .btn {
    margin-top: 3.2rem;
  }
  
  .totalsch-box-wide + .btn-wrap {
    margin-top: 3.2rem;
  }
  
  .totalsch-btn-box {
    margin-top: 3.2rem;
    padding-bottom: 2.4rem;
  }
  
  .totalsch-btn-box li .btn-box {
    justify-content: flex-start;
  }
  
  .totalsch-btn-box li .badge {
    position: relative;
    left: 1.4rem;
  }
  
  .totalsch-btn-box li + li {
    margin-top: .8rem;
  }
  
  .totalsch-ev-swiper {
    position: relative;
    margin-top: 2.4rem;
    text-align: center;
  }
  
  .totalsch-ev-swiper .swiper-container {
    border-radius: .8rem;
    background-color: antiquewhite;
  }
  
  .totalsch-ev-swiper .swiper-slide > a {
    display: block;
    padding: 3.2rem 1.6rem;
    text-align: left;
  }
  
  .totalsch-ev-swiper__sub {
    margin-bottom: .8rem;
    font-weight: 300 !important;
  }
  
  .totalsch-ev-swiper__tit {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  
  .totalsch-ev-swiper__date {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #696e76;
  }
  
  .totalsch-ev-swiper__img {
    margin: 2.4rem auto 0;
    width: 4.8rem;
    height: 4.8rem;
  }
  
  .totalsch-ev-swiper__img > img {
    width: 100%;
    height: 100%;
  }
  
  .totalsch-ev-banner {
    margin-top: 3.2rem;
  }
  
  .totalsch-ev-banner > a {
    display: block;
    padding: 3.6rem 1.6rem;
    border-radius: .8rem;
    background-color: #99ca3c;
  }
  
  .totalsch-ev-banner__sub {
    margin-bottom: .8rem;
    font-weight: 300 !important;
  }
  
  .totalsch-record-swiper {
    margin-top: 1.6rem;
    text-align: center;
  }
  
  .totalsch-record-swiper .swiper-container {
    border-radius: .4rem;
    border: 1px solid rgba(0, 0, 0, .16);
  }
  
  .totalsch-record-swiper .swiper-slide {
    padding: 1.6rem;
    text-align: left;
  }
  
  .totalsch-qd {
    position: relative;
    margin: 0 -1.6rem;
    background-color: #f9fafc;
  }
  
  .totalsch-qd:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1.6rem;
    width: 5.2rem;
    height: 5.2rem;
    transform: translateY(-50%);
    background: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-kiki-03.svg) no-repeat 0 0;
    background-size: 5.2rem;
  }
  
  .totalsch-qd__link {
    display: block;
    padding: 3.2rem 1.6rem 3.2rem 8.4rem;
  }
  
  .totalsch-qd__link > span {
    position: relative;
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  
  .totalsch-qd__link > span:after {
    content: '';
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat 0 0;
    background-size: 2.4rem;
    vertical-align: top;
  }
  
  .cmn-access {
    margin-top: -5.6rem;
  }
  
  .cmn-access-guide {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 600 !important;
  }
  
  .cmn-access-tit {
    margin-top: 4.8rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600 !important;
  }
  
  .cmn-access-tit:first-of-type {
    margin-top: 3.2rem;
  }
  
  .cmn-access-desc {
    margin-top: .8rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  
  .cmn-access-list {
    margin-top: 2.4rem;
  }
  
  .cmn-access-list__item {
    padding-left: 4.8rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 2.4rem;
  }
  
  .cmn-access-list__item + .cmn-access-list__item {
    margin-top: 2.4rem;
  }
  
  .cmn-access-list__item--call {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-access-call.svg);
  }
  
  .cmn-access-list__item--save {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-access-occupy.svg);
  }
  
  .cmn-access-list__item--camera {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-access-camera.svg);
  }
  
  .cmn-access-list__item--address {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-access-address.svg);
  }
  
  .cmn-access-list__item--location {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-access-location.svg);
  }
  
  .cmn-access-list__item--alarm {
    background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-access-alarm.svg);
  }
  
  .cmn-access-list__tit {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  
  .cmn-access-list__desc {
    margin-top: .4rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #696e76;
  }
  
  .error {
    text-align: center;
  }
  
  .error:before {
    content: '';
    display: inline-block;
    width: 13.6rem;
    height: 13.6rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 13.6rem;
    background-position: 0 0;
  }
  
  .error--check:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-check-system.png);
  }
  
  .error--disconnected:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-disconnected.png);
  }
  
  .error--prepare:before {
    background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-prepare.png);
  }
  
  /*26.04.14 : 카드대출 비대면 본인확인 절차 강화 브릿지 페이지*/
  .error--certification:before {
	background-image: url(https://img1.kbcard.com/home_re/mo/img/finance/img-char-certification.svg);
  }
  
  /*26.05.07 : 카드신청 이벤트 조건 충족여부 비대상 고객 안내 페이지*/
  .error--fail:before {width:6.4rem; height:6.4rem; background-size: 6.4rem; background-image:url(https://img1.kbcard.com/LT/images_r/event/new_event_ic_07.png);}
  
  .error__tit {
    margin-top: 2.4rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600 !important;
  }
  
  .error__desc {
    margin-top: 1.6rem;
    font-weight: 300 !important;
  }
  
  .error__code {
    margin-top: 3.2rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #696e76;
  }
  
  /* 미연동 */  
  .error--bank:before {
	width: 100%;
	height: 17.6rem;
	background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-bank.png);
	background-size: contain;
	background-position: center 0;
  }
  
  /* 연동중 */
  .error--working:before {
	width: 100%;
	height: 17.6rem;
	background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-working.png);
	background-size: contain;
	background-position: center 0;
  }
  
  /* 연동 오류 */
  .error--system:before {
	width: 100%;
	height: 17.6rem;
	background-image: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-system.png);
	background-size: contain;
	background-position: center 0;
  }
  
  .personaliztionZone-custom .btn-wrap {
    margin-bottom: 2.4rem;
  }
  
  .personaliztionZone-custom > .article {
      padding: 16px 0;
  }
  
  .personaliztionZone-custom + .article.bar {
      margin-top: -1px;
  }
  
  .personaliztionZone-custom .box {
	margin:2.4rem 0;
  }
  
  .totalsch-result + .personaliztionZone-custom > .box {
	margin-top:0;
  }
  
  .personaliztionZone-custom > .article{
	margin:2.4rem 0 0;
	padding:0;
  }
  
  .totalsch-result + .personaliztionZone-custom > .article{
	margin:0;
  }
  
  .personaliztionZone-custom > .article + .article {
	margin:2.4rem -1.6rem;
	padding:3.2rem 1.6rem 0;
  }
  
  .personaliztionZone-custom > .tit-dep1 {
	margin-top:2.4rem;
  }
  
  .totalsch-result + .personaliztionZone-custom > .tit-dep1 {
	margin-top:0;
  }
  
  .article.bar {
    margin: 1.6rem -1.6rem 0;
    padding: 0 1.6rem 0;
    color: inherit;
  }
  
  .article.bar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .7rem;
    border-top: 1px solid rgba(0, 0, 0, .08);
    background: #f9fafc;
  }

  /* 통합검색 화면 개선_230131 */
  .totalsch-recent,
  .totalsch-hash--wrap,
  .totalsch-popular {
    position: relative;
    margin: 3.2rem 0;
  }

  .totalsch-recent .tit-dep3, 
  .totalsch-popular .tit-dep3, 
  .totalsch-hash--wrap .tit-dep3 {
    margin: 0;
    font-size: 1.6rem;
    color: #26282c;
    line-height: 2.6rem;
  }

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

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

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

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

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

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

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

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

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

  .totalsch-recent .btn-all{
    position: absolute;
    top: 0.3rem;
    right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.6);
    font-size: 1.4rem;
    color: #696e76;
    line-height: 2rem;
  }

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

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

  .totalsch-popular--list li{
    margin-top: 0.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #26282c;
    line-height: 2.4rem;
  }

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

  .typing-list{
    margin-top: 0;
    -webkit-backface-visibility: hidden;
  }

  .typing-list li {
    margin-top: 0.8rem;
    font-size: 1.4rem;
    color: #696e76;
    line-height: 2.0rem;
  }
  
  .typing-list li:first-child {
	margin-top:0;
  }
  
  .typing-list li font {font-size:1.6rem !important}
  
  .totalsch-switch {
	display:flex; 
	justify-content:flex-end;
	margin-bottom:.4rem;
  }
  
  .totalsch-switch__tit {
	margin-right:.8rem; 
	font-size:1.4rem; 
	line-height:2.4rem;
  }
  
  .totalsch-switch .switch {
	display:flex;
  }

  .totalsch-resch .check-box label{
    font-weight: 500;
  }
  
  .totalsch-suggest {
	position:relative; 
	margin:.8rem 0 0;
	padding:0 0 0; 
	box-sizing:border-box;
  }
  
  .totalsch-suggest__desc {
	padding:.8rem 1.6rem;; 
	background:#eff2f7; 
	font-size:1.4rem; 
	line-height:2rem;
  }
  
  .totalsch-suggest__desc a {
	color:#007eff; 
	text-decoration:underline;
  }
  
  .totalsch-suggest__desc span {
	display:block; 
	position:relative;
  }
  
  .totalsch-suggest__desc span:after {
	content:''; 
	display:inline-block; 
	width:1.6rem; 
	height:1.6rem; 
	margin:.2rem 0 0; 
	background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat center; 
	background-size:2rem; 
	vertical-align:top;
  }
  
  .totalsch-result {
	position:relative; 
	margin:2.4rem -1.6rem 0; 
	padding:0 1.6rem;
  }
  
  .totalsch-result.on {
	margin:0 -1.6rem;
  	padding:3.2rem 1.6rem 0;
  }
  
  .totalsch-result.on:before {
	content:""; 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:.7rem; 
	border-top:1px solid rgba(0, 0, 0, .08); 
	background:#f9fafc;
  }
  
  .totalsch-result.on + .article.bar {
	margin-top:.6rem;
  }

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

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

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

  .totalsch-result .scroll-wrap .tabs__menu > li a {
    background-color: #eff2f7;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .totalsch-result .scroll-wrap .tabs__menu > li a.active,
  .totalsch-result .scroll-wrap .tabs__menu > li.on a {
    background-color: rgba(0, 0, 0, 0.87);
    color: #fff;
  }

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

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

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

  .totalsch-box-wide.totalsch-box-wide-left {
    padding: 1.6rem;
    text-align: left;
  }

  .sch-menu-list {
    margin-top: 0.8rem;
    position: relative;
  }

  .totalsch .box .sch-menu-list .badge {
    top: 0;
    right: auto;
    left: 0;
  }

  .sch-menu-list p {
    padding-left: 6.8rem;
  }

  .totalsch-more.totalsch-more-line {
    padding-top: 1.6rem;
    border-top: 1px solid rgba(0,0,0,0.08);
  }

  .totalsch-box-wide.totalsch-box-wide-left .card-cmn-list a {
    padding: 2.4rem 0;
  }

  .totalsch-box-wide.totalsch-box-wide-left .card-cmn-list > li:first-child > a {
    padding-top: 2.4rem;
  }

.totalsch.totalsch-has--lifebtn .cont-area {padding-top:14.8rem}
.totalsch.totalsch-has--lifebtn .totalsch-fixed {padding:1.6rem 1.6rem 0 !important;}  
.btn--mart, .btn--air {padding-left:1.6rem; border-color:#f7f7fa; background-color:#f7f7fa; justify-content:space-between; font-weight: 600;}
.btn--mart span:before {content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right:.8rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-bag.svg) no-repeat 0 0;
  background-size: 100% auto;
  vertical-align:middle;
}
.btn--air span:before {content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right:.8rem;
  background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-tour-air.svg) no-repeat 0 0;
  background-size: 100% auto;
  vertical-align:middle;
}

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

  .evt-list a {
    display: block;
    padding: 2.4rem 0;
  }

  .evt-list .evt-list__cnt, .evt-list .evt-lit__btm {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 0 0 auto;
  }

  .evt-list .evt-list__name, .evt-list .evt-list__date {
    display: flex;
    align-items: flex-start;
    width: 20rem;
    margin-right: 1.6em;
  }

  .evt-list .evt-list__name {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .evt-list__cnt .img-evt-bn {
    flex: 1;
    width: 8rem;
    height: 8rem;
  }

  .img-evt-bn img {
    max-width: 100%;
    max-height: 100%;
  }

  .evt-lit__btm {
    margin-top: 0.8rem;
  }

  .evt-list .evt-list__date, .evt-list .evt-lit__ctgr {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #696e76;
  }

  .totalsch-box-wide.totalsch-box-wide-left .list-link__item {
    border-bottom: 1px solid rgba(0,0,0,0.08);
  }

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

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


/* 챗GPT 230803 추가 s */
#Wrap.chatGPT .topHead {
  position: fixed !important;
}
.cq-wrap {
    overflow: hidden;
    margin: 0 -1.6rem;
    padding: 5.6rem 1.6rem 0;
}
.cq-list, 
.cq-list li  {
  list-style-type: decimal;
}
.cq-list {
  padding-left: 2.2rem; 
  box-sizing: border-box;
}
.cq-list li {
  font-size: 1.6rem; 
  line-height: 1.5; 
  font-weight: 300; 
  color: #26282c;
}
.cq-list li:not(:last-child) {
  margin-bottom: 1.6rem;
}
.cq-list li:first-child::marker {
  font-weight: 600;
}
.cq-chk label {
  color: #26282c;
}
.cq-txt p {
  font-size: 1.6rem; 
  color: #26282c; 
  font-weight: bold; 
  line-height: 1.5;
}
#header .header__btn--info {
  border: .1rem solid #dde1e4;
  border-radius: .4rem;
  width: 4rem;
  height: 2.4rem;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  right: 5.6rem;
  font-size: 1.4rem;
  color: #26282c;
  z-index: 99;
}
.cq-chat {
  display: flex;
  margin: 1.6rem 0 0;
}
.cq-chat__img {
  width: 3.2rem; 
  height: 3.2rem;
  background: url("https://img1.kbcard.com/home_re/mo/ico/32/ico-kbpay-logo-round.png");
  background-size: 100%;
}
.cq-chat__img img {
  width: 100%; 
  height: 100%;
}
.cq-chat__logo {
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
.cq-chat__txt {
  flex: 1;
  margin-left: min(2.23vw, .8rem);
}
.cq-chat__answer + .cq-chat__answer {
  margin-top: .8rem;
}
.cq-chat__time {
  display: flex;
  align-items: center;
  padding-top: .4rem;
  font-size: 1.3rem;
}
.cp-num {
  margin-left: .8rem;
}
.cq-chat-btn-box {
  margin: 1.6rem 0 .4rem;
  display: flex;
  flex-direction: column;
}
.cq-chat__btn {
  font-size: 1.6rem;
}
.cq-chat__btn .btn {
  overflow: hidden;
  display: flex;
  padding: .9rem 2.4rem;
  border-radius: .4rem;
  line-height: 1.43;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cq-chat__btn + .cq-chat__btn {
  margin-top: .8rem;
}
.cq-question {
  margin: 2.4rem 0 0;
  padding: 0 0 2.4rem 4rem;
}
.cq-question__tit {
  font-weight: bold;
  color: #484b51;
}
.cq-question__swiper {
  display: flex; 
  margin-top: 0.8rem;
}
.cq-question__list li {
  width: auto;
}
.cq-question__list li:not(:last-child) {
  margin-right: .8rem;
}
.cq-question__list .btn {
  padding: .9rem 2.4rem;
  background: none;
  border: .1rem solid #dde1e4;
  border-radius: 2rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.cq-question__list .btn:disabled {
  color: #696e76 !important;
}
.cq-chat--customer {
  background: #deeeff; 
  padding: 1.6rem; 
  margin: 1.6rem -1.6rem 0;
} 
.cq-chat--customer .cq-chat__img {
  background: url("https://img1.kbcard.com/home_re/mo/ico/32/ico-chat-customer.png");
  background-size: 100%;
}
.cq-chat--loading {
  align-items: center;
}
.cq-chat--loading .cq-chat__answer {
  display:flex;
}
.cq-loading {
  display: flex;
  align-items: center;
}
.cq-loading__dot {
  display: block;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  position: relative;
  will-change: transform;
  background: #26282c;
  animation: loading-dot 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.cq-loading__dot:not(:last-child) {
  margin-right: 0.4rem;
}
.cq-loading__dot:nth-child(2) {
  animation-delay: 0.2s;
}
.cq-loading__dot:last-child {
  animation-delay: 0.4s;
}
.cq-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom:4rem;
}
.cq-btn .btn {
  padding: 0;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: #26282c;
  font-weight: 300;
  display: flex;
  align-items: center;
  border: none;
  border-radius: .4rem;
  position: relative;
}
.cq-btn .btn:not(:last-child) {
  margin-right: 2.4rem;
}
.cq-btn .btn:after {
  content: '';
  display: block;
  width: calc(100% - 2.3rem);
  position: absolute;
  background: #26282c;
  height: .1rem;
  bottom: -.1rem;
  right: 0;
}
.cq-btn .btn:before {
  content:'';
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.7rem;
}
.cq-btn .btn:disabled {
  background-color: initial !important ;
  color: #aab0b8 !important;
}
.cq-btn .btn:disabled:before{
  filter: invert(70%);
}
.cq-btn .btn:disabled:after {
  background: #aab0b8 !important;
}
.cq-btn__preveiw:before {
  background: url("https://img1.kbcard.com/home_re/mo/ico/16/ico-paper.svg") no-repeat;
  background-size: 100%;
}
.cq-btn__delete:before {
  background: url("https://img1.kbcard.com/home_re/mo/ico/16/ico-delete.svg") no-repeat;
  background-size: 100%;
}
.cq-form-field {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.2rem 1.6rem 2.4rem;
  box-sizing: border-box;
  background: #fff;
  z-index: 100;
}
.cq-form-field__box {
  position: relative;
}
.cq-form-field input {
  width: 100%;
  height: 4rem;
  padding: 0 4.2rem 0 1.6rem;
  background: #f7f7fa;
  border-radius: 2rem;
  border: none;
  font-size: 1.4rem;
  color: #26282c;
}
.cq-form-field input::placeholder {
  color: #696e76;
  font-size: 1.6rem;
}
.cq-form-field__search {
  background: url("https://img1.kbcard.com/home_re/mo/ico/32/ico-chat-input.png") no-repeat; 
  background-size: 100%;
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: .4rem;
  right: .8rem;   
  border: none;     
}
.cq-watermark {
  position: absolute;
  bottom: 8rem;
  right: 1.6rem;
  z-index: 9;
  width: 7.7rem; 
  height: 4.8rem;
}
.cq-watermark img {
  width: 100%; 
  height: 100%;
}
.cq-border {
  position: relative;
  height: 0.8rem;
  margin: 2.4rem -1.6rem 0;
  background: #eff2f7;
  border: none;
  border-top: 1px solid #dde1e4;
}
.cq-btn-find {
  position: fixed;
  bottom: 8rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 9;
}
.cq-btn-find button {
  font-size: 1.4rem;
  background: #26282c;
  color: #fff;
  padding: .8rem 1.2rem;
  box-sizing: border-box;
  border: none;
  border-radius: .4rem;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.cq-btn-find i {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("https://img1.kbcard.com/home_re/mo/ico/16/ico-refresh.svg") no-repeat;
  background-size: 100%;
}
#cq-toast__pop {
  width: calc(100% - 3.2rem);
  height: auto;
  padding: 1.6rem 2.4rem;
  box-sizing: border-box;
  background: #484b51;
  border-radius: .8rem;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 300;
  position: fixed;
  bottom: 8.8rem;
  left: 1.6rem;
  z-index: 10;
  display: none;
}
.btn--blue {
  background: #007eff;
}
.pb80 {
    padding-bottom: 8rem !important; 
}


@keyframes loading {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.2);
    opacity: 0.2;
  }
}

@keyframes loading-dot {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 챗GPT 230803 추가 e */
/* 챗GPT 230817 추가 s */
.cq-info-wrap {
  position: fixed;
  width: 100%;
  margin: -2.4rem -1.6rem 0;
  padding: 1.6rem;
  background: #f7f7fa;
  font-size: 1.2rem;
  color: #696e76;
  line-height: 1.67;
  z-index: 9;
}
.cq-date {
  margin: 0 0 2.4rem;
  text-align: center;
  font-size: 1.4rem;
  color: #696e76;
}
/* 챗GPT 230817 추가 e */

.cq-pop-fixed-area {
  flex-direction: column;
  align-items: initial;
  justify-content: initial;
}
.cq-pop-fixed-area .chk {
  margin: 0 0 2rem 0
}

/* 로딩 ooOo */
.loading-bar {display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; width: 54px; height: 12px; margin: 0 auto;}
.loading-bar span{width: .8rem; height: .8rem; background-color: #ffd743; border-radius: 50%; animation: loading 1s ease-in-out infinite;}
.loading-bar span:nth-child(1){animation-delay: 0;}
.loading-bar span:nth-child(2){animation-delay: .2s;}
.loading-bar span:nth-child(3){animation-delay: .4s;}
.loading-bar span:nth-child(4){animation-delay: .6s;}
.loading-bar__gray span {background-color: #aab0b8;}

@keyframes loading{
	from{
		transform: scale(1.5);
	}
	to{
		transform: scale(1);
	}
}

.cp-chat__rating {
  display: flex;
  justify-content: center;
  max-width: min(80vw, 28.8rem);
  width: 100%;
  margin: .8rem 0 .4rem;
  padding: 1.1rem min(4.45vw, 1.6rem) .7rem;
  border-radius: .8rem;
  border: 1px solid #dde1e4;
}
.cp-chat__happy {
  font-size: clamp(.9rem, 3.06vw, 1.1rem);
  line-height: 1.82;
  text-align:center;
  word-break:keep-all;
}
.cp-chat__happy:before {
  content: '';
  display: block;
  width: min(8.9vw, 3.2rem);
  height: min(8.9vw, 3.2rem);
  margin: 0 auto;
  background: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-happy.svg) no-repeat 0 0;
  background-size: 100%;
}
.cp-chat__happy--unhappy:before {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-unhappy.svg);
}
.cp-chat__num-wrap {
  display: flex;
  margin: .4rem min(3.06vw, 1.1rem) 0;
}
.cp-chat__num {
  position: relative;
}
.cp-chat__num + .cp-chat__num {
  margin-left: min(2.23vw, .8rem);
}
.cp-chat__num input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1;
  opacity: 0;
}
.cp-chat__num label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(6.67vw, 2.4rem);
  height: min(6.67vw, 2.4rem);
  border-radius: 100%;
  background: #dde1e4;
  font-size: clamp(1.2rem, 3.9vw, 1.4rem);
  line-height: 1.43;
  z-index: 1;
  cursor: pointer;
}
.cp-chat__num.selected label {
  background: #ffcc00;
}
.cq-chat__logo--ai {
  background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-kb-round.png);
}
.cq-chat__logo--customer {
  background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-chat-customer.png);
}
.cq-chat--satisfied {
  padding-left: min(11.12vw, 4rem);
}
.cq-chat--satisfied .cq-chat__txt {
  margin-left: 0;
}
@media (max-width: 320px) {
  .cp-chat__rating {
    padding: 1.1rem min(2.5vw, .92rem) .7rem;
  }
}

/* 카드 한 눈에 보기 - 추천 카드 */
.box--shadow3 {padding:2.4rem 1.6rem; background-color:#fff; box-shadow:0 .2rem .8rem 0 rgba(0, 0, 0, .16); border-radius:1.2rem;}
.tabs__menu--toggle {display:flex; width:16rem; margin-bottom:.8rem; padding:.2rem; background-color:#eff2f7; border-radius:2.4rem;}
.tabs__menu--toggle > li {flex:1;}
.tabs__menu--toggle > li a {padding:.4rem; font-size:1.4rem; line-height:2rem; font-weight:bold; text-align:center;}
.tabs__menu--toggle > li.on a {background-color:#fff; border-radius:2.4rem; box-shadow:0 .1rem .4rem 0 rgba(0, 0, 0, .16);}
.tabs__menu--toggle > li a:after, .tabs__menu--toggle > li.on a:after {display:none;}
.tabs__menu--toggle > li + li {padding:0;}
.card-renew-list li {overflow:hidden; display:inline-flex; position:relative; width:100%;}
.card-renew-list li a {display:flex; justify-content:flex-start; align-items:flex-start; flex:0 0 auto; width:100%; padding:1.2rem 0;}
.card-renew-list li:last-child a {padding-bottom:0;}
.card-renew-list__img {display:flex; justify-content:center; align-items:center; width:4.8rem; height:4.8rem; margin-right:.7rem;}
.card-renew-list__img > img {max-width:100%; max-height:100%; transform:rotate(90deg); }
.card-renew-list__cont {flex:1; width:calc(100% - 5.5rem);}
.card-renew-list__cont p {overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.card-renew-list__tit {font-weight:600;}
.card-renew-list__sub {font-size:1.4rem; margin-top:.2rem;}
.card-renew-list__desc {margin-top:.8rem;}
.card-renew-list__desc span {display:inline-block; margin-left:.5rem; padding:0 0.8rem; border:1px solid rgba(0, 0, 0, 0.08); border-radius:0.4rem; font-size:1.1rem; color:#26282c; line-height:1.82; vertical-align:top;}
.card-renew-list__desc span:first-child {margin-left:0;}

/* 모카생 고도화 */
.cq-chat--re {align-items:normal;}
.cq-chat--re .cq-chat__logo {margin-right:min(2.23vw, .8rem); border-radius:1.6rem; background-image:url(https://img1.kbcard.com/home_re/mo/logo/32/logo-kb-ai.png); box-shadow:0 .1rem .4rem 0 rgba(0, 0, 0, .16);}
.cq-chat--re .cq-chat__txt {flex:0 1 auto; max-width:calc(100% - min(11.12vw, 4rem)); margin-left:0;}
.cq-chat--re .cq-chat__answer {margin-bottom:.4rem; padding:1.2rem 1.6rem; border-radius:1.2rem; background:#fff; box-shadow:0 .1rem .4rem 0 rgba(0, 0, 0, .16); font-size:1.4rem; line-height:1.57; word-break:keep-all;}
.cq-chat--re .cq-chat__time {padding-top:0; font-size:1.1rem; line-height:1.82; color:#696e76;}
.cq-chat--user {flex-direction:row-reverse; margin:3.2rem 0 0; padding:0 0 1.6rem 0;}
.cq-chat--user .cq-chat__answer {background:#ffe17c;}
.cq-chat--user .cq-chat__time {justify-content:flex-end;}
.cq-question--re {margin:1.6rem 0 0; padding:0 0 0 4rem;}
.cq-question--re .cq-question__tit {display:block; font-size:1.4rem; line-height:1.43;}
.cq-question--re .cq-question__list .btn {padding:.9rem 1.6rem; border:1px solid #aab0b8; font-size:1.4rem; line-height:1.43;}
.cq-form-field--re {background:#f7f7fa;}
.cq-form-field--re input {padding:0 4.8rem 0 2.4rem; background:#fff; font-weight:normal;}
.cq-form-field--re input::placeholder {font-size:1.4rem; font-weight:normal;}
.cq-question__card-swiper {overflow:hidden; display:inline-block; margin:.8rem 0 0; padding:1.6rem 2.4rem 1.6rem 2.4rem; border-radius:1.2rem; background:#fff; box-shadow:0 .1rem .4rem 0 rgba(0, 0, 0, .16);}
.cq-question__card-swiper .swiper-slide {width:12.4rem !important;}
.cq-question__card-swiper .swiper-slide:last-child {margin-right:0 !important;}
.cq-question__card {display:flex; flex-direction:column; align-items:center; justify-content:space-between; height:100%;}
.cq-question__badge {display:flex; align-items:center; justify-content:center; min-width:3.6rem; height:2rem; margin:0 0 .4rem; padding:0 .8rem; border-radius:.4rem; background:#e3eefe; font-size:1.1rem; line-height:1.82;}
.cq-question__card-tit {overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; margin-bottom:.8rem; font-size:1.2rem; line-height:1.67; word-break:break-word;}
.cq-question__card-img {width:12.4rem; height:7.8rem;}
.cq-question__controller {display:none; flex-direction:row-reverse; justify-content:center; align-items:center; margin-top:1.6rem; z-index: 2;}
.cq-question__controller .swiper-pagination {height:.6rem}
.cq-question__controller .swiper-pagination > .swiper-pagination-bullet {margin-top:0;}
.cq-question__rating {display:flex; justify-content:center; max-width:min(80vw, 28.8rem); width:100%; margin:.8rem 0 .4rem; padding:1.1rem min(4.45vw, 1.6rem) .7rem; border-radius:.8rem; border:1px solid #dde1e4;}
.cq-question__happy {font-size:clamp(.9rem, 3.06vw, 1.1rem); line-height:1.82; text-align:center;word-break:keep-all;}
.cq-question__happy:before {content:''; display:block; width:min(8.9vw, 3.2rem); height:min(8.9vw, 3.2rem); margin:0 auto; background:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-happy.svg) no-repeat 0 0; background-size:100%;}
.cq-question__happy--unhappy:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/32/ico-unhappy.svg);}
.cq-question__num-wrap {display:flex; margin:.4rem min(3.06vw, 1.1rem) 0;}
.cq-question__num {position:relative;}
.cq-question__num + .cq-question__num {margin-left:min(2.23vw, .8rem);}
.cq-question__num input {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; z-index:1; opacity:0;}
.cq-question__num label {display:flex; align-items:center; justify-content:center; width:min(6.67vw, 2.4rem); height:min(6.67vw, 2.4rem); border-radius:100%; background:#dde1e4; font-size:clamp(1.2rem, 3.9vw, 1.4rem); line-height:1.43; z-index:1; cursor:pointer;}
.cq-question__num.selected label {background:#ffcc00;}
.cq-question__time {padding-top:0; font-size:1.1rem; line-height:1.82; color:#696e76;}

@media (max-width:540px){
    .cq-question__card-swiper {width:min(80vw, 28.8rem);}
    .cq-question__card-swiper--one {width:auto;}
    .cq-question__controller {display:flex;}
}

@media (max-width: 320px) {
    .cq-question__rating {padding:1.1rem min(2.5vw, .92rem) .7rem;}
}