@charset "utf-8";
/* 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:'나눔고딕',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:400}
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;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}
.btn_close{top:10px;right:9px;width:35px;height:34px}
.popup_wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:200}
#section1,#section2,#section3,#section4,#section5,#section6,#section7{position:relative;margin:0 auto}
#section1 .wrap_content img,#section2 .wrap_content img,#section3 .wrap_content img,#section4 .wrap_content img,#section5 .wrap_content img,#section6 .wrap_content img,#section7 .wrap_content img,#section8 .wrap_content img,.navigation_bar 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{background-image:url(/img/event/assets/1Q21/bg_section1.jpg);background-repeat:no-repeat;background-position:top center;min-width:1200px;}
#section1 .inner_content{width:100%;margin:0 auto;}
#section1 .logo{position:absolute;left:-0.5%;top:2.3%;width:14%;height:4.4%}
#section1 .logo a{display:block;width:100%;height:100%}

#section1 .btn_evt{top:41%;left:28.5%;width:41.5%;height:12.2%}
.btn_wrap,.btn_tooltip,.tooltip_ct{position:absolute}
.btn_wrap{font-size:0}
.btn_wrap li{display:inline-block;width:50%;height:100%}
.bg_section1{position:absolute;top:0;left:0;z-index:-1;background-color:#62a9d7}

.navigation_bar{position:absolute;z-index:150;margin-top:-10.3vh;width:100%;background-color:#084e8c}
.navigation_bar.show{position:fixed;top:0;z-index:150;left:0;right:0;width:auto;margin-top:0;text-align:center}
.navigation_bar .wrap_content .nav_btn_wrap{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}
.navigation_bar .wrap_content button{display:block;float:left;width:20%;height:100%}
.navigation_bar img{width:100%}
.btn_tooltip{width:100%;height:100%}

#section2 .btn_tooltip:active+.tooltip_ct,#section2 .btn_tooltip:focus+.tooltip_ct,#section3 .btn_tooltip:active+.tooltip_ct,#section3 .btn_tooltip:focus+.tooltip_ct,#section5 .btn_tooltip:active+.tooltip_ct,#section5 .btn_tooltip:focus+.tooltip_ct{display:block}
#section2 .btn_wrap{top:28.6%;left:15.3%;width:69.4%;height:6.7%}
#section2 .btn_wrap li{width:33.33%;height:100%;float:left}
#section2 .btn_evt2,#section2 .btn_evt3,#section2 .btn_evt4,#section3 .btn_evt5,#section3 .btn_evt6,#section4 .btn_evt7,#section4 .btn_evt8,#section5 .btn_evt9,#section5 .btn_evt10,#section6 .btn_evt11,#section6 .btn_evt12{width:100%;height:100%}
#section2 .btn_tooltip{top:75.2%;left:46%;width:4.32%;height:4.32%}
.tooltip1 .tooltip_ct{display:none;top:66.5%;right:39.5%;width:55.8%;max-width:670px;height:10%;background:url(/img/event/assets/1Q21/bg_tooltip.png) 0 0 no-repeat;background-size:100% auto}

#section3:after,#section7:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background:#f3faff}
#section3 .bg:before{left:100%;background-image:url(/img/event/assets/1Q21/bg_section3_r.jpg);}
#section3 .bg:after{right:100%}
#section3 .btn_wrap{left:26.9%;top:29.8%;width:46.4%;height:6.4%}
#section3 .btn_tooltip{top:36.5%;right:19.5%;width:4.32%;height:5.32%}
.tooltip2 .tooltip_ct{display:none;top:27.9%;right:4.4%;width:55.8%;max-width:670px;height:10%;background:url(/img/event/assets/1Q21/bg_tooltip2.png) 0 0 no-repeat;background-size:100% auto}

#section4{background:#fff6e3}
#section4 .btn_wrap{left:26.9%;top:29.2%;width:46.2%;height:6.4%}

#section5 .btn_wrap{left:25.3%;top:29.2%;width:49.5%;height:6.4%}
#section5 .btn_tooltip{top:80.2%;left:53%;width:3.32%;height:4.1%}
#section5 .tooltip2 .tooltip_ct{top:71.2%;right:28%}

#section6{background:#f3faff}
#section6 .btn_wrap{left:25.3%;top:27.3%;width:49.5%;height:6.4%}
.btn_link,.btn_link2,.btn_link3,.btn_link4{display:block;position:absolute;width:29.1%;height:23%;top:39%;left:20.5%}

#section7 .btn_link2{left:50.2%}
#section7 .btn_link3{top:62.7%}
#section7 .btn_link4{top:62.7%;left:50.2%}
.bg:before,.bg:after{content:'';overflow:hidden;position:absolute;top:0;width:100%;height:100%;z-index:-1;margin-left:0;background-color:#f3faff;background-repeat:no-repeat;background-size:auto 100%}
#section7 .bg:before{right:99.9%;background-image:url(/img/event/assets/1Q21/bg_section7_l.jpg);background-position:right center}
#section7 .bg:after{left:100%;margin-left:-1px;background-image:url(/img/event/assets/1Q21/bg_section7_r.jpg)}

#section8 .wrap_content img{width:100%;height:auto!important;margin:0 auto;max-height:none;padding-top:7vh}

.bar_promotion .wrap_content img{width:53.3%;max-height:100px}
.bar_promotion{position:fixed;left:0;bottom:-150px;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_evt13{width:55.6%;top:30%;left:22%;height:70%}
.popup_wrapper .sec{position:relative}
.popup_wrapper .btn_evt14{width:142px;height:82px;top:169px;left:54px}
.ly_pop{display:none;position:absolute;top:6.7%;left:0;z-index:1;width:290px;height:300px;background:url(/img/event/assets/1Q21/popup/popup5.jpg) no-repeat center;background-size:100% auto}
.ly_pop.transition{transition: opacity 0.35s ease;-o-transition: opacity 0.35s ease;-ms-transition: opacity 0.35s ease;-moz-transition: opacity 0.35s ease;-webkit-transition: opacity 0.35s ease}

@media (min-height: 1000px) {
	#section1{background-size:cover}
	#section7 .bg:before{right:100%}
	.navigation_bar{margin-top:-5.1%}
	.bar_promotion .wrap_content img{max-height:98px;height:auto}
}
@media (max-height: 968px) {
	#section1{background-size:auto 100%}
	#section1 .btn_evt{top:39.5%;left:29.3%;width:39.9%;height:12.2%}
}
@media (width: 1920px) and (min-height: 937px) {
	#section1{background-size:cover}
	#section1 .btn_evt{top:41%;left:28.5%;width:41.5%;height:12.2%}
}