.lostark-event .middle .section-event .info h3,.lostark-event .middle .section-event .info p{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.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{overflow:visible;position:relative;z-index:10;padding-bottom:226.111%;background:#c7cbe3 url(images/m/bg_section.jpg?13f9e11a01af9a7a2ff286cb8c550902) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event:after{content:"";position:absolute;bottom:-3.1%;left:0;z-index:30;width:100%;height:7.371%;background:url(images/m/link_section.png?9385f4036b3679ecc0010b3588fd42ad) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event .event-period{position:absolute;top:19.164%;left:0;width:100%;height:7.248%;background:transparent url(images/m/bg_period.png?18352412d608a1549d77e3eade1abc53) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event .particles-js{position:absolute;top:29%;left:50%;z-index:1;margin-left:-26%;width:52.77%;height:14%}.lostark-event .middle .section-event .particles-js canvas{position:relative;z-index:10;filter:blur(.6px)}.lostark-event .middle .section-event .particles-js.flake{height:16%}.lostark-event .middle .section-event .particles-js.flake:before{content:"";position:absolute;top:0;left:0;z-index:20;width:calc(100% + 1px);height:calc(100% + 1px);background:url(images/m/bg_dome2.png?d56eda0bc0a4212d9af6da0ff566b2ae) no-repeat;background-size:100% auto}.lostark-event .middle .section-event .particles-js.flake canvas{z-index:15;filter:none}.lostark-event .middle .section-event .gift{position:absolute;top:37.8%;left:0;z-index:5;width:100%;height:9%;background:url(images/m/bg_gift.png?ab04e5254646b7fb51ab7fe7072245a1) no-repeat;background-size:100% auto}.lostark-event .middle .section-event .point_message{position:absolute;top:34.89%;left:50%;z-index:20;margin-left:-10.694%;width:21.388%;height:5%;background:url(images/m/bg_msg_point.png?5ce741e570be81abae7fef2ee4e61106) no-repeat;background-size:100% auto;animation:bounce 1.7s;animation-direction:alternate;animation-iteration-count:infinite}.lostark-event .middle .section-event .button--event-attention,.lostark-event .middle .section-event .button--event-pcbang{position:absolute;top:74.63%;left:12.77%;width:36.11%;height:3.93%;font-size:0}.lostark-event .middle .section-event .button--event-attention{left:auto;right:12.77%}.lostark-event .middle .section-event .myinfo{position:absolute;bottom:.491%;left:0;width:100%;height:20.393%;background:url(images/m/bg_personal_case.png?d3e70ce5f45f1a18d198a5c4e2dfee5c) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event .box{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;background-size:100% auto;background-repeat:no-repeat;background-position:50% 0}.lostark-event .middle .section-event .box .button{display:inline-block}.lostark-event .middle .section-event .box .button--event-login{margin-top:26.6%;width:53%;height:23%}.lostark-event .middle .section-event .box .button--event-gamestart{margin-top:26.6%;width:52%;height:23.5%}.lostark-event .middle .section-event .box .button--event-refresh{position:absolute;bottom:13.6%;left:50%;margin-left:-15.417%;width:30.833%;height:19%}.lostark-event .middle .section-event .box .button--event-refresh .ico-refresh{position:absolute;top:50%;right:19%;margin-top:-6%;width:12%;padding-top:12%;background:url(images/m/ico_refresh.png?ce5299d82499552d11d677f5281537e6) no-repeat;background-size:100% auto;animation-iteration-count:infinite;animation-play-state:paused}.lostark-event .middle .section-event .box .button--event-refresh.activate .ico-refresh{animation-name:circle;animation-duration:1.5s;animation-timing-function:linear;animation-play-state:running}.lostark-event .middle .section-event .box .button--event-refresh[disabled]{cursor:not-allowed}.lostark-event .middle .section-event .box.login{background-image:url(images/m/bg_personal_case1.png?64fa3735af25d8b6b6cc562ad33335b4);background-position:50% 58%}.lostark-event .middle .section-event .box.nocharacter{background-image:url(images/m/bg_personal_case2.png?953ffbca3c84479ccdc764628db74ffa);background-position:50% 58%}.lostark-event .middle .section-event .box.end{background-image:url(images/m/bg_personal_case3.png?8b26d560ff8d0ca963c5ec9356fda6c5)}.lostark-event .middle .section-event .box.checking{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:4%;box-sizing:border-box}.lostark-event .middle .section-event .box.checking .message{display:block;padding-top:10%;width:100%;background:url(images/m/bg_message_checking.png?ffe9d4199462aabe7b4705693a9cc714) no-repeat;background-size:100% auto}.lostark-event .middle .section-event .box.character{background-image:url(images/m/bg_personal_case4.png?6fd5415f55a12b229045ae425ebb6575);background-position:50% 60%}.lostark-event .middle .section-event .box.character .access-info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:16.8055%;padding:0 7% 0 4%}.lostark-event .middle .section-event .box.character h4{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:100%;margin-bottom:8px;color:#fff;text-align:center;font-weight:400}.lostark-event .middle .section-event .box.character .graph{overflow:hidden;position:relative;padding-top:11.4%;width:81%;background:url(images/m/bg_graph.png?b465f6e52fcf820136ae571fb4d68c1a) no-repeat 100% 0;background-size:auto 100%;box-sizing:border-box}.lostark-event .middle .section-event .box.character .graph:before{content:"";overflow:hidden;position:absolute;top:0;left:-.4%;z-index:1;width:10%;height:100%;background:url(images/m/bg_cover_graphbar2.png?73fcb710322d480632c1f8c940817bc6) no-repeat;background-size:auto 100%;background-position:100% 0}.lostark-event .middle .section-event .box.character .graph .bar{position:absolute;top:14.4%;left:4%;margin-left:-91%;width:92.8%;height:54%;background:url(images/m/bg_graph_bar.png?178f5af8c028f89c95b36820cdcb9dff) no-repeat;background-size:100% auto;transition:margin-left .5s ease}.lostark-event .middle .section-event .box.character .graph .bar:before{content:"";position:absolute;top:0;right:-6%;z-index:10;width:15%;padding-top:10%;background:url(images/m/bg_bell.png?3363254c5326b45bdec3b84993dccdb4) no-repeat 0 50%;background-size:100% auto}.lostark-event .middle .section-event .box.character .graph span.time{position:absolute;top:37px;width:20px;margin-left:-10px;font-size:10px;color:#485473;text-align:center}.lostark-event .middle .section-event .box.character .graph span.time[data-time="0"]{left:0;margin-left:0;text-align:left}.lostark-event .middle .section-event .box.character .graph span.time[data-time="0"]:before{content:"0"}.lostark-event .middle .section-event .box.character .graph span.time[data-time="10"]{left:12.5%}.lostark-event .middle .section-event .box.character .graph span.time[data-time="10"]:before{content:"10"}.lostark-event .middle .section-event .box.character .graph span.time[data-time="20"]{left:25%}.lostark-event .middle .section-event .box.character .graph span.time[data-time="20"]:before{content:"20"}.lostark-event .middle .section-event .box.character .graph span.time[data-time="30"]{left:37.5%}.lostark-event .middle .section-event .box.character .graph span.time[data-time="30"]:before{content:"30"}.lostark-event .middle .section-event .box.character .graph span.time[data-time="50"]{left:62.5%}.lostark-event .middle .section-event .box.character .graph span.time[data-time="50"]:before{content:"50"}.lostark-event .middle .section-event .box.character .graph span.time[data-time="80"]{right:0;margin-left:0;text-align:right}.lostark-event .middle .section-event .box.character .graph span.time[data-time="80"]:before{content:"80"}.lostark-event .middle .section-event .box.character .count{-ms-flex-positive:1;flex-grow:1;margin:-2% 0 0;min-width:10%;color:#fc0;font-size:calc(4px + 2vw);text-align:right}.lostark-event .middle .section-event .box.character .count em{display:inline-block;margin-right:1%;font-style:normal;font-weight:700;font-size:calc(14px + 2vw);vertical-align:baseline}.lostark-event .middle .section-event2{position:relative;z-index:9;background-color:#c7cbe3}.lostark-event .middle .section-event2 .inner{position:relative;padding-top:618.055%;background:url(images/m/bg_section2.jpg?5e2b715dd8d1b6867b711b2dd4be0da2) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event2 .inner .items{position:absolute;top:0;left:0;width:100%;height:100%}.lostark-event .middle .section-event2 .inner .items h4{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle .section-event2 .inner .items .button{overflow:visible;display:inline-block;position:relative;width:35%;padding-top:11.66%;background:url(images/m/bt_get_item.png?6674d0b5d0d061be1b741baed955ea43) no-repeat;background-size:100% auto;font-size:0}.lostark-event .middle .section-event2 .inner .items .button[disabled]{background-image:url(images/m/bt_get_item2.png?86ff7e6e67d9ced40c486475f07cf140)}.lostark-event .middle .section-event2 .inner .items .button.button--get-complete{background-image:url(images/m/bt_get_complete.png?c1c533fa20583aea2be30a1277c5d7f2)}.lostark-event .middle .section-event2 .inner .items .button.button--get-complete:before{content:"";position:absolute;top:-17%;left:50%;margin-left:-22.22%;width:44.44%;height:109.52%;background-image:url(images/m/ico_checked_get.png?7f9c65999c3ddde78a38172b308ee614);background-size:100% auto}.lostark-event .middle .section-event2 .inner .items>div{margin-top:46.25%;padding-top:36.944%;height:8.95%;text-align:center;box-sizing:border-box}.lostark-event .middle .section-event2 .inner .items>div:first-child{margin-top:44.305%;height:9%}.lostark-event .middle .section-event2 .inner .items>div.item-access50,.lostark-event .middle .section-event2 .inner .items>div.item-access70{margin-top:46.4%}.lostark-event .middle .section-event3{position:relative;padding-top:248.33%;background:#c7cbe3 url(images/m/bg_section3.jpg?7517e94bd312a3dd09aff88392097fed) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle .section-event3 .tip{margin-top:-43%}#modal-attention .lui-modal__window{padding:15px 0}#modal-attention .lui-modal__body{position:relative;width:calc(100vw - 30px);max-width:630px}#modal-attention .lui-modal__title{height:72px;padding:0 25px;border-bottom:1px solid #ddd;line-height:72px;font-size:19px;font-weight:700;color:#154368}#modal-attention .lui-modal__close{position:absolute;display:inline-block;width:29px;height:29px;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:26px;height:1px;background-color:#888}#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}#modal-attention .lui-modal__content>ul>li{position:relative;margin:10px 0 0;padding-left:20px;font-size:14px;color:#222}#modal-attention .lui-modal__content>ul>li:before{display:inline-block;content:"";position:absolute;left:6px;top:8px;width:3px;height:3px;background-color:#222;border-radius:50%}#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}@keyframes circle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%{transform:translateZ(0)}to{transform:translate3d(0,1.2vw,0)}}@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)}}