@charset "utf-8";


/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}

body{min-width:1280px;margin:0;padding:0;font-family:'pretendard',Malgun Gothic;font-size:18px;font-weight:400;color:#000;letter-spacing:-0.5px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit}
a:hover{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none;background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}

@font-face{font-style:normal;font-weight:400;font-family:'pretendard';
	src:url(../fonts/Pretendard-Regular.woff2) format("woff2");	
}

@font-face{font-style:normal;font-weight:700;font-family:'lato';
	src:url(../fonts/Lato-Bold.woff) format("woff");	
}

body, html{overflow:hidden;}
html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important}.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto!important}
#fullpage{min-width:1100px;height:100%;}

.slick-prev.slick-arrow{z-index:9;position:absolute;left:0;bottom:0;top:0;margin:auto 0;font-size:0}.slick-next.slick-arrow{z-index:9;position:absolute;right:0;bottom:0;top:0;margin:auto 0;font-size:0}.slick-dots{text-align:center}.slick-dots li{display:inline-block;vertical-align:top}.slick-dots button{display:block;font-size:0;border:1px solid #0d0e0d;background:#b5b9bb;border-radius:100%;transition:.25s all}.slick-dots .slick-active button{background:#fff;border:0;box-shadow:0 0 10px rgba(255,255,255,1)}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

html{scrollbar-face-color:#7d5d50;scrollbar-3dlight-color:#000;scrollbar-highlight-color:#000;scrollbar-shadow-color:#000;scrollbar-darkshadow-color:#000;scrollbar-arrow-color:#000;scrollbar-track-color:#000;}

::-webkit-scrollbar{width:6px; height:6px;border:6px solid #000;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#000}
::-webkit-scrollbar-track{background:#000; -webkit-border-radius: 10px;border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:6px;background:#7d5d50;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

::-webkit-input-placeholder{color:#666;font-size:0;}
:-moz-placeholder{color:#666;opacity:1;font-size:0;}
::-moz-placeholder{color:#666;opacity:1;font-size:0;}
:-ms-input-placeholder{color:#666;font-size:0;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 130px #1e3c33 inset !important;-webkit-text-fill-color: #fff;}

.chk_box{position:relative;}
.chk_box input[type=checkbox]{opacity:0;}
.chk_box{position:relative;}
.chk_box label{display:inline-block;padding-left:30px;vertical-align:middle;font-size:15px;color:#000;font-weight:600}
.chk_box input[type="checkbox"]{position:absolute;top:2px;left:0;}
.chk_box label:before{content:"";position:absolute;top:2px;left:0;width:20px;height:20px;background:url(../images/common/ico_chk.png) no-repeat 50% 50%;}
.chk_box input[type="checkbox"]:checked + label::before{background:url(../images/common/ico_chk_on.png) no-repeat 50% 50%;}
.chk_box *{vertical-align:top;}

.btn_trigger{position:absolute;top:30px;right:-90px;width:55px;height:47px;font-size:0;background:url(../images/common/pc/btn_mOpen.png) no-repeat 50% 50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.btn_trigger.close{z-index:3;top:30px;right:-45px;width:50px;height:50px;background:url(../images/common/pc/btn_close.png) no-repeat 50% 50%;}

.header{z-index:999;position:fixed;top:0;left:-369px;width:369px;height:100%;font-size:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.header.open{left:0;}
.header.open:before{z-index:1;content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.header *{vertical-align:middle;}
.header .box{z-index:2;position:relative;overflow-y:auto;width:364px;height:100%;border-right:3px solid #ff00a6;background:url(../images/common/pc/bg_gnb.png) no-repeat 50% 50% #24204b;background-size:cover}
.header .logo{display:block;padding-top:110px;margin-bottom:80px;}
.header .logo a{display:block;width:221px;height:86px;margin:0 auto;background:url(../images/common/pc/logo_m.png) no-repeat 50% 50%;}

.menu_ui{position:relative;margin-bottom:110px;text-align:center}
.menu_ui ul li{position:relative;}
.menu_ui ul li~li{margin-top:10px;}
.menu_ui ul a{position:relative;display:block;height:40px;font-size:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.menu_ui ul li.active{background:url(../images/common/pc/bar_menu.png) no-repeat 50% 50%;}

.hadSns_ui{position:relative;width:288px;height:91px;margin:0 auto;background:url(../images/common/pc/frame_sns.png) no-repeat 50% 50%;}
.hadSns_ui ul{display:flex;gap:10px;align-items:center;height:91px;margin:0 20px;}
.hadSns_ui a, .hadSns_ui button{display:block;width:54px;height:54px;font-size:0;transition:all 0.3s ease-in-out;}
.hadSns_ui .btn_discord{background:url(../images/common/pc/btn_discord.png) no-repeat 50% 50%;}
.hadSns_ui .btn_x{background:url(../images/common/pc/btn_x.png) no-repeat 50% 50%;}
.hadSns_ui .btn_facebook{background:url(../images/common/pc/btn_facebook.png) no-repeat 50% 50%;}
.hadSns_ui .btn_youtube{background:url(../images/common/pc/btn_youtube.png) no-repeat 50% 50%;}
.hadSns_ui .btn_discord:hover{background:url(../images/common/pc/btn_discord_ov.png) no-repeat 50% 50%;}
.hadSns_ui .btn_x:hover{background:url(../images/common/pc/btn_x_ov.png) no-repeat 50% 50%;}
.hadSns_ui .btn_facebook:hover{background:url(../images/common/pc/btn_facebook_ov.png) no-repeat 50% 50%;}
.hadSns_ui .btn_youtube:hover{background:url(../images/common/pc/btn_youtube_ov.png) no-repeat 50% 50%;}
.hadSns_ui .language{display:none}

.sideSns_ui{z-index:1;position:fixed;top:50px;right:50px}
.sideSns_ui ul{display:flex;gap:10px;align-items:center;height:47px;}
.sideSns_ui a, .sideSns_ui button{display:block;width:42px;height:42px;font-size:0;transition:all 0.3s ease-in-out;}
.sideSns_ui .btn_discord{position:absolute;top:140px;right:-9px;width:161px;height:189px;background:url(../images/common/pc/btn_discord2.png) no-repeat 50% 50%;}
.sideSns_ui .btn_x{background:url(../images/common/pc/btn_x2.png) no-repeat 50% 50%;}
.sideSns_ui .btn_facebook{background:url(../images/common/pc/btn_facebook2.png) no-repeat 50% 50%;}
.sideSns_ui .btn_youtube{background:url(../images/common/pc/btn_youtube2.png) no-repeat 50% 50%;}
.sideSns_ui .btn_discord:hover{background:url(../images/common/pc/btn_discord2_ov.png) no-repeat 50% 50%;}
.sideSns_ui .btn_x:hover{background:url(../images/common/pc/btn_x2_ov.png) no-repeat 50% 50%;}
.sideSns_ui .btn_facebook:hover{background:url(../images/common/pc/btn_facebook2_ov.png) no-repeat 50% 50%;}
.sideSns_ui .btn_youtube:hover{background:url(../images/common/pc/btn_youtube2_ov.png) no-repeat 50% 50%;}
.sideSns_ui .language{display:none;position:relative;margin-left:10px;}
.sideSns_ui .language a~a{position:absolute;top:47px;right:0;display:none}
.sideSns_ui .language:hover a~a{display:block;}
.sideSns_ui .language.en .en{width:146px;height:47px;background:url(../images/common/pc/lang_en_active.png) no-repeat 50% 50%;}
.sideSns_ui .language.en .kr{width:146px;height:47px;background:url(../images/common/pc/lang_kr.png) no-repeat 50% 50%;}
.sideSns_ui .language.kr .kr{width:146px;height:47px;background:url(../images/common/pc/lang_kr_active.png) no-repeat 50% 50%;}
.sideSns_ui .language.kr .en{width:146px;height:47px;background:url(../images/common/pc/lang_en.png) no-repeat 50% 50%;}
.sideSns_ui.en .language.en{display:block}
.sideSns_ui.kr .language.kr{display:block}

.section{overflow:hidden;z-index:11;position:relative;min-width:1080px;min-height:100vh;box-sizing:border-box;}
.section h2{font-size:0}
.section .cons{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;}
.section .box{position:relative;}

.section.main{position:relative;z-index:1;background:#000}
.section.main .box{z-index:3;position:relative;width:839px;height:100%;margin:0 auto;}
.section.main .box .in{position:relative;height:100%;text-align:center;}
.section.main .logo{position:relative;height:154px;top:60px;font-size:0;background:url(../images/common/pc/logo2.png) no-repeat 50% 50%;}
.section.main .link{position:absolute;bottom:74px;width:100%;text-align:center}
.section.main .link .txt{height:152px;background:url(../images/en/pc/logo_txt.png) no-repeat 50% 50%;}
/* .section.main .btn_emved{z-index:2;position:relative;} */
/* .section.main .btn_emved a{display:inline-block;width:176px;height:176px;;font-size:0;background:url(../images/common/pc/btn_emved.png) no-repeat 50% 50%;background-size:cover;transition:all 0.25s ease-in;} */
.section.main .btn_g{position:relative;}
.section.main .btn_g a{display:inline-block;width:277px;height:63px;font-size:0;background:url(../images/common/pc/btn_mainBook.png) no-repeat 50% 50%;}

.section.main .pc{display:block}
.section.main .mobile{display:none}

#myVideo{position:fixed;left:0;right:0;bottom:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;}
.section.main .video:before{z-index:1;content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/common/bg.png) no-repeat 50% 50%;background-size:cover}

.section.register{background:url(../images/common/pc/bg_register.jpg) no-repeat 50% 50%;background-size:cover}
.section.register h2{margin:-60px 0 -14px 0;font-size:0;}
.section.register .box{z-index:3;position:relative;width:1003px;margin:0 auto}
.register_ui{position:relative;}
.register_ui .in{position:relative;width:1003px;height:546px;margin:0 auto;padding-top:48px;box-sizing:border-box;background:url(../images/common/pc/in_book.png) no-repeat 50% 0;}
.register_ui .chkInput_g{height:66px;margin-top:12px;text-align:center}
.register_ui .chkInput_g div{display:inline-block;background:url(../images/common/pc/mail_frame.png) no-repeat 0 50%;}
.register_ui .chkInput_g input{position:relative;top:3px;left:1px;height:56px;width:483px;padding-left:62px;font-size:26px;color:#fff;box-sizing:border-box;background:url(../images/common/pc/txt_email.png) no-repeat 62px 50%;border:0}
.register_ui .chkInput_g input.focus{background:transparent}
.register_ui .chkInput_g input:focus{outline:none}
.register_ui .btns{display:inline-block;width:233px;height:85px;font-size:0;transition:all 0.3s ease-in-out;}
.register_ui .agree_box{position:relative;width:721px;margin:20px auto 40px}
.register_ui .agree_box .chk_g{margin-top:6px}
.register_ui .agree_box li p{display:inline-block;}

.section.register .cha_g .cha1{z-index:1;position:absolute;top:200px;left:-225px;width:285px;height:253px;background:url(../images/common/cha01.png) no-repeat 50% 50%;}
.section.register .cha_g .cha2{position:absolute;bottom:-35px;right:-175px;margin:0 auto;width:254px;height:228px;background:url(../images/common/cha02.png) no-repeat 50% 50%;}

.setSns_ui{position:relative;width:1003px;height:273px;padding-top:50px;margin:0 auto;}
.setSns_ui ul{display:flex;gap:30px;justify-content:center;margin-top:26px;}
.setSns_ui a, .setSns_ui button{display:block;width:102px;height:105px;font-size:0;transition:all 0.3s ease-in-out;}
.setSns_ui .btn_discord{background:url(../images/common/pc/btn_discord3.png) no-repeat 50% 50%;}
.setSns_ui .btn_x{background:url(../images/common/pc/btn_x3.png) no-repeat 50% 50%;}
.setSns_ui .btn_facebook{background:url(../images/common/pc/btn_facebook3.png) no-repeat 50% 50%;}
.setSns_ui .btn_youtube{background:url(../images/common/pc/btn_youtube3.png) no-repeat 50% 50%;}
.setSns_ui .btn_discord:hover{background:url(../images/common/pc/btn_discord3_ov.png) no-repeat 50% 50%;}
.setSns_ui .btn_x:hover{background:url(../images/common/pc/btn_x3_ov.png) no-repeat 50% 50%;}
.setSns_ui .btn_facebook:hover{background:url(../images/common/pc/btn_facebook3_ov.png) no-repeat 50% 50%;}
.setSns_ui .btn_youtube:hover{background:url(../images/common/pc/btn_youtube3_ov.png) no-repeat 50% 50%;}
.setSns_ui .language{display:none}


/* introduction */
.introduction{background:url(../images/common/pc/bg_introduction.jpg) no-repeat 50% 50%;background-size:cover}
.introduction .box{width:100vw;height:900px;}
.introduction .box .in{position:relative;height:100%;}

/* Swiper 4.0.7 */
.swiper-css{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.swiper-css .item div{background:none ! important}
.tankItem{position:absolute;left:50%;width:1700px;height:457px;margin:4% 0 0 -850px;transition:all 0.3s ease-in-out}
.swiper-css{margin-top:-10%;padding:50px 0;}
.swiper-css.swiper-container-coverflow{position:relative;width:1480px;height:613px;}
.swiper-css .swiper-slide{width:296px;height:613px;}
.swiper-css .swiper-slide img{height:100%;}
.swiper-button-prev{outline:none;z-index:10;left:-50px;top:50%;width:104px;height:107px;margin-top:-107px;background:url(../images/common/btn_prev.png) no-repeat 50% 50%;}
.swiper-button-next{outline:none;z-index:10;right:-50px;top:50%;width:104px;height:107px;margin-top:-107px;background:url(../images/common/btn_next.png) no-repeat 50% 50%;}
.swiper-button-prev,.swiper-button-next{opacity:0;transition:all 0.5s ease-in-out}
.swiper-button-prev.act,.swiper-button-next.act{opacity:1;}
.swiper-button-prev.act{left:0;}
.swiper-button-next.act{right:0;}
.swiper-slide.swiper-slide-active{width:296px;height:613px;}

#gameItem,#spinGroup{transform-style:preserve-3d;transform:rotateX(-10deg)}
#gameItem{position:absolute;width:296px;height:613px;left:0;right:0;top:0;bottom:0;margin:auto}
#spinGroup{position:relative;display:flex;transition:all 0.2s ease-in-out}
#spinGroup .item{position:absolute;left:0;top:0;width:296px;height:613px;transform-style:preserve-3d;transition:all 2s ease-in-out;}
.tankItem .item{cursor:default;}
.tankItem .item span{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;transition: all 0.3s;}
.tankItem .tank1{background:url(../images/common/obj_tank1.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank2{background:url(../images/common/obj_tank2.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank3{background:url(../images/common/obj_tank3.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank4{background:url(../images/common/obj_tank4.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank5{background:url(../images/common/obj_tank5.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank6{background:url(../images/common/obj_tank6.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank7{background:url(../images/common/obj_tank7.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .tank8{background:url(../images/common/obj_tank8.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank1,.tankItem .swiper-slide-active:hover .tank1{background:url(../images/common/obj_tankpurple_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank2,.tankItem .swiper-slide-active:hover .tank2{background:url(../images/common/obj_tankpurple_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank3,.tankItem .swiper-slide-active:hover .tank3{background:url(../images/common/obj_tankred_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank4,.tankItem .swiper-slide-active:hover .tank4{background:url(../images/common/obj_tankred_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank5,.tankItem .swiper-slide-active:hover .tank5{background:url(../images/common/obj_tankred_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank6,.tankItem .swiper-slide-active:hover .tank6{background:url(../images/common/obj_tankred_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank7,.tankItem .swiper-slide-active:hover .tank7{background:url(../images/common/obj_tankyellow_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.thumnailChange.tankItem .swiper-slide-active .tank8,.tankItem .swiper-slide-active:hover .tank8{background:url(../images/common/obj_tankyellow_ov.png) no-repeat 50% 50%;background-size:contain ! important}
.tankItem .item img{opacity:0;transform:scale(0.9);width:auto;height:auto ! important;transition:all 0.3s;-webkit-box-reflect:below 10px linear-gradient(transparent, transparent, #0005);}
.tankItem .swiper-slide-active{cursor:pointer ! important;transition:all 0.5s;perspective:2000px;animation:motion3d 12s ease 0s infinite;}
.tankItem .swiper-css .item span{opacity:1;}
.tankItem .swiper-css .item img{opacity:0;-webkit-box-reflect:below 0 linear-gradient(transparent, transparent, transparent);}
.tankItem.end .swiper-css .item img{opacity:0;position:absolute;left:-26%;bottom:36px;transition: all 0.3s;transform:scale(1);}
.tankItem.end .swiper-css .item .tank1 + img{left:-36%}
.tankItem.end .swiper-css .item .tank4 + img{left:0}
.thumnailChange.tankItem .swiper-slide-active img,.tankItem .swiper-slide-active:hover img{opacity:1 ! important;transform:translate3d(0%, -34%, 100px) ! important;}
.thumnailChange.tankItem .swiper-slide-active span,.tankItem .swiper-slide-active:hover span{transform:perspective(900px) translateY(-10%) rotateX(25deg) translateZ(0) ! important;}
.tankItem .swiper-css .swiper-slide:before{transform:scale(.8);z-index:1;content:"";position:absolute;top:0;left:0;right:0;width::100%;height:100%;margin:auto;background-image:linear-gradient(to top, transparent, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5), transparent);transition:1s all;}
.tankItem .swiper-css .swiper-slide-active:before{background:rgba(00, 00, 00, 0)}
.tankItem .swiper-slide-active span::before,.tankItem .swiper-slide-active span::after{content:"";opacity:0;position:absolute;left:0;right:0;margin:0 auto;width:276px;height:120px;transition:all .5s;}
.tankItem .swiper-slide-active span::before{top:8px;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(12,13,19,0.5) 68%,rgba(12,13,19) 97%)}
.tankItem .swiper-slide-active span::after{bottom:8px;background-image:linear-gradient(to bottom,transparent 46%,rgba(12,13,19,0.5) 68%,rgba(12,13,19) 97%)}
.tankItem .swiper-slide-active:hover span::before,.tankItem .swiper-slide-active:hover span::after{opacity:1}
.tankItem .swiper-slide-active:hover span::after{height:120px}
.tankItem.step2 img{opacity:0;transform:scale(0);}
.tankItem.step2 span{opacity:1;}
.thumnailChange{transform:scale(.29) ! important;top:620px;margin-top:0;}
.tankView{opacity:0;position:absolute;left:0;right:0;top:180px;width:1145px;height:554px;margin:0 auto;transition:all .3s ease-in-out;}
.tankView.active{opacity:1;}
.tankView .frame{height:100%;background:url(../images/common/pc/tank_frame.png) no-repeat 50% 50%;}
.tankView .cola{position:absolute;left:142px;bottom:105px;width:457px;height:337px;}
.tankView .cola span{opacity:0;position:absolute;left:0;right:0;margin:0 auto;bottom:30px;transition:all .3s ease-in-out;animation:motion3d 8s ease-in-out 0s infinite;}
.tankView.tank_sentinel_1 .cola span{opacity:1;width:440px;height:288px;background:url(../images/common/tank_sentinel_1.png) no-repeat 50% 50%;}
.tankView.tank_thor_2 .cola span{opacity:1;width:398px;height:277px;background:url(../images/common/tank_thor_2.png) no-repeat 50% 50%;}
.tankView.tank_alpha_3 .cola span{opacity:1;width:392px;height:264px;background:url(../images/common/tank_alpha_3.png) no-repeat 50% 50%;}
.tankView.tank_spitfire_4 .cola span{opacity:1;width:315px;height:339px;background:url(../images/common/tank_spitfire_4.png) no-repeat 50% 50%;}
.tankView.tank_raven_5 .cola span{opacity:1;width:391px;height:294px;background:url(../images/common/tank_raven_5.png) no-repeat 50% 50%;}
.tankView.tank_nova_6 .cola span{opacity:1;width:392px;height:257px;background:url(../images/common/tank_nova_6.png) no-repeat 50% 50%;}
.tankView.tank_hermes_7 .cola span{opacity:1;width:344px;height:281px;background:url(../images/common/tank_hermes_7.png) no-repeat 50% 50%;}
.tankView.tank_echo_8 .cola span{opacity:1;width:404px;height:292px;background:url(../images/common/tank_echo_8.png) no-repeat 50% 50%;}
.tankView .colb{position:absolute;left:510px;top:109px;}
.tankView .detail{opacity:0;transition:all .3s ease-in-out;position:absolute;top:0;left:0}
.tankView.tank_sentinel_1 .colb .dec1{opacity:1;z-index:1}
.tankView.tank_thor_2 .colb .dec2{opacity:1;z-index:1}
.tankView.tank_alpha_3 .colb .dec3{opacity:1;z-index:1}
.tankView.tank_spitfire_4 .colb .dec4{opacity:1;z-index:1}
.tankView.tank_raven_5 .colb .dec5{opacity:1;z-index:1}
.tankView.tank_nova_6 .colb .dec6{opacity:1;z-index:1}
.tankView.tank_hermes_7 .colb .dec7{opacity:1;z-index:1}
.tankView.tank_echo_8 .colb .dec8{opacity:1;z-index:1}

.tankView .detail .ability{position:relative;width:500px;height:200px;margin-bottom:20px;font-size:0}
.tankView .detail .skill{position:relative;margin-left:162px}
.tankView .detail .tabs{display:flex;gap:20px}
.tankView .detail .tabs a{display:block;width:68px;height:67px;font-size:0;transition:all .1s ease-in-out;}
.tankView .detail .views{position:absolute;opacity:0;width:325px;height:75px;margin-top:8px;transition:all .3s ease-in-out;}
.tankView .detail .views.open{opacity:1}
.tankView .detail.sentinel .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_sentinel_item1.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_sentinel_item2.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_sentinel_item3.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_sentinel_item4.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_sentinel_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_sentinel_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_sentinel_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.sentinel .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_sentinel_item4_on.png) no-repeat 50% 50%;}

.tankView .detail.thor .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_thor_item1.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_thor_item2.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_thor_item3.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_thor_item4.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_thor_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_thor_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_thor_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.thor .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_thor_item4_on.png) no-repeat 50% 50%;}

.tankView .detail.alpha .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_alpha_item1.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_alpha_item2.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_alpha_item3.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_alpha_item4.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_alpha_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_alpha_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_alpha_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.alpha .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_alpha_item4_on.png) no-repeat 50% 50%;}

.tankView .detail.spitfire .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_spitfire_item1.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_spitfire_item2.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_spitfire_item3.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_spitfire_item4.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_spitfire_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_spitfire_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_spitfire_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.spitfire .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_spitfire_item4_on.png) no-repeat 50% 50%;}

.tankView .detail.raven .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_raven_item1.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_raven_item2.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_raven_item3.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_raven_item4.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_raven_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_raven_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_raven_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.raven .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_raven_item4_on.png) no-repeat 50% 50%;}

.tankView .detail.nova .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_nova_item1.png) no-repeat 50% 50%;}
.tankView .detail.nova .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_nova_item2.png) no-repeat 50% 50%;}
.tankView .detail.nova .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_nova_item3.png) no-repeat 50% 50%;}
.tankView .detail.nova .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_nova_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.nova .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_nova_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.nova .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_nova_item3_on.png) no-repeat 50% 50%;}

.tankView .detail.hermes .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_hermes_item1.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_hermes_item2.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_hermes_item3.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_hermes_item4.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_hermes_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_hermes_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_hermes_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.hermes .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_hermes_item4_on.png) no-repeat 50% 50%;}

.tankView .detail.echo .tabs li:nth-child(1) a{background:url(../images/common/pc/tank_echo_item1.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(2) a{background:url(../images/common/pc/tank_echo_item2.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(3) a{background:url(../images/common/pc/tank_echo_item3.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(4) a{background:url(../images/common/pc/tank_echo_item4.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(1) a.current{background:url(../images/common/pc/tank_echo_item1_on.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(2) a.current{background:url(../images/common/pc/tank_echo_item2_on.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(3) a.current{background:url(../images/common/pc/tank_echo_item3_on.png) no-repeat 50% 50%;}
.tankView .detail.echo .tabs li:nth-child(4) a.current{background:url(../images/common/pc/tank_echo_item4_on.png) no-repeat 50% 50%;}

/* @keyframes burung{
0%, 10%{transform: translateY(0);}
1%, 1.5%, 2.5%, 3.5%, 4.5%, 5.5%, 6.5%, 7.5%, 8.5%, 9.5%{transform: translateY(-5px);}
1.25%, 2.25%, 3.25%, 4.25%, 5.25%, 6.25%, 7.25%, 8.25%, 9.25%{transform: translateY(5px);}} */

@keyframes burung{
0%, 10%{transform: translateY(0);}
1%, 5%, 10%, 15%, 20%, 25%, 30%, 35%, 40%{transform: translateY(-5px);}
2.5%, 7.5%, 12.5%, 17.5%,22.5%, 27.5%, 32.5%, 37.5%, 42.5%{transform: translateY(5px);}}

@keyframes motion3d{0%, 100%{ transform: rotateZ(0deg) rotateX(0deg) rotateY(0deg);}5%, 8%{transform: rotateZ(0deg) rotateX(6deg) rotateY(-20deg);}13%, 16%{transform: rotateZ(0deg) rotateX(-9deg) rotateY(32deg);}35%, 38%{transform: rotateZ(3deg) rotateX(12deg) rotateY(20deg);}55%{transform: rotateZ(-3deg) rotateX(-12deg) rotateY(-27deg);}}
@keyframes spin{from{transform: rotateY(0deg);}to{transform: rotateY(360deg);}}
@keyframes spinRevert{from{transform: rotateY(360deg);}to{transform: rotateY(0deg);}}
@keyframes motion-blur{0%{filter:url(#blur0);transform:scale(1,1)}15%{filter:url(#blur1);transform:scale(1,0.98)}30%{filter:url(#blur2);transform:scale(1,0.93)}45%{filter:url(#blur3);transform:scale(1.1,0.9)}60%{filter:url(#blur4);transform:scale(1.2,0.88)}75%,100%{filter:url(#blur5);transform:scale(1.35,0.85)}}
svg#Layer{position:absolute}
.swiper-css .item span,.tankItem .swiper-slide-active:hover img
{animation:motion-blur .1s linear forwards,motion-blur .4s linear reverse forwards .1s}
.tankView.tank_sentinel_1 .cola span,.tankView.tank_thor_2 .cola span,.tankView.tank_alpha_3 .cola span,.tankView.tank_spitfire_4 .cola span,
.tankView.tank_raven_5 .cola span,.tankView.tank_nova_6 .cola span,.tankView.tank_hermes_7 .cola span,.tankView.tank_echo_8 .cola span
{animation:motion-blur .1s linear forwards,motion-blur .4s linear reverse forwards .1s, burung 8s ease-in-out 600ms infinite}

.section.media{background:url(../images/common/pc/bg_media.jpg) no-repeat 50% 50%;background-size:cover}
.section.media .cons{position:relative;width:1200px;margin:0 auto;}
.section.media h2{margin:-180px auto -60px;}
.section.media .media_ui{width:907px;height:548px;margin:0 auto;background:url(../images/common/pc/emved.png) no-repeat 50% 50%;}
.section.media .slick-prev{top:0;bottom:0;left:-136px;margin:auto 0;width:114px;height:117px;background:url(../images/common/btn_perv2.png) no-repeat 50% 50%;}
.section.media .slick-next{top:0;bottom:0;right:-136px;margin:auto 0;width:114px;height:117px;background:url(../images/common/btn_next2.png) no-repeat 50% 50%;}
.section.media #mediaSlider{position:relative;left:21px;top:20px;width:864px ! important;height:505px ! important;background:#000}
.section.media .item{width:864px ! important;height:505px ! important;}
.section.media iframe{width:864px;height:505px;border:0;}
.section.media .item img{width:864px;height:505px;}
.section.media .slick-dots{margin-top:40px}
.section.media .slick-dots li~li{margin-left:16px}
.section.media .slick-dots li{width:48px;height:48px;background:url(../images/common/bg_dot.png) no-repeat 50% 50%;}
.section.media .slick-dots button{width:48px;height:48px;font-size:28px;font-weight:700;font-family:'lato';color:#7f7f7f;background:none;border:0}
.section.media .slick-dots .slick-active{background:url(../images/common/bg_dot_active.png) no-repeat 50% 50%;}
.section.media .slick-dots .slick-active button{color:#83ff9d;box-shadow:none}

footer{height:80px ! important;min-height:auto;font-size:0;text-align:center;background:#000}
footer span{display:inline-block;width:460px;height:80px;vertical-align:middle;background:url(../images/common/pc/footer.png) no-repeat 50% 50%;}
footer a{display:inline-block;margin-left:46px;vertical-align:middle;}


/* popup */
.popEmved_ui{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;}
.popEmved_ui .pop_emved{position:absolute;z-index:99;top:0;bottom:0;left:0;right:0;width:1086px;height:630px;margin:auto;text-align:center;background:url(../images/common/bg_frame.png) no-repeat 50% 50%;}
.popEmved_ui .pop_emved:before{z-index:1;content:"";position:absolute;top:20px;right:0;width:122px;height:121px;background:url(../images/common/bg_frame2.png) no-repeat 50% 50%;clip-path: polygon(0 0, 100% 100%, 100% 0);}
.popEmved_ui .pop_emved iframe{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:1000px;height:580px;}
.popEmved_ui .btn_videoClose{z-index:2;position:absolute;top:25px;right:0;width:86px;height:76px;margin:0 auto;cursor:pointer;background:url(../images/common/btn_close4.png) no-repeat 50% 50%;border:0;outline:none;font-size:0}
.popEmved_ui .dimmed{position:absolute;width:100%;height:100%;background:#000;opacity:.85;}
.popEmved_ui.open{display:block;}

.pop_msg{z-index:9999;position:fixed;width:100%;height:100%;z-index:99999;top:0;left:0;}
.pop_msg:before{content:"";position:fixed;width:100%;height:100%;background:#000;opacity:.8}
.pop_msg .msg{z-index:9999;position:absolute;top:50%;left:0;right:0;width:620px;padding:30px;text-align:center;color:#000;margin:0 auto;background:#fff;transform:translate(0, -50%);font-size:0;box-sizing:border-box;}
.pop_msg .msg .btn_close a,.pop_msg .msg .btn_close button{position:absolute;top:20px;right:20px;display:inline-block;width:30px;height:30px;vertical-align:top;font-size:0;background:url(../images/common/btn_close2.png) no-repeat 50% 50%;}
.pop_msg .txt{font-size:0;}
.pop_msg .btn_ok{margin-top:20px;text-align:center;}
.pop_msg .btn_ok a,.pop_msg .btn_ok button{position:absolute;top:0;right:-47px;width:48px;height:48px;font-size:0;background:url(../images/common/btn_close2.png) no-repeat  0 0;}
#popDone .btn_ok a,#popDone .btn_ok button{right:-48px;background:url(../images/common/btn_close3.png) no-repeat 0 0;}

.pop_cons{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;}
.pop_cons .dimmed{position:absolute;width:100%;height:100%;background:#000;opacity:.75;}

.pop_cons .cons.popStore{width:882px;height:477px;background:url(../images/common/pc/bg_popStore.png) no-repeat 50% 50%;}
.pop_cons .cons.popStore .btn_a{padding-top:100px}
.pop_cons .cons.popStore .btn_a a{display:inline-block;width:220px;height:74px;font-size:0;}
.pop_cons .cons.popStore .btn_a .btn1{width:249px;background:url(../images/common/pc/btn_google.png) no-repeat 50% 50%;}
.pop_cons .cons.popStore .btn_a .btn2{background:url(../images/common/pc/btn_appstore.png) no-repeat 50% 50%;}
.pop_cons .cons.popStore .btn_a .btn3{width:248px;background:url(../images/common/pc/btn_onstore.png) no-repeat 50% 50%;}

.popEvent_ui{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;}
.popEvent_ui:before{content:"";position:fixed;width:100%;height:100%;background:#000;opacity:.8}
.popEvent_ui .popup{position:absolute;z-index:99;top:0;bottom:0;left:0;right:0;width:1200px;height:675px;margin:auto;text-align:center;}
.popEvent_ui .close{z-index:2;position:absolute;top:0;right:0;width:86px;height:76px;margin:0 auto;cursor:pointer;background:url(../images/common/btn_close4.png) no-repeat 50% 50%;border:0;outline:none;font-size:0}


.txt_container{padding:60px;font-size:16px;line-height:22px;}
.txt_container strong{display:block;margin-bottom:4px;font-weight:bold}

/* resize */
@media only all and (min-height:980px){ /* 해상도 세로 1080 이상 대응 */
	#fullpage{height:100vh;}
	.section{height:100vh}
}


@media only all and (max-height:900px){
	.popEmved_ui .pop_emved{transform:scale(.85);}

	.section .cons{transform:scale(.85);}

	#myVideo{left:-50%;right:0;bottom:0;top:0;margin-left:50%;;width:100%;}
}

@media only all and (max-height:800px){
	.popEmved_ui .pop_emved{transform:scale(.75);}	
	
	.section .cons{transform:scale(.75);}

	footer,footer span{height:60px ! important;}
}

@media only all and (max-height:720px){
	.popEmved_ui .pop_emved{transform:scale(.6);}
	
	.section .cons{transform:scale(.6);}

	footer,footer span{height:40px ! important;}
}

/* motion */
	.section.main .logo{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:300ms;}
	.section.main .txt{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:400ms;}
	.section.main .btn_g{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:500ms;}
	.section.main .btn_emved{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:400ms;}

	.section.main.active .btn_emved,.section.main.active .logo,.section.main.active .btn_g,.section.main.active .txt{opacity:1;transform:translateY(0);}
	
	.section.introduction h2{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:300ms;}
	.section.introduction.active h2{opacity:1;transform:translate(0)}

	.section.media h2{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:300ms;}
	.section.media .media_ui{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:400ms;}
	.section.media .cha{opacity:0;transform:translateX(-60px);transition:.8s all;transition-delay:500ms;}
	.section.media.active h2,.section.media.active .media_ui,.section.media.active .cha{opacity:1;transform:translate(0)}

	
	.section.register h2{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:300ms;}
	.section.register .in{opacity:0;transform:translateY(60px);transition:.8s all;transition-delay:400ms;}
	.section.register .cha_g .cha1{opacity:0;transform:translateX(-30px);transition:.8s all;transition-delay:400ms;}
	.section.register .cha_g .cha2{opacity:0;transform:translateX(30px);transition:.8s all;transition-delay:500ms;}
	.section.register.active h2,.section.register.active .in,.section.register.active .cha_g .cha1,.section.register.active .cha_g .cha2{opacity:1;transform:translate(0);}
	
	.tankView .ability{opacity:0;transform:translateY(20px);transition:.8s all;transition-delay:200ms;}
	.tankView .skill{opacity:0;transform:translateY(30px);transition:.8s all;transition-delay:300ms;}
	.tankView.tank_sentinel_1 .dec1 .ability,.tankView.tank_sentinel_1 .dec1 .skill,
	.tankView.tank_thor_2 .dec2 .ability,.tankView.tank_thor_2 .dec2 .skill,
	.tankView.tank_alpha_3 .dec3 .ability,.tankView.tank_alpha_3 .dec3 .skill,
	.tankView.tank_spitfire_4 .dec4 .ability,.tankView.tank_spitfire_4 .dec4 .skill,
	.tankView.tank_raven_5 .dec5 .ability,.tankView.tank_raven_5 .dec5 .skill,
	.tankView.tank_nova_6 .dec6 .ability,.tankView.tank_nova_6 .dec6 .skill,
	.tankView.tank_hermes_7 .dec7 .ability,.tankView.tank_hermes_7 .dec7 .skill,
	.tankView.tank_echo_8 .dec8 .ability,.tankView.tank_echo_8 .dec8 .skill
	{opacity:1;transform:translate(0);}