.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:#000;color:#fff}.lostark-event .footer{background-color:#141d24}.lostark-event .preload{overflow:hidden;position:absolute;left:0;top:0;opacity:.0001;width:1px;height:1px}.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{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%}.lostark-event .middle main section{position:relative}.lostark-event .middle main .button{position:absolute;font-size:0}.lostark-event .middle main .mokoko-tab,.lostark-event .middle main .quick{display:-ms-flexbox;display:flex;position:fixed;top:55px;right:0;left:0;z-index:5;width:100%;height:13.88889vw;background-color:#1c1c1c;text-align:center;overflow-x:scroll;white-space:nowrap;box-sizing:border-box;font-size:0;-webkit-overflow-scrolling:touch}@media screen and (min-width:720px){.lostark-event .middle main .mokoko-tab,.lostark-event .middle main .quick{height:100px}}.lostark-event .middle main .mokoko-tab .swiper-slide,.lostark-event .middle main .quick .swiper-slide{width:26%;padding:0 15px;box-sizing:border-box}.lostark-event .middle main .mokoko-tab a,.lostark-event .middle main .mokoko-tab span,.lostark-event .middle main .quick a,.lostark-event .middle main .quick span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:13.88889vw;font-size:12px;line-height:15px;color:#fff}@media screen and (min-width:720px){.lostark-event .middle main .mokoko-tab a,.lostark-event .middle main .mokoko-tab span,.lostark-event .middle main .quick a,.lostark-event .middle main .quick span{height:100px}}.lostark-event .middle main .mokoko-tab a.is-active,.lostark-event .middle main .mokoko-tab span.is-active,.lostark-event .middle main .quick a.is-active,.lostark-event .middle main .quick span.is-active{color:#00b4ff}.lostark-event .middle main .mokoko-tab{position:absolute;top:0}.lostark-event .middle main .mokoko-tab .swiper-slide{position:relative;width:25%;box-sizing:initial}.lostark-event .middle main .mokoko-tab .swiper-slide:before{position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:#181818;content:""}.lostark-event .middle main .mokoko-tab .swiper-slide:first-child{width:10%}.lostark-event .middle main .mokoko-tab .swiper-slide:first-child:before{display:none}.lostark-event .middle main .mokoko-tab .swiper-slide:last-child{padding-right:29.02778%}.lostark-event .middle main .mokoko-tab .go_maharaka{position:absolute;top:0;right:0;width:29.02778%;height:16.80556vw;z-index:10;font-size:0;background:url(images/m/ic_maharaka.png?5eaad7cbdeee67642baccc81cbc7e28a) no-repeat 0 0/100% auto}@media screen and (min-width:720px){.lostark-event .middle main .mokoko-tab .go_maharaka{height:121px}}.lostark-event .middle main .quick{opacity:0;z-index:1}.lostark-event .middle main .index{position:relative;padding-top:184.44444%;background:url(images/m/bg_index.jpg?8cd02dd41cab7cafb8c00cce2fb3d47b) no-repeat 50% 0/100% auto}.lostark-event .middle main .index .button--event-attention,.lostark-event .middle main .index .button--event-ugc{top:39.75904%;height:5.19578%}.lostark-event .middle main .index .button--event-attention{width:32.08333%;left:11.66667%}.lostark-event .middle main .index .button--event-ugc{width:40.27778%;left:45.97222%}.lostark-event .middle main .index .button--readybag-buy{top:54.66867%;left:27.5%;width:45.13889%;height:6.4759%}.lostark-event .middle main .index .movie_area{position:absolute;top:62.5%;left:2.77778%;width:94.44444%;height:28.76506%}.lostark-event .middle main #event1{position:relative}.lostark-event .middle main #event1 .event1_1{position:relative;padding-top:526.94444%;background:url(images/m/bg_event1_1.jpg?116cfad5df1ce3f563283a84127d5b71) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .event1_1 .item_tooltip_wrap{top:61.33368%;height:11.17554%}.lostark-event .middle main #event1 .event1_1 .item_tooltip_wrap li{margin-top:17.22222vw}@media screen and (min-width:720px){.lostark-event .middle main #event1 .event1_1 .item_tooltip_wrap li{margin-top:124px}}.lostark-event .middle main #event1 .event1_2{position:relative;padding-top:383.05556%;background:url(images/m/bg_event1_2.jpg?4ac00942addf1d5e73d6a10e1eaeff66) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .event1_2.complete:after{content:"";position:absolute;top:6.05511%;left:50%;width:91.80556%;height:43.43727%;transform:translateX(-50%);background:url(images/m/@bag_complete.png?d9d2d776d58544afd3f251606f74eb78) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .event1_2 .button--readybag-buy{position:absolute;top:10.73241%;left:50%;width:44.30556%;height:3.08194%;transform:translateX(-50%)}.lostark-event .middle main #event1 .event1_2 .button--readybag{top:25.92458%;left:13.88889%;width:31.25%;height:2.17549%}.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap{top:70.19579%;height:24.07542%;text-align:center}.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap li{margin-top:14.86111vw}.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap li:nth-child(7){margin-left:4.44444vw}.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap li:nth-child(n+7){margin-top:15.41667vw}@media screen and (min-width:720px){.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap li{margin-top:107px}.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap li:nth-child(7){margin-left:32px}.lostark-event .middle main #event1 .event1_2 .item_tooltip_wrap li:nth-child(n+7){margin-top:111px}}.lostark-event .middle main #event1 .giftcard_coupon{position:absolute;top:262.77778vw;left:50%;width:91.38889vw;height:49.16667vw;transform:translateX(-50%);background:url(images/m/bg_giftcard.png?fe893ef0facc0c0de561e66c90d27c06) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .giftcard_coupon>span{font-size:0}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon{position:absolute;top:28.24859%;left:5.31915%;width:89.66565%;height:21.18644%;padding:0 3.03951%;border:0;color:#028443;font-size:6.38889vw;font-weight:700;line-height:21.18644%;letter-spacing:3.5px;box-sizing:border-box}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon:placeholder-shown{padding-bottom:2.82486%;letter-spacing:0}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon::placeholder{color:#aaa;font-size:4.02778vw;font-weight:400}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon::-webkit-input-placeholder{color:#aaa;font-size:4.02778vw;font-weight:400}.lostark-event .middle main #event1 .giftcard_coupon .count{position:absolute;bottom:7.06215%;left:0;width:100%;font-size:3.33333vw;color:#3a71c4;text-align:center}.lostark-event .middle main #event1 .giftcard_coupon .count em{font-style:normal}.lostark-event .middle main #event1 .giftcard_coupon .button--coupon{bottom:19.77401%;left:50%;width:44.52888%;height:24.0113%;transform:translateX(-50%);background:url(images/m/btn_coupon_code2.png?c6686d22d2023c3f7c3f0ff2387a1ac9) no-repeat 50% 0/100% auto}.lostark-event .middle main #event1 .giftcard_coupon.complete{background:url(images/m/bg_giftcard_complete.png?31c3fefe823239d6e3b9656f66c1428f) no-repeat 50% 0/100% auto}@media screen and (min-width:720px){.lostark-event .middle main #event1 .giftcard_coupon{top:1892px;width:658px;height:354px}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon{font-size:46px}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon::placeholder{font-size:29px}.lostark-event .middle main #event1 .giftcard_coupon .input--coupon::-webkit-input-placeholder{font-size:29px}.lostark-event .middle main #event1 .giftcard_coupon .count{font-size:24px}}.lostark-event .middle main #event1 .item_tooltip_wrap{position:absolute;left:50%;transform:translateX(-49.5%);width:81.94444%}.lostark-event .middle main #event1 .item_tooltip_wrap li{display:inline-block;width:27.11864%;height:20.83333vw;margin-right:7.11864%;vertical-align:top;cursor:pointer}.lostark-event .middle main #event1 .item_tooltip_wrap li .item{display:block;width:100%;height:100%;font-size:0}.lostark-event .middle main #event1 .item_tooltip_wrap li:nth-child(3n){margin-right:0}.lostark-event .middle main #event1 .item_tooltip_wrap li:nth-child(-n+3){margin-top:0}@media screen and (min-width:720px){.lostark-event .middle main #event1 .item_tooltip_wrap li{height:150px}}.lostark-event .middle main #event2{position:relative;padding-top:163.61111%;background:url(images/m/bg_event2.jpg?97fb77f26e5f999c33c35774303e57c5) no-repeat 50% 0/100% auto}.lostark-event .middle main #event2 .mokoko_coupon{position:absolute;top:34.04075%;left:50%;width:91.66667%;height:26.14601%;transform:translateX(-50%)}.lostark-event .middle main #event2 .mokoko_coupon .coupon_code{width:93.93939%;height:24.35065%;margin:7.46753% 0 0 2.57576%;padding:0 6.06061%;color:#028443;font-size:6.52778vw;font-weight:700;letter-spacing:1px;box-sizing:border-box}@media screen and (min-width:720px){.lostark-event .middle main #event2 .mokoko_coupon .coupon_code{font-size:47px}}.lostark-event .middle main #event2 .mokoko_coupon .button{top:45.77922%;left:auto;width:38.48485%;height:27.5974%}.lostark-event .middle main #event2 .mokoko_coupon .button--copy{left:10%;background:url(images/m/btn_coupon_copy.png?e1d9373ad8693f5ad1d4a9452d695dd1) no-repeat 50% 0/100% auto}.lostark-event .middle main #event2 .mokoko_coupon .button--link-coupon{right:10%;background:url(images/m/btn_coupon_code.png?3c3fd5b93459c998bb60555628e0c48b) no-repeat 50% 0/100% auto}.lostark-event .middle main #event2 .item_tooltip_wrap{position:absolute;top:70.28862%;left:50%;transform:translateX(-49%);width:81.94444%;height:12.73345%}.lostark-event .middle main #event2 .item_tooltip_wrap li{display:inline-block;width:27.11864%;height:100%;margin-right:7.11864%;vertical-align:top;cursor:pointer}.lostark-event .middle main #event2 .item_tooltip_wrap li .item{display:block;width:100%;height:100%;font-size:0}.lostark-event .middle main #event2 .item_tooltip_wrap li:nth-child(3n){margin-right:0}.lostark-event .middle main #event3{position:relative;padding-top:302.22222%;background:url(images/m/bg_event3.jpg?b70fca22c74ee16758c91323815a43a9) no-repeat 50% 0/100% auto}.lostark-event .middle main #event3 .button--making{bottom:2.38971%;left:17.22222%;width:65.27778%;height:3.03309%}.lostark-event .middle main #event4{position:relative;padding-top:440.83333%;background:url(images/m/bg_event4.jpg?e95d28773a77c5efbb35b9ca53e94ae4) no-repeat 50% 0/100% auto}#modal-detail .lui-modal__window{padding:50px 3px}#modal-detail .lui-modal__body{width:100%;max-width:720px;min-width:320px;margin:0 auto;background:url(images/m/bg_pop.png?872de9b98b10e33d3b6b5cdd070a19f0) no-repeat 50% 0/100% auto}#modal-detail .lui-modal__title{display:none}#modal-detail .lui-modal__close{position:absolute;display:inline-block;width:30px;height:30px;font-size:0;top:4%;right:4.2%;z-index:10}#modal-detail .lui-modal__close:after,#modal-detail .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:40px;height:2px;background-color:#fff}#modal-detail .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-detail .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}@media screen and (min-width:720px){#modal-detail .lui-modal__close{position:absolute;display:inline-block;width:59px;height:59px;font-size:0}#modal-detail .lui-modal__close:after,#modal-detail .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:79px;height:4px;background-color:#fff}#modal-detail .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-detail .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}}#modal-detail .lui-modal__content{position:relative;padding:15.69444vw 0 14.44444vw}#modal-detail .lui-modal__content .swiper{position:relative;width:75vw;margin:0 auto}#modal-detail .lui-modal__content .swiper-container{width:100%;height:100%}#modal-detail .lui-modal__content .swiper-slide{width:100%;height:0;padding-top:57.9%}#modal-detail .lui-modal__content .swiper-slide.slide0{background:url(images/m/img_swiper0.jpg?0a3b3b72be905ce2072c46cca26b4d0c) no-repeat 50% 0/100% auto}#modal-detail .lui-modal__content .swiper-slide.slide1{background:url(images/m/img_swiper1.jpg?7ac539dc1c24513e8a07ba167a7ea036) no-repeat 50% 0/100% auto}#modal-detail .lui-modal__content .swiper-slide.slide2{background:url(images/m/img_swiper2.jpg?08e38aa6f092360479d2303793e226c8) no-repeat 50% 0/100% auto}#modal-detail .lui-modal__content .swiper-slide.slide3{background:url(images/m/img_swiper3.jpg?5bad07a4e1be6409512e08802c134f08) no-repeat 50% 0/100% auto}#modal-detail .lui-modal__content .swiper-button-next,#modal-detail .lui-modal__content .swiper-button-prev{width:19px;height:33px;margin-top:-14px;background:url(images/m/bt_swiper.png?0e8e5cb1e96bc11bf7aff454bbf97940) no-repeat 0 0/100% auto}#modal-detail .lui-modal__content .swiper-button-prev{left:-25px}#modal-detail .lui-modal__content .swiper-button-next{right:-25px;transform:rotate(180deg)}#modal-detail .lui-modal__content .swiper-pagination{left:0;right:0;bottom:-20px;height:8px;text-align:center;font-size:0}#modal-detail .lui-modal__content .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;background-color:#16693f;vertical-align:top;opacity:1}#modal-detail .lui-modal__content .swiper-pagination-bullet-active{background-color:#ffe400}@media screen and (min-width:720px){#modal-detail .lui-modal__content{padding:116px 0 104px}#modal-detail .lui-modal__content .swiper{width:540px}}