.info,.title{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event{position:relative;width:100%;min-width:320px;margin:0 auto;background-color:#1f1a24;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:103px;height:30px;margin-top:13px;background:url(images/m/logo.png?87843b6cc03332b3e13a6869fae368f2) 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(-300px,0,0);overflow-y:auto;-webkit-overflow-scrolling:touch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;width:300px;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{overflow:hidden;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:5;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 #fff}.lostark-event .middle main{position:relative;width:100%;min-height:calc(100vh - 55px)}.lostark-event .middle main #index{position:relative;padding-top:131.80556%;background:url(images/m/@img_index.jpg?1a01bc0e06194f9920526f344335b5ab) no-repeat 50% 0/100% auto}.lostark-event .middle main #index .button--event-attention,.lostark-event .middle main #index .button--event-ugc{position:absolute;width:34.44444%;height:9.90516%;font-size:0}.lostark-event .middle main #index .button--event-attention{top:78.81981%;left:15.41667%}.lostark-event .middle main #index .button--event-ugc{top:75.65859%;left:50%}.lostark-event .middle main #event1{position:relative;padding-top:335.69444%;background:url(images/m/@img_event1.jpg?dc76919f14e62a5fba865dceafe0b463) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .swiper .swiper-container{position:absolute;bottom:0;left:0;width:100%;height:26.10674%}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-wrapper .swiper-slide{position:relative;height:100%}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-wrapper .swiper-slide.slide1{width:100%;height:100%;background:url(images/m/img_swiper1.png?3654b2af198a158cdf2919f30a46da41) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-wrapper .swiper-slide.slide2{width:100%;height:100%;background:url(images/m/img_swiper2.png?525611702c1045e66f44c783163026a0) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-wrapper .swiper-slide.slide3{width:100%;height:100%;background:url(images/m/img_swiper3.png?deb8b5ea169d24c7a9e43416671edb0c) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-wrapper .swiper-slide.slide4{width:100%;height:100%;background:url(images/m/img_swiper4.png?35a50dc58508ed72142905ca7c2aaf00) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-pagination{bottom:5.55556vw;height:3.61111vw;font-size:0;text-align:center}@media screen and (min-width:720px){.lostark-event .middle main #event1 .swiper .swiper-container .swiper-pagination{bottom:40px;height:26px}}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet{width:3.61111vw;height:3.61111vw;margin:0 0 0 2.36111vw;opacity:1;background-color:#b4b6bd}@media screen and (min-width:720px){.lostark-event .middle main #event1 .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet{width:26px;height:26px;margin-left:17px}}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}.lostark-event .middle main #event1 .swiper .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#18d409}.lostark-event .middle main #event2{position:relative;padding-top:261.38889%;background:url(images/m/@img_event2.jpg?ad8af8c4c5bbedc2fcde52c95805d8d4) no-repeat 50% 0/100% auto}.lostark-event .middle main #event3{position:relative;padding-top:203.61111%;background:url(images/m/@img_event3.jpg?59f6bee91ad00649284c41f94deeb07b) no-repeat 50% 0/100% auto}.lostark-event .middle main #event3 .tooltip .item{position:absolute;left:50%;width:20.83333%;height:17.80355%;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight:transparent;outline:none}.lostark-event .middle main #event3 .tooltip .item:nth-child(-n+4){top:20.46385%}.lostark-event .middle main #event3 .tooltip .item:nth-child(n+5):nth-child(-n+8){top:39.22237%}.lostark-event .middle main #event3 .tooltip .item:nth-child(n+9):nth-child(-n+12){top:58.04911%}.lostark-event .middle main #event3 .tooltip .item:nth-child(n+13):nth-child(-n+16){top:76.80764%}.lostark-event .middle main #event3 .tooltip .item:first-child,.lostark-event .middle main #event3 .tooltip .item:nth-child(4n+1){left:5.27778%}.lostark-event .middle main #event3 .tooltip .item:nth-child(2),.lostark-event .middle main #event3 .tooltip .item:nth-child(4n+2){left:28.33333%}.lostark-event .middle main #event3 .tooltip .item:nth-child(3),.lostark-event .middle main #event3 .tooltip .item:nth-child(4n+3){left:51.25%}.lostark-event .middle main #event3 .tooltip .item:nth-child(4n){left:73.88889%}#modal-attention .lui-modal__window{padding:15px 0}#modal-attention .lui-modal__body{position:relative;width:calc(100vw - 30px);max-width:630px;border:2px solid #5dce2b;background-color:#0f141c}#modal-attention .lui-modal__close{position:absolute;display:inline-block;width:37px;height:37px;font-size:0;right:5px;top:5px}#modal-attention .lui-modal__close:after,#modal-attention .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:37px;height:1px;background-color:#0f0}#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__title{height:48px;padding:0 10px;border-bottom:1px solid #48633c;line-height:48px;font-size:21px;font-weight:400;color:#f7ab28}#modal-attention .lui-modal__content{padding:19px 10px}#modal-attention .lui-modal__content>ul{margin-top:5px}#modal-attention .lui-modal__content>ul>li{position:relative;margin-top:10px;padding-left:8px;font-size:13px;line-height:17px;color:#afbdd4}#modal-attention .lui-modal__content>ul>li:before{display:inline-block;position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background-color:#afbdd4;content:""}#modal-attention .lui-modal__content>ul>li>ul{padding:5px 0}#modal-attention .lui-modal__content>ul>li>ul>li{position:relative;padding-left:8px;color:#081a34}#modal-attention .lui-modal__content>ul>li>ul>li:before{display:inline-block;margin-right:4px;font-size:11px;color:#be0d23;content:"-"}#modal-attention .lui-modal__content>ul em{font-style:normal;font-weight:400;color:#e0ab6b}