#app.pc .game-class[data-v-57fb01bb]{position:relative;height:calc(100vh - 40px);min-height:880px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/d27c62db7e7c.jpg) center 0 no-repeat;overflow:hidden}#app.pc .game-class .bg[data-v-57fb01bb]{position:absolute;top:90px;left:50%;width:550px;height:550px;margin-left:-275px;overflow:hidden}#app.pc .game-class .bg video[data-v-57fb01bb]{width:100%;height:100%}#app.pc .game-class .class-swiper[data-v-57fb01bb]{position:relative;width:100%;padding-top:124px}#app.pc .game-class .class-swiper .swiper-container[data-v-57fb01bb]{width:100%}#app.pc .game-class .class-swiper .swiper-container[data-v-57fb01bb] .swiper-slide{position:relative;width:940px;-webkit-transform:translateZ(-742px);transform:translateZ(-742px);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;z-index:1}#app.pc .game-class .class-swiper .swiper-container[data-v-57fb01bb] .swiper-slide.swiper-slide-active{margin:0;z-index:2}#app.pc .game-class .class-swiper .swiper-container[data-v-57fb01bb] .swiper-slide.swiper-slide-active .slide-inner .class-image div span.on{opacity:1;-webkit-transition:opacity .3s ease-in-out .2s;transition:opacity .3s ease-in-out .2s}#app.pc .game-class .class-swiper .swiper-container[data-v-57fb01bb] .swiper-slide.swiper-slide-active .slide-inner .class-image div span.off{opacity:0;-webkit-transition:opacity .1s ease .4s;transition:opacity .1s ease .4s}#app.pc .game-class .class-swiper .swiper-container[data-v-57fb01bb].isIE .swiper-slide{-webkit-transform:translateZ(0) scale(.6);transform:translateZ(0) scale(.6)}#app.pc .game-class .class-info-swiper[data-v-57fb01bb]{position:absolute;top:0;left:50%;width:940px;margin-left:-470px;padding-top:124px}#app.pc .game-class .class-info-swiper.isReady .slide-inner .class-info .class-bg[data-v-57fb01bb],#app.pc .game-class .class-info-swiper.isReady .slide-inner .class-info .class-name[data-v-57fb01bb]{opacity:1;-webkit-transition:opacity .5s ease-in .3s;transition:opacity .5s ease-in .3s}#app.pc .game-class .class-info-swiper.isReady .slide-inner .class-info .gender-select[data-v-57fb01bb]{opacity:1;-webkit-transition:opacity .5s ease-in .6s;transition:opacity .5s ease-in .6s}#app.pc .game-class .class-info-swiper.isReady .slide-inner .class-info .class-desc[data-v-57fb01bb]{opacity:1;-webkit-transition:opacity .5s ease-in .9s;transition:opacity .5s ease-in .9s}#app.pc .game-class .class-info-swiper.isReady .slide-inner .btn-play[data-v-57fb01bb]{opacity:1;-webkit-transition:opacity .5s ease-in 1.2s;transition:opacity .5s ease-in 1.2s}#app.pc .game-class .swiper-control .btn[data-v-57fb01bb]{position:absolute;top:90px;display:block;width:calc(50% - 100px);height:calc(100vh - 130px);z-index:2}#app.pc .game-class .swiper-control .btn.btn-prev[data-v-57fb01bb]{left:0}#app.pc .game-class .swiper-control .btn.btn-prev[data-v-57fb01bb]:hover{cursor:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/assets/img/pc/game/icon-cursor-left2.cur),pointer;cursor:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/assets/img/pc/game/icon-cursor-left2.cur) 32 32,pointer}#app.pc .game-class .swiper-control .btn.btn-next[data-v-57fb01bb]{right:0}#app.pc .game-class .swiper-control .btn.btn-next[data-v-57fb01bb]:hover{cursor:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/assets/img/pc/game/icon-cursor-right2.cur),pointer;cursor:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/assets/img/pc/game/icon-cursor-right2.cur) 32 32,pointer}#app.pc .game-class .swiper-control .btn.swiper-button-disabled[data-v-57fb01bb]:hover{cursor:default}#app.pc .game-class .swiper-control .btn.swiper-button-disabled span[data-v-57fb01bb]{opacity:0}#app.pc .game-class .slide-inner[data-v-57fb01bb]{position:relative;width:100%;height:990px;-webkit-box-sizing:border-box;box-sizing:border-box}#app.pc .game-class .slide-inner .class-image[data-v-57fb01bb]{position:relative;width:100%;height:100%}#app.pc .game-class .slide-inner .class-image div[data-v-57fb01bb]{position:absolute;top:0;left:0;width:100%;height:100%;line-height:920px;opacity:0;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}#app.pc .game-class .slide-inner .class-image div.show[data-v-57fb01bb]{opacity:1}#app.pc .game-class .slide-inner .class-image div span[data-v-57fb01bb]{position:absolute;top:0;left:0;width:100%;height:990px}#app.pc .game-class .slide-inner .class-image div span.on[data-v-57fb01bb]{opacity:0}#app.pc .game-class .slide-inner .class-image div span.off[data-v-57fb01bb]{opacity:1}#app.pc .game-class .slide-inner .class-image div span img[data-v-57fb01bb]{width:940px;height:990px}#app.pc .game-class .slide-inner .class-info[data-v-57fb01bb]{position:absolute;bottom:0;left:0;right:0;padding-bottom:275px;text-align:center}#app.pc .game-class .slide-inner .class-info .class-bg[data-v-57fb01bb]{position:absolute;left:50%;bottom:340px;width:240px;height:250px;margin-left:-120px;background-repeat:no-repeat;background-size:cover;background-position:50%;opacity:0}#app.pc .game-class .slide-inner .class-info .class-name[data-v-57fb01bb]{color:#fff;font-size:32px;line-height:40px;font-weight:700;opacity:0}#app.pc .game-class .slide-inner .class-info .gender-select[data-v-57fb01bb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:17px;margin-top:15px;opacity:0}#app.pc .game-class .slide-inner .class-info .gender-select label[data-v-57fb01bb]{position:relative;display:block;margin:0 3px}#app.pc .game-class .slide-inner .class-info .gender-select label input[data-v-57fb01bb]{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.pc .game-class .slide-inner .class-info .gender-select label input:checked+span[data-v-57fb01bb]:after,#app.pc .game-class .slide-inner .class-info .gender-select label input:checked+span[data-v-57fb01bb]:before{opacity:1}#app.pc .game-class .slide-inner .class-info .gender-select label input:checked+span[data-v-57fb01bb]:after{-webkit-animation:blink-57fb01bb 1s ease-in-out infinite alternate;animation:blink-57fb01bb 1s ease-in-out infinite alternate}#app.pc .game-class .slide-inner .class-info .gender-select label span[data-v-57fb01bb]{position:relative;display:block;width:67px;height:66px;cursor:pointer;background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/9ecce49178d6.png)}#app.pc .game-class .slide-inner .class-info .gender-select label span.w[data-v-57fb01bb]:before{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/f8256c5fc4f6.png)}#app.pc .game-class .slide-inner .class-info .gender-select label span.m[data-v-57fb01bb]:before{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/6234d42d109a.png)}#app.pc .game-class .slide-inner .class-info .gender-select label span[data-v-57fb01bb]:after,#app.pc .game-class .slide-inner .class-info .gender-select label span[data-v-57fb01bb]: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.pc .game-class .slide-inner .class-info .gender-select label span[data-v-57fb01bb]:before{opacity:.3}#app.pc .game-class .slide-inner .class-info .gender-select label span[data-v-57fb01bb]:after{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/176502adee39.png);opacity:0}#app.pc .game-class .slide-inner .class-info .gender-select label span[data-v-57fb01bb]:hover:before{opacity:1}@-webkit-keyframes blink-57fb01bb{0%{opacity:.3}to{opacity:1}}@keyframes blink-57fb01bb{0%{opacity:.3}to{opacity:1}}#app.pc .game-class .slide-inner .class-info .class-desc[data-v-57fb01bb]{color:#fff;font-size:16px;line-height:26px;opacity:0}#app.pc .game-class .slide-inner .class-info .class-desc.strong[data-v-57fb01bb]{color:#e6d5b1}#app.pc .game-class .slide-inner .btn-play[data-v-57fb01bb]{position:absolute;top:269px;left:50%;width:150px;height:150px;margin-left:-75px;background:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/672572a8f624.png) 50% no-repeat;overflow:hidden;text-indent:-5000px;z-index:3;opacity:0}#app.pc .game-class .slide-inner .btn-play.isLocked[data-v-57fb01bb]{background-image:url(https://sgimage.netmarble.com/mobile/game/arthdal/brand/v1/img/5561cc9516b2.png)}#app.mobile .game-class[data-v-57fb01bb]{position:relative}#app.mobile .game-class .bg[data-v-57fb01bb]{position:absolute;z-index:1;top:0;left:50%;width:800px;height:900px;margin-left:-400px;overflow:hidden}#app.mobile .game-class .bg video[data-v-57fb01bb]{width:100%;height:100%}