body[data-v-d8aeebca] {
  --font_basic: #303030;
  --bg_basic: #ebebeb;
  --layer: #fff;
  --font_title: #f85a40;
}
body.basic[data-v-d8aeebca] {
  --font_basic: #303030;
  --bg_basic: #ebebeb;
  --layer: #fff;
  --font_title: #f85a40;
}
body.dark[data-v-d8aeebca] {
  --font_basic: #fff;
  --bg_basic: #101225;
  --layer: #3b3953;
  --font_title: #ffd229;
}
*[data-v-d8aeebca] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
*[data-v-d8aeebca]::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}
body[data-v-d8aeebca] {
  color: var(--font_basic);
  overflow-y: hidden;
}
body.en[data-v-d8aeebca] {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-display: swap;
}
body.en .num_ticket_text[data-v-d8aeebca],
  body.en .total_text[data-v-d8aeebca] {
    font-size: 30px !important;
    font-size: min(2.34375vw, 30px) !important;
}
body.en .notice_box[data-v-d8aeebca] {
    padding-top: 8.75vh;
}
body.en .notice_box.small .notice_title[data-v-d8aeebca] {
      font-size: 50px;
      font-size: min(3.90625vw, 50px);
}
body.en .danger_desc[data-v-d8aeebca],
  body.en .danger_text[data-v-d8aeebca] {
    font-size: 24px !important;
    font-size: min(1.875vw, 24px) !important;
}
body.en .complete_title[data-v-d8aeebca] {
    font-size: 65px !important;
    font-size: min(5.078125vw, 65px) !important;
}
body.en .waiting_text[data-v-d8aeebca] {
    font-size: 30px !important;
    font-size: min(2.34375vw, 30px) !important;
}
body.en .waiting_info_text[data-v-d8aeebca] {
    font-size: 20px !important;
    font-size: min(1.5625vw, 20px) !important;
}
body.en .popup_text_title[data-v-d8aeebca] {
    font-size: 36px !important;
    font-size: min(2.8125vw, 36px) !important;
}
body.en .popup_text[data-v-d8aeebca] {
    padding: 0 5.859375vw;
}
body.en .content_wrap[data-v-d8aeebca] {
    font-size: 55px !important;
    font-size: min(4.296875vw, 55px) !important;
}
body.jp .btn_exit[data-v-d8aeebca] {
  display: block;
}
body.jp[data-v-d8aeebca],
body.cn_simplified[data-v-d8aeebca] {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-display: swap;
}
body.jp .waiting_count[data-v-d8aeebca],
  body.cn_simplified .waiting_count[data-v-d8aeebca] {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-display: swap;
    font-weight: bold;
}
body.jp .start_btn img[data-v-d8aeebca],
  body.cn_simplified .start_btn img[data-v-d8aeebca] {
    margin-bottom: 3.625vh;
}
body.jp .start_btn span[data-v-d8aeebca],
  body.cn_simplified .start_btn span[data-v-d8aeebca] {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-display: swap;
    font-weight: bold;
}
body[data-v-d8aeebca],
p[data-v-d8aeebca] {
  margin: 0;
  padding: 0;
}
h1[data-v-d8aeebca],
h2[data-v-d8aeebca],
h3[data-v-d8aeebca],
h4[data-v-d8aeebca],
h5[data-v-d8aeebca],
h6[data-v-d8aeebca] {
  margin: 0;
}
ul[data-v-d8aeebca],
li[data-v-d8aeebca] {
  margin: 0;
  padding: 0;
}
ul li[data-v-d8aeebca] {
  list-style: none;
}
button[data-v-d8aeebca] {
  border: none;
}
.wrapper_gray[data-v-d8aeebca] {
  background: var(--bg_basic);
  width: 100vw;
  height: 100vh;
}
.wrapper_dark[data-v-d8aeebca] {
  width: 100vw;
  height: 100vh;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.inner_wrap[data-v-d8aeebca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F8F9FA;
  height: 100%;
  width: 100%;
}
.header[data-v-d8aeebca] {
  position: relative;
  padding: 0 20px;
  width: 100%;
  height: 70px;
  background: #F8F9FA;
  border-bottom: 1px solid #B7BEC8;
}
.header h1.title[data-v-d8aeebca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 70px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    color: #000000;
}
.header button[data-v-d8aeebca] {
    border: none;
    background: transparent;
    cursor: pointer;
}
.header button.btn_back[data-v-d8aeebca] {
    position: absolute;
    top: 0;
    left: 20px;
    width: 70px;
    height: 70px;
    border: 0;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.header button.btn_exit[data-v-d8aeebca] {
    position: absolute;
    top: 0;
    right: 20px;
    height: 70px;
    color: #D81B1B;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}
.flag-icon-wrap[data-v-d8aeebca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 42.96875vw;
  padding: 0.75vh;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 2vh;
  background: #2E3137;
}
.flag-icon-wrap .icon[data-v-d8aeebca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 10.546875vw;
    height: 5.6875vh;
}
.flag-icon-wrap .icon.active[data-v-d8aeebca] {
      border-radius: 1.75vh;
      background: #FFF;
}

/* .language_bar {
  display: flex;
  width: 100%;
  height: 56px;
  border-radius: 45px;
  border: solid 3px $white;
  .lang_text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189px;
    height: 100%;
    border-radius: 45px;
    font-size: 27px;
    font-weight: bold;
    color: $white;
    &.active {
      background: $white;
      color: $select;
    }
    &:hover {
      cursor: pointer;
    }
  }
}
.flag-icon-wrap {
  display: flex;
  padding: 8px;
  border-radius: 12px;
  background: $gray_800;
  .icon {
    width: 115px;
    height: 40px;
    padding: 8px 0;
    margin: 0 8px 0 0;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    &.active {
      background: $white;
      box-shadow: 0px 4px 4px rgba(19, 21, 23, 0.25);
    }
    &:last-child {
      margin: 0;
    }
  }
} */

body {
  --font_basic: #303030;
  --bg_basic: #ebebeb;
  --layer: #fff;
  --font_title: #f85a40;
}
body.basic {
  --font_basic: #303030;
  --bg_basic: #ebebeb;
  --layer: #fff;
  --font_title: #f85a40;
}
body.dark {
  --font_basic: #fff;
  --bg_basic: #101225;
  --layer: #3b3953;
  --font_title: #ffd229;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
*::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}
body {
  color: var(--font_basic);
  overflow-y: hidden;
}
body.en {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-display: swap;
}
body.en .num_ticket_text,
  body.en .total_text {
    font-size: 30px !important;
    font-size: min(2.34375vw, 30px) !important;
}
body.en .notice_box {
    padding-top: 8.75vh;
}
body.en .notice_box.small .notice_title {
      font-size: 50px;
      font-size: min(3.90625vw, 50px);
}
body.en .danger_desc,
  body.en .danger_text {
    font-size: 24px !important;
    font-size: min(1.875vw, 24px) !important;
}
body.en .complete_title {
    font-size: 65px !important;
    font-size: min(5.078125vw, 65px) !important;
}
body.en .waiting_text {
    font-size: 30px !important;
    font-size: min(2.34375vw, 30px) !important;
}
body.en .waiting_info_text {
    font-size: 20px !important;
    font-size: min(1.5625vw, 20px) !important;
}
body.en .popup_text_title {
    font-size: 36px !important;
    font-size: min(2.8125vw, 36px) !important;
}
body.en .popup_text {
    padding: 0 5.859375vw;
}
body.en .content_wrap {
    font-size: 55px !important;
    font-size: min(4.296875vw, 55px) !important;
}
body.jp .btn_exit {
  display: block;
}
body.jp,
body.cn_simplified {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-display: swap;
}
body.jp .waiting_count,
  body.cn_simplified .waiting_count {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-display: swap;
    font-weight: bold;
}
body.jp .start_btn img,
  body.cn_simplified .start_btn img {
    margin-bottom: 3.625vh;
}
body.jp .start_btn span,
  body.cn_simplified .start_btn span {
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-display: swap;
    font-weight: bold;
}
body,
p {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
button {
  border: none;
}
.wrapper_gray {
  background: var(--bg_basic);
  width: 100vw;
  height: 100vh;
}
.wrapper_dark {
  width: 100vw;
  height: 100vh;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.inner_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F8F9FA;
  height: 100%;
  width: 100%;
}
.header {
  position: relative;
  padding: 0 20px;
  width: 100%;
  height: 70px;
  background: #F8F9FA;
  border-bottom: 1px solid #B7BEC8;
}
.header h1.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 70px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    color: #000000;
}
.header button {
    border: none;
    background: transparent;
    cursor: pointer;
}
.header button.btn_back {
    position: absolute;
    top: 0;
    left: 20px;
    width: 70px;
    height: 70px;
    border: 0;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.header button.btn_exit {
    position: absolute;
    top: 0;
    right: 20px;
    height: 70px;
    color: #D81B1B;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}
.maintenance-wrap {
  width: 100%;
  height: 800px;
  overflow: hidden;
}
.maintenance-wrap iframe {
    -webkit-transform: scale(2);
            transform: scale(2);
}
.version-wrap {
  position: absolute;
  bottom: 5px;
  left: 10px;
  z-index: 999;
}
.language-bar-container {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.language-bar-wrapper {
  margin-bottom: 0;
  -webkit-animation: slideDown 0.3s ease;
          animation: slideDown 0.3s ease;
}
.language-toggle-button {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2E3137;
  border-radius: 0 0 12px 12px;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.language-toggle-button::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffffff;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.language-toggle-button.is-open::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.language-toggle-button:hover {
    background: #3a3d44;
    opacity: 0.6;
}
@-webkit-keyframes slideDown {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideDown {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.slide-down-enter-active,
.slide-down-leave-active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}