.common-swiper[data-v-02bdcbea]{position:relative;width:100%;height:100%}.common-swiper .bg[data-v-02bdcbea]{position:absolute;top:0;left:0;width:100%;height:100%}.common-swiper .bg video[data-v-02bdcbea]{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 0;object-position:center 0}.common-swiper .bg[data-v-02bdcbea]:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}#app.pc .common-swiper .contents-swiper[data-v-02bdcbea]{position:relative;height:100%}#app.pc .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea]{height:100%}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner[data-v-02bdcbea]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;margin:0 auto;padding:90px 9.375% 0;-webkit-box-sizing:border-box;box-sizing:border-box}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .text-area[data-v-02bdcbea]{width:calc(50% - 150px);padding-bottom:48px;color:#fff}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .text-area .eyebrow[data-v-02bdcbea]{margin-bottom:15px;color:#e6d5b1;font-size:18px;line-height:28px}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .text-area .tit[data-v-02bdcbea]{margin-bottom:42px;font-size:32px;line-height:40px}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .text-area .desc[data-v-02bdcbea]{font-size:16px;line-height:26px}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .text-area .desc[data-v-02bdcbea].strong{color:#e6d5b1}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .btn-play[data-v-02bdcbea]{position:absolute;top:50%;left:50%;width:150px;height:150px;margin-left:-75px;margin-top:-30px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/672572a8f624.png);overflow:hidden;text-indent:-5000px}#app.pc .common-swiper .contents-swiper .swiper-container .slide-inner .btn-play.isLocked[data-v-02bdcbea]{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/5561cc9516b2.png)}#app.pc .common-swiper .thumbnail-swiper[data-v-02bdcbea]{position:absolute;bottom:0;left:0;width:100%;text-align:center}#app.pc .common-swiper .thumbnail-swiper.isIE[data-v-02bdcbea]:before{background:rgba(0,0,0,.6)}#app.pc .common-swiper .thumbnail-swiper[data-v-02bdcbea]:before{content:" ";position:absolute;left:0;bottom:0;width:100%;height:95px;border-top:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-mask:-webkit-gradient(linear,left top,right top,color-stop(2%,transparent),color-stop(20%,#000),color-stop(90%,#000),color-stop(98%,transparent));-webkit-mask:linear-gradient(90deg,transparent 2%,#000 20%,#000 90%,transparent 98%);mask:-webkit-gradient(linear,left top,right top,color-stop(2%,transparent),color-stop(20%,#000),color-stop(90%,#000),color-stop(98%,transparent));mask:linear-gradient(90deg,transparent 2%,#000 20%,#000 90%,transparent 98%)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea]{display:inline-block;vertical-align:top;max-width:100%;height:218px;padding-top:94px;padding-left:9.375%;padding-right:9.375%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-mask:-webkit-gradient(linear,left top,right top,color-stop(6%,transparent),color-stop(9.375%,#000),color-stop(90.625%,#000),color-stop(94%,transparent));-webkit-mask:linear-gradient(90deg,transparent 6%,#000 9.375%,#000 90.625%,transparent 94%);mask:-webkit-gradient(linear,left top,right top,color-stop(6%,transparent),color-stop(9.375%,#000),color-stop(90.625%,#000),color-stop(94%,transparent));mask:linear-gradient(90deg,transparent 6%,#000 9.375%,#000 90.625%,transparent 94%)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper{position:relative;height:124px}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide{position:relative;width:56px;margin:0 42px}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:before{content:" ";position:absolute;top:28px;left:-110px;width:0;height:1px;background-color:#d8bb83;background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/09776342253d.png);background-repeat:no-repeat;z-index:1}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:first-child:after,#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:first-child:before{display:none}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:nth-child(3n+1):before{background-position:0 0}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:nth-child(3n+2):before{background-position:-140px 0}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:nth-child(3n+3):before{background-position:-280px 0}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco{position:absolute;top:-94px;left:50%;width:39px;height:110px;margin-left:-20px}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span{position:absolute;bottom:0;left:0;width:100%;height:0;opacity:0;background-position:0 bottom;background-repeat:no-repeat;-webkit-transition:none;transition:none}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span.line1{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/da86ebadaaa7.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span.line2{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/fde5c75aaa00.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span.line3{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/1506417c9d22.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span.line3.type2{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/8d3668d0b28c.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span.line4{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/8799d761606d.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .deco span.line5{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/86c886f4ef27.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner{position:relative;width:56px;height:57px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/95354fae9454.png) 50% no-repeat;cursor:pointer;z-index:3}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner .off{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/d2e130278166.png) 50% no-repeat;opacity:0;-webkit-transform:scale(.5178);transform:scale(.5178);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner .on{position:absolute;top:0;left:0;width:0;height:100%;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/49044ceb2f6b.png) 0 0 no-repeat;background-size:56px auto;-webkit-transition:none;transition:none}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .title{position:absolute;top:58px;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:140px;height:40px;margin-left:-70px;color:#757575;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .title span{display:block;width:100%;height:auto;max-height:40px;overflow:hidden;color:currentColor;font-size:14px;line-height:20px;text-align:center}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isLocked{pointer-events:none}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isLocked .thumb-inner{background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/59a9c351966d.png) 50% no-repeat;cursor:default}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:hover:not(.isLocked) .thumb-inner .off{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:hover:not(.isLocked) .title{color:#fff}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before{width:140px;-webkit-transition:width .3s linear;transition:width .3s linear}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .deco span{height:100%;opacity:1}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .deco span.line1{-webkit-transition:height 2s cubic-bezier(0,0,.145,.995),opacity .5s ease;transition:height 2s cubic-bezier(0,0,.145,.995),opacity .5s ease;-webkit-transition-delay:.7s;transition-delay:.7s}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .deco span.line2{-webkit-transition:height 1.7s cubic-bezier(0,0,.145,.995),opacity .5s ease;transition:height 1.7s cubic-bezier(0,0,.145,.995),opacity .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .deco span.line3{-webkit-transition:height 1.3s cubic-bezier(0,0,.145,.995),opacity .5s ease;transition:height 1.3s cubic-bezier(0,0,.145,.995),opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .deco span.line4{-webkit-transition:height 1.3s cubic-bezier(0,.13,1,.32),opacity .5s ease;transition:height 1.3s cubic-bezier(0,.13,1,.32),opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .deco span.line5{-webkit-transition:height 1s cubic-bezier(0,.13,1,.32),opacity .5s ease;transition:height 1s cubic-bezier(0,.13,1,.32),opacity .5s ease;-webkit-transition-delay:.5s;transition-delay:.5s}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-inner .off{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-inner .on{width:56px;-webkit-transition:width 10s linear;transition:width 10s linear}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .title{color:#fff}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isCompleted .thumb-inner{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/17e18918ce87.png)}#app.pc .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isCompleted:before{width:140px}#app.pc .common-swiper .thumbnail-swiper .preview-wrap[data-v-02bdcbea]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:124px;padding-top:94px;z-index:0}#app.pc .common-swiper .thumbnail-swiper .preview-wrap[data-v-02bdcbea]:before{content:" ";position:absolute;top:122px;left:-110px;right:70px;height:1px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/09776342253d.png) 0 0 repeat-x;z-index:2}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb[data-v-02bdcbea]{position:relative;width:56px;margin:0 42px}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb .thumb-inner[data-v-02bdcbea]{position:relative;width:56px;height:57px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/59a9c351966d.png) 50% no-repeat;z-index:3}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb .thumb-inner[data-v-02bdcbea]:before{content:" ";position:absolute;top:-94px;left:50%;width:39px;height:110px;margin-left:-20px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/06d16a4de842.png) 50% no-repeat;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb .thumb-inner .off[data-v-02bdcbea]{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/d2e130278166.png) 50% no-repeat;opacity:0;-webkit-transform:scale(.5178);transform:scale(.5178);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb .thumb-inner .on[data-v-02bdcbea]{position:absolute;top:0;left:0;width:0;height:100%;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/49044ceb2f6b.png) 0 0 no-repeat;background-size:56px auto}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb .title[data-v-02bdcbea]{position:absolute;top:58px;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:140px;height:40px;margin-left:-70px;color:#757575;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper .preview-wrap .preview-thumb .title span[data-v-02bdcbea]{display:block;width:100%;height:auto;max-height:40px;overflow:hidden;color:currentColor;font-size:14px;line-height:20px;text-align:center}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide{width:96px;margin:0 20px}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isLocked .thumb-inner{background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/59a9c351966d.png) 50% no-repeat}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner{width:96px;height:57px;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box;background:none}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner.isIE{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner:after{content:" ";position:absolute;top:50%;left:50%;width:0;height:0;margin-top:-6px;margin-left:-5px;border-left:11px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner .img{display:block;background:#000}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner .img img{width:100%;height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:-webkit-filter .3s ease-in-out;transition:-webkit-filter .3s ease-in-out;transition:filter .3s ease-in-out;transition:filter .3s ease-in-out,-webkit-filter .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner .border{position:absolute;top:3px;left:3px;width:90px;height:51px;border:1px solid #757575;-webkit-box-sizing:border-box;box-sizing:border-box;background:none;-webkit-transition:border .3s ease-in-out;transition:border .3s ease-in-out}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide .thumb-inner .on{top:0;left:0;height:57px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/d224a18502b4.png) 0 0 no-repeat}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isCompleted .thumb-inner{background:none}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.isCompleted .thumb-inner .border{border-color:#d8bb83}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-inner:after{opacity:1}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-inner .img img{-webkit-filter:grayscale(0);filter:grayscale(0)}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-inner .on{width:96px}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb-inner.isIE{-webkit-transform:scale(1);transform:scale(1)}#app.pc .common-swiper .thumbnail-swiper.regionstory-type .swiper-container[data-v-02bdcbea] .swiper-wrapper .swiper-slide:hover .thumb-inner .border{border-color:#fff}#app.mobile .common-swiper[data-v-02bdcbea]{height:calc(100vh - 187px);height:calc(var(--vh, 1vh)*100 - 187px);min-height:980px}#app.mobile .common-swiper .contents-swiper[data-v-02bdcbea]{position:relative;width:100%;height:100%}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea]{width:100%;height:100%}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-active .slide-inner .text-area .desc,#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-active .slide-inner .text-area .tit{opacity:1}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner{position:relative;width:100%;height:100%;padding-top:130px;-webkit-box-sizing:border-box;box-sizing:border-box}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;padding:88px 78px 206px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area:before{content:" ";position:absolute;left:0;bottom:0;width:100%;height:610px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(30%,rgba(0,0,0,.6)));background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.6) 30%)}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit{position:relative;margin-bottom:46px;font-size:70px;line-height:80px;font-weight:700;opacity:0;-webkit-transition:all .8s ease-in-out .2s;transition:all .8s ease-in-out .2s}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .desc{position:relative;font-size:26px;line-height:52px;opacity:0;-webkit-transition:all .8s ease-in-out .4s;transition:all .8s ease-in-out .4s}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .desc.strong,#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .desc .strong{color:#e6d5b1}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .tit{margin-bottom:0}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label{position:relative;display:block}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label input{position:absolute;z-index:-1;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;overflow:hidden}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label input:checked+span:before{opacity:1}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label input:checked+span:after{-webkit-animation:blink-02bdcbea 1s ease-in-out infinite alternate;animation:blink-02bdcbea 1s ease-in-out infinite alternate}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span{position:relative;display:block;width:123px;height:120px;cursor:pointer;background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/dd44b234cf19.png)}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span.w:before{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/5b8ef5c31dfa.png)}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span.m:before{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/ee7748b5c714.png)}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span:after,#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position-x:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span:before{opacity:.3}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span:after{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/92c58db3a32f.png);opacity:0}#app.mobile .common-swiper .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .text-area .tit-block .gender-select label span:hover:before{opacity:1}@-webkit-keyframes blink-02bdcbea{0%{opacity:.3}to{opacity:1}}@keyframes blink-02bdcbea{0%{opacity:.3}to{opacity:1}}#app.mobile .common-swiper .thumbnail-swiper[data-v-02bdcbea]{position:absolute;left:0;bottom:0;width:100%;height:208px;z-index:2}#app.mobile .common-swiper .thumbnail-swiper[data-v-02bdcbea]:before{content:" ";position:absolute;left:0;right:1px;bottom:0;height:230px;background:hsla(0,0%,100%,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(35%,#000));-webkit-mask:linear-gradient(180deg,transparent,#000 35%);mask:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(35%,#000));mask:linear-gradient(180deg,transparent,#000 35%)}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea]{width:540px;height:100%;padding-top:32px;-webkit-box-sizing:border-box;box-sizing:border-box}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide{width:150px;height:150px;margin:0 15px}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner{position:relative;width:100%;height:100%;background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/0f88616edd8e.png);background-repeat:no-repeat;background-position:50%}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner.type2{background:none}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner .img{position:absolute;top:50%;left:50%;width:142px;height:81px;margin-left:-71px;margin-top:-40px;border:1px solid #585858;opacity:0;visibility:hidden}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner .img img{width:100%;height:100%}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner .img:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/c4cbadccadd3.png) 50% no-repeat}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner .btn-play{position:relative;width:100%;height:100%;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/672572a8f624.png) 50% no-repeat;overflow:hidden;text-indent:-5000px;opacity:0;visibility:hidden}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide .thumb-inner .btn-play.isLocked{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/5561cc9516b2.png)}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-thumb-active .thumb-inner{background-image:none!important}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-thumb-active .thumb-inner .img{opacity:0;visibility:hidden}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-thumb-active .thumb-inner .btn-play{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-next .thumb-inner .img,#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.swiper-slide-prev .thumb-inner .img{opacity:1;visibility:visible}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.isLocked{pointer-events:none}#app.mobile .common-swiper .thumbnail-swiper .swiper-container[data-v-02bdcbea] .swiper-slide.isLocked .thumb-inner{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/feb3aaf55ffe.png)}#app.mobile .common-swiper .common-swiper-controls[data-v-02bdcbea]{position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:2}#app.mobile .common-swiper .common-swiper-controls .btn-next[data-v-02bdcbea],#app.mobile .common-swiper .common-swiper-controls .btn-prev[data-v-02bdcbea]{position:absolute;bottom:54px;width:100px;height:100px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/c3124d6fe493.png) 40px no-repeat}#app.mobile .common-swiper .common-swiper-controls .btn-prev[data-v-02bdcbea]{left:0}#app.mobile .common-swiper .common-swiper-controls .btn-next[data-v-02bdcbea]{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#app.mobile .common-swiper.class-type[data-v-02bdcbea]{background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/e6e28f2a5ff5.jpg) center 0 no-repeat}#app.mobile .common-swiper.class-type .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner{padding-bottom:0}#app.mobile .common-swiper.class-type .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .class-image{position:absolute;top:103px;left:0;width:100%;height:auto}#app.mobile .common-swiper.class-type .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .class-image span{position:absolute;top:0;left:0;width:100%;height:1325px;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}#app.mobile .common-swiper.class-type .contents-swiper .swiper-container[data-v-02bdcbea] .slide-inner .class-image span.show{opacity:1}