@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');




/*비메오*/

.movie {
    position: relative;
    left: 6%;
    top: -4vw;
}
#vimeoWrap{
     position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
#vimeoWrap iframe,
#vimeoWrap object,
#vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*비메오*/

/**********인트로영상**********/
.blackbox{
	background-color: rgba( 0, 0, 0, 0.8 );
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999999999999999999999999;
	overflow: hidden;
}

.introvideo_box{
	margin-left: 2.5%;
	width:95%;
	position:fixed;
	top: 27%;
    z-index: 999999;
}
.skipbtn_box{
padding: 0px 0px;
    position: relative;
    z-index: 9999999999999999;
}

.skipbtn{
	position: absolute;
    width: 9vw;
    height: 9vw;
	top: 0;
	right: 0;
    z-index: 9999999999;
	
}
.skipbtn_box img {
    width: 100%;
}

.introvideo {
	height: 0;
	padding-bottom: 56.34%;
	position: relative;
	overflow: hidden;
}
.introvideo.widescreen {
	padding-bottom: 56.34%;
}
.introvideo.vimeo {
	padding-top: 0;
}
.introvideo embed, .introvideo iframe, .introvideo object, .introvideo video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/**********인트로영상 끝**********/

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


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

/* header */
header {
    width: 100%;
    height: 19vw;
    position: relative;
}
.top_header{
	width:100%;
	position: fixed;
    background: #fff;
    height: 20vw;
    z-index: 9999999;
    display: flex;
    border-bottom: 1px solid #ddd;
}
#logo_con {
    width: 60%;
    background: #fff;
    border-right: 1px solid #ebebeb;
    position: relative;
    left: 20%;
}
#logo_con img {
    width:53%;
    position: relative;
    margin: 0 auto;
    display: block;
    top: 5.5vw;
}

.call_btn {
    width: 20%;
    z-index: 9999999;    
    box-sizing: border-box;
    position: absolute;
    right: 0;
}
.call_btn a {
    font-size: 2.5vw;
    letter-spacing: -0.1vw;
    color: #444;
    top: 8vw;
    position: absolute;
    left: 8vw;
    display: block;
}
#menu_btn {
    width: 20%;
    height: 20vw;
    position: relative;
    z-index: 111111111111;
    position: absolute;
    background-size: cover;
    left: 0;
    background: #8f011d;

}
.call_btn img {
    position: absolute;
    top: 33%;
    width: 4vw !important;
    display: block;
}
#menu_btn img {
    width: 27%;
    position: absolute;
    left: 38%;
    top: 39%;
}

#menu_bar{
	clear:both;
	width:100%;
}
#nav { position:fixed; top:0; left:0; width:100%; display:none; z-index:999999999999; height:170vw;top: 20.1vw; background:rgba(255,255,255,1)}
#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:#8f011d; }
#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:#8f011d; color:#fff; }
#menu_top {
    width: 20%;
    height: 3vw;
    z-index: 111111111 !important;
    position: fixed;
    top: 0;

}
#menu_top img {
position: absolute;
    width: 5vw;
    z-index: 1111111;
    display: block;
    position: absolute;
    top: 7vw;
    left: 7.4vw;
}


#company_name a img{
	margin-left:15px;
    position: relative;
    top: 35%;
	margin-top: -14px;
	width: 230px;    
    display: block;
}
/* header end*/



.ms_all {
    overflow-x: hidden;
    width: 100%;
}
.mbg {
    width: 100%;
    height: auto;
    display: block;
    top: 0;
}


.swiper-container {
    position: relative;
    z-index: 1111;
    
}
.main_con .swiper-slide img {
    width: 84%;
    display: block;
    margin: 0 auto;
}

.location {
    width: 100%;
    position: relative;
}
.location img {
    width: 100%;
    display: block;
}

.arrow {
    z-index: 9999;
    position: absolute;
    width: 15%;
    top: 34.1%;
    left: 50%;
    margin-left: -7.5%;
}
.arrow::after {
    display: block;
    content: "";
    width: 1px;
    height: 2vw;
    position: absolute;
    background: #fff;
    top: 1.6vw;
    left: 50%;
}
.arrow img {
    width: 1.5vw;
}
.arrow .swiper-button-next {
    position: absolute;
    outline: none;
    border: none;
    left: 8vw;
    width: 2vw;
    height: 3vw;
    padding: 1.5vw 3vw;
}

.arrow .swiper-button-prev {
    position: absolute;
    outline: none;
    left: 0;
    width: 2vw;
    height: 3vw;
    padding: 1.5vw 2vw;
}


/*


*/




.premium {
    width: 100%;
    position: relative;
}
.premium img {
    width: 100%;
    display: block;
}


/**/



.arrow2 {
    z-index: 9999;
    position: absolute;
    width: 15%;
    top: 73.1%;
    left: 50%;
    margin-left: -7.5%;
}
.arrow2::after {
    display: block;
    content: "";
    width: 1px;
    height: 2vw;
    position: absolute;
    background: #262626;
    top: 1.6vw;
    left: 50%;
}
.arrow2 img {
    width: 1.5vw;
}
.arrow2 .swiper-button-next2 {
    position: absolute;
    outline: none;
    border: none;
    left: 8vw;
    width: 2vw;
    height: 3vw;
    padding: 1.5vw 3vw;
}

.arrow2 .swiper-button-prev2 {
    position: absolute;
    outline: none;
    left: 0;
    width: 2vw;
    height: 3vw;
    padding: 1.5vw 2vw;
}








.dir {
    position: relative;
}
.dir a {
    display: block;
    width: 50%;
    height: 10vw;
    position: absolute;
}
.dir a:nth-child(1) {
    top: 45%;
    left: 25%;
}
.dir a:nth-child(2) {
    top: 88%;
    left: 25%;
}
.dir, .dir img {
    width: 100%;
}
.dir img {
    display: block;
}





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

.stit {
    width: 100%;
}


.stit img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.scopy {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    top: 10vw;
}
.scopy p {
    font-size: 5.5vw;
    font-weight: 600;
    color: #fff;
}
.scopy span {
    font-size: 3.5vw;
    color: #fff;
    font-weight: 100;
    top: 2vw;
    position: relative;
}
.scopy span b {
    font-weight: 700;
}

.page {
    width: 92%;
    position: relative;
    left: 4%;
    padding-bottom: 3vw;
    margin-bottom: 25vw;
    top: 4vw; /*서브페이지 서브탑 사이 거리 조정*/
}
.page img {
    width: 100%;
    position: relative;    
}
.page iframe {
    position: relative;
    width: 100% !important;
    margin-top: 2%;
}
.iframbox {
    width: 92% !important;
    position: relative;
    left: 4%;
}




/*footer*/

footer {
    position: relative;
    width: 100%;
    height: 100%;
    border-top: 1px solid #ebebeb;
}
footer img {
    width: 100%;
    display: block;
}
footer a {
    display: block;
    width: 40%;
    height: 5vw;
    right: 0;
    position: absolute;
    top: 8vw;
}
/*footer end*/




/*서브탭메뉴*/
.stab div {
    padding: 0 0 4% 0;
    display: none;
    /*서브메뉴 숨겨놓고 서브페이지에서 각 호출예정*/
}
.stab ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    text-align: center;
}

.stab ul li {
    width: 100%;
    line-height: 9vw;
    font-size: 2vw;
    margin: 0.3vw;
}
.stab ul a {
    display: block;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    color: #222;
}

/*서브탭메뉴*/
.smenu {
    display: none;
    /*서브메뉴 숨겨놓고 서브페이지에서 각 호출예정*/
}
.smenu ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    text-align: center;
}

.smenu ul li {
    width: 100%;
    line-height: 9vw;
    font-size: 2.3vw;
    letter-spacing: -0.1vw;
}
.smenu ul li:first-child a {
    border-left: none;
}
.smenu ul li a {
    display: block;
    box-sizing: border-box;
    background: #4c4c4c;
    border-left: 1px solid #5c5c5c;
    color: #fff;
}



.br {
    line-height: 2.8vw;
    padding: 2.1vw 0 0 0;
}

/*서브탭메뉴*/
.sbg div {
    display: none;
    /*서브메뉴 숨겨놓고 서브페이지에서 각 호출예정*/
}

/*서브메뉴잠깐숨김*/
.stab_wrap {
    display: none;
}