@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}
body,button,input,select,textarea{font-family:'hangamePoker','Malgun Gothic','맑은고딕','Apple SD Gothic Neo',Dotum,'돋움',sans-serif;font-size:16px}
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:1px;height:1px;margin:-1px;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}
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-width:1280px;max-width:2560px;min-height:1830px;margin:0 auto;background-color:#0b0e20}
.container{position:relative;z-index:10;width:1000px;min-height:1830px;margin:0 auto;padding-top:462px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/bg.jpg) top center / auto 2450px no-repeat;box-sizing:border-box}
.bg_l{position:absolute;top:0;left:0;margin-left:-500px;width:50%;height:100%;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/bg_l.jpg) top right / auto 2450px no-repeat}
.bg_r{position:absolute;top:0;right:0;margin-right:-500px;width:50%;height:100%;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/bg_r.jpg) top left / auto 2450px no-repeat}
.btn_floating{position:fixed;top:508px;left:50%;z-index:100;width:160px;height:191px;margin-left:570px;border-radius:20px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_floating.png) center / 100% auto no-repeat;box-shadow:5px 5px 28px 12px rgba(0, 0, 0, 0.28)}
.point_txt{color:#ffdf2a}
.tit_place{position:absolute;top:344px;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:36px;font-weight:900;line-height:1;color:#fbdf8a}

/* tab */
.tab_lst{width:999px;height:110px;margin-top:45px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/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 button{display:block;width:100%;height:100%;cursor:pointer}
.tab_item_1.is_active{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_tab_1.png) 10px center / auto 90px no-repeat}
.tab_item_2.is_active{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_tab_2.png) 8px center / auto 90px no-repeat}
.tab_item_3.is_active{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_tab_3.png) 4px center / auto 90px no-repeat}

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

.notice_bx{position:absolute;left:90px;width:820px;padding:56px 0 0 38px}
.notice_bx .notice_tit{font-size:31px;font-weight:500;line-height:1;color:#e7edfd}
.notice_bx .notice_lst{margin-top:34px}
.notice_bx .notice_item{position:relative;padding-left:16px;font-size:24px;line-height:35px;color:#e7edfd;letter-spacing:-0.2px}
.notice_bx .notice_item:before{position:absolute;top:14px;left:0;width:5px;height:5px;border-radius:50%;background-color:#e7edfd;content:''}
.notice_bx .notice_item + .notice_item{margin-top:19px}
.notice_bx .notice_item .txt_sub{font-size:20px;line-height:30px;opacity:0.8}
.inner_lst{margin-top:7px}
.inner_lst .inner_item{font-size:20px;line-height:32px;opacity:0.8}

.area_event_link{height:301px}
.area_event_link:after{display:block;clear:both;content:''}
.area_event_link .btn_link{overflow:hidden;position:relative;width:487px;height:100%;border-radius:15px;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.28);cursor:pointer}
.area_event_link .btn_link_1{float:left;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/bg_online.png) no-repeat}
.area_event_link .btn_link_2{float:right;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/bg_offline.png) no-repeat}
.area_event_link .flag{position:absolute;top:42px;left:34px}
.area_event_link .txt_date{position:absolute;top:170px;left:34px;font-size:22px;font-weight:700;line-height:1;color:#ebeef5;letter-spacing:-1px}
.area_event_link .game_lst{position:absolute;top:228px;left:34px}
.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:-1.5px}
.area_event_link .game_lst .game_item + .game_item:after{float:left;margin:0 14px;font-size:22px;line-height:1;color:#ebeef5;opacity:0.5;content:'|'}
.area_event_link .game_lst .game_round{font-size:22px;font-weight:700;line-height:1;color:#ebeef5}
.area_event_link .game_lst .game_time{margin-left:10px;font-size:22px;line-height:1;color:#ebeef5}

.area_howto{position:relative;margin-top:38px}
.area_howto .howto_lst{position:absolute;top:402px;left:0;width:100%;padding:0 78px;font-size:0;white-space:nowrap}
.area_howto .howto_item{display:inline-block;width:240px;text-align:center}
.area_howto .howto_item_2{margin-left:63px}
.area_howto .howto_item_3{margin-left:64px}
.area_howto .step{display:block;font-size:23px;font-weight:700;line-height:50px;color:#b8c5f3}
.area_howto .step_txt{margin-top:14px;font-size:24px;font-weight:400;line-height:34px;color:#eaf0ff;letter-spacing:-1px}
.area_howto .step_sub_txt{display:block;margin-top:14px;font-size:18px;font-weight:400;line-height:26px;color:#eaf0ff}
.area_howto .txt{position:absolute;bottom:78px;left:0;width:100%;font-size:24px;line-height:1;color:#eaf0ff;text-align:center}

.tab_content_2 .txt{position:absolute;top:80px;left:410px;font-size:30px;font-weight:500;line-height:43px;color:#e7edfd;letter-spacing:-0.2px}
.tab_content_2 .date{position:absolute;top:196px;left:504px;font-size:23px;line-height:1;color:#e7edfd;letter-spacing:-0.2px}
.tab_content_2 .time{position:absolute;top:248px;left:504px;font-size:23px;line-height:1;color:#e7edfd;letter-spacing:-0.2px}
.tbl_online{position:absolute;top:354px;left:90px;width:820px;text-align:left;letter-spacing:-0.2px}
.tbl_online th{height:71px;padding-left:54px;font-size:24px;font-weight:500;color:#8cc3ef}
.tbl_online td{height:71px;padding-left:48px;font-size:24px;font-weight:500;color:#dcdcdc}
.tab_content_2 .btn_shortcut{position:absolute;top:973px;left:90px;width:820px;height:90px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_shortcut.png) center / 100% auto no-repeat}
.tab_content_2 .notice_bx{top:1136px}

.tab_content_3 .date{position:absolute;top:168px;left:445px;font-size:23px;line-height:1;color:#e7edfd;letter-spacing:-0.2px}
.tbl_offline{position:absolute;top:237px;left:50px;width:900px;text-align:center;letter-spacing:-0.2px}
.tbl_offline th{height:62px;font-size:19px;font-weight:500;color:#8cc3ef}
.tbl_offline td{height:62px;font-size:19px;font-weight:500;color:#dcdcdc}
.tbl_offline td .point_txt{color:#ebd282}
.tab_content_3 .btn_detail_info{position:absolute;top:597px;left:50px;width:900px;height:90px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_detail_info.png) center / 100% auto no-repeat}
.tab_content_3 .btn_detail_info.is_disabled{background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/btn_detail_info_disabled.png);cursor:default;pointer-events:none}
.tab_content_3 .notice_bx{top:755px}

/* footer */
.footer{position:relative;z-index:10;width:100%;background:#090d20}
.footer_info{position:relative;width:100%;height:84px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/bg_footer_info_v3.jpg) center / auto 100% no-repeat}
.footer_info .mail a{position:absolute;top:0;left:50%;width:240px;height:100%;margin-left:-454px;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/pc/blank.gif)}
.footer_copy{width:100%;height:50px;background:#000}
.footer_copy .copyright{font-family:'pretendard';font-size:20px;font-weight:500;line-height:50px;color:#c3c7da;text-align:center;opacity:0.3}

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