@keyframes bgChange{0%,to{opacity:0}40%,60%{opacity:1}}@keyframes bounce{0%,to{transform:translate(-50%,0)}50%{transform:translate(-50%,20px)}}.lostark-event .info,.lostark-event .tip,.lostark-event .title{margin:-1px;padding:0}.lostark-event .info,.lostark-event .tip,.lostark-event .title,legend{overflow:hidden;position:absolute;width:1px;height:1px;border:0;clip:rect(0 0 0 0)}blockquote,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0;font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a,button{background-color:transparent}a{text-decoration:none;color:inherit}a[disabled],button[disabled]{cursor:default}button{cursor:pointer;outline:0}img{vertical-align:top}button,fieldset,form,legend{margin:0;padding:0}button,fieldset,img{border:0}button,input,option,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:inherit;vertical-align:top}input[type=text].input--error{border-color:#ff8a8a!important}input[type=number],input[type=password],input[type=text],textarea{resize:none;outline:0}input[type=number]::-ms-clear,input[type=password]::-ms-clear,input[type=text]::-ms-clear,textarea::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=password]::-webkit-inner-spin-button,input[type=text]::-webkit-inner-spin-button,textarea::-webkit-inner-spin-button{display:none}input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#b8b8b8}input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b8b8b8}input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#b8b8b8}.lostark-event{width:100%;min-width:320px;margin:0 auto;background-color:#000;color:#fff}.lostark-event .footer{background-color:#141d24}.lostark-event .middle{min-width:320px;max-width:720px;margin:0 auto}.lostark-event .middle .button--today{display:none}.lostark-event .middle .button{display:block;position:absolute;font-size:0;outline:0}.lostark-event .middle,.lostark-event .middle main{position:relative;width:100%}.lostark-event,.lostark-event .middle section{position:relative}.lostark-event .middle #background{position:fixed;top:0;left:50%;width:100%;height:100%;max-width:720px;background:url(images/m/bg1.webp?4c9d8f62576e4a83d9c7) no-repeat 50% 55px/cover;transform:translateX(-50%)}.lostark-event .middle #background:before{content:"";position:absolute;inset:0;background:url(images/m/bg2.webp?e36d53663655f3b3aa28) no-repeat 50% 55px/cover;opacity:0;animation:bgChange 10s infinite;animation-delay:1s}.lostark-event .middle #logo{position:relative;width:100%;height:calc(100vh - 55px);font-size:0}.lostark-event .middle #logo:after{position:absolute;top:50%;left:50%;width:59.3055555556%;height:41.3888888889vw;background:url(images/m/@title.webp?ae0b31e97c92c2a9ba13) no-repeat 0 0/100% auto;transform:translate(-50%,-50%);content:""}@media screen and (min-width:720px){.lostark-event .middle #logo:after{height:298px}}.lostark-event .middle #logo:before{position:absolute;top:50%;margin-top:41.6666666667vw;left:50%;width:3.8888888889%;height:22.6388888889vw;background:url(images/m/@ico_arr.webp?be92896667c1dac16e8d) no-repeat 0 0/100% auto;transform:translate(-50%,0);content:"";animation:bounce 2s infinite ease-out}@media screen and (min-width:720px){.lostark-event .middle #logo:before{margin-top:300px;height:163px}}.lostark-event .middle #index .section{padding-top:13.8888888889vw}.lostark-event .middle #index .section:first-child{padding-top:13.1944444444vw}@media screen and (min-width:720px){.lostark-event .middle #index .section{padding-top:100px}.lostark-event .middle #index .section:first-child{padding-top:95px}}.lostark-event .middle #index h3.date{display:block;width:100%;height:8.0555555556vw;background-image:url(images/m/@date.webp?2315b3fe98cd36abca54);background-size:auto 400%;background-repeat:no-repeat;background-position:50% 0;font-size:0}.lostark-event .middle #index h3.date+.box{margin-top:3.4722222222vw}@media screen and (min-width:720px){.lostark-event .middle #index h3.date{height:58px}.lostark-event .middle #index h3.date+.box{margin-top:25px}}.lostark-event .middle #index .box{position:relative;width:91.6666666667%;margin:0 auto;height:48.6111111111vw;font-size:0}@media screen and (min-width:720px){.lostark-event .middle #index .box{height:350px}}.lostark-event .middle #index .box_item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;padding:3.4722222222vw 4.1666666667vw;color:#fff;font-family:"Noto Sans KR";box-sizing:border-box}@media screen and (min-width:720px){.lostark-event .middle #index .box_item{padding:25px 30px}}.lostark-event .middle #index .box_item:before{content:"";position:absolute;inset:0;opacity:.6;background:linear-gradient(to top,rgba(0,0,0,.8) 0,transparent 24%)}.lostark-event .middle #index .box_item .date{position:absolute;top:25px;z-index:2;font-size:5.5555555556vw;font-family:"Pretendard"}@media screen and (min-width:720px){.lostark-event .middle #index .box_item .date{font-size:40px}}.lostark-event .middle #index .box_item .desc,.lostark-event .middle #index .box_item .tit{position:relative;z-index:2}.lostark-event .middle #index .box_item .desc{font-size:3.6111111111vw}@media screen and (min-width:720px){.lostark-event .middle #index .box_item .desc{font-size:26px}}.lostark-event .middle #index .box_item .tit{font-size:5.2777777778vw}@media screen and (min-width:720px){.lostark-event .middle #index .box_item .tit{font-size:38px}}.lostark-event .middle #index .box+.box{margin-top:6.9444444444vw}@media screen and (min-width:720px){.lostark-event .middle #index .box+.box{margin-top:50px}}.lostark-event .middle #index .box.new:after{content:"";position:absolute;top:0;right:0;width:11.25%;height:11.25vw;background:url(images/m/@ico_new.webp?6af70c6720a8b730947c) no-repeat 50% 0/100% auto;pointer-events:none}@media screen and (min-width:720px){.lostark-event .middle #index .box.new:after{height:81px}}.lostark-event .middle #index #dec .box.box1{background:url(images/m/dec_item1.webp?819f0c58ce080b113c33) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box2{background:url(images/m/dec_item2.webp?8b3e5c7915d82c7df0dd) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box3{background:url(images/m/dec_item3.webp?d194d9996f54f85c9bd1) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box4{background:url(images/m/dec_item4.webp?8acddd6e768754c65be1) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box5{background:url(images/m/dec_item5.webp?d70b1cc0331b1bd4fbb2) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box6{background:url(images/m/dec_item6.webp?2ac8acb65723f2456197) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box7{background:url(images/m/dec_item7.webp?f47d138bf051b25feaad) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box8{background:url(images/m/dec_item8.webp?8e3ea670647597584ce4) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box9{background:url(images/m/dec_item9.webp?5275086ee72b550f90a9) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box10{background:url(images/m/dec_item10.webp?93ff7d1cd398b9b0099d) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box11{background:url(images/m/dec_item11.webp?e62945585bd1c3c221c5) no-repeat 0 0/100% auto}.lostark-event .middle #index #dec .box.box1,.lostark-event .middle #index #dec .box.box2{height:79.7222222222vw}@media screen and (min-width:720px){.lostark-event .middle #index #dec .box.box1,.lostark-event .middle #index #dec .box.box2{height:574px}}.lostark-event .middle #index #jan .date{background-position-y:33%}.lostark-event .middle #index #jan .box.box1{background:url(images/m/jan_item1.webp?82f9c2a20839a872e2d2) no-repeat 0 0/100% auto}.lostark-event .middle #index #jan .box.box2{background:url(images/m/jan_item2.webp?8e0d0a79a009303786c9) no-repeat 0 0/100% auto}.lostark-event .middle #index #jan .box.box3{background:url(images/m/jan_item3.webp?c9b743151bc7b1b51928) no-repeat 0 0/100% auto}.lostark-event .middle #index #jan .box.box4{background:url(images/m/jan_item4.webp?f54c051b22133de1ba7b) no-repeat 0 0/100% auto}.lostark-event .middle #index #jan .box.box5{background:url(images/m/jan_item5.webp?02084026122ac1ca7b81) no-repeat 0 0/100% auto}.lostark-event .middle #index #jan .box.box1{height:79.7222222222vw}@media screen and (min-width:720px){.lostark-event .middle #index #jan .box.box1{height:574px}}.lostark-event .middle #index #feb .date{background-position-y:66%}.lostark-event .middle #index #feb .box.box1{background:url(images/m/feb_item1.webp?5bb60c5486db2a8de561) no-repeat 0 0/100% auto}.lostark-event .middle #index #feb .box.box2{background:url(images/m/feb_item2.webp?b078633e1f53c51d48d6) no-repeat 0 0/100% auto}.lostark-event .middle #index #feb .box.box3{background:url(images/m/feb_item3.webp?3ce1c4ac91ec0f641242) no-repeat 0 0/100% auto}.lostark-event .middle #index #feb .box.box4{background:url(images/m/feb_item4.webp?9e13c3400ece7137f91d) no-repeat 0 0/100% auto}.lostark-event .middle #index #mar{padding-bottom:13.8888888889vw}@media screen and (min-width:720px){.lostark-event .middle #index #mar{padding-bottom:100px}}.lostark-event .middle #index #mar .date{background-position-y:100%}.lostark-event .middle #index #mar .box.box1{background:url(images/m/mar_item1.webp?3a199e8aedfda2a53d49) no-repeat 0 0/100% auto}.lostark-event .middle #index #mar .box.box2{background:url(images/m/mar_item2.webp?58b65289b1e01ed9dece) no-repeat 0 0/100% auto}