@charset "utf-8";
@font-face{font-family:"nbg";font-weight:400;font-style:normal;src:url(./font/NanumBarunGothic.eot);src:url(./font/NanumBarunGothic.eot?#iefix) format("embedded-opentype"),url(./font/NanumBarunGothic.woff2) format("woff2"),url(./font/NanumBarunGothic.woff) format("woff"),url(./font/NanumBarunGothic.ttf) format("truetype")}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,button,a{font-family:nbg,"돋움",Dotum,AppleGothic,sans-serif;font-size:1.2vw;font-weight:400}
img,fieldset,input{border:0}
img{display:block;width:100%}
ul,ol{list-style:none}
em,address{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
button{border:0;background-color:transparent;font-size:0;vertical-align:top}
a{display:block;text-decoration:none}
input::-ms-clear{display:none;width:0;height:0}
.btn{overflow:hidden;position:absolute;text-indent:-9999px}
.blind{overflow:hidden;position:absolute;top:-9999px;left:0;width:1px;height:1px;font-size:1px;line-height:1000px;white-space:nowrap}
.scroll_lock{overflow:hidden}
/* Layout */
body{background-color:#110803}
.wrap{overflow:hidden;position:relative}
.content{position:relative;z-index:1;width:100%;height:100%;margin:0 auto;background-color:#fff;text-align:center}
.sec_intro{position:relative;z-index:1}
.sec_intro .btn_play{position:absolute;top:39%;left:50%;width:21%;height:11.5%;border-radius:50%;transform:translate(-50%)}
.sec_intro .btn_link{position:absolute;top:82.1%;left:50%;width:46.8%;height:8.5%;transform:translateX(-50%)}
.sec_guides{position:relative}
.guide_bg{min-height: 146.4vw;}
.bg_tabgame,.bg_tabcoupon{display:none}
.bg_tabgame.is_active,.bg_tabcoupon.is_active{display:block}
.guides_inner{position:absolute;top:0;left:50%;width:86.1%;height:100%;transform:translateX(-50%)}
.guide_tabs{width:100%;height:11.945vw;font-size:0}
.guide_tab{display:inline-block;width:49.4%;height:100%}
.guide_tabcoupon{margin-left:1.2%}
.guide_cont_area{padding:7.06% 1% 0}
.guide_game,.guide_coupon{display:none;position:relative}
.guide_game.is_active,.guide_coupon.is_active{display:block}
.slick_dots{position:relative;z-index:3;height:8.4vw}
.slick_dots::after{position:absolute;top:98%;left:50%;z-index:2;width:94%;height:6vw;background:url(../img/bg_blur.png) top center / contain no-repeat;transform:translate(-50%);content:''}
.slick_dot{display:inline-block;overflow:hidden;position:relative;z-index:3;height:100%;margin-left:1%;border-radius:4vw;background-repeat:no-repeat;background-size:100%}
.slick_dot:first-child{margin-left:0}
.guide_game .slick_dot{width:21.4%}
.guide_game .slick_dot.dot1{background-image:url(../img/btn_guidegame_1_off.png)}
.guide_game .slick_dot.dot1.is_active{background-image:url(../img/btn_guidegame_1.png)}
.guide_game .slick_dot.dot2{background-image:url(../img/btn_guidegame_2_off.png)}
.guide_game .slick_dot.dot2.is_active{background-image:url(../img/btn_guidegame_2.png)}
.guide_game .slick_dot.dot3{background-image:url(../img/btn_guidegame_3_off.png)}
.guide_game .slick_dot.dot3.is_active{background-image:url(../img/btn_guidegame_3.png)}
.guide_game .slick_dot.dot4{background-image:url(../img/btn_guidegame_4_off.png)}
.guide_game .slick_dot.dot4.is_active{background-image:url(../img/btn_guidegame_4.png)}
.guide_coupon .slick_dot.dot1{width:29.4%;background-image:url(../img/btn_guideCoupon_1_off.png)}
.guide_coupon .slick_dot.dot1.is_active{background-image:url(../img/btn_guideCoupon_1.png)}
.guide_coupon .slick_dot.dot2{width:34.4%;background-image:url(../img/btn_guideCoupon_2_off.png)}
.guide_coupon .slick_dot.dot2.is_active{background-image:url(../img/btn_guideCoupon_2.png)}
.slick_dots button{display:block;width:100%;height:100%}
.slides{position:relative;z-index:1;font-size:0}
.slide{display:inline-block}
.guide_cont{position:relative;width:100%;height:110.2vw;margin:0 auto;overflow-y:auto}
.guide_cont .guide_image{width:92%;max-width:100%;margin:.2vw auto 0}
.guide_image.bg_form{width:92.2%;margin-top:.2vw}
.guide_coupon .form_coupon{position:absolute;top:43.1%;left:50%;width:79.45%;height:39.6%;transform:translateX(-50%)}
.guide_coupon .btn_input_guide{position:absolute;top:-22%;right:.1%;width:10.4%;height:15.8%;border-radius:3.8vw}
.guide_coupon .input:focus::placeholder{color:transparent}
.guide_coupon .input{display:block;width:100%;height:25.7%;padding:0 4%;border-radius:1.6vw;background-color:transparent;font-size:26px;font-size:3.3vw;color:#fff;text-align:center;outline:none;box-sizing:border-box}
.guide_coupon .input::placeholder{color:#5e5950}
.guide_coupon .input[id="couponID"]{margin-top:4.1%}
.guide_coupon .btn_submit{width:100%;height:29%;margin-top:8%;border-radius:1vw}
.footer .copy{position:absolute;bottom:.8%;left:50%;width:48%;height:1%;font-size:0;transform:translateX(-50%)}
/* Popup */
.dimmed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#000;opacity:.6}
.ly_pop,.ly_pop_guide{position:fixed;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%)}
.ly_pop_guide{width:89%;height:81%;max-height:144.4vw;padding:2.7vw 1vw .4vw;border-radius:2vw;background-color:#fff;box-sizing:border-box}
.ly_cont{width:100%;height:100%;padding:0 4.6vw;box-sizing:border-box;overflow-y:auto}
.ly_pop{width:77.8%;height:40.4vw;border-radius:2.2vw;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain}
.ly_pop_guide .pop_img{width:100%}
.ly_pop.pop_mess_success{height:42.2vw;background-image:url(../img/img_pop1.png)}
.ly_pop.pop_error_used{background-image:url(../img/img_pop2.png)}
.ly_pop.pop_error_expired{background-image:url(../img/img_pop3.png)}
.ly_pop.pop_error_invalid{background-image:url(../img/img_pop4.png)}
.ly_pop.pop_error_coupon{background-image:url(../img/img_pop5.png)}
.ly_pop.pop_error_exceeded{background-image:url(../img/img_pop6.png)}
.ly_pop.pop_number_empty{background-image:url(../img/img_pop7.png)}
.ly_pop.pop_number_invalid{background-image:url(../img/img_pop8.png)}
.ly_pop.pop_error_system{background-image:url(../img/img_pop9.png)}
.ly_pop .btn_close{bottom:13%;left:50%;width:57.4%;height:12.5vw;border-radius:1.6vw;transform:translateX(-50%)}
.ly_pop_guide .btn_close{top:0;right:0;width:8.335vw;max-width:60px;height:8.335vw;max-height:60px;border-radius:50%;background:url(../img/btn_close.png) center / contain no-repeat;transform:translateY(calc(-100% - 2.6vh))}
@media screen and (orientation: landscape) {
.ly_pop_guide{height:60%}
}