@charset "UTF-8";
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 200;
  src: local("SpoqaHanSansNeo"), url("/e/kms/assets/fonts/SpoqaHanSansNeo-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 300;
  src: local("SpoqaHanSansNeo"), url("/e/kms/assets/fonts/SpoqaHanSansNeo-Light.woff2") format("woff2");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 400;
  src: local("SpoqaHanSansNeo"), url("/e/kms/assets/fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 600;
  src: local("NotoSans"), url("/e/kms/assets/fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "SpoqaHanSansNeo";
  font-weight: 700;
  src: local("NotoSans"), url("/e/kms/assets/fonts/SpoqaHanSansNeo-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;
  font-weight: 400;
  font-size: 14rem;
  font-family: "SpoqaHanSansNeo";
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

a {
  text-decoration: none;
}

button {
  background-color: transparent;
  line-height: 1;
}

.wrap {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}

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

.tab_content {
  display: none;
}
.tab_content:nth-of-type(1) {
  display: block;
}

/* popup */
.popup {
  position: fixed;
  bottom: 0;
  max-width: 640px;
  z-index: 99;
  /* 당첨 리스트 */
}
.popup.none {
  display: none;
}
.popup.active .dim {
  display: block;
}
.popup.active.bottomsheet > .popup_container {
  transform: translateY(0%);
}
.popup.active.full > .popup_container {
  transform: translateY(0);
}
.popup.active > .popup_container {
  transform: translateY(0%);
}
.popup.full > .popup_container {
  top: 0;
  border-radius: 0;
}
.popup.bottomsheet > .popup_container {
  padding: 0 20rem;
}
.popup.full > .popup_container .con {
  padding: 0 20rem;
  overflow-y: auto;
  height: calc(100% - 90rem);
}
.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/2025/EC250006/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 .radio_list {
  padding-bottom: 20rem;
}
.popup > .popup_container .pop_body .radio_list input[type=radio] {
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 0;
}
.popup > .popup_container .pop_body .radio_list input[type=radio]:checked + label {
  border: 1rem solid #2d82fb;
  background: url("/e/kms/assets/images/event/2025/EC250006/reportoon/icon_checked.png") no-repeat 0 0;
  background-size: 24rem 24rem;
  background-position: center right 16rem;
}
.popup > .popup_container .pop_body .radio_list label {
  display: block;
  padding: 0 16rem 0 20rem;
  font-size: 16rem;
  line-height: 72rem;
  color: #222;
  border: 1rem solid #eeeeee;
  border-radius: 16rem;
  box-sizing: border-box;
}
.popup > .popup_container .pop_body .radio_list li + li {
  margin-top: 10rem;
}
.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/2025/EC250006/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/2025/EC250006/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/2025/EC250006/icon_checkbox.png");
}
.popup > .popup_container .pop_body .agree_wrap .agree_list li input:checked {
  background-image: url("/e/kms/assets/images/event/2025/EC250006/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/2025/EC250006/icon_arrow_right2.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 .tab-wrapper .tab-menu {
  display: flex;
  align-items: center;
  height: 48rem;
  padding: 0 4rem;
  border-radius: 24rem;
  background-color: #f4f5f7;
}
.popup .tab-wrapper .tab-menu li {
  flex: 1;
  text-align: center;
  font-weight: 600;
  font-size: 14rem;
  color: #999;
}
.popup .tab-wrapper .tab-menu li.active {
  height: 40rem;
  line-height: 42rem;
  background-color: #fff;
  border-radius: 24rem;
  font-weight: bold;
  color: #333;
}
.popup .tab-wrapper .tab_content h2 {
  padding-top: 32rem;
}
.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;
}
.popup.popup_filter .popup_container, .popup.popup_gifts .popup_container {
  padding: 0 20rem;
}
.popup.popup_staff {
  z-index: 100;
}
.popup.popup_staff .popup_container {
  padding: 0;
}
.popup.popup_staff .popup_container .pop_header {
  padding: 0 20rem;
}
.popup.popup_staff .keypad {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  padding: 6rem;
  background-color: #f5f5f5;
}
.popup.popup_staff .keypad button {
  height: 53rem;
  background-color: #fff;
  border-radius: 3rem;
  color: #333;
  font-size: 23rem;
  line-height: 53rem;
}
.popup.popup_staff .keypad button.btn_number:disabled {
  color: #333;
  background-color: #fff;
}
.popup.popup_staff .keypad button:disabled {
  background-color: #f5f5f5;
}
.popup.popup_staff .keypad button.btn_delete {
  font-size: 0;
  line-height: 0;
  text-indent: -9999rem;
  background: #fff url("/e/kms/assets/images/event/2025/EC250006/icon_keypad_delete.png") no-repeat center center/30rem 30rem;
}
.popup.popup_staff .keypad button.btn_complete {
  background-color: #212266;
  font-size: 15rem;
  color: #fff;
  font-size: 15rem;
}
.popup.popup_lucky .btn_wrap {
  position: static;
}
.popup.popup_lucky .btn_wrap button {
  width: 100%;
}
.popup.popup_list .popup_container .con {
  padding: 0;
  overflow: unset;
}
.popup.popup_list .popup_container .pop_header {
  display: block;
  position: relative;
  height: 56rem;
  padding: 0 20rem;
}
.popup.popup_list .popup_container .pop_header h1 {
  text-align: center;
  font-size: 18rem;
  line-height: 56rem;
}
.popup.popup_list .popup_container .pop_header .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20rem;
}
.popup.popup_list .popup_container .pop-scroll {
  padding: 0 20rem;
}
.popup.popup_list .popup_container .update {
  margin: 24rem 0 12rem;
  text-align: right;
  color: #999;
  font-size: 13rem;
  line-height: 20rem;
}
.popup.popup_list .popup_container table {
  width: 100%;
  margin-bottom: 24rem;
  border-top: 1rem solid #999;
}
.popup.popup_list .popup_container table tr > * {
  border-bottom: 1rem solid #eee;
  border-right: 1rem solid #eee;
  letter-spacing: -0.35rem;
  vertical-align: middle;
  color: #222;
}
.popup.popup_list .popup_container table .ac {
  text-align: center;
}
.popup.popup_list .popup_container table th {
  padding: 12rem;
  background-color: #fafafa;
  color: #666;
  font-size: 13rem;
  line-height: 18rem;
  text-align: center;
}
.popup.popup_list .popup_container table td {
  padding: 16rem 12rem;
  font-size: 14rem;
  line-height: 20rem;
}
.popup.popup_list .popup_container table td:last-child {
  border-right: 0;
}
.popup.popup_list .popup_container .list_dot {
  padding-bottom: 40rem;
}
.popup.popup_list .popup_container .list_dot li {
  font-size: 13rem;
  color: #888;
}
.popup.popup_list .popup_container .list_dot li + li {
  margin-top: 4rem;
}
.popup.popup_prize .pop_header {
  display: block;
  position: relative;
  height: 56rem;
  padding: 0 20rem;
}
.popup.popup_prize .pop_header h1 {
  text-align: center;
  font-size: 18rem;
  line-height: 56rem;
}
.popup.popup_prize .pop_header .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20rem;
}
.popup.popup_prize .pop-scroll {
  padding: 0 20rem;
}
.popup.popup_prize .filter {
  display: flex;
  height: 25rem;
  justify-content: space-between;
  align-items: center;
}
.popup.popup_prize .filter .my_prize {
  display: block;
  padding-right: 16rem;
  color: #333;
  font-size: 14rem;
  text-align: right;
  font-weight: 600;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_right4.png") no-repeat center right/12rem 12rem;
}
.popup.popup_prize .img_prize {
  line-height: 0;
}
.popup.popup_prize .img_prize img {
  width: 100%;
}
.popup.popup_prize .con {
  padding: 40rem 20rem 20rem;
  border: 1rem solid #eee;
}
.popup.popup_prize .con h2 {
  margin-bottom: 20rem;
}
.popup.popup_prize .con h2 img {
  display: block;
  width: 100%;
}
.popup.popup_prize .con .gift_list {
  padding: 28rem 40rem;
  text-align: center;
  border-radius: 12rem;
  background-color: #fdf6f7;
}
.popup.popup_prize .con .gift_list + dl {
  margin-top: 10rem;
}
.popup.popup_prize .con .gift_list dt {
  margin-bottom: 20rem;
  font-size: 16rem;
  line-height: 1;
  color: #222;
  font-weight: bold;
}
.popup.popup_prize .con .gift_list dt span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: normal;
}
.popup.popup_prize .con .gift_list dd {
  line-height: 22rem;
  color: #333;
}
.popup.popup_prize .list_dot_title {
  padding-top: 32rem;
  line-height: 23rem;
  font-weight: 700;
  font-size: 16rem;
  color: #333;
}
.popup.popup_prize .list_dot {
  margin-top: 10rem;
  padding-bottom: 40rem;
}
.popup.popup_prize .list_dot.no_title {
  margin-top: 32rem;
}
.popup.popup_prize .list_dot li {
  position: relative;
  padding-left: 8rem;
  color: #888;
  font-size: 13rem;
  line-height: 20rem;
}
.popup.popup_prize .list_dot li + li {
  margin-top: 3rem;
}
.popup.popup_prize .list_dot li::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #bbb;
  left: 0;
  top: 7rem;
}
.popup .point {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #bb1b39;
}

/* 메인 */
.main {
  position: relative;
}
.main .top_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.main .top_wrap .btn_wrap {
  position: absolute;
  top: 522rem;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10rem;
  width: 296rem;
}
.main .top_wrap .btn_wrap button {
  display: block;
  width: 143rem;
  height: 75rem;
}
.main .top_wrap .btn_wrap button:first-child {
  width: 296rem;
  height: 62rem;
  margin: 0 auto;
  grid-column: 1/3;
  grid-row: 1/2;
}
.main .top_wrap .btn_wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .header_btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16rem;
  box-sizing: border-box;
}
.main .header_btn h1 img {
  display: block;
  width: 65rem;
  height: 20rem;
}
.main .header_btn .kakao button {
  display: block;
  width: 26rem;
  height: 26rem;
}
.main .header_btn .kakao button img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .event_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.main .gift_info {
  position: relative;
}
.main .gift_info .bg {
  display: block;
  width: 360rem;
}
.main .gift_info button {
  display: block;
}
.main .gift_info button img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .gift_info .tooltip {
  position: absolute;
  top: 202rem;
  right: 40rem;
  width: 18rem;
  height: 18rem;
}
.main .gift_info .apply {
  position: absolute;
  top: 690rem;
  left: 50%;
  transform: translateX(-50%);
  width: 281rem;
  height: 55rem;
}

.wrap.result header,
.popup_prize header,
.wrap.schedule header {
  padding: 16rem 20rem;
  box-sizing: border-box;
  background-color: #fff;
}
.wrap.result header h1,
.popup_prize header h1,
.wrap.schedule header h1 {
  text-align: center;
  font-weight: bold;
  font-size: 18rem;
  line-height: 24rem;
  color: #333;
}
.wrap.result header .close,
.popup_prize header .close,
.wrap.schedule header .close {
  position: absolute;
  width: 24rem;
  height: 24rem;
  right: 20rem;
  top: 16rem;
}
.wrap.result header .close button,
.popup_prize header .close button,
.wrap.schedule header .close button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_header_close.png") no-repeat center center/24rem 24rem;
}
.wrap.result .filter,
.popup_prize .filter,
.wrap.schedule .filter {
  margin: 32rem 0 20rem;
}
.wrap.result .filter button,
.popup_prize .filter button,
.wrap.schedule .filter button {
  padding-right: 22rem;
  font-weight: bold;
  font-size: 20rem;
  line-height: 28rem;
  color: #222;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_down.png") no-repeat center right/14rem 14rem;
}
.wrap.result .filter button span,
.popup_prize .filter button span,
.wrap.schedule .filter button span {
  font-weight: bold;
  font-size: 20rem;
  line-height: 28rem;
  color: #222;
}

/* 투수/타자 선택 공통 */
.vote {
  padding: 0 20rem;
}
.vote .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56rem;
}
.vote .header h1 img {
  display: block;
  width: 139rem;
  height: 26rem;
}
.vote .header .close button {
  display: block;
  width: 24rem;
  height: 24rem;
  font-size: 0;
  line-height: 0;
  text-indent: -9999rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_header_close.png") no-repeat center center/24rem 24rem;
}
.vote .tit_wrap {
  padding: 44rem 0 36rem;
  background-repeat: no-repeat;
  background-position: right 32rem;
  background-size: 108rem 108rem;
  background-image: url("/e/kms/assets/images/event/2025/EC250006/img_pitcher.png");
}
.vote .tit_wrap.tit_hitter {
  background-image: url("/e/kms/assets/images/event/2025/EC250006/img_hitter.png");
}
.vote .tit_wrap h2 img {
  display: block;
  width: 180rem;
  height: 57rem;
}
.vote .tit_wrap .page {
  margin-bottom: 12rem;
  color: #999;
  font-size: 600px;
  font-size: 14rem;
  line-height: 1;
}
.vote .tit_wrap .page span {
  color: #222;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.vote .tit_wrap .date {
  padding-bottom: 6rem;
  line-height: 23rem;
  font-size: 16rem;
  color: #222;
}
.vote .tab-menu {
  display: flex;
  height: 48rem;
  margin-bottom: 32rem;
  padding: 4rem;
  background-color: #f4f5f7;
  border-radius: 24rem;
  box-sizing: border-box;
}
.vote .tab-menu li {
  z-index: 1;
  position: relative;
  width: 50%;
  height: 40rem;
  text-align: center;
  color: #999;
  background-color: #f4f5f7;
  font-size: 16rem;
  line-height: 43rem;
  border-radius: 20rem;
  font-weight: 600;
}
.vote .tab-menu li.active {
  color: #fff;
  background-color: #bb1b39;
}
.vote .vote_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
  padding-bottom: 100rem;
}
.vote .vote_list li {
  position: relative;
}
.vote .vote_list li input {
  position: absolute;
  left: 0;
  top: 0;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 0;
}
.vote .vote_list li input:checked + label {
  background-image: url("/e/kms/assets/images/event/2025/EC250006/icon_radio_checked.png");
  border-color: #bb1b39;
  background-color: #fdf6f7;
}
.vote .vote_list li input:checked + label span {
  color: #bb1b39;
}
.vote .vote_list li label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20rem 16rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_radio.png") no-repeat center right 16rem/24rem 24rem;
  background-color: #fafafa;
  border: 1rem solid #fafafa;
  border-radius: 12rem;
  color: #333;
  font-weight: 600;
  font-size: 16rem;
  line-height: 20rem;
  box-sizing: border-box;
}
.vote .vote_list li label span {
  display: block;
  color: #999;
  font-size: 13rem;
  line-height: 18rem;
}
.vote .btn_wrap {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  padding: 20rem;
  background: 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);
  box-sizing: border-box;
}
.vote .btn_wrap button {
  display: block;
  width: 100%;
  height: 56rem;
  font-size: 18rem;
  line-height: 58rem;
  font-weight: 600;
  text-align: center;
  border-radius: 16rem;
  background-color: #bb1b39;
  color: #fff;
}
.vote .btn_wrap button:disabled {
  background-color: #bf8993;
  color: #dec1c9;
}
.vote .btn_wrap button.gray {
  background-color: #e5e6e8;
  color: #333;
}

/* 랜덤박스 */
.randombox {
  position: relative;
  height: 100vh;
  background: #33041a;
}
.randombox .visual {
  height: 760rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/bg_randombox.png") no-repeat 0 0/100% auto;
}
.randombox .visual .btn_close {
  position: absolute;
  top: 23rem;
  right: 20rem;
  width: 24rem;
  height: 24rem;
}
.randombox .visual .btn_close button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_close.png") no-repeat center center/100% 100%;
}
.randombox .visual .backboard {
  position: absolute;
  top: 96rem;
  left: 20rem;
  width: 320rem;
  height: 268rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_board.png") no-repeat 0 0/100% 100%;
}
.randombox .visual .board {
  position: absolute;
  top: 104rem;
  left: 28rem;
  width: 304rem;
  height: 182rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_homerun.png") no-repeat 0 0/100% 100%;
  opacity: 0;
  animation: board 0.2s 0.3s ease-out forwards;
}
.randombox .visual .board .product {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 182rem;
  background: #fff;
  opacity: 0;
  text-align: center;
  animation: product 0.2s 1.5s ease-out forwards;
}
.randombox .visual .board .product img {
  height: 100rem;
}
.randombox .visual .board .product p {
  margin-top: 5rem;
  letter-spacing: -0.5rem;
  font-weight: 700;
  font-size: 22rem;
  color: #222;
}
.randombox .visual .ball {
  position: absolute;
  top: 465rem;
  left: 158rem;
  z-index: 1;
  width: 59rem;
  height: 59rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_ball.png") no-repeat 0 0/100% 100%;
  animation: ball 1.5s ease-out forwards;
}
.randombox .visual .head {
  position: absolute;
  top: 465rem;
  left: 8rem;
  width: 97rem;
  height: 84rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_head.png") no-repeat 0 0/100% 100%;
  animation: head 0.5s ease-out forwards;
}
.randombox .visual .body {
  position: absolute;
  top: 467rem;
  left: 1rem;
  width: 207rem;
  height: 184rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_body.png") no-repeat 0 0/100% 100%;
}
@keyframes board {
  100% {
    opacity: 1;
  }
}
@keyframes product {
  100% {
    opacity: 1;
  }
}
@keyframes ball {
  50% {
    top: 50rem;
    left: 220rem;
    width: 20rem;
    height: 20rem;
    z-index: 1;
  }
  100% {
    top: 100rem;
    left: 225rem;
    width: 10rem;
    height: 10rem;
    z-index: 0;
    transform: rotate(1000deg);
  }
}
@keyframes head {
  100% {
    top: 472rem;
    transform: rotate(-20deg);
  }
}
.randombox .btn_receive {
  position: fixed;
  bottom: 20rem;
  left: 50%;
  width: calc(100% - 40rem);
  height: 56rem;
  transform: translate(-50%);
  background-color: #bb1b39;
  border-radius: 16rem;
  line-height: 57rem;
  text-align: center;
  font-weight: 700;
  font-size: 18rem;
  color: #fff;
}

.wrap.result header {
  z-index: 2;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}
.wrap.result .tab-wrapper {
  padding: 56rem 0 0;
}
.wrap.result .tab-wrapper .tab-menu {
  z-index: 2;
  display: flex;
  position: sticky;
  top: 56rem;
  left: 0;
  width: calc(100% - 40rem);
  height: 48rem;
  margin: 24rem 20rem 0;
  padding: 4rem;
  background-color: #f4f5f7;
  border-radius: 24rem;
  box-sizing: border-box;
}
.wrap.result .tab-wrapper .tab-menu:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 48rem;
  left: 0;
  top: 0;
  border-radius: 24rem;
  background-color: #f4f5f7;
}
.wrap.result .tab-wrapper .tab-menu:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 40rem);
  height: 48rem;
  left: -20rem;
  top: 0;
  background-color: #fff;
  z-index: -1;
}
.wrap.result .tab-wrapper .tab-menu li {
  z-index: 1;
  position: relative;
  width: 50%;
  height: 40rem;
  text-align: center;
  color: #999;
  background-color: #f4f5f7;
  font-size: 16rem;
  line-height: 43rem;
  border-radius: 20rem;
  font-weight: 600;
}
.wrap.result .tab-wrapper .tab-menu li.active {
  color: #fff;
  background-color: #bb1b39;
}
.wrap.result .tab-wrapper .tab_content {
  padding: 0 20rem 20rem;
  height: calc(100% - 128rem);
  overflow-y: auto;
}
.wrap.result .tab-wrapper .filter {
  display: flex;
  height: 28rem;
  justify-content: space-between;
  align-items: center;
  margin: 32rem 0 20rem;
}
.wrap.result .tab-wrapper .filter .date {
  display: block;
  padding-right: 22rem;
  font-weight: bold;
  font-size: 20rem;
  line-height: 28rem;
  color: #222;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_down.png") no-repeat center right/14rem 14rem;
}
.wrap.result .tab-wrapper .filter .change_coupon {
  display: block;
  padding-right: 16rem;
  color: #333;
  font-size: 14rem;
  text-align: right;
  font-weight: 600;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_right4.png") no-repeat center right/12rem 12rem;
}
.wrap.result .tab-wrapper .filter .change_coupon span {
  font-size: inherit;
  color: #bb1b39;
  font-weight: inherit;
}
.wrap.result .tab-wrapper .month_mvp_list {
  margin: 0 -5rem 40rem;
}
.wrap.result .tab-wrapper .month_mvp_list li {
  height: 206rem;
  padding: 0 27rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_result_bg.png") no-repeat center top/100% 206rem;
  box-sizing: border-box;
}
.wrap.result .tab-wrapper .month_mvp_list li + li {
  margin-top: 10rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info {
  height: 117rem;
  padding-top: 24rem;
  box-sizing: border-box;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .flex_box {
  display: flex;
  justify-content: space-between;
  height: 23rem;
  align-items: center;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .date {
  font-weight: 600;
  font-size: 16rem;
  line-height: 23rem;
  color: #333;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .mvp {
  color: #666;
  font-size: 12rem;
  text-align: right;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .mvp .number {
  color: #bb1b39;
  font-size: inherit;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .mvp .name {
  font-weight: bold;
  color: #333;
  font-size: inherit;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .result {
  display: flex;
  justify-content: space-between;
  margin-top: 22rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .result > * {
  display: flex;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .result > * .position {
  color: #666;
  font-size: 14rem;
  line-height: 20rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .result > * .nm {
  display: block;
  width: 20rem;
  padding-left: 16rem;
  color: #bb1b39;
  font-size: 16rem;
  line-height: 20rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .result > * .name {
  display: block;
  padding-left: 10rem;
  color: #333;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: bold;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .result + .result {
  margin-top: 10rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .badge_wrap {
  display: flex;
  gap: 5rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .badge_wrap .badge {
  display: block;
  padding: 0 6rem;
  font-size: 12rem;
  line-height: 24rem;
  border-radius: 12rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .badge_wrap .badge.purple {
  color: #6b47bf;
  background-color: #fbf5ff;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .badge_wrap .badge.pink {
  color: #e2327e;
  background-color: #ffeeee;
}
.wrap.result .tab-wrapper .month_mvp_list li .info .badge_wrap .badge.blue {
  color: #1c4fde;
  background-color: #e9f3ff;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn {
  position: relative;
  height: 79rem;
  display: flex;
  align-items: center;
  gap: 8rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_right.png") no-repeat center right/8rem 12rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn img {
  display: block;
  height: 44rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn > span {
  display: block;
  width: 50%;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn .brand {
  display: block;
  color: #999;
  font-size: 12rem;
  line-height: 16rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn .name {
  display: block;
  margin-top: 4rem;
  color: #333;
  font-size: 14rem;
  font-weight: 600;
  line-height: 16rem;
  word-wrap: break-word;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.opacity > * {
  opacity: 0.5;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.complete {
  background-image: none;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.complete > * {
  opacity: 0.5;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.complete::before {
  content: "사용완료";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding: 0 6rem;
  background-color: #bbb;
  color: #fff;
  font-size: 12rem;
  line-height: 24rem;
  border-radius: 12rem;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.end {
  background-image: none;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.end > * {
  opacity: 0.5;
}
.wrap.result .tab-wrapper .month_mvp_list li .btn.end::before {
  content: "기간만료";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding: 0 6rem;
  background-color: #bbb;
  color: #fff;
  font-size: 12rem;
  line-height: 24rem;
  border-radius: 12rem;
}
.wrap.result .tab-wrapper .tit_box {
  background: url("/e/kms/assets/images/event/2025/EC250006/img_mvp.png") no-repeat center right/96rem 67rem;
}
.wrap.result .tab-wrapper .tit_box h2 {
  text-align: left;
}
.wrap.result .tab-wrapper .tit_box h2 img {
  margin: 6rem 0 0;
}
.wrap.result .tab-wrapper h2 {
  margin: 35rem 0 10rem;
  color: #222;
  font-size: 16rem;
  line-height: 20rem;
  text-align: center;
}
.wrap.result .tab-wrapper h2 img {
  display: block;
  width: 205rem;
  margin: 6rem auto 0;
}
.wrap.result .tab-wrapper .list_chk {
  margin-top: 10rem;
}
.wrap.result .tab-wrapper .list_chk button {
  padding-right: 14rem;
  color: #333;
  line-height: 16rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_right3.png") no-repeat center right/12rem 12rem;
}
.wrap.result .tab-wrapper p.info {
  padding-top: 110rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_mvp2.png") no-repeat center top/200rem 94rem;
  text-align: center;
  font-size: 14rem;
  color: #333;
  line-height: 20rem;
}
.wrap.result .tab-wrapper p.info span {
  color: #bb1b39;
  font-size: inherit;
  line-height: inherit;
}
.wrap.result .tab-wrapper .btn_wrap {
  margin-top: 24px;
  text-align: center;
}
.wrap.result .tab-wrapper .btn_wrap button {
  display: inline-block;
  height: 47rem;
  margin: 0 auto;
  padding: 0 20rem;
  color: #333;
  font-size: 14rem;
  line-height: 49rem;
  font-weight: 600;
  border: 1rem solid #999;
  background-color: #fff;
  border-radius: 12rem;
  box-sizing: border-box;
}
.wrap.result .tab-wrapper .notice {
  margin: 32rem 0 20rem;
}
.wrap.result .tab-wrapper .notice dt {
  margin-bottom: 10rem;
  color: #333;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: bold;
}
.wrap.result .tab-wrapper .notice li {
  position: relative;
  padding-left: 8rem;
  color: #888;
  font-size: 13rem;
  line-height: 1;
}
.wrap.result .tab-wrapper .notice li + li {
  margin-top: 10rem;
}
.wrap.result .tab-wrapper .notice li::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #bbb;
  left: 0;
  top: 5rem;
}
.wrap.result .tab-wrapper .mvp_reasult {
  margin-top: 40rem;
}
.wrap.result .tab-wrapper .mvp_reasult dt {
  color: #222;
  font-size: 20rem;
  line-height: 24rem;
  font-weight: bold;
}
.wrap.result .tab-wrapper .mvp_reasult dd {
  display: flex;
  align-items: center;
  gap: 24rem;
  padding: 24rem;
  margin-top: 16rem;
  border: 1rem solid #eee;
  border-radius: 16rem;
  box-shadow: 0 2rem 4rem 0 rgba(102, 102, 102, 0.12);
}
.wrap.result .tab-wrapper .mvp_reasult dd .img_wrap {
  width: 128rem;
  height: 128rem;
  border-radius: 24rem;
  overflow: hidden;
}
.wrap.result .tab-wrapper .mvp_reasult dd .img_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.wrap.result .tab-wrapper .mvp_reasult dd .text_wrap .position {
  padding-bottom: 3rem;
  color: #999;
  font-size: 14rem;
  line-height: 18rem;
}
.wrap.result .tab-wrapper .mvp_reasult dd .text_wrap .name {
  display: flex;
  justify-content: center;
  gap: 4rem;
  padding-bottom: 12rem;
  color: #222;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 600;
  text-align: center;
}
.wrap.result .tab-wrapper .mvp_reasult dd .text_wrap .name span {
  color: #bb1b39;
  font-size: 14rem;
  line-height: inherit;
  font-weight: normal;
}
.wrap.result .tab-wrapper .mvp_reasult dd .text_wrap .badge {
  display: inline-block;
  padding: 0 8rem;
  font-size: 12rem;
  line-height: 23rem;
  border-radius: 12rem;
}
.wrap.result .tab-wrapper .mvp_reasult dd .text_wrap .badge.success {
  color: #e22d72;
  background-color: #ffe5f4;
}
.wrap.result .tab-wrapper .mvp_reasult dd .text_wrap .badge.fail {
  color: #1c4fde;
  background-color: #e9f3ff;
}
.wrap.result .no_result {
  margin-top: 100rem;
  padding-top: 175rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_noresult.png") no-repeat center top/140rem 140rem;
}
.wrap.result .no_result strong {
  display: block;
  text-align: center;
  color: #333;
  font-weight: bold;
  font-size: 20rem;
  line-height: 28rem;
}
.wrap.result .no_result span {
  display: block;
  margin-top: 12rem;
  font-size: 14rem;
  line-height: 20rem;
  text-align: center;
  color: #333;
}
.wrap.result .no_result button {
  display: block;
  margin: 24rem auto;
  padding: 0 15rem;
  border-radius: 12rem;
  border: 1rem solid #999;
  background-color: #fff;
  font-size: 14rem;
  text-align: center;
  line-height: 47rem;
  color: #333;
}
.wrap.result .before_vote + .notice {
  margin-top: 116rem;
}

.wrap.schedule {
  padding: 0 20rem;
}
.wrap.schedule header {
  padding-right: 0;
  padding-left: 0;
}
.wrap.schedule .bg {
  margin-top: 24rem;
  padding: 16rem 24rem;
  color: #666;
  font-size: 14rem;
  line-height: 20rem;
  background-color: #f7f7f7;
  border-radius: 12rem;
}
.wrap.schedule .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 28rem;
  margin: 0;
  padding: 32rem 0 20rem;
  border-bottom: 1rem solid #999;
}
.wrap.schedule .filter span.info {
  color: #999;
  font-size: 13rem;
  text-align: right;
  line-height: 20rem;
}
.wrap.schedule .schedule_list {
  margin: 24rem 0 68rem;
}
.wrap.schedule .schedule_list li + li {
  margin-top: 24rem;
}
.wrap.schedule .schedule_list .date {
  margin-bottom: 12rem;
  color: #222;
  font-size: 14rem;
  line-height: 19rem;
}
.wrap.schedule .schedule_list .set {
  display: flex;
  height: 64rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 15rem;
  border: 1rem solid #eee;
  background-color: #fafafa;
  border-radius: 12rem;
}
.wrap.schedule .schedule_list .set .flex {
  display: flex;
  height: 64rem;
  align-items: center;
  gap: 8rem;
}
.wrap.schedule .schedule_list .set .vs {
  font-size: 14rem;
  line-height: 20rem;
  color: #999;
}
.wrap.schedule .schedule_list .set .team {
  padding-right: 10rem;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 600;
  color: #333;
}
.wrap.schedule .schedule_list .set img {
  display: block;
  width: 60rem;
  height: 44rem;
}
.wrap.schedule .schedule_list .apply {
  font-weight: 600;
  font-size: 14rem;
  color: #333;
}
.wrap.schedule .schedule_list .apply.ready {
  color: #bbb;
}
.wrap.schedule .schedule_list .apply.yet {
  color: #999;
}
.wrap.schedule .schedule_list .apply button {
  padding-right: 15rem;
  font-weight: 600;
  color: #bb1b39;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_arrow_right.png") no-repeat center right/8rem 12rem;
}

/* 상품 교환권 */
.popup_exchange.popup .popup_container {
  padding: 0;
  max-height: calc(100% - 120rem);
}
.popup_exchange.popup .pop_header {
  padding: 0 20rem;
}
.popup_exchange.popup .pop_body {
  height: calc(100% - 185rem);
  overflow-y: auto;
}
.popup_exchange.popup .gift_wrap {
  width: 320rem;
  margin: 0 auto 17rem;
  padding: 7rem 20rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/img_coupon_bg.png") no-repeat center top/336rem 471rem;
}
.popup_exchange.popup .gift_wrap .top {
  height: 279rem;
  padding: 0 30rem;
}
.popup_exchange.popup .gift_wrap .top .name {
  padding-top: 28rem;
  color: #222;
  font-size: 20rem;
  line-height: 28rem;
  font-weight: bold;
}
.popup_exchange.popup .gift_wrap .top .period {
  padding: 8rem 0 15rem;
  font-size: 14rem;
  color: #666;
  line-height: 19rem;
}
.popup_exchange.popup .gift_wrap .top .period span {
  padding-right: 6rem;
  color: #bb1b39;
}
.popup_exchange.popup .gift_wrap .top .img_wrap img {
  display: block;
  width: 200rem;
  height: 148rem;
  margin: 0 auto;
}
.popup_exchange.popup .gift_wrap .bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 173rem;
  padding: 0 24rem;
}
.popup_exchange.popup .gift_wrap .bottom span {
  display: block;
  color: #999;
  font-size: 13rem;
  line-height: 22rem;
}
.popup_exchange.popup .gift_wrap .bottom dt {
  display: flex;
  height: 53rem;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20rem;
  padding-left: 64rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_map.png") no-repeat center left/53rem 53rem;
  color: #222;
  font-size: 18rem;
  font-weight: bold;
}
.popup_exchange.popup .gift_wrap .bottom dd {
  position: relative;
  display: flex;
  gap: 24rem;
}
.popup_exchange.popup .gift_wrap .bottom dd::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #eee;
  width: 1rem;
  height: 100%;
  top: 0;
  left: 53%;
}
.popup_exchange.popup .gift_wrap .bottom dd p {
  width: 55%;
  color: #222;
  font-weight: 600;
  font-size: 13rem;
  line-height: 20rem;
  letter-spacing: -0.33rem;
}
.popup_exchange.popup .gift_wrap .bottom dd p span {
  letter-spacing: inherit;
}
.popup_exchange.popup .gift_wrap .bottom dd p:last-child {
  width: 45%;
}
.popup_exchange.popup .gift_wrap .bottom .map_info {
  color: #999;
  font-size: 13rem;
  line-height: 18rem;
}
.popup_exchange.popup .gift_wrap .bottom .map {
  margin-top: 4rem;
  font-size: 16rem;
  font-weight: 600;
  line-height: 20rem;
  color: #222;
}
.popup_exchange.popup .info_notice {
  padding: 0 24rem 10rem;
  margin-bottom: 100rem;
}
.popup_exchange.popup .info_notice li {
  position: relative;
  padding-left: 9rem;
  color: #888;
  font-size: 13rem;
  line-height: 18rem;
  letter-spacing: -0.35rem;
}
.popup_exchange.popup .info_notice li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7rem;
  background-color: #bbb;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
.popup_exchange.popup .info_notice li + li {
  margin-top: 4rem;
}
.popup_exchange.popup .check_btn {
  z-index: 10;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 100rem;
  width: 100%;
  padding: 20rem;
  box-sizing: border-box;
  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_exchange.popup .check_btn button {
  display: block;
  width: 100%;
  height: 56rem;
  background-color: #bb1b39;
  color: #fff;
  border-radius: 16rem;
  text-align: center;
  font-weight: 600;
  font-size: 18rem;
  line-height: 58rem;
}

/* 확인 코드 입력 */
.popup_staff .pop_body {
  position: relative;
}
.popup_staff .pop_body:before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: 66rem;
  height: 80rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1rem solid #ddd;
  border-radius: 16rem;
  box-sizing: border-box;
}
.popup_staff .pop_body.on:before {
  border-color: #333;
}
.popup_staff .pop_body.on .code:before, .popup_staff .pop_body.on .code:after {
  border-color: #333;
}
.popup_staff .code {
  position: relative;
  width: 246rem;
  height: 80rem;
  margin: 20rem auto;
}
.popup_staff .code::before, .popup_staff .code::after {
  content: "";
  display: block;
  position: absolute;
  width: 66rem;
  height: 80rem;
  top: 0;
  right: 0;
  border: 1rem solid #ddd;
  border-radius: 16rem;
  box-sizing: border-box;
}
.popup_staff .code::before {
  left: 0;
}
.popup_staff .code input.exchange {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24rem;
  color: #333;
  font-weight: 600;
  font-size: 28rem;
  line-height: 80rem;
  letter-spacing: 75rem;
  border: 0;
  box-sizing: border-box;
}
.popup_staff .btn_use {
  display: block;
  width: 100%;
  height: 100rem;
  padding: 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);
  box-sizing: border-box;
}
.popup_staff .btn_use button {
  display: block;
  width: 100%;
  height: 56rem;
  background-color: #bb1b39;
  color: #fff;
  border-radius: 16rem;
  font-size: 18rem;
  line-height: 58rem;
  font-weight: 600;
}
.popup_staff .btn_use button:disabled {
  background-color: #bf8993;
  color: #dec1c9;
}
.popup_staff .info_txt {
  margin: 0 20rem 30rem;
  padding-left: 15rem;
  color: #999;
  font-size: 13rem;
  line-height: 18rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_info.png") no-repeat left top 3rem/12rem 12rem;
}

.popup.popup_month .popup_container .pop_header,
.popup.popup_month_mvp .popup_container .pop_header,
.popup.popup_month_prize .popup_container .pop_header {
  padding: 0 20rem;
}
.popup.popup_month .popup_container .pop_header .close button,
.popup.popup_month_mvp .popup_container .pop_header .close button,
.popup.popup_month_prize .popup_container .pop_header .close button {
  width: 24rem;
  height: 24rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_header_close.png") no-repeat center center/24remr 24rem;
  font-size: 0;
  line-height: 0;
  text-indent: -9999rem;
}
.popup.popup_month .popup_container .swiper_option,
.popup.popup_month_mvp .popup_container .swiper_option,
.popup.popup_month_prize .popup_container .swiper_option {
  position: relative;
  overflow: hidden;
  height: 240rem;
}
.popup.popup_month .popup_container .swiper_option::after,
.popup.popup_month_mvp .popup_container .swiper_option::after,
.popup.popup_month_prize .popup_container .swiper_option::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 96rem;
  left: 0;
  width: 100%;
  height: 48rem;
  background-color: #f5f5f5;
}
.popup.popup_month .popup_container .swiper_option .swiper-slide,
.popup.popup_month_mvp .popup_container .swiper_option .swiper-slide,
.popup.popup_month_prize .popup_container .swiper_option .swiper-slide {
  height: 48rem;
  line-height: 48rem;
  text-align: center;
  font-size: 16rem;
  color: #999;
}
.popup.popup_month .popup_container .swiper_option .swiper-slide.swiper-slide-active,
.popup.popup_month_mvp .popup_container .swiper_option .swiper-slide.swiper-slide-active,
.popup.popup_month_prize .popup_container .swiper_option .swiper-slide.swiper-slide-active {
  color: #333;
}
.popup.popup_month .popup_container .btn_wrap,
.popup.popup_month_mvp .popup_container .btn_wrap,
.popup.popup_month_prize .popup_container .btn_wrap {
  position: static;
  padding: 20rem 0;
  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_month .popup_container .btn_wrap button,
.popup.popup_month_mvp .popup_container .btn_wrap button,
.popup.popup_month_prize .popup_container .btn_wrap button {
  width: calc(100% - 40rem);
  margin-bottom: 0;
}

.popup.popup_change .popup_container {
  max-height: calc(100% - 120rem);
  padding: 0;
}
.popup.popup_change .popup_container .pop_header {
  padding: 0 20rem;
}
.popup.popup_change .popup_container .pop-scroll {
  padding: 0 20rem;
}
.popup.popup_change .coupon_list {
  margin-top: 4rem;
}
.popup.popup_change .coupon_list li {
  position: relative;
}
.popup.popup_change .coupon_list li + li {
  margin-top: 10rem;
}
.popup.popup_change .coupon_list li input {
  position: absolute;
  width: 1rem;
  height: 1rem;
  appearance: none;
  border: 0;
}
.popup.popup_change .coupon_list li input:checked + label {
  background-image: url("/e/kms/assets/images/event/2025/EC250006/icon_radio_checked.png");
}
.popup.popup_change .coupon_list li label {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8rem;
  padding: 16rem;
  min-height: 95rem;
  border: 1rem solid #e2e2e2;
  border-radius: 24rem;
  background: url("/e/kms/assets/images/event/2025/EC250006/icon_radio.png") no-repeat center right 16rem/24rem 24rem;
  background-color: #fff;
  box-sizing: border-box;
}
.popup.popup_change .coupon_list li label img {
  display: block;
  width: 60rem;
  height: 44rem;
}
.popup.popup_change .coupon_list li label .box {
  display: block;
  width: 180rem;
  text-align: left;
}
.popup.popup_change .coupon_list li label .box .brand {
  display: block;
  margin-bottom: 4rem;
  color: #999;
  font-size: 12rem;
  line-height: 16rem;
}
.popup.popup_change .coupon_list li label .box .name {
  display: block;
  color: #333;
  font-size: 14rem;
  font-weight: 600;
}
.popup.popup_change .coupon_list li label .box .period {
  display: block;
  margin-top: 5rem;
  font-size: 13rem;
  line-height: 18rem;
  color: #666;
}
.popup.popup_change .coupon_list li label .box .period span {
  padding-right: 6rem;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  color: #bb1b39;
}
.popup.popup_change .info_notice {
  margin: 24rem 0 110rem;
}
.popup.popup_change .info_notice li {
  position: relative;
  padding-left: 9rem;
  color: #888;
  font-size: 13rem;
  line-height: 20rem;
  letter-spacing: -0.33rem;
}
.popup.popup_change .info_notice li + li {
  margin-top: 4rem;
}
.popup.popup_change .info_notice li::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  left: 0;
  background-color: #bbb;
  top: 7rem;
}
.popup.popup_change .check_btn {
  z-index: 10;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 100rem;
  width: 100%;
  padding: 20rem;
  box-sizing: border-box;
  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_change .check_btn button {
  display: block;
  width: 100%;
  background-color: #bb1b39;
  color: #fff;
  border-radius: 16rem;
  text-align: center;
  font-weight: 600;
  font-size: 18rem;
  line-height: 56rem;
}
.popup.popup_change .check_btn button:disabled {
  background-color: #bf8993;
  color: #dec1c9;
}

.popup.popup_collect .login_guide table {
  width: 100%;
  border-bottom: 1rem solid #8a8a8a;
  margin-bottom: 10rem;
}
.popup.popup_collect .login_guide table th {
  font-weight: 400;
  background-color: #dee3ec;
  font-size: 12rem;
  color: #303030;
  padding: 8rem 10rem;
  text-align: left;
  border-top: 1rem solid #8a8a8a;
  width: 50%;
}
.popup.popup_collect .login_guide table td {
  padding: 8rem 10rem;
  font-size: 12rem;
  color: #303030;
  text-align: left;
  border-top: 1rem solid #8a8a8a;
}
.popup.popup_collect .login_guide .guide_info {
  padding-bottom: 8rem;
}
.popup.popup_collect .login_guide .guide_info li {
  position: relative;
  padding: 0 20rem 3rem 10rem;
  line-height: 16rem;
  font-size: 12rem;
  color: #666;
}
.popup.popup_collect .login_guide .guide_info li::before {
  content: "";
  position: absolute;
  top: 6rem;
  left: 5rem;
  width: 3rem;
  height: 3rem;
  background-color: #bbb;
  border-radius: 50%;
}
.popup.popup_collect .essential_wrap {
  margin-bottom: 16rem;
  border: 1rem solid #ddd;
  border-radius: 10rem;
}
.popup.popup_collect .essential_wrap .radio {
  display: flex;
  gap: 54rem;
}
.popup.popup_collect .essential_wrap .radio input {
  display: none;
}
.popup.popup_collect .essential_wrap .radio input:checked + label::before {
  border: 1rem solid #212266;
}
.popup.popup_collect .essential_wrap .radio input:checked + label::after {
  background-color: #212266;
}
.popup.popup_collect .essential_wrap .radio label {
  position: relative;
  line-height: 20rem;
  padding-left: 28rem;
  font-size: 16rem;
  color: #333;
}
.popup.popup_collect .essential_wrap .radio label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20rem;
  height: 20rem;
  box-sizing: border-box;
  border: 1rem solid #c7c7c7;
  border-radius: 50%;
}
.popup.popup_collect .essential_wrap .radio label::after {
  content: "";
  position: absolute;
  top: 5rem;
  left: 5rem;
  width: 10rem;
  height: 10rem;
  background-color: #eee;
  border-radius: 50%;
  box-sizing: border-box;
}
.popup.popup_collect .essential_wrap .title_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16rem 20rem;
  border-bottom: 1rem solid #ddd;
}
.popup.popup_collect .essential_wrap .title_wrap .title_essential {
  font-weight: 600;
  font-size: 14rem;
  color: #333;
}
.popup.popup_collect .essential_wrap .title_wrap .radio {
  display: flex;
  gap: 16rem;
}
.popup.popup_collect .essential_wrap .title_wrap .radio label {
  position: relative;
  line-height: 17rem;
  padding-left: 22rem;
  font-size: 12rem;
}
.popup.popup_collect .essential_wrap .title_wrap .radio label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16rem;
  height: 16rem;
  box-sizing: border-box;
  border: 1rem solid #c7c7c7;
  border-radius: 50%;
}
.popup.popup_collect .essential_wrap .title_wrap .radio label::after {
  content: "";
  position: absolute;
  top: 4rem;
  left: 4rem;
  width: 8rem;
  height: 8rem;
  box-sizing: border-box;
  background-color: #eee;
  border-radius: 50%;
}
.popup.popup_collect .essential_wrap .contents {
  padding: 16rem 20rem 25rem;
}
.popup.popup_collect .essential_wrap .contents .content {
  display: flex;
  gap: 8rem;
  padding-bottom: 26rem;
}
.popup.popup_collect .essential_wrap .contents .content .icon {
  height: 20rem;
  padding: 0 8rem;
  background-color: #1998e9;
  border-radius: 4rem;
  line-height: 20rem;
  font-size: 10rem;
  color: #fff;
}
.popup.popup_collect .essential_wrap .contents .content .text {
  flex: 1;
  font-size: 14rem;
  line-height: 20rem;
  color: #888;
}
.popup.popup_collect .grade_guide {
  margin-bottom: 40rem;
  padding: 20rem;
  border: 1rem solid #ddd;
  border-radius: 10rem;
}
.popup.popup_collect .grade_guide .title_guide {
  padding-bottom: 20rem;
  font-weight: 600;
  font-size: 14rem;
  color: #333;
}
.popup.popup_collect .grade_guide .grade {
  display: flex;
  height: 33rem;
  margin-bottom: 16rem;
}
.popup.popup_collect .grade_guide .grade li {
  width: 20%;
  text-align: center;
  line-height: 32rem;
  font-size: 12rem;
  color: #fff;
}
.popup.popup_collect .grade_guide .grade li:nth-child(1) {
  background: #1998e9;
  border-radius: 32rem 0 0 32rem;
}
.popup.popup_collect .grade_guide .grade li:nth-child(2) {
  background: #17db6b;
  font-size: 11rem;
}
.popup.popup_collect .grade_guide .grade li:nth-child(3) {
  background: #dec40d;
}
.popup.popup_collect .grade_guide .grade li:nth-child(4) {
  background: #fb9527;
}
.popup.popup_collect .grade_guide .grade li:nth-child(5) {
  background: #ea1600;
  border-radius: 0 32rem 32rem 0;
}
.popup.popup_collect .grade_guide .summary {
  font-size: 12rem;
  color: #888;
}
.popup.popup_collect .caution {
  padding-bottom: 8rem;
}
.popup.popup_collect .caution li {
  position: relative;
  padding: 0 0 12rem 11rem;
  line-height: 16rem;
  font-size: 12rem;
  color: #666;
}
.popup.popup_collect .caution li::before {
  content: "";
  position: absolute;
  top: 6rem;
  left: 0;
  width: 3rem;
  height: 3rem;
  background: #bbb;
  border-radius: 50%;
}
.popup.popup_collect .caution li.red {
  color: #bd527e;
}

.popup.popup_collect_agree * {
  vertical-align: middle;
  font-size: 12px;
}