.lostark-event .info,.lostark-event .tip,.lostark-event .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 .middle{position:relative;width:100%;min-width:320px;max-width:720px;margin:0 auto}.lostark-event .middle .button--today{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;position:absolute;right:10px;top:60px;z-index:5;padding:5px;line-height:1;font-size:12px!important;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 .button{display:block;position:absolute;font-size:0;outline:0}.lostark-event .middle main{position:relative;width:100%}.lostark-event .middle .quick{display:-ms-flexbox;display:flex;position:fixed;top:55px;right:0;left:0;z-index:12;width:100%;max-width:720px;height:13.88889vw;margin:0 auto;background-color:#000;text-align:center;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;font-size:0}@media screen and (min-width:720px){.lostark-event .middle .quick{height:100px}}.lostark-event .middle .quick a{-ms-flex:1 0 auto;flex:1 0 auto;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:3.33333vw;line-height:4.44444vw;letter-spacing:-.27778vw;color:#fff}@media screen and (min-width:720px){.lostark-event .middle .quick a{height:100px;font-size:24px;line-height:32px;letter-spacing:-2px}}.lostark-event .middle .quick a:first-child{display:none}.lostark-event .middle .quick a.is-active{color:#6acaff}.lostark-event .middle .quick a.is-active:after{position:absolute;bottom:0;left:0;width:100%;height:.55556vw;background:#6acaff;content:""}@media screen and (min-width:720px){.lostark-event .middle .quick a.is-active:after{height:4px}}.lostark-event .middle section{position:relative}.lostark-event .middle #index{padding-top:207.36111%;background:url(images/m/@bg_index.jpg?5ef70c0f19e111e727d5fa4ec34f15a8) no-repeat 0 0/100% auto}.lostark-event .middle #index .button{background-repeat:no-repeat;background-position:0 0;background-size:100% auto}.lostark-event .middle #index .button--event-attention,.lostark-event .middle #index .button--event-ugc{top:91.69457%;height:4.01875%}.lostark-event .middle #index .button--event-attention{left:20.97222%;width:27.08333%}.lostark-event .middle #index .button--event-ugc{left:50%;width:29.16667%}.lostark-event .middle #index .button--event-play{top:75.68654%;left:40%;width:19.86111%;height:9.57803%}.lostark-event .middle #event1{padding-top:178.47222%;background:url(images/m/@bg_event1.jpg?68a605daf87718e09a66ae3c92984003) no-repeat 0 0/100% auto}.lostark-event .middle #event2 .img_container{position:relative}.lostark-event .middle #event2 .video_area{overflow:hidden;position:absolute}.lostark-event .middle #event2 .video_area video{width:100%;height:100%}.lostark-event .middle #event2 .coordi01{padding-top:678.05556%;background:url(images/m/@bg_coordi01.jpg?97b21943297c3f5810f7356c1155f699) no-repeat 0 0/100% auto}.lostark-event .middle #event2 .coordi01 .video_area{top:72.08111%;left:28.05556%;width:61.11111%;height:13.10938%}.lostark-event .middle #event2 .coordi02{padding-top:829.30556%;background:url(images/m/@bg_coordi02.jpg?addbfdf347d3caecce2d6a4ccb3021bc) no-repeat 0 0/100% auto}.lostark-event .middle #event2 .coordi02 .video_area{top:15.91023%;left:46.80556%;width:50%;height:9.71362%}.lostark-event .middle #event2 .coordi03{padding-top:256.38889%;background:url(images/m/@bg_coordi03.jpg?d8e5065df65f7471279b2526b4106a59) no-repeat 0 0/100% auto}.lostark-event .middle #event2 .coordi03 .video_area{top:44.96208%;left:8.19444%;width:50%;height:29.79415%}.lostark-event .middle #event2 .coordi04{padding-top:254.16667%;background:url(images/m/@bg_coordi04.jpg?8521e88334a4c81588b9d6acbbfb5e08) no-repeat 0 0/100% auto}.lostark-event .middle #event2 .coordi04 .video_area{top:27.3224%;left:43.61111%;width:50%;height:30.05464%}.lostark-event .middle #event2 .coordi05{padding-top:443.33333%;background:#c9bfa5 url(images/m/@bg_coordi05.jpg?c49f8fb0101bb00d57cac3a597f70b34) no-repeat 0 0/100% auto}.lostark-event .middle #event2 .coordi05 .video_area{top:24.40476%;left:4.02778%;width:61.11111%;height:20.05013%}.lostark-event .middle #event3{overflow:hidden;z-index:1;background:#c5c8d6 url(images/m/@bg_event3.jpg?a1870b115ab21058d79fc171aedc592b) no-repeat 0 0/100% auto;padding:71.38889% 0 11.11111%;text-align:center}.lostark-event .middle #event3 .tab{display:block;width:88.88889vw;margin:0 auto;font-size:0}@media screen and (min-width:720px){.lostark-event .middle #event3 .tab{top:514px;left:40px;width:640px}}.lostark-event .middle #event3 .tab button{display:inline-block;position:relative;width:32.812%;height:11.11111vw;border-radius:0;background:#2f2f2f;border:solid #0e0a09;font-size:3.88889vw;font-weight:400;line-height:11.11111vw;color:#989898;opacity:1}.lostark-event .middle #event3 .tab button:nth-child(2),.lostark-event .middle #event3 .tab button:nth-child(5){width:34.375%}.lostark-event .middle #event3 .tab button:nth-child(7),.lostark-event .middle #event3 .tab button:nth-child(8){width:50%}.lostark-event .middle #event3 .tab button:first-child{border-width:0 1px 1px 0}.lostark-event .middle #event3 .tab button:nth-child(2){border-width:0 1px 1px}.lostark-event .middle #event3 .tab button:nth-child(3){border-width:0 0 1px 1px}.lostark-event .middle #event3 .tab button:nth-child(4){border-width:1px 1px 1px 0}.lostark-event .middle #event3 .tab button:nth-child(5){border-width:1px}.lostark-event .middle #event3 .tab button:nth-child(6){border-width:1px 0 1px 1px}.lostark-event .middle #event3 .tab button:nth-child(7){border-width:1px 1px 0 0}.lostark-event .middle #event3 .tab button:nth-child(8){border-width:1px 0 0 1px}@media screen and (min-width:720px){.lostark-event .middle #event3 .tab button{height:80px;font-size:28px;line-height:80px}}.lostark-event .middle #event3 .tab2{display:-ms-flexbox;display:flex;position:fixed;top:calc(55px + 13.88889vw);left:50%;z-index:11;width:100%;max-width:720px;height:11.11111vw;margin:0 auto;padding:0 2.08333vw;background-color:#000;text-align:center;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;font-size:0;transform:translate3D(-50%,-11.11111vw,0);transition:.3s}@media screen and (min-width:720px){.lostark-event .middle #event3 .tab2{top:155px;height:80px;padding:0 15px;transform:translate3D(-50%,-80px,0)}}.lostark-event .middle #event3 .tab2.is-fixed{transform:translate3D(-50%,0,0)}.lostark-event .middle #event3 .tab2 .swiper-slide{width:auto}.lostark-event .middle #event3 .tab2 button{-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;height:11.11111vw;padding:0 2.08333vw;font-size:3.33333vw;line-height:11.11111vw;color:#fff}@media screen and (min-width:720px){.lostark-event .middle #event3 .tab2 button{height:80px;padding:0 15px;font-size:24px;line-height:80px}}.lostark-event .middle #event3 .tab2 button.is-active{color:#6acaff}.lostark-event .middle #event3 .swiper{display:block;position:relative;width:88.88889%;margin:0 auto;padding:8.88889vw;background-color:#41424e;box-sizing:border-box}@media screen and (min-width:720px){.lostark-event .middle #event3 .swiper{padding:64px}}.lostark-event .middle #event3 .swiper .swiper-button-next,.lostark-event .middle #event3 .swiper .swiper-button-prev{position:fixed;top:50%;width:12.77778vw;height:12.77778vw;margin-top:-6.38889%;background:#282f53 url(images/m/bt_prev.png?1197a0a0de4fb7c6cdc42f256e55af2e) no-repeat 0 0/100% auto;border-radius:50%;transition:.3s;opacity:0}@media screen and (min-width:720px){.lostark-event .middle #event3 .swiper .swiper-button-next,.lostark-event .middle #event3 .swiper .swiper-button-prev{width:92px;height:92px;margin-top:-46px}}.lostark-event .middle #event3 .swiper .swiper-button-next.is-fixed,.lostark-event .middle #event3 .swiper .swiper-button-prev.is-fixed{opacity:1}.lostark-event .middle #event3 .swiper .swiper-button-prev{left:.55556vw}@media screen and (min-width:720px){.lostark-event .middle #event3 .swiper .swiper-button-prev{left:4px}}.lostark-event .middle #event3 .swiper .swiper-button-next{right:.55556vw;transform:rotate(180deg)}@media screen and (min-width:720px){.lostark-event .middle #event3 .swiper .swiper-button-next{right:4px}}.lostark-event .middle #event3 .swiper .swiper-pagination{position:absolute;top:162.5%;left:119.44444%;width:112.77778%;height:2.08333%}.lostark-event .middle #event3 .swiper .swiper-pagination-bullet{display:none;width:1.84729%;height:100%;margin:0 .61576%;background-color:#fff;opacity:.5}.lostark-event .middle #event3 .swiper .swiper-pagination-bullet-active{opacity:1}.lostark-event .middle #event3 .swiper .swiper-container{pointer-events:none;background-color:#41424e}.lostark-event .middle #event3 .swiper .swiper-container img{display:block;width:100%}.lostark-event .middle #event3 .tab-active,.lostark-event .middle #event3[data-active-class=assassin] .tab button:nth-child(7),.lostark-event .middle #event3[data-active-class=fighter_man] .tab button:nth-child(2),.lostark-event .middle #event3[data-active-class=fighter_woman] .tab button:nth-child(3),.lostark-event .middle #event3[data-active-class=hunter_man] .tab button:nth-child(4),.lostark-event .middle #event3[data-active-class=hunter_woman] .tab button:nth-child(5),.lostark-event .middle #event3[data-active-class=magician] .tab button:nth-child(6),.lostark-event .middle #event3[data-active-class=speciallist] .tab button:nth-child(8),.lostark-event .middle #event3[data-active-class=warrior] .tab button:first-child{background-color:#62aad2;color:#fff}.lostark-event .middle #event3 .tab-active2,.lostark-event .middle #event3[data-active-class=assassin] .tab2 .swiper-slide:nth-child(7) button,.lostark-event .middle #event3[data-active-class=fighter_man] .tab2 .swiper-slide:nth-child(2) button,.lostark-event .middle #event3[data-active-class=fighter_woman] .tab2 .swiper-slide:nth-child(3) button,.lostark-event .middle #event3[data-active-class=hunter_man] .tab2 .swiper-slide:nth-child(4) button,.lostark-event .middle #event3[data-active-class=hunter_woman] .tab2 .swiper-slide:nth-child(5) button,.lostark-event .middle #event3[data-active-class=magician] .tab2 .swiper-slide:nth-child(6) button,.lostark-event .middle #event3[data-active-class=speciallist] .tab2 .swiper-slide:nth-child(8) button,.lostark-event .middle #event3[data-active-class=warrior] .tab2 .swiper-slide:first-child button{color:#6acaff}.lostark-event .middle #event3[data-active-class=assassin] .swiper-pagination-bullet:nth-child(n+13):nth-child(-n+14),.lostark-event .middle #event3[data-active-class=fighter_man] .swiper-pagination-bullet:nth-child(n+3):nth-child(-n+4),.lostark-event .middle #event3[data-active-class=fighter_woman] .swiper-pagination-bullet:nth-child(n+5):nth-child(-n+6),.lostark-event .middle #event3[data-active-class=hunter_man] .swiper-pagination-bullet:nth-child(n+7):nth-child(-n+8),.lostark-event .middle #event3[data-active-class=hunter_woman] .swiper-pagination-bullet:nth-child(n+9):nth-child(-n+10),.lostark-event .middle #event3[data-active-class=magician] .swiper-pagination-bullet:nth-child(n+11):nth-child(-n+12),.lostark-event .middle #event3[data-active-class=speciallist] .swiper-pagination-bullet:nth-child(n+15):nth-child(-n+16),.lostark-event .middle #event3[data-active-class=warrior] .swiper-pagination-bullet:nth-child(n+1):nth-child(-n+2){display:inline-block}.lostark-event .middle #event4{z-index:2;padding-top:112.63889%;background:url(images/m/@bg_event4.jpg?c5abb895591546cda1a024fe64dbd60e) no-repeat 0 0/100% auto}#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%}