@charset "utf-8";

@font-face {
  font-family: 'SS';
  src: url('/assets/font/ktxcard/SS-Bold.woff2') format('woff2'),
      url('/assets/font/ktxcard/SS-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SS';
  src: url('/assets/font/ktxcard/SS-Regular.woff2') format('woff2'),
      url('/assets/font/ktxcard/SS-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SS';
  src: url('/assets/font/ktxcard/SS-Bold.woff2') format('woff2'),
      url('/assets/font/ktxcard/SS-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SS';
  src: url('/assets/font/ktxcard/SS-Regular.woff2') format('woff2'),
      url('/assets/font/ktxcard/SS-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* { font-family: 'SS'; word-break: keep-all; word-wrap: break-word; overflow-wrap: anywhere;}

body {
  background-color: #fdfdff;
  letter-spacing:-0.05em;
}

#wrap {margin: 0 auto;}
.web_view { display:block; }
.mob_view { display:none; }
#floating .mob_view { display: none;}

.blind {overflow: hidden;position: absolute;z-index: -1;width: 1px;height: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.bg_gray {background-color:#f4f4f4 !important;}
.fc-blue {color: #0068f5 !important;}
.fc-gray {color: #99999b !important;}
.mt-0 {margin-top: 0 !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}
.bold {font-weight: 700 !important;}

.visual_img {position:relative;  margin: 0 auto;}
.visual_img img {width:100%;}
.img_wrap {width:100%;max-width:1020px;margin:0 auto;}

.img_wrap.type2 {max-width:820px;}
.img_wrap .img_item {width:100%;}
.img_wrap .img_item.btn_apply01 {max-width: 637px; margin: 0 auto; background: #152365; padding-bottom: 110px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}
.img_wrap .img_item.btn-wrap {max-width:720px; background: #fdfdff; margin: 0 auto;}
.img_wrap .img_item.btn-wrap > a {display: block; width: 100%; height: 100%;}

#btn_apply01 > img {animation: up-down 0.5s ease-in infinite alternate;}

.tab_content_02 {display:none;}

.contents_wrap {padding: 80px 40px 100px; background: #1b2e7b;}
.contents_wrap .content_box {padding: 90px 38px 80px; background: #152265; border-radius: 30px;text-align: center;}
.contents_wrap .content_box .cont h2 {text-align: center; margin-bottom: 60px;}
.contents_wrap .content_box .cont .benefit_list {margin-bottom: 100px; text-align: center;}
.benefit_list .list_box {margin-bottom: 100px;}
.benefit_list .list_box:last-child {margin-bottom: 110px;}
.benefit_list .list_box .num {display: inline-block; margin-bottom: 20px; padding: 10px 55px; font-size: 30px; line-height: 40px; color: #10205d; font-weight: 700; background: #fff; border-radius: 50px;}
.benefit_list .list_box > p {font-size: 36px; line-height: 46px; color: #fff; letter-spacing: -1.1px;font-weight: 700;}
.benefit_list .list_box > p > em {color: #fafd9a;}
.benefit_list .list_box .memo {color: #455aae;font-size: 25px; line-height: 35px; letter-spacing: -1px; position: relative; padding-left: 30px; display: inline-block;}
.benefit_list .list_box .memo::before {content: ""; display: inline-block; width: 21px; height: 21px; background: url(/assets/images/ktxcard/app/mark.png)no-repeat; position: absolute; top: 8px; left: 0;}
.benefit_list .list_box .memo.mt-70 {padding-left: 0;}

.event_wrap {padding: 70px 30px 90px; text-align: center;}
.event_list .list_box {max-width: 720px;margin: 0 auto;}
.event_list .list_box .num {margin-bottom: 50px; padding: 17px 30px; background: #3c3b39; border-radius: 50px; font-size: 36px; color: #fff; font-weight: 700; display: inline-block;}
.event_list .list_box > h2 {font-size: 60px; line-height: 1.3; font-weight: 700; margin-bottom: 90px;}
.event_list .list_box > h2.long_tit {letter-spacing: -3px; margin-bottom: 40px;}
.event_list .list_box .context {text-align: left; margin-bottom: 90px; padding: 0 30px;}
.event_list .list_box .context > h3 {font-size: 42px; font-weight: 700; margin-bottom: 40px;}
.event_list .list_box .context > .txt {font-size: 36px; line-height: 1.4; }
.event_list .list_box .context > .txt .fc-gray {color: #99999b !important; font-size: 32px;}
.event_list .list_box .context .list_tit {font-size: 40px; font-weight: 700; margin-top: 30px;}
.event_list .list_box .context .list_txt {font-size: 36px; line-height: 1.3;}
.event_list .list_box .context .list_txt > li.memo_list_wrap {padding-left: 0;}
.event_list .list_box .context .list_txt > li.memo_list_wrap::before {display: none;}
.event_list .list_box .context ul.list_txt > li {padding-left: 22px; position: relative; margin-bottom: 60px;}
.event_list .list_box .context ul.list_txt > li::before {content: ''; display: inline-block; width: 8px; height: 8px; position: absolute; top: 20px; left: 0; background: #000; border-radius: 50%;}
.event_list .list_box .context ol.list_txt > li {position: relative; padding-left: 40px;}
.event_list .list_box .context ol.list_txt > li > em {position: absolute; top: 6px; left: 0; font-size: 30px;}
.event_badge {padding: 10px 33px; color: #fff; font-size: 26px; font-weight: 600; background: #3485f7; border-radius: 30px;margin-top: 48px; margin-bottom: 24px; display: inline-block;}
.event_badge_big_txt {font-size: 48px; line-height: 1.3; font-weight: 700;}
.hyphen_txt {position: relative; font-size: 36px; line-height: 1.4; letter-spacing: -1px; padding-left: 20px;}
.hyphen_txt::before {content: ''; display: inline-block; width: 12px; height: 1px; background: #000; position: absolute; top: 23px; left: 0;}
.memo_list {margin-top: 50px; padding: 37px 25px; border-radius: 25px; background: #e7e9eb;}
.memo_list > li {padding-left: 35px; font-size: 28px; line-height: 1.4; color: #898a8c;position: relative;}
.memo_list > li::before {content: ''; display: inline-block; width: 25px; height: 25px; background: url(/assets/images/ktxcard/app/mark_gray.png)no-repeat; position: absolute; top: 7px; left: 0;}

.event_box_wrap {display: flex; align-items: center; gap: 10px; padding: 0 30px; margin-bottom: 90px;}
.event_box_wrap .box {width: calc(100% / 3); background: #f0f0f2; padding: 60px 10px; border-radius: 20px;}
.event_box_wrap .box .event_num {font-size: 24px; font-weight: 700; margin-bottom: 25px}
.event_box_wrap .box .desc {font-size: 27px; font-weight: 800; line-height: 1.2; letter-spacing: -1px;}

.promotion_img {margin-top: 50px;}
.promotion_img img {width: 100%;}

.tab_area, .img_wrap { text-align: center;}

.event_tab_pin { z-index: 300; margin: 50px auto 50px; width: 100vw;}
.event_tab_pin .center {max-width: 720px; margin: 0 auto; display: flex;}
.event_tab_pin .tab_btn {width: calc(100% / 3); }
/* .event_tab_pin .bx {width: calc(100% / 3);} */
.event_tab_pin .img { position: relative; z-index: 10; width: 100%;}

#floating {padding: 20px;display: flex; justify-content: center; position: fixed; left: 0; bottom: 0; z-index: 600; width: 100%; }
/* #floating .btn_blue {padding: 28px 192px; border-radius: 80px;font-weight: 700; font-size: 36px; pointer-events: visible;} */
.btn_blue { display: block; margin: 0 auto; background-color: #0068ff; color: #fff; text-align: center;}

.section_footer {padding-bottom: 80px; background-color:#1b2e7a; color: #fff;}
.section_footer .center {max-width: 720px;margin: 0 auto;}
.section_footer .footer_tit {padding: 35px 33px 40px 42px; font-size: 42px; font-weight: 800; background: #1a2151;}
.section_footer .footer_txt_list {padding: 25px 33px 45px 42px;}
.section_footer .footer_txt_list > li {padding-left: 21px; position: relative;font-size: 25px; line-height: 1.4; letter-spacing: -1px;}
.section_footer .footer_txt_list > li::before {content: "*"; display: inline-block; position: absolute; top: 0; left: 0;}
.section_footer .footer_hyphen_txt {position: relative; font-size: 25px; line-height: 1.4; padding-left: 20px;}
.section_footer .footer_hyphen_txt::before {content: ''; display: inline-block; width: 10px; height: 2px; background: #fff; position: absolute; top: 18px; left: 0;}
.section_footer .overdue_notice_list > li {position: relative; padding-left: 30px;}
.section_footer .overdue_notice_list > li .num {position: absolute; top: 0; left: 0;}


/* swiper styles */
.swiper { width: 100%; max-width: 560px; margin-bottom: 30px; padding-bottom: 120px; overflow: hidden; background-color: #152265; }
.swiper-slide { background-position: center; background-size: cover; width: calc(100% / 3); aspect-ratio: 0.63/1; opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; }
.swiper-slide-active { opacity: 1; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }
.swiper-slide:not(.swiper-slide-active) { transform: scale(0.8) !important; } /* coverflow 효과를 유지하면서 scale만 강제로 조정 */
.swiper-slide:not(.swiper-slide-active) .card-txt { display: none; } /* 가운데(active) 카드 외 텍스트는 숨김 */
.swiper-slide img { display: block; width: 100%; height: 100%; }
.swiper-slide .card-txt {position: relative; margin: 0 auto; padding: 5px 0; width: 83px; text-align: center; margin-top: 20px; font-size: 21px; color: #fff; font-weight: 500;}
/* .swiper-slide .card-txt::before,
.swiper-slide .card-txt::after {content: ""; position: absolute; left: 0;right: 0; height: 1px;background-image: repeating-linear-gradient(to right,#fff 0, #fff 10px,transparent 10px,transparent 15px);transform: translateZ(0); backface-visibility: hidden;} */
.swiper-slide .card-txt::before {top: 0;}
.swiper-slide .card-txt::after {bottom: 0;}
.swiper-pagination-bullet { background: #fff;}
.swiper-pagination-bullet-active { width: 20px; border-radius: 10px; }



@media all and (max-width:720px) {
  .mt-10 { margin-top: 1.39vw !important; }
  .mt-20 { margin-top: 2.78vw !important; }
  .mt-30 { margin-top: 4.17vw !important; }
  .mt-40 { margin-top: 5.56vw !important; }
  .mt-50 { margin-top: 6.94vw !important; }
  .mt-60 { margin-top: 8.33vw !important; }
  .mt-70 { margin-top: 9.72vw !important; }
  .mt-80 { margin-top: 11.11vw !important; }
  .mt-90 { margin-top: 12.5vw !important; }
  .mt-100 { margin-top: 13.89vw !important; }

  .visual_img {overflow:hidden;}
  .visual_img img {position:relative;left:50%;transform:translateX(-50%);max-width:none;}
  .img_wrap,
  .tab_area,
  /* #floating .btn_blue {padding: 3.89vw 26.67vw;font-size: 5vw;white-space: nowrap;} */


  #floating .web_view { display: none;}
  #floating .mob_view { display: block;}
  .web_view { display:none; }
  .mob_view { display:block; }

  .event_tab_pin { z-index: 300; margin-top: 28px; padding-bottom: 3px;}
  .event_tab_pin .center {padding: 0 2.78vw;}


  .contents_wrap { padding: 11.11vw 5.56vw 13.89vw; }
  .contents_wrap .content_box { padding: 12.5vw 5.28vw 11.111vw; }

  .benefit_list .list_box { margin-bottom: 13.89vw; }
  .benefit_list .list_box:last-child { margin-bottom: 15.28vw; }
  .benefit_list .list_box .num { margin-bottom: 2.78vw; padding: 1.39vw 7.64vw; font-size: 4.17vw; line-height: 5.56vw; }
  .benefit_list .list_box > p { font-size: 5vw; line-height: 6.39vw; }
  .benefit_list .list_box .memo { font-size: 3.47vw; line-height: 4.86vw; padding-left: 4.17vw; }
  .benefit_list .list_box .memo::before { top: 0.69vw; }

  .event_wrap { padding: 0vw 4.17vw 12.5vw; }
  .event_list .list_box .num { margin-bottom: 6.94vw; padding: 2.36vw 4.17vw; font-size: 5vw; }
  .event_list .list_box > h2 { font-size: 8.33vw; margin-bottom: 12.5vw; }
  .event_list .list_box > h2.long_tit { margin-bottom: 5.56vw; }
  .event_list .list_box .context { margin-bottom: 12.5vw; padding: 0 4.17vw;}
  .event_list .list_box .context > h3 { font-size: 5.83vw; margin-bottom: 5.56vw; }
  .event_list .list_box .context > .txt { font-size: 5vw; }
  .event_list .list_box .context > .txt .fc-gray { font-size: 4.44vw; }
  .event_list .list_box .context .list_tit { font-size: 5.56vw; margin-top: 4.17vw; }
  .event_list .list_box .context .list_txt { font-size: 5vw; }
  .event_list .list_box .context ul.list_txt > li { margin-bottom: 8.33vw; padding-left: 3.06vw; }
  .event_list .list_box .context ul.list_txt > li::before { top: 2.78vw; }
  .event_list .list_box .context ol.list_txt > li { padding-left: 5.56vw; }
  .event_list .list_box .context ol.list_txt > li > em { top: 0.83vw; font-size: 4.17vw; }

  .contents_wrap .content_box .cont h2 {margin-bottom: 8.33vw;}
  .contents_wrap .content_box .cont h2 .title_img {width: 43.33vw;}
  .contents_wrap .content_box .cont .benefit_list {margin-bottom: 13.889vw;}

  #btn_apply01 > img {width: 50.97vw;}
  #btn_apply02 {display: block; padding: 0 4.17vw;}
  #btn_apply02 > img {width: 86.81vw;}

  .event_badge { padding: 1.39vw 4.58vw; font-size: 3.61vw; margin-top: 6.67vw; margin-bottom: 3.33vw; }
  .event_badge_big_txt { font-size: 6.67vw; }

  .hyphen_txt { font-size: 5vw; padding-left: 2.78vw; }
  .hyphen_txt::before { top: 3.19vw; }

  .memo_list { margin-top: 6.94vw; padding: 5.14vw 3.47vw; border-radius: 3.47vw;}
  .memo_list > li {padding-left: 4.86vw; font-size: 3.89vw; }
  .memo_list > li::before {width: 3.47vw; height: 3.47vw; top: 0.97vw; background-size: 100% auto;}

  .event_box_wrap {padding: 0 4.17vw; margin-bottom: 12.5vw;}
  .event_box_wrap .box {padding: 8.333vw 1.39vw; border-radius: 2.78vw;}
  .event_box_wrap .box .event_num {margin-bottom: 3.47vw; font-size: 3.33vw; }
  .event_box_wrap .box .desc { font-size: 3.75vw; }

  .benefit_list .list_box .memo::before {top: 0.69vw; width: 2.92vw; height: 2.92vw;background-size: 100% auto;}
  .event_list .list_box .context ul.list_txt > li::before { top: 2.78vw; width: 1.11vw;height: 1.11vw;}
  .hyphen_txt::before { top: 3.19vw; width: 1.67vw; height: 0.14vw;}
  .memo_list > li::before { top: 0.97vw; width: 3.47vw; height: 3.47vw;}
  .section_footer .footer_hyphen_txt::before { top: 2.5vw; width: 1.39vw; height: 0.28vw;}

  .section_footer .footer_tit {padding: 4.86vw 4.58vw 5.56vw 5.83vw; font-size: 5.83vw;}
  .section_footer .footer_txt_list { padding: 3.47vw 4.58vw 6.25vw 5.83vw;}
  .section_footer .footer_txt_list > li {padding-left: 2.92vw; font-size: 3.47vw;}
  .section_footer .footer_hyphen_txt {padding-left: 2.78vw; font-size: 3.47vw;}
  .section_footer .overdue_notice_list > li {padding-left: 4.17vw;}
  .section_footer .overdue_notice_list > li .num { font-size: 3.47vw;}


  /* swiper styles */
  .swiper { margin-bottom: 4.167vw; padding-bottom: 16.667vw;}
  .swiper-slide .card-txt {padding: 0.694vw 0; width: 11.528vw; margin-top: 2.778vw;font-size: 2.917vw;}
  .swiper-pagination-bullet-active {width: 2.778vw;border-radius: 1.389vw;}

  .footer {padding-bottom: 27.78vw;}
}
@media all and (max-width:320px) {
  .visual_img img {width:640px;}
}

@keyframes up-down {
  from {
    transform: translateY(10%);
  }
  to {
    transform: translateY(-10%);
  }
}