.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)}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-blind,.e-header .bi a,.btn-top{font-size:0;text-indent:-9999em}.e-container{position:relative;max-width:1920px;margin:0 auto}.opened .select-items{display:block}.e-header{position:relative;width:100%;max-width:1920px;min-width:1280px;height:756px;overflow:hidden;background:url("images/bg_header.jpg") center no-repeat}.e-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("images/bg_header2.jpg") center no-repeat;z-index:3;opacity:0;background-size:cover;animation:opacityBg1 .6s .6s ease-in-out forwards}.e-header .bi{width:222px;height:112px;position:absolute;top:40px;left:40px;z-index:999}.e-header .bi a{display:block;width:100%;height:100%;background:url("images/bi.png") 50% 0 no-repeat}.e-header .badge{position:absolute;right:60px;top:14px;z-index:5}.e-header .util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:50px;right:60px}.e-header .util a,.e-header .util #closeToday,.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:inline-block;overflow:hidden;background-image:url(images/img_util.png);background-repeat:no-repeat}.e-header .util a{width:46px;height:46px}.e-header .util a:hover{background-position-y:100%}.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:46px;height:46px}.e-header .util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .util input[type="checkbox"]:checked+label,.e-header .util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .util .btn-red{margin-left:10px;background-position-x:100%}.e-header .util .today{display:block;float:left}.e-header .util .today input[type="checkbox"]+label{background-position-x:0}.e-header .util .today:hover label{background-position-y:100% !important}.animation-box{position:relative;width:100%;min-width:1280px;max-width:1920px;height:100%}.animation-box .txt-box{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1145px;z-index:1;margin-left:-9px}.animation-box .txt-box>div{position:absolute}.animation-box .txt-box>div.sub-title{top:137px;left:2px}.animation-box .txt-box>div.sub-title img{opacity:0;transform:translateX(50px);animation:slideLeft .4s .3s ease-in-out forwards}.animation-box .txt-box>div.title{top:226px;z-index:1}.animation-box .txt-box>div.title img{opacity:0;transform:translateX(50px);animation:slideLeft .4s .3s ease-in-out forwards;filter:drop-shadow(0 0 15px rgba(0,0,0,0.8))}.animation-box .txt-box>div.period{top:488px;left:-86px}.animation-box .txt-box>div.period img{opacity:0;transform:translateX(50px);animation:slideLeft .4s .3s ease-in-out forwards}.animation-box .char-box{position:absolute;left:50%;transform:translateX(-50%)}.animation-box .char-box img{opacity:0;transform:translateY(100px);animation:slideUp .4s .4s ease-in-out forwards}@keyframes opacityBg1{0%{opacity:0}100%{opacity:1}}@keyframes opacityBg2{0%,100%{opacity:1}50%{opacity:.5}}@keyframes slideLeft{to{opacity:1;transform:translateX(0)}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}#canvas{display:block;position:absolute;top:0;left:50%;z-index:5;margin-left:-960px;pointer-events:none}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.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)}.btn-top{width:67px;height:75px;position:fixed;right:5%;bottom:70px;background:url("images/btn_top.png") 0 0 no-repeat;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.btn-top:hover{background-position-y:100%}.btn-top.active{opacity:1;z-index:5}.cont1{position:relative;text-align:center;background:url("images/bg_event_1.jpg") 50% 0 no-repeat}.cont1 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event_1.jpg") 50% 0 no-repeat}.cont2{position:relative;text-align:center;background:url("images/bg_event_2.jpg") 50% 0 no-repeat}.cont2 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event_2.jpg") 50% 0 no-repeat}.e-contents .cont1{height:1591px}.e-contents .cont2{height:1294px}.e-contents .btn-reward{position:absolute;left:50%;transform:translateX(-50%);bottom:340px;width:344px;height:84px;background:url("images/btn_reward.png") no-repeat}.e-contents .btn-reward:disabled{cursor:auto;pointer-events:none;background-position-y:100%}.e-contents .btn-reward:hover{background-position-y:50%}@media screen and (max-width:1440px){.btn-top{right:40px;margin-right:0}}