@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
    font-weight: 700;
	src:url(font/NanumGothic-Bold.eot);
	src:url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(font/NanumGothic-Bold.woff) format('woff'),url(font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'NanumGothic';
	font-weight: 800;
	src:url(font/NanumGothic-ExtraBold.eot);
	src:url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),url(font/NanumGothic-ExtraBold.woff) format('woff'),url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset:Start */
body::-webkit-scrollbar{width:0;background-color:rgba(255,255,255,0.5);display:none}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1)}
body::-webkit-scrollbar-thumb{background-color:#eee;border-radius:5px}
html, body{-ms-overflow-style:none;overflow:auto}
body,html,.scroll_lock{overflow:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input:focus, button:focus, textarea:focus {outline:none}
button {border:0 none;background-color:transparent;cursor:pointer;background-color:rgba(0,0,0,0)}
body {background:#fff;-webkit-text-size-adjust:none;overflow: hidden;}
body,th,td,input,select,textarea,button{font-family:'나눔고딕','ng',NanumGothic,Apple SD Gothic Neo,Helvetica,sans-serif;font-size:12px;font-weight:700}
a {color:#333;text-decoration:none;background-color:rgba(0,0,0,0)}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
figure {line-height:0}
img{vertical-align:top}
.blind{overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}
/* reset:End */

/* Styles:Start */
.wrap{overflow:hidden;position:relative;width:100%}
.wrap_content{position:relative;width:1228px;margin:auto}
.dimmed{position:fixed;top:0;left:0;z-index:400;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.layer{position:fixed;top:5%;left:50%;z-index:401;width:650px;height:100%;margin-bottom:5%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.layer .scrollbar-outer{height:90%}
.layer .popup{display:none}
.scroll_lock{overflow:hidden}
.layer .scroll_popup{overflow:scroll;position:static;width:100%;height:100%;top:0;left:0;z-index:0}
.layer .popup{display:none}
.layer .btn_next{right:0;width:40px;height:50px}
.popup1 .btn_next{margin-top:430px}
.popup2 .btn_next{margin-top:360px}
.popup3 .btn_next{margin-top:430px}
.popup4 .btn_next{margin-top:360px}
.btn_close{top:10px;right:9px;width:35px;height:34px}
.popup_wrapper{position:fixed;top:0px;right:0;bottom:0;left:0;overflow:auto;z-index:200}

#section1,#section2,#section3,#section4,#section5,#section6{position:relative;margin:0 auto;text-align:center}
#section1 .wrap_content img,#section2 .wrap_content img,#section3 .wrap_content img,#section4 .wrap_content img,#section5 .wrap_content img,#section6 .wrap_content img,.navigation_bar .wrap_content img,.bar_promotion .wrap_content img{width:auto;height:100%;max-height:100vh}
.btn{position:absolute;font-size:1px;text-indent:-9999px;color:transparent}
.btn:disabled,.btn[disabled]{cursor:default}
#section1 .logo{position:absolute;left:5%;top:1.6%;width:11.56%;height:4.4%}
#section1 .logo a{display:block;width:100%;height:100%}
#section1 .btn_evt{top:49.2%;left:7.5%;width:33.2%;height:7%}
#section1 .bg_section1{position:absolute;left:50%;top:0;z-index:-1;width:auto;height:100vh;margin-left:-15.5%}

.number_people_lucky{position:absolute;top:36.5%;left:28.9%;z-index:110;padding-top:1.4%;box-sizing:border-box;width:18.1%;font-size:0}
.number_people_lucky .txt,.number_people_lucky .txt_tit{font-size:28px;color:#fff}
.number_people_lucky .num_box{position:relative;display:inline-block;color:#d95e9d;font-size:27px;text-align:center;width:18.9%;padding-top:18.9%;margin-right:4px;background-color:#fff;border-radius:50%}
.number_people_lucky .num_box .num{position:absolute;top:47.6%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.navigation_bar{position:absolute;z-index:150;margin-top:-9.5vh;width:100%;border-bottom:1px solid silver;background-color:#fff}
.navigation_bar.bg_pink{-webkit-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;transition:background-color 0.2s ease;background-color:#fff9fc}
.navigation_bar.bg_purple{background-color:#f3ebff}
.navigation_bar .wrap_content{margin-bottom:-1px;padding:0 5%;text-align:center;font-size:0}
.navigation_bar .wrap_content .nav_btn_wrap{position:absolute;top:0;left:5%;right:5%;bottom:0;width:90%;height:100%}
.navigation_bar .wrap_content button{display:inline-block;width:20%;height:100%}
.navigation_bar .wrap_content button:first-child{width:40%}
.navigation_bar .wrap_content img{width:100%}
.navigation_bar.show{position:fixed;top:0;z-index:150;left:0;right:0;width:auto;margin-top:0;text-align:center;-webkit-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;transition:background-color 0.2s ease}

#section2 .btn_tooltip2 button,#section2 .btn_tooltip3 button{width:100%;height:100%;top:0;left:0;right:0}
#section2 .btn_tooltip2 button:active+.cnt_tooltip2,#section2 .btn_tooltip2 button:focus+.cnt_tooltip2,#section2 .btn_tooltip3 button:active+.cnt_tooltip3,#section2 .btn_tooltip3 button:focus+.cnt_tooltip3{display:block}

.cnt_tooltip1,.cnt_tooltip2,.cnt_tooltip3{display:none;position:absolute;width:694px;height:107px}
.cnt_tooltip1{right:-80px;top:-88px;background:url(/img/event/assets/N3Q20/bg_tooltip1.png) 0 0 no-repeat}
.cnt_tooltip2{right:-238px;top:-96px;background:url(/img/event/assets/N3Q20/bg_tooltip2.png) 0 0 no-repeat}
.cnt_tooltip3{right:-74px;top:-96px;background:url(/img/event/assets/N3Q20/bg_tooltip3.png) 0 0 no-repeat}

#section2 .btn_tooltip2{top:78%;left:49%;width:3.9%;height:4.3%;z-index:10}
#section2 .btn_tooltip3{top:78%;right:9.5%;width:3.9%;height:4.3%;z-index:10}
#section2 .btn_evt4,#section2 .btn_evt5,#section2 .btn_evt6{top:66.9%;width:27%;height:6.1%}
#section2 .btn_evt4{left:8.2%}
#section2 .btn_evt5{left:36.7%}
#section2 .btn_evt6{left:65%}

#section3 .btn_evt7,#section3 .btn_evt8{top:78.7%;width:34.8%;height:7.6%}
#section3 .btn_evt7{left:14.1%}
#section3 .btn_evt8{right:14%}

#section4 .btn_evt10,#section4 .btn_evt9{top:79.8%;width:34.7%;height:7.5%}
#section4 .btn_evt9{left:14.1%}
#section4 .btn_evt10{right:14%}
#section4 .number_people_lucky{top:29.2%;left:5.9%;padding-left:14.8%;padding-top:1.2%;height:5.6%;width:32.3%}
#section4 .number_people_lucky .num_box{margin-right:2px;width:14.9%;padding-top:14.9%;font-size:23px}

#section5 .link_scheduled{position:absolute;top:35.3%;left:5.6%;width:88.8%;height:50.4%;font-size:0}
#section5 .link_scheduled li{height:100%;margin-left:.8%;display:inline-block;width:24.4%}
#section5 .link_scheduled li:first-child{margin-left:0}
#section5 .link_scheduled .lnk{display:inline-block;width:100%;height:100%}

#section6 img{padding-top:12vh}
#section6 .wrap_content img{width:100%;height:auto !important;margin:0 auto;max-height:none}
#section2{background:url(/img/event/assets/N3Q20/bg_section04.png);background-size:auto 100%}
#section5{background-color:#f3ebff}
.bar_promotion{position:fixed;left:0;bottom:0;width:100%;z-index:10;text-align:center}
.bar_promotion.static_position{position:absolute;top:initial;bottom:0!important}
.bar_promotion .btn_to_top{width:21.8%;top:34.7%;height:65%;left:13.4%}
.bar_promotion .btn_evt11{width:51.6%;top:0;left:35%;height:100%}
.layer1 .btn_evt12{width:140px;height:59px;top:379px;left:66px}
.layer2 .btn_evt13{width:140px;height:59px;top:379px;left:66px}
.bar_promotion .wrap_content img{width: 100%;}
@media (max-width: 1600px) and (max-height: 900px) {
	#section1 .img_section{position:absolute;right:-1%;top:-1%;z-index:1;width:96%}
	#section4 .number_people_lucky .num_box{width:14.9%;padding-top:14.9%;font-size:18px}
}