.lostark-event .nav__wrapper ul{width:100%;margin-bottom:25px;box-sizing:border-box}.lostark-event .nav__wrapper ul a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:70px;padding:20px 15px;box-sizing:border-box;border-bottom:1px solid #30313b;font-size:18px;color:#fff}.lostark-event .nav__wrapper ul a.nav__item--active{background-color:#37258c;border:0;color:#fff}.lostark-event .nav__wrapper ul a[disabled]{opacity:.5}.lostark-event .nav__wrapper ul a>span{display:block;margin-bottom:3px;font-size:16px;color:#777}.lostark-event .nav__wrapper .link{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-bottom:25px}.lostark-event .nav__wrapper .link .button--risha{position:relative;width:210px;height:46px;margin:10px auto;background:url(../181212_preseason/images/m/bt_risha.png?b19117c89838c8df63e14fa90daa498f) no-repeat 0 0;background-size:100% auto;font-size:0}.lostark-event .nav__wrapper .link .button--trailer{position:relative;width:210px;height:45px;margin:10px auto;background:url(../181107_challenge/images/m/bt_trailer.png?65ce36183a4e2683dcbf49a204013c3f) no-repeat 0 0;background-size:100% auto;font-size:0}.lostark-event .nav__wrapper .link .button--goldriver{position:relative;width:210px;height:45px;margin:10px auto;background:url(../181107_challenge/images/m/bt_goldriver.png?1e78e89d1cb1383d8674dcba08203c77) no-repeat 0 0;background-size:100% auto;font-size:0}#modal-movie .lui-modal__window{padding:50px 0}#modal-movie .lui-modal__body{width:100%;background-color:transparent}#modal-movie .lui-modal__close{overflow:hidden;position:fixed;right:10px;top:10px;width:29px;height:29px;font-size:0}#modal-movie .lui-modal__close:after,#modal-movie .lui-modal__close:before{content:"";transform:rotate(45deg);position:absolute;background:#fff}#modal-movie .lui-modal__close:before{left:0;top:14px;width:100%;height:1px}#modal-movie .lui-modal__close:after{left:14px;top:0;width:1px;height:100%}#modal-movie .lui-modal__content{max-width:1200px;padding:0 15px;margin:0 auto}#modal-movie .movie{position:relative;width:100%;padding-bottom:56.25%}#modal-movie .movie iframe{position:absolute;left:0;top:0;width:100%;height:100%}.lostark-event{position:relative;width:100%;min-width:320px;margin:0 auto;background-color:#0d161d;color:#fff}.lostark-event .footer{background-color:#141d24}.lostark-event .header{position:sticky;position:-webkit-sticky;left:0;top:0;z-index:50;width:100%;height:55px;background-color:#111}.lostark-event .header h1{text-align:center}.lostark-event .header h1 a{display:inline-block;width:125px;height:32px;margin-top:13px;background:url(images/m/logo.png?c66b5b3fdce8a235a509db9a1e07bf34) no-repeat 0 0;background-size:100% auto;vertical-align:top;font-size:0}.lostark-event .header h2{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .header .button--header-expand-nav{position:absolute;left:17px;top:17px;padding:5px;font-size:0}.lostark-event .header .button--header-expand-nav:after{display:inline-block;content:"";width:20px;height:13px;background:url(images/m/bt_header_menu.png?737542dcb956b89ca4598bbb78b5977d) no-repeat 0 0;background-size:100% auto;vertical-align:top;font-size:0}.lostark-event .header .nav{transition:.3s;visibility:hidden;position:fixed;left:0;top:0;z-index:-1;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);color:#fff}.lostark-event .header .nav__wrapper{transition:.3s;transform:translate3d(-295px,0,0);overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:245px;height:100%;background-color:#23242d}.lostark-event .header .nav__wrapper::-webkit-scrollbar{display:none}.lostark-event .header .nav--active{visibility:visible;z-index:10;opacity:1}.lostark-event .header .nav--active .nav__wrapper{transform:translateZ(0)}.lostark-event .header .nav__close button{overflow:hidden;position:absolute;top:20px;right:10px;width:15px;height:15px;font-size:0}.lostark-event .header .nav__close button:after,.lostark-event .header .nav__close button:before{content:"";transform:rotate(45deg);position:absolute;background:#959394}.lostark-event .header .nav__close button:before{left:0;top:7px;width:100%;height:1px}.lostark-event .header .nav__close button:after{left:7px;top:0;width:1px;height:100%}.lostark-event .header .nav__logo{height:55px;padding:0 15px;background-color:#30313b;box-sizing:border-box;line-height:55px}.lostark-event .header .nav__logo a{display:inline-block;font-size:13px;color:#aaa9a9}.lostark-event .header .nav__logo a:before{display:inline-block;content:"";width:23px;height:24px;margin:0 10px 0 0;background:url(images/m/logo_s.png?53b07046af45aa844726ed268696acdd) no-repeat 0 0;background-size:100% auto;vertical-align:-7px}.lostark-event .header .nav__sns{-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:25px;text-align:center}.lostark-event .header .nav__sns .button{width:49px;height:49px;margin:0 5px;background:url(images/m/bt_sns.png?801a122bd65a3fa8fb9a7d4a098892df) no-repeat 0 0;background-size:147px 49px;font-size:0}.lostark-event .header .nav__sns .button--facebook{background-position:0 0}.lostark-event .header .nav__sns .button--twitter{background-position:-49px 0}.lostark-event .header .nav__sns .button--kakaotalk{background-position:-98px 0}.lostark-event .middle{position:relative;width:100%;min-width:320px;max-width:720px;margin:0 auto}.lostark-event .middle .button--today{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;right:10px;top:10px;z-index:15;padding:5px;line-height:1;font-size:12px;color:#fff}.lostark-event .middle .button--today:before{display:block;content:"";width:8px;height:8px;margin-right:5px;box-sizing:border-box;border:1px solid #a7a7a7}.lostark-event .middle main{position:relative;width:100%}.lostark-event .middle .hidden,.lostark-event .middle .text{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle .tip{padding:9.5% 0}.lostark-event .middle .tip>img{display:block;width:100%}.lostark-event .middle .section-event{position:relative;padding-top:333.88%;background:url(images/m/bg_event1.jpg?37ba4a175423fe86de68fcd31ba024a7) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event .event-period{position:absolute;top:12.56%;left:0;width:100%;padding-top:10%;background:transparent url(images/m/event_period.png?83d90f28ffa722731294c0472196b363) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event .button--event-attention{position:absolute;top:17.678%;left:50%;margin-left:-12%;width:24.722%;height:2.329%;font-size:0}.lostark-event .middle .section-event .button-buy{position:absolute;top:54.24%;left:50%;margin-left:-15.416%;width:30.833%;height:2.87%;font-size:0}.lostark-event .middle .section-event .button-buy.advanced{top:91.43%}.lostark-event .middle .section-event2{position:relative;z-index:9;padding-bottom:7.22%;background-color:#1e355a}.lostark-event .middle .section-event2:before{content:"";display:block;padding-top:48%;width:100%;background:url(images/m/bg_event2.png?479831b8b2332eba90f7510be9deed58) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event2 .part-item{overflow:hidden}.lostark-event .middle .section-event2 .part-item .title{position:relative;margin-top:19px;padding-top:9.722%;line-height:0;font-size:0;background:url(images/m/sp_title_class.png?b804a05c954858fb7703c2b9f820e001) no-repeat;background-size:100% auto}.lostark-event .middle .section-event2 .part-item .swiper-container{overflow:visible}.lostark-event .middle .section-event2 .part-item .swiper-container .swiper-slide{overflow:visible;position:relative;margin-left:5px;padding-top:53.12%;width:43%}.lostark-event .middle .section-event2 .part-item .swiper-container .swiper-slide:first-child{margin-left:15px}.lostark-event .middle .section-event2 .part-item .swiper-container .swiper-slide:last-child{margin-right:10px}.lostark-event .middle .section-event2 .part-item .button-show-layer{line-height:0;font-size:0;background:url(images/m/sp_character_event2.png?f14a75552ad5759977fbaa813fe3b5ba) no-repeat;background-size:100% auto}.lostark-event .middle .section-event2 .part-item .button-show-layer:first-child{pointer-events:none}.lostark-event .middle .section-event2 .part-item .button-show-layer:first-of-type{background-position-y:0}.lostark-event .middle .section-event2 .part-item .button-show-layer:nth-of-type(2){background-position-y:6.64%}.lostark-event .middle .section-event2 .part-item .button-show-layer:nth-of-type(3){background-position-y:13.28%}.lostark-event .middle .section-event2 .part-item .button-show-layer:nth-of-type(4){background-position-y:19.92%}.lostark-event .middle .section-event2 .part-item .wrapper-layer{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0}.lostark-event .middle .section-event2 .part-item .layer-item{display:none;position:relative;z-index:100;margin-top:-25px;width:90%;max-width:400px;height:80%;max-height:190px;background:url(images/m/sp_desc_event2.png?6289436133cef2520a8eed256092b937) no-repeat;background-size:100% auto}.lostark-event .middle .section-event2 .part-item .layer-item.visible{display:block}.lostark-event .middle .section-event2 .part-item.warrior,.lostark-event .middle .section-event2 .part-item.warrior .title{margin-top:0}.lostark-event .middle .section-event2 .part-item.warrior .button-show-layer:first-of-type,.lostark-event .middle .section-event2 .part-item.warrior .layer-item:first-of-type{background-position-y:0}.lostark-event .middle .section-event2 .part-item.warrior .button-show-layer:nth-of-type(2){background-position-y:6.64%}.lostark-event .middle .section-event2 .part-item.warrior .layer-item:nth-of-type(2){background-position-y:9.04%}.lostark-event .middle .section-event2 .part-item.warrior .button-show-layer:nth-of-type(3){background-position-y:13.28%}.lostark-event .middle .section-event2 .part-item.warrior .layer-item:nth-of-type(3){background-position-y:18.08%}.lostark-event .middle .section-event2 .part-item.warrior .swiper-container{z-index:4}.lostark-event .middle .section-event2 .part-item.warrior .button-show-layer:nth-of-type(4){background-position-y:19.92%}.lostark-event .middle .section-event2 .part-item.warrior .layer-item:nth-of-type(4){background-position-y:27.12%}.lostark-event .middle .section-event2 .part-item.fighter .title{background-position-y:33.15%}.lostark-event .middle .section-event2 .part-item.fighter .button-show-layer:first-of-type{background-position-y:26.56%}.lostark-event .middle .section-event2 .part-item.fighter .layer-item:first-of-type{background-position-y:27.12%}.lostark-event .middle .section-event2 .part-item.fighter .button-show-layer:nth-of-type(2){background-position-y:33.2%}.lostark-event .middle .section-event2 .part-item.fighter .layer-item:nth-of-type(2){background-position-y:36.16%}.lostark-event .middle .section-event2 .part-item.fighter .button-show-layer:nth-of-type(3){background-position-y:39.84%}.lostark-event .middle .section-event2 .part-item.fighter .layer-item:nth-of-type(3){background-position-y:45.2%}.lostark-event .middle .section-event2 .part-item.fighter .swiper-container{z-index:3}.lostark-event .middle .section-event2 .part-item.fighter .button-show-layer:nth-of-type(4){background-position-y:46.48%}.lostark-event .middle .section-event2 .part-item.fighter .layer-item:nth-of-type(4){background-position-y:54.24%}.lostark-event .middle .section-event2 .part-item.hunter .title{background-position-y:66.3%}.lostark-event .middle .section-event2 .part-item.hunter .button-show-layer:first-of-type{background-position-y:53.12%}.lostark-event .middle .section-event2 .part-item.hunter .layer-item:first-of-type{background-position-y:54.24%}.lostark-event .middle .section-event2 .part-item.hunter .button-show-layer:nth-of-type(2){background-position-y:59.76%}.lostark-event .middle .section-event2 .part-item.hunter .layer-item:nth-of-type(2){background-position-y:63.28%}.lostark-event .middle .section-event2 .part-item.hunter .button-show-layer:nth-of-type(3){background-position-y:66.4%}.lostark-event .middle .section-event2 .part-item.hunter .layer-item:nth-of-type(3){background-position-y:72.32%}.lostark-event .middle .section-event2 .part-item.hunter .swiper-container{z-index:2}.lostark-event .middle .section-event2 .part-item.hunter .button-show-layer:nth-of-type(4){background-position-y:73.04%}.lostark-event .middle .section-event2 .part-item.hunter .layer-item:nth-of-type(4){background-position-y:81.36%}.lostark-event .middle .section-event2 .part-item.magician{padding-bottom:0}.lostark-event .middle .section-event2 .part-item.magician .title{background-position-y:99.45%}.lostark-event .middle .section-event2 .part-item.magician .button-show-layer:first-of-type{background-position-y:79.68%}.lostark-event .middle .section-event2 .part-item.magician .layer-item:first-of-type{background-position-y:81.36%}.lostark-event .middle .section-event2 .part-item.magician .button-show-layer:nth-of-type(2){background-position-y:86.32%}.lostark-event .middle .section-event2 .part-item.magician .layer-item:nth-of-type(2){background-position-y:90.4%}.lostark-event .middle .section-event2 .part-item.magician .button-show-layer:nth-of-type(3){background-position-y:92.96%}.lostark-event .middle .section-event2 .part-item.magician .layer-item:nth-of-type(3){background-position-y:99.44%}.lostark-event .middle .section-event2 .part-item.magician .swiper-container{z-index:1}.lostark-event .middle .section-event2 .part-item.magician .button-show-layer:nth-of-type(4){background-position-y:99.6%}.lostark-event .middle .section-event2 .part-item.magician .layer-item:nth-of-type(4){background-position-y:108.48%}.lostark-event .middle .section-event3{position:relative;padding-top:85.5%;background:url(images/m/bg_event3.jpg?065ef57f86b1e73ba430df81978902e2) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event4{position:relative;padding-top:77.22%;background:#095d35 url(images/m/bg_event4.png?452c6e6496dd0872e2ccd7a54ef9d646) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event4 .event-period{position:absolute;top:0;left:0;margin-top:9.44%;padding-top:6.388%;width:100%;background:url(images/m/bg_period_event4.png?8a1e1af95f56f7c173a9ca56783b8706) no-repeat;background-size:100% auto}.lostark-event .middle .section-event4 .part-item{position:relative;margin-top:15%;padding-top:90.972%;line-height:0;font-size:0}.lostark-event .middle .section-event4 .part-item .title{position:absolute;top:-9.722%;left:0;width:100%;padding-top:9.722%;line-height:0;font-size:0;background:url(images/m/sp_title_event4.png?2fbca9f6518ce32673b967d8690aa429) no-repeat;background-size:100% auto}.lostark-event .middle .section-event4 .part-item .swiper-container{position:absolute;top:0;left:0;width:100%;height:100%}.lostark-event .middle .section-event4 .part-item .swiper-container .swiper-slide{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding:0 12%;background:url(images/m/sp_character_event4.png?e4e03435fa8900e36fb3b7b0dff79672) no-repeat;background-size:100% auto;box-sizing:border-box}.lostark-event .middle .section-event4 .part-item .swiper-container .swiper-slide:nth-of-type(2){background-position-y:33.33%}.lostark-event .middle .section-event4 .part-item .swiper-container .swiper-pagination{bottom:15px}.lostark-event .middle .section-event4 .part-item .swiper-container .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}.lostark-event .middle .section-event4 .part-item .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#345489}.lostark-event .middle .section-event4 .part-item .button-show-layer{-ms-flex:1;flex:1;display:block;margin-bottom:9%;width:50%;height:10%}.lostark-event .middle .section-event4 .part-item .layer-item{visibility:hidden;position:absolute;top:36%;left:50%;margin-left:-35%;width:70%;max-width:400px;height:44%;max-height:372px;background:url(images/m/sp_desc_event4.png?449f3a4c19fe54cd190732fb93c6a2ed) no-repeat;background-size:100% auto}.lostark-event .middle .section-event4 .part-item .layer-item.visible{visibility:visible}.lostark-event .middle .section-event4 .part-item.white{margin-top:8%}.lostark-event .middle .section-event4 .part-item.white .swiper-container{background:url(images/m/bg_white_avatar.jpg?a18592a29f989a1d742bb8eab1ba2cdd) no-repeat;background-size:100% auto}.lostark-event .middle .section-event4 .part-item.white .layer-item.warrior{background-position-y:0}.lostark-event .middle .section-event4 .part-item.white .layer-item.fighter{background-position-y:14.16%}.lostark-event .middle .section-event4 .part-item.white .layer-item.hunter{background-position-y:28.32%}.lostark-event .middle .section-event4 .part-item.white .layer-item.magician{background-position-y:42.48%}.lostark-event .middle .section-event4 .part-item.dark .title{background-position-y:167%}.lostark-event .middle .section-event4 .part-item.dark .swiper-container{background:url(images/m/bg_dark_avatar.jpg?8ccd11c9ecb2f3783f7d2eb396c57a79) no-repeat;background-size:100% auto}.lostark-event .middle .section-event4 .part-item.dark .swiper-container .swiper-slide{background-position-y:66.66%}.lostark-event .middle .section-event4 .part-item.dark .swiper-container .swiper-slide:nth-of-type(2){background-position-y:100%}.lostark-event .middle .section-event4 .part-item.dark .layer-item.warrior{background-position-y:56.64%}.lostark-event .middle .section-event4 .part-item.dark .layer-item.fighter{background-position-y:70.8%}.lostark-event .middle .section-event4 .part-item.dark .layer-item.hunter{background-position-y:84.96%}.lostark-event .middle .section-event4 .part-item.dark .layer-item.magician{background-position-y:99.12%}#modal-attention .lui-modal__window{padding:0}#modal-attention .lui-modal__body{position:relative;width:100vw;max-width:630px;background-color:#1e355a}#modal-attention .lui-modal__title{height:72px;padding:0 25px;border-bottom:1px solid hsla(0,0%,80%,.2);line-height:72px;font-size:19px;font-weight:700;color:#fff}#modal-attention .lui-modal__close{position:absolute;display:inline-block;width:30px;height:30px;font-size:0;right:20px;top:20px}#modal-attention .lui-modal__close:after,#modal-attention .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:27px;height:1px;background-color:#fff}#modal-attention .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-attention .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}#modal-attention .lui-modal__content{padding:25px 20px 40px;color:#95b5e8}#modal-attention .lui-modal__content h4{margin-top:4%;color:#ffdf71;font-size:19px;font-weight:400}#modal-attention .lui-modal__content h4:first-of-type{margin-top:0}#modal-attention .lui-modal__content>ul>li{position:relative;margin:10px 0 0;padding-left:10px;font-size:14px}#modal-attention .lui-modal__content>ul>li:before{content:"-";position:absolute;left:0;top:5%;line-height:1;color:inherit}#modal-attention .lui-modal__content>ul>li small{color:#888;font-size:14px}#modal-attention .lui-modal__content>ul>li li{position:relative;margin:4px 0 0;padding-left:10px;font-size:14px;color:#999}#modal-attention .lui-modal__content>ul>li li:before{display:inline-block;content:"";position:absolute;left:0;top:9px;width:4px;height:1px;background-color:#999}#modal-attention .lui-modal__content>ul em{font-weight:700;font-style:normal}@media only screen and (orientation:landscape){.lostark-event .middle .section-event .box.character .count{font-size:calc(8px + 2vw)}.lostark-event .middle .section-event .box.character .count em{font-size:calc(25px + 2vw)}.lostark-event .middle .section-event4 .part-item .layer-item{margin-left:-200px!important;height:38%!important}}