@charset "utf-8";

/* font */
@font-face {
  font-family:'hangamePoker';
  font-weight:400;
  font-style:normal;
  src:url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-Regular.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'hangamePoker';
  font-weight:500;
  font-style:normal;
  src:url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-Medium.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-Medium.ttf') format('truetype');
}
@font-face {
  font-family:'hangamePoker';
  font-weight:700;
  font-style:normal;
  src:url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-SemiBold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family:'hangamePoker';
  font-weight:900;
  font-style:normal;
  src:url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-Bold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/HangamePoker-Bold.ttf') format('truetype');
}
@font-face {
  font-family:'pretendard';
  font-weight:400;
  src:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-regular.eot);
  src:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-regular.eot?#iefix) format('embedded-opentype'),
  url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-regular.woff) format('woff'),
  url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-regular.ttf)  format('truetype');
}
@font-face {
  font-family:'pretendard';
  font-weight:600;
  src:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-semibold.eot);
  src:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-semibold.eot?#iefix) format('embedded-opentype'),
  url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-semibold.woff) format('woff'),
  url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-semibold.ttf)  format('truetype');
}
@font-face {
  font-family:'pretendard';
  font-weight:800;
  src:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-extrabold.eot);
  src:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-extrabold.eot?#iefix) format('embedded-opentype'),
  url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-extrabold.woff) format('woff'),
  url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/pretendard-extrabold.ttf)  format('truetype');
}
/* 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;-webkit-box-sizing:border-box;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;height:53.797vw;min-height:100vh;background:#000;font-size:1.2658vw}
body,button,input,select,textarea{font-family:'hangamePoker','Malgun Gothic','맑은고딕','Apple SD Gothic Neo',Dotum,'돋움',sans-serif;font-size:.641vw}
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}
table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0}
img{display:inline-block;width:100%}
.blind,caption span,legend{overflow:hidden;position:absolute;width:.0791vw;height:.0791vw;margin:-.0791vw;padding:0;clip:rect(0,0,0,0)}
button,button:active,button:focus,button:hover,
a,a:active,a:focus,a:hover{text-decoration:none;/* -webkit-tap-highlight-color :transparent */}
strong, em{font-weight:400}

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

/* layout */
.wrap{overflow:hidden;position:relative;min-height:359.3333vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg.jpg) top center / 100% no-repeat;box-sizing:border-box}
.container{position:relative;z-index:10;width:92vw;min-height:315.4667vw;margin:0 auto;padding-top:65.0667vw}
.bx_btn_floating{position:fixed;top:1.5vw;right:1.5vw;z-index:100;width:20.8vw;height:24vw;border-radius:2.6667vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_floating.png) center / 100% auto no-repeat;box-shadow:.6667vw .6667vw 3.7333vw 1.6vw rgba(0, 0, 0, 0.28)}
.btn_floating{display:block;width:100%;height:100%}
.btn_close_floating{position:absolute;top:0;right:0;width:6vw;height:6vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/blank.gif)}
.point_txt{color:#ffdf2a}
.tit_place{position:absolute;top:42vw;left:50%;z-index:11;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:radial-gradient(circle at 50%, #fff9e5, #fbdf8a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:3.3333vw;font-weight:900;line-height:1;color:#fbdf8a}

/* tab */
.tab_lst{height:18.9333vw;margin:8vw auto 0;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_tab.png) center / auto 100% no-repeat}
.tab_lst:after{display:block;clear:both;content:''}
.tab_item{float:left;width:33.33333%;height:100%}
.tab_item.is_active{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_tab_btn.png) center / 29.0667vw auto no-repeat}
.tab_item .tab{display:block;width:100%;height:100%;cursor:pointer}
.tab_item_1 .tab:before{display:block;width:18.8vw;height:4.4vw;margin:0 auto;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_tab_1.png) center / 18.8vw auto no-repeat;content:''}
.tab_item_2 .tab:before{display:block;width:22vw;height:4.4vw;margin:0 auto;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_tab_2.png) center / 22vw auto no-repeat;content:''}
.tab_item_3 .tab:before{display:block;width:23.3333vw;height:4.4vw;margin:0 auto;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_tab_3.png) center / 23.3333vw auto no-repeat;content:''}

/* tab content */
.tab_content{display:none;position:relative;margin-top:4vw}
.tab_content.is_active{display:block}

.notice_bx{position:absolute;left:0;width:100%;padding:8vw 4.6667vw 0}
.notice_bx .notice_tit{font-size:4.2667vw;font-weight:500;line-height:1;color:#e7edfd}
.notice_bx .notice_lst{margin-top:5.0667vw}
.notice_bx .notice_item{position:relative;padding-left:2.1333vw;font-size:3.4667vw;line-height:5.2vw;color:#e7edfd;letter-spacing:-0.0267vw;word-break:keep-all}
.notice_bx .notice_item:before{position:absolute;top:2.1333vw;left:0;width:.8vw;height:.8vw;border-radius:50%;background-color:#e7edfd;content:''}
.notice_bx .notice_item + .notice_item{margin-top:2.6667vw}
.notice_bx .notice_item .txt_sub{font-size:3.2vw;line-height:4.4vw;opacity:0.8}
.inner_lst{margin-top:1.3333vw}
.inner_lst .inner_item{font-size:3.2vw;line-height:4.9333vw;opacity:0.8}

.area_event_link:after{display:block;clear:both;content:''}
.area_event_link .btn_link{display:block;overflow:hidden;position:relative;width:100%;height:48vw;border-radius:2vw;box-shadow:0 0 1.3333vw .1333vw rgba(0, 0, 0, 0.28);cursor:pointer}
.area_event_link .btn_link_1{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_online.png) center / 100% auto no-repeat}
.area_event_link .btn_link_2{margin-top:4vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_offline.png) center / 100% auto no-repeat}
.area_event_link .flag{position:absolute;top:6.2667vw;left:6.4vw;width:24.4vw;height:7.0667vw}
.area_event_link .txt_date{position:absolute;top:27.7333vw;left:6.4vw;font-size:3.7333vw;font-weight:700;line-height:1;color:#ebeef5;letter-spacing:-0.1333vw}
.area_event_link .game_lst{position:absolute;top:35.6vw;left:6.4vw}
.area_event_link .game_lst:after{display:block;clear:both;content:''}
.area_event_link .game_lst .game_item{float:left;font-size:0;letter-spacing:-0.2vw}
.area_event_link .game_lst .game_item + .game_item:after{float:left;margin:0 1.8667vw;font-size:3.6vw;line-height:1;color:#ebeef5;opacity:0.5;content:'|'}
.area_event_link .game_lst .game_round{font-size:3.6vw;font-weight:700;line-height:1;color:#ebeef5}
.area_event_link .game_lst .game_time{margin-left:1.8667vw;font-size:3.6vw;line-height:1;color:#ebeef5}

.area_howto{position:relative;margin-top:6.6667vw}
.area_howto .howto_item{position:absolute;left:0;width:100%;font-size:0;text-align:center}
.area_howto .howto_item_1{top:68vw}
.area_howto .howto_item_2{top:138.4vw}
.area_howto .howto_item_3{top:222.6667vw}
.area_howto .step{display:block;font-size:4.2667vw;font-weight:700;line-height:9.3333vw;color:#b8c5f3}
.area_howto .step_txt{margin-top:2.4vw;font-size:4.5333vw;font-weight:400;line-height:5.8667vw;color:#eaf0ff;letter-spacing:-0.1333vw}
.area_howto .step_sub_txt{display:block;margin-top:2.1333vw;font-size:3.2vw;font-weight:400;line-height:4.8vw;color:#eaf0ff}
.area_howto .txt{position:absolute;bottom:16vw;left:0;width:100%;font-size:4vw;line-height:5.7333vw;color:#eaf0ff;text-align:center}

.tab_content_2 .txt{position:absolute;top:10vw;left:36.6667vw;font-size:3.8667vw;font-weight:500;line-height:5.6vw;color:#e7edfd;letter-spacing:-0.0267vw}
.tab_content_2 .date{position:absolute;top:25.6vw;left:49.3333vw;font-size:3.0667vw;line-height:1;color:#e7edfd;letter-spacing:-0.0267vw}
.tab_content_2 .time{position:absolute;top:31.4667vw;left:49.3333vw;font-size:3.0667vw;line-height:4.8vw;color:#e7edfd;letter-spacing:-0.0267vw}
.tbl_online{position:absolute;top:49.4667vw;left:4.6667vw;width:82.6667vw;text-align:left;letter-spacing:-0.0267vw}
.tbl_online th{height:10.6667vw;padding-left:2.9333vw;font-size:3.6vw;font-weight:500;color:#8cc3ef}
.tbl_online td{height:10.6667vw;padding-left:3.3333vw;font-size:3.6vw;font-weight:500;color:#dcdcdc}
.tab_content_2 .btn_shortcut{position:absolute;top:140.4vw;left:4.6667vw;width:82.6667vw;height:12vw}
.tab_content_2 .btn_shortcut_1{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_shortcut_1.png) center / 100% auto no-repeat}
.tab_content_2 .btn_shortcut_2{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_shortcut_2.png) center / 100% auto no-repeat}
.tab_content_2 .notice_bx{top:163.3333vw}

.tab_content_3{display:none;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_content_3_middle.jpg) center / 100% auto repeat-y}
.tab_content_3 .btn_detail_info{display:block;width:82.6667vw;height:12vw;margin:5.7333vw auto 10.6667vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_detail_info.png) center / 100% auto no-repeat}
.tab_content_3 .btn_detail_info.is_disabled{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/btn_detail_info_disabled.png);cursor:default;pointer-events:none}

.tab_content_3 .inner_bottom{position:relative;margin-bottom:8.6667vw}
.tab_content_3 .inner_bottom .notice_bx{top:0}

.inner_tab_lst{width:82.6667vw;height:11.8667vw;margin:0 auto;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_inner_tab.png) center / 100% auto no-repeat}
.inner_tab_lst:after{display:block;clear:both;content:''}
.inner_tab_item{float:left;width:33.33333%;height:100%}
.inner_tab_item.is_active{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_inner_tab_btn.png) center / 100% auto no-repeat}
.inner_tab_item .tab{display:block;width:100%;height:100%;font-size:4vw;font-weight:900;line-height:9.0667vw;color:#7e85a0;letter-spacing:-0.2667vw;cursor:pointer}
.inner_tab_item.is_active .tab{color:#1b2447}

.inner_tab_content{display:none}
.inner_tab_content.is_active{display:block}

.offline_round_item{position:relative;width:82.6667vw;margin:0 auto}
.inner_tab_content_1 .offline_round_item{height:47.2vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_round_1_v2.jpg) top / 100% auto no-repeat}
.inner_tab_content_2 .offline_round_item{height:47.2vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_round_1.jpg) top / 100% auto no-repeat}
.inner_tab_content_2 .offline_round_item:last-child{height:48.1333vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_round_2.jpg) top / 100% auto no-repeat}
.inner_tab_content_3 .offline_round_item{height:40.2667vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_round_3.jpg) top / 100% auto no-repeat}

.offline_round_item .tit_round{position:absolute;top:8vw;left:6.1333vw;font-size:5.0667vw;font-weight:700;color:#fff;line-height:1;letter-spacing:-0.0267vw}
.offline_round_item .desc{position:absolute;font-size:3.6vw;font-weight:500;line-height:1;color:#dcdcdc}
.offline_round_item .desc_1{top:18.1333vw;left:22.4vw}
.offline_round_item .desc_2{top:18.1333vw;left:63.4667vw}
.offline_round_item .desc_3{top:25.7333vw;left:22.4vw}
.offline_round_item .desc_4{top:25.7333vw;left:63.4667vw}
.offline_round_item .desc_5{top:33.7333vw;left:22.4vw}

.inner_tab_content_3 .offline_round_item .desc_1{top:8.6667vw;left:67.2vw}
.inner_tab_content_3 .offline_round_item .desc_2{top:18.5333vw;left:22.4vw}
.inner_tab_content_3 .offline_round_item .desc_3{top:18.5333vw;left:63.4667vw}
.inner_tab_content_3 .offline_round_item .desc_4{top:26.4vw;left:22.4vw}
.inner_tab_content_3 .offline_round_item .desc_5{top:26.4vw;left:63.4667vw}


/* footer */
.footer{position:relative;z-index:10;width:100%}
.footer_info{position:relative;width:100%;height:31.7333vw;background:#090d20 url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/bg_footer_info_v2.jpg) center / auto 100% no-repeat}
.footer_info .mail a{position:absolute;top:0;left:0;width:44%;height:15.7333vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/blank.gif)}
.footer_info .kakao{position:absolute;top:0;right:0;width:56%;height:15.7333vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/blank.gif)}
.footer_copy{width:100%;height:12vw;background:#000}
.footer_copy .copyright{font-family:'pretendard';font-size:3.6vw;font-weight:500;line-height:12vw;color:#c3c7da;text-align:center;opacity:0.3}

/* * {outline:1px solid red} */