@charset "utf-8";
/* 750px viewport 기준 · 1vw = 7.5px · px ÷ 7.5 = vw */

@font-face {
  font-family: 'Pretendard';
  src: url(../../../font/Pretendard-Regular.woff2) format('woff2'),
  url(../../../font/Pretendard-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url(../../../font/Pretendard-Medium.woff2) format('woff2'),
  url(../../../font/Pretendard-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url(../../../font/Pretendard-SemiBold.woff2) format('woff2'),
  url(../../../font/Pretendard-SemiBold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

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

@font-face {
  font-family: 'Pretendard';
  src: url(../../../font/Pretendard-ExtraBold.woff2) format('woff2'),
  url(../../../font/Pretendard-ExtraBold.woff) format('woff');
  font-weight: 800;
  font-style: normal;
}

/* Variables */
:root {
  /* Color */
  --c-primary: #4ee8ff;
  --c-secondary: #6d7d9b;
  --c-tertiary: #49a299;
  --c-quaternary: #85bab3;
  --bg: #181b24;
  --bg-tab: #1d3b8b;
  --bg-footer: #0f1116;

  --c-title: #1af7ff;
  --c-satellite: #3bf0ae;
  --c-mainevent: #4ee8ff;
  --c-date: #6a95dc;
  --c-highlight: #fff99f;
  --c-em: #ffe574;
  --c-divider: #3d4658;
  --c-bar: #2f524f;

  --c-label: #8aa1d0;
  --c-strong: #dee9ff;
  --c-notice: #a2acc0;
  --c-desc: #606c85;
  --c-round: #49a299;
  --c-time: #85bab3;
  --c-location: #54b2d1;
  --c-location-sub: #8cc7e0;
  --c-heading: #98b4ef;
  --c-num: #6d7d9b;
  --c-tip: #4d618a;
  --c-sat-desc: #e9fff9;
  --c-bullet: #90a3c7;
  --c-tbl-th: #8aa1d0;
  --c-tbl-td: #dee9ff;

  /* Font Weight */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Font Size · 750vp 기준 */
  --fs-xs: 2.667vw; /* 20px */
  --fs-sm: 3.2vw; /* 24px */
  --fs-nm: 3.467vw; /* 26px */
  --fs-md: 3.6vw; /* 27px */
  --fs-lg: 3.733vw; /* 28px */
  --fs-xl: 3.867vw; /* 29px */
  --fs-2xl: 4vw; /* 30px */
  --fs-3xl: 4.087vw; /* 30.65px */
  --fs-4xl: 4.133vw; /* 31px */
  --fs-5xl: 4.267vw; /* 32px */
  --fs-6xl: 4.4vw; /* 33px */
  --fs-7xl: 4.667vw; /* 35px */
  --fs-8xl: 4.933vw; /* 37px */
  --fs-9xl: 6.667vw; /* 50px */
}

/* Reset */
article, aside, body, button, dd, dialog, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, input, legend, li, main, nav, ol, p, section, select, table, td, textarea, th, ul {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

article, aside, dialog, figure, footer, header, main, nav, section, picture {
  display: block
}

html, body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none
}

html {
  width: 100vw;
  height: 100vh
}

body {
  width: 100vw;
  min-height: 100vh;
  background: var(--bg)
}

body, input, textarea, select, button, table, a {
  font-family: Pretendard, -apple-system, 'Apple SD Gothic Neo', Dotum, '돋움', sans-serif;
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium)
}

img, fieldset, input {
  border: 0
}

img {
  display: block
}

ul, ol {
  list-style: none
}

em, address {
  font-style: normal
}

b, strong {
  font-weight: inherit
}

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

button {
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 0;
  vertical-align: top;
  cursor: pointer
}

a {
  display: block;
  text-decoration: none
}

.blind, caption span, legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0)
}

.off {
  cursor: default
}

/* 스크롤 숨김 */
html, body {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none
}

/* Layout */
header {
  width: 100%
}

footer {
  width: 100%;
  background: var(--bg-footer)
}

.wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background-color: var(--bg)
}

.container_inner {
  width: 100%;
  padding: 6.933vw 0 7.7333vw
}

/* Top Visual */
.top_visual {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 67.467vw
}

.top_visual .visual_scene {
  position: relative;
  display: flex;
  flex-direction: column
}

.top_visual .visual_scene picture {
  position: relative;
  width: 56.8vw;
  height: 34.1333vw;
  margin: 4.2667vw auto 0
}

.top_visual .visual_scene img {
  display: block;
  width: 56.8vw;
  height: 34.1333vw;
  object-fit: contain
}

.bg_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_top_visual.png) no-repeat;
  background-size: cover
}

.bg_video video {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.bg_video::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_videodim_v2.png) no-repeat;
  background-size: cover;
  content: ''
}

.grade {
  position: absolute;
  top: 36vw;
  left: 50%;
  transform: translateX(-50%);
  width: 24vw;
  height: 4.4vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_premium.png) no-repeat;
  background-size: cover
}

/* Event Info */
.event_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  text-align: center
}

.event_date {
  font-size: var(--fs-nm);
  color: var(--c-date);
  transform: skewX(-12deg)
}

.event_prize {
  width: 61.3333vw;
  height: 9.0667vw;
  margin: 6.8vw 0 1.8667vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_15bil_v2.png) no-repeat;
  background-size: cover
}

.event_title {
  color: var(--c-title);
  font-size: 4.4680vw;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  transform: skewX(-12deg)
}

/* Tab Menu */
.tab_menu {
  overflow: hidden;
  height: 16vw;
  background: var(--bg-tab)
}

.tab_menu ul {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto
}

.tab_menu li {
  width: 33.333%;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_tabmenu.png) no-repeat;
  background-size: 300% auto
}

.tab_menu li button {
  width: 100%;
  height: 100%
}

.tab_menu li.tab1 {
  background-position: 0 0
}

.tab_menu li.tab2 {
  background-position: -33.333vw 0
}

.tab_menu li.tab3 {
  background-position: -66.667vw 0
}

.tab_menu li.tab1.on {
  background-position: 0 -16.267vw
}

.tab_menu li.tab2.on {
  background-position: -33.333vw -16.267vw
}

.tab_menu li.tab3.on {
  background-position: -66.667vw -16.267vw
}

/* Container */
.tab_content {
  position: relative;
  display: none;
  width: 100%;
  margin: 0 auto
}

.tab_content.active {
  display: block
}

/* Tab1 - 대회정보 */
.schedule_wrap {
  display: flex;
  flex-direction: column;
  align-items: center
}

.schedule {
  position: relative;
  width: 92vw;
  height: 50.933vw;
  padding: 7.333vw 0 0;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_frame1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center
}

.schedule.mainevent {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_frame2.png)
}

.schedule_title {
  display: block;
  font-size: var(--fs-9xl);
  font-weight: var(--fw-extrabold);
  background: linear-gradient(to top, #c8fff0, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.mainevent .schedule_title {
  background-image: linear-gradient(to top, var(--c-primary), #fff)
}

.schedule_date {
  margin: 0.933vw 0 3.733vw;
  font-size: var(--fs-7xl);
  color: var(--c-satellite)
}

.mainevent .schedule_date {
  color: var(--c-primary)
}

.game_mode {
  position: absolute;
  top: 2.133vw;
  left: 2.133vw;
  width: 16vw;
  height: 6.667vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/icon_online.png) no-repeat;
  background-size: cover
}

.game_mode.offline {
  width: 17.333vw;
  height: 6.667vw;
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/icon_offline.png)
}

.game_status {
  position: absolute;
  top: 25.067vw;
  left: 50%;
  transform: translateX(-50%);
  width: 18.267vw;
  height: 4.4vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_ongoing.png) no-repeat;
  background-size: cover
}

.game_status.upcoming {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_upcoming.png)
}

.game_status.finish {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_finish.png)
}

.mainevent .game_status.ongoing {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_ongoing2.png)
}

.mainevent .game_status.upcoming {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_upcoming2.png)
}

.mainevent .game_status.finish {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/txt_finish2.png)
}

.time_list {
  position: absolute;
  top: 32.133vw;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap: 2.133vw;
  width: 66.667vw;
  margin: 0 auto 0
}

.time_list::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 1.8vw;
  bottom: 1.667vw;
  transform: translateX(-50%);
  width: 0.267vw;
  background: var(--c-bar);
  box-shadow: 0 0 0 0.5px rgb(43, 68, 69)
}

.time_list li {
  display: flex;
  align-items: center;
  gap: 2.133vw;
  padding: 0.4vw 1.733vw;
  color: var(--c-tertiary);
  font-size: var(--fs-2xl);
  text-align: right
}

.time_list li:nth-child(odd) {
  justify-content: flex-end
}

.time_list .time {
  color: var(--c-quaternary)
}

.location {
  position: absolute;
  top: 33.333vw;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  padding-left: 8.533vw;
  font-size: var(--fs-5xl);
  color: var(--c-location)
}

.location::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6vw;
  height: 9.2vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/icon_map.png) no-repeat center;
  background-size: cover
}

.location strong {
  display: block;
  color: var(--c-location-sub)
}

.howto {
  width: 92vw;
  height: 222.667vw;
  margin: 4vw auto 0;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_tab1_v2.png) no-repeat;
  background-size: cover
}

.step_list {
  padding: 15.333vw 9.333vw 0
}

.step_list li {
  display: flex;
  height: 57.867vw;
  margin-bottom: 5.333vw;
  padding: 13.333vw 0 0;
  color: var(--c-label);
  font-size: var(--fs-8xl);
  letter-spacing: -0.02em
}

.step_list li:nth-child(2) {
  height: 60.8vw
}

.step_list li:nth-child(3) {
  height: 63.467vw;
  margin-bottom: 5.0vw
}

.step_info b {
  color: var(--c-strong);
  font-weight: var(--fw-medium)
}

.arw {
  display: inline-block;
  width: 1.733vw;
  height: 1.733vw;
  margin: 0 0.8vw 0.267vw 0;
  border-top: 0.4vw solid var(--c-strong);
  border-right: 0.4vw solid var(--c-strong);
  transform: rotate(45deg);
  vertical-align: middle
}

.step_desc {
  font-size: var(--fs-3xl);
  color: var(--c-desc);
  line-height: 1.6
}

.howto_notice {
  color: var(--c-tip);
  font-size: var(--fs-xl);
  text-align: center
}

/* Tab2 - 새틀라이트 */
.tab_content.tab2 {
  width: 92vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_tab2.png) no-repeat;
  background-size: cover
}

.satellite_info {
  overflow: hidden;
  position: relative;
  height: 52vw;
  padding: 7.067vw 0 0 30vw
}

.satellite_info .desc {
  color: var(--c-sat-desc);
  font-size: var(--fs-6xl);
  line-height: 5.867vw
}

.satellite_info .desc b {
  color: var(--c-highlight)
}

.info_list {
  position: absolute;
  top: 21.733vw;
  left: 8vw;
  color: var(--c-quaternary);
  font-size: var(--fs-lg)
}

.info_list li {
  margin-bottom: 0.267vw
}

.info_list .label {
  display: inline-block;
  width: 7.333vw;
  color: var(--c-tertiary)
}

.tbl_wrap {
  overflow: hidden;
  height: 119.2vw
}

.tbl {
  position: relative;
  width: 86.667vw;
  height: 90.667vw;
  margin: 0 auto 1.333vw;
  color: var(--c-tbl-td);
  font-size: var(--fs-md)
}

.tab2 .tbl tr:first-child {
  height: 10.4vw
}

.tab2 .tbl tr:last-child {
  height: 15.733vw
}

.tab2 .tbl tr:last-child td {
  padding-bottom: 0.8vw;
  line-height: 4.933vw
}

.tab2 .tbl tr:last-child td em:first-of-type {
  margin-right: 0.267vw
}

.tab2 .tbl td em {
  margin-right: 0.667vw
}

.tab2 .tbl tr:last-child .bar {
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  background: none;
  box-shadow: none
}

.tbl th {
  padding-left: 4.133vw;
  color: var(--c-tbl-th);
  font-weight: var(--fw-semibold);
  text-align: left
}

.tbl td {
  padding-left: 4.8vw
}

.tbl em {
  color: var(--c-em)
}

.bar {
  display: inline-block;
  width: 0.133vw;
  height: 2.267vw;
  margin: 0 0.533vw 0 0.4vw;
  background: var(--c-bar);
  box-shadow: 0 0 0 0.5px rgb(41, 71, 72);
  vertical-align: 0
}

.tbl .bar {
  display: none;
  height: 1vw;
  margin: 0 1.333vw 0 1.2vw;
  background: transparent;
  box-shadow: none;
  vertical-align: -0.267vw
}

/* Tab3 - 메인이벤트 */
.tab_content.tab3 {
  width: 92vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_tab3.png) no-repeat;
  background-size: cover
}

.tab_content.tab3.day1 {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_tab3_day1.png)
}

.schedule_day {
  display: none
}

.tab3.day1 .schedule_day.day1, .tab3.day2 .schedule_day.day2, .tab3.final .schedule_day.final {
  display: block
}

.tbl.offline {
  width: 86.667vw;
  height: 42.667vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_tab3_tbl.png) no-repeat;
  background-size: cover
}

.day1 .tbl {
  margin-bottom: 6.4vw
}

.day1 .schedule_day {
  isolation: isolate
}

.day1 .round_info:nth-of-type(3) {
  position: relative;
  z-index: 0;
  padding: 7.2vw 0 0;
  margin-top: 8.8vw
}

.day1 .round_info:nth-of-type(3)::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 86.667vw;
  height: 0.8vw;
  z-index: -1;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_dot.png) no-repeat;
  background-size: cover
}

.tab3 .tbl_wrap {
  height: 119.867vw
}

.tab3.day1 .tbl_wrap {
  height: 317.2vw
}

.round_date .turbo {
  isolation: isolate;
  position: relative;
  display: inline-block;
  margin-left: 0.8vw
}

.round_date .turbo::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0.267vw;
  bottom: 0.267vw;
  z-index: -1;
  background: #4059ee
}

.round_info {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: var(--c-strong);
  font-size: var(--fs-8xl);
  font-weight: var(--fw-semibold)
}

.round_info strong {
  font-weight: var(--fw-semibold)
}

.round_info .reward, .round_info .prize {
  margin: 1.333vw 0 2.133vw;
  color: #e3a84b;
  font-size: var(--fs-xl)
}

.round_info .reward em {
  color: #f3d18f
}

.day1 .round_info .reward, .day1 .round_info .prize {
  color: #5688d8
}

.day1 .round_info .reward em {
  color: #8ca8e0
}

.round_list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 73.333vw;
  height: 12vw;
  margin: 16.4vw auto 6.4vw;
  border-radius: 1.333vw;
  background-color: rgba(22, 27, 37, 0.6);
  overflow: hidden
}

.round_list li {
  position: relative;
  width: 24vw;
  height: 10.667vw
}

round_list li:nth-of-type(2) {
  width: 24.5333vw
}

.round_list li:nth-of-type(2)::before, .round_list li:nth-of-type(2)::after {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 0;
  transform: translateY(-50%);
  width: 0.267vw;
  height: 6.933vw;
  background: #1d3b51
}

.round_list li:nth-of-type(2)::before {
  left: 0
}

.round_list li:nth-of-type(2)::after {
  right: 0
}

.round_list li.selected::before, .round_list li.selected::after {
  display: none
}

.round_list li.selected button {
  color: #9ffffe
}

.round_list::before {
  content: '';
  position: absolute;
  top: 50%;
  left: var(--slider-x, 0px);
  z-index: 9;
  transform: translateY(-50%);
  width: var(--slider-w, 0px);
  height: 10.667vw;
  border-radius: 0.667vw;
  border: 0.4vw solid #258eaf;
  background-image: -webkit-linear-gradient(90deg, rgba(36, 126, 152) 0%, rgb(36, 126, 152) 100%);
  transition: left 0.3s ease, width 0s;
  pointer-events: none;
  box-sizing: border-box
}

.round_list button {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  font-size: var(--fs-7xl);
  color: #548296;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .15)
}

.btn_game, .btn_gameinfo, .btn_join {
  display: block;
  width: 81.067vw;
  height: 15.2vw;
  margin: 4.8vw auto 0;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_game.png) no-repeat;
  background-size: 100% 100%
}

.btn_gameinfo {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_gameinfo.png)
}

.btn_join {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_join.png)
}

.btn_game.off {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_game_off.png)
}

.btn_gameinfo.off {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_gameinfo_off.png)
}

.btn_join.off {
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_join_off.png)
}

/* Notice */
.notice_wrap {
  padding: 4.533vw 5.333vw 6.4vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_notice.png) 0 100% repeat-y;
  background-size: cover
}

.notice_wrap h3 {
  margin: 0 0 1.733vw;
  color: var(--c-heading);
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold)
}

.notice_list > li {
  position: relative;
  margin-bottom: 0.8vw;
  padding-left: 2.133vw;
  color: var(--c-notice);
  font-size: var(--fs-md);
  line-height: 4.64vw;
  letter-spacing: -0.063vw
}

.notice_list > li::before {
  position: absolute;
  left: 0;
  top: 2vw;
  width: 0.667vw;
  height: 0.667vw;
  background: var(--c-bullet);
  border-radius: 50%;
  content: ''
}

.notice_list > li.caution {
  color: #bdc9e3;
  font-weight: var(--fw-bold)
}

.notice_list > li.caution::before {
  background: #bdc9e3
}

.notice_wrap .num {
  counter-reset: num;
  margin-top: 1.067vw
}

.notice_wrap .num li {
  margin-bottom: 0;
  counter-increment: num;
  color: var(--c-secondary);
  font-size: var(--fs-sm)
}

.notice_wrap .num li::before {
  display: inline;
  position: static;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  content: counter(num) ') '
}

.warn {
  color: var(--c-secondary);
  font-size: var(--fs-lg)
}

.dash li {
  margin-bottom: 0.267vw;
  color: var(--c-secondary);
  font-size: var(--fs-sm)
}

.dash li::before {
  display: inline;
  position: static;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  content: '- '
}

/* Footer */
.footer_info {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 28.267vw;
  margin: 0 auto;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/bg_footer.png) no-repeat;
  background-size: cover
}

.footer_info a {
  display: block;
  height: 12.267vw
}

.btn_inquiry {
  width: 38.533vw
}

.footer_info .btn_kakao {
  flex: 1
}

.footer_organizer {
  display: none
}

/* Copyright */
.copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12vw;
  background: #000
}

.copyright p {
  font-size: var(--fs-nm);
  color: rgba(195, 199, 218, 0.3)
}

/* Floating Banner */
.btn_download {
  position: fixed;
  right: 2.667vw;
  top: min(90.4vw, calc(100vh - 18.4vw));
  z-index: 200;
  width: 23.733vw;
  height: 28.133vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt4/btn_setup_download.png) no-repeat;
  background-size: cover
}

.btn_download .btn_app {
  position: absolute;
  top: 0;
  left: 1.2vw;
  width: 21.467vw;
  height: 25.067vw
}

.btn_download .btn_close {
  position: absolute;
  top: 0.933vw;
  right: 2.133vw;
  width: 4.533vw;
  height: 4.533vw;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 1
}

@media (orientation: landscape) {
  .btn_download {
    top: 0
  }
}