@charset "UTF-8";

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: local("Pretendard Regular"), url("/e/kms/assets/fonts/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: local("Pretendard Bold"), url("/e/kms/assets/fonts/Pretendard-Bold.woff2") format("woff2");
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 14rem;
  font-family: "Pretendard";
  vertical-align: baseline;
}

body {
  line-height:1;
  touch-action: pan-x pan-y;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

button {
  background-color: transparent;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color:transparent;
}
.wrap {
  position: relative;
  max-width: 640px;
  /*max-width: 1024px;*/
  margin: 0 auto;
  touch-action: manipulation;
}

.wrap > section {
  position: relative;
}

.non_scroll {
  overflow: hidden;
  touch-action: none;
}

/* popup */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 720px;
  z-index: 99;
  overflow: auto;
  background: #fff;
  margin: 0 auto;
}
.popup.none {
  display: none;
}
.popup.active .dim {
  display: block;
}
.popup.active > .popup_container {
  transform: translateY(0%);
}
.popup.full > .popup_container {
  top: 0;
  border-radius: 0;
}
.popup.full > .popup_container .con {
  padding: 0 20rem;
  overflow-y: auto;
  height: calc(100% - 90rem);
}
.popup.bottomsheet > .popup_container {
  padding: 0 20rem;
}
.popup .dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(100% + 1rem);
  background-color: #333;
  opacity: 0.5;
  overscroll-behavior: none;
  transition: all 0.5s ease-in-out;
}
.popup > .popup_container {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 1rem;
  border-radius: 16rem 16rem 0 0;
  transform: translateY(105%);
  transition: transform 0.5s ease;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
.popup > .popup_container .pop_header {
  display: flex;
  height: 84rem;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.popup > .popup_container .pop_header h1 {
  font-weight: bold;
  font-size: 20rem;
}
.popup > .popup_container .pop_header .close {
  width: 25rem;
  height: 25rem;
}
.popup > .popup_container .pop_header .close button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999rem;
  background: url("/e/kms/assets/images/event/2026/EC260092/icon_header_close.png") no-repeat center center/25rem 25rem;
}
.popup > .popup_container .pop_body .pop-scroll {
  overflow-y: auto;
  overscroll-behavior: none;
}
.popup > .popup_container .pop_body .agree_wrap dt {
  margin-bottom: 8rem;
  font-weight: bold;
  font-size: 18rem;
  line-height: 24rem;
  color: #333;
}
.popup > .popup_container .pop_body .agree_wrap dd {
  border: 1rem solid #ddd;
  border-radius: 16rem;
}
.popup > .popup_container .pop_body .agree_wrap .all_agree {
  position: relative;
  padding: 16rem;
  border-bottom: 1rem solid #ddd;
}
.popup > .popup_container .pop_body .agree_wrap .all_agree input {
  display: block;
  position: absolute;
  left: 16rem;
  top: 16rem;
  width: 24rem;
  height: 24rem;
  margin: 0;
  background: url("/e/kms/assets/images/event/2026/EC260092/icon_check.png") no-repeat center left/24rem 24rem;
  appearance: none;
}
.popup > .popup_container .pop_body .agree_wrap .all_agree input:checked {
  background-image: url("/e/kms/assets/images/event/2026/EC260092/icon_check_checked.png");
}
.popup > .popup_container .pop_body .agree_wrap .all_agree label {
  display: block;
  padding-left: 32rem;
  font-size: 13rem;
  line-height: 24rem;
  color: #333;
}
.popup > .popup_container .pop_body .agree_wrap .agree_list {
  padding: 20rem;
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li {
  position: relative;
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li + li {
  margin-top: 10rem;
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li input {
  position: absolute;
  left: 0;
  top: 0;
  clip: auto;
  border: 0;
  margin: 0;
  appearance: none;
  padding: 0;
  width: 16rem;
  height: 16rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16rem 16rem;
  background-image: url("/e/kms/assets/images/event/2026/EC260092/icon_checkbox.png");
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li input:checked {
  background-image: url("/e/kms/assets/images/event/2026/EC260092/icon_checkbox_checked.png");
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li label {
  display: block;
  padding: 0 15rem 0 21rem;
  font-size: 13rem;
  line-height: 18rem;
  color: #333;
  background: url("/e/kms/assets/images/event/2026/EC260092/icon_arrow_right.png") no-repeat right center/12rem 12rem;
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li label span {
  color: #b43a6b;
  font-size: inherit;
}
.popup > .popup_container .pop_body .agree_wrap dd + dt {
  margin-top: 24rem;
}
.popup > .popup_container .terms .info {
  margin-bottom: 24rem;
  padding: 16rem;
  border-radius: 12rem;
  background-color: #f7f7f7;
  font-size: 14rem;
  line-height: 20rem;
  color: #666666;
}
.popup > .popup_container .terms .notice.no_bullet {
  padding-bottom: 20rem;
}
.popup > .popup_container .terms .notice.no_bullet .list_dot > li {
  padding-left: 0;
}
.popup > .popup_container .terms .notice.no_bullet .list_dot > li::before {
  display: none;
}
.popup > .popup_container .terms .notice.no_bullet .list_dot > li .list_bar li::before {
  display: none;
}
.popup > .popup_container .terms .notice > dt {
  margin: 24rem 0 16rem;
  font-weight: bold;
  font-size: 18rem;
  color: #333;
}
.popup > .popup_container .terms .notice ol > li + li {
  margin-top: 24rem;
}
.popup > .popup_container .terms .notice ol > li .tit {
  margin-bottom: 14rem;
  font-weight: bold;
  font-size: 16rem;
  line-height: 22rem;
  color: #333;
}
.popup > .popup_container .terms .notice ol > li .list_dot > li {
  position: relative;
  padding-left: 11rem;
  font-size: 14rem;
  line-height: 20rem;
  color: #333;
}
.popup > .popup_container .terms .notice ol > li .list_dot > li + li {
  margin-top: 12rem;
}
.popup > .popup_container .terms .notice ol > li .list_dot > li::before {
  opacity: 1;
}
.popup > .popup_container .terms .notice ol > li .list_bar {
  margin-top: 10rem;
}
.popup > .popup_container .terms .notice ol > li .list_bar li {
  color: #333;
}
.popup > .popup_container .terms .notice ol > li .list_bar li + li {
  margin-top: 8rem;
}
.popup > .popup_container .terms .notice ol > li .list_bar li::before {
  width: 6rem;
  height: 1rem;
  border-radius: 0;
  top: 8rem;
  opacity: 1;
}
.popup > .popup_container .info {
  margin-bottom: 24rem;
  padding: 16rem;
  border-radius: 12rem;
  background-color: #f7f7f7;
  font-size: 14rem;
  line-height: 20rem;
  color: #666666;
}
.popup > .popup_container .notice {
  padding-bottom: 20rem;
}
.popup > .popup_container .notice dt {
  margin: 24rem 0 16rem;
  font-weight: bold;
  font-size: 18rem;
  color: #666666;
}
.popup > .popup_container .notice ol li .tit {
  margin-bottom: 14rem;
  font-weight: bold;
  font-size: 16rem;
  line-height: 22rem;
  color: #666666;
}
.popup > .popup_container .notice ol li .list_dot li {
  position: relative;
  padding-left: 11rem;
  font-size: 14rem;
  line-height: 20rem;
  color: #666666;
}
.popup > .popup_container .notice ol li .list_dot li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6rem;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #bbb;
}
.popup > .popup_container .notice ol li .list_dot li + li {
  margin-top: 12rem;
}
.popup > .popup_container .notice ol li + li {
  margin-top: 24rem;
}
.popup > .popup_container .btn_wrap {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 30rem 0 20rem;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 2%, rgba(255, 255, 255, 0.44) 4%, rgba(255, 255, 255, 0.6) 7%, rgba(255, 255, 255, 0.86) 15%, #fff);
}
.popup > .popup_container .btn_wrap button {
  position: relative;
  z-index: 10;
  display: block;
  width: calc(100% - 40rem);
  height: 56rem;
  margin: 0 auto;
  background-color: #bb1b39;
  border: 0;
  border-radius: 16rem;
  text-align: center;
  font-weight: 700;
  font-size: 16rem;
  color: #fff;
}
.popup > .popup_container .btn_wrap button:disabled {
  background-color: #bf8993;
  color: #dec1c9;
}
.popup > .popup_container .list_dot li {
  position: relative;
  padding-left: 11rem;
  color: #333;
  font-size: 14rem;
  line-height: 19rem;
}
.popup > .popup_container .list_dot li + li {
  margin-top: 12rem;
}
.popup > .popup_container .list_dot li::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #bbb;
  left: 0;
  top: 7rem;
}
.popup.popup_event .popup_container .pop_header {
  position: relative;
}
.popup.popup_event .popup_container .pop_body {
  padding-bottom: 110rem;
  box-sizing: border-box;
}
.popup.popup_event .popup_container .btn_wrap button {
  width: calc(100% - 40rem);
}
.popup.popup_agree .pop_header h1 {
  font-size: 16rem;
  letter-spacing: -1rem;
}
.popup.popup_agree .pop_content {
  padding: 0 0 10rem;
}
.popup.popup_agree .pop_content + .pop_content {
  padding-top: 40rem;
}
.popup.popup_agree h2 {
  margin: 0 0 2rem;
  font-weight: bold;
  font-size: 18rem;
  line-height: 24rem;
  color: #333;
}
.popup.popup_agree h3 {
  font-weight: bold;
  font-size: 16rem;
  line-height: 24rem;
  color: #333;
}
.popup.popup_agree h3 + p {
  margin-top: 16rem;
  font-size: 600px;
  font-size: 13rem;
  line-height: 20rem;
  color: #666;
}
.popup.popup_agree h3 + p + h4 {
  margin-top: 32rem;
}
.popup.popup_agree h4 {
  display: inline-flex;
  height: 32rem;
  align-items: center;
  justify-content: center;
  gap: 6rem;
  margin-bottom: 16rem;
  padding: 0 16rem 0 8rem;
  border-radius: 16rem;
  background-color: #ecf2fc;
  font-weight: 600;
  font-size: 14rem;
  color: #212266;
  line-height: 20rem;
}
.popup.popup_agree h4 span {
  display: inline-block;
  width: 20rem;
  height: 20rem;
  background-color: #212266;
  color: #ecf2fc;
  font-weight: 600;
  font-size: inherit;
  line-height: 20rem;
  text-align: center;
  border-radius: 50%;
}
.popup.popup_agree h5 {
  margin: 32rem 0 12rem;
  font-weight: bold;
  font-size: 16rem;
  line-height: 24rem;
  color: #333;
}
.popup.popup_agree .tbl_collect {
  width: 100%;
}
.popup.popup_agree .tbl_collect tr > * {
  padding: 12rem;
  font-weight: 600;
  font-size: 13rem;
  line-height: 18rem;
}
.popup.popup_agree .tbl_collect th {
  background-color: #f5f5f5;
  color: #333;
  border-radius: 6rem;
  border: 2rem solid #fff;
  text-align: left;
}
.popup.popup_agree .tbl_collect td {
  vertical-align: middle;
  color: #666;
}
.popup.popup_agree .tbl_collect td > * {
  display: block;
  font-size: inherit;
  color: inherit;
}
.popup.popup_agree .tbl_collect td .tit {
  margin-bottom: 4rem;
  font-weight: bold;
  color: #333;
}
.popup.popup_agree .tbl_collect td .noti {
  margin-top: 8rem;
}

/* 이벤트 메인 */

.event .eventImg img {
  width: 360rem;
  display: block;
}
.event > section {
  position: relative;
}

.section03 .event_player{
  width:200rem;
  height: 282rem;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  top: 480rem;
}

.event {
  background: #fcf0d1;
}
.event .content {
  line-height: 0;
}
.event .content img {
  width: 100%;
}
.event .part {
  position: absolute;
  top: 320rem;
  left: 46rem;
  width: 268rem;
  height: 33rem;
  background:#fffdfa;
  border-radius: 15rem;
  text-align: center;
  line-height: 33rem;
  letter-spacing: -0.5rem;
  font-weight: 500;
  font-size: 14rem;
  color: #151B11;
}
.event .part span {
  color:#f74545;
  font-size: 14rem;
}
.event .part::after {
  position: absolute;
  top: 40rem;
  left: 0;
  width: 100%;
  line-height: 12rem;
  letter-spacing: -1rem;
  font-size: 10rem;
  color: #000;
}
.event .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 24rem;
  left: 0;
  width: 100%;
  padding: 0 18rem 0 24rem;
  box-sizing: border-box;
}
.event .header img {
  display: block;
  width: 100%;
  height: 100%;
}
.event .header h1 {
  width: 74rem;
  height: 23rem;
}
.event .header .share {
  width: 26rem;
  height: 26rem;
}
.event .notice_wrap {
  padding: 30rem 20rem 30rem;
  background: #f1f1f1;
}
.event .notice_wrap .notice dt {
  padding: 30rem 0 14rem;
  font-size: 14rem;
  font-weight: 600;
  line-height: 19rem;
  color: #2b2c31;
}
.event .notice_wrap .notice li {
  position: relative;
  padding-left: 8rem;
  letter-spacing: -0.3rem;
  font-size: 12rem;
  line-height: 18rem;
  color: #2b2c31;
}
.event .notice_wrap .notice li::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #2b2c31;
  left: 0;
  top: 7rem;
}

.event .notice_wrap .notice li + li {
  margin-top: 8rem;
}
.event .notice_wrap .notice li.red {
  color: #ff586e;
}
.event .notice_wrap .notice li.red::before {
  background: #ff586e;
}
.event .notice_wrap .notice li .red {
  color:#ff586e;
  font-size: 12rem;
}

.event .notice_wrap .footer {
  margin-top: 40rem;
  padding-top: 10rem;
  border-top: 1rem solid rgba(204, 204, 204, 0.3);
  text-align: center;
  letter-spacing: -0.3rem;
  font-size: 12rem;
  line-height: 18rem;
  color: #2b2c31;
}
.event .notice_wrap .footer strong {
  font-weight: 700;
  font-size: 12rem;
}
.event .btn_wrap {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 76rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(/e/kms/assets/images/event/2026/EC260092/btn_wrap_bg.png) no-repeat center bottom / 360rem 100rem;
}
.event .unprotect {
  margin-right:6rem
}
.event .unprotect img {
  width:26rem;
  vertical-align: middle;
}


/* 신규 */

.popup .btn_close {text-align: right;}
.popup .btn_close button {width: 64rem;height: 48rem;background: url(/e/kms/assets/images/event/2026/EC260092/icon_header_close.png) no-repeat center / 24rem 24rem;font-size: 0;}
.popup .subject {padding: 0 30rem 20rem;}

.submit-btn {width: 100%;height: 56rem;line-height: 56rem;border: none;border-radius: 16rem;background: #212624;color: #fff;font-size: 18rem;font-weight: 700;cursor: pointer;display: block;text-align: center;}

/* 내 포인트 */
.point_wrap .my-point { padding:30rem 24rem 26rem; }
.point_wrap .my-point .label { display: flex; align-items: center; gap: 6rem; font-size: 14rem; font-weight: 700; color: #666; }
.point_wrap .my-point .info img {width: 16rem;height: 16rem;;}
.point_wrap .my-point .value { display: flex; align-items: center; margin-top: 10rem; gap:10rem;justify-content: space-between;}
.point_wrap .my-point .value p { font-size: 32rem; font-weight: 700; color: #333;}
.point_wrap .my-point .value p span { font-weight: 400;font-size: 18rem;margin-left: 10rem; }
.point_wrap .my-point .value .arrow {position: relative;;width: 20rem; height: 20rem; background: url(/e/kms/assets/images/event/2026/EC260092/arrow.png) no-repeat center / 20rem 20rem;}
.point_wrap .divider { height: 8rem; background: #f7f7f7; }

/* 공유 섹션 */
.point_wrap .share { padding: 30rem 24rem 0; }
.point_wrap .share-head { display: flex; justify-content: space-between; align-items: flex-end; }
.point_wrap .share-head h2 { font-size: 20rem; font-weight: 700; line-height: 1.38; color: #333; }
.point_wrap .share-head h2 .point { color: #e2327e; font-size: 20rem;font-weight: 700;}
.point_wrap .badge {flex: none; padding: 0 10rem; height: 30rem; line-height: 30rem;  border-radius: 14rem; background: #f2f6ff; color: #2d82fb; font-size: 14rem; font-weight: 700;}

.point_wrap .step-box { margin-top:16rem; padding: 28rem 16rem 22rem; border-radius: 16rem; background: #f5f6f8; }
.point_wrap .step-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10rem 6rem; justify-items: center; }
.point_wrap .step-list li {width: 44rem; height: 44rem; border-radius: 50%;  display: flex; align-items: center; justify-content: center;  background:#ebeaea; border: 3rem solid #fff;  font-size: 16rem; font-weight: 700; color: #bababa;}
.point_wrap .step-list li small { font-size: 14rem; font-weight: 700; }

/* 활성 상태: 금액별 컬러 */
.point_wrap .step-list li.on { color: #333; box-shadow: 0 0 6rem 0 rgba(0, 0, 0, .13); }
.point_wrap .step-list li.on.p1 { background: #8Ed6FF; }
.point_wrap .step-list li.on.p2 { background: #ffdf40; }
.point_wrap .step-list li.on.p3 { background: #6df28a; }


.point_wrap .step-count { margin-top: 12rem; text-align: center; font-size: 14rem; color: #777; font-weight:700; }
.point_wrap .step-count .now { color: #222; font-weight: 700; margin-left:10rem}
.point_wrap .step-count .total { color: #a9a9ad; }

/* 유의사항 */
.point_wrap .notice { margin: 38rem 0 25rem; }
.point_wrap .notice h3 { font-size: 14rem; font-weight: 700; color: #4b4b4b; margin-bottom: 11rem; }
.point_wrap .notice li {position: relative; padding-left: 10rem; font-size: 12rem; line-height: 1.55; color: #6b6b6b;  word-break: keep-all;}
.point_wrap .notice li + li { margin-top: 5rem; }
.point_wrap .notice li::before { content: ''; position: absolute; left: 1rem; top: 8rem; width: 2rem; height: 2rem; border-radius: 50%; background: #666; }

/* 버튼 */
.point_wrap .btn-area { padding: 22rem 20rem 20rem; }
.btn-type01 {display: block; width: 100%; height: 50rem; border-radius: 10rem;  background: #363774; color: #fff; font-size: 16rem; font-weight: 700;}

.point_wrap2 .bg_box {text-align: center;height: 43dvh;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    gap: 24rem;}
.point_wrap2 .bg_box img {width: 140rem;}
.point_wrap2 .bg_box .txt01 {color:#222;font-size:20rem;font-weight: 700;line-height: 1.3;}

.link-row {display: inline-flex;align-items: center;margin-top: 8rem;}
.link-row .txt {  font-size: 15rem;    font-weight: 700;    color: #3e2f29;}

.cta-btn {
  width: 100%;
  width: 320rem;
  border: none;
  border-radius: 14rem;
  background: #781200;
  color: #fff;
  font-size: 18rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 56rem;
  line-height: 56rem;
}

.cta-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(240deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(0deg);
  animation: btnShine 2.6s ease-in-out infinite;
  pointer-events: none;
}

.chevron {
  width: 24rem;
  height: 24rem;
  position: relative;
}

.chevron::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  border-top: 2rem solid #4a4a4a;
  border-right: 2rem solid #4a4a4a;
  border-radius: 2rem;
  transform: translate(-60%, -50%) rotate(45deg);
}


/* ===== 딤 ===== */
.layerDim {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0);
  display: none;
  transition: background 0.3s ease;
  z-index: 99;
}
.layerDim.on { display: block; background: rgba(0, 0, 0, 0.5); }

/* ===== 팝업(바텀시트/풀팝업) ===== */
.layerPopup {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  z-index: 100;
  display: none;
  /* transform: translateY(100%); */
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.layerPopup.type-center.on {transform: translate(-50%, -50%);    width: 90%;    height: auto;display: block;}
.layerPopup.type-bottom.on {transform: translateY(0);width: 100%; }
.layerPopup.type-full.on { transform: translateY(0); width: 100%;}

/* 바텀시트 타입: 하단에서 카드 형태로 올라옴 */
.layerPopup.type-bottom {
  bottom: 0;
  border-radius: 22rem 22rem 0 0;
  padding: 54rem 19rem 20rem;
  max-height: 95vh;
  overflow-y: auto;
}
/* 풀팝업 타입: 화면 전체를 덮음 */
.layerPopup.type-full {
  top: 0;
  bottom: 0;
  height: 100%;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}
.layerPopup.type-center {
  top:50%;
  left: 50%;
  height: 100%;
  border-radius: 0;
  padding: 40rem 20rem 20rem;
  overflow: hidden;
  border-radius: 20rem;
}
.full-scroll {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.full-title {
  font-size: 20rem;
  font-weight: 700;
  margin: 0 0 20rem;
}
.full-terms-list {
  margin: 0;
  padding-left: 18rem;
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.full-terms-list li {
  font-size: 13rem;
  line-height: 1.7;
  color: #1D1D20;
}
.sheet-header {
  height: 50rem;
  width: 100%;
  position: relative;
}
.sheet-close {
  position: absolute;
  top: 16rem; right: 16rem;
  width: 32rem; height: 32rem;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 1;
}
.sheet-close::before,
.sheet-close::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 24rem; height: 2rem;
  background: #2b2b2d;
}
.sheet-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.sheet-close::after  { transform: translate(-50%, -50%) rotate(-45deg); }

.tooltip {padding: 0 8rem;white-space: nowrap;display: block; transition:opacity 0.6s ease;opacity: 1;display: block;padding:4rem 8rem;  top: -30rem;position: absolute;right: -10rem;background: #1b7bf8;color:#fff;font-size:11rem;border-radius: 10rem;}
.tooltip img {width: 100%;}
.tooltip.is-show {opacity: 1;}
.tooltip:after {background: url(/e/kms/assets/images/event/2026/EC260092/tool_bg.png) no-repeat center / contain;width: 9rem;height: 6rem;position: absolute;bottom: -5rem;right: 16rem;content: '';}

.point-txt {color:#9d9d9d;font-size:13rem;font-weight: 400;margin-top:7rem;;}
.info-txt {background: #fef7de;padding:10rem;text-align: center;display: flex;align-items: center;justify-content: center;gap: 5rem;}
.info-txt i {background: url(/e/kms/assets/images/event/2026/EC260092/ico-info.png) no-repeat center / 20rem 20rem;display: block;width: 20rem;height: 20rem;}
.info-txt p {font-size:12rem;color:#333;}

.k_point {width: 186rem;height: 135rem;margin: 0 auto;}
.k_point img {width:100%}

.layerPoint .txt01 {font-size:22rem;color:#333;font-weight: 700;text-align: center;margin-top: 20rem;}
.layerPoint .txt02 {font-size:16rem;color:#333;font-weight: 400;text-align: center;margin-top: 20rem;line-height: 1.25;}
.layerPoint .txt02 .ki_color {color:#e2327e;font-weight: 700;font-size: 16rem;}
.layerBottomBtn {margin-top: 40rem;}

.point_wrap2 .btn-area {padding:20rem 20rem 30rem;text-align: center;}
.socialLogin {text-align: center;position: relative;padding:20rem 30rem}
.socialLogin::before {width: 280rem;height: 1px;content: '';background: #ddd;position: absolute;left:50%;top: 25rem;transform: translateX(-50%);}
.socialLogin .txt01 {font-size:13rem;color:#333;background: #fff;padding:0 20rem;width:50%;position: absolute;left:50%;top: 20rem;transform: translateX(-50%);}
.point_wrap2 .link-row .txt {font-size: 14rem;}
.socialBox {display: flex;justify-content: space-around;align-items: center;margin: 40rem 20rem;}
.socialBox button img {width: 56rem;}

.point_wrap2 .chevron {width: 20rem;  height: 20rem;  position: relative;}
.point_wrap2 .chevron::before {content: "";    position: absolute;    top: 50%;    left: 50%;    width: 7rem;    height: 7rem;    border-top: 2rem solid #333;    border-right: 2rem solid #333;    border-radius: 2rem;    transform: translate(-60%, -50%) rotate(45deg);}

.section02 .btn01 {position: absolute;    left: 50rem;    bottom: 57rem;    width: 260rem;    height: 40rem;    text-indent: -999999px;    cursor: pointer;}