body,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,nav,input,select{margin:0;padding:0}body,td,th{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;color:#2a2a2a}li{list-style:none}img{vertical-align:bottom}.hide{display:none}.btn a,.btn span{position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-indent:110%}a{color:#fff;-webkit-tap-highlight-color:transparent}a:visited{color:#fff}a:active{color:#fff}a.hover{color:#fff;text-decoration:none}table{width:100%}main{display:block}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:1.6rem;position:relative}.container{position:relative;box-sizing:border-box;z-index:1}main{position:relative;z-index:1000}.pc .container{height:100vh}.pc .container .sticky-video{width:1200px;height:4857px;position:fixed;top:0;overflow:hidden;z-index:60}@media (min-width: 46.9375em){.pc .container .sticky-video{width:100%}}.pc .container .sticky-video.on{position:absolute;top:2000px}.pc .container .sticky-video.on .video .video-inner .pc-wrap{position:absolute;top:389px}.pc .container .sticky-video.on .video .video-inner #video-main{position:absolute;top:0}.pc .container .sticky-video.on .video .video-inner .pccontainer{position:absolute;top:0}.pc .container .sticky-video.on .video .video-inner .sp-wrap{position:absolute;top:389px}.pc .container .sticky-video.on .video .video-inner .sp-mask{position:absolute;top:0}.pc .container .sticky-video.on .video .video-inner .spcontainer{position:absolute;top:0}.pc .container .sticky-video.on .video .video-inner .tb-wrap{position:absolute;top:389px}.pc .container .sticky-video.on .video .video-inner .tb-mask{position:absolute;top:0}.pc .container .sticky-video.on .video .video-inner .tbcontainer{position:absolute;top:0}.pc .container .sticky-video.on .video .video-inner .cp{position:absolute;top:400px}.pc .container .sticky-video .video .video-inner{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:100%}.pc .container .sticky-video .video .video-inner .pc-wrap{position:fixed;top:50%;left:50%;margin-left:-1236px;margin-top:-624px;width:2472px;height:1569px;z-index:100}.pc .container .sticky-video .video .video-inner #video-main{position:absolute;top:0;left:0;width:91%;margin-top:58px;margin-left:88px;transform-origin:center;z-index:100;background:#171717}.pc .container .sticky-video .video .video-inner .pccontainer{position:absolute;top:0;left:0;margin-top:-50px;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_pc2.png) no-repeat left top;background-size:contain;z-index:120}.pc .container .sticky-video .video .video-inner .sp-wrap{position:fixed;top:50%;left:50%;width:354px;height:177px;margin-top:59px;z-index:120}.pc .container .sticky-video .video .video-inner .sp-mask{position:absolute;top:0;left:0;margin-top:13px;margin-left:9px;left:2513px;width:328px;height:152px;overflow:hidden;z-index:110}.pc .container .sticky-video .video .video-inner .sp-mask #video-sp{width:340px;height:191px}.pc .container .sticky-video .video .video-inner .spcontainer{position:absolute;left:2500px;width:409px;height:233px;margin-top:-28px;margin-left:-33px;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_sp.png) no-repeat left top;background-size:contain;z-index:111}.pc .container .sticky-video .video .video-inner .tb-wrap{position:fixed;top:50%;left:50%;width:354px;height:177px;margin-top:-38px;z-index:110}.pc .container .sticky-video .video .video-inner .tb-mask{position:absolute;left:-2212px;width:354px;height:263px;margin-top:-3px;margin-left:-352px;overflow:hidden;z-index:101}.pc .container .sticky-video .video .video-inner .tb-mask #video-tb{width:470px}.pc .container .sticky-video .video .video-inner .tbcontainer{position:absolute;left:-2200px;width:432px;height:344px;margin-left:-391px;margin-top:-43px;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_tab.png) no-repeat left top;background-size:contain;z-index:102}.pc .container .sticky-video .video .video-inner .cp{position:fixed;top:50%;left:50%;margin-left:-288px;margin-top:265px;width:564px;height:0;padding-top:87px;opacity:0;transition:opacity .4s;background:url(https://static.nexon.co.jp/v4/official/top_sec02_platform.png) no-repeat left top;background-size:contain;z-index:130}.pc .container .sticky-video .video .video-inner .cp span{display:none}.pc .container .sticky-video .video .video-inner .cp.on{opacity:1}.pc .container .sticky-video .video .video-inner canvas{width:1920px !important;height:1080px !important}.pc .container .sticky-video .dot{position:absolute;top:0;width:1920px;padding-top:1080px;background:url(https://static.nexon.co.jp/v4/official/top_mv_dot.png) repeat left top;z-index:200;transition:opacity .4s;opacity:1}.pc .container .sticky-video .dot.on{opacity:0}.pc .container .sticky-serious{position:-webkit-sticky;position:sticky;width:100%;display:flex;justify-content:center;top:4000px;height:5978px;z-index:10}.pc .container .sticky-serious h2{color:#000}.pc .container .sticky-3rd{position:-webkit-sticky;position:sticky;width:100%;display:flex;height:0px;z-index:100}.pc .container p{padding:0;margin:0}.pc .container .pllx{position:absolute;top:3500px;width:100%;height:2393px;overflow:hidden;z-index:50}.pc .top .main{position:relative;min-width:1200px;overflow:hidden}.pc .top .main .section-01{position:relative;top:0;margin-top:100px;width:100%;height:980px;z-index:200}@media (min-width: 46.9375em){.pc .top .main .section-01{width:100%}}.pc .top .main .section-01 h1{position:absolute;left:50%;margin-left:-150px;top:173px;width:314px;height:240px;background:url(https://static.nexon.co.jp/v4/official/top_logo.png) no-repeat center top;background-size:contain}.pc .top .main .section-01 h1 span{display:none}.pc .top .main .section-01 .btn-play{position:absolute;top:0;left:50%;margin-left:-71px;margin-top:450px;width:120px;height:120px;background:url(https://static.nexon.co.jp/v4/official/top_btn_mv.png) no-repeat left top;background-size:100% 200%}.pc .top .main .section-01 .btn-play a{position:absolute;top:0;height:0;display:block;width:100%;height:100%;border:none;white-space:nowrap;overflow:hidden;text-indent:110%;overflow:hidden;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/top_btn_mv.png) no-repeat left bottom;background-size:100% 200%}.pc .top .main .section-01 .btn-play a:hover{opacity:1;background-position:left bottom}.pc .top .main .section-01 .btn-players{position:absolute;top:0;left:50%;margin-left:-252px;margin-top:742px;width:504px;height:116px;background:url(https://static.nexon.co.jp/v4/official/top_btn_players.png) no-repeat left top;background-size:100% 200%}.pc .top .main .section-01 .btn-players a{position:absolute;top:0;display:block;width:100%;height:100%;border:none;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/top_btn_players.png) no-repeat left bottom;background-size:100% 200%}.pc .top .main .section-01 .btn-players a:hover{opacity:1;background-position:left bottom}.pc .top .main .section-01 .btn-players a span{display:none}.pc .top .main .section-01 .store{display:flex;position:absolute;top:0;margin-top:660px;left:50%;margin-left:-354px;width:708px}.pc .top .main .section-01 .store .btn-app{position:relative;width:190px;height:0;padding-top:70px;margin-right:20px}.pc .top .main .section-01 .store .btn-app a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/common/footer_store_app_dl.png) no-repeat center top;background-size:contain}.pc .top .main .section-01 .store .btn-app a span{display:none}.pc .top .main .section-01 .store .btn-gp{position:relative;width:237px;height:0;padding-top:70px;margin-right:20px}.pc .top .main .section-01 .store .btn-gp a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/top_btn_gp.png) no-repeat center top;background-size:contain}.pc .top .main .section-01 .store .btn-gp a span{display:none}.pc .top .main .section-01 .store .btn-pc{position:relative;width:240px;height:0;padding-top:70px}.pc .top .main .section-01 .store .btn-pc a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/top_btn_pc.png) no-repeat center top;background-size:contain}.pc .top .main .section-01 .store .btn-pc a span{display:none}.pc .top .main .section-01 .btn-check{position:fixed;bottom:0;right:0;margin-top:809px;width:329px;height:171px;background:url(https://static.nexon.co.jp/v4/official/brand_btn_check.png) no-repeat left top/auto;cursor:pointer;outline:none;transition:opacity .4s;opacity:1}.pc .top .main .section-01 .btn-check.on{pointer-events:none;opacity:0}.pc .top .main .section-01 .btn-check a{position:absolute;top:0;display:block;width:100%;height:100%}.pc .top .main .section-01 .btn-check .hide{display:none}.pc .top .main .section-01 .btn-check .date{position:absolute;top:0;left:0;margin:130px 0 0 184px;padding-right:25px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;font-size:24px;font-style:italic;font-weight:bold;color:#431f06}.pc .top .main .section-01 .btn-check .date:after{content:"";position:absolute;top:0;right:0;width:20px;height:20px;margin-top:9px;background:url(https://static.nexon.co.jp/v4/official/brand_icon_check_new.png) no-repeat left top/auto}.pc .top .main .section-02{position:absolute;top:1380px;margin-top:100px;width:100%;z-index:100}.pc .top .main .section-02 .copy{position:fixed;width:100%;height:176px;text-align:center;color:#fff}.pc .top .main .section-02 .copy.on{position:fixed;top:50%;transform:translateY(-50%);color:#000}.pc .top .main .section-02 .copy.out{position:fixed;top:116px;color:#000;opacity:1;animation:sec02copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02copyout{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.pc .top .main .section-02 .copy .txt-01{display:block;position:absolute;left:50%;width:444px;height:0;padding-top:144px;margin-top:0px;margin-left:-191px;overflow:hidden;white-space:nowrap;text-indent:110%;background:url(https://static.nexon.co.jp/v4/official/top_sec02_txt01.png) no-repeat left top;background-size:contain;opacity:0}.pc .top .main .section-02 .copy .txt-01.on{animation:sec02Txt01 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02Txt01{0%{transform:scale(2);opacity:0}100%{transform:scale(1);opacity:1}}.pc .top .main .section-02 .copy .txt-02{display:block;position:absolute;left:50%;width:607px;height:0;padding-top:289px;margin-top:48px;margin-left:-307px;font-size:88px;color:#fff;letter-spacing:10px;overflow:hidden;white-space:nowrap;text-indent:110%;background:url(https://static.nexon.co.jp/v4/official/top_sec02_txt02.png) no-repeat left top;background-size:contain;opacity:0}.pc .top .main .section-02 .copy .txt-02.on{animation:sec02Txt02 0.6s 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02Txt02{0%{transform:scale(2);opacity:0}100%{transform:scale(1);opacity:1}}.pc .top .main .section-02 _:-ms-lang(x)::backdrop,.pc .top .main .section-02 .copy{position:absolute !important}.pc .top .main .section-02 _:-ms-lang(x)::backdrop.on,.pc .top .main .section-02 .copy.on{position:absolute}.pc .top .main .section-02 _:lang(x)::-ms-,.pc .top .main .section-02 .copy{position:absolute !important}.pc .top .main .section-02 _:lang(x)::-ms-.on,.pc .top .main .section-02 .copy.on{position:absolute}.pc .top .main .section-02 .cp{display:none;position:fixed;top:727px;width:100%;font-family:"Hiragino Sans";font-weight:600;text-align:center;opacity:0}.pc .top .main .section-02 .cp.on{opacity:1}.pc .top .main .section-02 .cp.out{position:absolute;top:978px;opacity:1}.pc .top .main .section-02 .cp dt{position:relative;font-size:48px;line-height:42px;letter-spacing:10px;font-feature-settings:"palt" 1;color:#e21616}.pc .top .main .section-02 .cp dd{position:relative;font-size:28px;line-height:42px;font-feature-settings:"palt" 1;color:#2a2a2a}.pc .top .main .section-03{position:absolute;top:3084px;margin-top:100px;width:100%;z-index:100}.pc .top .main .section-03 .copy{width:100%;font-weight:600;text-align:center;color:#171717}.pc .top .main .section-03 .copy.on{position:fixed;top:186px;color:#000}.pc .top .main .section-03 .copy .txt-01{display:block;position:absolute;left:50%;width:787px;height:289px;margin-top:99px;margin-left:-416px;opacity:0;overflow:hidden;white-space:nowrap;text-indent:110%;background:url(https://static.nexon.co.jp/v4/official/top_sec03_txt01.png) no-repeat left top}.pc .top .main .section-03 .copy .txt-01.on{animation:sec03Txt01 0.46s 0s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1 both}.pc .top .main .section-03 .copy .txt-01.out{opacity:1}.pc .top .main .section-03 .copy .txt-02{display:block;position:absolute;left:50%;width:938px;height:662px;margin-top:132px;margin-left:-480px;opacity:0;overflow:hidden;white-space:nowrap;text-indent:110%;background:url(https://static.nexon.co.jp/v4/official/top_sec03_txt02.png) no-repeat}.pc .top .main .section-03 .copy .txt-02.on{animation:sec03Txt01 0.46s 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1 both}.pc .top .main .section-03 .copy .txt-02.out{opacity:1}@keyframes sec03Txt01{0%{transform:scale(3);opacity:0}95%{transform:scale(0.95);opacity:1}100%{transform:scale(1);opacity:1}}.pc .top .main .section-03 .cp{position:fixed;top:816px;width:100%;font-family:"Hiragino Sans";font-weight:600;text-align:center;opacity:0}.pc .top .main .section-03 .cp.on{opacity:1}.pc .top .main .section-03 .cp dt{position:relative;font-size:48px;line-height:42px;letter-spacing:10px;font-feature-settings:"palt" 1;color:#e21616}.pc .top .main .section-03 .cp dd{position:relative;font-size:28px;line-height:42px;font-feature-settings:"palt" 1;color:#2a2a2a}.pc .top .main .section-04{position:absolute;top:3885px;margin-top:100px;width:100%;z-index:100}.pc .top .main .section-04 .copy{width:100%;color:#171717}.pc .top .main .section-04 .copy.on{color:#000}.pc .top .main .section-04 .copy.out{position:fixed;top:116px;color:#000;animation:sec04copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec04copyout{0%{opacity:1}100%{opacity:0}}.pc .top .main .section-04 .copy>span{display:block;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0}.pc .top .main .section-04 .copy .txt-01{top:96px;margin-left:-295px;width:613px;height:0;padding-top:237px;background:url(https://static.nexon.co.jp/v4/official/top_sec04_txt01.png) no-repeat left top}.pc .top .main .section-04 .copy .txt-01.on{animation:sec04Txt01 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-04 .copy .txt-01.out{top:14px;margin-left:162px;opacity:1;animation:sec04Txt01out 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec04Txt01{0%{transform:scale(3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes sec04Txt01out{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(-200px);opacity:0}}.pc .top .main .section-04 ol li{position:absolute;left:50%;width:277px;height:0;padding-top:423px;opacity:0}.pc .top .main .section-04 ol li dl{display:none}.pc .top .main .section-04 ol .pt-01{top:259px;margin-left:-588px;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt01.png) no-repeat left top}.pc .top .main .section-04 ol .pt-01.on{animation:sec04Pt 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-04 ol .pt-02{top:349px;margin-left:-285px;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt02.png) no-repeat left top}.pc .top .main .section-04 ol .pt-02.on{animation:sec04Pt 0.4s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-04 ol .pt-03{top:259px;margin-left:17px;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt03.png) no-repeat left top}.pc .top .main .section-04 ol .pt-03.on{animation:sec04Pt 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-04 ol .pt-04{top:349px;margin-left:319px;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt04.png) no-repeat left top}.pc .top .main .section-04 ol .pt-04.on{animation:sec04Pt 0.4s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec04Pt{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.pc .top .main .section-05{position:absolute;top:4920px;margin-top:100px;width:100%;z-index:100}.pc .top .main .section-05 .copy{width:100%;color:#171717}.pc .top .main .section-05 .copy.on{color:#000}.pc .top .main .section-05 .copy.out{position:fixed;top:116px;color:#000;animation:sec05copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec05copyout{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.pc .top .main .section-05 .copy>span{display:block;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0}.pc .top .main .section-05 .copy .txt-01{top:200px;margin-left:-480px;width:961px;height:231px;letter-spacing:0px;background:url(https://static.nexon.co.jp/v4/official/top_sec05_txt01.png) no-repeat left top}.pc .top .main .section-05 .copy .txt-01.on{animation:sec05Txt01 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-05 .copy .txt-01.out{top:14px;margin-left:-590px;opacity:1;animation:sec05Txt01out 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec05Txt01{0%{transform:scale(3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes sec05Txt01out{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(-200px);opacity:0}}.pc .top .main .section-05 ol li{position:absolute;left:50%;width:277px;height:0;padding-top:423px;opacity:0}.pc .top .main .section-05 ol li dl{display:none}.pc .top .main .section-05 ol .pt-01{top:451px;margin-left:-588px;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt01.png) no-repeat left top}.pc .top .main .section-05 ol .pt-01.on{animation:sec04Pt 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-05 ol .pt-02{top:390px;margin-left:-285px;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt02.png) no-repeat left top}.pc .top .main .section-05 ol .pt-02.on{animation:sec04Pt 0.4s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-05 ol .pt-03{top:451px;margin-left:17px;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt03.png) no-repeat left top}.pc .top .main .section-05 ol .pt-03.on{animation:sec04Pt 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-05 ol .pt-04{top:390px;margin-left:319px;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt04.png) no-repeat left top}.pc .top .main .section-05 ol .pt-04.on{animation:sec04Pt 0.4s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec05Pt{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.pc .top .main .section-06{position:absolute;top:6243px;margin-top:100px;width:100%;z-index:100}.pc .top .main .section-06 .copy{width:100%;color:#171717}.pc .top .main .section-06 .copy.on{color:#000}.pc .top .main .section-06 .copy.out{position:fixed;top:116px;color:#000;animation:sec06copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec06copyout{0%{transform:translateY(200px);opacity:1}100%{transform:translateY(0px);opacity:0}}.pc .top .main .section-06 .copy>span{display:block;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0}.pc .top .main .section-06 .copy .txt-01{top:-128px;margin-left:-358px;width:801px;height:236px;text-align:center;background:url(https://static.nexon.co.jp/v4/official/top_sec06_txt01.png) no-repeat left top}.pc .top .main .section-06 .copy .txt-01.on{animation:sec06Txt01 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec06Txt01{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.pc .top .main .section-06 [class^=btn]{position:absolute;top:151px;left:50%;width:383px;height:399px;opacity:0}.pc .top .main .section-06 [class^=btn] a{position:absolute;top:5px;left:6px;display:block;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-indent:110%}.pc .top .main .section-06 .btn-system{margin-left:-588px;background:url(https://static.nexon.co.jp/v4/official/top_sec06_btn01.png) no-repeat left top}.pc .top .main .section-06 .btn-system.on{animation:sec06btn01 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-06 .btn-character{margin-left:-190px;background:url(https://static.nexon.co.jp/v4/official/top_sec06_btn02.png) no-repeat left top}.pc .top .main .section-06 .btn-character.on{animation:sec06btn01 0.4s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.pc .top .main .section-06 .btn-movie{margin-left:212px;background:url(https://static.nexon.co.jp/v4/official/top_sec06_btn03.png) no-repeat left top}.pc .top .main .section-06 .btn-movie.on{animation:sec06btn01 0.4s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec06btn01{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.pc .top .main .shade-black{position:fixed;top:0px;width:100%;height:100vh;background:#000;opacity:0;z-index:90;transition:opacity .4s}.pc .top .main .shade-black.on{opacity:.7}.pc .top .main .bg-change{position:fixed;top:0px;left:50%;margin-left:-960px;width:1920px;height:100vh;z-index:10;background:#171717}.pc .top .main .bg-change .sec-02{position:fixed;top:0;left:50%;margin-left:-960px;width:1920px;height:100vh;background:url(https://static.nexon.co.jp/v4/official/top_sec02_bg.jpg) no-repeat center top;background-size:contain;z-index:120;opacity:0}.pc .top .main .bg-change .sec-02.on{opacity:1}.pc .top .main .bg-change .sec-02 .chara-left{position:absolute;top:0;margin-top:652px;left:50%;margin-left:-960px;width:682px;height:0;padding-top:330px;background:url(https://static.nexon.co.jp/v4/official/top_sec02_chara_left.png) no-repeat left top;background-size:contain;opacity:0}.pc .top .main .bg-change .sec-02 .chara-left.on{animation:sec02BgCharaLeft 1.2s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02BgCharaLeft{0%{transform:translateX(-30px);opacity:0}100%{transform:translateX(0px);opacity:1}}.pc .top .main .bg-change .sec-02 .chara-right{position:absolute;top:0;margin-top:441px;left:50%;margin-left:-288px;width:1248px;height:0;padding-top:541px;background:url(https://static.nexon.co.jp/v4/official/top_sec02_chara_right.png) no-repeat left top;background-size:contain;opacity:0}.pc .top .main .bg-change .sec-02 .chara-right.on{animation:sec02BgCharaRight 1.2s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02BgCharaRight{0%{transform:translateX(30px);opacity:0}100%{transform:translateX(0px);opacity:1}}.pc .top .main .bg-change .sec-03{position:fixed;top:0;left:50%;margin-left:-960px;width:1920px;height:100vh;background:url(https://static.nexon.co.jp/v4/official/top_sec03_bg.jpg) no-repeat center top;background-size:contain;z-index:130;opacity:0;transition:opacity 1.2s ease-out}.pc .top .main .bg-change .sec-03.on{opacity:1}.pc .top .main .bg-change .sec-03 .chara-left{position:absolute;top:0;margin-top:601px;left:50%;margin-left:-960px;width:852px;height:0;padding-top:377px;background:url(https://static.nexon.co.jp/v4/official/top_sec03_chara_left.png) no-repeat left top;background-size:contain;opacity:0;transform:translateX(-30px);transition:all 1.2s .4s;z-index:100}.pc .top .main .bg-change .sec-03 .chara-left.on{transform:translateX(0px);opacity:1}@keyframes sec03BgCharaLeft{0%{transform:translateX(-30px);opacity:0}100%{transform:translateX(0px);opacity:1}}.pc .top .main .bg-change .sec-03 .chara-right{position:absolute;top:0;margin-top:355px;left:50%;margin-left:322px;width:455px;height:0;padding-top:521px;background:url(https://static.nexon.co.jp/v4/official/top_sec03_chara_right.png) no-repeat left top;background-size:contain;opacity:0;transform:translateX(30px);transition:all 1.2s .4s;z-index:100}.pc .top .main .bg-change .sec-03 .chara-right.on{transform:translateX(0px);opacity:1}@keyframes sec03BgCharaRight{0%{transform:translateX(30px);opacity:0}100%{transform:translateX(0px);opacity:1}}.pc .top .main .bg-change .sec-03 .cloud{position:absolute;top:0;width:1920px;height:100%;background:url(https://static.nexon.co.jp/v4/official/top_sec03_bg_cloud.png) repeat-x center top;background-size:contain;animation:sec03Bgcloud 36s 0s linear infinite both;z-index:10}@keyframes sec03Bgcloud{0%{background-position:0 0}100%{background-position:-1760px 0}}.pc .top .main .bg-change .sec-06{position:fixed;top:0;left:50%;margin-left:-960px;width:1920px;height:100vh;background:#171717 url(https://static.nexon.co.jp/v4/official/top_sec06_bg.jpg) no-repeat center top;background-size:contain;z-index:160;opacity:0;transition:opacity 1.2s ease-out}.pc .top .main .bg-change .sec-06.on{opacity:1}.sp .container{height:100vh}.sp .container .sticky-video{width:100%;padding-top:1026.66667%;position:fixed;top:0;overflow:hidden;z-index:60}@media (min-width: 46.9375em){.sp .container .sticky-video{width:100%;padding-top:4700px}}.sp .container .sticky-video.on{position:absolute}.sp .container .sticky-video.on .video .video-inner .pc-wrap{position:absolute;margin-top:-60% !important}.sp .container .sticky-video.on .video .video-inner #video-main{position:absolute;top:0}.sp .container .sticky-video.on .video .video-inner .pccontainer{position:absolute;top:0}.sp .container .sticky-video.on .video .video-inner .sp-wrap{position:absolute;margin-top:-18.26667% !important}.sp .container .sticky-video.on .video .video-inner .sp-mask{position:absolute}.sp .container .sticky-video.on .video .video-inner .spcontainer{position:absolute;top:0}.sp .container .sticky-video.on .video .video-inner .tb-wrap{position:absolute;margin-top:-29.73333% !important}.sp .container .sticky-video.on .video .video-inner .tb-mask{position:absolute;top:0}.sp .container .sticky-video.on .video .video-inner .tbcontainer{position:absolute;top:0}.sp .container .sticky-video.on .video .video-inner .cp{position:absolute;margin-top:9.33333% !important}.sp .container .sticky-video .video .video-inner{position:absolute;top:0;width:100%;height:100%}.sp .container .sticky-video .video .video-inner .pc-wrap{position:fixed;top:50%;left:50%;margin-left:-1030px;margin-top:-536px;width:2060px;height:1307px;z-index:100}.sp .container .sticky-video .video .video-inner #video-main{position:absolute;top:0;left:0;margin-left:5.06667%;margin-top:4.8%;width:90%;transform-origin:center;z-index:100}.sp .container .sticky-video .video .video-inner .pccontainer{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_pc.png) no-repeat left top;background-size:contain;z-index:99}.sp .container .sticky-video .video .video-inner .sp-wrap{position:fixed;top:50%;left:50%;width:41.33333%;height:0;padding-top:20.66667%;margin-top:14.53333%;z-index:120}.sp .container .sticky-video .video .video-inner .sp-mask{position:absolute;top:0;left:0;margin-top:2.58065%;margin-left:2.58065%;left:2513px;width:93.54839%;height:0;padding-top:45.80645%;overflow:hidden;z-index:110}.sp .container .sticky-video .video .video-inner .sp-mask #video-sp{position:absolute;top:0;width:109.67742%}.sp .container .sticky-video .video .video-inner .spcontainer{position:absolute;top:0;left:2500px;width:118.3871%;height:0;padding-top:70%;margin-left:-9.67742%;margin-top:-8.3871%;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_sp.png) no-repeat left top;background-size:contain;z-index:111}.sp .container .sticky-video .video .video-inner .tb-wrap{position:fixed;top:50%;left:50%;width:44.53333%;height:0;padding-top:33.86667%;margin-top:12px;z-index:110}.sp .container .sticky-video .video .video-inner .tb-mask{position:absolute;top:0;left:-2212px;width:96.40719%;height:0;padding-top:69.46108%;margin-top:-.8982%;margin-left:-93.41317%;overflow:hidden;z-index:101}.sp .container .sticky-video .video .video-inner .tb-mask #video-tb{position:absolute;top:0;width:140.71856%}.sp .container .sticky-video .video .video-inner .tbcontainer{position:absolute;top:0;left:-2200px;width:116.16766%;height:0;padding-top:92.81437%;margin-left:-102.09581%;margin-top:-11.67665%;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_tab.png) no-repeat left top;background-size:contain;z-index:102}.sp .container .sticky-video .video .video-inner .cp{position:fixed;top:50%;left:50%;margin-left:-41.73333%;margin-top:42.66667%;width:82.13333%;height:0;padding-top:12.93333%;opacity:0;transition:opacity .4s;background:url(https://static.nexon.co.jp/v4/official/top_sec02_platform.png) no-repeat left top;background-size:contain;z-index:130}.sp .container .sticky-video .video .video-inner .cp span{display:none}.sp .container .sticky-video .video .video-inner .cp.on{opacity:1}.sp .container .sticky-video .video .video-inner canvas{width:1920px !important;height:1080px !important}.sp .container .sticky-video .dot{position:absolute;top:0;width:100%;padding-top:1080px;background:url(https://static.nexon.co.jp/v4/official/top_mv_dot.png) repeat left top;z-index:200;transition:opacity .4s;opacity:1}.sp .container .sticky-video .dot.on{opacity:0}.sp .container .sticky-serious{position:-webkit-sticky;position:sticky;width:100%;display:flex;justify-content:center;top:4000px;height:0;padding-top:1412%;z-index:10}.sp .container .sticky-serious h2{color:#000}.sp .container .sticky-3rd{position:-webkit-sticky;position:sticky;width:100%;display:flex;height:0px;z-index:100}.sp .container .pllx{position:fixed;top:0;width:100%;height:100vh;overflow:hidden;z-index:50}.tab .top .main,.sp .top .main{position:relative}.tab .top .main .section-01,.sp .top .main .section-01{position:relative;top:0;margin-top:13.33333%;width:100%;height:0;padding-top:200%;overflow:hidden;z-index:200}.tab .top .main .section-01 h1,.sp .top .main .section-01 h1{position:absolute;top:0;left:50%;margin-left:-31.6%;margin-top:39.06667%;width:63.2%;height:0;padding-top:48.4%;background:url(https://static.nexon.co.jp/v4/official/top_logo.png) no-repeat center top;background-size:contain}.tab .top .main .section-01 h1 span,.sp .top .main .section-01 h1 span{display:none}.tab .top .main .section-01 .btn-play,.sp .top .main .section-01 .btn-play{position:absolute;top:0;left:50%;margin-left:-12%;margin-top:96%;width:24%;height:0;padding-top:24%;background:url(https://static.nexon.co.jp/v4/official/top_btn_mv.png) no-repeat left top;background-size:100% 200%}.tab .top .main .section-01 .btn-play a,.sp .top .main .section-01 .btn-play a{position:absolute;top:0;height:0;display:block;width:100%;height:100%;border:none;white-space:nowrap;overflow:hidden;text-indent:110%;overflow:hidden;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/top_btn_mv.png) no-repeat left bottom;background-size:100% 200%}.tab .top .main .section-01 .btn-players,.sp .top .main .section-01 .btn-players{position:absolute;top:0;left:50%;margin-left:-40.66667%;margin-top:162.13333%;width:81.33333%;height:0;padding-top:17.6%;background:url(https://static.nexon.co.jp/v4/official/top_btn_players_sp.png) no-repeat left top;background-size:100% 200%}.tab .top .main .section-01 .btn-players a,.sp .top .main .section-01 .btn-players a{position:absolute;top:0;display:block;width:100%;height:100%;border:none;opacity:0;transition:opacity .8s;background:url(https://static.nexon.co.jp/v4/official/top_btn_players_sp.png) no-repeat left bottom;background-size:100% 200%}.tab .top .main .section-01 .btn-players a span,.sp .top .main .section-01 .btn-players a span{display:none}.tab .top .main .section-01 .store,.sp .top .main .section-01 .store{display:flex;position:absolute;top:0;margin-top:148%;width:100%}.tab .top .main .section-01 .store .btn-app,.sp .top .main .section-01 .store .btn-app{position:absolute;top:0;left:50%;margin-left:-36%;width:30.53333%;height:0;padding-top:11.2%}.tab .top .main .section-01 .store .btn-app a,.sp .top .main .section-01 .store .btn-app a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/common/footer_store_app_dl.png) no-repeat center top;background-size:contain}.tab .top .main .section-01 .store .btn-app a span,.sp .top .main .section-01 .store .btn-app a span{display:none}.tab .top .main .section-01 .store .btn-gp,.sp .top .main .section-01 .store .btn-gp{position:absolute;top:0;left:50%;margin-left:-1.73333%;width:37.73333%;height:0;padding-top:11.2%}.tab .top .main .section-01 .store .btn-gp a,.sp .top .main .section-01 .store .btn-gp a{position:absolute;top:0;display:block;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/top_btn_gp.png) no-repeat center top;background-size:contain}.tab .top .main .section-01 .store .btn-gp a span,.sp .top .main .section-01 .store .btn-gp a span{display:none}.tab .top .main .section-01 .store .btn-pc,.sp .top .main .section-01 .store .btn-pc{display:none}.tab .top .main .section-01 .btn-check,.sp .top .main .section-01 .btn-check{position:fixed;bottom:0;left:50%;margin-left:-50%;width:100%;height:0;padding-top:26.66667%;background:url(https://static.nexon.co.jp/v4/official/brand_btn_check_sp.png) no-repeat left top/contain;cursor:pointer;outline:none;transition:opacity .4s;opacity:1}.tab .top .main .section-01 .btn-check.on,.sp .top .main .section-01 .btn-check.on{pointer-events:none;opacity:0}.tab .top .main .section-01 .btn-check a,.sp .top .main .section-01 .btn-check a{position:absolute;top:0;display:block;width:100%;height:100%}.tab .top .main .section-01 .btn-check .hide,.sp .top .main .section-01 .btn-check .hide{display:none}.tab .top .main .section-01 .btn-check .date,.sp .top .main .section-01 .btn-check .date{position:absolute;top:0;left:0;margin:18.4% 0 0 57.6%;padding-right:6%;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;font-size:36px;font-size:4.8vw;font-style:italic;font-weight:bold;color:#431f06}.tab .top .main .section-01 .btn-check .date:after,.sp .top .main .section-01 .btn-check .date:after{content:"";position:absolute;top:0;right:0;width:4.13333vw;padding-top:4.13333vw;margin-top:1.6vw;background:url(https://static.nexon.co.jp/v4/official/brand_icon_check_new_sp.png) no-repeat left top/contain}.tab .top .main .section-02,.sp .top .main .section-02{position:absolute;top:0;margin-top:320%;width:100%;height:50%;z-index:100}.tab .top .main .section-02 .copy,.sp .top .main .section-02 .copy{position:fixed;width:100%;font-weight:600;text-align:center;color:#fff}.tab .top .main .section-02 .copy.on,.sp .top .main .section-02 .copy.on{position:fixed;top:50%;margin-top:-12%;color:#000}.tab .top .main .section-02 .copy.out,.sp .top .main .section-02 .copy.out{position:fixed;top:0;margin-top:15.46667%;color:#000;opacity:1;animation:sec02copyout_sp 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02copyout_sp{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.tab .top .main .section-02 .copy .txt-01,.sp .top .main .section-02 .copy .txt-01{position:relative;left:50%;margin-left:-25.6%;display:block;width:58.93333%;height:0;padding-top:19.2%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0;background:url(https://static.nexon.co.jp/v4/official/top_sec02_txt01_sp.png) no-repeat center top;background-size:contain}.tab .top .main .section-02 .copy .txt-01.on,.sp .top .main .section-02 .copy .txt-01.on{animation:sec02Txt01_sp 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02Txt01_sp{0%{transform:scale(2.5);opacity:0}100%{transform:scale(1);opacity:1;letter-spacing:10px}}.tab .top .main .section-02 .copy br,.sp .top .main .section-02 .copy br{height:0}.tab .top .main .section-02 .copy .txt-02,.sp .top .main .section-02 .copy .txt-02{position:relative;left:50%;margin-top:-13.6%;margin-left:-41.33333%;display:block;width:81.2%;height:0;padding-top:38.53333%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0;background:url(https://static.nexon.co.jp/v4/official/top_sec02_txt02_sp.png) no-repeat center top;background-size:contain}.tab .top .main .section-02 .copy .txt-02.on,.sp .top .main .section-02 .copy .txt-02.on{animation:sec02Txt02_sp 0.6s 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec02Txt02_sp{0%{transform:scale(2.5);opacity:0}100%{transform:scale(1);opacity:1;letter-spacing:6px}}.tab .top .main .section-03,.sp .top .main .section-03{position:absolute;top:0;margin-top:546.66667%;width:100%;overflow:hidden;z-index:100}.tab .top .main .section-03 .copy,.sp .top .main .section-03 .copy{position:relative;width:100%;height:100vh}.tab .top .main .section-03 .copy span,.sp .top .main .section-03 .copy span{overflow:hidden;white-space:nowrap;text-indent:110%}.tab .top .main .section-03 .copy .txt-01,.sp .top .main .section-03 .copy .txt-01{display:block;position:relative;left:50%;top:50%;width:95.2%;height:0;padding-top:34.66667%;margin-left:-50%;opacity:0;background:url(https://static.nexon.co.jp/v4/official/top_sec03_txt01_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-03 .copy .txt-01.on,.sp .top .main .section-03 .copy .txt-01.on{animation:sec03Txt01_sp 0.4s 0s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1 both}.tab .top .main .section-03 .copy .txt-01.out,.sp .top .main .section-03 .copy .txt-01.out{opacity:1}.tab .top .main .section-03 .copy .txt-02,.sp .top .main .section-03 .copy .txt-02{display:block;position:relative;left:50%;top:50%;width:95.2%;height:0;padding-top:84.13333%;margin-left:-50%;margin-top:-24.53333%;opacity:0;background:url(https://static.nexon.co.jp/v4/official/top_sec03_txt02_sp.png) no-repeat;background-size:contain}.tab .top .main .section-03 .copy .txt-02.on,.sp .top .main .section-03 .copy .txt-02.on{animation:sec03Txt01_sp 0.4s 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1 both}.tab .top .main .section-03 .copy .txt-02.out,.sp .top .main .section-03 .copy .txt-02.out{opacity:1}@keyframes sec03Txt01_sp{0%{transform:scale(3);opacity:0}100%{transform:scale(1);opacity:1}}.tab .top .main .section-04,.sp .top .main .section-04{position:absolute;top:0;margin-top:726%;width:100%;overflow:hidden;z-index:100}.tab .top .main .section-04 .copy,.sp .top .main .section-04 .copy{width:100%;height:40%;color:#171717}.tab .top .main .section-04 .copy.on,.sp .top .main .section-04 .copy.on{color:#000}.tab .top .main .section-04 .copy.out,.sp .top .main .section-04 .copy.out{color:#000;animation:sec04copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec04copyout{0%{opacity:1}100%{opacity:0}}.tab .top .main .section-04 .copy>span,.sp .top .main .section-04 .copy>span{display:block;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0}.tab .top .main .section-04 .copy .txt-01,.sp .top .main .section-04 .copy .txt-01{top:0;margin-top:66.66667%;margin-left:-39.6%;width:83.06667%;height:0;padding-top:31.6%;background:url(https://static.nexon.co.jp/v4/official/top_sec04_txt01_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-04 .copy .txt-01.on,.sp .top .main .section-04 .copy .txt-01.on{animation:sec04Txt01_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-04 .copy .txt-01.out,.sp .top .main .section-04 .copy .txt-01.out{margin-top:-86.66667%;margin-left:10.26667%;opacity:1;animation:sec04Txt01out_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec04Txt01_sp{0%{transform:scale(3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes sec04Txt01out_sp{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(-200px);opacity:0}}.tab .top .main .section-04 ol,.sp .top .main .section-04 ol{width:100%;padding-top:300%}.tab .top .main .section-04 ol li,.sp .top .main .section-04 ol li{position:absolute;top:0;left:50%;width:47.06667%;height:0;padding-top:72.4%;opacity:0}.tab .top .main .section-04 ol li dl,.sp .top .main .section-04 ol li dl{display:none}.tab .top .main .section-04 ol .pt-01,.sp .top .main .section-04 ol .pt-01{margin-top:94.26667%;margin-left:-46.4%;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt01.png) no-repeat left top;background-size:contain}.tab .top .main .section-04 ol .pt-01.on,.sp .top .main .section-04 ol .pt-01.on{animation:sec04Pt_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-04 ol .pt-02,.sp .top .main .section-04 ol .pt-02{margin-top:102.26667%;margin-left:1.2%;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt02.png) no-repeat left top;background-size:contain}.tab .top .main .section-04 ol .pt-02.on,.sp .top .main .section-04 ol .pt-02.on{animation:sec04Pt_sp 0.4s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-04 ol .pt-03,.sp .top .main .section-04 ol .pt-03{margin-top:166.4%;margin-left:-46.4%;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt03.png) no-repeat left top;background-size:contain}.tab .top .main .section-04 ol .pt-03.on,.sp .top .main .section-04 ol .pt-03.on{animation:sec04Pt_sp 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-04 ol .pt-04,.sp .top .main .section-04 ol .pt-04{margin-top:174.4%;margin-left:1.2%;background:url(https://static.nexon.co.jp/v4/official/top_sec04_pt04.png) no-repeat left top;background-size:contain}.tab .top .main .section-04 ol .pt-04.on,.sp .top .main .section-04 ol .pt-04.on{animation:sec04Pt_sp 0.4s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec04Pt_sp{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.tab .top .main .section-05,.sp .top .main .section-05{position:absolute;top:0;margin-top:972.26667%;width:100%;overflow:hidden;z-index:100}.tab .top .main .section-05 .copy,.sp .top .main .section-05 .copy{width:100%;color:#171717}.tab .top .main .section-05 .copy.on,.sp .top .main .section-05 .copy.on{color:#000}.tab .top .main .section-05 .copy.out,.sp .top .main .section-05 .copy.out{position:fixed;top:50%;color:#000;animation:sec05copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec05copyout{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.tab .top .main .section-05 .copy>span,.sp .top .main .section-05 .copy>span{display:block;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0}.tab .top .main .section-05 .copy .txt-01,.sp .top .main .section-05 .copy .txt-01{top:0;margin-top:40%;margin-left:-50%;width:88.26667%;height:0;padding-top:39.2%;background:url(https://static.nexon.co.jp/v4/official/top_sec05_txt01_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-05 .copy .txt-01.on,.sp .top .main .section-05 .copy .txt-01.on{animation:sec05Txt01_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-05 .copy .txt-01.slide,.sp .top .main .section-05 .copy .txt-01.slide{opacity:1;animation:sec05Txt01_1_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-05 .copy .txt-01.out,.sp .top .main .section-05 .copy .txt-01.out{margin-top:-86.66667%;margin-left:-28.26667%;opacity:1;animation:sec05Txt01out_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec05Txt01_sp{0%{transform:scale(3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes sec05Txt01out_sp{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(-200px);opacity:0}}.tab .top .main .section-05 ol,.sp .top .main .section-05 ol{width:100%;padding-top:300%}.tab .top .main .section-05 ol li,.sp .top .main .section-05 ol li{position:absolute;top:0;left:50%;width:46.4%;height:0;padding-top:71.73333%;opacity:0}.tab .top .main .section-05 ol li dl,.sp .top .main .section-05 ol li dl{display:none}.tab .top .main .section-05 ol .pt-01,.sp .top .main .section-05 ol .pt-01{margin-top:83.33333%;margin-left:-46.4%;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt01.png) no-repeat left top;background-size:contain}.tab .top .main .section-05 ol .pt-01.on,.sp .top .main .section-05 ol .pt-01.on{animation:sec05Pt_sp 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-05 ol .pt-02,.sp .top .main .section-05 ol .pt-02{margin-top:75.33333%;margin-left:1.2%;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt02.png) no-repeat left top;background-size:contain}.tab .top .main .section-05 ol .pt-02.on,.sp .top .main .section-05 ol .pt-02.on{animation:sec05Pt_sp 0.4s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-05 ol .pt-03,.sp .top .main .section-05 ol .pt-03{margin-top:154.26667%;margin-left:-46.4%;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt03.png) no-repeat left top;background-size:contain}.tab .top .main .section-05 ol .pt-03.on,.sp .top .main .section-05 ol .pt-03.on{animation:sec05Pt_sp 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-05 ol .pt-04,.sp .top .main .section-05 ol .pt-04{margin-top:146.26667%;margin-left:1.2%;background:url(https://static.nexon.co.jp/v4/official/top_sec05_pt04.png) no-repeat left top;background-size:contain}.tab .top .main .section-05 ol .pt-04.on,.sp .top .main .section-05 ol .pt-04.on{animation:sec05Pt_sp 0.4s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec05Pt_sp{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.tab .top .main .section-06,.sp .top .main .section-06{position:absolute;top:0;margin-top:1224.53333%;width:100%;overflow:hidden;z-index:100}.tab .top .main .section-06 .pc-btns,.sp .top .main .section-06 .pc-btns{display:none}.tab .top .main .section-06 .copy,.sp .top .main .section-06 .copy{position:absolute;top:0;left:50%;margin-top:11.73333%;margin-left:-44.13333%;width:93.06667%;height:0;padding-top:31.46667%}.tab .top .main .section-06 .copy.out,.sp .top .main .section-06 .copy.out{position:fixed;top:116px;color:#000;animation:sec06copyout 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec06copyout{0%{transform:translateY(200px);opacity:1}100%{transform:translateY(0px);opacity:0}}.tab .top .main .section-06 .copy>span,.sp .top .main .section-06 .copy>span{display:block;position:absolute;overflow:hidden;white-space:nowrap;text-indent:110%;opacity:0}.tab .top .main .section-06 .copy .txt-01,.sp .top .main .section-06 .copy .txt-01{top:0px;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/top_sec06_txt01_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-06 .copy .txt-01.on,.sp .top .main .section-06 .copy .txt-01.on{animation:sec06Txt01 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec06Txt01{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.tab .top .main .section-06 [class^=btn],.sp .top .main .section-06 [class^=btn]{position:relative;top:0;margin-left:-47.06667%;left:50%;width:95.06667%;padding-top:99.06667%;height:0;opacity:0}.tab .top .main .section-06 [class^=btn] a,.sp .top .main .section-06 [class^=btn] a{position:absolute;top:0;display:block;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-indent:110%}.tab .top .main .section-06 .btn-system,.sp .top .main .section-06 .btn-system{margin-top:59.06667%;background:url(https://static.nexon.co.jp/v4/official/top_sec06_btn01_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-06 .btn-system.on,.sp .top .main .section-06 .btn-system.on{animation:sec06btn01 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-06 .btn-character,.sp .top .main .section-06 .btn-character{margin-top:.93333%;background:url(https://static.nexon.co.jp/v4/official/top_sec06_btn02_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-06 .btn-character.on,.sp .top .main .section-06 .btn-character.on{animation:sec06btn01 0.4s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}.tab .top .main .section-06 .btn-movie,.sp .top .main .section-06 .btn-movie{margin-top:.93333%;background:url(https://static.nexon.co.jp/v4/official/top_sec06_btn03_sp.png) no-repeat left top;background-size:contain}.tab .top .main .section-06 .btn-movie.on,.sp .top .main .section-06 .btn-movie.on{animation:sec06btn01 0.4s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1 both}@keyframes sec06btn01{0%{transform:translateY(200px);opacity:0}100%{transform:translateY(0px);opacity:1}}.tab .top .shade-black,.sp .top .shade-black{position:fixed;top:0px;width:100%;height:100vh;background:#000;opacity:0;z-index:90;transition:opacity .4s}.tab .top .shade-black.on,.sp .top .shade-black.on{opacity:.7}.tab .top .bg-change,.sp .top .bg-change{position:fixed;top:0px;left:50%;margin-left:-50%;width:100%;height:100vh;z-index:10}.tab .top .bg-change .sec-02,.sp .top .bg-change .sec-02{position:fixed;top:0;left:50%;margin-left:-50%;width:100%;height:100vh;background:#171717 url(https://static.nexon.co.jp/v4/official/top_sec02_bg_sp.jpg) no-repeat center center;background-size:cover;z-index:120}.tab .top .bg-change .sec-02 .chara-left,.sp .top .bg-change .sec-02 .chara-left{display:none}.tab .top .bg-change .sec-02 .chara-right,.sp .top .bg-change .sec-02 .chara-right{display:none}.tab .top .bg-change .sec-03,.sp .top .bg-change .sec-03{position:fixed;top:0;left:50%;margin-left:-50%;width:100%;height:100vh;background:url(https://static.nexon.co.jp/v4/official/top_sec03_bg_sp.jpg) no-repeat center center;background-size:cover;z-index:130;opacity:0;transition:opacity 1.2s ease-out}.tab .top .bg-change .sec-03.on,.sp .top .bg-change .sec-03.on{opacity:1}.tab .top .bg-change .sec-03 .chara-left,.sp .top .bg-change .sec-03 .chara-left{display:none}.tab .top .bg-change .sec-03 .chara-right,.sp .top .bg-change .sec-03 .chara-right{display:none}.tab .top .bg-change .sec-03 .cloud,.sp .top .bg-change .sec-03 .cloud{position:absolute;top:0;width:1920px;height:100%;background:url(https://static.nexon.co.jp/v4/official/top_sec03_bg_cloud.png) repeat-x center top;background-size:contain;animation:sec03Bgcloud_sp 36s 0s linear infinite both;z-index:10}@keyframes sec03Bgcloud_sp{0%{background-position:0 0}100%{background-position:-1760px 0}}.tab .top .bg-change .sec-06,.sp .top .bg-change .sec-06{position:fixed;top:0;left:50%;margin-left:-50%;width:100%;height:100vh;background:url(https://static.nexon.co.jp/v4/official/top_sec06_bg_sp.jpg) no-repeat center center;background-size:cover;z-index:160;opacity:0;transition:opacity 1.2s ease-out}.tab .top .bg-change .sec-06.on,.sp .top .bg-change .sec-06.on{opacity:1}.tab .container{height:100vh}.tab .container .sticky-video{width:1200px;height:4800px;position:fixed;top:0;overflow:hidden;z-index:60}@media (min-width: 46.9375em){.tab .container .sticky-video{width:100%}}.tab .container .sticky-video.on{position:absolute;top:2500px}.tab .container .sticky-video.on .video .video-inner .pc-wrap{position:absolute;top:389px}.tab .container .sticky-video.on .video .video-inner #video-main{position:absolute;top:0}.tab .container .sticky-video.on .video .video-inner .pccontainer{position:absolute;top:0}.tab .container .sticky-video.on .video .video-inner .sp-wrap{position:absolute;top:389px}.tab .container .sticky-video.on .video .video-inner .sp-mask{position:absolute;top:0}.tab .container .sticky-video.on .video .video-inner .spcontainer{position:absolute;top:0}.tab .container .sticky-video.on .video .video-inner .tb-wrap{position:absolute;top:389px}.tab .container .sticky-video.on .video .video-inner .tb-mask{position:absolute;top:0}.tab .container .sticky-video.on .video .video-inner .tbcontainer{position:absolute;top:0}.tab .container .sticky-video.on .video .video-inner .cp{position:absolute;top:400px}.tab .container .sticky-video .video .video-inner{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:100%}.tab .container .sticky-video .video .video-inner .pc-wrap{position:fixed;top:50%;left:50%;margin-left:-1236px;margin-top:-624px;width:2472px;height:1569px;z-index:100}.tab .container .sticky-video .video .video-inner #video-main{position:absolute;top:0;left:0;width:94%;margin-top:58px;margin-left:88px;transform-origin:center;z-index:100;background:#171717}.tab .container .sticky-video .video .video-inner .pccontainer{position:absolute;top:0;left:0;margin-top:-50px;width:100%;height:100%;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_pc2.png) no-repeat left top;background-size:contain;z-index:120}.tab .container .sticky-video .video .video-inner .sp-wrap{position:fixed;top:50%;left:50%;width:354px;height:177px;margin-top:59px;z-index:120}.tab .container .sticky-video .video .video-inner .sp-mask{position:absolute;top:0;left:0;margin-top:13px;margin-left:9px;left:2513px;width:328px;height:152px;overflow:hidden;z-index:110}.tab .container .sticky-video .video .video-inner .sp-mask #video-sp{width:340px;height:191px}.tab .container .sticky-video .video .video-inner .spcontainer{position:absolute;left:2500px;width:409px;height:233px;margin-top:-28px;margin-left:-33px;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_sp.png) no-repeat left top;background-size:contain;z-index:111}.tab .container .sticky-video .video .video-inner .tb-wrap{position:fixed;top:50%;left:50%;width:354px;height:177px;margin-top:-38px;z-index:110}.tab .container .sticky-video .video .video-inner .tb-mask{position:absolute;left:-2212px;width:354px;height:263px;margin-top:-3px;margin-left:-352px;overflow:hidden;z-index:101}.tab .container .sticky-video .video .video-inner .tb-mask #video-tb{width:470px}.tab .container .sticky-video .video .video-inner .tbcontainer{position:absolute;left:-2200px;width:432px;height:344px;margin-left:-391px;margin-top:-43px;background:url(https://static.nexon.co.jp/v4/official/vdeoframe_tab.png) no-repeat left top;background-size:contain;z-index:102}.tab .container .sticky-video .video .video-inner .cp{position:fixed;top:50%;left:50%;margin-left:-288px;margin-top:265px;width:564px;height:0;padding-top:87px;opacity:0;transition:opacity .4s;background:url(https://static.nexon.co.jp/v4/official/top_sec02_platform.png) no-repeat left top;background-size:contain;z-index:130}.tab .container .sticky-video .video .video-inner .cp span{display:none}.tab .container .sticky-video .video .video-inner .cp.on{opacity:1}.tab .container .sticky-video .video .video-inner canvas{width:1920px !important;height:1080px !important}.tab .container .sticky-video .dot{position:absolute;top:0;width:1920px;padding-top:1080px;background:url(https://static.nexon.co.jp/v4/official/top_mv_dot.png) repeat left top;z-index:200;transition:opacity .4s;opacity:1}.tab .container .sticky-video .dot.on{opacity:0}.tab .container .sticky-serious{position:-webkit-sticky;position:sticky;width:100%;display:flex;justify-content:center;top:4000px;padding-top:1237.33333%;z-index:10}.tab .container .sticky-3rd{position:-webkit-sticky;position:sticky;width:100%;display:flex;height:0px;z-index:100}.tab .container p{padding:0;margin:0}.tab .container .pllx{position:absolute;top:3500px;width:100%;height:2393px;overflow:hidden;z-index:50}.tab .top .main .section-02{height:auto;padding-top:320%;margin-top:346.66667%;overflow:visible}.tab .top .main .section-02 .copy{opacity:0}.tab .top .main .section-02 .copy.on{opacity:1}.tab .top .main .section-03{margin-top:360%;overflow:visible}.tab .top .main .section-04{margin-top:520%}.tab .top .main .section-05{margin-top:786.66667%}.tab .top .main .section-06{margin-top:1053.33333%}.pc footer .bnr-area{position:relative;width:100%;background:url(https://static.nexon.co.jp/v4/common/footer_bnr_repeat.png) repeat}.pc footer .bnr-area .inner{height:460px;padding-bottom:0}.pc footer .bnr-area h3{position:absolute;top:0;width:100%;height:0;padding-top:24px;margin-top:64px;margin-bottom:32px;background:url(https://static.nexon.co.jp/v4/official/top_pickup_ttl.png) no-repeat center top;background-size:contain}.pc footer .bnr-area .swiper-container{position:relative;top:120px;left:50%;margin-left:-580px;margin-right:0;margin-top:0;width:1160px;height:250px}.pc footer .bnr-area .swiper-container .swiper-slide{position:relative;width:370px;height:250px;overflow:hidden}.pc footer .bnr-area .swiper-container .swiper-slide a{display:block;width:100%;height:100%}.pc footer .bnr-area .swiper-container .swiper-slide img{position:absolute;width:975px;top:0;left:0}.pc footer .bnr-area .swiper-container:before{position:absolute;left:0;display:block;width:100%;height:100%;content:"";background:url(https://static.nexon.co.jp/v4/index/header_bg.png) no-repeat center top;z-index:10000;pointer-events:none}.pc footer .bnr-area .swiper-button-next{position:absolute;top:215px;left:50%;margin-top:0;margin-left:610px;width:30px;height:60px;background:url(https://static.nexon.co.jp/v4/index/header_btn_arrow.png) no-repeat left top;background-size:100% 200%;transform:scaleX(-1)}.pc footer .bnr-area .swiper-button-next:hover{background-position:left bottom}.pc footer .bnr-area .swiper-button-prev{position:absolute;top:215px;left:50%;margin-top:0;margin-left:-640px;width:30px;height:60px;background:url(https://static.nexon.co.jp/v4/index/header_btn_arrow.png) no-repeat left top;background-size:100% 200%}.pc footer .bnr-area .swiper-button-prev:hover{background-position:left bottom}.pc footer .bnr-area .swiper-pagination-bullets{bottom:60px;display:flex;justify-content:flex-start;width:auto;text-align:left;margin-left:375px;transition:none;z-index:10000}.pc footer .bnr-area .swiper-pagination-bullet{margin:0;text-align:left;width:20px;height:20px;margin-right:18px;box-sizing:border-box;border:1px solid #b7b7b7;border-radius:0;background:rgba(242,242,242,0.5);opacity:1}.pc footer .bnr-area .swiper-pagination-bullet:last-child{margin-right:0}.pc footer .bnr-area .swiper-pagination-bullet:focus{outline:none}.pc footer .bnr-area .swiper-pagination-bullet-active{border:none;background:#e10405}.tab footer .bnr-area,.sp footer .bnr-area{position:relative;width:100%;padding-bottom:12%;overflow:hidden;background:url(https://static.nexon.co.jp/v4/common/footer_bnr_repeat.png) repeat}.tab footer .bnr-area .inner,.sp footer .bnr-area .inner{position:relative;width:100%}.tab footer .bnr-area h3,.sp footer .bnr-area h3{position:relative;top:0;left:50%;width:91.86667%;height:0;padding-top:5.33333%;margin-left:-46%;margin-top:12.8%;margin-bottom:4.53333%;background:url(https://static.nexon.co.jp/v4/official/top_pickup_ttl_sp.png) no-repeat center top;background-size:contain}.tab footer .bnr-area .swiper-container,.sp footer .bnr-area .swiper-container{position:relative;top:0;left:50%;margin-left:-46%;margin-right:0;margin-top:4.66667%;width:92%;height:0;padding-top:62%}.tab footer .bnr-area .swiper-container .swiper-wrapper,.sp footer .bnr-area .swiper-container .swiper-wrapper{position:absolute;top:0;width:100%}.tab footer .bnr-area .swiper-container .swiper-slide,.sp footer .bnr-area .swiper-container .swiper-slide{position:relative;width:53.62319%;overflow:hidden}.tab footer .bnr-area .swiper-container .swiper-slide a,.sp footer .bnr-area .swiper-container .swiper-slide a{display:block;width:100%;height:100%}.tab footer .bnr-area .swiper-container .swiper-slide img,.sp footer .bnr-area .swiper-container .swiper-slide img{position:absolute;width:260%;top:0;left:0}.tab footer .bnr-area .swiper-button-next,.tab footer .bnr-area .swiper-button-prev,.sp footer .bnr-area .swiper-button-next,.sp footer .bnr-area .swiper-button-prev{display:none}.tab footer .bnr-area .swiper-pagination-bullets,.sp footer .bnr-area .swiper-pagination-bullets{left:0;width:100%;bottom:4vw;text-align:center;transition:none;z-index:10000}.tab footer .bnr-area .swiper-pagination-bullet,.sp footer .bnr-area .swiper-pagination-bullet{margin:0;text-align:center;width:2.66667vw;height:2.66667vw;margin-right:2.4vw;box-sizing:border-box;border:1px solid #b7b7b7;border-radius:0;background:rgba(242,242,242,0.5);opacity:1}.tab footer .bnr-area .swiper-pagination-bullet:last-child,.sp footer .bnr-area .swiper-pagination-bullet:last-child{margin-right:0}.tab footer .bnr-area .swiper-pagination-bullet:focus,.sp footer .bnr-area .swiper-pagination-bullet:focus{outline:none}.tab footer .bnr-area .swiper-pagination-bullet-active,.sp footer .bnr-area .swiper-pagination-bullet-active{border:none;background:#e10405}