.lostark-event{position:relative;width:100%;min-width:320px;margin:0 auto;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(-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;background-color:#fff9d0}.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:#901c02}.lostark-event .middle .button--today:before{display:block;content:"";width:8px;height:8px;margin-right:5px;box-sizing:border-box;border:1px solid #901c02}.lostark-event .middle main{position:relative;color:#000}.lostark-event .middle main section{overflow:hidden;position:relative;width:100%;box-sizing:border-box}.lostark-event .middle main .hidden,.lostark-event .middle main .text,.lostark-event .middle main section .info h3,.lostark-event .middle main section .info p{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle main .items>div{position:absolute;left:0;width:100%;text-align:center}.lostark-event .middle main .items dl{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle main .items .button{overflow:visible;display:inline-block;position:relative;margin-right:-4px;width:134px;height:58px;font-size:0;background:url(images/m/sp-get-item.png?f4a719f03834089ca275c5e48027f209) no-repeat;background-size:134px 240px}.lostark-event .middle main .items .button[disabled]{opacity:.4}.lostark-event .middle main .items .button.button--get-complete{opacity:1;background-position:0 -60px}.lostark-event .middle main .section-event1{position:relative;padding-top:804.722%;background:url(images/m/bg-event1.jpg?3fe8b5689d1669f9bf00acbb3b44f877) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle main .section-event1 .button{line-height:0;font-size:0}.lostark-event .middle main .section-event1 .button--event-attention,.lostark-event .middle main .section-event1 .button--event-pcbang{position:absolute;top:19.2%;left:12.77%;width:36.11%;height:1.1%}.lostark-event .middle main .section-event1 .button--event-attention{left:auto;right:12.77%}.lostark-event .middle main .section-event1 .button--bonus-event{position:absolute;top:7.525%;right:3.5%;width:24%;height:3%}.lostark-event .middle main .section-event1 .myinfo{position:absolute;top:20.762%;left:0;width:100%;height:5.1%}.lostark-event .middle main .section-event1 .box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;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 main .section-event1 .box .button{display:inline-block}.lostark-event .middle main .section-event1 .box .button--event-login{width:193px;height:43px;background:url(images/m/bt-login.png?717b564ef50df9aa9d1ae0546c93bb11) no-repeat;background-size:100% auto}.lostark-event .middle main .section-event1 .box .button--event-gamestart{width:193px;height:43px;background:url(images/m/bt-gamestart.png?ee39a6c9be6ff4f4fa440b338e047d17) no-repeat;background-size:100% auto}.lostark-event .middle main .section-event1 .box .button--event-refresh{position:relative;width:116px;height:36px;background:url(images/m/bt-inquery.png?ccafe547c9946d929810af2c0497273b) no-repeat;background-size:100% auto}.lostark-event .middle main .section-event1 .box .button--event-refresh .ico-refresh{position:absolute;top:50%;right:24px;margin-top:-8px;width:13px;height:13px;background:url(images/m/ico-refresh.png?17ffc1ddce4b3597f5de4a68003fd779) no-repeat;background-size:100% auto;animation-iteration-count:infinite;animation-play-state:paused}.lostark-event .middle main .section-event1 .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 main .section-event1 .box .button--event-refresh[disabled]{cursor:not-allowed}.lostark-event .middle main .section-event1 .box .message{margin-bottom:17px;line-height:1.46;font-size:15px;font-weight:700;color:#ece8c8}.lostark-event .middle main .section-event1 .box .message:only-child{margin-bottom:0}.lostark-event .middle main .section-event1 .box.login .message{letter-spacing:-.05em}.lostark-event .middle main .section-event1 .box.end{position:absolute;top:0;left:0;width:100%;height:100%;line-height:0;background:url(images/m/bg-close-event.png?6cf57e917cf2daec1c329707b96a14e6) no-repeat;background-size:100% auto}.lostark-event .middle main .section-event1 .box.end .message{visibility:hidden}.lostark-event .middle main .section-event1 .box.character .message{margin-bottom:0}.lostark-event .middle main .section-event1 .box.character .access-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:11px 0 20px;width:100%}.lostark-event .middle main .section-event1 .box.character h4{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle main .section-event1 .box.character .wrapper-graph{position:relative;padding:0 5px 0 10px;width:250px;height:35px;box-sizing:border-box}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .graph{overflow:hidden;position:absolute;top:0;left:0;z-index:0;border:2.5px solid #c08002;border-radius:15px;width:100%;height:28px;background-color:#3c3021;box-shadow:3px 3px 8px 0 rgba(0,0,0,.5);box-sizing:border-box}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .graph .bar{display:block;position:relative;margin-left:calc(-100% - 3px);border-radius:0 15px 15px 0;width:calc(100% + 3px);height:100%;background-image:linear-gradient(90deg,#d89300,#f1c023);transition:margin-left .5s ease}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time{position:absolute;top:33px;width:20px;line-height:1.5;font-size:10px;font-weight:700;color:#ecb91f;text-align:left}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time:before{display:inline-block}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="0"]{left:-5px;text-align:right}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="0"]:before{content:"0"}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="10"]{left:calc(33.333% - 4px)}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="10"]:before{content:"10"}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="20"]{left:calc(66.666% - 10px)}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="20"]:before{content:"20"}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="30"]{right:0}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .time[data-time="30"]:before{content:"30"}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .decoration{position:absolute;top:0;left:3px;z-index:1;margin-left:calc(-100% + 2px);width:calc(100% - 2px);height:100%;transition:margin-left .5s ease}.lostark-event .middle main .section-event1 .box.character .wrapper-graph .decoration:before{content:"";visibility:hidden;position:absolute;top:3px;right:-6px;width:40px;height:34px;background:url(images/m/bg-lucky-pocket.png?9fc73cb735691dcdd45b0a2d2f5ad07d) no-repeat;background-size:100% auto}.lostark-event .middle main .section-event1 .box.character .count{margin:-2% 0 0;width:15%;max-width:60px;color:#fc0;font-size:13px;letter-spacing:-.05em;text-align:right}.lostark-event .middle main .section-event1 .box.character .count em{display:inline-block;margin-right:2px;font-style:normal;font-weight:700;font-size:23px;vertical-align:baseline}.lostark-event .middle main .section-event1 .box.character.intersecting .decoration:before{visibility:visible}.lostark-event .middle main .section-event1 .items>div:first-child{top:34%}.lostark-event .middle main .section-event1 .items>div:nth-child(2){top:44.2%}.lostark-event .middle main .section-event1 .items>div:nth-child(3){top:54.4%}.lostark-event .middle main .section-event1 .list-luckybox{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.lostark-event .middle main .section-event2{padding-top:476.111%;background:url(images/m/bg-event2.jpg?d1e1bf7739268bb1a85e3b20a1fa5553) no-repeat 50% 0;background-size:100% auto}.lostark-event .middle main .section-event2 .items>div:first-child{top:34%}.lostark-event .middle main .section-event2 .items>div:nth-child(2){top:51%}.lostark-event .middle main .section-event2 .items>div:nth-child(3){top:67.9%}.lostark-event .middle main .section-event2 .items>div:nth-child(4){top:84.8%}.lostark-event .middle main .section-event3{padding-top:328.88%;background:url(images/m/bg-event3.jpg?0bf874480a963853b302c58ce38093b9) no-repeat 50% 0;background-size:100% auto}#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)}}@media (max-width:22.49em) and (orientation:portrait){.lostark-event .middle main .section-event1 .box.character .count{font-size:10px}.lostark-event .middle main .section-event1 .box.character .count em{font-size:18px}}@media (max-width:47.99em) and (orientation:landscape){.lostark-event .middle main .section-event1 .box .message{font-size:25px}}