.lostark-event .middle main .info,.lostark-event .middle main .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:#050505;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;background-image:url(images/m/tab.png?c1e026915e5df1bdabd6b5b056528700),url(images/m/tab1.png?35bfc8ffdf1e34cc523af8ed957fb32e),url(images/m/tab2.png?bd644b8a5fe76d978985de44b00fc69a),url(images/m/tab3.png?b06c673109fbd75be617a8c6a6a5d7f8),url(images/m/tab4.png?4b87f117a17a95c048e6bca2d23b9478)}.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}.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 section.section01{padding-top:201.39%;background:url(images/m/img_event.jpg?926ce2da171129bcc89e5c475a445548) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section01 .move_area{position:absolute;top:63%;left:50%;width:90.278%;height:27.444%;transform:translate(-50%)}.lostark-event .middle main section.section01 .move_area .preview{overflow:hidden;width:100%;height:100%}.lostark-event .middle main section.section01 .move_area .preview iframe{width:100%;height:100%}.lostark-event .middle main section.section01 .button--event-attention{top:25.8%;width:24%;height:4%;left:50%;transform:translate(-50%)}.lostark-event .middle main section.section02{padding-top:370.974%;background:url(images/m/img_event2.jpg?fd4651c320c280992095fda416cc18eb) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section02 .package_list{position:absolute;top:16%;left:50%;width:75%;height:75.6%;transform:translate(-50%)}.lostark-event .middle main section.section02 .package_list--left,.lostark-event .middle main section.section02 .package_list--right{position:relative;height:33%;box-sizing:border-box;text-align:center}.lostark-event .middle main section.section02 .package_list--right{margin-top:127.3%}.lostark-event .middle main section.section02 .package_list .p_list:after{display:block;clear:both;content:""}.lostark-event .middle main section.section02 .package_list .p_list li{float:left;width:50%;text-align:center}.lostark-event .middle main section.section02 .package_list .p_list li .button{display:inline-block;position:static;width:100%;padding-top:93%}.lostark-event .middle main section.section02 .package_list .button--buy-package{top:88%;width:44%;left:50%;height:12%;transform:translate(-50%)}.lostark-event .middle main section.section03{padding-top:334%;background:url(images/m/img_event3.jpg?08427d702db77dd0c226e8e222b7a73d) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section03 .myinfo{position:absolute;top:27.1%;left:4.9%;width:90.3%;height:6.054%;background-color:#770606;border-radius:10px}.lostark-event .middle main section.section03 .myinfo .box{height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.lostark-event .middle main section.section03 .myinfo .box .message{display:block}.lostark-event .middle main section.section03 .myinfo .box.nowCount{position:relative;padding-bottom:8%;box-sizing:border-box}.lostark-event .middle main section.section03 .myinfo .box.nowCount .message{position:relative;margin:5px 10px 0 0;font-size:15px;font-weight:700}.lostark-event .middle main section.section03 .myinfo .box.nowCount .count{color:#ffe969;font-size:25px}.lostark-event .middle main section.section03 .myinfo .box.nowCount .count .max,.lostark-event .middle main section.section03 .myinfo .box.nowCount .count .now{font-size:28.5px;padding:0 4px;font-weight:700}.lostark-event .middle main section.section03 .myinfo .box.nowCount:after{position:absolute;top:55%;left:0;width:100%;height:30%;font-size:15px;color:#ff6868;text-align:center;content:"(\CD5C\B300   4\D68C\AE4C\C9C0\B9CC   \CE74\C6B4\D305)"}.lostark-event .middle main section.section03 .myinfo .box.end .message{width:35.5%;height:20.3%;background:url(images/m/txt-end.png?e7c7887732383db59f50b01abbf1b4c9) no-repeat 50% 0/100% auto;font-size:0}.lostark-event .middle main section.section03 .myinfo .box.login .message{width:51.4%;height:19.5%;margin-right:3%;background:url(images/m/txt-login.png?d65fd265823b1b893cc9be1f16ac8c87) no-repeat 50% 0/100% auto;font-size:0}.lostark-event .middle main section.section03 .myinfo .box.login .button--event-login{position:static;width:30.8%;height:47.2%;background:url(images/m/bt_login.png?112b499fc33f8912ff828a85be08f722) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section03 .myinfo .box.soon .message{width:51%;height:51%;font-size:0;background:url(images/m/txt-soon.png?decfd68bce45f1a89ce88880466c0227) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section03 .myinfo .accumulate{position:absolute;top:299%;height:310%}.lostark-event .middle main section.section03 .myinfo .accumulate.accumulate-one{left:3.5%;right:51%}.lostark-event .middle main section.section03 .myinfo .accumulate.accumulate-two{left:51%;right:3.5%}.lostark-event .middle main section.section03 .myinfo .accumulate .button_type2{position:absolute;bottom:2%;left:50%;width:57.85%;height:12.609%;transform:translate(-50%);font-size:0}.lostark-event .middle main section.section03 .myinfo .accumulate .button_type2.button--item{background:url(images/m/bt_get.png?4d29e3933e5dfa633e20ef58f5563b50) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section03 .myinfo .accumulate .button_type2.item-complete{background:url(images/m/bt_complete.png?b38de5e11f191248746a121edccee95f) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section03 .myinfo .accumulate .button_type2.button--disabled{background:url(images/m/bt_disabled.png?1cb4bcbc36374eef2714fccc7d9f2eee) no-repeat 50% 0/100% auto}.lostark-event .middle main section.section03 .myinfo .accumulate .p_list{position:absolute;top:0;left:0;right:0}.lostark-event .middle main section.section03 .myinfo .accumulate .p_list li{margin-top:6%}.lostark-event .middle main section.section03 .myinfo .accumulate .p_list li:first-child{margin-top:0}.lostark-event .middle main section.section03 .myinfo .accumulate .p_list li .button{display:inline-block;position:static;width:100%;padding-top:58%}.lostark-event .middle main section.section04{padding-top:176.809%;background:url(images/m/img_event4.jpg?219e7b235b13dfb7da8721e24e06dc65) no-repeat 50% 0/100% auto}.lostark-event .middle main .button{display:block;position:absolute;font-size:0}#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 #ebebeb;line-height:72px;font-size:19px;font-weight:400;color:#124aa7}#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}#modal-attention .lui-modal__content>strong{display:block;margin-top:20px;font-size:18px;color:#124aa7}#modal-attention .lui-modal__content>strong:first-of-type{margin-top:0}#modal-attention .lui-modal__content>ul>li{position:relative;margin:10px 0 0;padding-left:10px;font-size:14px;color:#404958}#modal-attention .lui-modal__content>ul>li:before{display:inline-block;content:"";position:absolute;left:0;top:9px;width:4px;height:1px;background-color:#404958}#modal-attention .lui-modal__content>ul>li:first-child{margin-top:0}#modal-attention .lui-modal__content>ul em{font-style:normal;font-weight:700}#modal-weapon{background-color:rgba(0,0,0,.9)}#modal-weapon .lui-modal__window{padding:50px 0}#modal-weapon .lui-modal__body{width:100%;max-width:720px;background-color:transparent}#modal-weapon .lui-modal__close{position:absolute;display:inline-block;width:40;height:40;font-size:0;overflow:hidden;right:5.55556%;top:2.32153%;width:5.55556%;height:2.32153%}#modal-weapon .lui-modal__close:after,#modal-weapon .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:56px;height:1px;background-color:#fff}#modal-weapon .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-weapon .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}#modal-weapon .lui-modal__content{position:relative;width:100%;padding-bottom:239.30556%;background:url(images/m/bg_modal_weapon.png?423baede0663e2c663641942c28f3b0e) no-repeat 50% 0/100% auto}#modal-weapon[data-active-class=warrior] .weapon-swiper .tab{background-image:url(images/m/tab1.png?35bfc8ffdf1e34cc523af8ed957fb32e)}#modal-weapon[data-active-class=fighter] .weapon-swiper .tab{background-image:url(images/m/tab2.png?bd644b8a5fe76d978985de44b00fc69a)}#modal-weapon[data-active-class=hunter] .weapon-swiper .tab{background-image:url(images/m/tab3.png?b06c673109fbd75be617a8c6a6a5d7f8)}#modal-weapon[data-active-class=magician] .weapon-swiper .tab{background-image:url(images/m/tab4.png?4b87f117a17a95c048e6bca2d23b9478)}#modal-weapon[data-active-class=assassin] .weapon-swiper .tab{background-image:url(images/m/tab5.png?f402fcfb88ad8b7dff1150fc3054b9b1)}#modal-weapon .weapon-swiper{position:absolute;top:8.35%;left:.5%;right:.5%;padding-top:200%}#modal-weapon .weapon-swiper .tab{position:absolute;left:0;top:0;width:100%;height:14.4%;background:url(images/m/tab.png?c1e026915e5df1bdabd6b5b056528700) no-repeat 50% 0/100% auto;font-size:0}#modal-weapon .weapon-swiper .tab button{position:absolute;display:block;margin:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight:transparent}#modal-weapon .weapon-swiper .tab button:first-child{top:0;left:0;width:50%;height:50%}#modal-weapon .weapon-swiper .tab button:nth-child(2){top:0;left:50.2%;width:50%;height:50%}#modal-weapon .weapon-swiper .tab button:nth-child(3){top:50%;left:0;width:33.4%;height:50%}#modal-weapon .weapon-swiper .tab button:nth-child(4){top:50%;left:33.4%;width:33.4%;height:50%}#modal-weapon .weapon-swiper .tab button:nth-child(5){top:50%;left:66.9%;width:33.1%;height:50%}#modal-weapon .weapon-swiper .swiper{position:absolute;left:0;right:0;top:20.5%;height:81%}#modal-weapon .weapon-swiper .swiper-container .slide1{background:url(images/m/img_weapon_slide1.l6dtA3Ld5hT7.png?db4d9b3b80741730074df30fba418076) no-repeat 50% 0/100% auto}#modal-weapon .weapon-swiper .swiper-container .slide2{background:url(images/m/img_weapon_slide2.l6dtA3Ld5hT7.png?bba8a779f077de85fa6ef4d9d211996b) no-repeat 50% 0/100% auto}#modal-weapon .weapon-swiper .swiper-container .slide3{background:url(images/m/img_weapon_slide3.l6dtA3Ld5hT7.png?d576e44038ddeed45fccacdca072081e) no-repeat 50% 0/100% auto}#modal-weapon .weapon-swiper .swiper-container .slide4{background:url(images/m/img_weapon_slide4.l6dtA3Ld5hT7.png?71d1234f2ba6e5e053591f40349a1aed) no-repeat 50% 0/100% auto}#modal-weapon .weapon-swiper .swiper-container .slide5{background:url(images/m/img_weapon_slide5.l6dtA3Ld5hT7.png?f58b59ac58abdbdf9be06c3facc469ea) no-repeat 50% 0/100% auto}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:first-child{top:19%;left:5%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(2){top:19%;left:36%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(3){top:19%;left:68%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(4){top:50.5%;left:5%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(5){top:50.5%;left:36%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(6){top:50.5%;left:67%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(7){top:82.7%;left:1%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(8){top:82.7%;left:34%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide1 button:nth-child(9){top:82.7%;left:67%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:first-child{top:16%;left:6%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(2){top:16%;left:36%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(3){top:16%;left:69%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(4){top:41.5%;left:3%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(5){top:41.5%;left:36%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(6){top:41.5%;left:68%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(7){top:67%;left:2%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(8){top:67%;left:33%;width:31%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(9){top:67%;left:68%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(10){top:92.5%;left:1%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(11){top:92.5%;left:33%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide2 button:nth-child(12){top:92.5%;left:67%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:first-child{top:19%;left:5%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(2){top:19%;left:36%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(3){top:19%;left:66%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(4){top:49.8%;left:5%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(5){top:49.8%;left:36%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(6){top:49.8%;left:66%;width:25%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(7){top:81.7%;left:1%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(8){top:81.7%;left:33%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide3 button:nth-child(9){top:81.7%;left:67%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:first-child{top:20%;left:3%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(2){top:20%;left:35%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(3){top:20%;left:67%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(4){top:53%;left:2.5%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(5){top:53%;left:33.5%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(6){top:53%;left:67.5%;width:26%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(7){top:86.5%;left:.5%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(8){top:86.5%;left:33.5%;width:32%}#modal-weapon .weapon-swiper .swiper-slide.slide4 button:nth-child(9){top:86.5%;left:67.5%;width:32%}#modal-weapon .weapon-swiper .swiper-slide.slide5 button:first-child{top:19%;left:1.2%;width:30%}#modal-weapon .weapon-swiper .swiper-slide.slide5 button:nth-child(2){top:19%;left:33.4%;width:30%}#modal-weapon .weapon-swiper .swiper-slide.slide5 button:nth-child(3){top:19%;left:66%;width:30%}#modal-weapon .weapon-swiper .swiper-slide.slide5 button:nth-child(4){top:53.3%;left:4%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide5 button:nth-child(5){top:53.3%;left:35%;width:29%}#modal-weapon .weapon-swiper .swiper-slide.slide5 button:nth-child(6){top:53.3%;left:66.5%;width:29%}#modal-weapon .weapon-swiper .swiper-slide button{position:absolute;width:35.29412%;height:4.88636%;font-size:0}#modal-weapon .weapon-swiper .tip{position:absolute;left:10px;top:100%;margin-top:10px;padding-bottom:20px;color:#999}#modal-weapon .weapon-swiper .tip li{position:relative;padding-left:10px;font-size:12px}#modal-weapon .weapon-swiper .tip li:before{display:block;content:"";position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:hsla(0,0%,100%,.4)}#modal-item .lui-modal__window{padding:50px 0}#modal-item .lui-modal__body{width:auto;background-color:transparent}#modal-item .lui-modal__close{position:fixed;display:inline-block;width:29px;height:29px;font-size:0;right:10px;top:10px}#modal-item .lui-modal__close:after,#modal-item .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:26px;height:1px;background-color:#fff}#modal-item .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-item .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}#modal-item .lui-modal__content{max-width:720px;margin:0 auto;text-align:center}#modal-item img{max-width:100%}#modal-avatar,#modal-avatar2,#modal-avatar3,#modal-avatar4{background-color:rgba(0,0,0,.9)}#modal-avatar2 .lui-modal__window,#modal-avatar3 .lui-modal__window,#modal-avatar4 .lui-modal__window,#modal-avatar .lui-modal__window{padding:50px 0}#modal-avatar2 .lui-modal__body,#modal-avatar3 .lui-modal__body,#modal-avatar4 .lui-modal__body,#modal-avatar .lui-modal__body{width:100%;max-width:720px;background-color:transparent}#modal-avatar2 .lui-modal__close,#modal-avatar3 .lui-modal__close,#modal-avatar4 .lui-modal__close,#modal-avatar .lui-modal__close{position:absolute;display:inline-block;width:40px;height:40px;font-size:0;overflow:hidden;right:5.55556%;top:3.57143%;width:5.55556%;height:3.57143%}#modal-avatar2 .lui-modal__close:after,#modal-avatar2 .lui-modal__close:before,#modal-avatar3 .lui-modal__close:after,#modal-avatar3 .lui-modal__close:before,#modal-avatar4 .lui-modal__close:after,#modal-avatar4 .lui-modal__close:before,#modal-avatar .lui-modal__close:after,#modal-avatar .lui-modal__close:before{transition:.2s;content:"";position:absolute;top:50%;left:50%;width:56px;height:1px;background-color:#fff}#modal-avatar2 .lui-modal__close:before,#modal-avatar3 .lui-modal__close:before,#modal-avatar4 .lui-modal__close:before,#modal-avatar .lui-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}#modal-avatar2 .lui-modal__close:after,#modal-avatar3 .lui-modal__close:after,#modal-avatar4 .lui-modal__close:after,#modal-avatar .lui-modal__close:after{transform:translate(-50%,-50%) rotate(135deg)}#modal-avatar2 .lui-modal__content,#modal-avatar3 .lui-modal__content,#modal-avatar4 .lui-modal__content,#modal-avatar .lui-modal__content{position:relative;width:100%;padding-bottom:155.55556%;background:url(images/m/bg_modal_avatar.png?9d4b6f0930a743d3eee02f4dcaac531a) no-repeat 50% 0/100% auto}#modal-avatar2[data-active-class=warrior] .tab,#modal-avatar3[data-active-class=warrior] .tab,#modal-avatar4[data-active-class=warrior] .tab,#modal-avatar[data-active-class=warrior] .tab{background-image:url(images/m/tab_avatar1.png?4eafec3a10a4d515a84ecb374ecaae71)}#modal-avatar2[data-active-class=fighter] .tab,#modal-avatar3[data-active-class=fighter] .tab,#modal-avatar4[data-active-class=fighter] .tab,#modal-avatar[data-active-class=fighter] .tab{background-image:url(images/m/tab_avatar2.png?11f3bb935bf6d6ba5106b2bf622e7dbb)}#modal-avatar2[data-active-class=hunter] .tab,#modal-avatar3[data-active-class=hunter] .tab,#modal-avatar4[data-active-class=hunter] .tab,#modal-avatar[data-active-class=hunter] .tab{background-image:url(images/m/tab_avatar3.png?83b53a3b548a665da29420e1c7d643b2)}#modal-avatar2[data-active-class=magician] .tab,#modal-avatar3[data-active-class=magician] .tab,#modal-avatar4[data-active-class=magician] .tab,#modal-avatar[data-active-class=magician] .tab{background-image:url(images/m/tab_avatar4.png?9c33d87ebc1b4a92dec28566e19f9b82)}#modal-avatar2[data-active-class=assassin] .tab,#modal-avatar3[data-active-class=assassin] .tab,#modal-avatar4[data-active-class=assassin] .tab,#modal-avatar[data-active-class=assassin] .tab{background-image:url(images/m/tab_avatar5.png?b24eb34937ce2b071d5d34eb9f108a6d)}#modal-avatar2 .tab,#modal-avatar3 .tab,#modal-avatar4 .tab,#modal-avatar .tab{position:absolute;left:0;top:12.32143%;width:100%;height:19.19643%;background:url(images/m/tab_avatar.png?602fe75a7b2a4df99804fbd1ec99c86f) no-repeat 50% 0/100% auto;font-size:0}#modal-avatar2 .tab button,#modal-avatar3 .tab button,#modal-avatar4 .tab button,#modal-avatar .tab button{position:absolute;display:block;margin:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight:transparent}#modal-avatar2 .tab button:first-child,#modal-avatar3 .tab button:first-child,#modal-avatar4 .tab button:first-child,#modal-avatar .tab button:first-child{top:0;left:0;width:50.2%;height:58.1%}#modal-avatar2 .tab button:nth-child(2),#modal-avatar3 .tab button:nth-child(2),#modal-avatar4 .tab button:nth-child(2),#modal-avatar .tab button:nth-child(2){top:0;left:50.2%;width:49.8%;height:58.1%}#modal-avatar2 .tab button:nth-child(3),#modal-avatar3 .tab button:nth-child(3),#modal-avatar4 .tab button:nth-child(3),#modal-avatar .tab button:nth-child(3){top:58.1%;left:0;width:33.4%;height:41.9%}#modal-avatar2 .tab button:nth-child(4),#modal-avatar3 .tab button:nth-child(4),#modal-avatar4 .tab button:nth-child(4),#modal-avatar .tab button:nth-child(4){top:58.1%;left:33.4%;width:33.4%;height:41.9%}#modal-avatar2 .tab button:nth-child(5),#modal-avatar3 .tab button:nth-child(5),#modal-avatar4 .tab button:nth-child(5),#modal-avatar .tab button:nth-child(5){top:58.1%;left:66.9%;width:33.1%;height:41.9%}#modal-avatar2 .swiper,#modal-avatar3 .swiper,#modal-avatar4 .swiper,#modal-avatar .swiper{position:absolute;left:0;top:36.78571%;width:100%;height:51.25%}#modal-avatar2 .swiper-container .slide1,#modal-avatar3 .swiper-container .slide1,#modal-avatar4 .swiper-container .slide1,#modal-avatar .swiper-container .slide1{background:url(images/m/img_avatar_slide1-1.png?8790bb9d275c7686ff9638ef91eadf12) no-repeat 50% 0/100% auto}#modal-avatar2 .swiper-container .slide2,#modal-avatar3 .swiper-container .slide2,#modal-avatar4 .swiper-container .slide2,#modal-avatar .swiper-container .slide2{background:url(images/m/img_avatar_slide1-2.png?9dbd792c4bdb371811b2ae989a5c6ade) no-repeat 50% 0/100% auto}#modal-avatar2 .swiper-container .slide3,#modal-avatar3 .swiper-container .slide3,#modal-avatar4 .swiper-container .slide3,#modal-avatar .swiper-container .slide3{background:url(images/m/img_avatar_slide1-3.png?bbe19ab1cceb3d9e3a10ee9e24361b96) no-repeat 50% 0/100% auto}#modal-avatar2 .swiper-container .slide4,#modal-avatar3 .swiper-container .slide4,#modal-avatar4 .swiper-container .slide4,#modal-avatar .swiper-container .slide4{background:url(images/m/img_avatar_slide1-4.png?779463f4acb1cf84eef95ba3a2ee6ddf) no-repeat 50% 0/100% auto}#modal-avatar2 .swiper-container .slide5,#modal-avatar3 .swiper-container .slide5,#modal-avatar4 .swiper-container .slide5,#modal-avatar .swiper-container .slide5{background:url(images/m/img_avatar_slide1-5.png?695254542492014b474914add7420648) no-repeat 50% 0/100% auto}#modal-avatar2 .swiper-slide button,#modal-avatar3 .swiper-slide button,#modal-avatar4 .swiper-slide button,#modal-avatar .swiper-slide button{position:absolute;left:0;top:0;width:100%;height:90%;font-size:0}#modal-avatar2 .swiper-button-next,#modal-avatar2 .swiper-button-prev,#modal-avatar3 .swiper-button-next,#modal-avatar3 .swiper-button-prev,#modal-avatar4 .swiper-button-next,#modal-avatar4 .swiper-button-prev,#modal-avatar .swiper-button-next,#modal-avatar .swiper-button-prev{top:43.03136%;width:12.63889%;height:15.85366%}#modal-avatar2 .swiper-button-next,#modal-avatar3 .swiper-button-next,#modal-avatar4 .swiper-button-next,#modal-avatar .swiper-button-next{right:5.13889%;background:url(images/m/bt_arr-next.png?011b42f8e5569b5db5b01e92de3dc190) no-repeat 50% 0/100% auto}#modal-avatar2 .swiper-button-prev,#modal-avatar3 .swiper-button-prev,#modal-avatar4 .swiper-button-prev,#modal-avatar .swiper-button-prev{left:5.13889%;background:url(images/m/bt_arr-prev.png?775d95e21f987303518d2e08cdb25125) no-repeat 50% 0/100% auto}#modal-avatar2 .instrument,#modal-avatar3 .instrument,#modal-avatar4 .instrument,#modal-avatar .instrument{position:absolute;left:0;top:87.41071%;width:100%;height:10.625%}#modal-avatar2 .tip,#modal-avatar3 .tip,#modal-avatar4 .tip,#modal-avatar .tip{position:absolute;left:10px;top:100%;margin-top:10px;padding-bottom:20px;color:#999}#modal-avatar2 .tip li,#modal-avatar3 .tip li,#modal-avatar4 .tip li,#modal-avatar .tip li{position:relative;padding-left:10px;font-size:12px}#modal-avatar2 .tip li:before,#modal-avatar3 .tip li:before,#modal-avatar4 .tip li:before,#modal-avatar .tip li:before{display:block;content:"";position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:hsla(0,0%,100%,.4)}#modal-avatar2#modal-avatar2 .lui-modal__content,#modal-avatar3#modal-avatar2 .lui-modal__content,#modal-avatar4#modal-avatar2 .lui-modal__content,#modal-avatar#modal-avatar2 .lui-modal__content{background:url(images/m/bg_modal_avatar2.png?1288041ccd8bdfe2fd8a127a4816e534) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar2 .swiper-container .slide1,#modal-avatar3#modal-avatar2 .swiper-container .slide1,#modal-avatar4#modal-avatar2 .swiper-container .slide1,#modal-avatar#modal-avatar2 .swiper-container .slide1{background:url(images/m/img_avatar_slide2-1.png?1a6c3bb58a3ef1795d77a5fe4059be96) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar2 .swiper-container .slide2,#modal-avatar3#modal-avatar2 .swiper-container .slide2,#modal-avatar4#modal-avatar2 .swiper-container .slide2,#modal-avatar#modal-avatar2 .swiper-container .slide2{background:url(images/m/img_avatar_slide2-2.png?8656be6066bbb8a0cc317962ffd3e659) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar2 .swiper-container .slide3,#modal-avatar3#modal-avatar2 .swiper-container .slide3,#modal-avatar4#modal-avatar2 .swiper-container .slide3,#modal-avatar#modal-avatar2 .swiper-container .slide3{background:url(images/m/img_avatar_slide2-3.png?30d28ee3f9196e5f47d69a987ae3e711) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar2 .swiper-container .slide4,#modal-avatar3#modal-avatar2 .swiper-container .slide4,#modal-avatar4#modal-avatar2 .swiper-container .slide4,#modal-avatar#modal-avatar2 .swiper-container .slide4{background:url(images/m/img_avatar_slide2-4.png?d2e7b60b607fbe8aa41daf2b4ae550bd) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar2 .swiper-container .slide5,#modal-avatar3#modal-avatar2 .swiper-container .slide5,#modal-avatar4#modal-avatar2 .swiper-container .slide5,#modal-avatar#modal-avatar2 .swiper-container .slide5{background:url(images/m/img_avatar_slide2-5.png?d93237d83d1b02ec1f69427573c8ebf4) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar3 .lui-modal__content,#modal-avatar3#modal-avatar3 .lui-modal__content,#modal-avatar4#modal-avatar3 .lui-modal__content,#modal-avatar#modal-avatar3 .lui-modal__content{background:url(images/m/bg_modal_avatar3.png?09774a288a9177045b2d808d1cfd8a75) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar3 .swiper-container .slide1,#modal-avatar3#modal-avatar3 .swiper-container .slide1,#modal-avatar4#modal-avatar3 .swiper-container .slide1,#modal-avatar#modal-avatar3 .swiper-container .slide1{background:url(images/m/img_avatar_slide3-1.png?c278f01ffba8277e1bdcb10084384b47) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar3 .swiper-container .slide2,#modal-avatar3#modal-avatar3 .swiper-container .slide2,#modal-avatar4#modal-avatar3 .swiper-container .slide2,#modal-avatar#modal-avatar3 .swiper-container .slide2{background:url(images/m/img_avatar_slide3-2.png?2193ad61665171abfb6a23407775aa92) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar3 .swiper-container .slide3,#modal-avatar3#modal-avatar3 .swiper-container .slide3,#modal-avatar4#modal-avatar3 .swiper-container .slide3,#modal-avatar#modal-avatar3 .swiper-container .slide3{background:url(images/m/img_avatar_slide3-3.png?f38a80725b9f248ddd7c02743c2526de) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar3 .swiper-container .slide4,#modal-avatar3#modal-avatar3 .swiper-container .slide4,#modal-avatar4#modal-avatar3 .swiper-container .slide4,#modal-avatar#modal-avatar3 .swiper-container .slide4{background:url(images/m/img_avatar_slide3-4.png?c5ce881d0903486b89aebee9bec78563) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar3 .swiper-container .slide5,#modal-avatar3#modal-avatar3 .swiper-container .slide5,#modal-avatar4#modal-avatar3 .swiper-container .slide5,#modal-avatar#modal-avatar3 .swiper-container .slide5{background:url(images/m/img_avatar_slide3-5.png?411b5437d26bc3d21bf8f2361372af84) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar4 .lui-modal__content,#modal-avatar3#modal-avatar4 .lui-modal__content,#modal-avatar4#modal-avatar4 .lui-modal__content,#modal-avatar#modal-avatar4 .lui-modal__content{background:url(images/m/bg_modal_avatar4.png?f6bf6640ea2732c41f4ec931d1c0fc9e) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar4 .swiper-container .slide1,#modal-avatar3#modal-avatar4 .swiper-container .slide1,#modal-avatar4#modal-avatar4 .swiper-container .slide1,#modal-avatar#modal-avatar4 .swiper-container .slide1{background:url(images/m/img_avatar_slide4-1.png?432d4c33a52ce46cbf7dfaec5f338ce4) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar4 .swiper-container .slide2,#modal-avatar3#modal-avatar4 .swiper-container .slide2,#modal-avatar4#modal-avatar4 .swiper-container .slide2,#modal-avatar#modal-avatar4 .swiper-container .slide2{background:url(images/m/img_avatar_slide4-2.png?5299161db7647bada8255016317be227) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar4 .swiper-container .slide3,#modal-avatar3#modal-avatar4 .swiper-container .slide3,#modal-avatar4#modal-avatar4 .swiper-container .slide3,#modal-avatar#modal-avatar4 .swiper-container .slide3{background:url(images/m/img_avatar_slide4-3.png?23d5de7db1a72b506ffa157d074320cf) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar4 .swiper-container .slide4,#modal-avatar3#modal-avatar4 .swiper-container .slide4,#modal-avatar4#modal-avatar4 .swiper-container .slide4,#modal-avatar#modal-avatar4 .swiper-container .slide4{background:url(images/m/img_avatar_slide4-4.png?bd6d95b76b4d47266d4cf787fb44776d) no-repeat 50% 0/100% auto}#modal-avatar2#modal-avatar4 .swiper-container .slide5,#modal-avatar3#modal-avatar4 .swiper-container .slide5,#modal-avatar4#modal-avatar4 .swiper-container .slide5,#modal-avatar#modal-avatar4 .swiper-container .slide5{background:url(images/m/img_avatar_slide4-5.png?107e23308d6a682d837e2bf72e62c6c2) no-repeat 50% 0/100% auto}.button-change-avata,.button-reform-view{top:11.3%;width:38.6%;height:1%}.button-change-avata{margin-left:10.6%}.button-reform-view{margin-left:50.8%}.button-pc-view{top:82.5%;left:29.2%;width:41.7%;height:10.3%}