@charset "utf-8";
/* Neople UI Developer 김창환(Kim Chang Hwan) 2021.04.00 */

/* reset */
*{box-sizing:border-box !important}
body{min-width:1280px;}
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
table{border-spacing:0;border-collapse:collapse}
img, fieldset{border:0;}
img{vertical-align:top}
form, fieldset{margin:0;padding:0;}
em, address{font-style:normal;}
button{margin:0;padding:0;overflow:visible;cursor:pointer;}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none}
ul,ol,li{list-style:none}
hr{display:none}
label{cursor:pointer}
.clear{clear:both;}
.ovh{overflow:hidden;}

body{position:relative;width:100%;}
a.btn{display:block;position:absolute;z-index:100;text-indent:-9999px;cursor:pointer;}
.newbie h1,.newbie h2,.newbie h3,.newbie span, .return h1,.return h2,.return h3,.return span{display:block;position:absolute;left:-9999px}

/* 상단 탭 */
.nav{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:130px;background:#2b2b2b;}
.nav a{width:640px;height:130px;background:url('../img/newbie/tab.png') no-repeat;font-size:0;text-indent:-9999px;}
.nav a:last-child{background-position-x:100%;}
.nav a:hover,
.nav a.active{background-position-y:100%}

/* 슬라이드 공통 */
.swiper{width:1120px;}
.swiper-wrapper{padding-top:200px;height:100%;}
.swiper-slide{display:flex;justify-content:center;align-items:center;font-size:0;text-indent:-9999px;}
.swiper-button-prev,
.swiper-button-next{left:initial !important;top:119px !important;bottom:initial !important;width:70px !important;height:70px !important;background:url('../img/newbie/slidebtn.png') no-repeat;font-size:0;text-indent:-9999px;}
.swiper-button-prev{right:90px !important;}
.swiper-button-next{right:0 !important;background-position-x:-100px;}
.swiper-button-prev::after,
.swiper-button-next::after{display:none;}
.swiper-button-prev:hover,
.swiper-button-next:hover{background-position-y:-100px;}

/* 신규 능력자 */
.newbie{position:relative;width:100%;max-width:2560px;margin:0 auto;background:url('../img/newbie/newbie_s0.jpg') no-repeat 50% 130px}
.newbie section{position:relative;margin:0 auto;width:100%;}
.newbie article{position:relative;margin:0 auto;width:1280px}
.newbie .s0,.newbie .s0 article{height: 740px;background:url('../img/newbie/newbie_s0.jpg') no-repeat 50% 0}
.newbie .s1,.newbie .s1 article{height:1023px;background:url('../img/newbie/newbie_s1.jpg') no-repeat 50% 0}
.newbie .s2,.newbie .s2 article{height:1866px;background:url('../img/newbie/newbie_s2.jpg') no-repeat 50% 0}
.newbie .s3,.newbie .s3 article{height:1230px;background:url('../img/newbie/newbie_s3.jpg') no-repeat 50% 0}
.newbie .s4,.newbie .s4 article{height:3406px;background:url('../img/newbie/newbie_s4.jpg') no-repeat 50% 0}

/* 신규 s1 */
.newbie .s1 a.btn{bottom:130px;left:80px;width:1120px;height:130px;}
.newbie_slider1{height:763px;}
.newbie_sd11{width:1120px;height:563px;background:url('../img/newbie/newbie_slide11.jpg') no-repeat;}
.newbie_sd12{width:1120px;height:563px;background:url('../img/newbie/newbie_slide12.jpg') no-repeat;}
.newbie_sd13{width:1120px;height:563px;background:url('../img/newbie/newbie_slide13.jpg') no-repeat;}
.newbie_sd14{width:1120px;height:563px;background:url('../img/newbie/newbie_slide14.jpg') no-repeat;}

/* 신규 s2 */
.newbie .s2 a.btn{left:572px;width:266px;height:49px;}
.newbie .s2 a.btn21{top: 692px;}
.newbie .s2 a.btn22{top:1018px;}
.newbie .s2 a.btn23{top:1328px;}
.newbie .s2 a.btn24{top:1638px;}

/* 신규 s3 */
.newbie_slider2{height:1100px;}
.newbie_slider2 .btn{left:0;bottom:0;width:1120px;height:130px;}
.newbie_sd21{width:1120px;height:900px;background:url('../img/newbie/newbie_slide21.jpg') no-repeat;}
.newbie_sd22{width:1120px;height:900px;background:url('../img/newbie/newbie_slide22.jpg') no-repeat;}
.newbie_sd23{width:1120px;height:900px;background:url('../img/newbie/newbie_slide23.jpg') no-repeat;}

/* 신규 s4 */
.newbie .s4 a.btn{left:80px;top:651px;width:1120px;height:130px;}

/* 귀환 능력자 */
.return section{position:relative;margin:0 auto;width:100%;}
.return article{position:relative;margin:0 auto;width:1280px}
.return .s0,.return .s0 article{height: 740px;background:url('../img/newbie/return_s0.jpg') no-repeat 50% 0}
.return .s1,.return .s1 article{height:1865px;background:url('../img/newbie/return_s1.jpg') no-repeat 50% 0}
.return .s2,.return .s2 article{height:1229px;background:url('../img/newbie/return_s2.jpg') no-repeat 50% 0}
.return .s3,.return .s3 article{height:1230px;background:url('../img/newbie/return_s3.jpg') no-repeat 50% 0}
.return .s4,.return .s4 article{height:3406px;background:url('../img/newbie/return_s4.jpg') no-repeat 50% 0}


/* 귀환 s1 */
.return .s1 a.btn{left:572px;width:266px;height:49px;}
.return .s1 a.btn21{top: 692px;}
.return .s1 a.btn22{top:1018px;}
.return .s1 a.btn23{top:1328px;}
.return .s1 a.btn24{top:1638px;}

/* 귀환 s2 */
.return_slider1{height:1100px;}
.return_slider1 .btn{left:0;bottom:0;width:1120px;height:130px;}
.return_sd11{width:1120px;height:900px;background:url('../img/newbie/return_slide11.jpg') no-repeat;}
.return_sd12{width:1120px;height:900px;background:url('../img/newbie/return_slide12.jpg') no-repeat;}
.return_sd13{width:1120px;height:900px;background:url('../img/newbie/return_slide13.jpg') no-repeat;}

/* 신규 s3 */
.return .s3 a.btn{left:80px;bottom:130px;width:1120px;height:130px;}

/* 신규 s3 */
.return .s4 a.btn{left:80px;top:651px;width:1120px;height:130px;}

.btntop{display:block;opacity:0;transition:1s;position:absolute;margin-left:640px;width:100px;height:100px;border:none;background:url('../img/newbie/top.png') no-repeat;text-indent:-9999px;font-size:0;cursor:pointer;z-index:900}
.topfix{position:fixed;left:50%;bottom:30px;opacity:1;}