@charset "utf-8";
/* FONT SMOOTHING */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');




 
#wrap {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
html, body {
    width: 100%;
}




body{
    width: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    overflow-x:hidden !important;   
}
.sbody {
    background: #fff;
}

/* header */
header {
    width: 100%;
    position: relative;
    z-index: 99999999;
}
.top_header{
	width:100%;
	position: fixed;
    height: 20vw;
    z-index: 9999999999;
    display: flex;
    background: #fff;
    box-sizing: border-box;
    
}
#logo_con {
    width: 53%;
    height: auto;
}
#logo_con img {
    width: 90%;
    position: relative;
    display: block;
    margin: 0 auto;
    top: 8vw;
}



#main .mbg {
    width: 100%;
}

.mtxt {
    position: absolute;
    left: 5vw;
    top: 25vw;
}
.mtxt li {
    position: relative;
    opacity: 0;
}
.mtxt li:nth-child(1) {
    top: -10vw;
}
.mtxt li:nth-child(2) {
    margin-top: 2vw;
    top: -25vw;
}
.mtxt li:nth-child(3) {
    margin-top: 4vw;
    top: -15vw;
}
.mtxt li:nth-child(1) img {
    width: 40vw;
}

.mtxt li:nth-child(2) img {
    width: 80vw;
}

.mtxt li:nth-child(3) img {
    width: 45vw;
}

#pro_btn {
    width: 24%;
    height: 100%;
    background: #292929;
    position: relative;
    z-index: 111111111111;
    position: absolute;
    right: 20%;

}
.lan_slide {
    background: pink;
    z-index: 999;
    position: absolute;
    top: 19vw;
    width: 100%;
    display: none;
}
.lan_slide img {
    width: 100%;
    display: block;
}
#menu_btn {
    width: 20%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #f098be;
    z-index: 111111111111111;
    position: absolute;
    right: 0;

}

#menu_btn img,
#pro_btn img
{
    width: 100%;
    display: block;
}

#menu_bar{
	clear:both;
	width:100%;
}
#nav { position:fixed; top:0; left:0; width:100%; display:none; z-index:99999999999999999; height:170vw;top: 19vw; background:rgba(255,255,255,1); border-top: 1px solid #ddd;}
#nav ul{ width:100%; margin:0; padding:0; margin-top: 1vw;}
#nav ul.menu li a{ position:relative; float:left; width:100%; list-style-type:none; font-size:3.5vw; border-bottom:1px solid #ddd; display:block; width:100%; height:100%; line-height:3em; text-indent:2.2em; color:#444; font-weight:bold; text-decoration:none; background-color:#fff; }
#nav ul.menu li a:hover{ background:#fff; color:#eea900; }
#nav ul.menu li .sub {
    display: block;
}
#nav ul.menu li .sub a{ position:relative; font-size:3vw; float:left; display:block; width:100%; z-index:999; background:#eee; list-style-type:disc; color:#777; padding-left: 1vw; }
#nav ul.menu li .sub a:hover{ background:#eea900; color:#fff; }
#menu_top {
    position: absolute;
    right: 12.5vw;
    background: #eea900;
}
#menu_top img {
position: absolute;
    width: 15vw;
    padding: 5vw;
    left: -4.8vw;
    top: -1.5vw;
    background: #eea900;
    z-index: 1111111;
}
#company_name a img{
	margin-left:15px;
    position: relative;
    top: 35%;
	margin-top: -14px;
	width: 230px;    
}
#close_btn{
    position: absolute !important;
    top: -15.6vw !important;
    z-index: 1111111 !important;
    right: 0 !important;
}
/* header end*/

.comming {
    width: 100%;
    height: 9vw;
    background: #192730;
    text-align: center;
    color: #fff;
    line-height: 9.5vw;
    letter-spacing: 1.6vw;
    font-size: 2.5vw;
}


.ms_all {
    overflow-x: hidden;
}



#main {
    display: block;
    position: relative;
    padding-top: 19vw;
}
#main img {
    display: block;
    width: 100%;
}


.rt {
    position: relative;
    background: #f5f5f5;
    padding-bottom: 8vw;
}
.title {
    width: 30vw;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 9vw 0 7vw 0;
}
.rt img {
    width: 100%;
    display: block;
}
.rt_title {
    width: 80%;
    margin: 0 auto;
    padding: 12vw 0 8vw 0;
}
.rt_slider,
.model_label 
{
    width: 93%;
    margin: 0 auto;
}
.rt_slider {
    margin-bottom: 9vw;
    position: relative;
}
.rt .arrow {
    z-index: 111;
    position: absolute;
    top: 48%;
    cursor: pointer;
    left: 1%;
}
.rt .arrow2 {
    z-index: 111;
    position: absolute;
    top: 82%;
    cursor: pointer;
    left: 1%;
}
.rt .arrow img,
.rt .arrow2 img
{
    width: 3.5vw;
    
}
.rt .arrow .swiper-button-next2,
.rt .arrow2 .swiper-button-next4
{
    position: absolute;
    left: 18%;
    outline: none;
    border: none;
    padding: 3vw;
    top: -3vw;

}
.rt .arrow .swiper-button-prev2,
.rt .arrow2 .swiper-button-prev4
{
    position: absolute;
    left: 9%;
    outline: none;
    padding: 3vw;
    top: -3vw;
}

.rt .arrow .swiper-button-prev2::after,
.rt .arrow2 .swiper-button-prev4::after
{
    content: "";
    display: block;
    width: 0.1vw;
    height: 4vw;
    background: #6d6d6d;
    top: 2vw;
    left: 9.2vw;
    position: absolute;
}
.as_center {
    width: 100%;
    position: relative;
    height: 100%;
}
.as_center img {
    width: 100%;
    display: block;
}
.as_center .swiper-pagination3 {
    position: absolute;
    top: -9vw;
    
}
.as_center .arrow {
    z-index: 1;
    position: absolute;
    top: 45.5%;
}
.as_center .arrow img {
    width: 7vw;
}
.as_center .arrow .swiper-button-next3 {
    position: absolute;
    right:-2vw;
    outline: none;
    border: none;
    padding: 4vw;
}
.as_center .arrow .swiper-button-prev3 {
    position: absolute;
    left: -2vw;
    outline: none;
    padding: 4vw;
}



.as_center .swiper-pagination-bullet {
    left: 35vw;
    width: 1.5vw;
    height: 1.5vw;
    display: inline-block;
    border-radius:100vw;
    margin-left: 3.9vw;
    background: #bebebe;
    opacity: 1;
    position: relative;
    top: 70vw;
    box-sizing: border-box;
    outline: none !important;
    z-index: 11111;
}


.as_center .swiper-pagination-bullet-active {
    opacity: 1;
    background: #eea900;
    border: 1px solid #eea900;
    position: relative;
}



#main .swiper-pagination-bullet {
    left: 37vw;
    width: 1.5vw;
    height: 1.5vw;
    display: inline-block;
    border-radius:100vw;
    margin-left: 4.3vw;
    background: #fff;
    opacity: 1;
    position: relative;
    top: 105vw;
    box-sizing: border-box;
    outline: none !important;
}


#main .swiper-pagination-bullet-active {
    opacity: 1;
    background: #eea900;
    border: 1px solid #eea900;
    position: relative;
}

#main .swiper-pagination-bullet-active::after {
    content: "";
    width: 5vw;height: 5vw;
    border: 0.4vw solid #eea900;
    display: block;
    border-radius: 300vw;
    position: absolute;
    top: -2.3vw;
    right: -2.3vw;
}




/**/

#bottom {
    position: relative;
    width: 100%;
    height: 62vw;
    padding-bottom: 10vw;
}
#bottom a {
    display: block;
    width: 50%;
    height: 28vw;
    position: absolute;
    top: 0;
    z-index: 1111;

}
#bottom a:nth-child(1) {
    left: 0;
}
#bottom a:nth-child(2) {
    right: 0;
}
#bottom a:nth-child(3) {
    width: 100% !important;
    height: 50%;
    top: 48%;

}
#bottom img {
    width: 100%;
    display: block;
}

#notice {
    position: relative;
    width: 100%;
    height: auto;
}
#notice img {
    width: 100%;
}


/**/
#sub {
    width: 100%;
    position: relative;
    top: 31vw;
    
}

.stit {
    width: 100%;
}
.stit::before {
    width: 100%;
    display: block;
    content: "";
    clear: both;
    height: 21vw;
    position: absolute;
    top: 0;
    z-index: -111;
}
.stit img {
    width: 94%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0vw;
}
.stxt {
    position: absolute;
    width: 100%;
    top: 18vw;
}
.slabel {
    font-size: 5vw;
    font-weight: 600;
    color: #515251;
    text-align: center;
    margin-bottom: 1vw;
}
.slabel~span {
    font-size: 2.3vw;
    display: block;
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
    line-height: 3.5vw;
    color: #999;
}

.page {
    width: 100%;
    background: #fff;
    position: relative;
    padding-bottom: 3vw;
    margin-bottom: 7vw;
}
.page img {
    position: relative;
    width: 100%;
}
.page iframe {
    position: relative;
    width: 94% !important;
}

/*footer*/

footer {
    position: relative;
    width: 100%;
    height: auto;
}
footer a {
    display: block;
    position: absolute;
    width: 100%;
    height: 5vw;
    z-index: 111111;
}
footer a:nth-child(1) {
    width: 36%;
    right: 0;
    top: 30.3vw;
}
footer a:nth-child(2) {
    width: 40%;
    left: 30%;
    top: 38vw;
    height: 10vw;
}
footer img {
    display: block;
    width: 100%;
}

/*footer end*/