@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,input,select,textarea,button,article,aside,dialog,header,section,footer,nav,figure,main{margin:0;padding:0}
article,aside,dialog,header,section,footer,nav,figure,main{display:block} /* for ie8 */
html,body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none} /* for mobile */
body,input,select,textarea,button,a{font-family:-apple-system, 'Dotum','돋움','Malgun Gothic','맑은 고딕','helvetica','Apple SD Gothic Neo',sans-serif;word-break:keep-all}
dl,ul,ol,menu,li{list-style:none}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0}
input,button,select{border:0;border-radius:0;background-color:transparent;-webkit-appearance:none;appearance:none}
input::-ms-clear{display:none}
img,fieldset{border:0;vertical-align:top}
em,address{font-style:normal}
a{color:#333;text-decoration:none;cursor:pointer}
button{white-space:nowrap;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
::-webkit-file-upload-button{cursor:pointer}
.blind,caption,legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}

#wrap{position:relative;overflow:hidden;min-width:1320px}
#container{position:relative;z-index:10;margin:0 auto}
.bg_l{position:absolute;top:0;left:0;width:50%;height:100%;margin-left:-660px;background:url(https://hangame-images.toastoven.net/hangame/gostop/event/2025/20250826_twentieth-anniversary/bg_l.png) no-repeat 100% 0}
.bg_r{position:absolute;top:0;left:50%;width:50%;height:100%;background:url(https://hangame-images.toastoven.net/hangame/gostop/event/2025/20250826_twentieth-anniversary/bg_r.png) no-repeat 660px 0}
.header{position:absolute;top:0;left:0;z-index:1;width:100%;height:42px}
.header_inner{width:1020px;height:100%;margin:0 auto;padding-top:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
.header_inner::after{display:block;clear:both;content:''}
.top_menu{width:1020px;height:100%;margin:0 auto;padding-top:12px;font-family:'돋움',Dotum,Apple SD Gothic Neo,sans-serif;font-size:0;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}
.top_menu:after{display:block;clear:both;content:''}
.top_menu img{margin-top:1px}
.top_menu a{display:inline-block;margin:0 13px;font-size:11px;color:#937ad3;letter-spacing:-1px;vertical-align:top}
.top_menu .hangame_logo{margin:0 0 0 13px}
.top_menu .bar{display:inline-block;*display:inline;width:1px;height:9px;margin-top:5px;background:#937ad3;vertical-align:top;zoom:1}
.top_menu .top_txt{margin-top:4px}
.hangame_logo img{margin-top:4px}
.top_menu .login{margin:0}
.link_main{position:absolute; left:0;top:55px;width:140px;height:60px}
.spot{position:relative;width:1320px;margin:0 auto}
.event1{position:relative;height:1660px;background:url(https://hangame-images.toastoven.net/hangame/gostop/event/2025/20250826_twentieth-anniversary/bg_cont_v2.jpg) no-repeat}
.event2{position:relative;height:634px;background:url(https://hangame-images.toastoven.net/hangame/gostop/event/2025/20250826_twentieth-anniversary/bg_cont2.png) no-repeat}
.event1 .btn_area{position:absolute;left:393px;top:1435px}
.event1 .btn_area a{display:block;width:534px;height:130px}
.event2 .btn_area{position:absolute;left:482px;top:444px}
.event2 .btn_area a{display:block;width:356px;height:74px}

.btn_box{position:absolute;top:187px;left:205px;height:182px}
.btn_box .btn_list{position:relative;width:910px;height:100%;margin:0 auto}
.btn_box li{display:inline-block;width:310px;height:85px;margin:0 12px 7px 0}
.btn_box .qr_btn{position:absolute;top:0;right:0;width:190px;height:182px;margin:0}
.btn_box li a{display:block;width:100%;height:100%}

.float_banner{position:absolute;top:30px;right:-180px;width:182px;height:419px;background:url(https://hangame-images.toastoven.net/hangame/gostop/event/2025/20250826_twentieth-anniversary/float_banner.png) no-repeat center/cover;z-index:50}
.float_banner .banner_list{width:182px;height:416px}
.float_banner .banner_item{width:182px;height:83px}
.float_banner .banner_item a{display:block;height:100%}

.footer{position:relative;width:100%;height:79px;margin:0 auto;background:#2a2c6c url(https://hangame-images.toastoven.net/hangame/gostop/event/2025/20250826_twentieth-anniversary/bg_footer.png) 50% 0 no-repeat}
.footer .copyright{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:310px;height:42px}

/* Layer */
.dimmed{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;opacity:0.76;filter:alpha(opacity=76);-moz-opacity:0.76}
.popup{display:none;position:fixed;top:50%;left:50%;z-index:101}
.btn_close_popup{position:absolute;top:20px;right:20px;padding:10px}

.popup.popup_qrcode{width:900px;height:776px;margin:-388px 0 0 -450px;background:url(https://hangame-images.toastoven.net/hangame/gostop/event/2022/202211_mgostop-season2/bg_popup_qrcode.png) no-repeat;text-align:center}
.popup_head{height:61px;padding-top:29px}
.popup_head strong{display:block;color:#fff;font-family:'NanumGothic',sans-serif;font-size:32px;font-weight:800;letter-spacing:-.025em}
.popup_qrcode .qrcode_lst{margin-top:70px;font-size:0;text-align:center}
.popup_qrcode .qrcode_lst li{display:inline-block;margin:0 15px}
.popup_qrcode .btn_confirm{display:inline-block;margin-top:70px}