@charset "utf-8";

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/font/Pretendard-Regular.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/font/Pretendard-Regular.woff') format('woff');
}

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{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:#040606;font-size:1.2658vw;letter-spacing:-0.04em}
body,button,input,select,textarea{font-family:'Pretendard','Malgun Gothic','맑은고딕','Apple SD Gothic Neo',Dotum,'돋움',sans-serif;font-size:2.3438vw}
fieldset,img,li{border:0;vertical-align:top}
ol,ul{list-style:none}
button{overflow:visible;border:0;background-color:rgba(0,0,0,0);cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
button,button:active,button:focus,button:hover,a,a:active,a:focus,a:hover{text-decoration:none;-webkit-tap-highlight-color:transparent}
.off{cursor:default}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
button{border:0;background-color:transparent;font-size:0;vertical-align:top;cursor:pointer}
[role="button"] {
  user-select: none;
  cursor: default;
}
img{display:block;width:100%}
.blind,caption span,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:1px;padding:0;clip:rect(0,0,0,0)}
.show{display:block !important}
.scroll_lock{overflow:hidden}
/* 스크롤 */
html, body{scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar}
html::-webkit-scrollbar, body::-webkit-scrollbar{display:none}
body{background:#151f2b}

/* Layout */
.wrap{overflow:hidden;position:relative;margin:0 auto}
.bg_wrap{overflow:hidden;transform:translateZ(0);position:absolute;left:0;top:0;width:100vw}
.header{position:absolute;left:0;top:0;z-index:10;width:100%;height:33.4635vw}
.header .inner {position:relative;margin:0 auto}
.maintenance .header{position: relative; display: flex; align-items: center; justify-content: space-between; height: 13.0208vw; padding: 0 5.7292vw}
.container{width:100vw; height:214.8438vw}
.maintenance .container{height: 184.1146vw}
.content_inner{position: relative; width:88.5417vw; margin:0 auto; text-align:center}

.footer{position:relative;display:flex;align-items: center;justify-content: center;height:10.4167vw;background:#0e0601}
.footer address{color:#595c67;font-weight: 500}

.btn_area{display:flex;justify-content: center;padding: 33.4635vw 0 7.8125vw;}
.btn_gamestart{width:66.4063vw;height:13.2813vw;  background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/btn_gamestart.png) no-repeat 50% 0;background-size:cover}

.swiper_wrap {
  position: relative;
  width: 88.5417vw;
  height: 60.4167vw;
  margin: 0 auto;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/bg_swiper.png) no-repeat 50% 0;
  background-size: contain;
  border-radius: 1.5625vw;
}

.swiper_wrap::after {
  position: absolute;
  top: -2.6042vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: 100vw;
  height: 54.6875vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/bg_shadow.png)  center / 100% auto no-repeat;
  content: "";
  pointer-events: none;
}

.swiper {
  position: relative;
  overflow: hidden;
  width: 88.5417vw;
  height: 49.4792vw;
  border-radius: 1.5625vw;
}

.swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88.5417vw;
  flex-shrink: 0;
}

.swiper-slide img {
  display: block;
}

.swiper-pagination {
  position: absolute;
  bottom: -0.1302vw !important;
  left: 50% !important;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%) !important;
  width:63.8021vw !important;
  height: 10.6771vw;
  box-sizing: border-box;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/bg_indicate.png) 50% 0 no-repeat;
  background-size: cover;
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  width: 2.3438vw !important;
  height: 2.8646vw !important;
  margin: 0 1.9531vw !important;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/sp.png) 100% 0 no-repeat;
  opacity: 1;
  background-size: cover;
}

.swiper-pagination-bullet-active {
  background-position: 0 0 !important;
  opacity: 1;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  bottom: 1.5625vw !important;
  top:auto !important;
  z-index: 10;
  width: 7.5521vw !important;
  height: 7.5521vw !important;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/btn_prev.png) no-repeat;
  background-size: cover;
}

.swiper-button-prev {
  left: 22.9167vw !important;
}

.swiper-button-next {
  right: 22.9167vw !important;
  background-image: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/btn_next.png);
}

.banner_area {
  position: relative;
  z-index: 10;
  width: 88.2813vw;
  height: 14.0625vw;
  margin:9.1146vw auto;
  box-shadow: 0.6667vw 0 0.8vw -0.1vw  rgba(0, 0, 0, 0.4);
}

.banner_area img {
  border-radius: 1.5625vw;
}

.banner_area:after{
  position: absolute;
  left: -0.3906vw;
  top : -0.2604vw;
  width: 90.3646vw;
  height: 16.1458vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/bg_banner.png) no-repeat 50% 0;
  background-size: cover;
  content: "";
  pointer-events: none;
}

.video {
  position: relative;
  width: 88.5417vw;
  height: 50.2604vw;
  margin: 0 auto;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/bg_video.png) no-repeat;
  background-size: cover;
  box-shadow: 0.6667vw 0 0.8vw -0.2vw  rgba(0, 0, 0, 0.4);
}

.video .ifr_youtube {
  position: absolute;
  top: 0.2604vw;
  left: 50%;
  transform: translateX(-50%);
  width: 88.0208vw;
  height: 48.9583vw;
  border: 0;
}

.character{
  position:absolute;right:-5.9896vw;bottom:-18.4896vw;width:35.9375vw;height:58.5938vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/img_character.png) no-repeat 50% 0;background-size:cover;
  pointer-events: none;
}

.maintenance .logo {
  width: 35.9375vw;
  height: 5.4688vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/logo_royalholdem.png) no-repeat 50% 0;
  background-size: cover;
}

.maintenance .btn_back {
  width: 2.8646vw;
  height: 5.2083vw;
  margin:0 2.6042vw 0  auto;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/btn_back.png) no-repeat;
  background-size: cover;
}

.maintenance .content_inner {
  padding-top: 32.9688vw;
}

.maintenance .tit {
  width: 87.7604vw;
  height: 16.1458vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/tit_maintenance01.png) no-repeat 50% 0;
  background-size: cover;
}

.maintenance .txt {
  width: 54.6875vw;
  height: 6.7708vw;
  margin: 3.9063vw auto 6.5104vw;
  background: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/txt_maintenance01.png) no-repeat 50% 0;
  background-size: cover;
}

.maintenance .info_box {
  width: 88.5417vw;
  height: 24.5833vw;
  margin: 0 auto 29.4271vw;
  background:#090a11 url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/bg_maintenance_txt_v2.png) no-repeat 50% 0;
  background-size: contain;
}

.maintenance .info_box :after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2604vw;
  content: "";
  background: #3f4568;
}

.maintenance .info_box ul {
  padding:2.6042vw 2.0833vw 0 21.6146vw;
  text-align: left;
}

.maintenance .info_box li {
  height: 5.7292vw;
  color: #9caded;
  font-size: 3.1250vw;
}
.maintenance .info_detail{
  position: relative;
  overflow-y: auto;
  max-height: 14.9740vw;
  margin-top: 5px;
  line-height: 1.3;
  word-break: break-all;
  white-space: pre-line;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.maintenance .info_detail::after{
  content: "";
  position: sticky;
  display: block;
  bottom: 0;
  height: 32px;
  margin-top: -32px;
  background: linear-gradient(to bottom, rgba(10, 12, 19, 0), rgba(10, 12, 19, 0.92));
  pointer-events: none;
  opacity: 0;
}

.maintenance .info_detail.gradient::after{
  opacity: 1;
}

.maintenance .info_detail:first-child{
  margin-top: 0;
}

/* Popup */
.dimmed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#000;opacity:.6}
.ly_popup,.ly_popup_guide{position:fixed;top:50%;left:50%;z-index:100;box-sizing:border-box}
.ly_popup{width:82.9333vw;height:51.2000vw;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:102;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/landing_202509/mobile/img/ly_alert.png) no-repeat 100% 0;background-size:cover;margin:0 auto;text-align:center}
.pop_cont{margin:0 auto;box-sizing:border-box;color:#2D1606;font-size:4.8000vw}
.pop_cont p{display:flex;align-items:center;justify-content:center;height:31.7333vw;line-height:1.6;font-weight:500}
.ly_popup .btn_comfirm{position:absolute;left:50%;bottom:6.4000vw;transform:translateX(-50%);z-index:101;width:70.1333vw;height:12.8000vw;cursor:pointer}