.e-shadow{display:none;overflow:hidden;z-index:90;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}.e-nav{z-index:10;width:100%;background:url(images/bg_nav.png);background-position-x:50%}.e-nav--fixed{position:fixed !important}.e-nav nav{overflow:hidden;margin:0 auto;width:1280px;height:100%}.e-nav nav a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:block;width:256px;height:100%;float:left;background:url(images/nav.png) no-repeat}.e-nav nav a:hover,.e-nav nav a.current{background-position-y:100%}.e-nav nav a:last-child{background-position-x:100%}.loaded .e-header .e-title-des,.loaded .e-header .e-title-period,.loaded .e-header .bg-asset{opacity:1;-webkit-transform:scale(1) translate(0,0) skew(0,0) rotate(0);transform:scale(1) translate(0,0) skew(0,0) rotate(0)}.loaded .e-header:before{opacity:1;-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}.e-skip,.custom-select .select-items label input{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-header .bi a{font-size:0;text-indent:-9999em}html,body{background-color:#000;min-width:1280px}button{border:none 0;outline:none 0;cursor:pointer;background-color:transparent}.e-btn{display:block;font-size:0;text-indent:-9999em}.e-wrap{position:absolute;width:1280px;height:100%;top:0;left:50%;transform:translateX(-50%)}#canvas{display:block;position:absolute;top:0;left:50%;z-index:2;margin-left:-960px;pointer-events:none}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.custom-select{position:relative;box-sizing:border-box;text-align:left}.custom-select .selected{display:block;box-sizing:border-box;padding-left:20px;padding-right:48px;width:100%;height:100%;letter-spacing:-0.5px;cursor:pointer;line-height:60px;font-size:16px;color:#444;font-weight:bold;background-color:#fff;background:url("images/ico_arraw_bl.png") calc(100% - 18px) 50% no-repeat}.custom-select .select-items{display:none;overflow-y:auto;position:absolute;left:-1px;z-index:3;width:100%;max-height:400px;line-height:inherit;font-size:inherit;background-color:inherit;border-color:inherit;border-width:1px;border-style:solid;border-top:none 0;scrollbar-base-color:#0eb5fa;scrollbar-arrow-color:#0eb5fa;scrollbar-shadow-color:#0eb5fa;scrollbar-highlight-color:#000}.custom-select .select-items::-webkit-scrollbar{width:12px}.custom-select .select-items::-webkit-scrollbar-track{background:#000}.custom-select .select-items::-webkit-scrollbar-thumb{background:#0eb5fa}.custom-select .select-items::-webkit-scrollbar-button:start:decrement{width:0;height:0;background:#000}.custom-select .select-items::-webkit-scrollbar-button:end:increment{width:0;height:0;background:#000}.custom-select .select-items label{display:block;box-sizing:border-box;position:relative;background-color:inherit;cursor:pointer}.custom-select .select-items label input:checked+span{background-color:#ebebeb}.custom-select .select-items label span{display:block;text-align:left;padding:15px 0 15px 20px;line-height:inherit;font-size:inherit;border-color:inherit}.custom-select .select-items label span:hover{background-color:#ebebeb}.custom-select .select-items label li{height:48px;font-weight:bold}.opened .select-items{display:block}.e-container{position:relative;max-width:1920px;margin:0 auto;overflow:hidden}.btn-top{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:36px;bottom:60px;width:72px;height:72px;background:url(images/btn_top.png) no-repeat}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:100%}.e-header{position:relative;z-index:20;width:100%;height:813px;box-sizing:border-box;background:url("images/bg_header.jpg") no-repeat 50% 0}.e-header::before{content:'';position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;background:url("images/bg_header_v2.jpg") center no-repeat;z-index:1;-webkit-transition:opacity .5s 1s ease-in-out;transition:opacity .5s 1s ease-in-out}.e-header .bi{width:221px;height:112px;position:absolute;top:40px;left:40px;z-index:20;opacity:0;-webkit-transition:opacity .5s .5s ease-out;transition:opacity .5s .5s ease-out}.e-header .bi a{display:block;width:100%;height:100%;background:url("images/bi.png") 50% 0 no-repeat}.e-header .e-main{display:block;width:1280px;height:100%;margin:0 auto;position:relative;z-index:3}.e-header .center-box{position:absolute;width:1280px;bottom:52px;left:50%;transform:translateX(-50%)}.e-header .center-box .bubble{opacity:0;text-align:right;margin-right:254px;margin-bottom:27px}.e-header .center-box .title{margin-left:31px;opacity:0;animation:slideUp .3s .1s linear forwards}.e-header .e-util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:30px;right:50px;z-index:5;opacity:0;-webkit-transition:opacity .5s .5s ease-out;transition:opacity .5s .5s ease-out}.e-header .e-util a,.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:inline-block;overflow:hidden;background-image:url(images/img_util.png);background-repeat:no-repeat}.e-header .e-util a{width:48px;height:48px}.e-header .e-util a:hover{background-position-y:100%}.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:215px;height:48px}.e-header .e-util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .e-util input[type="checkbox"]:checked+label,.e-header .e-util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .e-util a,.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{background-image:url("images/util.png");background-repeat:no-repeat}.e-header .e-util .btn-home{margin-right:5px;background-position-x:-215px}.e-header .e-util .btn-download{background-position-x:100%}.e-header .bg{display:block;position:absolute;background-position:50% 0;background-repeat:no-repeat;opacity:0}.loaded .e-header .e-title-des:after{width:436px;opacity:.7}.loaded .e-header .bg-in{width:424px;opacity:.7}.loaded .e-header .bi{opacity:1}.loaded .e-header .e-util{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}100%{opacity:1;transform:translateY(0)}}.e-nav{width:100%;max-width:1920px;height:110px;position:absolute;top:813px;left:50%;transform:translateX(-50%);z-index:10;opacity:0;-webkit-transition:opacity .4s .3s ease;transition:opacity .4s .3s ease}.loaded .e-nav{opacity:1}.e-nav--fixed{top:0}.e-nav nav{display:flex;justify-content:center}.e-nav nav a:nth-child(1){background-position-x:0}.e-nav nav a:nth-child(2){background-position-x:-256px}.e-nav nav a:nth-child(3){background-position-x:-512px}.e-nav nav a:nth-child(4){background-position-x:-768px}.e-nav nav a:nth-child(5){background-position-x:-1024px}.e-contents .btn-caution{position:absolute;width:245px;height:57px;background:url("images/btn_notice.png") no-repeat}.e-contents .btn-caution:hover{background-position-y:100%}.e-contents .btn-reward{position:absolute;background-position-y:0 !important}.e-contents .btn-reward:hover{background-position-y:50% !important}.e-contents .btn-reward.success{background-position-y:100% !important;cursor:default;pointer-events:none;opacity:.8}.e-contents .btn-reward:disabled{cursor:default;pointer-events:none;opacity:.6}.e-footer{width:100%;height:68px;line-height:68px;text-align:center;font-size:12px;color:rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.5)}.e-event1 .cont1{position:relative;text-align:center;background:url("images/bg_event1_1.jpg") 50% 0 no-repeat}.e-event1 .cont2{position:relative;text-align:center;background:url("images/bg_event1_2.jpg") 50% 0 no-repeat}.e-event1 .cont3{position:relative;text-align:center;background:url("images/bg_event1_3.jpg") 50% 0 no-repeat}.e-event1 .cont4{position:relative;text-align:center;background:url("images/bg_event1_4.jpg") 50% 0 no-repeat}.e-event1 .cont5{position:relative;text-align:center;background:url("images/bg_event1_5.jpg") 50% 0 no-repeat}.e-event1 .cont4 .btn-caution{left:145px;bottom:365px}.e-event1 .cont4 .btn-shop{position:absolute;width:479px;height:135px;left:50%;transform:translateX(-50%);bottom:65px;background:url("images/btn_shop.png") no-repeat}.e-event1 .cont4 .btn-shop:hover{background-image:url("images/btn_shop_on.png")}.e-event1 .cont5 .e-wrap{position:absolute;display:flex;justify-content:center;left:50%;transform:translateX(-50%);height:auto;top:1980px}.e-event1 .cont5 .e-btn{width:538px;height:135px}.e-event1 .cont5 .btn-video{background:url("images/btn_video.png") center no-repeat}.e-event1 .cont5 .btn-video:hover{background-image:url("images/btn_video_on.png")}.e-event1 .cont5 .btn-discord{background:url("images/btn_discord.png") center no-repeat}.e-event1 .cont5 .btn-discord:hover{background-image:url("images/btn_discord_on.png")}.e-event2 .cont1{position:relative;text-align:center;background:url("images/bg_event2_1.jpg") 50% 0 no-repeat}.e-event2 .cont2{position:relative;text-align:center;background:url("images/bg_event2_2.jpg") 50% 0 no-repeat}.e-event2 .cont1 .e-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%)}.e-event2 .cont1 .btn-caution{right:0;top:900px}.e-event2 .cont1 .btn-reward{width:251px;height:70px;background-image:url("images/btn_reward.png");bottom:140px;left:50%;transform:translateX(-50%)}.e-event2 .cont1 .update{position:absolute;right:0;bottom:55px;font-size:16px;color:#bfbfbf}.e-event2 .cont2 .dimmed{position:absolute;width:100%;max-width:1920px;min-width:1280px;height:1801px;top:0;left:50%;transform:translateX(-50%);background:url("images/event2_dimmed.jpg") center no-repeat;z-index:3}.e-event2 .cont2 .btn-caution{right:0;top:815px}.e-event2 .cont2 .server-reward{display:flex;justify-content:center;width:795px;position:absolute;top:949px;left:50%;transform:translateX(-50%);margin-left:80px;z-index:1}.e-event2 .cont2 .character-list{background-color:#fff;width:330px;height:60px}.e-event2 .cont2 .reward-list{display:flex;justify-content:space-between;width:1157px;height:50px;position:absolute;top:550px;left:-260px}.e-event2 .cont2 .reward-list li{position:relative;width:353px}.e-event2 .cont2 .reward-list li button{width:175px;height:49px;left:50%;transform:translateX(-50%);background:url("images/btn_reward_m.png") no-repeat}.e-event3 .cont{position:relative;text-align:center;background:url("images/bg_event3_1.jpg") 50% 0 no-repeat}.e-event4 .cont{position:relative;text-align:center;background:url("images/bg_event4_1.jpg") 50% 0 no-repeat}.e-event4 .cont .e-wrap{position:absolute;display:flex;justify-content:center;left:50%;transform:translateX(-50%);height:auto;top:1310px}.e-event4 .cont .e-btn{width:540px;height:135px}.e-event4 .cont .btn-ranking{background:url("images/btn_ranking.png") center no-repeat}.e-event4 .cont .btn-ranking:hover{background-image:url("images/btn_ranking_on.png")}.e-event4 .cont .btn-attention{background:url("images/btn_attention.png") center no-repeat}.e-event4 .cont .btn-attention:hover{background-image:url("images/btn_attention_on.png")}.e-event5 .cont1{position:relative;text-align:center;background:url("images/bg_event5_1.jpg") 50% 0 no-repeat}.e-event5 .cont2{position:relative;text-align:center;background:url("images/bg_event5_2.jpg") 50% 0 no-repeat}.e-event5 .cont3{position:relative;text-align:center;background:url("images/bg_event5_3.jpg") 50% 0 no-repeat}.e-event5 .cont4{position:relative;text-align:center;background:url("images/bg_event5_4.jpg") 50% 0 no-repeat}.e-event5 .btn-shop{position:absolute;width:479px;height:135px;left:50%;transform:translateX(-50%);bottom:100px;background:url("images/btn_shop.png") no-repeat}.e-event5 .btn-shop:hover{background-image:url("images/btn_shop_on.png")}[class*='popup-']{display:none;position:fixed;overflow-x:hidden;overflow-y:auto;left:50%;z-index:99;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[class*='popup-'] .btn-close{display:block;position:absolute;top:0;right:0;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:65px;height:65px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-shadow{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:15;background:rgba(0,0,0,0.8)}.popup-notice1{top:30% !important}.popup-notice2{top:24% !important}.popup-notice3{top:25% !important}.popup-notice4{top:25% !important}@media screen and (max-width:1440px){.btn-top{right:40px;margin-right:0}}