.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)}.pager{clear:both;position:relative;height:24px;text-align:center;font-size:0;z-index:1;*z-index:3}.pager.even.last_child{border-bottom:0}.pager a{display:inline-block;height:24px;margin:0 10px;color:#6e748c;text-align:center;line-height:24px;font-size:15px;letter-spacing:-0.1em;*display:inline;*zoom:1}.pager a:hover{text-decoration:none}.pager a.first:hover,.pager a.previous:hover,.pager a.next:hover,.pager a.last:hover{padding:0}.pager .first,.pager .previous,.pager .next,.pager .last{display:inline-block;overflow:hidden;width:24px;height:24px;text-indent:-10000px;border:0}.pager .previous{margin:0;background:transparent url("images/btn_paging_prev.png") 50% 50% no-repeat}.pager .next{background:transparent url("images/btn_paging_next.png") 50% 50% no-repeat}.pager .current{display:inline-block;height:24px;margin:0 10px;text-align:center;line-height:24px;font-size:15px;color:#292c40;letter-spacing:-0.1em}.pager .disabled{display:none}.pager span,.pager a,.pager a:hover{display:inline-block;vertical-align:top}*+html .pager{margin-top:0}.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-header{position:relative}.e-skip,.custom-select .select-items label input,.e-header #fire{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-event1 .e-benefit1 [class*="btn-more"],.e-event2 .btn-notice{background-color:#fff;filter:alpha(opacity=1)}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,.e-header .e-main span,.e-header .e-quick .e-btn,.btn-top,.e-contents .btn-wrap .e-btn,.e-event2 .package-btn-wrap button,div[class*="popup-"] .btn-close,.popup-ranking .title{font-size:0;text-indent:-9999em}.ellipsis1,div[class*="popup-"] table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ellipsis2{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis3{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis4{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:keep-all}.e-container{position:relative;max-width:1920px;margin:0 auto}.custom-select{position:relative;box-sizing:border-box;text-align:left}.custom-select p{display:block;box-sizing:border-box;padding-left:20px;padding-right:48px;width:100%;height:100%;letter-spacing:-0.5px;line-height:inherit;font-size:16px;color:#171522}.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;font-weight:700;color:#444;background:url("images/ico_arrow.png") calc(100% - 18px) 50% no-repeat}.custom-select .select-items{display:none;overflow-y:auto;position:absolute;left:0;z-index:3;width:100%;max-height:150px;font-size:inherit;background-color:inherit;scrollbar-base-color:#beae8d;scrollbar-arrow-color:#beae8d;scrollbar-shadow-color:#beae8d;scrollbar-highlight-color:#000}.custom-select .select-items li{height:48px;color:#fff}.custom-select .select-items::-webkit-scrollbar{width:12px}.custom-select .select-items::-webkit-scrollbar-track{background:rgba(255,255,255,0.7)}.custom-select .select-items::-webkit-scrollbar-thumb{background:#003ebf}.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{color:#fff;background-color:#363636}.custom-select .select-items label span{display:block;padding:15px 0 15px 20px;line-height:inherit;font-size:inherit;border-color:inherit;color:#444}.custom-select .select-items label span:hover{color:#fff;background-color:#a6a6a6}.opened .select-items{display:block}.e-header{position:relative;width:100%;height:787px;overflow:hidden;background:url("images/bg_header.jpg") 50% 0 no-repeat}.e-header::before{content:"";display:block;width:100%;height:100%;background:url("images/bg_header2.jpg") 50% 0 no-repeat;position:absolute;top:0;left:0;animation:opacity_header .2s .3s ease-in forwards,opacity_infinite 1.4s .5s linear infinite;opacity:0;animation-fill-mode:forwards}.e-header .bi{width:190px;height:95px;position:absolute;top:30px;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 .e-main{display:block;width:766px;height:513px;position:absolute;left:50%;transform:translateX(-50%);top:172px;margin-left:1px;transform-origin:center}.e-header .e-main span{opacity:0}.e-header .e-quick{position:absolute;top:70px;right:45px;z-index:5;overflow:hidden;display:flex;align-items:center}.e-header .e-quick .e-btn{display:block;float:left;width:40px;height:46px;margin-left:9px;background-image:url("images/bg_quick.png");background-repeat:no-repeat;background-position-y:0}.e-header .e-quick .e-btn:hover{background-position-y:100%}.e-header .e-quick .today{position:relative;background-position-x:0}.e-header .e-quick .today label{position:relative;display:block;height:100%;cursor:pointer;background:inherit;color:#fff;padding-left:25px;font-size:13px}.e-header .e-quick .today label::before{content:"";position:absolute;left:0;top:53%;transform:translateY(-50%);width:18px;height:20px;background:url("images/bg_check.png") no-repeat}.e-header .e-quick .today input{position:absolute;left:-9999px}.e-header .e-quick .today input:checked+label::before{background-position-y:100%}.e-header .e-quick .btn-red{background-position-x:0}.e-header .e-quick .btn-blue{background-position-x:100%}.loaded .e-header:before{opacity:0;z-index:0}.animation-box{position:relative}.animation-box .top-title,.animation-box .period{position:absolute;left:50%;opacity:0;animation:slideUp .4s ease-in-out forwards}.animation-box .top-title{top:504px;transform:translateY(-100px) translateX(-50%);filter:drop-shadow(3px 0 10px rgba(0,0,0,0.5))}.animation-box .period{top:686px;transform:translateY(100px) translateX(-50%)}.glitch-char{position:absolute;display:inline-block;left:50%;transform:translateX(-50%)}.glitch-char .glitch-layer{opacity:0}.glitch-char .glitch-layer1{background:url("images/char_blue.png") 50% 0 no-repeat;animation:glitch2 2.2s .75s infinite}.glitch-char .glitch-layer2{background:url("images/char_red.png") 50% 0 no-repeat;animation:glitch2 1.4s .75s infinite reverse}.glitch-char .glitch-layer3{background:url("images/char_glitch.png") 50% 0 no-repeat;animation:glitch2 1.5s .75s infinite alternate}.glitch-title{position:absolute;display:inline-block;top:571px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 0 10px rgba(0,0,0,0.5))}.glitch-title .glitch-layer{opacity:0;animation:glitch2 .5s .4s forwards,opacity_header .2s .8s linear forwards}.glitch-title .glitch-layer1{background:url("images/title_blue.png") 50% 0 no-repeat}.glitch-title .glitch-layer2{background:url("images/title_red.png") 50% 0 no-repeat}.glitch-title .glitch-layer3{background:url("images/title.png") 50% 0 no-repeat}.glitch-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;mix-blend-mode:screen}@keyframes glitch{0%{transform:translate(0,0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0,0)}}@keyframes glitch2{0%{opacity:.1}5%{opacity:.7;transform:translate3d(2px,0,0)}30%,76%{opacity:.4}45%{opacity:.6}90%{opacity:.8}1%,7%,33%,47%,78%,93%{opacity:0}}.e-nav{width:100%;position:absolute;top:787px;left:0;z-index:15;background:url("images/bg_nav.png") 50% 0 no-repeat}.e-nav--fixed{position:fixed;top:0;max-width:1920px;left:50%;transform:translateX(-50%);box-shadow:0 3px 15px rgba(0,0,0,0.5);background-color:#e9e9e9}.e-nav .move-bg{position:absolute;width:100%;max-width:1280px;left:50%;transform:translateX(-50%)}.e-nav .move-bg .move-bg-wrap{position:absolute;transition:all .4s;width:640px;height:90px;background:url("images/bg_tab_over.png") 50% 0 no-repeat}.e-nav .navigation{position:relative;width:100%;max-width:1280px;height:90px;margin:0 auto;display:flex;justify-content:center;align-items:center}.e-nav .navigation a{display:flex;flex-direction:column;justify-content:center;background:unset;transition:all 2s;cursor:pointer;width:100%}.e-nav .navigation a img{margin:auto;width:244px;height:41px}.e-nav .navigation a.nav1.active img{content:url("images/tab1_over.png")}.e-nav .navigation a.nav2.active img{content:url("images/tab2_over.png")}.e-nav .navigation a.override-active img{content:unset !important}.e-footer{height:68px;background-color:#000;text-align:center}.e-footer p{text-indent:unset;letter-spacing:0;line-height:68px;font-size:12px;color:rgba(255,255,255,0.5)}.floating-nav{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:calc((100vw - 1950px) / 2);bottom:auto;width:165px;height:143px;background:url(images/bg_floating.png) no-repeat;display:none;z-index:0;top:195px !important;background:0}.floating-nav.active{position:fixed;opacity:1}.floating-nav ul li a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:block;width:100%;height:100%}.floating-nav .btn-top{position:absolute;opacity:1 !important}@media screen and (max-width:1200px){.floating-nav{display:none}}.floating-nav ul{position:relative;width:100%}.floating-nav li{width:100%;height:71.5px;background:url("images/btn_floating.png") no-repeat}.floating-nav li:nth-child(1){background-position-y:-0}.floating-nav li:nth-child(2){background-position-y:-71.5px}.floating-nav li:hover{background-position-x:50%}.floating-nav li.active{background-position-x:100%}.floating-nav.active{display:block;z-index:5}.btn-top{width:50px;height:44px;position:fixed;right:calc((100vw - 1920px + 100px) / 2);bottom:60px;background:url("images/btn_top.png") 0 0 no-repeat;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:-1}.btn-top:hover{background-position-y:100%}.btn-top.active{opacity:1;z-index:5}.e-contents{padding-top:83px}.e-contents .playtime{width:1280px;height:100%;margin:auto}.e-contents .playtime .character-reward{display:flex;justify-content:space-between;width:890px;margin-left:-7px;top:1704px}.e-contents .server-reward{display:flex;justify-content:center;position:absolute;top:1012px;left:50%;transform:translateX(-50%);z-index:1}.e-contents .server-list,.e-contents .character-list{background-color:#fff;width:330px;height:60px}.e-contents .server-list span,.e-contents .character-list span{display:block;box-sizing:border-box;padding-left:20px;padding-right:48px;width:100%;height:100%;letter-spacing:-0.5px;line-height:60px;font-size:16px;text-align:left;color:#444;font-weight:700}.e-contents .reward-list{display:flex;justify-content:space-between;position:absolute;top:521px;width:1100px;left:50%;transform:translateX(-50%);margin-left:2px}.e-contents .reward-list li{width:340px;height:64px}.e-contents .character-reward{position:absolute;left:50%;transform:translateX(-50%);z-index:1}.e-contents .character-reward .server-list{margin-left:100px}.e-contents .character-reward .reward-list{margin-left:10px}.e-contents .server-list{margin-left:100px}.e-contents .btn-caution-wrap{position:absolute;left:50%;transform:translateX(-50%)}.e-contents .btn-caution-wrap .btn-caution{width:221px;height:67px;background:url("images/btn_caution.png") no-repeat}.e-contents .btn-caution-wrap .btn-caution:hover{background-position-y:100%}.e-contents .btn-notice{width:222px;height:48px;background:url("images/btn_notice.png") right 0 no-repeat;position:absolute;bottom:584px;left:50%;margin-left:0;text-indent:-9999px;z-index:6}.e-contents .btn-notice:hover{background-position-y:100%}.e-contents .btn-wrap{position:absolute;left:50%;transform:translateX(-50%)}.e-contents .btn-wrap .e-btn{width:397px;height:92px}.e-contents .btn-wrap .e-btn.btn-shop{background:url("images/btn_shop.png") no-repeat}.e-contents .btn-wrap .e-btn.btn-shop-blue{background:url("images/btn_shop_blue.png") no-repeat;margin-left:40px}.e-contents .btn-wrap .e-btn.btn-tip{background:url("images/btn_tip.png") no-repeat}.e-contents .btn-wrap .e-btn.btn-tip-blue{background:url("images/btn_tip_blue.png") no-repeat;margin-left:30px}.e-contents .btn-wrap .e-btn:hover{background-position-y:100%}.e-event1{position:relative;top:0;left:0}.e-event1 .cont1{position:relative;width:100%;background:url("images/bg_event1_1.jpg") 50% 0 no-repeat}.e-event1 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_1_cont.jpg") 50% 0 no-repeat}.e-event1 .cont2{position:relative;width:100%;background:url("images/bg_event1_2.jpg") 50% 0 no-repeat}.e-event1 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_2_cont.jpg") 50% 0 no-repeat}.e-event1 .cont3{position:relative;width:100%;background:url("images/bg_event1_3.jpg") 50% 0 no-repeat}.e-event1 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_3_cont.jpg") 50% 0 no-repeat}.e-event1 .cont4{position:relative;width:100%;background:url("images/bg_event1_4.jpg") 50% 0 no-repeat}.e-event1 .cont4 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_4_cont.jpg") 50% 0 no-repeat}.e-event1 .cont5{position:relative;width:100%;background:url("images/bg_event1_5.jpg") 50% 0 no-repeat}.e-event1 .cont5 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_5_cont.jpg") 50% 0 no-repeat}.e-event1 .cont1{height:4767px}.e-event1 .cont2{height:2435px}.e-event1 .cont2 .btn-caution-wrap{top:845px}.e-event1 .cont3{height:1334px}.e-event1 .cont3 .btn-caution-wrap{top:875px;margin-left:-308px}.e-event1 .cont3 .btn-wrap{display:flex;top:1160px}.e-event1 .cont4{height:1114px}.e-event1 .cont5{height:1001px}.e-event1 .cont5 .btn-wrap{display:flex;top:835px}.e-event1 .btn-reward{width:319px;height:64px;margin:0 auto;background:url("images/btn_reward.png") no-repeat}.e-event1 .btn-reward:hover{background-position-y:50%}.e-event1 .btn-reward:disabled{pointer-events:none;cursor:auto;background-position-y:100%}.e-event2 .cont1{position:relative;text-align:center;background:url("images/bg_event2_1.jpg") 50% 0 no-repeat}.e-event2 .cont1 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event2_1_cont.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 .cont2 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event2_2_cont.jpg") 50% 0 no-repeat}.e-event2 .cont3{position:relative;text-align:center;background:url("images/bg_event2_3.jpg") 50% 0 no-repeat}.e-event2 .cont3 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event2_3_cont.jpg") 50% 0 no-repeat}.e-event2 .cont4{position:relative;text-align:center;background:url("images/bg_event2_4.jpg") 50% 0 no-repeat}.e-event2 .cont4 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event2_4_cont.jpg") 50% 0 no-repeat}.e-event2 .cont5{position:relative;text-align:center;background:url("images/bg_event2_5.jpg") 50% 0 no-repeat}.e-event2 .cont5 .cont-wrap{width:1280px;height:100%;margin:auto;background:url("images/bg_event2_5_cont.jpg") 50% 0 no-repeat}.e-event2 .cont1{height:1540px}.e-event2 .cont1 .btn-caution-wrap{position:absolute;top:822px}.e-event2 .cont1 .btn-reward{position:absolute;left:50%;transform:translateX(-50%);top:1340px;width:319px;height:64px;background:url("images/btn_reward.png") no-repeat}.e-event2 .cont1 .btn-reward:hover{background-position-y:50%}.e-event2 .cont1 .btn-reward:disabled{pointer-events:none;cursor:auto;background-position-y:100%;opacity:.6}.e-event2 .cont2{height:1234px}.e-event2 .cont3{height:1744px}.e-event2 .cont4{height:2005px}.e-event2 .cont5{height:2487px}.e-event2 .cont5 .btn-wrap{display:flex;bottom:100px}.e-event2 .character-reward{top:218px}.e-event2 .package-btn-wrap{width:1280px;position:absolute;top:980px;left:50%;transform:translateX(-50%)}.e-event2 .package-btn-wrap ul{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 90px}.e-event2 .package-btn-wrap ul li{width:534px}.e-event2 .package-btn-wrap ul li:nth-child(3),.e-event2 .package-btn-wrap ul li:nth-child(4){margin-top:475px}.e-event2 .package-btn-wrap button{display:block;width:513px;height:64px;margin:auto;background-repeat:no-repeat}.e-event2 .package-btn-wrap button.btn-buy-red{background-image:url("images/btn_get_red.png")}.e-event2 .package-btn-wrap button.btn-buy-blue{background-image:url("images/btn_get_blue.png")}.e-event2 .package-btn-wrap button:hover{background-position-y:50%}.e-event2 .package-btn-wrap button[disabled]{background-position-y:100%;pointer-events:none;cursor:auto;opacity:.6}div[class*="popup-"]{display:none;position:fixed;top:50% !important;left:50%;z-index:99;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}div[class*="popup-"] .btn-close{display:block;position:absolute;top:14px;right:18px;width:52px;height:52px;background:url("images/ico_close.png") 50% 0 no-repeat}div[class*="popup-"] .btn-close:hover{background-image:url("images/ico_close_over.png")}div[class*="popup-"] .table-wrap{max-height:460px;overflow:hidden}div[class*="popup-"] table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}div[class*="popup-"] table td{overflow:hidden;color:#505c78;text-align:center}div[class*="popup-"] table thead tr{background-color:#4c4c4c}div[class*="popup-"] table thead td{height:60px;color:#fff;font-size:17px;font-weight:600}div[class*="popup-"] table tbody tr{border-bottom:1px solid rgba(127,127,127,0.1)}div[class*="popup-"] table tbody td{font-size:15px;height:39px}.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:30% !important}.popup-notice3{top:25% !important}.popup-notice4{top:25% !important}.popup-ranking{position:absolute !important;width:740px;background-color:#fff}.popup-ranking .title{width:740px;height:70px;background:url("images/pop_ranking_top.png")}.popup-ranking .ranking-table{width:90%;margin:auto;padding:35px 0}.popup-ranking .search-area{display:flex;background-color:#fff;justify-content:space-between;align-items:center;height:60px}.popup-ranking .search-area .txt{line-height:60px;color:#4c4c4c;font-size:20px;font-weight:900}.popup-ranking .search-area .btn-search{width:40px;height:40px;line-height:40px;padding-left:42px;background:#fff url("images/ico_search.png") 0 -3px no-repeat;color:#fff;font-weight:600;text-align:left}.popup-ranking .custom-select .selected{background:#e3e3e3;height:40px;line-height:40px;pointer-events:none}.pager{padding:24px 0}.pager a{margin:0 6px;color:#8b98b6}.pager a:hover{color:#7c1515;border-bottom:1px solid #7c1515}.pager .first,.pager .previous,.pager .next,.pager .last{margin:0;background:url("images/bg_paging.png") no-repeat 0 1px}.pager .first .sp,.pager .previous .sp,.pager .next .sp,.pager .last .sp{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px}.pager .current{font-weight:bold;color:#7c1515;margin:0 6px}.pager .previous{background-position-x:-26px;margin-right:3px}.pager .next{background-position-x:-52px;margin-left:3px}.pager .last{background-position-x:100%}@media screen and (max-width:1900px){.floating-nav{right:-20px}.btn-top{right:40px;margin-right:0}}@keyframes opacity_header{0%{opacity:0}100%{opacity:1}}@keyframes opacity_infinite{0%,100%{opacity:.98}50%{opacity:.7}}@keyframes slideLeft{to{transform:translateX(0);opacity:1}}@keyframes slideUp{to{transform:translateY(0) translateX(-50%);opacity:1}}