@import url(css2.css);
.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport.vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flicking-viewport.vertical>.flicking-camera{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1;will-change:transform}.flicking-camera>*{-ms-flex-negative:0;flex-shrink:0}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

:root{-webkit-tap-highlight-color:rgba(0,0,0,0);text-size-adjust:none;word-break:break-word;overflow-wrap:break-word;tab-size:4}*,::after,::before{animation:none .3s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running;transition:none .3s cubic-bezier(0.16, 1, 0.3, 1) 0s;box-sizing:border-box;margin:0;border-width:0;padding:0;color:inherit}.is-pc::-webkit-scrollbar,.is-pc ::-webkit-scrollbar{width:8px;height:8px}.is-pc::-webkit-scrollbar-button,.is-pc ::-webkit-scrollbar-button{display:none}.is-pc::-webkit-scrollbar-track,.is-pc ::-webkit-scrollbar-track{margin:0;border:0;background:#e0e0e0}.is-pc::-webkit-scrollbar-thumb,.is-pc ::-webkit-scrollbar-thumb{border:1px solid #9e9e9e;background:#bdbdbd}a{text-decoration:none}strong,em{font-style:normal}strong{font-weight:bold}table{border-collapse:collapse}ul,ol,li{list-style:none}section,img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea{vertical-align:middle;appearance:none;outline-style:none;border-radius:0;resize:none}input[type=text],input[type=password],input[type=search],input[type=email],input[type=tel],textarea{border:1px solid #9e9e9e;background:rgba(0,0,0,0)}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;border:0;background:#e0e0e0}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}@counter-style counter-style-pad-2{system:numeric;symbols:"0" "1" "2" "3" "4" "5" "6" "7" "8" "9";suffix:" ";pad:2 "0"}@keyframes loading-spin{0%,100%{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}37.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}50%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}62.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}75%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}87.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff}}body{border:0;background:#fff;padding:0;font:16px/1.2 "Noto Sans","Noto Sans KR","Noto Sans Thai",serif}body[data-scroll]{overflow:hidden}body:not(.view-pc,.view-mobile)>*{display:none !important}.hide{display:none !important}.text-hidden{color:rgba(0,0,0,0) !important;font-size:0 !important;line-height:0 !important;letter-spacing:0 !important}.ripple-target .ripple-action,.ripple{position:relative;z-index:0;overflow:hidden}.ripple-target .ripple-action::before,.ripple::before{position:absolute;top:50%;left:50%;translate:-50% -50%;opacity:0;z-index:-1;transition-duration:var(--56de0);transition-property:opacity,background,padding,width,height;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);border-radius:50%;background:var(--a4b20);padding:0;width:0;height:0;content:""}.ripple-target:hover .ripple-action::before,.ripple:hover::before{opacity:1;padding:50%;width:141.4213562373%;height:141.4213562373%}.simplebar-scrollbar.simplebar-visible::before{opacity:.2}.layer-loading{display:flex;position:fixed;justify-content:center;align-items:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.layer-loading .popup-container{display:flex;position:relative;justify-content:center;padding:30px 0;width:100%;max-height:100%}.layer-loading *{pointer-events:none}.layer-loading.show{visibility:visible;opacity:1}.layer-loading.show *{pointer-events:auto}.layer-loading .loading-spin{display:block;position:relative;transform:translateZ(0);animation:loading-spin 1.1s infinite ease;border-radius:50%;width:1em;height:1em;text-indent:-9999em}
.view-pc{--d21bb:1;--baacc:1250px;--6fbb3:2560px;--6a456:2560px;--6d712:85px;--d12c5:82px;--ea59f:88px;background:#fff}.view-pc #layout{position:relative;margin:0 auto;min-width:1250px;max-width:2560px}.view-pc #layout[data-web-layout~=full]:not([data-web-header]) #header,.view-pc #layout[data-web-layout~=full]:not([data-web-footer]) #footer,.view-pc #layout[data-web-layout~=popup]:not([data-web-header]) #header,.view-pc #layout[data-web-layout~=popup]:not([data-web-footer]) #footer{display:none}.view-pc #layout[data-web-layout~=full][data-web-header~=transparent i] #header,.view-pc #layout[data-web-layout~=popup][data-web-header~=transparent i] #header{background:rgba(0,0,0,0);pointer-events:none}.view-pc #layout[data-web-layout~=full][data-web-header~=transparent i] #header .header-wrap *,.view-pc #layout[data-web-layout~=popup][data-web-header~=transparent i] #header .header-wrap *{pointer-events:auto}.view-pc #layout[data-web-layout~=full][data-web-header~=static i] #header,.view-pc #layout[data-web-layout~=popup][data-web-header~=static i] #header{position:absolute}.view-pc #layout[data-web-layout~=full][data-web-header~=logo i] #header .header-wrap>:not(.logo),.view-pc #layout[data-web-layout~=popup][data-web-header~=logo i] #header .header-wrap>:not(.logo){display:none}.view-pc #layout[data-web-layout~=full][data-web-header~=logo i] #header .header-wrap .logo,.view-pc #layout[data-web-layout~=popup][data-web-header~=logo i] #header .header-wrap .logo{pointer-events:auto}.view-pc #layout[data-web-layout~=full]:not([data-web-footer~=sns i]) #sns,.view-pc #layout[data-web-layout~=popup]:not([data-web-footer~=sns i]) #sns{display:none}.view-pc #layout[data-web-layout~=full][data-web-footer~=transparent i] #footer,.view-pc #layout[data-web-layout~=popup][data-web-footer~=transparent i] #footer{background:rgba(0,0,0,0)}.view-pc #layout[data-web-layout~=full][data-web-footer~=over i] #footer,.view-pc #layout[data-web-layout~=full][data-web-footer~=sticky i] #footer,.view-pc #layout[data-web-layout~=popup][data-web-footer~=over i] #footer,.view-pc #layout[data-web-layout~=popup][data-web-footer~=sticky i] #footer{margin-top:calc(var(--ea59f)*-1)}.view-pc #layout[data-web-layout~=full][data-web-footer~=sticky i] #footer,.view-pc #layout[data-web-layout~=popup][data-web-footer~=sticky i] #footer{position:sticky;bottom:0}.view-pc #header{position:fixed;z-index:100;transition-property:background;margin:0 auto;inset:0;background:rgba(0,0,0,.3);max-width:2560px;height:85px}.view-pc #header .header-wrap{display:flex;align-items:center;height:85px}.scrolled.view-pc #header{background:#000}.view-pc #header .menu-wrap{display:flex;margin-right:auto}.view-pc #header .toggle{display:none}.view-pc #header .toggle-bg{display:none}.view-pc #header .logo{transition-property:margin;margin-left:40px}@media(width <= 1700px){.view-pc #header .logo{margin-left:20px}}.view-pc #header .logo a{background:url(../image/18b6d.png);width:149px;height:55px;overflow:hidden !important;text-indent:-10000em !important;display:block}.view-pc #header .menu>ul{display:flex}.view-pc #header .menu>ul>li{position:relative}.view-pc #header .menu>ul>li.download{position:absolute;top:0;right:0;z-index:1;transition-property:width;width:303px}@media(width <= 1700px){.view-pc #header .menu>ul>li.download{width:223px}}.view-pc #header .menu>ul>li.download>a{background:url(../image/751a6.png) no-repeat center;height:85px;transition-property:background;overflow:hidden !important;text-indent:-10000em !important;display:block;padding:0}.view-pc #header .menu>ul>li.download>a:hover{background-image:url(../image/69706.png)}.view-pc #header .menu>ul>li>a{display:flex;align-items:center;transition-property:padding;padding:0 45px;height:85px;color:#fff;font-size:16px;text-transform:uppercase;white-space:nowrap}@media(width <= 1700px){.view-pc #header .menu>ul>li>a{padding:0 20px}}.event-pc.view-pc #header .menu>ul>li>a:hover+.active-layer .sub-menu,.event-pc.view-pc #header .menu>ul>li>a+.active-layer:hover .sub-menu,.event-mobile.view-pc #header .menu>ul>li>a.active+.active-layer .sub-menu{translate:0}.view-pc #header .menu>ul>li .active-layer{position:absolute;top:100%;left:50%;translate:-50%;min-width:100%;overflow:hidden;pointer-events:none}.view-pc #header .menu>ul>li .sub-menu{position:relative;translate:0 -100%;transition-property:translate;border:1px solid #1b1b1b;background:#000;pointer-events:auto}.view-pc #header .menu>ul>li .sub-menu::before,.view-pc #header .menu>ul>li .sub-menu::after{position:absolute;bottom:-1px;border:2px solid #fff;height:6px;content:""}.view-pc #header .menu>ul>li .sub-menu::before{left:-1px;border-top:0;border-right:0;width:6px}.view-pc #header .menu>ul>li .sub-menu::after{right:-1px;border-top:0;border-left:0;width:6px}.view-pc #header .menu>ul>li .sub-menu ul{padding:15px 0}.view-pc #header .menu>ul>li .sub-menu ul::before,.view-pc #header .menu>ul>li .sub-menu ul::after{position:absolute;top:-1px;border:2px solid #fff;height:6px;content:""}.view-pc #header .menu>ul>li .sub-menu ul::before{left:-1px;border-right:0;border-bottom:0;width:6px}.view-pc #header .menu>ul>li .sub-menu ul::after{right:-1px;border-bottom:0;border-left:0;width:6px}.view-pc #header .menu>ul>li .sub-menu ul li a{background:url(../image/7f01b.png) no-repeat 25px center;display:flex;align-items:center;transition-property:color,background;padding:0 40px;height:40px;color:#7b7b7b;white-space:nowrap}.view-pc #header .menu>ul>li .sub-menu ul li a:hover{background-image:url(../image/138af.png)}.view-pc #header .menu>ul>li .sub-menu ul li a.active,.view-pc #header .menu>ul>li .sub-menu ul li a:hover{color:#fff}.view-pc #header .user{display:flex;align-items:center}.view-pc #header .user a{display:flex;align-items:center;transition-property:width,background;text-transform:uppercase}.view-pc #header .user~.account{transition-property:margin;margin-left:20px}@media(width <= 1700px){.view-pc #header .user~.account{margin-left:10px}}.view-pc #header .user~.account::before{transition-property:margin;margin-right:20px;background:hsla(0,0%,100%,.4);width:1px;height:20px;content:""}@media(width <= 1700px){.view-pc #header .user~.account::before{margin-right:10px}}.view-pc #header .login a{overflow:hidden !important;text-indent:-10000em !important;background:url(../image/bc568.png);width:51px;height:14px}.view-pc #header .login a:hover{background:url(../image/f0606.png);width:84px;height:14px}.view-pc #header .logout a{overflow:hidden !important;text-indent:-10000em !important;background:url(../image/33f90.png);width:69px;height:14px}.view-pc #header .logout a:hover{background:url(../image/9723a.png);width:109px;height:14px}.view-pc #header .account{color:#fff;font-size:16px;text-transform:uppercase;white-space:nowrap}.view-pc #header .sns{transition-property:margin;margin-left:18px}@media(width <= 1700px){.view-pc #header .sns{margin-left:5px}}.view-pc #header .sns ul{display:flex}.view-pc #header .sns ul li{display:block}.view-pc #header .sns ul li a{overflow:hidden !important;text-indent:-10000em !important;display:flex;align-items:center;transition-property:width,background;background:no-repeat center;width:52px;height:52px}@media(width <= 1700px){.view-pc #header .sns ul li a{width:40px}}.view-pc #header .sns ul li a.discord{background-image:url(../image/85b25.png)}.view-pc #header .sns ul li a.discord:hover{background-image:url(../image/410e9.png)}.view-pc #header .sns ul li a.facebook{background-image:url(../image/e6f7d.png)}.view-pc #header .sns ul li a.facebook:hover{background-image:url(../image/94f35.png)}.view-pc #header .sns ul li a.youtube{background-image:url(../image/89571.png)}.view-pc #header .sns ul li a.youtube:hover{background-image:url(../image/2d534.png)}.view-pc #header .locale{position:relative;transition-property:margin;margin-right:313px}@media(width <= 1700px){.view-pc #header .locale{margin-right:233px}}.view-pc #header .locale>button{background:url(../image/f7621.png) no-repeat center;padding:18px 11px 0 0;width:52px;height:52px;color:#b8b8b8;font-weight:bold;font-size:10px;text-align:right;text-transform:uppercase}.event-pc.view-pc #header .locale>button:hover+.active-layer ul,.event-pc.view-pc #header .locale>button+.active-layer:hover ul,.event-mobile.view-pc #header .locale>button.active+.active-layer ul{translate:0}.view-pc #header .locale .active-layer{position:absolute;top:calc(100% - 5px);right:0;min-width:100%;overflow:hidden;pointer-events:none}.view-pc #header .locale .active-layer ul{translate:0 -100%;transition-property:translate;background:rgba(0,0,0,.8);padding:8px 0;pointer-events:auto}.view-pc #header .locale .active-layer ul li{display:flex}.view-pc #header .locale .active-layer ul li button{display:flex;position:relative;flex-grow:1;align-items:center;transition-property:color;background:rgba(0,0,0,0);padding:0 35px 0 20px;height:35px;color:#929292;text-align:left;white-space:nowrap}.view-pc #header .locale .active-layer ul li button.active::after{background:url(../image/c5b31.png);width:12px;height:10px;position:absolute;margin:auto 0;inset:0 15px 0 auto;content:""}.view-pc #header .locale .active-layer ul li button.active,.view-pc #header .locale .active-layer ul li button:hover{color:#fff}.view-pc #content{overflow:hidden}.view-pc #content .common-paging{display:flex;justify-content:center;align-items:center;gap:10px}.view-pc #content .common-paging>.current{display:none}.view-pc #content .common-paging>*{display:block;background:rgba(0,0,0,0);width:40px;height:40px}.view-pc #content .common-paging>*:not(.arrow,.current:not(button,a)){display:flex;justify-content:center;align-items:center;transition-property:color;margin:0 5px;color:#959595;font-size:16px;text-align:center}.view-pc #content .common-paging>*:not(.arrow,.current:not(button,a))+.arrow{margin-left:15px}.view-pc #content .common-paging>*:not(.arrow,.current:not(button,a)):hover,.view-pc #content .common-paging>*:not(.arrow,.current:not(button,a)).current{color:#1c1c1c}.view-pc #content .common-paging .arrow{background-image:url(../image/7d092.png);overflow:hidden !important;text-indent:-10000em !important;transition-property:background}.view-pc #content .common-paging .arrow:hover{background-image:url(../image/1cbab.png)}.view-pc #content .common-paging .arrow+*:not(.arrow){margin-left:20px}.view-pc #content .common-paging .arrow.prev-page,.view-pc #content .common-paging .arrow.next-page{display:none}.view-pc #content .common-paging .arrow.first,.view-pc #content .common-paging .arrow.last{background-image:url(../image/185c7.png)}.view-pc #content .common-paging .arrow.first:hover,.view-pc #content .common-paging .arrow.last:hover{background-image:url(../image/50716.png)}.view-pc #content .common-paging .arrow.next,.view-pc #content .common-paging .arrow.last{rotate:y 180deg}.view-pc #content .layer-loading{font-size:20px}.view-pc #content .layer-media{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #content .layer-media .actions button{background:url(../image/2ee11.png);width:68px;height:68px;transition-property:background;top:-68px;overflow:hidden !important;text-indent:-10000em !important;position:absolute;right:0}.view-pc #content .layer-media .actions button:hover{background-image:url(../image/90e1a.png)}.view-pc #content .layer-media .actions button::before{position:fixed;inset:0;content:""}.view-pc #content .layer-media .popup-container{display:flex;position:relative;justify-content:center;padding:98px 30px 30px;width:100%;overflow-y:auto}.view-pc #content .layer-media *{pointer-events:none}.view-pc #content .layer-media.show{visibility:visible;opacity:1}.view-pc #content .layer-media.show *{pointer-events:auto}.view-pc #content .layer-media .page-wrap{position:relative;margin:auto}.view-pc #content .layer-media .page-wrap .media{position:relative;z-index:2;margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:100%}.view-pc #content .layer-media .page-wrap .media[data-type~=image i]{margin:0 auto;width:fit-content}.view-pc #content .layer-media .page-wrap .media[data-type~=image i] img{display:block}.view-pc #content .layer-media .page-wrap .media[data-type~=youtube i] iframe{display:block}.view-pc #content .layer-media .page-wrap .media img{display:none}.view-pc #content .layer-media .page-wrap .media iframe{display:none;border:0;aspect-ratio:1280/720;width:1000vw;max-width:100%}.view-pc #content .layer-media .title{display:none}.view-pc #sns{background:#000;padding-top:36px;height:82px}.view-pc #sns ul{display:flex;justify-content:center;align-items:center;gap:25px;height:100%}.view-pc #sns ul a{overflow:hidden !important;text-indent:-10000em !important;display:block;transition-property:background;background:no-repeat center;width:46px;height:46px}.view-pc #sns ul a.discord{background-image:url(../image/4646f.png)}.view-pc #sns ul a.facebook{background-image:url(../image/504bd.png)}.view-pc #sns ul a.youtube{background-image:url(../image/d304c.png)}.view-pc .main-page #sns{position:relative;margin-top:-195px;border-bottom:1px solid #101010;background:rgba(0,0,0,.5);padding:0;height:195px}.view-pc .main-page #sns ul{gap:0}.view-pc .main-page #sns ul a{width:135px;height:135px}.view-pc .main-page #sns ul a.discord{background-image:url(../image/42510.png)}.view-pc .main-page #sns ul a.discord:hover{background-image:url(../image/4945b.png)}.view-pc .main-page #sns ul a.facebook{background-image:url(../image/939f4.png)}.view-pc .main-page #sns ul a.facebook:hover{background-image:url(../image/50d07.png)}.view-pc .main-page #sns ul a.youtube{background-image:url(https://static-seaclassic.dragonnest.com/static-seaclassic/22/img/cd487.png?786cc)}.view-pc .main-page #sns ul a.youtube:hover{background-image:url(../image/a9652.png)}.view-pc #footer{display:flex;position:relative;justify-content:center;align-items:center;gap:26px;z-index:100;background:#000;width:100%;height:88px;pointer-events:none;color:rgba(121,126,134,.78);font-weight:normal;font-size:12px;text-align:center}.view-pc #footer::before{background:url(../image/06b4b.png);width:155px;height:15px;display:block;content:""}
.view-pc .bdc-captcha{display:flex;flex-direction:column;gap:10px}.view-pc .bdc-captcha .BDC_CaptchaDiv{display:flex;gap:10px}.view-pc .bdc-captcha .BDC_CaptchaImageDiv{position:relative;width:100% !important;height:64px !important}.view-pc .bdc-captcha .BDC_CaptchaImageDiv .BDC_CaptchaImageDiv{height:54px !important}.view-pc .bdc-captcha .BDC_CaptchaImageDiv img{position:absolute;inset:0;width:100%;height:100%}.view-pc .bdc-captcha .BDC_CaptchaIconsDiv{display:flex;flex-direction:column;margin-left:auto}.view-pc .bdc-captcha .BDC_SoundLink{margin-top:auto}.view-pc .bdc-captcha .BDC_Placeholder{overflow:hidden !important;text-indent:-10000em !important;width:0;height:0}.view-pc .bdc-captcha .BDC_TextUppercase{display:block;text-transform:uppercase}
.view-pc #page-main .main-banner{height:1050px}.view-pc #page-main .main-banner .background{position:relative;z-index:0;height:1050px}.view-pc #page-main .main-banner .background .image{background:no-repeat center/cover;height:1050px}.view-pc #page-main .main-banner .background .video{position:absolute;top:0;bottom:0;left:50%;translate:-50%;margin:auto 0;aspect-ratio:1280/720;width:100%;height:auto;overflow:hidden}@media(width <= 1920px){.view-pc #page-main .main-banner .background .video{width:auto;height:100%}}.view-pc #page-main .main-banner .background .video.hide~.video-cover{display:none}.view-pc #page-main .main-banner .background .video-cover{background:url(../image/79efe.png) repeat;position:absolute;z-index:1;inset:0}.view-pc #page-main .main-banner .shortcut{position:absolute;top:478px;left:50%;translate:-50%;display:flex;gap:33px}.view-pc #page-main .main-banner .shortcut>*{display:block;position:relative;transition-duration:.5s;transition-property:background;width:191px;height:191px}.view-pc #page-main .main-banner .shortcut>*::before,.view-pc #page-main .main-banner .shortcut>*::after,.view-pc #page-main .main-banner .shortcut>* span::before,.view-pc #page-main .main-banner .shortcut>* span::after{display:block;position:absolute;transition-duration:.5s;transition-property:top,left;content:""}.view-pc #page-main .main-banner .shortcut>*::before,.view-pc #page-main .main-banner .shortcut>*::after{z-index:1;width:64px;height:100px}.view-pc #page-main .main-banner .shortcut>*::before{top:-24px;left:93px}.view-pc #page-main .main-banner .shortcut>*::after{top:109px;left:38px}.view-pc #page-main .main-banner .shortcut>* span{color:rgba(0,0,0,0) !important;font-size:0 !important;line-height:0 !important;letter-spacing:0 !important}.view-pc #page-main .main-banner .shortcut>* span::before,.view-pc #page-main .main-banner .shortcut>* span::after{width:53px;height:54px}.view-pc #page-main .main-banner .shortcut>* span::before{top:55px;left:149px}.view-pc #page-main .main-banner .shortcut>* span::after{top:83px;left:-10px}.view-pc #page-main .main-banner .shortcut>*:hover::before{top:20px;left:138px}.view-pc #page-main .main-banner .shortcut>*:hover::after{top:68px;left:-7px}.view-pc #page-main .main-banner .shortcut>*:hover span::before{top:65px;left:159px}.view-pc #page-main .main-banner .shortcut>*:hover span::after{top:73px;left:-20px}.view-pc #page-main .main-banner .shortcut>*.sign-up{background-image:url(../image/2b6bc.png)}.view-pc #page-main .main-banner .shortcut>*.sign-up:hover{background-image:url(../image/16d92.png)}.view-pc #page-main .main-banner .shortcut>*.sign-up::before,.view-pc #page-main .main-banner .shortcut>*.sign-up::after{background-image:url(../image/a97a6.png)}.view-pc #page-main .main-banner .shortcut>*.sign-up span::before{background-image:url(../image/e7c93.png)}.view-pc #page-main .main-banner .shortcut>*.sign-up span::after{background-image:url(../image/51d7b.png)}.view-pc #page-main .main-banner .shortcut>*.download{background-image:url(../image/56557.png)}.view-pc #page-main .main-banner .shortcut>*.download:hover{background-image:url(../image/6fd51.png)}.view-pc #page-main .main-banner .shortcut>*.download::before,.view-pc #page-main .main-banner .shortcut>*.download::after{background-image:url(../image/6db53.png)}.view-pc #page-main .main-banner .shortcut>*.download span::before{background-image:url(../image/84103.png)}.view-pc #page-main .main-banner .shortcut>*.download span::after{background-image:url(../image/e9e12.png)}.view-pc #page-main .main-banner .event-banner{position:absolute;top:693px;left:calc(50% + 665px - var(--6a456)/2);width:605px;height:295px}.view-pc #page-main .main-banner .event-banner .title{display:none}.view-pc #page-main .main-banner .event-banner .progress{position:absolute;top:28px;left:50px;z-index:2;width:9px;height:9px;pointer-events:none;color:#8f8f8f;font-size:13px;white-space:nowrap}.view-pc #page-main .main-banner .event-banner .progress::before{display:block;rotate:45deg;background:#8f8f8f;width:1px;height:9px;content:""}.view-pc #page-main .main-banner .event-banner .progress .current{position:absolute;top:-8px;right:14px;color:#38ffc9;text-align:right}.view-pc #page-main .main-banner .event-banner .progress .total{position:absolute;top:1px;left:6px;text-align:left}.view-pc #page-main .main-banner .event-banner .slider{z-index:1}.view-pc #page-main .main-banner .event-banner .slider li{background:#000;width:605px;height:295px;overflow:hidden}.view-pc #page-main .main-banner .event-banner .slider a{overflow:hidden !important;text-indent:-10000em !important;display:block;transition-property:scale,opacity;background:no-repeat center/contain;width:605px;height:295px}.view-pc #page-main .main-banner .event-banner .slider a:hover{scale:1.01;opacity:.7}.view-pc #page-main .main-banner .event-banner .paging-bullet{display:none}.view-pc #page-main .main-banner .event-banner .paging-arrow{background:url(../image/12370.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;position:absolute;bottom:31px;z-index:2;border:1px solid #848b8b;width:30px;height:30px}.view-pc #page-main .main-banner .event-banner .paging-arrow.prev{left:40px}.view-pc #page-main .main-banner .event-banner .paging-arrow.next{left:75px;rotate:y 180deg}.view-pc #page-main .main-banner .news{position:absolute;top:693px;left:calc(50% + 1290px - var(--6a456)/2);background:#f8f8f8;width:605px;height:295px}.view-pc #page-main .main-banner .news .header{display:flex;align-items:center;margin:0 auto;border-bottom:1px solid #eaeaea;width:525px;height:62px}.view-pc #page-main .main-banner .news .header .title{--87d7f:#b6b6be;display:flex;position:relative;flex-grow:1;align-items:center;color:#424754;font-size:26px;text-transform:uppercase}.view-pc #page-main .main-banner .news .header .title:hover{--87d7f:#424754}.view-pc #page-main .main-banner .news .header .title::after{display:block;transition-property:border;margin-left:8px;border:1px solid var(--87d7f);width:20px;height:20px;content:""}.view-pc #page-main .main-banner .news .header .title>*{display:flex;position:relative;width:100%}.view-pc #page-main .main-banner .news .header .title>*::before,.view-pc #page-main .main-banner .news .header .title>*::after{display:block;position:absolute;transition-property:background;margin:auto 0;inset:0 -24px 0 auto;background:var(--87d7f);width:12px;height:2px;content:""}.view-pc #page-main .main-banner .news .header .title>*::after{rotate:90deg}.view-pc #page-main .main-banner .news .header .tab{margin-left:auto;border:1px solid #d7d7d7;padding:0 0 0 12px;height:30px;color:#464646;font-size:12px}.view-pc #page-main .main-banner .news .list{margin:6px auto 0;width:525px}.view-pc #page-main .main-banner .news .list ul{display:flex;flex-direction:column}.view-pc #page-main .main-banner .news .list li{display:flex;position:relative;align-items:center;height:53px}.view-pc #page-main .main-banner .news .list li::after{background:url(../image/943ba.png) no-repeat center 0;width:12px;height:53px;display:block;position:absolute;inset:20px auto 0 420px;pointer-events:none;content:""}.view-pc #page-main .main-banner .news .list li:last-child::after{height:14px}.view-pc #page-main .main-banner .news .list li a{display:flex;align-items:center;width:100%}.view-pc #page-main .main-banner .news .list li a[data-board-read=false] .subject::before,.view-pc #page-main .main-banner .news .list li a.new .subject::before{display:block;position:absolute;top:0;left:0;border-radius:50%;background:#f15b38;width:4px;height:4px;content:""}.view-pc #page-main .main-banner .news .list li a:hover .subject{font-weight:400;letter-spacing:-0.5px}.view-pc #page-main .main-banner .news .list li .category{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;margin-right:5px;border-radius:12px;background:silver;padding:0 10px;width:82px;height:22px;overflow:hidden;color:#fff;font-size:11px;text-align:center;text-transform:uppercase;white-space:nowrap}.view-pc #page-main .main-banner .news .list li .subject{display:block;position:relative;transition-property:font-weight,letter-spacing;margin-right:75px;padding-left:5px;overflow:hidden;color:#2d303a;font-weight:300;font-size:18px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-pc #page-main .main-banner .news .list li .date{margin-left:auto;color:#737781;font-size:14px;white-space:nowrap}.view-pc #page-main .line-banner{background:#000;height:170px;overflow:hidden}.view-pc #page-main .line-banner a{display:block;position:relative;transition-property:scale,opacity;height:170px}.view-pc #page-main .line-banner a:hover{scale:1.05;opacity:.7}.view-pc #page-main .line-banner .image{background:no-repeat center;height:170px}.view-pc #page-main .line-banner .image.mobile{display:none}.view-pc #page-main .line-banner .title{display:none}.view-pc #page-main .heroes{position:relative;z-index:1;background:#fff;height:880px}.view-pc #page-main .heroes>.title,.view-pc #page-main .heroes[data-hero="1"]>.hero .content .stat,.view-pc #page-main .heroes[data-hero="2"]>.hero .content .stat,.view-pc #page-main .heroes[data-hero="3"]>.hero .content .stat,.view-pc #page-main .heroes[data-hero="4"]>.hero .content .stat{display:none}.view-pc #page-main .heroes[data-hero="1"]{--c2d4b:url(../image/65e5d.png);--0cf45:url(../img/a1baa.png?7197b);--5a071:url(../img/a0189.png?ce023);--d9f31:url(../image/ec33f.png);--cd964:url(../image/74a0e.png);--32d86:url(../img/58231.png?07bfe)}.view-pc #page-main .heroes[data-hero="1-1"]{--c2d4b:url(../image/09fd0.png);--0cf45:url(../img/a1baa.png?7197b);--5a071:url(../img/5c675.png?338e4);--d9f31:url(../image/ec33f.png);--cd964:url(../image/4735d.png);--32d86:url(../img/8b15a.png?e79ac)}.view-pc #page-main .heroes[data-hero="1-2"]{--c2d4b:url(../image/df8e1.png);--0cf45:url(../img/a1baa.png?7197b);--5a071:url(../img/07a74.png?85c28);--d9f31:url(../image/ec33f.png);--cd964:url(../image/b5053.png);--32d86:url(../img/e3165.png?87e3d)}.view-pc #page-main .heroes[data-hero="2"]{--c2d4b:url(../image/ff8d5.png);--0cf45:url(../img/61b3f.png?85bdf);--5a071:url(../img/2d157.png?ef811);--d9f31:url(../image/e8013.png);--cd964:url(../image/73624.png);--32d86:url(../img/d75e8.png?a70de)}.view-pc #page-main .heroes[data-hero="2-1"]{--c2d4b:url(../image/52e99.png);--0cf45:url(../img/61b3f.png?85bdf);--5a071:url(../img/4557e.png?57d32);--d9f31:url(../image/e8013.png);--cd964:url(../image/c342f.png);--32d86:url(../img/40122.png?a44df)}.view-pc #page-main .heroes[data-hero="2-2"]{--c2d4b:url(../image/f705f.png);--0cf45:url(../img/61b3f.png?85bdf);--5a071:url(../img/7ffeb.png?9cf45);--d9f31:url(../image/e8013.png);--cd964:url(../image/7273f.png);--32d86:url(../img/fd5bc.png?86c34)}.view-pc #page-main .heroes[data-hero="3"]{--c2d4b:url(../image/93c0d.png);--0cf45:url(../img/d3440.png?16e7c);--5a071:url(../img/1e440.png?dd0c7);--d9f31:url(../image/6663c.png);--cd964:url(../image/0f459.png);--32d86:url(../img/fc1fc.png?4b16f)}.view-pc #page-main .heroes[data-hero="3-1"]{--c2d4b:url(../image/fadce.png);--0cf45:url(../img/d3440.png?16e7c);--5a071:url(../img/28e49.png?5d130);--d9f31:url(../image/6663c.png);--cd964:url(../image/80e5b.png);--32d86:url(../img/ff814.png?5e989)}.view-pc #page-main .heroes[data-hero="3-2"]{--c2d4b:url(../image/d4590.png);--0cf45:url(../img/d3440.png?16e7c);--5a071:url(../img/20eec.png?72620);--d9f31:url(../image/6663c.png);--cd964:url(../image/fcce7.png);--32d86:url(../img/4c6b0.png?8f7d6)}.view-pc #page-main .heroes[data-hero="4"]{--c2d4b:url(../image/d68d6.png);--0cf45:url(../img/2edc5.png?1aa8a);--5a071:url(../img/0c9d0.png?74b9e);--d9f31:url(https://static-seaclassic.dragonnest.com/static-seaclassic/22/img/d5f57.png?285ce);--cd964:url(../image/8b421.png);--32d86:url(../img/f158d.png?67c1b)}.view-pc #page-main .heroes[data-hero="4-1"]{--c2d4b:url(../image/80c3e.png);--0cf45:url(../img/2edc5.png?1aa8a);--5a071:url(../img/158ed.png?911af);--d9f31:url(https://static-seaclassic.dragonnest.com/static-seaclassic/22/img/d5f57.png?285ce);--cd964:url(https://static-seaclassic.dragonnest.com/static-seaclassic/22/img/11896.png?5416c);--32d86:url(../img/2c038.png?9a085)}.view-pc #page-main .heroes[data-hero="4-2"]{--c2d4b:url(../image/7b64b.png);--0cf45:url(../img/2edc5.png?1aa8a);--5a071:url(../img/391db.png?f810b);--d9f31:url(https://static-seaclassic.dragonnest.com/static-seaclassic/22/img/d5f57.png?285ce);--cd964:url(../image/2ef2e.png);--32d86:url(../img/37be5.png?4b2b6)}.view-pc #page-main .heroes>.hero{position:absolute;top:89px;left:calc(50% + 665px - var(--6a456)/2);display:flex;flex-direction:column;z-index:2;width:370px}.view-pc #page-main .heroes>.hero .content .name{display:flex;flex-direction:column;align-items:center;color:#2d2d2d;font-weight:normal;font-size:55px;text-align:center;text-transform:uppercase}.view-pc #page-main .heroes>.hero .content .name::before{background:url(../image/b29d5.png) no-repeat center 0;display:block;order:2;margin-top:-5px;padding-top:15px;content:attr(data-hero-name);text-align:center;white-space:nowrap}.view-pc #page-main .heroes>.hero .content .name::after{display:block;order:1;background:var(--c2d4b) no-repeat center;width:97px;height:106px;content:""}.view-pc #page-main .heroes>.hero .content>.description{margin-top:15px;color:#000;font-weight:300;font-size:16px;line-height:1.5}.view-pc #page-main .heroes>.hero .content>.description::before{content:attr(data-hero-description)}.view-pc #page-main .heroes>.hero .content .stat{display:flex;gap:5px;margin-top:25px;font-size:16px;white-space:nowrap}.view-pc #page-main .heroes>.hero .content .stat .title{font-weight:bold}.view-pc #page-main .heroes>.hero .content .stat .title::after{content:":"}.view-pc #page-main .heroes>.hero .content .stat .description::after{content:attr(data-hero-stat)}.view-pc #page-main .heroes>.hero .list{display:flex;position:relative;flex-wrap:wrap;gap:10px;z-index:2;margin-top:95px;width:370px;height:190px}.view-pc #page-main .heroes>.hero .list .hero{overflow:hidden !important;text-indent:-10000em !important;transition-property:background;background:no-repeat center;width:180px;height:90px}.view-pc #page-main .heroes>.hero .list .hero:not(.active)~.sub-hero{display:none}.view-pc #page-main .heroes>.hero .list .hero-1{background-image:url(../image/050bb.png)}.view-pc #page-main .heroes>.hero .list .hero-1:hover,.view-pc #page-main .heroes>.hero .list .hero-1.active{background-image:url(../image/53b3a.png)}.view-pc #page-main .heroes>.hero .list .hero-2{background-image:url(../image/9ec20.png)}.view-pc #page-main .heroes>.hero .list .hero-2:hover,.view-pc #page-main .heroes>.hero .list .hero-2.active{background-image:url(../image/e5f89.png)}.view-pc #page-main .heroes>.hero .list .hero-3{background-image:url(../image/da51d.png)}.view-pc #page-main .heroes>.hero .list .hero-3:hover,.view-pc #page-main .heroes>.hero .list .hero-3.active{background-image:url(../image/8a790.png)}.view-pc #page-main .heroes>.hero .list .hero-4{background-image:url(../image/36f2c.png)}.view-pc #page-main .heroes>.hero .list .hero-4:hover,.view-pc #page-main .heroes>.hero .list .hero-4.active{background-image:url(../image/610d6.png)}.view-pc #page-main .heroes>.hero .list .sub-hero{display:flex;position:absolute;top:-70px;left:0;order:3;gap:10px}.view-pc #page-main .heroes>.hero .list .sub-hero li{display:block}.view-pc #page-main .heroes>.hero .list .sub-hero button{display:flex;place-content:center;align-items:center;transition-property:border,background,color;border:1px solid rgba(190,189,192,.3);background:hsla(0,0%,100%,.5);width:180px;height:51px;color:rgba(146,146,146,.7);font-size:16px}.view-pc #page-main .heroes>.hero .list .sub-hero button.active,.view-pc #page-main .heroes>.hero .list .sub-hero button:hover{border-color:#000;background:#fff;color:#000}.view-pc #page-main .heroes .image{background:url(../image/6f78e.jpg) no-repeat center 16px;position:absolute;z-index:1;inset:-16px 0 0;overflow:hidden;pointer-events:none}.view-pc #page-main .heroes .image>*{position:absolute;inset:0;background:no-repeat center 0}.view-pc #page-main .heroes .image .image-1{translate:480px -600px;background-image:var(--0cf45)}.view-pc #page-main .heroes .image .image-2{background-image:var(--5a071)}.view-pc #page-main .heroes .image .image-3{background-image:var(--d9f31)}.view-pc #page-main .heroes .image .image-4{background-image:var(--cd964)}.view-pc #page-main .heroes .image .image-5{background-image:var(--32d86)}.view-pc #page-main .heroes .image.animation-ready .image-1{translate:480px -600px;opacity:0;transition-property:translate,opacity}.view-pc #page-main .heroes .image.animation-ready .image-2{opacity:0;transition-property:opacity}.view-pc #page-main .heroes .image.animation-ready .image-3{opacity:0;transition-delay:.25s;transition-duration:.5s;transition-property:opacity}.view-pc #page-main .heroes .image.animation-ready .image-4{translate:-400px;opacity:0;transition-delay:.125s;transition-duration:.5s;transition-property:translate,opacity}.view-pc #page-main .heroes .image.animation-ready .image-5{translate:-160px 200px;opacity:0;transition-delay:.25s;transition-property:translate,opacity}.view-pc #page-main .heroes .image.animation-reset>*{transition-delay:0s !important;transition-duration:0s !important}.view-pc #page-main .heroes .image.animation-start>*{translate:0 !important;opacity:1 !important}.view-pc #page-main .gallery{background:url(../image/3269e.jpg) no-repeat center;position:relative;height:1388px;overflow:hidden}.view-pc #page-main .gallery .title{position:absolute;top:140px;left:50%;translate:-50%;color:#fff;font-size:32px;text-transform:uppercase}.view-pc #page-main .gallery .index{position:absolute;top:208px;left:50%;translate:-50%;display:flex;width:1230px}.view-pc #page-main .gallery .index button{transition-property:border,color;border-bottom:2px solid #4b4c4e;background:rgba(0,0,0,0);width:50%;height:60px;color:#afbdb2;font-size:20px;text-transform:uppercase}.view-pc #page-main .gallery .index button.active{border-color:#26fee4;color:#26fee4}.view-pc #page-main .gallery .list{position:absolute;top:287px;left:50%;translate:-50%;width:var(--6fbb3)}.view-pc #page-main .gallery .list[data-tab-body=images] .slider button::after{display:none}.view-pc #page-main .gallery .list .slider button{overflow:hidden !important;text-indent:-10000em !important;position:relative;margin:0 -50px;background:#000 no-repeat center/cover;width:1230px;height:690px}.view-pc #page-main .gallery .list .slider button:hover::after{background-image:url(../image/c3d0b.png)}.view-pc #page-main .gallery .list .slider button::after{background:rgba(0,0,0,0) url(../image/f1919.png) no-repeat center;position:absolute;transition-property:background;inset:0;content:""}.view-pc #page-main .gallery .list .paging{position:absolute;top:0px;left:50%;translate:-50%;z-index:1;width:1230px;height:690px;pointer-events:none}.view-pc #page-main .gallery .list .paging button{overflow:hidden !important;text-indent:-10000em !important;background:rgba(0,0,0,.3) url(../image/79deb.png) no-repeat center;position:absolute;top:50%;translate:0 -50%;transition-property:background;margin:auto 0;width:60px;height:210px;pointer-events:auto}.view-pc #page-main .gallery .list .paging button:hover{background-color:rgba(0,0,0,.7)}.view-pc #page-main .gallery .list .paging button.prev{left:0}.view-pc #page-main .gallery .list .paging button.next{right:0;rotate:y 180deg}
.view-pc #page-member{background:url(../image/cc99d.jpg) no-repeat center;display:flex;justify-content:center;align-items:center;padding:var(--6d712) 0 var(--ea59f);min-height:100vh}.view-pc #page-member.create-new-password .password .label,.view-pc #page-member.login .id .label,.view-pc #page-member.login .password .label,.view-pc #page-member.modified-e-mail-address .e-mail .label,.view-pc #page-member.sign-up .e-mail .label{display:none}.view-pc #page-member.modified-e-mail-address .message{margin-bottom:15px}.view-pc #page-member.create-new-password .message{margin-bottom:15px}.view-pc #page-member.verification-code .code-notice{color:#fff;font-size:18px;text-align:center}.view-pc #page-member.verification-code .code-notice em{color:#38ffc9}.view-pc #page-member.verification-code .code{display:flex;gap:10px;height:80px}.view-pc #page-member.verification-code .code input{border-radius:3px;background:#2c2c2c;padding:0;width:72px;height:80px;color:#fff;font-size:40px;text-align:center}.view-pc #page-member.verification-code .form button.resend{transition-property:border,color;border-color:#333;color:#595858}.view-pc #page-member.verification-code .form button.resend:hover{border-color:#d1d1d1;color:#e6e6e6}.view-pc #page-member.message .message{margin-top:5px}.view-pc #page-member .page-wrap{background:#090909;padding:70px 90px;width:662px}.view-pc #page-member .forgot-password{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:#1b1b1b}.view-pc #page-member .forgot-password .popup-container{display:flex;position:relative;justify-content:center;padding:126px 30px 30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #page-member .forgot-password *{pointer-events:none}.view-pc #page-member .forgot-password.show{visibility:visible;opacity:1}.view-pc #page-member .forgot-password.show *{pointer-events:auto}.view-pc #page-member .forgot-password .page-wrap{position:relative;margin:auto;background:#090909;padding:70px 90px;width:662px;height:fit-content}.view-pc #page-member .forgot-password .e-mail{flex-direction:column}.view-pc #page-member .forgot-password .e-mail .label{text-align:center}.view-pc #page-member .forgot-password .actions input[type=reset]{background:rgba(0,0,0,0) url(../image/b2e58.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;position:absolute;margin:0 auto;inset:-96px 0 auto;border:1px solid #767676;padding:0;width:66px;height:66px}.view-pc #page-member .title{place-self:center;margin:0 -70px;color:#e6e6e6;font-weight:500;font-size:50px;line-height:1;text-align:center;text-transform:uppercase}.view-pc #page-member .title+.form{margin-top:30px}.view-pc #page-member .form{display:flex;flex-direction:column;gap:15px}.view-pc #page-member .form label{display:flex;gap:10px}.view-pc #page-member .form select,.view-pc #page-member .form input,.view-pc #page-member .form button,.view-pc #page-member .form .button{height:46px;font-size:14px}.view-pc #page-member .form select,.view-pc #page-member .form input:not([type=checkbox]){flex-grow:1;background:#2b2b2b;padding:0 20px;color:#a4a4a4}.view-pc #page-member .form input:not([type=checkbox])::placeholder{transition-property:color;color:inherit}.view-pc #page-member .form select{background:url(../image/76c75.png) no-repeat calc(100% - 10px) center;appearance:none;border:1px solid #4d4d4d}.view-pc #page-member .form input[type=text],.view-pc #page-member .form input[type=password]{transition-property:border,color;border:1px solid rgba(0,0,0,0)}.view-pc #page-member .form input[type=text]:focus,.view-pc #page-member .form input[type=password]:focus{border-color:#c2ad92;color:#dbcab4}.view-pc #page-member .form button,.view-pc #page-member .form input[type=submit],.view-pc #page-member .form .button{display:block;align-items:center;transition-property:background;background:#e8e8e8;color:#222;font-weight:bold;text-transform:uppercase}.view-pc #page-member .form button.transparent,.view-pc #page-member .form input[type=submit].transparent,.view-pc #page-member .form .button.transparent{border:1px solid #e6e6e6;background:rgba(0,0,0,0);color:#e6e6e6}.view-pc #page-member .form button.transparent:hover,.view-pc #page-member .form input[type=submit].transparent:hover,.view-pc #page-member .form .button.transparent:hover{background:#202020}.view-pc #page-member .form button.highlight,.view-pc #page-member .form input[type=submit].highlight,.view-pc #page-member .form .button.highlight{background:#38ffc9}.view-pc #page-member .form button.highlight:hover,.view-pc #page-member .form input[type=submit].highlight:hover,.view-pc #page-member .form .button.highlight:hover{background:#05dba1}.view-pc #page-member .form .button{display:flex;justify-content:center;width:100%}.view-pc #page-member .form .label{color:#fff;font-size:18px;line-height:22px}.view-pc #page-member .form .e-mail .at{align-self:center;color:#a4a4a4;font-size:16px}.view-pc #page-member .form .e-mail select,.view-pc #page-member .form .e-mail button{flex-grow:0;width:132px}.view-pc #page-member .form .e-mail button:hover{background:#cecece}.view-pc #page-member .form .password{flex-direction:column}.view-pc #page-member .form .birth{display:flex;flex-wrap:wrap;gap:10px}.view-pc #page-member .form .birth .label{width:100%}.view-pc #page-member .form .check input{position:absolute;top:0;left:0;opacity:0}.view-pc #page-member .form .check input:checked~.label{color:#dfdfdf}.view-pc #page-member .form .check input:checked~.label::before{background-image:url(../image/58153.png);border-color:#26fee4}.view-pc #page-member .form .check .label{position:relative;transition-property:color;padding-left:28px;color:#8a8a8a;font-size:14px}.view-pc #page-member .form .check .label a{color:#63cdff;text-decoration:underline}.view-pc #page-member .form .check .label::before{display:block;position:absolute;transition-property:border,background;margin:auto 0;inset:0 auto 0 0;border:1px solid #515151;background:#2b2b2b no-repeat center;width:20px;height:20px;content:""}.view-pc #page-member .form .actions{display:flex;margin-top:15px;border-top:1px solid rgba(57,57,57,.4);padding-top:21px}.view-pc #page-member .form .actions input[type=submit]:hover{background:#38ffc9}.view-pc #page-member .user-menu ul{display:flex;justify-content:center;gap:44px}.view-pc #page-member .user-menu li{position:relative;width:50%}.view-pc #page-member .user-menu li+li::before{position:absolute;translate:-50%;margin:auto 0;inset:0 auto 0 -22px;border-radius:50%;background:#777;width:4px;height:4px;content:""}.view-pc #page-member .user-menu li:first-child{text-align:right}.view-pc #page-member .user-menu a,.view-pc #page-member .user-menu button{display:inline;background:rgba(0,0,0,0);height:auto;color:#c7c7c7;font-weight:normal;font-size:16px;text-align:center;text-transform:none}.view-pc #page-member .user-menu a:hover,.view-pc #page-member .user-menu button:hover{text-decoration:underline}.view-pc #page-member .message{color:#c4c3c3;font-size:16px;text-align:center}.view-pc #page-member .notice{display:flex;flex-direction:column;gap:7px}.view-pc #page-member .notice>*{position:relative;padding-left:9px;color:#21b5a1;font-size:14px}.view-pc #page-member .notice>*::before{background:url(../image/249a0.png);width:5px;height:5px;display:block;position:absolute;top:4px;left:0;content:""}.view-pc #page-member .back{background:url(../image/79a56.png);width:66px;height:66px;transition-property:background;overflow:hidden !important;text-indent:-10000em !important;display:block;margin:45px auto 0}.view-pc #page-member .back:hover{background-image:url(../image/dc348.png)}
.view-pc #page-account{background:#191919;padding:var(--6d712) 0 0;min-height:calc(100vh - var(--d12c5) - var(--ea59f))}.view-pc #page-account .page-wrap{margin:0 auto;padding:180px 0;width:var(--baacc)}.view-pc #page-account .title{color:#e6e6e6;font-weight:500;font-size:50px;line-height:1;text-transform:uppercase}.view-pc #page-account .form{display:flex;flex-direction:column}.view-pc #page-account .form .info{display:flex;padding:40px 0}.view-pc #page-account .form .info+.info{border-top:1px solid #282828}.view-pc #page-account .form .info.password .inputs{display:flex;flex-direction:column;gap:10px}.view-pc #page-account .form .info.birth .inputs{display:flex;gap:10px}.view-pc #page-account .form .info .label{width:465px;color:#8c8c8c;font-size:18px;line-height:46px}.view-pc #page-account .form .info .value{display:flex;flex-grow:1;flex-direction:column;gap:20px}.view-pc #page-account .form .info .value .current{display:flex;align-items:center;height:46px;color:#d7d7d7;font-size:18px}.view-pc #page-account .form .info .value .current .edit{margin-left:auto;border:1px solid #b1b1b1;background:#101010;width:154px;color:#a7a7a7}.view-pc #page-account .form .info .value .current .edit.active,.view-pc #page-account .form .info .value .current .edit:hover{border-color:#222}.view-pc #page-account .form .info .value .confirm{display:flex;flex-direction:column;gap:20px;width:100%}.view-pc #page-account .form .info .value .confirm .captcha{width:480px}.view-pc #page-account .form .info .value .confirm .actions{gap:20px}.view-pc #page-account .form .info .value .confirm .actions input{text-transform:none}.view-pc #page-account .form .info .value .confirm .actions input.reset{border:1px solid #b1b1b1;background:#1c1c1c;color:#a7a7a7}.view-pc #page-account .form .info .value .confirm .actions input.reset.active,.view-pc #page-account .form .info .value .confirm .actions input.reset:hover{background:#141414}.view-pc #page-account .form select,.view-pc #page-account .form input,.view-pc #page-account .form button,.view-pc #page-account .form .button{height:46px;font-size:14px}.view-pc #page-account .form select,.view-pc #page-account .form input:not([type=checkbox]){flex-grow:1;background:#2b2b2b;padding:0 20px;color:#a4a4a4}.view-pc #page-account .form select{background:#101010 url(../image/76c75.png) no-repeat calc(100% - 10px) center;appearance:none;border:1px solid #4d4d4d}.view-pc #page-account .form input[type=text],.view-pc #page-account .form input[type=password]{border:0}.view-pc #page-account .form button,.view-pc #page-account .form input[type=reset],.view-pc #page-account .form input[type=submit],.view-pc #page-account .form .button{display:block;align-items:center;transition-property:border,background,color;background:#e8e8e8;color:#222;font-weight:bold;text-transform:uppercase}.view-pc #page-account .form .button{display:flex;justify-content:center;width:100%}.view-pc #page-account .form .actions{display:flex}.view-pc #page-account .form .actions input[type=submit]:hover{background:#38ffc9}.view-pc #page-account .check{position:relative}.view-pc #page-account .check input{position:absolute;top:0;left:0;opacity:0}.view-pc #page-account .check input:checked~.label{color:#dfdfdf}.view-pc #page-account .check input:checked~.label::before{background-image:url(../image/58153.png);border-color:#26fee4}.view-pc #page-account .check .label{position:relative;transition-property:color;padding-left:28px;color:#8a8a8a;font-size:14px}.view-pc #page-account .check .label a{color:#63cdff;text-decoration:underline}.view-pc #page-account .check .label::before{display:block;position:absolute;transition-property:border,background;margin:auto 0;inset:0 auto 0 0;border:1px solid #515151;background:#2b2b2b no-repeat center;width:20px;height:20px;content:""}.view-pc #page-account .notice{display:flex;flex-direction:column;gap:7px;margin-top:30px;border-top:1px solid #282828;padding-top:30px}.view-pc #page-account .notice>*{position:relative;padding-left:9px;color:#21b5a1;font-size:14px;line-height:1.2}.view-pc #page-account .notice>*::before{background:url(../image/249a0.png);width:5px;height:5px;display:block;position:absolute;top:4px;left:0;content:""}
.view-pc #announcement{background:url(../image/dd69e.jpg) no-repeat center 0;min-height:460px}.view-pc #announcement>.page-wrap{position:relative;margin:0 auto;padding:200px 0;width:var(--baacc)}.view-pc #announcement>.page-wrap>.title{position:absolute;top:200px;left:0;color:#f3f3f3;font-weight:500;font-size:60px;line-height:1;text-transform:uppercase}.view-pc #announcement>.page-wrap>.title+*{margin-top:280px}.view-pc #announcement .header{display:flex;position:relative;align-items:center;gap:20px;border-bottom:1px solid #dedede;padding-bottom:22px}.view-pc #announcement .header::after{position:absolute;bottom:1px;left:0;background:#dedede;width:100%;height:1px;content:""}.view-pc #announcement .header .title{margin-right:auto;color:#000;font-weight:normal;font-size:24px;line-height:1;text-transform:uppercase}.view-pc #announcement .header .search{display:flex;position:relative}.view-pc #announcement .header .search select{background:#fff url(../image/6e36f.png) no-repeat calc(100% - 10px) center;display:block;appearance:none;border:1px solid #e2e2e2;padding:0 30px 0 20px;width:152px;height:46px;color:#8e8e8e;font-size:14px}.view-pc #announcement .header .search option{background:#fff;color:#8e8e8e}.view-pc #announcement .header .search [type=text]{display:block;border:1px solid #e2e2e2;border-left:0;padding:0 20px;width:312px;color:#242424;font-size:14px}.view-pc #announcement .header .search [type=text]::placeholder{color:#c4c4c4}.view-pc #announcement .header .search [type=submit]{background:url(../image/fb38a.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;position:absolute;top:0;right:0;margin:auto;aspect-ratio:1/1;height:100%}.view-pc #announcement .header .filter select{background:#303030 url(../image/a75a3.png) no-repeat calc(100% - 10px) center;display:block;appearance:none;border:1px solid #515151;padding:0 30px 0 20px;min-width:206px;height:46px;color:#a7a7a7;font-size:14px}.view-pc #announcement .header .filter option{background:#303030;color:#a7a7a7}.view-pc #announcement .header .filter [type=submit]{display:none}.view-pc #announcement section.list.text table{display:block;width:100%}.view-pc #announcement section.list.text table+.common-paging{margin-top:65px}.view-pc #announcement section.list.text thead{display:none}.view-pc #announcement section.list.text tbody{display:flex;flex-direction:column;gap:1px;border-bottom:1px solid #dedede;padding-bottom:1px;color:#242424;font-size:18px}.view-pc #announcement section.list.text tbody.fixed tr{background:#f3f3f3}.view-pc #announcement section.list.text tbody tr{display:grid;position:relative;grid-template:"category subject" auto "category summary" auto "category date" auto/150px calc(100% - 150px);border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:25px 40px 25px 0}.view-pc #announcement section.list.text tbody tr.no-result{display:flex;justify-content:center;align-items:center;padding:0;height:200px}.view-pc #announcement section.list.text tbody tr.no-result td{color:#242424}.view-pc #announcement section.list.text tbody tr:first-child{border-top:0}.view-pc #announcement section.list.text tbody tr[data-board-read=false] .subject::before{display:block}.view-pc #announcement section.list.text tbody .category{display:flex;grid-area:category;align-items:center;padding:0 40px;color:#00c2ab;font-size:14px;text-transform:uppercase}.view-pc #announcement section.list.text tbody .subject{grid-area:subject}.view-pc #announcement section.list.text tbody .subject::before{display:none;margin:0 0 -4px -7px;border-radius:50%;background:#f15b38;width:4px;height:4px;content:""}.view-pc #announcement section.list.text tbody .subject a{display:block;transition-property:text-decoration;overflow:hidden;color:#242424;font-weight:500;font-size:24px;line-height:30px;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-underline-offset:5px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-pc #announcement section.list.text tbody .subject a:hover{text-decoration-color:#434343}.view-pc #announcement section.list.text tbody .subject a::before{position:absolute;z-index:1;inset:0;content:""}.view-pc #announcement section.list.text tbody .summary{display:-webkit-box;grid-area:summary;margin-top:10px;overflow:hidden;color:#616161;font-size:16px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3em;line-height:1.5em}.view-pc #announcement section.list.text tbody .date{display:flex;grid-area:date;align-items:center;gap:5px;margin-top:13px;color:#737781;font-size:14px}.view-pc #announcement section.list.text tbody .date::before{background:url(../image/b429a.png);width:12px;height:13px;display:block;content:""}.view-pc #announcement section.list.image{margin-top:40px}.view-pc #announcement section.list.image table{display:block;width:100%}.view-pc #announcement section.list.image table+.common-paging{margin-top:65px}.view-pc #announcement section.list.image thead{display:none}.view-pc #announcement section.list.image tbody{display:flex;flex-direction:column;gap:30px;border-top:1px solid #dedede;padding-bottom:1px;color:#242424;font-size:18px}.view-pc #announcement section.list.image tbody tr{display:grid;position:relative;grid-template:"image subject" auto "image date" 40px/520px auto;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:45px 40px 45px 0}.view-pc #announcement section.list.image tbody tr.no-result{display:flex;justify-content:center;align-items:center;padding:0;height:200px}.view-pc #announcement section.list.image tbody tr.no-result td{color:#242424}.view-pc #announcement section.list.image tbody tr:first-child{border-top:0}.view-pc #announcement section.list.image tbody tr[data-board-read=false] .subject::before{display:block}.view-pc #announcement section.list.image tbody tr:hover .image img{scale:1.01;opacity:.7}.view-pc #announcement section.list.image tbody .subject{grid-area:subject;margin-left:35px}.view-pc #announcement section.list.image tbody .subject::before{display:none;margin:0 0 -4px -7px;border-radius:50%;background:#f15b38;width:4px;height:4px;content:""}.view-pc #announcement section.list.image tbody .subject a{display:-webkit-box;transition-property:text-decoration;height:62px;overflow:hidden;color:#242424;font-weight:500;font-size:24px;line-height:30px;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-underline-offset:5px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.view-pc #announcement section.list.image tbody .subject a:hover{text-decoration-color:#434343}.view-pc #announcement section.list.image tbody .subject a::before{position:absolute;z-index:1;inset:0;content:""}.view-pc #announcement section.list.image tbody .image{display:block;grid-area:image;margin:-45px 0;background:#000;width:520px;height:250px;overflow:hidden}.view-pc #announcement section.list.image tbody .image img{display:block;transition-property:scale,opacity;width:520px;height:250px}.view-pc #announcement section.list.image tbody .date{display:flex;grid-area:date;align-items:center;gap:5px;margin-left:35px;color:#737781;font-size:14px}.view-pc #announcement section.list.image tbody .date::before{background:url(../image/b429a.png);width:12px;height:13px;display:block;content:""}.view-pc #announcement article.detail .subject{padding:35px 40px;color:#242424;font-weight:500;font-size:24px;line-height:1.3}.view-pc #announcement article.detail .category{display:block;margin-bottom:-25px;padding:25px 40px 0;color:#00c2ab;font-size:14px;text-transform:uppercase}.view-pc #announcement article.detail .info{display:flex;gap:15px;margin-top:-25px;padding:0 40px 25px;color:#737781;font-size:14px}.view-pc #announcement article.detail .share{display:flex;border-top:1px solid #dedede;padding:20px 0}.view-pc #announcement article.detail .share+.content{border-top:0;padding-top:0}.view-pc #announcement article.detail .share ul{display:flex;gap:10px;margin-left:auto}.view-pc #announcement article.detail .share li{display:block}.view-pc #announcement article.detail .share li>*{overflow:hidden !important;text-indent:-10000em !important;display:block;transition-property:background;background:no-repeat center;width:31px;height:31px}.view-pc #announcement article.detail .share li>*.facebook{background-image:url(../image/635b3.png)}.view-pc #announcement article.detail .share li>*.facebook:hover{background-image:url(../image/67672.png)}.view-pc #announcement article.detail .share li>*.x{background-image:url(../image/c8f6d.png)}.view-pc #announcement article.detail .share li>*.x:hover{background-image:url(../image/d6bdf.png)}.view-pc #announcement article.detail .share li>*.copy{background-image:url(../image/3435f.png)}.view-pc #announcement article.detail .share li>*.copy:hover{background-image:url(../image/2857d.png)}.view-pc #announcement article.detail .content{border-top:1px solid #dedede;padding:35px 40px;color:#616161;font-size:16px;line-height:2}.view-pc #announcement article.detail .actions{display:flex;gap:10px;border-top:1px solid #dedede;padding:20px 0}.view-pc #announcement article.detail .actions .prev,.view-pc #announcement article.detail .actions .next{background-image:url(../image/02b82.png);width:52px;height:52px;transition-property:background;overflow:hidden !important;text-indent:-10000em !important;display:block;transition-property:background}.view-pc #announcement article.detail .actions .prev:hover,.view-pc #announcement article.detail .actions .next:hover{background-image:url(../image/96430.png)}.view-pc #announcement article.detail .actions .next{rotate:y 180deg}.view-pc #announcement article.detail .actions .list{display:flex;justify-content:center;align-items:center;transition-property:border;margin-left:auto;border:1px solid #dfdfdf;padding:0 40px;height:52px;color:#2c2c2c;font-size:16px;text-transform:uppercase}.view-pc #announcement article.detail .actions .list:hover{border-color:#5d5d5d}
@keyframes introduction-story-bg{0%{scale:1.2;opacity:.5}100%{scale:1;opacity:1}}@keyframes introduction-story-text{0%{translate:0 50px;opacity:0}100%{translate:0 0;opacity:1}}.view-pc #introduction.story{background:#191919}.view-pc #introduction.story>.page-wrap{position:relative;margin:0 auto}.view-pc #introduction.story>.page-wrap>.title{display:none}.view-pc #introduction.story .navigation{position:absolute;top:218px;left:50%;translate:-50%;z-index:2;margin:auto}.view-pc #introduction.story .navigation ul{display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.2);padding:0 42px;width:1200px;height:1px}.view-pc #introduction.story .navigation li{display:block}.view-pc #introduction.story .navigation button{background:url(../image/c9c9e.png);width:93px;height:93px;position:relative;transition-property:background}.view-pc #introduction.story .navigation button:hover,.view-pc #introduction.story .navigation button.active{background-image:url(../image/53802.png)}.view-pc #introduction.story .navigation button:hover span,.view-pc #introduction.story .navigation button.active span{opacity:1}.view-pc #introduction.story .navigation span{position:absolute;top:90px;left:50%;translate:-50%;display:block;position:absolute;opacity:0;transition-property:opacity;width:150px;pointer-events:none;color:#f0fbff;font-style:italic;font-size:14px;text-align:center}.view-pc #introduction.story .sections{position:relative;z-index:1;height:1270px}.view-pc #introduction.story .section{position:absolute;opacity:1;z-index:2;transition-duration:3s;transition-property:opacity;inset:0;pointer-events:none}.view-pc #introduction.story .section:not(.hide)::before{animation:introduction-story-bg 5s ease-out normal}.view-pc #introduction.story .section:not(.hide) .story>*{animation:introduction-story-text 1s ease-out normal backwards}.view-pc #introduction.story .section::before{display:block;position:absolute;inset:0;background:no-repeat center 0;content:""}.view-pc #introduction.story .section .story{background:url(../image/70ba5.png);width:2034px;height:310px;display:flex;position:absolute;bottom:0;left:50%;flex-direction:column;align-items:center;gap:25px;translate:-50%;pointer-events:auto}.view-pc #introduction.story .section .story .title{margin-top:40px;color:#f3f3f3;font-size:50px}.view-pc #introduction.story .section .story .description{animation-delay:.2s;color:#d9d9d9;font-size:16px;line-height:1.6;text-align:center}.view-pc #introduction.story .section-1::before{background-image:url(../image/163da.jpg)}.view-pc #introduction.story .section-2::before{background-image:url(../image/eda96.jpg)}.view-pc #introduction.story .section-3::before{background-image:url(../image/dc120.jpg)}.view-pc #introduction.story .section-4::before{background-image:url(../image/292db.jpg)}.view-pc #introduction.story .section-5::before{background-image:url(../image/34394.jpg)}.view-pc #introduction.story .section-6::before{background-image:url(../image/a9d23.jpg)}
.view-pc #introduction.game-features{background:url(../image/563e2.jpg) center 0;height:3495px}.view-pc #introduction.game-features>.page-wrap{position:relative;margin:0 auto}.view-pc #introduction.game-features>.page-wrap>.title{position:absolute;top:260px;left:50%;translate:-50%;color:#fff;font-weight:bold;font-size:60px;text-transform:uppercase}.view-pc #introduction.game-features .section{position:relative;transition-delay:.3s;transition-duration:1s;transition-property:translate,opacity}.view-pc #introduction.game-features .section:not(.visible){translate:0 200px;opacity:0}.view-pc #introduction.game-features .section .anchor{position:absolute;width:520px;color:#000}.view-pc #introduction.game-features .section .title{font-weight:300;font-size:60px}.view-pc #introduction.game-features .section .description{margin-top:15px;font-weight:300;font-size:18px;line-height:1.6}.view-pc #introduction.game-features .section-1{position:absolute;top:340px;left:calc(50% + 415px - var(--6a456)/2);background:url(../image/cc6af.png);width:933px;height:872px}.view-pc #introduction.game-features .section-1 .anchor{bottom:35px;left:970px;color:#fff}.view-pc #introduction.game-features .section-2{position:absolute;top:1623px;left:calc(50% + 1317px - var(--6a456)/2);background:url(../image/ec13a.png);width:1243px;height:552px}.view-pc #introduction.game-features .section-2 .anchor{right:1280px;bottom:130px;text-align:right}.view-pc #introduction.game-features .section-3{position:absolute;top:2156px;left:calc(50% + 444px - var(--6a456)/2);background:url(../image/15aba.png);width:940px;height:897px}.view-pc #introduction.game-features .section-3 .anchor{bottom:327px;left:964px}
@keyframes introduction-class-image{0%{scale:1.1;opacity:.5;filter:blur(10px)}100%{scale:1;opacity:1;filter:none}}@keyframes introduction-class-text{0%{translate:50px;opacity:0}100%{translate:0;opacity:1}}.view-pc{--711ee:59px}.view-pc #class-top-menu{position:fixed;top:0;left:0;z-index:50;background:#000;padding-top:var(--6d712);width:100%}.view-pc #class-top-menu ul{display:flex;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.4);width:100%;height:100%}.view-pc #class-top-menu li{display:flex;align-items:center}.view-pc #class-top-menu li:first-child::before{display:none}.view-pc #class-top-menu li::before{display:block;opacity:.3;background:#fff;width:1px;height:20px;content:""}.view-pc #class-top-menu a{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;transition-property:border;margin-bottom:-1px;border-bottom:2px solid rgba(0,0,0,0);width:307px;height:var(--711ee);color:#a9a9a9;font-size:16px}.view-pc #class-top-menu a:hover{color:#fff}.view-pc #class-top-menu a.active{border-bottom-color:#38ffc9;color:#fff}.view-pc #class-floating-menu{display:flex;position:fixed;align-items:center;translate:875px;z-index:50;margin:auto;inset:0 auto 0 50%;pointer-events:none}@media(width < 1935px){.view-pc #class-floating-menu{right:10px;left:auto;translate:0}}.view-pc #class-floating-menu ul{display:flex;position:relative;flex-direction:column;gap:20px}.view-pc #class-floating-menu ul::before{position:absolute;margin:auto;inset:0;background:#828282;width:1px;content:""}.view-pc #class-floating-menu li{display:flex;align-items:center}.view-pc #class-floating-menu a{background:url(../image/d5e75.png);width:79px;height:79px;overflow:hidden !important;text-indent:-10000em !important;display:block;position:relative;transition-property:background;pointer-events:auto}.view-pc #class-floating-menu a::after{position:absolute;transition-property:background;inset:0;background:var(--c2d4b) no-repeat center;content:""}.view-pc #class-floating-menu a.back{--c2d4b:url(../image/a363a.png);--44d75:url(../img/1c366.png?68114)}.view-pc #class-floating-menu a.sub-1{--c2d4b:var(--9d140);--44d75:var(--b5ae1)}.view-pc #class-floating-menu a.sub-2{--c2d4b:var(--c1d7b);--44d75:var(--3bb5d)}.view-pc #class-floating-menu a:hover,.view-pc #class-floating-menu a.active{background-image:url(../image/355c8.png)}.view-pc #class-floating-menu a:hover::after,.view-pc #class-floating-menu a.active::after{background-image:var(--44d75)}.view-pc #introduction.class{background:#000}.view-pc #introduction.class.index .page-wrap>.title{display:none}.view-pc #introduction.class.index .list{width:100%}.view-pc #introduction.class.index .list ul{display:flex}.view-pc #introduction.class.index .list li{display:block;width:25%}.view-pc #introduction.class.index .list a{display:flex;flex-direction:column;justify-content:center;align-items:center;transition-property:color,background;background:no-repeat center/cover;height:1270px;color:#fff;font-size:56px;line-height:150px;text-transform:uppercase}.view-pc #introduction.class.index .list a::before{display:block;opacity:1;transition-property:opacity;content:""}.view-pc #introduction.class.index .list a:hover{color:rgba(0,0,0,0)}.view-pc #introduction.class.index .list a:hover::before{opacity:0}.view-pc #introduction.class.index .list a.class-1{background-image:url(../image/1ba17.jpg)}.view-pc #introduction.class.index .list a.class-1::before{background:url(../image/beae3.png);width:160px;height:163px}.view-pc #introduction.class.index .list a.class-1:hover{background-image:url(../image/aff99.jpg)}.view-pc #introduction.class.index .list a.class-2{background-image:url(../image/2d9f6.jpg)}.view-pc #introduction.class.index .list a.class-2::before{background:url(../image/b506b.png);width:160px;height:163px}.view-pc #introduction.class.index .list a.class-2:hover{background-image:url(../image/23768.jpg)}.view-pc #introduction.class.index .list a.class-3{background-image:url(../image/0055d.jpg)}.view-pc #introduction.class.index .list a.class-3::before{background:url(../image/f819f.png);width:160px;height:163px}.view-pc #introduction.class.index .list a.class-3:hover{background-image:url(../image/c3fa5.jpg)}.view-pc #introduction.class.index .list a.class-4{background-image:url(../image/46e79.jpg)}.view-pc #introduction.class.index .list a.class-4::before{background:url(../image/9c18c.png);width:160px;height:163px}.view-pc #introduction.class.index .list a.class-4:hover{background-image:url(../image/34a3d.jpg)}.view-pc #introduction.class.detail{position:relative;background:#000 var(--2e661) no-repeat center calc(var(--6d712) + var(--711ee));padding-top:calc(var(--6d712) + var(--711ee));height:calc(1185px + var(--6d712) + var(--711ee));overflow:hidden}.view-pc #introduction.class.detail>.page-wrap::before{position:absolute;display:block;animation:introduction-class-image 3s ease-out normal backwards;content:""}.view-pc #introduction.class.detail .class-wrap{position:absolute;top:460px;left:calc(50% + 861px - var(--6a456)/2);translate:-50%;width:389px}.view-pc #introduction.class.detail .class-wrap>*{animation:introduction-class-text 1s ease-out normal backwards}.view-pc #introduction.class.detail .class-wrap>*:nth-child(2){animation-delay:.25s}.view-pc #introduction.class.detail .class-wrap>*:nth-child(3){animation-delay:.5s}.view-pc #introduction.class.detail .class-wrap>*:nth-child(4){animation-delay:.75s}.view-pc #introduction.class.detail .class-wrap>*:nth-child(5){animation-delay:1s}.view-pc #introduction.class.detail .class-wrap>.title{margin:0 -100px;color:var(--8ec9e);font-weight:normal;font-size:55px;text-align:center;text-transform:uppercase;white-space:nowrap}.view-pc #introduction.class.detail .class-wrap>.title::before,.view-pc #introduction.class.detail .class-wrap>.title::after{display:block;position:absolute;left:50%;translate:-50%;content:""}.view-pc #introduction.class.detail .class-wrap>.title::before{background:url(../image/b29d5.png);width:180px;height:11px;top:-25px}.view-pc #introduction.class.detail .class-wrap>.title::after{top:-125px;background:no-repeat var(--18f05) center;width:97px;height:106px}.view-pc #introduction.class.detail .class-wrap .story .title,.view-pc #introduction.class.detail .class-wrap .video .title{display:none}.view-pc #introduction.class.detail .class-wrap .difficulty,.view-pc #introduction.class.detail .class-wrap .weapons,.view-pc #introduction.class.detail .class-wrap .stat{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px;font-size:16px}.view-pc #introduction.class.detail .class-wrap .difficulty .title,.view-pc #introduction.class.detail .class-wrap .weapons .title,.view-pc #introduction.class.detail .class-wrap .stat .title{display:flex;align-items:center;color:var(--8ec9e);font-size:16px}.view-pc #introduction.class.detail .class-wrap .difficulty .title::after,.view-pc #introduction.class.detail .class-wrap .weapons .title::after,.view-pc #introduction.class.detail .class-wrap .stat .title::after{display:block;margin:0 17px;background:var(--8ec9e);width:2px;height:13px;content:""}.view-pc #introduction.class.detail .class-wrap .description{color:var(--27347);font-weight:300;font-size:16px;line-height:1.5}.view-pc #introduction.class.detail .class-wrap .story{margin-top:10px}.view-pc #introduction.class.detail .class-wrap .difficulty .score{overflow:hidden !important;text-indent:-10000em !important;display:flex;position:relative;flex-grow:1;align-items:center;gap:11px;height:30px}.view-pc #introduction.class.detail .class-wrap .difficulty .score::before,.view-pc #introduction.class.detail .class-wrap .difficulty .score::after,.view-pc #introduction.class.detail .class-wrap .difficulty .score .point{display:block;border:1px solid #9e9e9e;width:15px;height:16px;content:""}.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="1"]::before,.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="2"]::before,.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="2"] .point:nth-child(1),.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="3"]::before,.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="3"] .point:nth-child(-n+2),.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="4"]::before,.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="4"] .point:nth-child(-n+3),.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="5"]::before,.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="5"]::after,.view-pc #introduction.class.detail .class-wrap .difficulty .score[data-score="5"] .point{border:0;background:#38ffc9}.view-pc #introduction.class.detail .class-wrap .difficulty .description{margin-top:5px;width:100%}.view-pc #introduction.class.detail .class-wrap .weapons ul{display:flex;gap:20px}.view-pc #introduction.class.detail .class-wrap .weapons li{display:block;background:rgba(0,0,0,0) no-repeat center/cover;width:50px;height:50px}.view-pc #introduction.class.detail .class-wrap .weapons li:nth-child(1){background-image:var(--7fc98)}.view-pc #introduction.class.detail .class-wrap .weapons li:nth-child(2){background-image:var(--0c2e3)}.view-pc #introduction.class.detail .class-wrap .weapons li:nth-child(3){background-image:var(--0239e)}.view-pc #introduction.class.detail .class-wrap .stat{align-items:start;line-height:1.5}.view-pc #introduction.class.detail .class-wrap .stat p{color:var(--8ec9e);font-weight:normal}.view-pc #introduction.class.detail .class-wrap .video{margin-top:20px}.view-pc #introduction.class.detail .class-wrap .video button{overflow:hidden !important;text-indent:-10000em !important;display:block;position:relative;border:0;background:#000 no-repeat center/cover;background-image:var(--1e19e);width:386px;height:234px}.view-pc #introduction.class.detail .class-wrap .video button::after{background:url(../image/7d3d7.png) no-repeat center;display:block;position:absolute;transition-property:background;inset:0;content:""}.view-pc #introduction.class.detail .class-wrap .video button:hover::after{background-image:url(../image/bd031.png)}.view-pc #introduction.class.detail .class-wrap .skill{margin-top:20px}.view-pc #introduction.class.detail .class-wrap .skill button{display:flex;justify-content:center;align-items:center;transition-property:background;border:1px solid #b7b7b7;background:rgba(0,0,0,0);width:100%;height:51px;color:#a0a0a0;font-size:16px}.view-pc #introduction.class.detail .class-wrap .skill button:hover{background:#fff;color:#000}.view-pc #introduction.class.detail .class-wrap .sub-class{margin-top:15px}.view-pc #introduction.class.detail .class-wrap .sub-class>.title{display:none}.view-pc #introduction.class.detail .class-wrap .sub-class .classes .title{color:var(--8ec9e);font-size:16px}.view-pc #introduction.class.detail .class-wrap .sub-class .classes ul{display:flex;gap:9px;margin-top:15px}.view-pc #introduction.class.detail .class-wrap .sub-class .classes li{display:block}.view-pc #introduction.class.detail .class-wrap .sub-class .classes a{display:flex;justify-content:center;align-items:center;transition-property:background;border:1px solid #b7b7b7;background:rgba(0,0,0,0);width:190px;height:51px;color:#fff;font-size:16px}.view-pc #introduction.class.detail .class-wrap .sub-class .classes a:hover{background:#3a3a3a}.view-pc #introduction.class.detail.main{--8ec9e:#fff;--27347:#d0d0d0}.view-pc #introduction.class.detail.sub{--eee22:url(../image/1438c.jpg);--8ec9e:#000;--27347:#000;background-color:#fff}.view-pc #introduction.class.detail.class-1{--2e661:var(--eee22, url(../img/1b07d.jpg?d7b84));--18f05:url(../img/5dd4d.png?9464e);--7fc98:url(../img/40fdb.png?f3300);--0c2e3:url(../img/41ef2.png?0d248);--0239e:url(../img/d4e39.png?8ea11);--9d140:url(../img/1fb20.png?ef62b);--b5ae1:url(../image/b112c.png);--c1d7b:url(../image/0985c.png);--3bb5d:url(../img/8a2c0.png?7da67)}.view-pc #introduction.class.detail.class-1 .page-wrap::before{top:0px;left:calc(50% + 1138px - var(--6a456)/2);background:url(../image/4a984.png);width:1040px;height:1500px}.view-pc #introduction.class.detail.class-1.sub-1{--18f05:url(../img/9e3a7.png?b485e);--1e19e:url(../img/59cf7.jpg?e2615)}.view-pc #introduction.class.detail.class-1.sub-1 .page-wrap::before{top:292px;left:calc(50% + 982px - var(--6a456)/2);background:url(../image/dea35.png);width:1356px;height:954px}.view-pc #introduction.class.detail.class-1.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/b6b85.png)}.view-pc #introduction.class.detail.class-1.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/fc76c.png)}.view-pc #introduction.class.detail.class-1.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/53ec8.png)}.view-pc #introduction.class.detail.class-1.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/a8dd7.png)}.view-pc #introduction.class.detail.class-1.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/dc9c3.png)}.view-pc #introduction.class.detail.class-1.sub-2{--18f05:url(../img/42980.png?d31c3);--1e19e:url(../img/3e856.jpg?e2615)}.view-pc #introduction.class.detail.class-1.sub-2 .page-wrap::before{top:292px;left:calc(50% + 978px - var(--6a456)/2);background:url(../image/a38c9.png);width:1472px;height:887px}.view-pc #introduction.class.detail.class-1.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/d870b.png)}.view-pc #introduction.class.detail.class-1.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/2f3d5.png)}.view-pc #introduction.class.detail.class-1.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/dac1e.png)}.view-pc #introduction.class.detail.class-1.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/84caf.png)}.view-pc #introduction.class.detail.class-1.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/57f06.png)}.view-pc #introduction.class.detail.class-2{--2e661:var(--eee22, url(../img/80bdd.jpg?e581a));--18f05:url(../img/5fd68.png?982a6);--7fc98:url(../img/a32e5.png?bf4d3);--0c2e3:url(../img/4baa7.png?e9544);--0239e:url(../img/91114.png?b0de4);--9d140:url(../img/84bde.png?626d4);--b5ae1:url(../image/53c79.png);--c1d7b:url(../image/0df25.png);--3bb5d:url(../img/c0759.png?242dd)}.view-pc #introduction.class.detail.class-2 .page-wrap::before{top:349px;left:calc(50% + 1185px - var(--6a456)/2);background:url(../image/5d352.png);width:701px;height:1095px}.view-pc #introduction.class.detail.class-2.sub-1{--18f05:url(../img/27995.png?9e00c);--1e19e:url(../img/f88c7.jpg?e2615)}.view-pc #introduction.class.detail.class-2.sub-1 .page-wrap::before{top:189px;left:calc(50% + 969px - var(--6a456)/2);background:url(../image/cba22.png);width:1476px;height:1019px}.view-pc #introduction.class.detail.class-2.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/cf6bc.png)}.view-pc #introduction.class.detail.class-2.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/d736d.png)}.view-pc #introduction.class.detail.class-2.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/bc396.png)}.view-pc #introduction.class.detail.class-2.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/550a2.png)}.view-pc #introduction.class.detail.class-2.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/fa64a.png)}.view-pc #introduction.class.detail.class-2.sub-2{--18f05:url(../img/c205a.png?27232);--1e19e:url(../img/dd623.jpg?e2615)}.view-pc #introduction.class.detail.class-2.sub-2 .page-wrap::before{top:292px;left:calc(50% + 973px - var(--6a456)/2);background:url(../image/a1bbf.png);width:1310px;height:897px}.view-pc #introduction.class.detail.class-2.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/676e6.png)}.view-pc #introduction.class.detail.class-2.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/95170.png)}.view-pc #introduction.class.detail.class-2.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/b9b42.png)}.view-pc #introduction.class.detail.class-2.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/78cfd.png)}.view-pc #introduction.class.detail.class-2.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/436a4.png)}.view-pc #introduction.class.detail.class-3{--2e661:var(--eee22, url(../img/36dee.jpg?0fb0a));--18f05:url(../img/ec211.png?49980);--7fc98:url(../img/df1b2.png?e1927);--0c2e3:url(../img/be25b.png?2512d);--0239e:url(../img/5deaf.png?54a13);--9d140:url(../img/81cd6.png?de023);--b5ae1:url(../image/20908.png);--c1d7b:url(../image/643ba.png);--3bb5d:url(../img/c44c4.png?38375)}.view-pc #introduction.class.detail.class-3 .page-wrap::before{top:248px;left:calc(50% + 1174px - var(--6a456)/2);background:url(../image/f2cd9.png);width:790px;height:1252px}.view-pc #introduction.class.detail.class-3.sub-1{--18f05:url(../img/a6ec3.png?94f25);--1e19e:url(../img/1d388.jpg?e2615)}.view-pc #introduction.class.detail.class-3.sub-1 .page-wrap::before{top:292px;left:calc(50% + 966px - var(--6a456)/2);background:url(../image/1e14a.png);width:1487px;height:896px}.view-pc #introduction.class.detail.class-3.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/d3700.png)}.view-pc #introduction.class.detail.class-3.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/464bf.png)}.view-pc #introduction.class.detail.class-3.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/9bb89.png)}.view-pc #introduction.class.detail.class-3.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/7a9d9.png)}.view-pc #introduction.class.detail.class-3.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/78ca1.png)}.view-pc #introduction.class.detail.class-3.sub-2{--18f05:url(../img/1b9eb.png?e55c3);--1e19e:url(../img/35321.jpg?e2615)}.view-pc #introduction.class.detail.class-3.sub-2 .page-wrap::before{top:232px;left:calc(50% + 966px - var(--6a456)/2);background:url(../image/3cdaf.png);width:1484px;height:990px}.view-pc #introduction.class.detail.class-3.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/d6b74.png)}.view-pc #introduction.class.detail.class-3.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/348f9.png)}.view-pc #introduction.class.detail.class-3.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/aaec9.png)}.view-pc #introduction.class.detail.class-3.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/e1802.png)}.view-pc #introduction.class.detail.class-3.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/ad643.png)}.view-pc #introduction.class.detail.class-4{--2e661:var(--eee22, url(../img/9c7c9.jpg?ffbfd));--18f05:url(../img/1faf1.png?421d6);--7fc98:url(../img/5f246.png?68b58);--0c2e3:url(../img/49d57.png?f34a7);--0239e:url(../img/cfef8.png?214c0);--9d140:url(../img/0b363.png?87bfc);--b5ae1:url(../image/5b846.png);--c1d7b:url(../image/6e39b.png);--3bb5d:url(../img/f1e61.png?28579)}.view-pc #introduction.class.detail.class-4 .page-wrap::before{top:412px;left:calc(50% + 1071px - var(--6a456)/2);background:url(../image/d9f18.png);width:863px;height:1022px}.view-pc #introduction.class.detail.class-4.sub-1{--18f05:url(../img/80d21.png?6b526);--1e19e:url(../img/61e2d.jpg?e2615)}.view-pc #introduction.class.detail.class-4.sub-1 .page-wrap::before{top:204px;left:calc(50% + 961px - var(--6a456)/2);background:url(../image/e0d95.png);width:1322px;height:1066px}.view-pc #introduction.class.detail.class-4.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/af39c.png)}.view-pc #introduction.class.detail.class-4.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/013c1.png)}.view-pc #introduction.class.detail.class-4.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/37dff.png)}.view-pc #introduction.class.detail.class-4.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/d1da7.png)}.view-pc #introduction.class.detail.class-4.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/90e0d.png)}.view-pc #introduction.class.detail.class-4.sub-2{--18f05:url(../img/2b6b4.png?fc55e);--1e19e:url(../img/69514.jpg?e2615)}.view-pc #introduction.class.detail.class-4.sub-2 .page-wrap::before{top:292px;left:calc(50% + 961px - var(--6a456)/2);background:url(../image/94fd5.png);width:1322px;height:896px}.view-pc #introduction.class.detail.class-4.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/25e55.png)}.view-pc #introduction.class.detail.class-4.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/60206.png)}.view-pc #introduction.class.detail.class-4.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/9614f.png)}.view-pc #introduction.class.detail.class-4.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/c498d.png)}.view-pc #introduction.class.detail.class-4.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/aac83.png)}.view-pc #introduction.class .layer-skill{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #introduction.class .layer-skill .actions button{background:url(../image/ce7ef.png);width:68px;height:68px;top:-68px;overflow:hidden !important;text-indent:-10000em !important;position:absolute;right:0}.view-pc #introduction.class .layer-skill .actions button::before{position:fixed;inset:0;content:""}.view-pc #introduction.class .layer-skill .popup-container{display:flex;position:relative;justify-content:center;padding:98px 30px 30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #introduction.class .layer-skill *{pointer-events:none}.view-pc #introduction.class .layer-skill.show{visibility:visible;opacity:1}.view-pc #introduction.class .layer-skill.show *{pointer-events:auto}.view-pc #introduction.class .layer-skill .page-wrap{position:relative;margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:822px;height:fit-content}.view-pc #introduction.class .layer-skill .title{display:flex;position:relative;justify-content:center;align-items:center;z-index:1;background:#000;height:48px;color:#fff;font-size:18px;text-align:center;text-transform:uppercase}.view-pc #introduction.class .layer-skill .skills{position:relative;z-index:1;overflow:hidden}.view-pc #introduction.class .layer-skill .skills table{margin:-1px;width:calc(100% + 2px)}.view-pc #introduction.class .layer-skill .skills .type{width:135px}.view-pc #introduction.class .layer-skill .skills th,.view-pc #introduction.class .layer-skill .skills td{border:1px solid #d5d5d5}.view-pc #introduction.class .layer-skill .skills th{padding:20px;line-height:1.5}.view-pc #introduction.class .layer-skill .skills .skill{display:block;position:relative;padding:40px 40px 40px 125px}.view-pc #introduction.class .layer-skill .skills .skill::before{position:absolute;margin:auto;inset:0 auto 0 40px;background:var(--a6bdd) no-repeat center/cover;width:50px;height:50px;content:""}.view-pc #introduction.class .layer-skill .skills .skill+.skill{border-top:1px solid #d5d5d5}.view-pc #introduction.class .layer-skill .skills .skill .name{display:block;color:#000;font-size:16px}.view-pc #introduction.class .layer-skill .skills .skill .description{display:block;margin-top:10px;color:#000;font-weight:300;font-size:16px;line-height:1.5}
.view-pc #introduction.media{background:url(../image/5a668.jpg) no-repeat center 0;min-height:460px}.view-pc #introduction.media>.page-wrap{position:relative;margin:0 auto;padding:200px 0;width:var(--baacc)}.view-pc #introduction.media>.page-wrap>.title{position:absolute;top:200px;left:0;color:#f3f3f3;font-weight:500;font-size:60px;line-height:1;text-transform:uppercase}.view-pc #introduction.media>.page-wrap>.title+*{margin-top:280px}.view-pc #introduction.media header.header{border-bottom:1px solid #d9d9d9;padding-bottom:1px}.view-pc #introduction.media header.header .filter{border-bottom:1px solid #d9d9d9}.view-pc #introduction.media header.header .filter ul,.view-pc #introduction.media header.header .filter li{display:flex;align-items:center}.view-pc #introduction.media header.header .filter ul::before,.view-pc #introduction.media header.header .filter li::after{display:block;background:#d9d9d9;width:1px;height:23px;content:""}.view-pc #introduction.media header.header .filter ul{margin-bottom:-1px}.view-pc #introduction.media header.header .filter li>*{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);padding:0 25px;height:60px;color:#b6b6be;font-size:16px}.view-pc #introduction.media header.header .filter li>*.active{border-color:#42dfc9;color:#42dfc9}.view-pc #introduction.media header.header .filter select{display:none}.view-pc #introduction.media header.header .filter [type=submit]{display:none}.view-pc #introduction.media section.list.thumbnail ul{display:flex;flex-wrap:wrap;gap:37px;border-bottom:1px solid #d9d9d9;padding:40px 0}.view-pc #introduction.media section.list.thumbnail ul+.common-paging{margin-top:65px}.view-pc #introduction.media section.list.thumbnail ul li{display:block;border:1px solid #b3afaf;overflow:hidden}.view-pc #introduction.media section.list.thumbnail ul button{display:block;background:#000;width:390px;overflow:hidden}.view-pc #introduction.media section.list.thumbnail ul button:hover img{scale:1.01;opacity:.7}.view-pc #introduction.media section.list.thumbnail ul img{display:block;transition-property:scale,opacity;border:0;aspect-ratio:390/220;width:100%}
.view-pc #support{background:url(../image/1510f.jpg) no-repeat center 0;min-height:460px}.view-pc #support>.page-wrap{position:relative;margin:0 auto;padding:200px 0;width:var(--baacc)}.view-pc #support>.page-wrap>.title{position:absolute;top:200px;left:0;color:#f3f3f3;font-weight:500;font-size:60px;line-height:1;text-transform:uppercase}.view-pc #support>.page-wrap>.title+*{margin-top:280px}.view-pc #support .header{display:flex;position:relative;align-items:center;gap:20px;border-bottom:1px solid #dedede;padding-bottom:22px}.view-pc #support .header::after{position:absolute;bottom:1px;left:0;background:#dedede;width:100%;height:1px;content:""}.view-pc #support .header .title{margin-right:auto;color:#000;font-weight:normal;font-size:24px;line-height:1;text-transform:uppercase}
.view-pc #support.faq .faq .header .search{display:flex;position:relative}.view-pc #support.faq .faq .header .search select{background:#fff url(../image/6e36f.png) no-repeat calc(100% - 10px) center;display:block;appearance:none;border:1px solid #e2e2e2;padding:0 30px 0 20px;width:152px;height:46px;color:#8e8e8e;font-size:14px}.view-pc #support.faq .faq .header .search option{background:#fff;color:#8e8e8e}.view-pc #support.faq .faq .header .search [type=text]{display:block;border:1px solid #e2e2e2;border-left:0;padding:0 20px;width:312px;color:#242424;font-size:14px}.view-pc #support.faq .faq .header .search [type=text]::placeholder{color:#c4c4c4}.view-pc #support.faq .faq .header .search [type=submit]{background:url(../image/fb38a.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;position:absolute;top:0;right:0;margin:auto;aspect-ratio:1/1;height:100%}.view-pc #support.faq .faq .header .filter select{background:#303030 url(../image/a75a3.png) no-repeat calc(100% - 10px) center;display:block;appearance:none;border:1px solid #515151;padding:0 30px 0 20px;min-width:206px;height:46px;color:#a7a7a7;font-size:14px}.view-pc #support.faq .faq .header .filter option{background:#303030;color:#a7a7a7}.view-pc #support.faq .faq .header .filter [type=submit]{display:none}.view-pc #support.faq .faq section.list table{width:100%;table-layout:auto}.view-pc #support.faq .faq section.list table+.common-paging{margin-top:65px}.view-pc #support.faq .faq section.list col.category{width:170px}.view-pc #support.faq .faq section.list th,.view-pc #support.faq .faq section.list td{padding:30px 15px;height:120px;text-align:center;white-space:nowrap}.view-pc #support.faq .faq section.list thead{display:none}.view-pc #support.faq .faq section.list tbody{color:#242424;font-size:18px}.view-pc #support.faq .faq section.list tbody tr{border-bottom:1px solid #dedede}.view-pc #support.faq .faq section.list tbody .category{color:#00c2ab;font-size:14px;text-transform:uppercase;white-space:wrap}.view-pc #support.faq .faq section.list tbody .subject{font-size:20px;line-height:1.5;text-align:left;white-space:wrap}.view-pc #support.faq .faq section.list tbody .subject a{transition-property:font-weight,letter-spacing,text-decoration;font-weight:300;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-underline-offset:7px}.view-pc #support.faq .faq section.list tbody .subject a:hover{text-decoration-color:#242424}.view-pc #support.faq .faq article.detail .subject{border-bottom:1px solid #dedede;padding:35px 40px;color:#242424;font-size:24px;line-height:1.3}.view-pc #support.faq .faq article.detail .category{display:block;padding:20px 0;color:#00c2ab;font-size:14px;text-align:right;text-transform:uppercase}.view-pc #support.faq .faq article.detail .category::before{content:"["}.view-pc #support.faq .faq article.detail .category::after{content:"]"}.view-pc #support.faq .faq article.detail .content{padding:35px 40px;color:#616161;font-size:16px;line-height:2}.view-pc #support.faq .faq article.detail .actions{display:flex;justify-content:flex-end;border-top:1px solid #dedede;padding:20px 0}.view-pc #support.faq .faq article.detail .actions a{display:flex;justify-content:center;align-items:center;transition-property:border;border:1px solid #dfdfdf;padding:0 40px;height:52px;color:#2c2c2c;font-size:16px;text-transform:uppercase}.view-pc #support.faq .faq article.detail .actions a:hover{border-color:#5d5d5d}
.view-pc #support.inquire .infomation section.guide{display:flex;align-items:center;padding:50px 40px;font-weight:300}.view-pc #support.inquire .infomation section.guide .description{color:#242424;font-size:20px;line-height:1.4}.view-pc #support.inquire .infomation section.guide .description p+p{margin-top:25px}.view-pc #support.inquire .infomation section.guide .description .point{color:#00c2ab}.view-pc #support.inquire .infomation section.guide .description em{display:inline-block;margin-bottom:10px;font-weight:normal}.view-pc #support.inquire .infomation section.guide .actions{display:flex;flex-direction:column;gap:10px;margin-left:auto;width:280px}.view-pc #support.inquire .infomation section.guide .actions a{display:flex;justify-content:center;align-items:center;transition-property:border,color;border:1px solid #a2a2a2;padding:0 40px;height:52px;color:#666;font-size:16px}.view-pc #support.inquire .infomation section.guide .actions a:hover{border-color:#000;color:#1a1a1a}.view-pc #support.inquire .infomation section.notice{border-top:1px solid #dedede;padding-top:45px}.view-pc #support.inquire .infomation section.notice .title{color:#242424;font-size:20px}.view-pc #support.inquire .infomation section.notice .list{margin:10px 0 0 35px}.view-pc #support.inquire .infomation section.notice .list table{width:100%;table-layout:fixed}.view-pc #support.inquire .infomation section.notice .list thead{display:none}.view-pc #support.inquire .infomation section.notice .list col.date{width:160px}.view-pc #support.inquire .infomation section.notice .list tbody{line-height:35px}.view-pc #support.inquire .infomation section.notice .list tbody.no-result td{color:#242424;font-weight:300;font-size:18px}.view-pc #support.inquire .infomation section.notice .list tbody.no-result td::before{content:"- "}.view-pc #support.inquire .infomation section.notice .list tbody .subject{color:#242424;font-size:18px}.view-pc #support.inquire .infomation section.notice .list tbody .subject a{display:block;overflow:hidden;font-weight:300;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-pc #support.inquire .infomation section.notice .list tbody .subject a::before{content:"- "}.view-pc #support.inquire .infomation section.notice .list tbody .date{color:#737781;font-size:14px;text-align:right}.view-pc #support.inquire .infomation section.operating{margin:15px 0 0 40px;border:1px solid #d9d9d9;background:#fbfbfb}.view-pc #support.inquire .infomation section.operating .hours{display:flex;align-items:center;padding:40px;color:#242424}.view-pc #support.inquire .infomation section.operating .hours .title{margin-right:auto;font-weight:bold;font-size:20px}.view-pc #support.inquire .infomation section.operating .hours .time{font-size:18px;line-height:2;text-align:right}.view-pc #support.inquire .infomation section.operating .notice{display:flex;flex-direction:column;gap:10px;border-top:1px solid #d9d9d9;padding:20px 40px;color:#242424;font-size:16px}.view-pc #support.inquire .infomation section.operating .notice>*::before{content:"※ "}.view-pc #support.inquire .infomation section.reqest{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:40px}.view-pc #support.inquire .infomation section.reqest .normal{display:flex;justify-content:center;align-items:center;transition-property:background;background:#000;width:280px;height:52px;color:#fff;font-size:16px;text-transform:uppercase}.view-pc #support.inquire .infomation section.reqest .normal:hover{background:#2d2d2d}.view-pc #support.inquire .infomation section.reqest .account{color:#545454;font-size:16px;text-decoration:underline;text-underline-offset:4px}.view-pc #support.inquire .infomation section.ticket{margin-top:1px}.view-pc #support.inquire .infomation section.ticket table{width:100%;table-layout:fixed}.view-pc #support.inquire .infomation section.ticket table col.label{width:370px}.view-pc #support.inquire .infomation section.ticket table tr{border-bottom:1px solid #dedede}.view-pc #support.inquire .infomation section.ticket table th,.view-pc #support.inquire .infomation section.ticket table td{padding:34px 0;text-align:left}.view-pc #support.inquire .infomation section.ticket table .label{vertical-align:top;padding-block:45px;color:#2d2d2d;font-size:18px}.view-pc #support.inquire .infomation section.ticket table .item select,.view-pc #support.inquire .infomation section.ticket table .item textarea,.view-pc #support.inquire .infomation section.ticket table .item [type=text]{display:block;border:1px solid #bfbfbf;padding:0 15px;width:100%;height:46px;color:#212121;font-size:14px}.view-pc #support.inquire .infomation section.ticket table .item select:disabled,.view-pc #support.inquire .infomation section.ticket table .item textarea:disabled,.view-pc #support.inquire .infomation section.ticket table .item [type=text]:disabled{background:#f8f8f8;color:#a7a7a7}.view-pc #support.inquire .infomation section.ticket table .item textarea{padding-block:15px;height:318px}.view-pc #support.inquire .infomation section.ticket table .item select{background:#fff url(../image/1a8a1.png) no-repeat calc(100% - 10px) center;appearance:none}.view-pc #support.inquire .infomation section.ticket table .item .file{display:flex;position:relative;gap:10px;width:100%;height:46px}.view-pc #support.inquire .infomation section.ticket table .item .file::before,.view-pc #support.inquire .infomation section.ticket table .item .file::after{content:""}.view-pc #support.inquire .infomation section.ticket table .item .file::before{display:flex;justify-content:center;align-items:center;border:1px solid #bfbfbf;width:180px;content:attr(data-file-label);color:#8f8f8f;font-size:14px;text-transform:uppercase}.view-pc #support.inquire .infomation section.ticket table .item .file::after{display:block;background:#f1f1f1;padding:0 15px;width:100%;overflow:hidden;content:attr(data-file);color:#212121;font-size:14px;line-height:46px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-pc #support.inquire .infomation section.ticket table .item .file input{display:block;position:absolute;opacity:0;width:100%;height:100%}.view-pc #support.inquire .infomation section.ticket table .item .notice{display:flex;flex-direction:column;gap:10px;margin-top:20px}.view-pc #support.inquire .infomation section.ticket table .item .notice>*{display:flex;color:#474747;font-size:14px}.view-pc #support.inquire .infomation section.ticket table .item .notice>*::before{background:url(../image/f840f.png);width:5px;height:5px;flex-shrink:0;margin:5px 6px 0 0;content:""}.view-pc #support.inquire .infomation section.ticket .captcha{margin:35px auto 0;width:480px}.view-pc #support.inquire .infomation section.ticket .captcha [type=text]{border:1px solid #bfbfbf;padding:0 15px;height:46px;color:#212121;font-size:14px}.view-pc #support.inquire .infomation section.ticket .captcha [type=text]::placeholder{color:#a7a7a7}.view-pc #support.inquire .infomation section.ticket .actions{display:flex;justify-content:center;margin-top:40px}.view-pc #support.inquire .infomation section.ticket .actions>*{display:flex;justify-content:center;align-items:center;transition-property:background;border:1px solid #bfbfbf;background:#000;width:280px;height:52px;color:#fff;font-size:16px;text-transform:uppercase}.view-pc #support.inquire .infomation section.ticket .actions>*:hover{background:#2d2d2d}.view-pc #support.inquire .alert{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #support.inquire .alert .popup-container{display:flex;position:relative;justify-content:center;padding:30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #support.inquire .alert *{pointer-events:none}.view-pc #support.inquire .alert.show{visibility:visible;opacity:1}.view-pc #support.inquire .alert.show *{pointer-events:auto}.view-pc #support.inquire .alert .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;padding:70px 150px;width:890px;height:fit-content}.view-pc #support.inquire .alert .title{margin:0 auto;color:#000;font-size:20px;text-align:center}.view-pc #support.inquire .alert .title em{display:inline-block;color:#ff2285}.view-pc #support.inquire .alert .description{margin-top:25px;color:#000;font-weight:300;font-size:18px;line-height:1.6;letter-spacing:-0.3px;text-align:center}.view-pc #support.inquire .alert .actions{display:flex;gap:15px;margin-top:30px;height:52px}.view-pc #support.inquire .alert .actions button{display:flex;flex-grow:1;justify-content:center;align-items:center;transition-property:background;background:#eaeaea;color:#000;font-size:16px;text-align:center;text-transform:uppercase}.view-pc #support.inquire .alert .actions button:hover{background:#f5f5f5}.view-pc #support.inquire .alert .actions button.submit{background:#000;color:#fff}.view-pc #support.inquire .alert .actions button.submit:hover{background:#2d2d2d}
.view-pc #support.second-password .infomation section.guide{padding:50px 40px}.view-pc #support.second-password .infomation section.guide .description{color:#242424;font-weight:300;font-size:18px;line-height:1.7;text-align:center}.view-pc #support.second-password .infomation section.guide .actions{margin-top:30px}.view-pc #support.second-password .infomation section.guide .actions button{display:flex;justify-content:center;align-items:center;transition-property:background;margin:0 auto;background:#000;width:365px;height:52px;color:#fff;font-size:16px;text-transform:uppercase}.view-pc #support.second-password .infomation section.guide .actions button:hover{background:#2d2d2d}.view-pc #support.second-password .infomation section.guide .notice{margin-top:15px;color:#4b4b4b;font-size:16px;line-height:1.3;text-align:center}.view-pc #support.second-password .infomation section.guide .notice::before{content:"! "}.view-pc #support.second-password .infomation section.steps{border-top:1px solid #dedede;padding-top:45px}.view-pc #support.second-password .infomation section.steps>.title{color:#242424;font-size:20px}.view-pc #support.second-password .infomation section.steps .steps{display:flex;justify-content:space-between;margin-top:20px}.view-pc #support.second-password .infomation section.steps .steps .step{display:flex;flex-direction:column;border:1px solid #ccc;width:377px}.view-pc #support.second-password .infomation section.steps .steps .step .title{display:block;position:relative;margin:20px auto 0;height:40px;color:#242424;font-size:18px;line-height:40px;text-align:center;text-transform:uppercase}.view-pc #support.second-password .infomation section.steps .steps .step .title::after{display:block;position:absolute;margin:auto;inset:auto 0 0;background:#ccc;width:33px;height:1px;content:""}.view-pc #support.second-password .infomation section.steps .steps .step .image{margin:20px auto 0}.view-pc #support.second-password .infomation section.steps .steps .step .description{display:flex;flex-grow:1;align-items:center;margin-top:30px;border-top:1px solid #ccc;padding:30px 40px;color:#242424;font-size:18px;line-height:1.5;text-align:center}.view-pc #support.second-password .infomation section.steps .steps .step .description em{display:inline;font-weight:bold}.view-pc #support.second-password .infomation section.steps .steps .step-1 .image{background:url(../image/c50f7.png);width:337px;height:171px}.view-pc #support.second-password .infomation section.steps .steps .step-2 .image{background:url(../image/6783c.png);width:305px;height:171px}.view-pc #support.second-password .infomation section.steps .steps .step-3 .image{background:url(../image/df871.png);width:305px;height:171px}.view-pc #support.second-password .infomation section.cautions{margin-top:20px}.view-pc #support.second-password .infomation section.cautions .title{color:#242424;font-size:14px}.view-pc #support.second-password .infomation section.cautions ul{display:flex;flex-direction:column;gap:5px;margin-top:10px}.view-pc #support.second-password .infomation section.cautions li{display:flex;color:#474747;font-size:14px;line-height:1.5}.view-pc #support.second-password .infomation section.cautions li::before{background:url(../image/f840f.png);width:5px;height:5px;flex-shrink:0;margin:7px 6px 0 0;content:""}
.view-pc #support.policy .policy .policies{padding:60px 40px 0}.view-pc #support.policy .policy .policies ul{display:flex;gap:1px;border:1px solid #636363;background:#636363}.view-pc #support.policy .policy .policies ul li{display:block;flex-grow:1}.view-pc #support.policy .policy .policies ul button{display:block;transition-property:background,color;background:#fff;width:100%;height:50px;color:#727272;text-transform:uppercase}.view-pc #support.policy .policy .policies ul button.active,.view-pc #support.policy .policy .policies ul button:hover{background:#f1f1f1;color:#151515}.view-pc #support.policy .policy .policies ul button.active{font-weight:bold}.view-pc #support.policy .policy .content{border-bottom:1px solid #dedede;padding:60px 40px;color:#242424;font-size:16px;line-height:2}
.view-pc #layout[data-layout~=popup] #top-up{background:rgba(0,0,0,0);min-height:none}.view-pc #layout[data-layout~=popup] #top-up>.page-wrap{padding:0;width:100%}.view-pc #layout[data-layout~=popup] #top-up .charge-alert{position:relative;visibility:visible;opacity:1;background:unset}.view-pc #layout[data-layout~=popup] #top-up .charge-alert *{pointer-events:auto}.view-pc #layout[data-layout~=popup] #top-up .charge-alert .popup-container{display:block}.view-pc #layout[data-layout~=popup] #top-up .charge-alert .page-wrap{border:0;width:100%}.view-pc #top-up{background:url(../image/3f644.jpg) no-repeat center 0;min-height:460px}.view-pc #top-up>.page-wrap{position:relative;margin:0 auto;padding:200px 0;width:var(--baacc)}.view-pc #top-up>.page-wrap>.title{position:absolute;top:200px;left:0;color:#f3f3f3;font-weight:500;font-size:60px;line-height:1;text-transform:uppercase}.view-pc #top-up .cash-box{margin-top:123px}.view-pc #top-up .cash-box .info{display:flex;align-items:center;gap:17px;background:rgba(0,0,0,.9);padding:0 45px 0 35px;height:136px}.view-pc #top-up .cash-box .info .method{display:flex;flex-direction:column;gap:5px;margin-right:auto;color:#ffc23e;font-weight:normal;font-size:30px;line-height:1}.view-pc #top-up .cash-box .info .method .aka{opacity:.5;font-size:20px}.view-pc #top-up .cash-box .info .current{display:flex;flex-direction:column;gap:5px;text-align:right}.view-pc #top-up .cash-box .info .current .title{color:#adadad;font-size:14px}.view-pc #top-up .cash-box .info .current .amount{display:flex;justify-content:flex-end;align-items:flex-end;gap:5px;color:#fff;font-weight:300;font-size:50px;line-height:1}.view-pc #top-up .cash-box .info .current .amount::before{background:url(../image/1eae9.png);width:33px;height:33px;display:block;margin-bottom:3px;content:""}.view-pc #top-up .cash-box .info .input{display:block;transition-property:border;border:1px solid #ffc23e;background:#080a0c;width:173px;height:64px;color:#ffc23d;font-size:16px;text-transform:uppercase}.view-pc #top-up .cash-box .info .input:hover{border-color:#7e5e1a}.view-pc #top-up .cash-box .help{display:flex;align-items:center;background:rgba(12,12,12,.9);padding:0 35px;height:61px;font-weight:300}.view-pc #top-up .cash-box .help .label{opacity:.65;color:#fff}.view-pc #top-up .cash-box .help .text{opacity:.5;margin-left:auto;color:#fff}.view-pc #top-up .activities .header{display:flex;align-items:center;margin-top:49px;height:63px}.view-pc #top-up .activities .header .title{color:#000;font-weight:normal;font-size:24px;line-height:1;text-transform:uppercase}.view-pc #top-up .activities .list{border-top:1px solid #dedede;padding-top:1px}.view-pc #top-up .activities .list table{border-top:1px solid #dedede;width:100%;table-layout:auto}.view-pc #top-up .activities .list table+.common-paging{margin-top:65px}.view-pc #top-up .activities .list col.date{width:160px}.view-pc #top-up .activities .list col.game{width:250px}.view-pc #top-up .activities .list col.input,.view-pc #top-up .activities .list col.costs{width:140px}.view-pc #top-up .activities .list th,.view-pc #top-up .activities .list td{padding:13px 15px;text-align:center;white-space:nowrap}.view-pc #top-up .activities .list thead{background:#f4f4f4;color:#202020;font-size:16px}.view-pc #top-up .activities .list thead th,.view-pc #top-up .activities .list thead td{padding:15px;font-weight:normal}.view-pc #top-up .activities .list tbody{color:#242424;font-size:18px}.view-pc #top-up .activities .list tbody tr{border-bottom:1px solid #dedede}.view-pc #top-up .activities .list tbody .date{color:#737781;font-size:14px}.view-pc #top-up .activities .list tbody .details{font-weight:300;font-size:20px;text-align:left;white-space:wrap}.view-pc #top-up .activities .list tbody .game{font-weight:300;white-space:wrap}.view-pc #top-up .activities .list tbody .input{color:#00c2ab}.view-pc #top-up .activities .list tbody .costs{color:#ff666a}.view-pc #top-up .charge-option{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #top-up .charge-option .popup-container{display:flex;position:relative;justify-content:center;padding:30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #top-up .charge-option *{pointer-events:none}.view-pc #top-up .charge-option.show{visibility:visible;opacity:1}.view-pc #top-up .charge-option.show *{pointer-events:auto}.view-pc #top-up .charge-option .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:356px;height:fit-content}.view-pc #top-up .charge-option .title{margin:40px 32px 0;border-bottom:1px solid #cdcdcd;padding-bottom:40px;color:#000;font-size:18px;text-align:center}.view-pc #top-up .charge-option .methods{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;margin:40px 32px}.view-pc #top-up .charge-option .methods .method.cherry-credits:hover .label::before,.view-pc #top-up .charge-option .methods .method.cherry-credits input:checked~.label::before{border-color:#eb4189}.view-pc #top-up .charge-option .methods .method.paypal:hover .label::before,.view-pc #top-up .charge-option .methods .method.paypal input:checked~.label::before{border-color:#00186a}.view-pc #top-up .charge-option .methods .method{position:relative;cursor:pointer;width:130px}.view-pc #top-up .charge-option .methods .method input{position:absolute;top:0;left:0;opacity:0}.view-pc #top-up .charge-option .methods .method .label{display:flex;flex-direction:column;place-items:center;gap:13px;color:#000;font-size:16px;text-align:center}.view-pc #top-up .charge-option .methods .method .label::before{display:block;transition-property:border;border:1px solid #cdcdcd;background:no-repeat center;width:75px;height:75px;content:""}.view-pc #top-up .charge-option .methods .method.cherry-credits .label::before{background-image:url(../image/446fc.png)}.view-pc #top-up .charge-option .methods .method.paypal .label::before{background-image:url(../image/d652c.png)}.view-pc #top-up .charge-option .actions{display:flex;flex-direction:column;gap:40px}.view-pc #top-up .charge-option .actions button{display:flex;justify-content:center;align-items:center;text-align:center}.view-pc #top-up .charge-option .actions button.checked{transition-property:background;margin:0 32px;border-radius:3px;background:#ffc23e;height:52px;color:#222;font-weight:600;font-size:16px;text-transform:uppercase}.view-pc #top-up .charge-option .actions button.checked:hover{background:#ffb617}.view-pc #top-up .charge-option .actions button.close{background:#f5f5f5;width:100%;height:40px;color:#3c3c3c;font-weight:600;font-size:14px}.view-pc #top-up .item-select{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #top-up .item-select .popup-container{display:flex;position:relative;justify-content:center;padding:30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #top-up .item-select *{pointer-events:none}.view-pc #top-up .item-select.show{visibility:visible;opacity:1}.view-pc #top-up .item-select.show *{pointer-events:auto}.view-pc #top-up .item-select .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:810px;height:fit-content}.view-pc #top-up .item-select .header{display:flex;align-items:center;margin:40px 55px 0;height:40px}.view-pc #top-up .item-select .title{color:#000;font-size:20px}.view-pc #top-up .item-select .account{margin-left:auto;color:#787878;font-size:16px}.view-pc #top-up .item-select .items{display:flex;flex-wrap:wrap;margin:0 55px;padding:1px 1px 0 0}.view-pc #top-up .item-select .item{margin:-1px -1px 0 0;border:1px solid #e5e5e5}.view-pc #top-up .item-select .notice{display:flex;flex-flow:column wrap;gap:8px;margin:15px 55px 0}.view-pc #top-up .item-select .notice>*{display:flex;gap:4px;color:#787878;font-size:16px}.view-pc #top-up .item-select .notice>*::before{content:"!"}.view-pc #top-up .item-select .actions{margin-top:50px}.view-pc #top-up .item-select .actions #paypal-button-container{margin:-10px auto 40px}.view-pc #top-up .item-select .actions button{display:flex;justify-content:center;align-items:center;text-align:center}.view-pc #top-up .item-select .actions button.close{background:#f5f5f5;width:100%;height:40px;color:#3c3c3c;font-weight:600;font-size:14px}.view-pc #top-up .item-select.cherry-credits .item{display:flex;flex-grow:1;flex-basis:170px;flex-direction:column;align-items:center;background:#fff}.view-pc #top-up .item-select.cherry-credits .item .amount{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:74px;color:#0042ff;font-size:22px}.view-pc #top-up .item-select.cherry-credits .item .amount .unit{color:#5d87ff;font-size:18px}.view-pc #top-up .item-select.cherry-credits .item .price{display:flex;justify-content:center;align-items:center;border-top:1px solid #e5e5e5;width:100%;height:50px;color:#000;font-size:18px;text-align:center}.view-pc #top-up .item-select.cherry-credits .item .charge{display:flex;justify-content:center;align-items:center;transition-property:background;margin:5px auto 17px;border:1px solid #616161;background:#fff;width:133px;height:52px;font-size:16px;text-transform:uppercase}.view-pc #top-up .item-select.cherry-credits .item .charge:hover{background:#d9d9d9}.view-pc #top-up .item-select.paypal .item{position:relative;flex-grow:1;flex-basis:170px;background:#fff}.view-pc #top-up .item-select.paypal .item input{position:absolute;top:0;left:0;opacity:0}.view-pc #top-up .item-select.paypal .item input:hover+.label,.view-pc #top-up .item-select.paypal .item input:checked+.label{z-index:1}.view-pc #top-up .item-select.paypal .item input:hover+.label::before,.view-pc #top-up .item-select.paypal .item input:checked+.label::before{border-color:#0042ff}.view-pc #top-up .item-select.paypal .item .label{display:block;position:relative;cursor:pointer;margin:-1px}.view-pc #top-up .item-select.paypal .item .label::before{display:block;position:absolute;transition-property:border;inset:0;border:1px solid rgba(0,0,0,0);content:""}.view-pc #top-up .item-select.paypal .item .amount{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:74px;color:#0042ff;font-size:22px}.view-pc #top-up .item-select.paypal .item .amount .unit{color:#5d87ff;font-size:18px}.view-pc #top-up .item-select.paypal .item .price{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:50px;color:#8b8b8b;font-size:18px;text-align:center}.view-pc #top-up .item-select.paypal .item .price::before{display:block;position:absolute;margin:0 auto;inset:0 0 auto;border-top:1px solid #e5e5e5;width:16px;content:""}.view-pc #top-up .item-select.paypal .item .charge{display:flex;justify-content:center;align-items:center;transition-property:background;margin:5px auto 17px;border:1px solid #616161;background:#fff;width:133px;height:52px;font-size:16px;text-transform:uppercase}.view-pc #top-up .item-select.paypal .item .charge:hover{background:#d9d9d9}.view-pc #top-up .item-select.paypal .actions #paypal-button-container{text-align:center}.view-pc #top-up .charge-alert{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #top-up .charge-alert .popup-container{display:flex;position:relative;justify-content:center;padding:30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #top-up .charge-alert *{pointer-events:none}.view-pc #top-up .charge-alert.show{visibility:visible;opacity:1}.view-pc #top-up .charge-alert.show *{pointer-events:auto}.view-pc #top-up .charge-alert .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:516px;height:fit-content}.view-pc #top-up .charge-alert.success .title{color:#00bca5}.view-pc #top-up .charge-alert.success .title::before{background:url(../image/1c6da.png);width:51px;height:51px}.view-pc #top-up .charge-alert.fail .title{color:#fe3d6a}.view-pc #top-up .charge-alert.fail .title::before{background:url(../image/c7280.png);width:50px;height:41px}.view-pc #top-up .charge-alert .title{display:flex;flex-direction:column;align-items:center;gap:10px;margin:45px 0 0;color:#000;font-size:26px}.view-pc #top-up .charge-alert .title::before{display:block;content:""}.view-pc #top-up .charge-alert .message{margin:25px 0 0;color:#242424;font-weight:bold;font-size:18px;line-height:1.4;text-align:center}.view-pc #top-up .charge-alert .description{display:block;margin:25px 55px 0;border-top:1px solid #cdcdcd;padding-top:25px;color:#000;font-size:16px;line-height:1.5;text-align:center}.view-pc #top-up .charge-alert .description a{color:red;text-decoration:underline;text-underline-offset:4px}.view-pc #top-up .charge-alert .back{display:flex;justify-content:center;align-items:center;transition-property:background;margin:25px auto 0;background:#222;width:296px;height:52px;color:#fff;font-size:16px}.view-pc #top-up .charge-alert .back:hover{background:#505050}.view-pc #top-up .charge-alert .actions{display:flex;flex-direction:column;margin-top:25px}.view-pc #top-up .charge-alert .actions button{display:flex;justify-content:center;align-items:center;text-align:center}.view-pc #top-up .charge-alert .actions button.close{background:#f5f5f5;width:100%;height:40px;color:#3c3c3c;font-weight:600;font-size:14px}
.view-pc #download{background:url(../image/f8f53.jpg) no-repeat center 0;min-height:460px}.view-pc #download>.page-wrap{position:relative;margin:0 auto;padding:200px 0;width:1230px}.view-pc #download>.page-wrap>.title{position:absolute;top:200px;left:0;color:#f3f3f3;font-weight:500;font-size:60px;line-height:1;text-transform:uppercase}.view-pc #download>.page-wrap>.title+*{margin-top:280px}.view-pc #download.game-client .download .header{display:flex;position:relative;align-items:center;gap:20px;border-bottom:1px solid #dedede;padding-bottom:2px;height:65px}.view-pc #download.game-client .download .header::after{position:absolute;bottom:1px;left:0;background:#dedede;width:100%;height:1px;content:""}.view-pc #download.game-client .download .header .title{margin-right:auto;color:#000;font-weight:normal;font-size:24px;line-height:1;text-transform:uppercase}.view-pc #download.game-client .download .only-pc{display:none}.view-pc #download.game-client .download .downloads{display:flex;flex-wrap:wrap;gap:30px}.view-pc #download.game-client .download .one-click{background:url(../image/f94b2.jpg) no-repeat;width:1230px;height:331px;margin-top:20px}.view-pc #download.game-client .download .one-click .method{display:flex;justify-content:center;align-items:flex-end;padding-bottom:10px;height:77px;color:#40fee7;font-weight:normal;font-size:20px;text-transform:uppercase}.view-pc #download.game-client .download .one-click .download{display:flex;flex-direction:column;align-items:center;margin:0 auto;border:1px solid #4b4b4b;background:#fff;width:350px;height:254px;font-weight:normal}.view-pc #download.game-client .download .one-click .download:hover::before{background-image:url(../image/3c6ff.png)}.view-pc #download.game-client .download .one-click .download::before{background:url(../image/fcf36.png);width:74px;height:74px;display:block;transition-property:background;margin-top:40px;content:""}.view-pc #download.game-client .download .one-click .download span{display:block;margin-top:18px;color:#363636;font-weight:300 !important;font-size:16px;text-transform:capitalize}.view-pc #download.game-client .download .one-click .download em{display:block;margin-top:5px;color:#232323;font-weight:bold;font-size:30px;text-align:center;text-transform:uppercase}.view-pc #download.game-client .download .many-click{display:flex;flex-grow:1;flex-direction:column;align-items:center;border:1px solid #d9d9d9;height:248px}.view-pc #download.game-client .download .many-click .method{margin-top:58px;color:#242424;font-size:20px;text-transform:uppercase}.view-pc #download.game-client .download .many-click .download{display:flex;justify-content:center;align-items:center;transition-property:background,color;margin-top:16px;border:1px solid #000;background:#fff;width:320px;height:62px;font-weight:bold;font-size:16px;text-transform:uppercase}.view-pc #download.game-client .download .many-click .download:hover{background:#2c2c2c;color:#fff}.view-pc #download.game-client .download .many-click .help-anchor{position:relative;margin:auto 0 13px}.view-pc #download.game-client .download .many-click .help{display:flex;align-items:center;gap:4px;cursor:help;background:rgba(0,0,0,0);color:#545454;font-size:16px;text-decoration:underline;text-decoration-color:#a9a9a9;text-underline-offset:4px;text-transform:uppercase}.view-pc #download.game-client .download .many-click .help::after{background:url(../image/e85a2.png);width:16px;height:16px;display:block;content:""}.view-pc #download.game-client .download .many-click .help+.help-layer{visibility:hidden;opacity:0;transition-property:visibility,opacity}.view-pc #download.game-client .download .many-click .help:hover+.help-layer{visibility:visible;opacity:1}.view-pc #download.game-client .download .many-click .help-layer{display:flex;position:absolute;top:50%;left:-10px;flex-direction:column;align-items:center;gap:15px;translate:-100% -50%;z-index:1;box-shadow:0 0 24px 4px rgba(0,0,0,.2);border:1px solid #aeaeae;background:#fff;padding:30px 35px;width:360px;color:#1e1e1e;font-weight:300;font-size:16px;line-height:1.5;text-align:center}.view-pc #download.game-client .download .many-click .help-layer::before{background:url(../image/0fa99.png);width:296px;height:270px;display:block;content:""}.view-pc #download.game-client .download .requirement{margin-top:60px}.view-pc #download.game-client .download .requirement .title{color:#242424;font-size:20px;text-transform:capitalize}.view-pc #download.game-client .download .requirement .specs{margin-top:20px;overflow:hidden}.view-pc #download.game-client .download .requirement table{width:100%;table-layout:fixed;text-align:center}.view-pc #download.game-client .download .requirement col.label{width:265px}.view-pc #download.game-client .download .requirement thead{background:#a0a0a0;color:#fff;font-size:18px}.view-pc #download.game-client .download .requirement thead .minimum{background:#5f5f5f}.view-pc #download.game-client .download .requirement thead .basic{background:#3e3e3e}.view-pc #download.game-client .download .requirement thead .recommended{background:#222}.view-pc #download.game-client .download .requirement thead .optimal{background:#000}.view-pc #download.game-client .download .requirement tbody{color:#1e1e1e;font-size:16px}.view-pc #download.game-client .download .requirement tr :first-child{border-left:0}.view-pc #download.game-client .download .requirement tr :last-child{border-right:0}.view-pc #download.game-client .download .requirement th,.view-pc #download.game-client .download .requirement td{border:1px solid #d9d9d9;padding:15px 35px;height:70px;font-weight:normal}.view-pc #download.game-client .download .latest-driver{margin-top:60px}.view-pc #download.game-client .download .latest-driver .title{color:#242424;font-size:20px;text-transform:capitalize}.view-pc #download.game-client .download .latest-driver .drivers{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px}.view-pc #download.game-client .download .latest-driver .driver{display:flex;flex-grow:1;flex-direction:column;align-items:center;border:1px solid #d9d9d9;height:290px}.view-pc #download.game-client .download .latest-driver .driver::before{display:block;flex-grow:1;margin-top:30px;background:no-repeat center;width:100%;content:""}.view-pc #download.game-client .download .latest-driver .driver.geforce::before{background-image:url(../image/6bb68.png)}.view-pc #download.game-client .download .latest-driver .driver.radeon::before{background-image:url(../image/ccb56.png)}.view-pc #download.game-client .download .latest-driver .driver.direct-x::before{background-image:url(../image/ac32d.png)}.view-pc #download.game-client .download .latest-driver .driver .download{display:flex;justify-content:center;align-items:center;transition-property:background,color;margin:auto 0 49px;border:1px solid #000;width:320px;height:62px;text-transform:uppercase}.view-pc #download.game-client .download .latest-driver .driver .download:hover{background:#2c2c2c;color:#fff}.view-pc #download.game-client .download .cautions{margin-top:20px}.view-pc #download.game-client .download .cautions .title{color:#242424;font-size:14px}.view-pc #download.game-client .download .cautions ul{display:flex;flex-direction:column;gap:5px;margin-top:10px}.view-pc #download.game-client .download .cautions li{display:flex;color:#474747;font-size:14px;line-height:1.5}.view-pc #download.game-client .download .cautions li::before{background:url(../image/f840f.png);width:5px;height:5px;flex-shrink:0;margin:7px 6px 0 0;content:""}.view-pc #download .download-list{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-pc #download .download-list .popup-container{display:flex;position:relative;justify-content:center;padding:30px;width:100%;max-height:100%;overflow-y:auto}.view-pc #download .download-list *{pointer-events:none}.view-pc #download .download-list.show{visibility:visible;opacity:1}.view-pc #download .download-list.show *{pointer-events:auto}.view-pc #download .download-list .page-wrap{z-index:2;margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;padding:45px 40px;width:570px;height:fit-content}.view-pc #download .download-list .close{position:fixed;z-index:1;inset:0;background:rgba(0,0,0,0)}.view-pc #download .download-list .title{margin:0 auto;color:#000;font-size:20px;text-align:center}.view-pc #download .download-list .title em{display:inline-block;color:#ff2285}.view-pc #download .download-list .type+.type{margin-top:20px}.view-pc #download .download-list .full{background:#000 url(../image/08c72.png) no-repeat calc(100% - 22px) 21px;transition-property:background;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;height:92px;color:#40fee7;font-size:20px}.view-pc #download .download-list .full:hover{background-image:url(../image/dd830.png)}.view-pc #download .download-list .full .sub{color:#e4e4e4;font-weight:300;font-size:16px;text-transform:uppercase}.view-pc #download .download-list .list{display:flex;flex-direction:column;margin-top:20px;border:1px solid #d9d9d9;height:390px}.view-pc #download .download-list .list li{display:flex;flex-shrink:0;margin:0 20px;border-top:1px solid #d9d9d9;height:71px}.view-pc #download .download-list .list li:first-child{border:0}.view-pc #download .download-list .list li a{background:url(../image/a9a43.png) no-repeat right center;display:flex;flex-grow:1;align-items:center;width:100%;height:100%}
.view-pc #page-system{background:url(../image/cc99d.jpg) no-repeat center;display:flex;justify-content:center;align-items:center;padding:var(--6d712) 0 var(--ea59f);min-height:100vh}.view-pc #page-system.type-2 .form{border-top:1px solid #1e1e1e;padding-top:30px}.view-pc #page-system .page-wrap{background:#090909;padding:70px 90px;width:662px}.view-pc #page-system .title{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 -70px;color:#e6e6e6;font-weight:500;font-size:50px;line-height:1.1;text-align:center;text-transform:uppercase}.view-pc #page-system .title::before{background:url(../image/66f62.png);width:56px;height:58px;display:block;content:""}.view-pc #page-system .form{display:flex;flex-direction:column;gap:15px;margin:30px -90px 0;padding:0 90px}.view-pc #page-system .form .button{display:flex;justify-content:center;align-items:center;transition-property:background;background:#e8e8e8;width:100%;height:46px;color:#222;font-weight:bold;font-size:14px}.view-pc #page-system .form .button:hover{background:#05dba1}.view-pc #page-system .form .actions{display:flex;margin:15px -90px 0;border-top:1px solid #1e1e1e;padding:30px 90px 0}.view-pc #page-system .form .actions input[type=submit]:hover{background:#38ffc9}.view-pc #page-system .message{color:#c4c3c3;font-size:16px;text-align:center}.view-pc #page-system .message .maintenance{margin-top:25px;color:#fff;font-size:18px}
.view-mobile{--d21bb:1;--baacc:1080px;--6fbb3:1080px;--6a456:1080px;--6d712:161px;--ea59f:160px;background:#fff;min-width:340px}.view-mobile #layout{position:relative;margin:0 auto}.view-mobile #layout.zoom{--d21bb:0.45;zoom:var(--d21bb)}@media(width <= 640px){.view-mobile #layout.zoom{--d21bb:0.35}}.view-mobile #layout:not(.main-page) #sns{display:none}.view-mobile #layout[data-mobile-layout~=full]:not([data-mobile-header]) #header,.view-mobile #layout[data-mobile-layout~=full]:not([data-mobile-footer]) #footer,.view-mobile #layout[data-mobile-layout~=popup]:not([data-mobile-header]) #header,.view-mobile #layout[data-mobile-layout~=popup]:not([data-mobile-footer]) #footer{display:none}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=transparent i] #header,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=transparent i] #header{background:rgba(0,0,0,0);pointer-events:none}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=transparent i] #header .toggle,.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=transparent i] #header .header-wrap *,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=transparent i] #header .toggle,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=transparent i] #header .header-wrap *{pointer-events:auto}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=static i] #header,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=static i] #header{position:absolute}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=static i] #header::before,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=static i] #header::before{position:absolute}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=static i] #header .toggle,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=static i] #header .toggle{position:absolute}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=static i] #header .logo,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=static i] #header .logo{position:absolute}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=logo i] #header .toggle,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=logo i] #header .toggle{display:none}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=logo i] #header .header-wrap>:not(.logo),.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=logo i] #header .header-wrap>:not(.logo){display:none}.view-mobile #layout[data-mobile-layout~=full][data-mobile-header~=logo i] #header .header-wrap .logo,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-header~=logo i] #header .header-wrap .logo{pointer-events:auto}.view-mobile #layout[data-mobile-layout~=full]:not([data-web-footer~=sns i]) #sns,.view-mobile #layout[data-mobile-layout~=popup]:not([data-web-footer~=sns i]) #sns{display:none}.view-mobile #layout[data-mobile-layout~=full][data-mobile-footer~=transparent i] #footer,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-footer~=transparent i] #footer{background:rgba(0,0,0,0)}.view-mobile #layout[data-mobile-layout~=full][data-mobile-footer~=over i] #footer,.view-mobile #layout[data-mobile-layout~=full][data-mobile-footer~=sticky i] #footer,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-footer~=over i] #footer,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-footer~=sticky i] #footer{margin-top:calc(var(--ea59f)*-1)}.view-mobile #layout[data-mobile-layout~=full][data-mobile-footer~=sticky i] #footer,.view-mobile #layout[data-mobile-layout~=popup][data-mobile-footer~=sticky i] #footer{position:sticky;bottom:0}.view-mobile #header{display:flex;position:fixed;z-index:100;margin:0 auto;inset:0;height:161px}.view-mobile #header::before{position:fixed;transition-property:background;inset:0;background:rgba(0,0,0,.4);height:161px;content:""}.scrolled.view-mobile #header::before{background:#000}.view-mobile #header .toggle{background:rgba(0,0,0,0) url(../image/b3539.png) no-repeat center;color:rgba(0,0,0,0) !important;font-size:0 !important;line-height:0 !important;letter-spacing:0 !important;position:fixed;top:0;left:0;z-index:3;width:161px;height:161px}.view-mobile #header .toggle-active.toggle-bg{display:none}.view-mobile #header .toggle-active.menu-wrap{display:none}.view-mobile #header .toggle-active.sns{display:none}.view-mobile #header .toggle-bg{position:fixed;inset:0;background:#000}.view-mobile #header .toggle~.header-wrap .user.login a::after,.view-mobile #header .toggle~.header-wrap .user.my-account a::after{background:url(../image/a4296.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;display:block;position:fixed;top:0;right:100px;visibility:visible;z-index:3;width:161px;height:161px;content:""}.view-mobile #header .toggle.active::before{position:absolute;top:161px;left:0;border-top:1px solid #898989;width:100vw;content:""}.view-mobile #header .toggle.active~.header-wrap{margin-top:161px;padding:0 0 100px;height:calc(100vh - 161px);overflow-y:auto}.is-pc.view-mobile #header .toggle.active~.header-wrap{height:calc(100vh*100/var(--d21bb)/100 - 161px)}.view-mobile #header .toggle.active~* .toggle-active{visibility:visible;opacity:1}.view-mobile #header .toggle.active~* .toggle-active.toggle-bg{display:block}.view-mobile #header .toggle.active~* .toggle-active.menu-wrap{display:block}.view-mobile #header .toggle.active~* .toggle-active.sns{display:block}.view-mobile #header .toggle.active~* .toggle-active.locale{display:block}.view-mobile #header .toggle.active~* .user{position:relative;order:3;margin:30px 60px 0}.view-mobile #header .toggle.active~* .user a{display:flex;justify-content:center;align-items:center;background:#fff;width:100%;height:180px;color:#000;font-size:40px;text-transform:uppercase}.view-mobile #header .toggle.active~* .user.account a{background:#06dec4}.view-mobile #header .toggle:not(.active)~* .user{overflow:hidden !important;text-indent:-10000em !important}.view-mobile #header .toggle:not(.active)~* .log{position:fixed;top:0;right:0;order:unset;z-index:3}.view-mobile #header .header-wrap{display:flex;flex-direction:column;width:100%;height:161px;overflow:hidden}.view-mobile #header .logo{position:fixed;z-index:2;inset:0;height:161px}.view-mobile #header .logo a{background:url(../image/9fc43.png) no-repeat center;width:277px;height:161px;overflow:hidden !important;text-indent:-10000em !important;display:block;margin:0 auto}.view-mobile #header .menu-wrap{order:1}.view-mobile #header .locale{position:fixed;top:0;right:0;z-index:3}.view-mobile #header .locale>button{background:rgba(0,0,0,0) url(../image/ae320.png) no-repeat center;padding:40px 50px 0 0;width:161px;height:161px;color:#b8b8b8;font-size:22px;text-align:right;text-transform:uppercase}.view-mobile #header .locale>button.active+.active-layer ul{translate:0}.view-mobile #header .locale .active-layer{position:absolute;top:calc(100% - 34px);right:60px;min-width:100%;overflow:hidden;pointer-events:none}.view-mobile #header .locale .active-layer ul{translate:0 -100%;transition-property:translate;background:#121212;pointer-events:auto}.view-mobile #header .locale .active-layer ul li{display:flex}.view-mobile #header .locale .active-layer ul li button{display:flex;position:relative;flex-grow:1;align-items:center;transition-property:color;background:rgba(0,0,0,0);padding:0 100px 0 50px;height:100px;color:#929292;font-size:36px;white-space:nowrap}.view-mobile #header .locale .active-layer ul li button.active::after{background:url(../image/457ea.png);width:22px;height:18px;position:absolute;margin:auto 0;inset:0 30px 0 auto;content:""}.view-mobile #header .locale .active-layer ul li button:hover,.view-mobile #header .locale .active-layer ul li button.active{color:#fff}.view-mobile #header .menu{margin-right:auto}.view-mobile #header .menu>ul{display:flex;flex-direction:column;padding:60px 0}.view-mobile #header .menu>ul>li{position:relative}.view-mobile #header .menu>ul>li>a{display:flex;position:relative;align-items:center;transition-property:color;padding:0 60px;height:170px;color:#fff;font-size:80px;text-transform:uppercase}.view-mobile #header .menu>ul>li>a.active+.active-layer .sub-menu{display:block}.view-mobile #header .menu>ul>li>a::after{display:block;position:absolute;opacity:0;inset:160px auto auto;background:#26fee4;width:89px;height:6px;content:""}.view-mobile #header .menu>ul>li>a.active{color:#26fee4}.view-mobile #header .menu>ul>li>a.active::after{opacity:1}.view-mobile #header .menu>ul>li .active-layer{min-width:100%;overflow:hidden;pointer-events:none}.view-mobile #header .menu>ul>li .sub-menu{display:none;pointer-events:auto}.view-mobile #header .menu>ul>li .sub-menu ul li a{display:flex;align-items:center;padding:0 125px;height:148px;color:#a8a8a8;font-size:50px;white-space:nowrap}.view-mobile #header .menu>ul>li .sub-menu ul li a.active,.view-mobile #header .menu>ul>li .sub-menu ul li a:hover{color:#fff}.view-mobile #header .sns{position:relative;order:2}.view-mobile #header .sns ul{display:flex;justify-content:space-around}.view-mobile #header .sns ul li a{display:block;background:no-repeat center;width:200px;height:200px}.view-mobile #header .sns ul li a.discord{background-image:url(../image/3e71a.png)}.view-mobile #header .sns ul li a.facebook{background-image:url(../image/d2e4d.png)}.view-mobile #header .sns ul li a.youtube{background-image:url(../image/ff7c0.png)}.view-mobile #content{overflow:hidden}.view-mobile #content .common-paging{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 60px}.view-mobile #content .common-paging .current{display:flex;justify-content:center;align-items:center;order:3;margin:0 auto;color:#959595;font-size:32px}.view-mobile #content .common-paging>*{display:block;background:rgba(0,0,0,0);width:122px;height:122px}.view-mobile #content .common-paging :not(.arrow,.current:not(button,a)){display:none}.view-mobile #content .common-paging .arrow{background-image:url(../image/ca115.png);overflow:hidden !important;text-indent:-10000em !important;order:1}.view-mobile #content .common-paging .arrow.prev,.view-mobile #content .common-paging .arrow.next{display:none}.view-mobile #content .common-paging .arrow.first,.view-mobile #content .common-paging .arrow.last{background-image:url(../image/47efa.png)}.view-mobile #content .common-paging .arrow.prev-page{order:2}.view-mobile #content .common-paging .arrow.next-page,.view-mobile #content .common-paging .arrow.last{order:4;rotate:y 180deg}.view-mobile #content .layer-loading{font-size:60px}.view-mobile #content .layer-media{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-mobile #content .layer-media .actions button{background:url(../image/85971.png);width:136px;height:136px;top:-166px;overflow:hidden !important;text-indent:-10000em !important;position:absolute;right:0;left:0;margin:0 auto}.view-mobile #content .layer-media .actions button::before{position:fixed;inset:0;content:""}.view-mobile #content .layer-media .popup-container{display:flex;position:relative;justify-content:center;padding:226px 60px 60px;width:100%;overflow-y:auto}.view-mobile #content .layer-media *{pointer-events:none}.view-mobile #content .layer-media.show{visibility:visible;opacity:1}.view-mobile #content .layer-media.show *{pointer-events:auto}.view-mobile #content .layer-media .page-wrap{position:relative;margin:auto}.view-mobile #content .layer-media .page-wrap .media{position:relative;z-index:2;margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:100%}.view-mobile #content .layer-media .page-wrap .media[data-type~=image i]{margin:0 auto;width:fit-content}.view-mobile #content .layer-media .page-wrap .media[data-type~=image i] img{display:block}.view-mobile #content .layer-media .page-wrap .media[data-type~=youtube i] iframe{display:block}.view-mobile #content .layer-media .page-wrap .media img{display:none}.view-mobile #content .layer-media .page-wrap .media iframe{display:none;border:0;aspect-ratio:1280/720;width:1000vw;max-width:100%}.view-mobile #content .layer-media .title{display:none}.view-mobile #sns{border-bottom:1px solid #101010;background:#000;height:260px}.view-mobile #sns ul{display:flex;justify-content:center;align-items:center;height:100%}.view-mobile #sns ul a{display:block;background:no-repeat center;width:220px;height:220px}.view-mobile #sns ul a.discord{background-image:url(../image/4e710.png)}.view-mobile #sns ul a.facebook{background-image:url(../image/0cf45.png)}.view-mobile #sns ul a.youtube{background-image:url(../image/d231c.png)}.view-mobile #footer{display:flex;position:relative;justify-content:center;align-items:center;gap:22px;z-index:1;background:#000;height:160px;pointer-events:none;color:rgba(121,126,134,.78);font-weight:normal;font-size:18px;text-align:center}.view-mobile #footer::before{background:url(../image/a011c.png);width:293px;height:28px;display:block;content:""}
.view-mobile .bdc-captcha{display:flex;flex-direction:column;gap:30px}.view-mobile .bdc-captcha .BDC_CaptchaDiv{display:flex;gap:30px}.view-mobile .bdc-captcha .BDC_CaptchaImageDiv{position:relative;width:100% !important;height:210px !important}.view-mobile .bdc-captcha .BDC_CaptchaImageDiv .BDC_CaptchaImageDiv{height:200px !important}.view-mobile .bdc-captcha .BDC_CaptchaImageDiv img{position:absolute;inset:0;width:100%;height:100%}.view-mobile .bdc-captcha .BDC_CaptchaIconsDiv{display:flex;flex-direction:column;margin-left:auto}.view-mobile .bdc-captcha .BDC_ReloadLink img,.view-mobile .bdc-captcha .BDC_SoundLink img{height:90px}.view-mobile .bdc-captcha .BDC_SoundLink{margin-top:auto}.view-mobile .bdc-captcha .BDC_Placeholder{overflow:hidden !important;text-indent:-10000em !important;width:0;height:0}.view-mobile .bdc-captcha .BDC_TextUppercase{display:block;text-transform:uppercase}
.view-mobile #page-main .main-banner .background{position:relative;z-index:0;height:1285px}.view-mobile #page-main .main-banner .background .image{background:no-repeat center/cover;height:1285px}.view-mobile #page-main .main-banner .background .video{position:absolute;top:0;bottom:0;left:50%;translate:-50%;margin:auto 0;aspect-ratio:1280/720;width:auto;height:100%}@media(width >= 1000px){:not(.is-mobile).view-mobile #page-main .main-banner .background .video{width:100%;height:auto}}.view-mobile #page-main .main-banner .background .video.hide~.video-cover{display:none}.view-mobile #page-main .main-banner .background .video-cover{background:url(../image/79efe.png) repeat;position:absolute;z-index:1;inset:0}.view-mobile #page-main .main-banner .shortcut{display:none}.view-mobile #page-main .event-banner{margin:-332px 0 0;height:468px}.view-mobile #page-main .event-banner .title{display:none}.view-mobile #page-main .event-banner .progress{display:none}.view-mobile #page-main .event-banner .slider{z-index:1}.view-mobile #page-main .event-banner .slider li{margin:0 15px;border-radius:10px;background:#000;width:960px;height:468px;overflow:hidden}.view-mobile #page-main .event-banner .slider a{overflow:hidden !important;text-indent:-10000em !important;display:block;transition-property:scale,opacity;background:no-repeat center/contain;width:960px;height:468px}.view-mobile #page-main .event-banner .slider a:hover{scale:1.01;opacity:.7}.view-mobile #page-main .event-banner .paging-bullet{display:flex;place-content:center;gap:9px;margin:39px auto 0}.view-mobile #page-main .event-banner .paging-bullet .bullet{transition-property:border,background,width;border:1px solid #9e9e9e;border-radius:10px;background:rgba(0,0,0,0);width:20px;height:20px}.view-mobile #page-main .event-banner .paging-bullet .bullet.active{border-color:#09d0b8;background:#09d0b8;width:80px}.view-mobile #page-main .event-banner .paging-arrow{display:none}.view-mobile #page-main .news{margin:120px 60px 50px;background:#fff}.view-mobile #page-main .news .header{display:flex;align-items:center;margin:0 auto;height:175px}.view-mobile #page-main .news .header .title{--87d7f:#b6b6be;display:flex;position:relative;flex-grow:1;align-items:center;color:#363636;font-size:60px;text-transform:uppercase}.view-mobile #page-main .news .header .title>*{display:flex;position:relative;width:100%}.view-mobile #page-main .news .header .title>*::before,.view-mobile #page-main .news .header .title>*::after{display:block;position:absolute;transition-property:background;margin:auto 0;inset:0 0 0 auto;background:var(--87d7f);width:50px;height:4px;content:""}.view-mobile #page-main .news .header .title>*::after{rotate:90deg}.view-mobile #page-main .news .header .tab{display:none}.view-mobile #page-main .news .list ul{display:flex;flex-direction:column}.view-mobile #page-main .news .list li{display:flex;position:relative;align-items:center;border-top:2px solid #f0f0f0}.view-mobile #page-main .news .list li a{display:flex;flex-direction:column;gap:15px;padding:50px 0;width:100%}.view-mobile #page-main .news .list li a[data-board-read=false] .subject::before,.view-mobile #page-main .news .list li a.new .subject::before{display:block;position:absolute;top:5px;left:5px;border-radius:50%;background:#f15b38;width:8px;height:8px;content:""}.view-mobile #page-main .news .list li .category{display:flex;align-items:center;margin-right:auto;border-radius:23px;background:#f3f3f3;padding:0 15px;height:47px;color:#3f3f3f;font-size:26px;text-transform:uppercase}.view-mobile #page-main .news .list li .subject{display:block;position:relative;transition-property:font-weight,letter-spacing;margin:-10px 0 50px -10px;padding:10px 0 0 10px;overflow:hidden;color:#2d303a;font-weight:400;font-size:42px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-mobile #page-main .news .list li .date{color:#737781;font-size:28px;white-space:nowrap}.view-mobile #page-main .line-banner{height:395px;overflow:hidden}.view-mobile #page-main .line-banner a{display:block;position:relative;transition-property:scale,opacity;height:395px}.view-mobile #page-main .line-banner .image{background:no-repeat center;height:395px}.view-mobile #page-main .line-banner .image.web{display:none}.view-mobile #page-main .line-banner .title{display:none}.view-mobile #page-main .heroes{position:relative;z-index:1;background:#fff}.view-mobile #page-main .heroes>.title,.view-mobile #page-main .heroes[data-hero="1"]>.hero .content .stat,.view-mobile #page-main .heroes[data-hero="2"]>.hero .content .stat,.view-mobile #page-main .heroes[data-hero="3"]>.hero .content .stat,.view-mobile #page-main .heroes[data-hero="4"]>.hero .content .stat{display:none}.view-mobile #page-main .heroes[data-hero="1"]{--c2d4b:url(../image/43d50.png);--0cf45:url(../img/a79eb.png?b13ad);--5a071:url(../img/aa438.png?482d1);--d9f31:url(../image/4af3f.png);--cd964:url(../image/00057.png);--32d86:url(../img/1a5bf.png?44eae)}.view-mobile #page-main .heroes[data-hero="1-1"]{--c2d4b:url(../image/27270.png);--0cf45:url(../img/a79eb.png?b13ad);--5a071:url(../img/0c729.png?dbfd3);--d9f31:url(../image/4af3f.png);--cd964:url(../image/266c5.png);--32d86:url(../img/37729.png?4fe37)}.view-mobile #page-main .heroes[data-hero="1-2"]{--c2d4b:url(../image/3a5a0.png);--0cf45:url(../img/a79eb.png?b13ad);--5a071:url(../img/c9884.png?a5a1b);--d9f31:url(../image/4af3f.png);--cd964:url(../image/d4d5d.png);--32d86:url(../img/6f43d.png?44eae)}.view-mobile #page-main .heroes[data-hero="2"]{--c2d4b:url(../image/8c586.png);--0cf45:url(../img/92889.png?e66a8);--5a071:url(../img/3bb65.png?82c07);--d9f31:url(../image/75323.png);--cd964:url(../image/4e732.png);--32d86:url(../img/4c919.png?6cc2d)}.view-mobile #page-main .heroes[data-hero="2-1"]{--c2d4b:url(../image/54a78.png);--0cf45:url(../img/92889.png?e66a8);--5a071:url(../img/2f003.png?6a4cd);--d9f31:url(../image/75323.png);--cd964:url(../image/e7f54.png);--32d86:url(../img/f4654.png?def03)}.view-mobile #page-main .heroes[data-hero="2-2"]{--c2d4b:url(../image/22141.png);--0cf45:url(../img/92889.png?e66a8);--5a071:url(../img/5c9ef.png?82c07);--d9f31:url(../image/75323.png);--cd964:url(../image/9607b.png);--32d86:url(../img/a1ab2.png?6cc2d)}.view-mobile #page-main .heroes[data-hero="3"]{--c2d4b:url(../image/9db62.png);--0cf45:url(../img/79f4a.png?a3f40);--5a071:url(../img/dbc34.png?a5bc0);--d9f31:url(../image/f9dd1.png);--cd964:url(../image/01e81.png);--32d86:url(../img/76e87.png?8b627)}.view-mobile #page-main .heroes[data-hero="3-1"]{--c2d4b:url(../image/5d67c.png);--0cf45:url(../img/79f4a.png?a3f40);--5a071:url(../img/fc3e3.png?5d419);--d9f31:url(../image/f9dd1.png);--cd964:url(../image/cf2c1.png);--32d86:url(../img/8137e.png?90cf9)}.view-mobile #page-main .heroes[data-hero="3-2"]{--c2d4b:url(../image/ba261.png);--0cf45:url(../img/79f4a.png?a3f40);--5a071:url(../img/68824.png?37950);--d9f31:url(../image/f9dd1.png);--cd964:url(../image/61d1f.png);--32d86:url(../img/e8ef6.png?050f8)}.view-mobile #page-main .heroes[data-hero="4"]{--c2d4b:url(../image/4a343.png);--0cf45:url(../img/f1d43.png?35e52);--5a071:url(../img/8c3ec.png?e5767);--d9f31:url(../image/f2f3b.png);--cd964:url(../image/a4b15.png);--32d86:url(../img/4363d.png?8213d)}.view-mobile #page-main .heroes[data-hero="4-1"]{--c2d4b:url(../image/4f4b4.png);--0cf45:url(../img/f1d43.png?35e52);--5a071:url(../img/ca12a.png?8b9c9);--d9f31:url(../image/f2f3b.png);--cd964:url(../image/0b85b.png);--32d86:url(../img/289e5.png?26a11)}.view-mobile #page-main .heroes[data-hero="4-2"]{--c2d4b:url(../image/43886.png);--0cf45:url(../img/f1d43.png?35e52);--5a071:url(../img/5297e.png?7cc24);--d9f31:url(../image/f2f3b.png);--cd964:url(../image/6ac36.png);--32d86:url(../img/5c005.png?0b734)}.view-mobile #page-main .heroes>.hero{display:flex;position:relative;flex-direction:column;z-index:2;padding-bottom:180px}.view-mobile #page-main .heroes>.hero .content{margin-top:150px}.view-mobile #page-main .heroes>.hero .content .name{display:flex;flex-direction:column;align-items:center;color:#2d2d2d;font-weight:normal;font-size:130px;text-align:center;text-transform:uppercase}.view-mobile #page-main .heroes>.hero .content .name::before{display:block;order:2;content:attr(data-hero-name);text-align:center;white-space:nowrap}.view-mobile #page-main .heroes>.hero .content .name::after{display:block;order:1;background:var(--c2d4b) no-repeat center;width:223px;height:246px;content:""}.view-mobile #page-main .heroes>.hero .content>.description{margin:975px auto 0;width:960px;color:#181818;font-size:38px;line-height:1.5}.view-mobile #page-main .heroes>.hero .content>.description::before{content:attr(data-hero-description)}.view-mobile #page-main .heroes>.hero .content .stat{display:flex;gap:20px;margin:75px auto 0;width:960px;color:#181818;font-size:38px;line-height:47px;text-align:center;white-space:nowrap}.view-mobile #page-main .heroes>.hero .content .stat .title{font-weight:500}.view-mobile #page-main .heroes>.hero .content .stat .title::after{content:":"}.view-mobile #page-main .heroes>.hero .content .stat .description::after{content:attr(data-hero-stat)}.view-mobile #page-main .heroes>.hero .list{display:flex;position:relative;flex-wrap:wrap;gap:20px 30px;margin:200px auto 0;width:960px;height:460px}.view-mobile #page-main .heroes>.hero .list .hero{overflow:hidden !important;text-indent:-10000em !important;transition-property:background;background:no-repeat center;width:465px;height:220px}.view-mobile #page-main .heroes>.hero .list .hero:not(.active)~.sub-hero{display:none}.view-mobile #page-main .heroes>.hero .list .hero-1{background-image:url(../image/1cd14.png)}.view-mobile #page-main .heroes>.hero .list .hero-1:hover,.view-mobile #page-main .heroes>.hero .list .hero-1.active{background-image:url(../image/6a4fe.png)}.view-mobile #page-main .heroes>.hero .list .hero-2{background-image:url(../image/a2c84.png)}.view-mobile #page-main .heroes>.hero .list .hero-2:hover,.view-mobile #page-main .heroes>.hero .list .hero-2.active{background-image:url(../image/8b974.png)}.view-mobile #page-main .heroes>.hero .list .hero-3{background-image:url(../image/71af3.png)}.view-mobile #page-main .heroes>.hero .list .hero-3:hover,.view-mobile #page-main .heroes>.hero .list .hero-3.active{background-image:url(../image/85185.png)}.view-mobile #page-main .heroes>.hero .list .hero-4{background-image:url(../image/e826c.png)}.view-mobile #page-main .heroes>.hero .list .hero-4:hover,.view-mobile #page-main .heroes>.hero .list .hero-4.active{background-image:url(../image/2e50f.png)}.view-mobile #page-main .heroes>.hero .list .sub-hero{display:flex;position:absolute;top:-155px;left:0;justify-content:space-between;margin:0 auto;width:100%}.view-mobile #page-main .heroes>.hero .list .sub-hero li{display:block}.view-mobile #page-main .heroes>.hero .list .sub-hero button{display:flex;place-content:center;align-items:center;transition-property:border,background,color;border:2px solid rgba(190,189,192,.3);background:hsla(0,0%,100%,.5);width:465px;height:125px;color:#929292;font-size:42px}.view-mobile #page-main .heroes>.hero .list .sub-hero button.active,.view-mobile #page-main .heroes>.hero .list .sub-hero button:hover{border-color:#000;background:#fff;color:#000}.view-mobile #page-main .heroes .image{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.view-mobile #page-main .heroes .image>*{position:absolute;inset:0;background:no-repeat center 0}.view-mobile #page-main .heroes .image .image-1{translate:2400px -3000px;background-image:var(--0cf45)}.view-mobile #page-main .heroes .image .image-2{background-image:var(--5a071)}.view-mobile #page-main .heroes .image .image-3{background-image:var(--d9f31)}.view-mobile #page-main .heroes .image .image-4{background-image:var(--cd964)}.view-mobile #page-main .heroes .image .image-5{background-image:var(--32d86)}.view-mobile #page-main .heroes .image.animation-ready .image-1{translate:800px -1000px;opacity:0;transition-property:translate,opacity}.view-mobile #page-main .heroes .image.animation-ready .image-2{opacity:0;transition-property:opacity}.view-mobile #page-main .heroes .image.animation-ready .image-3{opacity:0;transition-delay:.25s;transition-duration:.5s;transition-property:opacity}.view-mobile #page-main .heroes .image.animation-ready .image-4{translate:-400px;opacity:0;transition-delay:.125s;transition-duration:.5s;transition-property:translate,opacity}.view-mobile #page-main .heroes .image.animation-ready .image-5{translate:-320px 400px;opacity:0;transition-delay:.25s;transition-property:translate,opacity}.view-mobile #page-main .heroes .image.animation-reset>*{transition-delay:0s !important;transition-duration:0s !important}.view-mobile #page-main .heroes .image.animation-start>*{translate:0 !important;opacity:1 !important}.view-mobile #page-main .gallery{--dec0f:960px;background:url(../image/55852.jpg) no-repeat center/cover;height:1380px;position:relative;overflow:hidden}.view-mobile #page-main .gallery .title{position:absolute;top:170px;left:50%;translate:-50%;color:#fff;font-size:80px;text-transform:uppercase}.view-mobile #page-main .gallery .index{position:absolute;top:291px;left:50%;translate:-50%;display:flex;width:var(--dec0f)}.view-mobile #page-main .gallery .index button{transition-property:border,color;border-bottom:2px solid #4b4c4e;background:rgba(0,0,0,0);width:50%;height:120px;color:#afbdb2;font-size:40px;text-transform:uppercase}.view-mobile #page-main .gallery .index button.active{border-color:#26fee4;color:#26fee4}.view-mobile #page-main .gallery .list{position:absolute;top:510px;left:50%;translate:-50%;width:100%}.view-mobile #page-main .gallery .list[data-tab-body=images] .slider button::after{display:none}.view-mobile #page-main .gallery .list .slider .current{z-index:1}.view-mobile #page-main .gallery .list .slider button{overflow:hidden !important;text-indent:-10000em !important;position:relative;margin:0 -60px;background:#000 no-repeat center/cover;width:960px;height:540px}.view-mobile #page-main .gallery .list .slider button::after{background:rgba(0,0,0,0) url(../image/daee0.png) no-repeat center;position:absolute;inset:0;content:"";marign:auto;transition-property:background}.view-mobile #page-main .gallery .list .paging{display:none}
.view-mobile #page-member{display:flex;justify-content:center;background:#090909;padding:var(--6d712) 0 var(--ea59f);width:100%;min-height:calc(100vh*1/var(--d21bb))}.view-mobile #page-member.create-new-password .password .label,.view-mobile #page-member.login .id .label,.view-mobile #page-member.login .password .label,.view-mobile #page-member.sign-up .e-mail .label,.view-mobile #page-member.modified-e-mail-address .e-mail .label{display:none}.view-mobile #page-member.verification-code .code-notice{color:#fff;font-size:40px;text-align:center}.view-mobile #page-member.verification-code .code-notice em{color:#38ffc9}.view-mobile #page-member.verification-code .code{display:flex;gap:10px;height:120px}.view-mobile #page-member.verification-code .code input{border-radius:3px;background:#2c2c2c;padding:0;width:72px;height:120px;color:#fff;font-size:80px;text-align:center}.view-mobile #page-member.verification-code .form button.resend{transition-property:border,color;border-color:#333;color:#595858}.view-mobile #page-member .page-wrap{padding:70px 90px;width:100%}.view-mobile #page-member .forgot-password{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:#1b1b1b}.view-mobile #page-member .forgot-password .popup-container{display:flex;position:relative;justify-content:center;padding:160px 30px 30px;width:100%;max-height:100%;overflow-y:auto}.view-mobile #page-member .forgot-password *{pointer-events:none}.view-mobile #page-member .forgot-password.show{visibility:visible;opacity:1}.view-mobile #page-member .forgot-password.show *{pointer-events:auto}.view-mobile #page-member .forgot-password .page-wrap{position:relative;margin:auto;background:#090909;padding:70px 90px;width:100%;max-width:var(--6fbb3);height:fit-content}.view-mobile #page-member .forgot-password .e-mail{flex-direction:column}.view-mobile #page-member .forgot-password .e-mail .label{text-align:center}.view-mobile #page-member .forgot-password .e-mail input{max-width:none !important}.view-mobile #page-member .forgot-password .actions input[type=reset]{background:url(../image/b2e58.png) no-repeat center/50px;overflow:hidden !important;text-indent:-10000em !important;position:absolute;margin:0 auto;inset:-130px 0 auto;border:1px solid #767676;width:100px;height:100px}.view-mobile #page-member .title{color:#e6e6e6;font-size:60px;line-height:1.1;text-align:center;text-transform:uppercase}.view-mobile #page-member .title+.form{margin-top:70px}.view-mobile #page-member .form{display:flex;flex-direction:column;gap:50px}.view-mobile #page-member .form label{display:flex;gap:30px}.view-mobile #page-member .form select,.view-mobile #page-member .form input,.view-mobile #page-member .form button,.view-mobile #page-member .form .button{height:120px;font-size:40px}.view-mobile #page-member .form select,.view-mobile #page-member .form input:not([type=checkbox]){flex-grow:1;background:#2b2b2b;padding:0 40px;color:#a4a4a4}.view-mobile #page-member .form input:not([type=checkbox])::placeholder{transition-property:color;color:inherit}.view-mobile #page-member .form select{background:url(../image/0a8d3.png) no-repeat calc(100% - 30px) center;appearance:none;border:3px solid #4d4d4d}.view-mobile #page-member .form input[type=text],.view-mobile #page-member .form input[type=password]{transition-property:border,color;border:3px solid rgba(0,0,0,0)}.view-mobile #page-member .form input[type=text]:focus,.view-mobile #page-member .form input[type=password]:focus{border-color:#c2ad92;color:#dbcab4}.view-mobile #page-member .form button,.view-mobile #page-member .form input[type=submit],.view-mobile #page-member .form .button{display:block;align-items:center;transition-property:background;background:#e8e8e8;color:#222;font-weight:bold;text-transform:uppercase}.view-mobile #page-member .form button.transparent,.view-mobile #page-member .form input[type=submit].transparent,.view-mobile #page-member .form .button.transparent{border:3px solid #e6e6e6;background:rgba(0,0,0,0);color:#e6e6e6}.view-mobile #page-member .form button.transparent:hover,.view-mobile #page-member .form input[type=submit].transparent:hover,.view-mobile #page-member .form .button.transparent:hover{background:#202020}.view-mobile #page-member .form button.highlight,.view-mobile #page-member .form input[type=submit].highlight,.view-mobile #page-member .form .button.highlight{background:#38ffc9}.view-mobile #page-member .form button.highlight:hover,.view-mobile #page-member .form input[type=submit].highlight:hover,.view-mobile #page-member .form .button.highlight:hover{background:#05dba1}.view-mobile #page-member .form .button{display:flex;justify-content:center;width:100%}.view-mobile #page-member .form .label{color:#fff;font-size:40px;line-height:1}.view-mobile #page-member .form .e-mail{flex-wrap:wrap}.view-mobile #page-member .form .e-mail .at{align-self:center;width:40px;color:#a4a4a4;font-size:40px}.view-mobile #page-member .form .e-mail input{max-width:calc(100% - 400px)}.view-mobile #page-member .form .e-mail select{flex-grow:0;width:300px}.view-mobile #page-member .form .e-mail button{width:100%}.view-mobile #page-member .form .e-mail button:hover{background:#cecece}.view-mobile #page-member .form .password{flex-direction:column}.view-mobile #page-member .form .birth{display:flex;flex-wrap:wrap;gap:30px}.view-mobile #page-member .form .birth .label{width:100%}.view-mobile #page-member .form .check{position:relative}.view-mobile #page-member .form .check input{position:absolute;top:0;left:0;opacity:0}.view-mobile #page-member .form .check input:checked~.label{color:#dfdfdf}.view-mobile #page-member .form .check input:checked~.label::before{background-image:url(../image/58153.png);border-color:#26fee4}.view-mobile #page-member .form .check .label{position:relative;transition-property:color;padding-left:80px;color:#8a8a8a;font-size:40px}.view-mobile #page-member .form .check .label a{color:#63cdff;text-decoration:underline}.view-mobile #page-member .form .check .label::before{display:block;position:absolute;transition-property:border,background;margin:auto 0;inset:0 auto 0 0;border:3px solid #515151;background:#2b2b2b no-repeat center/30px;width:60px;height:60px;content:""}.view-mobile #page-member .form .actions{display:flex;border-top:3px solid #393939;padding-top:53px}.view-mobile #page-member .form .actions input[type=submit]:hover{background:#38ffc9}.view-mobile #page-member .form .user-menu ul{display:flex;justify-content:center;gap:100px}.view-mobile #page-member .form .user-menu li{position:relative;width:50%}.view-mobile #page-member .form .user-menu li+li::before{position:absolute;translate:-50%;margin:auto 0;inset:0 auto 0 -50px;border-radius:50%;background:#777;width:12px;height:12px;content:""}.view-mobile #page-member .form .user-menu li:first-child{text-align:right}.view-mobile #page-member .form .user-menu a,.view-mobile #page-member .form .user-menu button{display:inline;background:rgba(0,0,0,0);height:auto;color:#c7c7c7;font-weight:normal;font-size:40px;text-align:center;text-transform:none}.view-mobile #page-member .form .user-menu a:hover,.view-mobile #page-member .form .user-menu button:hover{text-decoration:underline}.view-mobile #page-member .message{color:#c4c3c3;font-size:40px;text-align:center}.view-mobile #page-member .notice{display:flex;flex-direction:column}.view-mobile #page-member .notice>*{position:relative;padding-left:24px;color:#21b5a1;font-size:40px}.view-mobile #page-member .notice>*::before{background:url(../image/249a0.png) no-repeat center;display:block;position:absolute;top:16px;left:0;scale:3;width:15px;height:15px;content:""}.view-mobile #page-member .back{background:url(../image/79a56.png) no-repeat center/100px;overflow:hidden !important;text-indent:-10000em !important;position:fixed;top:0;left:0;z-index:300;width:var(--6d712);height:var(--6d712)}
.view-mobile #page-account{display:flex;justify-content:center;background:#090909;padding:var(--6d712) 0 var(--ea59f);width:100%}.view-mobile #page-account .page-wrap{padding:70px 60px;width:100%}.view-mobile #page-account .title{color:#e6e6e6;font-weight:500;font-size:60px;line-height:1;text-transform:uppercase}.view-mobile #page-account .form{display:flex;flex-direction:column;gap:100px;margin-top:80px}.view-mobile #page-account .form .info{display:flex;position:relative}.view-mobile #page-account .form .info.password .inputs{display:flex;flex-direction:column;gap:40px}.view-mobile #page-account .form .info.birth .inputs{display:flex;gap:40px}.view-mobile #page-account .form .info.birth .inputs select{flex-grow:25}.view-mobile #page-account .form .info.birth .inputs select:last-child{flex-grow:35}.view-mobile #page-account .form .info .button{display:flex;justify-content:center;width:100%}.view-mobile #page-account .form .info .label{position:absolute;width:465px;color:#8c8c8c;font-size:40px}.view-mobile #page-account .form .info .value{display:flex;flex-grow:1;flex-direction:column;gap:20px}.view-mobile #page-account .form .info .value .current{display:flex;flex-direction:column;align-items:flex-end;color:#d7d7d7;font-size:40px}.view-mobile #page-account .form .info .value .current .edit{margin-top:80px;margin-left:auto;border:2px solid #454545;background:#101010;width:100%;height:180px;color:#a7a7a7;font-size:40px}.view-mobile #page-account .form .info .value>.confirm{display:flex;flex-direction:column;gap:40px;margin-top:60px;width:100%}.view-mobile #page-account .form .info .value>.confirm input[type=text],.view-mobile #page-account .form .info .value>.confirm input[type=password]{border:2px solid #bfbfbf;background:#fff;padding:0 55px;height:125px;color:#a7a7a7;font-size:40px;text-transform:none}.view-mobile #page-account .form .info .value>.confirm select{background:#101010 url(../image/0a8d3.png) no-repeat calc(100% - 60px) center;appearance:none;border:2px solid #4d4d4d;padding:0 20px;height:125px;color:#a7a7a7;font-size:40px}.view-mobile #page-account .form .info .value>.confirm .actions{display:flex;flex-direction:column;gap:20px;margin-top:10px;border-top:2px solid #282828;padding-top:50px}.view-mobile #page-account .form .info .value>.confirm .actions input{height:125px;font-weight:bold;font-size:40px;text-transform:none}.view-mobile #page-account .form .info .value>.confirm .actions input[type=reset]{order:2;border:2px solid #b1b1b1;background:#1c1c1c;color:#a7a7a7}.view-mobile #page-account .form .info .value>.confirm .actions input[type=submit]{order:1;border:0;background:#e8e8e8;color:#222}.view-mobile #page-account .check{display:block;position:relative;margin-top:75px}.view-mobile #page-account .check input{position:absolute;top:0;left:0;opacity:0}.view-mobile #page-account .check input:checked~.label::before{background-image:url(../image/5019b.png);border-color:#26fee4}.view-mobile #page-account .check .label{position:relative;transition-property:color;padding-left:60px;color:#b9b9b9;font-size:36px}.view-mobile #page-account .check .label a{color:#63cdff;text-decoration:underline}.view-mobile #page-account .check .label::before{display:block;position:absolute;transition-property:border,background;margin:auto 0;inset:0 auto 0 0;border:2px solid #b9b9b9;background:#131313 no-repeat center;width:42px;height:42px;content:""}.view-mobile #page-account .notice{display:flex;flex-direction:column;gap:10px;margin-top:70px;border-top:2px solid #282828;padding-top:70px}.view-mobile #page-account .notice>*{position:relative;padding-left:40px;color:#21b5a1;font-size:32px;line-height:1.3}.view-mobile #page-account .notice>*::before{background:url(../image/aa0b3.png);width:13px;height:13px;display:block;position:absolute;top:15px;left:0;content:""}
.view-mobile #announcement{min-height:460px}.view-mobile #announcement::before{background:url(../image/9a2dc.jpg) no-repeat center 0/cover;height:407px;display:block;position:absolute;inset:0;content:""}.view-mobile #announcement>.page-wrap{position:relative;margin:0 auto;padding:0 0 260px;overflow:hidden}.view-mobile #announcement>.page-wrap>.title{display:none}.view-mobile #announcement>.page-wrap>.title+*{margin-top:407px}.view-mobile #announcement .board .header{display:flex;flex-direction:column;align-items:stretch}.view-mobile #announcement .board .header .title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #announcement .board .header .search{display:flex;position:relative;order:2;margin:0 -1px;width:100%}.view-mobile #announcement .board .header .search select{background:#fff url(../image/c67cc.png) no-repeat calc(100% - 60px) center;display:block;appearance:none;border:2px solid #e2e2e2;border-top:0;border-left:0;padding:0 100px 0 60px;height:150px;color:#909090;font-size:32px;text-transform:uppercase}.view-mobile #announcement .board .header .search option{background:#fff;color:#909090;text-transform:uppercase}.view-mobile #announcement .board .header .search [type=text]{display:block;flex-grow:1;align-self:stretch;border:0;border-bottom:2px solid #e2e2e2;padding:0 20px;color:#242424;font-size:32px}.view-mobile #announcement .board .header .search [type=text]::placeholder{color:#c4c4c4;text-transform:uppercase}.view-mobile #announcement .board .header .search [type=submit]{background:url(../image/e7993.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;position:absolute;top:0;right:0;margin:auto;aspect-ratio:1/1;height:100%}.view-mobile #announcement .board .header .filter{order:1}.view-mobile #announcement .board .header .filter select{background:#303030 url(../image/65fde.png) no-repeat calc(100% - 70px) center;display:block;appearance:none;padding:0 100px 0 60px;width:100%;height:150px;color:#a7a7a7;font-size:38px}.view-mobile #announcement .board .header .filter option{background:#303030;color:#a7a7a7}.view-mobile #announcement .board .header .filter [type=submit]{display:none}.view-mobile #announcement .board section.list table{display:block;width:100%}.view-mobile #announcement .board section.list table+.common-paging{margin-top:90px}.view-mobile #announcement .board section.list thead{display:none}.view-mobile #announcement .board section.list.text tbody{display:block;color:#737781;font-size:42px}.view-mobile #announcement .board section.list.text tbody.fixed tr{background:#f3f3f3}.view-mobile #announcement .board section.list.text tbody.fixed tr::after{margin:0}.view-mobile #announcement .board section.list.text tbody tr{display:flex;position:relative;flex-direction:column;padding:50px 60px}.view-mobile #announcement .board section.list.text tbody tr.no-result{display:flex;justify-content:center;align-items:center;padding:0;height:400px}.view-mobile #announcement .board section.list.text tbody tr.no-result td{color:#242424}.view-mobile #announcement .board section.list.text tbody tr::after{position:absolute;margin:0 60px;inset:auto 0 0;background:#dedede;height:2px;content:""}.view-mobile #announcement .board section.list.text tbody tr[data-board-read=false] .subject::before{display:block}.view-mobile #announcement .board section.list.text tbody .category{display:flex;align-items:center;margin-left:-15px;border-radius:23px;background:#f3f3f3;padding:0 15px;width:fit-content;height:46px;color:#3f3f3f;font-size:26px;text-transform:uppercase}.view-mobile #announcement .board section.list.text tbody .subject{display:block;margin-top:25px;color:#2d303a;font-weight:bold;white-space:wrap}.view-mobile #announcement .board section.list.text tbody .subject::before{display:none;margin:12px 0 -20px -13px;border-radius:50%;background:#f15b38;width:8px;height:8px;content:""}.view-mobile #announcement .board section.list.text tbody .subject a{display:block;overflow:hidden;color:#2d303a;font-size:42px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-mobile #announcement .board section.list.text tbody .subject a::before{position:absolute;inset:0;content:""}.view-mobile #announcement .board section.list.text tbody .summary{display:-webkit-box;margin-top:25px;overflow:hidden;color:#2d303a;font-size:38px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.6em;line-height:1.3em}.view-mobile #announcement .board section.list.text tbody .date{margin-top:60px;color:#737781;font-size:28px;text-align:right}.view-mobile #announcement .board section.list.image tbody{display:block;color:#737781;font-size:42px}.view-mobile #announcement .board section.list.image tbody tr{display:flex;position:relative;flex-direction:column;padding:50px 60px}.view-mobile #announcement .board section.list.image tbody tr.no-result{display:flex;justify-content:center;align-items:center;padding:0;height:400px}.view-mobile #announcement .board section.list.image tbody tr.no-result td{color:#242424}.view-mobile #announcement .board section.list.image tbody tr::after{position:absolute;margin:0 60px;inset:auto 0 0;background:#dedede;height:2px;content:""}.view-mobile #announcement .board section.list.image tbody tr[data-board-read=false] .subject::before{display:block}.view-mobile #announcement .board section.list.image tbody .subject{display:block;order:2;margin-top:50px;color:#2d303a;font-weight:bold;white-space:wrap}.view-mobile #announcement .board section.list.image tbody .subject::before{display:none;margin:12px 0 -20px -13px;border-radius:50%;background:#f15b38;width:8px;height:8px;content:""}.view-mobile #announcement .board section.list.image tbody .subject a{display:-webkit-box;overflow:hidden;color:#2d303a;font-size:42px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.view-mobile #announcement .board section.list.image tbody .subject a::before{position:absolute;inset:0;content:""}.view-mobile #announcement .board section.list.image tbody .image{align-self:center;order:1;background:#000;aspect-ratio:520/250;width:100%;overflow:hidden}.view-mobile #announcement .board section.list.image tbody .image img{display:block;width:100%;max-width:none;height:100%}.view-mobile #announcement .board section.list.image tbody .date{order:3;margin-top:60px;color:#737781;font-size:28px;text-align:right}.view-mobile #announcement .board article.detail{display:flex;flex-direction:column}.view-mobile #announcement .board article.detail .subject{order:1;margin:0 60px;padding:80px 0;color:#242424;font-size:54px;line-height:1.3}.view-mobile #announcement .board article.detail .category{display:flex;align-items:center;order:1;margin:80px 60px -70px;border-radius:23px;background:#f3f3f3;padding:0 15px;width:fit-content;height:46px;color:#3f3f3f;font-size:26px;text-transform:uppercase}.view-mobile #announcement .board article.detail .info{display:flex;order:1;gap:15px;margin:-70px 0 60px 60px;color:#737781;font-size:28px}.view-mobile #announcement .board article.detail .share{display:flex;justify-content:center;order:2;margin-bottom:60px}.view-mobile #announcement .board article.detail .share ul{display:flex;gap:60px}.view-mobile #announcement .board article.detail .share li{display:block}.view-mobile #announcement .board article.detail .share li>*{overflow:hidden !important;text-indent:-10000em !important;display:block;background:no-repeat center;width:180px;height:181px}.view-mobile #announcement .board article.detail .share li>*.facebook{background-image:url(../image/a2042.png)}.view-mobile #announcement .board article.detail .share li>*.x{background-image:url(../image/62c2f.png)}.view-mobile #announcement .board article.detail .share li>*.copy{background-image:url(../image/dd932.png)}.view-mobile #announcement .board article.detail .content{order:1;margin:0 60px;border-top:2px solid #dedede;padding:80px 0;color:#2d303a;font-size:42px;line-height:1.8}.view-mobile #announcement .board article.detail .actions{display:flex;order:2;gap:35px;margin:0 60px;border-top:2px solid #dedede;padding:110px 0}.view-mobile #announcement .board article.detail .actions .prev,.view-mobile #announcement .board article.detail .actions .next{background:url(../image/c0044.png);width:179px;height:179px;overflow:hidden !important;text-indent:-10000em !important;display:block}.view-mobile #announcement .board article.detail .actions .prev{order:1}.view-mobile #announcement .board article.detail .actions .next{order:3;rotate:y 180deg}.view-mobile #announcement .board article.detail .actions .list{display:flex;flex-grow:1;justify-content:center;align-items:center;order:2;border:2px solid #77777d;padding:0 40px;height:180px;color:#2c2c2c;font-size:40px;text-transform:uppercase}
.view-mobile #introduction.story{background:#191919}.view-mobile #introduction.story>.page-wrap{position:relative;margin:0 auto}.view-mobile #introduction.story>.page-wrap>.title{display:none}.view-mobile #introduction.story .navigation{position:absolute;top:289px;left:50%;translate:-50%;z-index:2;margin:auto}.view-mobile #introduction.story .navigation ul{display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.2);width:960px;height:2px}.view-mobile #introduction.story .navigation li{display:block;margin:0 -24px}.view-mobile #introduction.story .navigation button{background:url(../image/3e121.png);width:125px;height:125px;position:relative;transition-property:background}.view-mobile #introduction.story .navigation button.active{background-image:url(../image/01b99.png)}.view-mobile #introduction.story .navigation span{display:none}.view-mobile #introduction.story .sections{position:relative;z-index:1;height:2253px;min-height:100vh}.view-mobile #introduction.story .section{position:absolute;opacity:1;z-index:2;transition-duration:3s;transition-property:opacity;inset:0;pointer-events:none}.view-mobile #introduction.story .section:not(.hide)::before{animation:introduction-story-bg 5s ease-out normal}.view-mobile #introduction.story .section:not(.hide) .story>*{animation:introduction-story-text 1s ease-out normal backwards}.view-mobile #introduction.story .section::before{display:block;position:absolute;inset:0;background:no-repeat center/cover;content:""}.view-mobile #introduction.story .section .story{display:flex;position:absolute;flex-direction:column;align-items:center;gap:25px;margin:0 auto;inset:auto 0 0;background:rgba(0,0,0,.8);height:1022px;pointer-events:auto}.view-mobile #introduction.story .section .story>*{padding:0 80px;max-width:var(--6fbb3);text-align:center}.view-mobile #introduction.story .section .story .title{margin-top:80px;color:#f3f3f3;font-size:80px}.view-mobile #introduction.story .section .story .description{animation-delay:.2s;margin-top:20px;color:#d9d9d9;font-size:40px;line-height:1.6}.view-mobile #introduction.story .section-1::before{background-image:url(../image/28bf8.jpg)}.view-mobile #introduction.story .section-2::before{background-image:url(../image/1598d.jpg)}.view-mobile #introduction.story .section-3::before{background-image:url(../image/358ce.jpg)}.view-mobile #introduction.story .section-4::before{background-image:url(../image/edba7.jpg)}.view-mobile #introduction.story .section-5::before{background-image:url(../image/ad219.jpg)}.view-mobile #introduction.story .section-6::before{background-image:url(../image/630d4.jpg)}
.view-mobile #introduction.game-features{width:100%}.view-mobile #introduction.game-features::before{background:#000 url(../image/d8f2d.jpg) no-repeat center/cover;height:2458px;display:block;content:""}.view-mobile #introduction.game-features::after{background:#000 url(../image/3c2a4.jpg) no-repeat center/cover;height:4200px;display:block;content:""}.view-mobile #introduction.game-features>.page-wrap{position:absolute;z-index:1;inset:0;height:2458px}.view-mobile #introduction.game-features>.page-wrap>.title{position:absolute;top:320px;left:0;width:100%;color:#fff;font-weight:bold;font-size:90px;text-align:center;text-transform:uppercase}.view-mobile #introduction.game-features .section{position:relative}.view-mobile #introduction.game-features .section::before{display:block;position:absolute;opacity:.4;z-index:1;margin:auto;inset:-100px 0 auto;background:#000;width:2px;height:200px;content:""}.view-mobile #introduction.game-features .section::after{display:block;content:""}.view-mobile #introduction.game-features .section .anchor{margin:0 auto;padding:0 60px;max-width:1080px;color:#000;text-align:center}.view-mobile #introduction.game-features .section .title{font-weight:bold;font-size:80px}.view-mobile #introduction.game-features .section .title br{display:none}.view-mobile #introduction.game-features .section .description{margin-top:50px;font-weight:300;font-size:40px;line-height:1.6}.view-mobile #introduction.game-features .section-1{height:2458px}.view-mobile #introduction.game-features .section-1::before{display:none}.view-mobile #introduction.game-features .section-1::after{position:absolute;top:616px;left:calc(50% + 0px - var(--6a456)/2);background:url(../image/06adf.png);width:926px;height:872px}.view-mobile #introduction.game-features .section-1 .anchor{padding-top:1623px}.view-mobile #introduction.game-features .section-1 .title{color:#f3f3f3}.view-mobile #introduction.game-features .section-1 .description{color:#d9d9d9}.view-mobile #introduction.game-features .section-2{height:2064px}.view-mobile #introduction.game-features .section-2::before{background:#fff}.view-mobile #introduction.game-features .section-2::after{position:absolute;top:0px;left:calc(50% + 0px - var(--6a456)/2);background:url(../image/1c400.png);width:1080px;height:956px}.view-mobile #introduction.game-features .section-2 .anchor{padding-top:964px}.view-mobile #introduction.game-features .section-3{height:2064px}.view-mobile #introduction.game-features .section-3::after{position:absolute;top:280px;left:calc(50% + 142px - var(--6a456)/2);background:url(../image/c17ef.png);width:913px;height:943px}.view-mobile #introduction.game-features .section-3 .anchor{padding-top:1350px}
@keyframes introduction-class-text-mobile{0%{translate:0 50px;opacity:0}100%{translate:0;opacity:1}}.view-mobile{--711ee:146px}.view-mobile #class-top-menu{position:fixed;top:0;left:0;z-index:50;background:#000;padding-top:var(--6d712);width:100%}.view-mobile #class-top-menu ul{display:flex;justify-content:center;border-top:2px solid hsla(0,0%,100%,.4);border-bottom:2px solid hsla(0,0%,100%,.3);width:100%;height:100%}.view-mobile #class-top-menu li{display:flex;align-items:center;width:25%}.view-mobile #class-top-menu li:first-child::before{display:none}.view-mobile #class-top-menu li::before{display:block;opacity:.3;background:#fff;width:2px;height:63px;content:""}.view-mobile #class-top-menu a{display:flex;flex-grow:1;justify-content:center;align-items:center;transition-property:border;margin-bottom:-1px;border-bottom:2px solid rgba(0,0,0,0);height:var(--711ee);color:#a9a9a9;font-size:40px;text-align:center}.view-mobile #class-top-menu a.active{border-bottom-color:#38ffc9;color:#38ffc9}.view-mobile #class-floating-menu{display:flex;position:fixed;top:calc(240px + var(--6d712) + var(--711ee));right:38px;align-items:center;z-index:50;pointer-events:none}.view-mobile #class-floating-menu ul{display:flex;position:relative;flex-direction:column;gap:40px}.view-mobile #class-floating-menu ul::before{position:absolute;margin:auto;inset:0;background:#828282;width:2px;content:""}.view-mobile #class-floating-menu li{display:flex;align-items:center}.view-mobile #class-floating-menu a{background:url(../image/4063a.png);width:157px;height:158px;overflow:hidden !important;text-indent:-10000em !important;display:block;position:relative;transition-property:background;pointer-events:auto}.view-mobile #class-floating-menu a::after{position:absolute;transition-property:background;inset:0;background:var(--c2d4b) no-repeat center;content:""}.view-mobile #class-floating-menu a.back{--c2d4b:url(../image/dc8aa.png);--44d75:url(../img/f90e4.png?0db30)}.view-mobile #class-floating-menu a.sub-1{--c2d4b:var(--9d140);--44d75:var(--b5ae1)}.view-mobile #class-floating-menu a.sub-2{--c2d4b:var(--c1d7b);--44d75:var(--3bb5d)}.view-mobile #class-floating-menu a.active{background-image:url(../image/8df82.png)}.view-mobile #class-floating-menu a.active::after{background-image:var(--44d75)}.view-mobile #introduction.class.index>.page-wrap>.title{display:none}.view-mobile #introduction.class.index .list{width:100%}.view-mobile #introduction.class.index .list ul{display:flex;flex-wrap:wrap}.view-mobile #introduction.class.index .list li{display:block;background:#fff;width:50%}.view-mobile #introduction.class.index .list a{display:flex;flex-direction:column;justify-content:center;align-items:center;background:no-repeat center 25%/cover;height:1170px;color:#fff;font-size:67px;line-height:150px;text-transform:uppercase}.view-mobile #introduction.class.index .list a::before{display:block;margin-top:150px;content:""}.view-mobile #introduction.class.index .list a.class-1{background-image:url(../image/463a6.jpg)}.view-mobile #introduction.class.index .list a.class-1::before{background:url(../image/7b67f.png);width:195px;height:197px}.view-mobile #introduction.class.index .list a.class-2{background-image:url(../image/70a52.jpg)}.view-mobile #introduction.class.index .list a.class-2::before{background:url(../image/4aec0.png);width:195px;height:197px}.view-mobile #introduction.class.index .list a.class-3{background-image:url(../image/118b4.jpg)}.view-mobile #introduction.class.index .list a.class-3::before{background:url(../image/c6cc5.png);width:195px;height:197px}.view-mobile #introduction.class.index .list a.class-4{background-image:url(../image/b641f.jpg)}.view-mobile #introduction.class.index .list a.class-4::before{background:url(../image/239db.png);width:195px;height:197px}.view-mobile #introduction.class.detail{position:relative;background:#000 var(--2e661) no-repeat center calc(var(--6d712) + var(--711ee))/cover;padding-top:calc(var(--6d712) + var(--711ee));overflow:hidden}.view-mobile #introduction.class.detail>.page-wrap{position:relative;margin:0 auto;max-width:var(--6fbb3)}.view-mobile #introduction.class.detail>.page-wrap::before{position:absolute;display:block;position:absolute;z-index:1;animation:introduction-class-image 3s ease-out normal backwards;background:no-repeat center 0;width:100%;height:100%;content:""}.view-mobile #introduction.class.detail .class-wrap{position:relative;z-index:2;padding:880px 55px 210px}.view-mobile #introduction.class.detail .class-wrap>*{animation:introduction-class-text-mobile 1s ease-out normal backwards}.view-mobile #introduction.class.detail .class-wrap>*:nth-child(2){animation-delay:.25s}.view-mobile #introduction.class.detail .class-wrap>*:nth-child(3){animation-delay:.5s}.view-mobile #introduction.class.detail .class-wrap>*:nth-child(4){animation-delay:.75s}.view-mobile #introduction.class.detail .class-wrap>*:nth-child(5){animation-delay:1s}.view-mobile #introduction.class.detail .class-wrap>.title{display:flex;flex-direction:column;align-items:center;gap:30px;margin:0 -200px;color:var(--8ec9e);font-weight:normal;font-size:130px;text-align:center;text-transform:uppercase;white-space:nowrap}.view-mobile #introduction.class.detail .class-wrap>.title::before{display:block;background:no-repeat var(--18f05) center;width:223px;height:246px;content:""}.view-mobile #introduction.class.detail .class-wrap .story .title,.view-mobile #introduction.class.detail .class-wrap .video .title{display:none}.view-mobile #introduction.class.detail .class-wrap .difficulty,.view-mobile #introduction.class.detail .class-wrap .weapons,.view-mobile #introduction.class.detail .class-wrap .stat{display:flex;flex-wrap:wrap;align-items:center;margin-top:65px;font-size:38px}.view-mobile #introduction.class.detail .class-wrap .difficulty .title,.view-mobile #introduction.class.detail .class-wrap .weapons .title,.view-mobile #introduction.class.detail .class-wrap .stat .title{display:flex;align-items:center;color:var(--8ec9e);font-size:40px}.view-mobile #introduction.class.detail .class-wrap .difficulty .title::after,.view-mobile #introduction.class.detail .class-wrap .weapons .title::after,.view-mobile #introduction.class.detail .class-wrap .stat .title::after{display:block;margin:0 40px;background:var(--8ec9e);width:2px;height:36px;content:""}.view-mobile #introduction.class.detail .class-wrap .description{color:var(--27347);font-size:38px;line-height:1.8}.view-mobile #introduction.class.detail .class-wrap .story{margin-top:10px}.view-mobile #introduction.class.detail .class-wrap .difficulty .score{overflow:hidden !important;text-indent:-10000em !important;display:flex;position:relative;flex-grow:1;align-items:center;gap:30px;height:40px}.view-mobile #introduction.class.detail .class-wrap .difficulty .score::before,.view-mobile #introduction.class.detail .class-wrap .difficulty .score::after,.view-mobile #introduction.class.detail .class-wrap .difficulty .score .point{display:block;border:2px solid #9e9e9e;width:39px;height:40px;content:""}.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="1"]::before,.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="2"]::before,.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="2"] .point:nth-child(1),.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="3"]::before,.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="3"] .point:nth-child(-n+2),.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="4"]::before,.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="4"] .point:nth-child(-n+3),.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="5"]::before,.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="5"]::after,.view-mobile #introduction.class.detail .class-wrap .difficulty .score[data-score="5"] .point{border:0;background:#38ffc9}.view-mobile #introduction.class.detail .class-wrap .difficulty .description{margin-top:40px;width:100%}.view-mobile #introduction.class.detail .class-wrap .weapons ul{display:flex;gap:20px}.view-mobile #introduction.class.detail .class-wrap .weapons li{display:block;background:rgba(0,0,0,0) no-repeat center;width:100px;height:100px}.view-mobile #introduction.class.detail .class-wrap .weapons li:nth-child(1){background-image:var(--7fc98)}.view-mobile #introduction.class.detail .class-wrap .weapons li:nth-child(2){background-image:var(--0c2e3)}.view-mobile #introduction.class.detail .class-wrap .weapons li:nth-child(3){background-image:var(--0239e)}.view-mobile #introduction.class.detail .class-wrap .stat p{color:var(--8ec9e);font-weight:bold}.view-mobile #introduction.class.detail .class-wrap .video{margin-top:65px}.view-mobile #introduction.class.detail .class-wrap .video button{overflow:hidden !important;text-indent:-10000em !important;display:block;position:relative;margin:0 auto;border:0;background:#000 no-repeat center/cover;background-image:var(--1e19e);width:960px;height:582px}.view-mobile #introduction.class.detail .class-wrap .video button::after{background:url(../image/f25c0.png) no-repeat center;display:block;position:absolute;transition-property:background;inset:0;content:""}.view-mobile #introduction.class.detail .class-wrap .skill{margin-top:40px}.view-mobile #introduction.class.detail .class-wrap .skill button{display:flex;justify-content:center;align-items:center;transition-property:background;border:2px solid #28252e;background:rgba(0,0,0,0);width:100%;height:181px;color:#000;font-size:42px}.view-mobile #introduction.class.detail .class-wrap .sub-class{margin-top:65px}.view-mobile #introduction.class.detail .class-wrap .sub-class>.title{display:none}.view-mobile #introduction.class.detail .class-wrap .sub-class .classes .title{color:var(--8ec9e);font-size:40px}.view-mobile #introduction.class.detail .class-wrap .sub-class .classes ul{display:flex;gap:30px;margin-top:20px}.view-mobile #introduction.class.detail .class-wrap .sub-class .classes li{--2d90f:var(--92218);display:block;flex-grow:1;width:calc(25% - 15px)}.view-mobile #introduction.class.detail .class-wrap .sub-class .classes li:nth-child(2){--2d90f:var(--56fd5)}.view-mobile #introduction.class.detail .class-wrap .sub-class .classes a{display:flex;flex-direction:column;justify-content:center;align-items:center;transition-property:background;border:2px solid #b7b7b7;background:rgba(0,0,0,0);height:271px;color:#fff;font-size:42px}.view-mobile #introduction.class.detail .class-wrap .sub-class .classes a::before{display:block;background:var(--2d90f) no-repeat center;width:100%;height:120px;content:""}.view-mobile #introduction.class.detail.main{--8ec9e:#fff;--27347:#d0d0d0}.view-mobile #introduction.class.detail.sub{--8ec9e:#000;--27347:#000;background-image:none;background-color:#fff}.view-mobile #introduction.class.detail.class-1{--2e661:url(../img/d770f.jpg?7c474);--18f05:url(../img/04570.png?162a1);--7fc98:url(../img/cba84.png?7bd23);--0c2e3:url(../img/604e3.png?39119);--0239e:url(../img/a1b59.png?65935);--92218:url(../img/9161f.png?415a7);--56fd5:url(../img/27bed.png?3a003);--9d140:url(../img/dcf21.png?0e9fe);--b5ae1:url(../image/ed363.png);--c1d7b:url(../image/9d764.png);--3bb5d:url(../img/32bc6.png?59d0d)}.view-mobile #introduction.class.detail.class-1 .page-wrap::before{top:-42px;left:calc(50% + 13px - var(--6a456)/2);background:url(../image/97c22.png);width:1152px;height:1465px}.view-mobile #introduction.class.detail.class-1.sub-1{--18f05:url(../img/93ecf.png?df088);--1e19e:url(../img/0e856.jpg?88a48)}.view-mobile #introduction.class.detail.class-1.sub-1 .page-wrap::before{top:148px;left:calc(50% + 27px - var(--6a456)/2);background:url(../image/34dcb.png);width:1484px;height:932px}.view-mobile #introduction.class.detail.class-1.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/b6b85.png)}.view-mobile #introduction.class.detail.class-1.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/fc76c.png)}.view-mobile #introduction.class.detail.class-1.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/53ec8.png)}.view-mobile #introduction.class.detail.class-1.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/a8dd7.png)}.view-mobile #introduction.class.detail.class-1.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/dc9c3.png)}.view-mobile #introduction.class.detail.class-1.sub-2{--18f05:url(../img/c3d05.png?dc8d9);--1e19e:url(../img/287dc.jpg?88a48)}.view-mobile #introduction.class.detail.class-1.sub-2 .page-wrap::before{top:148px;left:calc(50% + 28px - var(--6a456)/2);background:url(../image/1f6e5.png);width:1306px;height:887px}.view-mobile #introduction.class.detail.class-1.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/d870b.png)}.view-mobile #introduction.class.detail.class-1.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/2f3d5.png)}.view-mobile #introduction.class.detail.class-1.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/dac1e.png)}.view-mobile #introduction.class.detail.class-1.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/84caf.png)}.view-mobile #introduction.class.detail.class-1.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/57f06.png)}.view-mobile #introduction.class.detail.class-2{--2e661:url(../img/5b979.jpg?c2054);--18f05:url(../img/3ca8a.png?17463);--7fc98:url(../img/94e59.png?3d510);--0c2e3:url(../img/f2b73.png?3ce97);--0239e:url(../img/cdcbe.png?74e1e);--92218:url(../img/3e5af.png?ee2aa);--56fd5:url(../img/1b940.png?38875);--9d140:url(../img/7f04a.png?500ef);--b5ae1:url(../image/686fc.png);--c1d7b:url(../image/1f964.png);--3bb5d:url(../img/f45e9.png?7b9f2)}.view-mobile #introduction.class.detail.class-2 .page-wrap::before{top:97px;left:calc(50% + 56px - var(--6a456)/2);background:url(../image/246fd.png);width:1009px;height:1356px}.view-mobile #introduction.class.detail.class-2.sub-1{--18f05:url(../img/2c95b.png?2813b);--1e19e:url(../img/7fdfc.jpg?88a48)}.view-mobile #introduction.class.detail.class-2.sub-1 .page-wrap::before{top:45px;left:calc(50% + 6px - var(--6a456)/2);background:url(../image/8b4ee.png);width:1348px;height:1019px}.view-mobile #introduction.class.detail.class-2.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/cf6bc.png)}.view-mobile #introduction.class.detail.class-2.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/d736d.png)}.view-mobile #introduction.class.detail.class-2.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/bc396.png)}.view-mobile #introduction.class.detail.class-2.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/550a2.png)}.view-mobile #introduction.class.detail.class-2.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/fa64a.png)}.view-mobile #introduction.class.detail.class-2.sub-2{--18f05:url(../img/f7fac.png?fd1fe);--1e19e:url(../img/f62d1.jpg?88a48)}.view-mobile #introduction.class.detail.class-2.sub-2 .page-wrap::before{top:148px;left:calc(50% + 4px - var(--6a456)/2);background:url(../image/6ff99.png);width:1062px;height:897px}.view-mobile #introduction.class.detail.class-2.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/676e6.png)}.view-mobile #introduction.class.detail.class-2.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/95170.png)}.view-mobile #introduction.class.detail.class-2.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/b9b42.png)}.view-mobile #introduction.class.detail.class-2.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/78cfd.png)}.view-mobile #introduction.class.detail.class-2.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/436a4.png)}.view-mobile #introduction.class.detail.class-3{--2e661:url(../img/d10a7.jpg?37f21);--18f05:url(../img/da00a.png?78c7c);--7fc98:url(../img/2174a.png?583ce);--0c2e3:url(../img/f75b7.png?5585b);--0239e:url(../img/a2556.png?82a1a);--92218:url(../img/b5d82.png?77354);--56fd5:url(../img/cc10b.png?93aaf);--9d140:url(../img/ca827.png?3821d);--b5ae1:url(../image/66115.png);--c1d7b:url(../image/f96f7.png);--3bb5d:url(../img/4d6b7.png?a989e)}.view-mobile #introduction.class.detail.class-3 .page-wrap::before{top:48px;left:calc(50% + 130px - var(--6a456)/2);background:url(../image/6dcfd.png);width:949px;height:1959px}.view-mobile #introduction.class.detail.class-3.sub-1{--18f05:url(../img/c3829.png?518b7);--1e19e:url(../img/d711c.jpg?88a48)}.view-mobile #introduction.class.detail.class-3.sub-1 .page-wrap::before{top:148px;left:calc(50% + 51px - var(--6a456)/2);background:url(../image/f654c.png);width:1029px;height:896px}.view-mobile #introduction.class.detail.class-3.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/d3700.png)}.view-mobile #introduction.class.detail.class-3.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/464bf.png)}.view-mobile #introduction.class.detail.class-3.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/9bb89.png)}.view-mobile #introduction.class.detail.class-3.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/7a9d9.png)}.view-mobile #introduction.class.detail.class-3.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/78ca1.png)}.view-mobile #introduction.class.detail.class-3.sub-2{--18f05:url(../img/c9f40.png?bd466);--1e19e:url(../img/8d515.jpg?88a48)}.view-mobile #introduction.class.detail.class-3.sub-2 .page-wrap::before{top:88px;left:calc(50% + 34px - var(--6a456)/2);background:url(../image/f51dc.png);width:1046px;height:990px}.view-mobile #introduction.class.detail.class-3.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/d6b74.png)}.view-mobile #introduction.class.detail.class-3.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/348f9.png)}.view-mobile #introduction.class.detail.class-3.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/aaec9.png)}.view-mobile #introduction.class.detail.class-3.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/e1802.png)}.view-mobile #introduction.class.detail.class-3.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/ad643.png)}.view-mobile #introduction.class.detail.class-4{--2e661:url(../img/e8d9a.jpg?6167b);--18f05:url(../img/ddbfb.png?b35b1);--7fc98:url(../img/f2b35.png?8fb24);--0c2e3:url(../img/ac973.png?2dbd0);--0239e:url(../img/57bc5.png?a4aa4);--92218:url(../img/95d54.png?7aeaf);--56fd5:url(../img/654ac.png?29699);--9d140:url(../img/7be8c.png?349c5);--b5ae1:url(../image/d2758.png);--c1d7b:url(../image/474f0.png);--3bb5d:url(../img/08428.png?661e7)}.view-mobile #introduction.class.detail.class-4 .page-wrap::before{top:248px;left:calc(50% + 0px - var(--6a456)/2);background:url(../image/dd213.png);width:1080px;height:1165px}.view-mobile #introduction.class.detail.class-4.sub-1{--18f05:url(../img/78821.png?a5f06);--1e19e:url(../img/49e7f.jpg?88a48)}.view-mobile #introduction.class.detail.class-4.sub-1 .page-wrap::before{top:94px;left:calc(50% + 0px - var(--6a456)/2);background:url(../image/300cf.png);width:1044px;height:1066px}.view-mobile #introduction.class.detail.class-4.sub-1 .layer-skill .skill-1{--a6bdd:url(../image/af39c.png)}.view-mobile #introduction.class.detail.class-4.sub-1 .layer-skill .skill-2{--a6bdd:url(../image/013c1.png)}.view-mobile #introduction.class.detail.class-4.sub-1 .layer-skill .skill-3{--a6bdd:url(../image/37dff.png)}.view-mobile #introduction.class.detail.class-4.sub-1 .layer-skill .skill-4{--a6bdd:url(../image/d1da7.png)}.view-mobile #introduction.class.detail.class-4.sub-1 .layer-skill .skill-5{--a6bdd:url(../image/90e0d.png)}.view-mobile #introduction.class.detail.class-4.sub-2{--18f05:url(../img/fee8e.png?cb1fb);--1e19e:url(../img/5ca51.jpg?88a48)}.view-mobile #introduction.class.detail.class-4.sub-2 .page-wrap::before{top:148px;left:calc(50% + 62px - var(--6a456)/2);background:url(../image/813bf.png);width:998px;height:896px}.view-mobile #introduction.class.detail.class-4.sub-2 .layer-skill .skill-1{--a6bdd:url(../image/25e55.png)}.view-mobile #introduction.class.detail.class-4.sub-2 .layer-skill .skill-2{--a6bdd:url(../image/60206.png)}.view-mobile #introduction.class.detail.class-4.sub-2 .layer-skill .skill-3{--a6bdd:url(../image/9614f.png)}.view-mobile #introduction.class.detail.class-4.sub-2 .layer-skill .skill-4{--a6bdd:url(../image/c498d.png)}.view-mobile #introduction.class.detail.class-4.sub-2 .layer-skill .skill-5{--a6bdd:url(../image/aac83.png)}.view-mobile #introduction.class .layer-skill{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-mobile #introduction.class .layer-skill .actions button{background:url(../image/cef69.png);width:136px;height:136px;top:-166px;overflow:hidden !important;text-indent:-10000em !important;position:absolute;right:0;left:0;margin:0 auto}.view-mobile #introduction.class .layer-skill .actions button::before{position:fixed;inset:0;content:""}.view-mobile #introduction.class .layer-skill .popup-container{display:flex;position:relative;justify-content:center;padding:526px 60px 60px;width:100%;overflow-y:auto}.view-mobile #introduction.class .layer-skill *{pointer-events:none}.view-mobile #introduction.class .layer-skill.show{visibility:visible;opacity:1}.view-mobile #introduction.class .layer-skill.show *{pointer-events:auto}.view-mobile #introduction.class .layer-skill .page-wrap{position:relative;margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);background:#fff;width:100%;max-width:var(--6fbb3);height:fit-content}.view-mobile #introduction.class .layer-skill .title{display:none}.view-mobile #introduction.class .layer-skill .skills{position:relative;z-index:1;overflow:hidden}.view-mobile #introduction.class .layer-skill .skills table{display:block}.view-mobile #introduction.class .layer-skill .skills tbody{display:block}.view-mobile #introduction.class .layer-skill .skills tr{display:flex;flex-direction:column}.view-mobile #introduction.class .layer-skill .skills th{display:flex;justify-content:center;align-items:center;background:#000;height:100px;color:#fff;font-size:40px;text-transform:uppercase}.view-mobile #introduction.class .layer-skill .skills td{display:block;padding:0 40px}.view-mobile #introduction.class .layer-skill .skills .skill{display:block;padding:60px 0}.view-mobile #introduction.class .layer-skill .skills .skill+.skill{border-top:1px solid #d5d5d5}.view-mobile #introduction.class .layer-skill .skills .name{display:flex;flex-direction:column;align-items:center;gap:15px;color:#000;font-size:40px}.view-mobile #introduction.class .layer-skill .skills .name::before{display:block;background:var(--a6bdd) no-repeat center/cover;width:100px;height:100px;content:""}.view-mobile #introduction.class .layer-skill .skills .description{margin-top:30px;color:#000;font-size:36px;line-height:1.5;text-align:center}
.view-mobile #introduction.media{min-height:460px}.view-mobile #introduction.media::before{background:url(../image/c8b68.jpg) no-repeat center 0/cover;height:410px;display:block;position:absolute;inset:0;content:""}.view-mobile #introduction.media>.page-wrap{position:relative;margin:0 auto;padding:0 0 260px;overflow:hidden}.view-mobile #introduction.media>.page-wrap>.title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #introduction.media>.page-wrap>.title+*{margin-top:407px}.view-mobile #introduction.media header.header{border-bottom:1px solid #d9d9d9;padding-bottom:1px}.view-mobile #introduction.media header.header .filter ul{display:none}.view-mobile #introduction.media header.header .filter select{background:#303030 url(../image/65fde.png) no-repeat calc(100% - 70px) center;display:block;appearance:none;padding:0 100px 0 60px;width:100%;height:150px;color:#a7a7a7;font-size:38px}.view-mobile #introduction.media header.header .filter option{background:#303030;color:#a7a7a7}.view-mobile #introduction.media header.header .filter [type=submit]{display:none}.view-mobile #introduction.media section.list{margin-top:84px}.view-mobile #introduction.media section.list.thumbnail{margin-inline:60px;overflow:hidden}.view-mobile #introduction.media section.list.thumbnail ul{display:flex;flex-wrap:wrap;gap:40px;margin:-170px 0 0;border-bottom:1px solid #d9d9d9;padding-bottom:40px}.view-mobile #introduction.media section.list.thumbnail ul+.common-paging{padding:50px 60px 0}.view-mobile #introduction.media section.list.thumbnail ul li{display:block;position:relative;flex-grow:0;padding:170px 0 0;width:100%}@media(width >= 640px){:not(.is-mobile).view-mobile #introduction.media section.list.thumbnail ul li{width:calc((100% - 50px)/2)}}.view-mobile #introduction.media section.list.thumbnail ul li::before{display:block;position:absolute;inset:84px -100% 0;background:#ebebed;height:2px;content:""}.view-mobile #introduction.media section.list.thumbnail ul button{display:block;border:1px solid #b3afaf;background:#000;width:100%;overflow:hidden}.view-mobile #introduction.media section.list.thumbnail ul img{display:block;transition-property:scale,opacity;border:0;aspect-ratio:390/220;width:100%}
.view-mobile #support{min-height:460px}.view-mobile #support::before{background:url(../image/4e8b6.jpg) no-repeat center 0/cover;height:407px;display:block;position:absolute;inset:0;content:""}.view-mobile #support>.page-wrap{position:relative;margin:0 auto;padding:0 0 260px;overflow:hidden}.view-mobile #support>.page-wrap>.title+*{margin-top:407px}
.view-mobile #support.faq>.page-wrap>.title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #support.faq .faq .header{display:flex;flex-direction:column;align-items:stretch}.view-mobile #support.faq .faq .header .title{display:none}.view-mobile #support.faq .faq .header .search{display:flex;position:relative;order:2;width:100%}.view-mobile #support.faq .faq .header .search select{background:#fff url(../image/c67cc.png) no-repeat calc(100% - 60px) center;display:block;appearance:none;border:2px solid #e2e2e2;border-top:0;border-left:0;padding:0 100px 0 60px;height:150px;color:#909090;font-size:32px;text-transform:uppercase}.view-mobile #support.faq .faq .header .search option{background:#fff;color:#909090;text-transform:uppercase}.view-mobile #support.faq .faq .header .search [type=text]{display:block;flex-grow:1;align-self:stretch;border:0;border-bottom:2px solid #e2e2e2;padding:0 20px;color:#242424;font-size:32px}.view-mobile #support.faq .faq .header .search [type=text]::placeholder{color:#c4c4c4;text-transform:uppercase}.view-mobile #support.faq .faq .header .search [type=submit]{background:url(../image/e7993.png) no-repeat center;overflow:hidden !important;text-indent:-10000em !important;position:absolute;top:0;right:0;margin:auto;aspect-ratio:1/1;height:100%}.view-mobile #support.faq .faq .header .filter{order:1}.view-mobile #support.faq .faq .header .filter select{background:#303030 url(../image/65fde.png) no-repeat calc(100% - 70px) center;display:block;appearance:none;padding:0 100px 0 60px;width:100%;height:150px;color:#a7a7a7;font-size:38px}.view-mobile #support.faq .faq .header .filter option{background:#303030;color:#a7a7a7}.view-mobile #support.faq .faq .header .filter [type=submit]{display:none}.view-mobile #support.faq .faq section.list{padding:0 75px}.view-mobile #support.faq .faq section.list table{display:block;width:100%}.view-mobile #support.faq .faq section.list table+.common-paging{margin-top:90px}.view-mobile #support.faq .faq section.list thead{display:none}.view-mobile #support.faq .faq section.list tbody{display:block;color:#737781;font-size:42px}.view-mobile #support.faq .faq section.list tr{display:block;position:relative;border-bottom:2px solid #dedede;white-space:nowrap}.view-mobile #support.faq .faq section.list .category{display:block;position:absolute;top:50px;left:15px;pointer-events:none;color:#00c2ab;font-size:28px;text-transform:uppercase;white-space:nowrap}.view-mobile #support.faq .faq section.list .subject{display:block;color:#2d303a;line-height:1.1;text-align:left;white-space:wrap}.view-mobile #support.faq .faq section.list .subject a{display:block;padding:95px 0 45px 15px}.view-mobile #support.faq .faq article.detail .subject{margin:0 60px;border-bottom:2px solid #dedede;padding:80px 0;color:#242424;font-size:54px;line-height:1.3}.view-mobile #support.faq .faq article.detail .category{display:none}.view-mobile #support.faq .faq article.detail .content{margin:0 60px;padding:80px 0;color:#2d303a;font-size:42px;line-height:1.8}.view-mobile #support.faq .faq article.detail .actions{display:flex;flex-direction:column;margin:0 60px;border-top:2px solid #dedede;padding:110px 0}.view-mobile #support.faq .faq article.detail .actions a{display:flex;justify-content:center;align-items:center;border:2px solid #77777d;padding:0 40px;height:180px;color:#2c2c2c;font-size:40px;text-transform:uppercase}
.view-mobile #support.inquire>.page-wrap>.title{display:none}.view-mobile #support.inquire .infomation .header{display:flex;flex-direction:column;align-items:stretch}.view-mobile #support.inquire .infomation .header .title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #support.inquire .infomation section.guide{padding:50px 60px}.view-mobile #support.inquire .infomation section.guide .description{padding:0 10px;color:#2d303a;font-size:42px;line-height:1.6}.view-mobile #support.inquire .infomation section.guide .description p+p{margin-top:70px}.view-mobile #support.inquire .infomation section.guide .description em{display:inline-block;font-weight:bold;font-size:46px}.view-mobile #support.inquire .infomation section.guide .actions{display:flex;flex-direction:column;gap:40px;margin-top:75px}.view-mobile #support.inquire .infomation section.guide .actions a{display:flex;justify-content:center;align-items:center;border:2px solid #77777d;height:180px;color:#2c2c2c;font-size:40px;text-transform:uppercase}.view-mobile #support.inquire .infomation section.notice{padding:50px 60px}.view-mobile #support.inquire .infomation section.notice .title{color:#000;font-size:46px}.view-mobile #support.inquire .infomation section.notice .list{margin-top:25px}.view-mobile #support.inquire .infomation section.notice .list table{display:block;width:100%;table-layout:auto}.view-mobile #support.inquire .infomation section.notice .list thead{display:none}.view-mobile #support.inquire .infomation section.notice .list tbody{display:block;border-bottom:1px solid #f0f0f0}.view-mobile #support.inquire .infomation section.notice .list tbody.no-result td{color:#2d303a;font-size:42px}.view-mobile #support.inquire .infomation section.notice .list tbody tr{display:flex;position:relative;flex-direction:column;justify-content:center;gap:20px;border-top:1px solid #f0f0f0;height:175px}.view-mobile #support.inquire .infomation section.notice .list tbody td{display:block}.view-mobile #support.inquire .infomation section.notice .list tbody .subject{color:#242424;font-size:18px}.view-mobile #support.inquire .infomation section.notice .list tbody .subject a{display:block;overflow:hidden;color:#2d303a;font-size:42px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.view-mobile #support.inquire .infomation section.notice .list tbody .subject a::before{position:absolute;z-index:1;inset:0;content:""}.view-mobile #support.inquire .infomation section.notice .list tbody .date{color:#737781;font-size:28px}.view-mobile #support.inquire .infomation section.operating{margin:50px 60px 0;background:#f5f5f7;padding:75px 60px}.view-mobile #support.inquire .infomation section.operating .hours{color:#2d303a;font-size:42px;text-align:center}.view-mobile #support.inquire .infomation section.operating .hours .title{font-weight:bold}.view-mobile #support.inquire .infomation section.operating .hours .time{margin-top:50px;line-height:1.6}.view-mobile #support.inquire .infomation section.operating .notice{display:flex;flex-direction:column;gap:30px;margin-top:50px;border-top:1px solid #d9d9d9;padding:50px 0 0;color:#666;font-size:32px;line-height:1.5}.view-mobile #support.inquire .infomation section.operating .notice>*{display:flex}.view-mobile #support.inquire .infomation section.operating .notice>*::before{background:url(../image/6ffae.png);width:13px;height:13px;display:block;flex-shrink:0;margin:18px 10px 0 0;content:""}.view-mobile #support.inquire .infomation section.reqest{display:flex;flex-direction:column;align-items:center;margin-top:80px;padding:0 60px}.view-mobile #support.inquire .infomation section.reqest .normal{display:flex;justify-content:center;align-items:center;align-self:stretch;transition-property:background;background:#242424;height:180px;color:#fff;font-size:40px;text-transform:uppercase}.view-mobile #support.inquire .infomation section.reqest .account{display:flex;justify-content:center;align-items:center;align-self:stretch;transition-property:background;height:140px;color:#2d303a;font-size:38px;text-decoration:underline;text-underline-offset:9px}.view-mobile #support.inquire .infomation section.ticket table{width:100%}.view-mobile #support.inquire .infomation section.ticket table tr{display:flex;flex-direction:column}.view-mobile #support.inquire .infomation section.ticket table th,.view-mobile #support.inquire .infomation section.ticket table td{display:block;padding:0 60px;text-align:left}.view-mobile #support.inquire .infomation section.ticket table .label{padding-block:50px;color:#2d303a;font-size:46px}.view-mobile #support.inquire .infomation section.ticket table .item select,.view-mobile #support.inquire .infomation section.ticket table .item textarea,.view-mobile #support.inquire .infomation section.ticket table .item [type=text]{display:block;border:2px solid #bfbfbf;padding:0 55px;width:100%;height:125px;color:#000;font-size:40px}.view-mobile #support.inquire .infomation section.ticket table .item select:disabled,.view-mobile #support.inquire .infomation section.ticket table .item textarea:disabled,.view-mobile #support.inquire .infomation section.ticket table .item [type=text]:disabled{background:#f8f8f8;color:#a7a7a7}.view-mobile #support.inquire .infomation section.ticket table .item textarea{padding-block:55px;height:550px}.view-mobile #support.inquire .infomation section.ticket table .item select{background:#fff url(../image/f0bba.png) no-repeat calc(100% - 60px) center;appearance:none}.view-mobile #support.inquire .infomation section.ticket table .item .file{display:flex;position:relative;flex-direction:column;gap:20px;width:100%}.view-mobile #support.inquire .infomation section.ticket table .item .file::before,.view-mobile #support.inquire .infomation section.ticket table .item .file::after{content:""}.view-mobile #support.inquire .infomation section.ticket table .item .file::before{display:flex;justify-content:center;align-items:center;border:2px solid #77777d;height:180px;content:attr(data-file-label);color:#2c2c2c;font-size:40px;text-transform:uppercase}.view-mobile #support.inquire .infomation section.ticket table .item .file::after{display:block;background:#f1f1f1;padding:0 60px;width:100%;height:180px;overflow:hidden;content:attr(data-file-no-file-text);color:#b7b7b7;font-size:40px;line-height:180px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;word-break:break-all}.view-mobile #support.inquire .infomation section.ticket table .item .file.has-file::after{content:attr(data-file);color:#2c2c2c;text-transform:none}.view-mobile #support.inquire .infomation section.ticket table .item .file input{display:block;position:absolute;opacity:0;width:100%;height:100%}.view-mobile #support.inquire .infomation section.ticket table .item .notice{display:flex;flex-direction:column;gap:10px;margin-top:45px}.view-mobile #support.inquire .infomation section.ticket table .item .notice>*{display:flex;color:#666;font-size:32px;line-height:1.5}.view-mobile #support.inquire .infomation section.ticket table .item .notice>*::before{background:url(../image/6ffae.png);width:13px;height:13px;flex-shrink:0;margin:15px 20px 0 0;content:""}.view-mobile #support.inquire .infomation section.ticket .captcha{margin:50px 60px 0}.view-mobile #support.inquire .infomation section.ticket .captcha [type=text]{border:2px solid #bfbfbf;padding:0 60px;height:125px;color:#000;font-size:40px;text-align:center}.view-mobile #support.inquire .infomation section.ticket .captcha [type=text]::placeholder{color:#a7a7a7}.view-mobile #support.inquire .infomation section.ticket .actions{display:flex;justify-content:center;margin:80px 60px 0}.view-mobile #support.inquire .infomation section.ticket .actions>*{display:flex;flex-grow:1;justify-content:center;align-items:center;background:#242424;height:180px;color:#fff;font-size:40px;text-transform:uppercase}.view-mobile #support.inquire .alert{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-mobile #support.inquire .alert .popup-container{display:flex;position:relative;justify-content:center;padding:60px;width:100%;max-height:100%;overflow-y:auto}.view-mobile #support.inquire .alert *{pointer-events:none}.view-mobile #support.inquire .alert.show{visibility:visible;opacity:1}.view-mobile #support.inquire .alert.show *{pointer-events:auto}.view-mobile #support.inquire .alert .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;padding:60px;width:100%;max-width:var(--6fbb3);height:fit-content}.view-mobile #support.inquire .alert .title{margin:0 auto;color:#000;font-size:46px;line-height:1.6;text-align:center}.view-mobile #support.inquire .alert .title em{display:block;color:#ff2285}.view-mobile #support.inquire .alert .description{margin-top:60px;border-top:1px solid #e2e2e2;padding:35px 0;color:#2d303a;font-size:42px;line-height:1.6;text-align:center}.view-mobile #support.inquire .alert .description p+p{margin-top:20px}.view-mobile #support.inquire .alert .actions{display:flex;flex-direction:column;gap:40px;margin-top:50px}.view-mobile #support.inquire .alert .actions button{display:flex;justify-content:center;align-items:center;height:180px;font-size:40px;text-align:center;text-transform:uppercase}.view-mobile #support.inquire .alert .actions button.cancel{order:2;border:1px solid #77777d;background:#fff;color:#2c2c2c}.view-mobile #support.inquire .alert .actions button.submit{order:1;background:#242424;color:#fff}
.view-mobile #support.second-password>.page-wrap>.title{display:none}.view-mobile #support.second-password .infomation .header{display:flex;flex-direction:column;align-items:stretch}.view-mobile #support.second-password .infomation .header .title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #support.second-password .infomation section.guide{padding:50px 60px}.view-mobile #support.second-password .infomation section.guide .description{color:#2d303a;font-size:42px;line-height:1.5}.view-mobile #support.second-password .infomation section.guide .actions{display:flex;margin-top:75px}.view-mobile #support.second-password .infomation section.guide .actions button{display:flex;flex-grow:1;justify-content:center;align-items:center;background:#242424;height:180px;color:#fff;font-size:40px;text-transform:uppercase}.view-mobile #support.second-password .infomation section.guide .notice{margin-top:20px;color:#4b4b4b;font-size:36px;line-height:1.5;text-align:center}.view-mobile #support.second-password .infomation section.steps{margin-top:90px}.view-mobile #support.second-password .infomation section.steps>.title{color:#2d303a;font-size:46px;text-align:center}.view-mobile #support.second-password .infomation section.steps .steps{display:flex;flex-direction:column;gap:60px;margin-top:60px;padding:0 60px}.view-mobile #support.second-password .infomation section.steps .steps .step{display:flex;flex-direction:column;border:2px solid #eaeaec}.view-mobile #support.second-password .infomation section.steps .steps .step .title{display:block;position:relative;margin:25px auto 0;height:100px;color:#242424;font-size:42px;line-height:100px;text-align:center;text-transform:uppercase}.view-mobile #support.second-password .infomation section.steps .steps .step .title::after{display:block;position:absolute;margin:auto;inset:auto 0 0;background:#eaeaec;width:120px;height:2px;content:""}.view-mobile #support.second-password .infomation section.steps .steps .step .image{margin:45px auto 0}.view-mobile #support.second-password .infomation section.steps .steps .step .description{display:flex;align-items:center;margin-top:40px;border-top:1px solid #eaeaec;padding:80px 60px;color:#2d303a;font-size:42px;line-height:1.5;text-align:center}.view-mobile #support.second-password .infomation section.steps .steps .step .description em{display:inline;font-weight:bold}.view-mobile #support.second-password .infomation section.steps .steps .step-1 .image{background:url(../image/585c9.png);width:797px;height:404px}.view-mobile #support.second-password .infomation section.steps .steps .step-2 .image{background:url(../image/35fa3.png);width:795px;height:450px}.view-mobile #support.second-password .infomation section.steps .steps .step-3 .image{background:url(../image/d0fa6.png);width:795px;height:450px}.view-mobile #support.second-password .infomation section.cautions{margin-top:20px;padding:0 60px}.view-mobile #support.second-password .infomation section.cautions .title{display:none}.view-mobile #support.second-password .infomation section.cautions ul{display:flex;flex-direction:column;gap:34px;margin-top:45px}.view-mobile #support.second-password .infomation section.cautions li{display:flex;color:#666;font-size:32px;line-height:1.5}.view-mobile #support.second-password .infomation section.cautions li::before{background:url(../image/6ffae.png);width:13px;height:13px;flex-shrink:0;margin:15px 20px 0 0;content:""}
.view-mobile #support.policy>.page-wrap>.title{display:none}.view-mobile #support.policy .policy .header{display:flex;flex-direction:column;align-items:stretch}.view-mobile #support.policy .policy .header .title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #support.policy .policy .policies{padding:80px 60px 0}.view-mobile #support.policy .policy .policies ul{display:flex;flex-wrap:wrap;gap:2px;border:2px solid #636363;background:#636363}.view-mobile #support.policy .policy .policies ul li{display:block;flex-grow:1;width:calc(50% - 2px)}.view-mobile #support.policy .policy .policies ul button{display:block;background:#fff;padding:0 55px;width:100%;height:125px;color:#000;font-size:40px;text-transform:uppercase}.view-mobile #support.policy .policy .policies ul button.active{background:#f1f1f1;color:#151515;font-weight:bold}.view-mobile #support.policy .policy .content{padding:80px 60px;color:#2d303a;font-size:42px;line-height:1.6}
.view-mobile #layout[data-layout~=popup] #top-up::before{display:none}.view-mobile #layout[data-layout~=popup] #top-up>.page-wrap{padding:0;width:100%}.view-mobile #layout[data-layout~=popup] #top-up .charge-alert{position:relative;visibility:visible;opacity:1;background:unset}.view-mobile #layout[data-layout~=popup] #top-up .charge-alert *{pointer-events:auto}.view-mobile #layout[data-layout~=popup] #top-up .charge-alert .popup-container{display:block}.view-mobile #layout[data-layout~=popup] #top-up .charge-alert .page-wrap{border:0;max-width:none}.view-mobile #top-up{min-height:460px}.view-mobile #top-up::before{background:url(../image/7a1bc.jpg) no-repeat center 0/cover;height:590px;display:block;position:absolute;inset:0;content:""}.view-mobile #top-up>.page-wrap{position:relative;margin:0 auto;padding:260px 60px}.view-mobile #top-up>.page-wrap>.title{display:none}.view-mobile #top-up .cash-box{background:rgba(0,0,0,.9);padding:40px 0}.view-mobile #top-up .cash-box .info{display:flex;flex-direction:column;align-items:center;gap:17px}.view-mobile #top-up .cash-box .info .method{display:none}.view-mobile #top-up .cash-box .info .current{display:flex;flex-direction:column;gap:20px}.view-mobile #top-up .cash-box .info .current .title{color:#ffc23e;font-weight:normal;font-size:40px}.view-mobile #top-up .cash-box .info .current .amount{display:flex;justify-content:center;align-items:flex-end;gap:15px;color:#fff;font-weight:300;font-size:120px;line-height:1}.view-mobile #top-up .cash-box .info .current .amount::before{background:url(../image/29b15.png);width:61px;height:60px;display:block;margin-bottom:10px;content:""}.view-mobile #top-up .cash-box .info .input{display:block;align-self:stretch;margin:30px 60px 0;border:2px solid #ffc23e;background:#080a0c;height:180px;color:#ffc23d;font-size:40px;text-transform:uppercase}.view-mobile #top-up .cash-box .help{display:flex;flex-direction:column;align-items:center;padding:45px 60px 0}.view-mobile #top-up .cash-box .help .label{display:flex;flex-direction:column;align-items:center;opacity:.65;color:#fff;font-size:42px;line-height:1}.view-mobile #top-up .cash-box .help .label::after{display:block;margin:33px 0 30px;background:#3e3f46;width:130px;height:3px;content:""}.view-mobile #top-up .cash-box .help .text{opacity:.5;color:#fff;font-size:36px;line-height:44px;letter-spacing:1px;text-align:center}.view-mobile #top-up .activities .header{margin-top:70px}.view-mobile #top-up .activities .header .title{color:#000;font-size:60px;line-height:1;text-transform:uppercase}.view-mobile #top-up .activities .header .types{display:flex;align-items:stretch;align-items:center;margin-top:35px;border-top:2px solid #dedede;border-bottom:2px solid #dedede;width:100%}.view-mobile #top-up .activities .header .types>*{display:flex;flex-grow:1;align-items:center}.view-mobile #top-up .activities .header .types::before,.view-mobile #top-up .activities .header .types>*::after{display:block;flex-grow:0;background:#dedede;width:2px;height:123px;content:""}.view-mobile #top-up .activities .header .types button{display:block;flex-grow:1;transition-property:border,color;border-bottom:2px solid rgba(0,0,0,0);background:rgba(0,0,0,0);height:123px;color:#b6b6be;font-size:38px;text-align:center;text-transform:uppercase}.view-mobile #top-up .activities .header .types button.active{border-color:#57feea;color:#10d8c0}.view-mobile #top-up .activities .list{margin-top:50px}.view-mobile #top-up .activities .list table{display:block;border-top:2px solid #dedede;width:100%}.view-mobile #top-up .activities .list table+.common-paging{margin-top:90px}.view-mobile #top-up .activities .list thead{display:none}.view-mobile #top-up .activities .list tbody{display:block;color:#737781;font-size:42px}.view-mobile #top-up .activities .list tbody tr{display:grid;grid-template:"details details input costs" auto "date game input costs" auto/min-content 1fr min-content min-content;align-items:center;border-bottom:2px solid #dedede;padding:45px 0 45px 15px;white-space:nowrap}.view-mobile #top-up .activities .list tbody .date{grid-area:date;color:#737781;font-size:28px}.view-mobile #top-up .activities .list tbody .details{grid-area:details;margin-bottom:25px;color:#2d303a;line-height:1.1;text-align:left;white-space:wrap}.view-mobile #top-up .activities .list tbody .game{display:flex;grid-area:game;align-items:center;font-size:28px;white-space:wrap}.view-mobile #top-up .activities .list tbody .game:not(:empty)::before{display:block;margin:0 18px;background:#d9d9d9;width:2px;height:22px;content:""}.view-mobile #top-up .activities .list tbody .input{grid-area:input;color:#00c2ab}.view-mobile #top-up .activities .list tbody .input:not(:empty){margin-left:25px}.view-mobile #top-up .activities .list tbody .costs{grid-area:costs;color:#ff666a}.view-mobile #top-up .activities .list tbody .costs:not(:empty){margin-left:25px}.view-mobile #top-up .charge-option{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-mobile #top-up .charge-option .popup-container{display:flex;position:relative;justify-content:center;padding:60px;width:100%;max-height:100%;overflow-y:auto}.view-mobile #top-up .charge-option *{pointer-events:none}.view-mobile #top-up .charge-option.show{visibility:visible;opacity:1}.view-mobile #top-up .charge-option.show *{pointer-events:auto}.view-mobile #top-up .charge-option .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:100%;max-width:var(--6fbb3);height:fit-content}.view-mobile #top-up .charge-option .title{margin:50px 0 0;border-bottom:1px solid #cdcdcd;padding-bottom:50px;color:#000;font-weight:normal;font-size:40px;text-align:center}.view-mobile #top-up .charge-option .methods{display:flex;justify-content:center;align-items:center;gap:20px;margin:70px 32px}.view-mobile #top-up .charge-option .methods .method{position:relative;cursor:pointer;width:calc(50% - 50px)}.view-mobile #top-up .charge-option .methods .method input{position:absolute;top:0;left:0;opacity:0}.view-mobile #top-up .charge-option .methods .method .label{display:flex;flex-direction:column;place-items:center;gap:30px;color:#000;font-size:42px;text-align:center}.view-mobile #top-up .charge-option .methods .method .label::before{display:block;transition-property:border;border:1px solid #cdcdcd;background:no-repeat center/contain;width:150px;height:150px;content:""}.view-mobile #top-up .charge-option .methods .method.cherry-credits input:checked~.label::before{border-color:#eb4189}.view-mobile #top-up .charge-option .methods .method.cherry-credits .label::before{background-image:url(../image/a1a7a.png)}.view-mobile #top-up .charge-option .methods .method.paypal input:checked~.label::before{border-color:#00186a}.view-mobile #top-up .charge-option .methods .method.paypal .label::before{background-image:url(../image/2f8de.png)}.view-mobile #top-up .charge-option .actions{display:flex;flex-direction:column;gap:60px}.view-mobile #top-up .charge-option .actions button{display:flex;justify-content:center;align-items:center;text-align:center}.view-mobile #top-up .charge-option .actions button.checked{transition-property:background;margin:0 60px;border-radius:3px;background:#ffc23e;height:180px;color:#222;font-weight:600;font-size:40px;text-transform:uppercase}.view-mobile #top-up .charge-option .actions button.close{background:#f5f5f5;width:100%;height:150px;color:#3c3c3c;font-weight:600;font-size:40px}.view-mobile #top-up .item-select{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-mobile #top-up .item-select .popup-container{display:flex;position:relative;justify-content:center;padding:60px;width:100%;max-height:100%;overflow-y:auto}.view-mobile #top-up .item-select *{pointer-events:none}.view-mobile #top-up .item-select.show{visibility:visible;opacity:1}.view-mobile #top-up .item-select.show *{pointer-events:auto}.view-mobile #top-up .item-select .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:100%;max-width:var(--6fbb3);height:fit-content}.view-mobile #top-up .item-select .header{display:flex;flex-direction:column;align-items:center;gap:20px;margin:110px 0 0}.view-mobile #top-up .item-select .title{color:#000;font-size:40px}.view-mobile #top-up .item-select .account{color:#787878;font-size:36px}.view-mobile #top-up .item-select .items{display:flex;flex-direction:column;margin:55px 60px;padding:1px 0}.view-mobile #top-up .item-select .item{display:block;position:relative;margin:-1px 0;border:1px solid #e5e5e5;background:#fff;height:300px}.view-mobile #top-up .item-select .item .amount{display:flex;justify-content:center;align-items:center;width:500px;height:100%;color:#0042ff;font-size:42px}.view-mobile #top-up .item-select .item .amount .unit{display:inline;color:#5d87ff;font-size:40px}.view-mobile #top-up .item-select .item .amount .unit::before{content:" "}.view-mobile #top-up .item-select .item .price{display:flex;position:absolute;top:38px;right:38px;justify-content:center;align-items:start;z-index:1;padding-top:70px;width:324px;height:223px;pointer-events:none;color:#8b8b8b;font-size:36px}.view-mobile #top-up .item-select .item .charge{display:flex;position:absolute;top:38px;right:38px;justify-content:center;align-items:start;border:1px solid #616161;background:#fff;padding-top:110px;width:324px;height:223px;font-size:40px;text-transform:uppercase}.view-mobile #top-up .item-select .notice{display:flex;flex-flow:column wrap;gap:8px;margin:30px 60px 0}.view-mobile #top-up .item-select .notice>*{display:flex;gap:10px;color:#787878;font-size:36px}.view-mobile #top-up .item-select .notice>*::before{content:"!"}.view-mobile #top-up .item-select .actions{margin-top:80px}.view-mobile #top-up .item-select .actions #paypal-button-container{margin:0 60px 80px}.view-mobile #top-up .item-select .actions #paypal-button-container>*{zoom:2.4}.view-mobile #top-up .item-select .actions button{display:flex;justify-content:center;align-items:center;text-align:center}.view-mobile #top-up .item-select .actions button.close{background:#f5f5f5;width:100%;height:150px;color:#3c3c3c;font-weight:600;font-size:40px}.view-mobile #top-up .item-select.paypal .item input{position:absolute;top:0;left:0;opacity:0}.view-mobile #top-up .item-select.paypal .item input:checked+.label{z-index:1}.view-mobile #top-up .item-select.paypal .item input:checked+.label::before{border-color:#0042ff}.view-mobile #top-up .item-select.paypal .item .label{display:block;position:absolute;cursor:pointer;inset:-1px 0 0}.view-mobile #top-up .item-select.paypal .item .label::before{display:block;position:absolute;transition-property:border;inset:0;border:1px solid rgba(0,0,0,0);content:""}.view-mobile #top-up .item-select.paypal .actions #paypal-button-container{text-align:center}.view-mobile #top-up .charge-alert{display:flex;position:fixed;justify-content:center;visibility:hidden;opacity:0;z-index:900;transition-property:visibility,opacity;inset:0;background:rgba(27,27,27,.4)}.view-mobile #top-up .charge-alert .popup-container{display:flex;position:relative;justify-content:center;padding:60px;width:100%;max-height:100%;overflow-y:auto}.view-mobile #top-up .charge-alert *{pointer-events:none}.view-mobile #top-up .charge-alert.show{visibility:visible;opacity:1}.view-mobile #top-up .charge-alert.show *{pointer-events:auto}.view-mobile #top-up .charge-alert .page-wrap{margin:auto;box-shadow:0 0 24px 4px hsla(0,0%,100%,.27);border:1px solid #aeaeae;background:#fff;width:100%;max-width:var(--6fbb3);height:fit-content}.view-mobile #top-up .charge-alert.success .title{color:#00bca5}.view-mobile #top-up .charge-alert.success .title::before{background:url(../image/c0623.png);width:141px;height:141px}.view-mobile #top-up .charge-alert.fail .title{color:#fe3d6a}.view-mobile #top-up .charge-alert.fail .title::before{background:url(../image/57a86.png);width:174px;height:138px}.view-mobile #top-up .charge-alert .title{display:flex;flex-direction:column;align-items:center;gap:20px;margin:100px 0 0;color:#000;font-size:80px}.view-mobile #top-up .charge-alert .title::before{display:block;content:""}.view-mobile #top-up .charge-alert .message{margin:35px 0 0;color:#242424;font-weight:bold;font-size:40px;line-height:1.4;text-align:center}.view-mobile #top-up .charge-alert .description{display:block;margin:50px 55px 0;border-top:1px solid #cdcdcd;padding-top:50px;color:#000;font-size:36px;line-height:1.5;text-align:center}.view-mobile #top-up .charge-alert .description a{color:red;text-decoration:underline;text-underline-offset:4px}.view-mobile #top-up .charge-alert .back{display:flex;justify-content:center;align-items:center;transition-property:background;margin:80px 60px 0;background:#222;width:calc(100% - 120px);height:180px;color:#fff;font-size:40px;text-transform:uppercase}.view-mobile #top-up .charge-alert .actions{display:flex;flex-direction:column;margin-top:100px}.view-mobile #top-up .charge-alert .actions button{display:flex;justify-content:center;align-items:center;text-align:center}.view-mobile #top-up .charge-alert .actions button.close{background:#f5f5f5;width:100%;height:150px;color:#3c3c3c;font-weight:600;font-size:40px}
.view-mobile #download{min-height:460px}.view-mobile #download::before{background:url(../image/e2abf.jpg) no-repeat center 0/cover;height:407px;display:block;position:absolute;inset:0;content:""}.view-mobile #download>.page-wrap{position:relative;margin:0 auto;padding:0 0 260px;overflow:hidden}.view-mobile #download>.page-wrap>.title+*{margin-top:407px}.view-mobile #download.game-client>.page-wrap>.title{position:absolute;top:240px;left:60px;color:#fff;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase}.view-mobile #download.game-client .download{padding:100px 60px}.view-mobile #download.game-client .download .header{display:none}.view-mobile #download.game-client .download .only-pc{background:#f5f5f7;padding:45px 60px;color:#2d303a;font-size:42px;line-height:1.6;text-align:center}.view-mobile #download.game-client .download .downloads{display:none}.view-mobile #download.game-client .download .requirement{margin-top:100px}.view-mobile #download.game-client .download .requirement .title{color:#2d303a;font-size:42px;text-transform:capitalize}.view-mobile #download.game-client .download .requirement .specs{margin-top:35px}.view-mobile #download.game-client .download .requirement table{width:2700px;table-layout:fixed;text-align:center}.view-mobile #download.game-client .download .requirement col.label{width:580px}.view-mobile #download.game-client .download .requirement thead{background:#a0a0a0;color:#fff;font-size:38px}.view-mobile #download.game-client .download .requirement thead .minimum{background:#5f5f5f}.view-mobile #download.game-client .download .requirement thead .basic{background:#3e3e3e}.view-mobile #download.game-client .download .requirement thead .recommended{background:#222}.view-mobile #download.game-client .download .requirement thead .optimal{background:#000}.view-mobile #download.game-client .download .requirement tbody{color:#1e1e1e;font-size:34px}.view-mobile #download.game-client .download .requirement tr :first-child{border-left:0}.view-mobile #download.game-client .download .requirement tr :last-child{border-right:0}.view-mobile #download.game-client .download .requirement th,.view-mobile #download.game-client .download .requirement td{border:2px solid #d9d9d9;padding:35px 80px;height:150px;font-weight:normal}.view-mobile #download.game-client .download .latest-driver{display:none}.view-mobile #download.game-client .download .cautions{display:none}.view-mobile #download .download-list{display:none}
.view-mobile #page-system{display:flex;justify-content:center;background:#090909;padding:var(--6d712) 0 var(--ea59f);width:100%;min-height:calc(100vh*1/var(--d21bb))}.view-mobile #page-system .page-wrap{padding:70px 0;width:100%}.view-mobile #page-system .title{display:flex;flex-direction:column;align-items:center;gap:20px;color:#e6e6e6;font-size:120px;line-height:1.1;text-align:center;text-transform:uppercase}.view-mobile #page-system .title::before{background:url(../image/cf532.png);width:201px;height:211px;display:block;content:""}.view-mobile #page-system .form{display:flex;flex-direction:column;gap:50px;margin-top:70px;padding:0 90px}.view-mobile #page-system .form .button{display:flex;justify-content:center;align-items:center;transition-property:background;background:#fff;width:100%;height:180px;color:#222;font-weight:bold;font-size:40px;text-transform:uppercase}.view-mobile #page-system .form .actions{display:flex;padding-top:25px}.view-mobile #page-system .message{color:#c4c3c3;font-size:42px;text-align:center}.view-mobile #page-system .message .maintenance{margin-top:50px;color:#fff;font-size:50px}
body {
    font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    color: #333;
}