@charset "utf-8";
@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');
/* CSS Document */

a {	
	color:#333333;
	text-decoration:none;
}

a:hover {	
	text-decoration:none;
}


body{
	font-family: 'Noto Sans KR', sans-serif;
	overflow-x: hidden;
	width: 100%;
	-ms-overflow-style: none;
}
::-webkit-scrollbar{
	display: none;
}

.none{
	display:none;
}
.abs{
	position:absolute;
}

.rel{
	position:relative;
}

.clear:after{
	content: "";
	display: block;
	clear: both;
	position: absolute;
	overflow: hidden;
	text-indent: -99px;
	height: 0;
	width: 0;
	font-size:0;
}

#wrap{
	width:100%;
	min-width: 1400px;
}


.qbtn{
	position: fixed;
	left: 60px;
	top: 100px;
	z-index: 999
}

/********** 헤더css **********/
#header{
	width: 100%;
	position: relative;
	height: 80px;
	z-index: 100;
	display: flex;
	justify-content: space-between;
}
#header .logobox{
	position: relative;
	width: 130px;
	height: 32px;
	top: 26px;
	margin-left: 60px;
}

#header .tell{
	line-height: 80px;
	font-size: 32px;
	display: block;
	position: relative;
	width: 198px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #374a42;
	margin-right: 80px;
}

#header .tell::before{
	content: '';
	display: block;
	background: url("../img/header/telicon.png");
	width: 18px;
	height: 18px;
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
}





.nav{
	display: flex;
}


#header .nav_menu{
	/*width: 900px;*/
	position: relative;
}


#header>.nav>.nav_menu>li{
	float: left;
	position: relative;
	width: 135px;
	text-align: center;
}


#header>.nav>.nav_menu>li>a{
	font-family: 'Noto Sans KR', sans-serif;
	color: #222;
	font-weight: 500;
	line-height: 80px;
	display: block;
	position: relative;
	font-size: 17px;
    letter-spacing: -.5px;
}



#header>.nav>.nav_menu>li:hover>a{
	color: #374a42;
}


#header>.nav>.nav_menu>.navsldie>ul{
	position: absolute;
	background-color: #416647;
	text-align: center;
	width: 135px;
	display: none;
}

#header>.nav>.nav_menu>li.navsldie>ul>li{
	line-height: 60px;

}

#header>.nav>.nav_menu>li>ul>li:hover{
	background-color: #374a42;
}

#header>.nav>.nav_menu>li.navsldie>ul>li:hover a{
	color: #fff;
}

#header>.nav>.nav_menu>li.navsldie>ul>li>a{
	font-size: 15px;
	color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 400;
	
}



#header>.nav>.nav_menu>li:before{
	content: '';
	position: absolute;
	display: block;
	width:100%;
	height:4px;
	background-color:#374a42;
	margin:0 auto;
	bottom:0px;
	opacity:0;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transition:transform .25s,opacity .1s;
	-webkit-transition:-webkit-transform .25s,opacity .1s;
	-moz-transition:-moz-transform .25s,opacity .1s;
}

#header>.nav>.nav_menu>li:hover:before{
	 opacity:1;
	 transform:scaleX(1);
	 -webkit-transform:scaleX(1);
	 -moz-transform:scaleX(1);
	 -ms-transform:scaleX(1);
}


/****메인영역****/
#main{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#main .main_box{
	width: 1920px;
	height: 897px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	z-index: 10;
	overflow: hidden;
}


#main .main_box::after{
	content: '';
	display: block;
	height: 34px;
	width: 126px;
	background: url("../img/main/scrolldown.png");
	z-index: 2;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	animation: scrolltext 2s infinite linear;
}
@keyframes scrolltext{
	0%{bottom: 50px;}
	50%{bottom: 80px;}
	100%{bottom: 50px;}
}

.main_bg01, .main_bg02, .main_bg01{
	position: relative;
	width: 1920px;
	height: 897px;
	overflow: hidden;
}

.slidbg01, .slidbg02, .slidbg03{
	position: absolute;
	transform: scale(1.115,1.115);
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}




.maintt_common{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 50;
	opacity: 0;
}

.main_slidetext1_1{top: 20px;}
.main_slidetext1_2{top: 50px;}
.main_slidetext1_3{top: 159px;}
.main_slidetext1_4{top: 294px;}

.main_slidetext2_1{top: 20px;}
.main_slidetext2_2{top: 50px;}
.main_slidetext2_3{top: 159px;}
.main_slidetext2_4{top: 294px;}

.main_slidetext3_1{top: 20px;}
.main_slidetext3_2{top: 50px;}
.main_slidetext3_3{top: 159px;}
.main_slidetext3_4{top: 294px;}





/*
.main_slider .swiper-slide .black_bg{
	display: block;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 100;
	width: 100vw !important;
	height: 100vh !important;
	background-color: rgba(0,0,0,0.9);
}

.main_slider .swiper-slide-active .black_bg{
	background-color: rgba(0,0,0,0.9);
	animation: bkbg 0.7s 0.5s both;
}

@keyframes bkbg{
	0%{background-color: rgba(0,0,0,0.9);}
	50%{background-color: rgba(255,255,255,0.5);}
	100%{background-color: rgba(0,0,0,0);}
}
*/




/****메인영역****/




/****프리미엄영역****/
#premium{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.premium_prev{cursor: pointer; width: 97px;}
.premium_next{cursor: pointer; width: 97px;}



.premium_title{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	
}
.premium_title p{
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
	font-size: 56px;
	line-height: 56px;
	color: #c9c9c9;
	font-weight: 700;
}

.premium_title p span{
	color: #374a42;
}




.premium_controlbox{
	width: 228px;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
}


.premiumbox{
	width: 1920px;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	padding-top: 100px;
	padding-bottom: 70px;
	transition: 0.8s all;
	top: 100px;
	opacity: 0;
}


.premiumbox.on{
	opacity: 1;
	top: 0;
}



.premium_sldiebox{
	width: 100%;
	position: relative;
	transition: 1s ease-in;
	opacity: 1;
}

.premiumslide{
	width: 100%;
	overflow: hidden;
}


.premiumslide .swiper-slide{
	overflow: hidden;
	width: 1400px !important;
	height: 527px !important;
	position: relative;
	box-sizing: border-box;
	border:hidden;
}

.premiumslide .swiper-slide .slidetextbox{position: absolute; width: 350px; bottom: 72px; left: 50%; transform: translateX(-50%); height: 70px; background-color: #fff; z-index: 10}
.premiumslide .swiper-slide .slidetextbox p{font-family: 'Noto Sans KR', sans-serif; position: relative; opacity: 0; z-index: 10;}
.premiumslide .swiper-slide .slidetextbox p:nth-child(1){font-size: 13px; color: #c7c7c7; font-weight: 300; line-height: 15px; padding-top: 15px; text-align: center;background-color: #fff;}
.premiumslide .swiper-slide .slidetextbox p:nth-child(2){ font-size: 22px; color: #374a42; font-weight: 700; line-height: 25px; padding-top: 5px; text-align: center;}

.premiumslide .swiper-slide-active .slidetextbox p:nth-child(1){ animation: text 1s 0.2s both;}
.premiumslide .swiper-slide-active .slidetextbox p:nth-child(2){ animation: text 1s 0.6s both;}
@keyframes text{
	0%{opacity: 0; transform: translateY(20px);}
	100%{opacity: 1; transform: translateY(0px);}
}



.premiumslide .pre_bg{opacity: 1; z-index:1; background-color: #000}
.premiumslide .swiper-slide-active .pre_bg img {animation: bgopcity 1s both; opacity: 1}
@keyframes bgopcity{
	0%{opacity: 1;}
	100%{opacity: 0.7;}
}




.pre_icon{z-index:1; position: absolute; opacity: 0; right: 50px; bottom: 50px; }
.premiumslide .swiper-slide-active .pre_icon {bottom: 50px; right: 50px; animation: iconopcity 1s both; opacity: 0;}
@keyframes iconopcity{
	0%{opacity: 0; bottom: 50px;}
	100%{opacity: 1; bottom: 0px;}
}



/****프리미엄영역****/




#location{
	width: 100%;
	position: relative;
	padding-bottom: 140px;
}

#location::before{
	content: '';
	width: 0px;
	height: 944px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 65px;
	z-index: -1;
	background: url("../img/main/locationbg.png") no-repeat;
	transition: 1.5s all;
}

#location.on::before{
	content: '';
	width: 1758px;
}

.locationtitle{
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
}
.locationtitle p:nth-child(1){
	font-size: 46px;
	font-weight: 300;
	color: #070707;
}

.locationtitle p:nth-child(2){
	font-size: 15px;
	font-weight: 300;
	color: #848484;
	line-height: 26px;
	padding-top: 10px;
}



.locationtitle div a{
	font-size: 16px;
	font-weight: 600;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
	border-bottom: 3px solid #656565;
	padding: 10px 0;
	display: inline-block;
	margin-top: 30px;
	
}



.location_List{
	position: relative;
	padding-top: 50px;
	width: 1500px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	z-index: 2;
}

.location_List div{
	position: relative;
	width: 360px;
	height: 580px;
	top: 100px;
	transition: 1.5s all;
	opacity: 0;
}

.location_List.on div:nth-child(1){opacity: 1; top: 0; transition-delay: 0s;}
.location_List.on div:nth-child(2){opacity: 1; top: 0; transition-delay: 0.5s;}
.location_List.on div:nth-child(3){opacity: 1; top: 0; transition-delay: 1s;}
.location_List.on div:nth-child(4){opacity: 1; top: 0; transition-delay: 1.5s;}


/*******게스트박스******/



#guestWrap{
	width: 100%;
	position: relative;
}

#guestWrap .guest_box{
	width: 1758px;
	height: 388px;
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	background: url("../img/main/customer_bg.png") no-repeat;
	padding-bottom: 100px;
}


#guestWrap .guest_text{
	text-align: center;
	position: relative;
	padding-top: 80px;
}



#guestWrap .guest_text a{
	color: #c6957f;
    line-height: 55px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: block;
	width: 250px;
    height: 55px;
    border-radius: 20px 0px 20px 0px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    transition: 1s all;
	margin: 0 auto;
	background-color: #374a42;
	top: 50px;
}


/****서브페이지****/
#footer{
	width: 100%;
	background-color: #2b2b2b;
	padding: 80px 0;
}


.fticon{
	text-align: center;
}

.oribox{
	padding-top: 25px;
}
.oribox p{
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	color: #fff;
}

.oribox p:nth-child(4){color: #707070; padding-top: 20px;}
.oribox p a{color: #707070;}




/****서브페이지****/

#subhead{
	width: 100%;
	position: relative;
	background: url("../img/header/subhead_bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}


.subimgWrap{
	width: 100%;
	position: relative;
	height: 400px
}

.subimgText{
	display: block;
	width: 610px;
	height: 172px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100px;
	z-index: 2;
	animation: subHeadtext 1.5s .5s both;
	opacity: 0;
}

@keyframes subHeadtext{
	0% {opacity: 0;}
	100% {opacity: 1;}
}



.subPage{
	width: 100%;
	position: relative;
	padding-bottom: 200px;
}

.subtitle{
	text-align: center;
	font-family: 'Nanum Myeongjo', serif;
	letter-spacing: -0.5px;
	transform : rotate(0.04deg);
	font-weight: 300;
	font-size: 45px;
	color: #131313;
	padding-top: 50px;
	padding-bottom: 50px;
}




.subarea{
	width: 1300px;
	position: relative; 
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
}

.iframbox{
	width: 1300px;
	position: relative;
	padding: 50px 50px;
	box-sizing: border-box;
}


.subtt_titax{
	position: relative;
	text-align: center;
	color: #374a42;
	font-size: 36px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 700;
	z-index: 10;
	padding: 40px 0 0 20px;
	
}
.subtt_titax span{
	color: #fff;
	border-radius: 6px;
	padding: 5px 20px;
	background-color: #374a42;
}


.video_subbox{
	width: 1200px;
	margin: 0 auto;
}

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





.wrap_controllers{display: none !important;}


.kakao_Wrap{
	display: flex;
	justify-content: space-between;
}

.kakao_mapwrap{
	width: 550px;
	margin: 0 auto;
}

.kakao_mapbox{
	width: 100%;
	height: 500px;
}

.kakao_mapname ul{
	display: flex;
}

.kakao_mapname ul li{
	text-align: center;
	line-height: 50px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.kakao_mapname ul li:nth-child(1){
	width: 200px;
	color: #fff;
	background-color: #374a42;
}
.kakao_mapname ul li:nth-child(2){
	width: 350px;
	color: #374a42;
	background-color: #e9e9e9;
}



@media screen and (max-width: 1600px) {
}