@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&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;
	background-color: #231f20;
}
::-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;
}


/********** 헤더css **********/
#header{
	width: 100%;
	height: 79px;
	position: relative;
	z-index: 300;
	background-color: #231f20;
}

#header .logobox{
	position: absolute;
	width: 220px;
	height: 20px;
	left: 160px;
	top: 28px;
}


#header .hd_right{
	position: absolute;
	height: 100%;
	right: 0;
	display: flex;
}

#header .tellbox{
	background-color: #fff;
	width: 210px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}
#header .nam_box{
	background-color: #956E50;
	width: 90px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

#header .nav_menu{
	width: 900px;
	position: relative;
	left: 55%;
	transform: translateX(-50%);
}


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


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


#header>.nav_menu>li>.depth {
	position:absolute;
	top:90px;
	left:50%;
	padding:0;
	border:none;
	background:#fff;
	transform:translateX(-50%);
	text-align:center;
	max-height:0;
	overflow:hidden;
	opacity:0;
	transition:all .3s;
	border-radius:7px;
	margin-top:-15px;
}
#header>.nav_menu>li:hover>.depth{
	max-height:500px;
	opacity:1;
	padding:10px 40px;
	border:1px solid #e1e1e1;
}
#header>.nav_menu>li>.depth>li {
	padding:10px;
}
#header>.nav_menu>li>.depth>li>a{
	color:#353535;
	font-size:17px;
	line-height:25px;
	font-weight:400;
	white-space:nowrap;
	font-family: 'Noto Sans KR', sans-serif;
}
#header>.nav_menu>li>.depth>li>a:hover{
	color: #a88251;
}

#header>.nav_menu>li:hover>a{
	color: #a88251;
}


#header>.nav_menu>li:before{
	content: '';
	position: absolute;
	display: block;
	width:5px;
	height:20px;
	background-color:#a88251;
	bottom:-6px;
	opacity:0;
	left: 50%;
	margin-left: -1.5px;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transition:transform .3s,opacity .1s;
	-webkit-transition:-webkit-transform .3s,opacity .1s;
	-moz-transition:-moz-transform .3s,opacity .1s;
	z-index: 20;
}

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


.tcolor{
	color: #fff462 !important;
}
/****헤더영역****/




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


.rightbox{
	position: absolute;
	z-index: 20;
	right: 50px;
	top: 80px
}

.rightbox ul li{
	margin-top: 10px;
}


#main{
	position: relative;
	width: 1920px;
	height: 890px;
	left: 50%;
	margin-left: -960px;
}

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

#main::before{
	content: '';
	display: block;
	border-radius: 100%;
	background-color: #332f30;
	width: 500px;
	height: 500px;
	z-index: 1;
	bottom: -100px;
	left: -200px;
	position: absolute;
}






#main .main_box{
	width: 1758px;
	height: 890px;
	overflow: hidden;
	right: 0;
	position: absolute;
	border-radius: 0px 0px 0px 100px;
	z-index: 10;
}

.mainbg{
	display: block;
	transform: scale(1.2,1.2)
}
.textbox01,
.textbox02,
.textbox03{
	position: absolute;
	z-index: 5;
	opacity: 0;
}


.textbox01{left: 130px; top: 140px;}
.textbox02{left: 234px; top: 325px;}
.textbox03{left: 175px; top: 450px;}



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




/****프리미엄영역****/
#premium{
	position: relative;
	width:1920px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}
.premiumbox{
	width: 1600px;
	position: relative;
	display: flex;
	left: 260px;
	padding-top: 150px;
	padding-bottom: 150px;
}



.premiumbox::after{
	content: '';
	display: block;
	width: 231px;
	height: 232px;
	position: absolute;
	background:url("../img/main/deco.png");
	bottom: -100px;
	left: 200px;
	z-index: 1
	
}


.premium_title{
	width: 420px;
	height: 500px;
	position: relative;
	box-sizing: border-box;
	padding-top: 50px;
}



.premiumbtn{
	width: 210px;
	height: 55px;
	border-radius: 0px 0px 0px 20px;
	border: 2px solid #fff;
	text-align: center;
	margin-top: 50px;
	position: relative;
	transition: 1s all;
}
.premiumbtn:hover{
	background-color: #896333;
}

.premiumbtn::before{
	content: '';
	display: block;
	background-color: #fff;
	width: 2px;
	height: 19px;
	top: -9px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

.premiumbtn::after{
	content: '';
	display: block;
	background-color: #fff;
	width: 2px;
	height: 19px;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}


.premiumbtn a{
	color: #fff;
	line-height: 55px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 15px;
	font-weight: 700;
	display: inline-block;
	width: 100%;
}

.premium_title p{font-family: 'Noto Sans KR', sans-serif; position: relative; opacity: 0; transition: 1s; right: 100px;}
.premium_title p:nth-child(1){color: #ffffff; font-size: 20px; font-weight: 400; line-height: 20px; transition-delay: 0s;}
.premium_title p:nth-child(2){color: #ffffff; font-size: 64px; font-weight: 700; line-height: 75px;  transition-delay: 0.3s;}
.premium_title p:nth-child(2) span{color: #a88251;}
.premium_title p:nth-child(3){color: #7f7e7e; font-size: 18px; font-weight: 400; line-height: 40px; padding-top: 50px; transition-delay: 0.6s;}



.premium_sldiebox{
	width: 1180px;
	position: relative;
	transition: 1s ease-in;
	opacity: 0;
}


.premiumslide{
	width: 1180px;
	overflow: hidden;
}


.premiumslide .swiper-slide{
	overflow: hidden;
	width: 380px !important;
	height: 500px !important;
	border-radius: 0px 0px 0px 50px;
	position: relative;
	box-sizing: border-box;
	border:hidden;
	background-color: #000000;
}

.premiumslide .swiper-slide .slidetextbox{position: absolute; text-align: center; width: 100%; height: 100%; 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: 15px; color: #cecece; font-weight: 500; margin-top: 150px;}
.premiumslide .swiper-slide .slidetextbox p:nth-child(2){ font-size: 38px; color: #a88251; font-weight: 800; line-height: 45px; padding-top: 20px;}
.premiumslide .swiper-slide .slidetextbox p:nth-child(3){ font-size: 17px; color: #fff; font-weight: 200; padding-top: 20px;}

.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;}
.premiumslide .swiper-slide-active .slidetextbox p:nth-child(3){ animation: text 1s 0.9s both;}
@keyframes text{
	0%{opacity: 0; transform: translateY(20px);}
	100%{opacity: 1; transform: translateY(0px);}
}


.premiumslide .swiper-slide-active{border: solid 2px #a88251;}

.premiumslide .pre_bg{opacity: 1; z-index:1;}
.premiumslide .swiper-slide-active .pre_bg{animation: bgopcity 1s both;}
@keyframes bgopcity{
	0%{opacity: 1;}
	100%{opacity: 0.13;}
}

.premium_prev{left: -20px;cursor: pointer; top: 45%; position: absolute; z-index: 10;}
.premium_next{left: 355px;cursor: pointer; top: 45%; position: absolute; z-index: 10;}



.premiumbox.on .premium_title p{
	opacity: 1;
	right: 0;
}
.premiumbox.on .premium_sldiebox{
	opacity: 1;
}


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




#location{
	width: 100%;
	padding-bottom: 330px;
	position: relative;
}
#location::after{
	content: '';
	display: block;
	width: 1220px;
	height: 108px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background:url("../img/main/location_bottom.png");
	bottom: 100px;
	z-index: 1
	
}


.locationbox{
	position: relative;
}

.locationbox::after{
	content: '';
	display: block;
	width: 1800px;
	height: 506px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background:url("../img/main/location_bg.jpg");
	top: 0;
	z-index: 1
	
}


.location_title{
	padding-top: 100px;
	padding-bottom: 50px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.location_title p{font-family: 'Noto Sans KR', sans-serif;}
.location_title p:nth-child(1){color: #373737; font-size: 20px; font-weight: 400; line-height: 20px;}
.location_title p:nth-child(2){color: #373737; font-size: 64px; font-weight: 700; line-height: 75px;}
.location_title p:nth-child(2) span{color: #a88251;}


.logo_lotate{
	position: absolute;
	z-index: 3;
	width: 190px;
	height: 167px;
	right: -90px; 
	top: -70px;
}

.banglogo{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
}

.bangbang{
	width: 190px;
	height: 167px;
	position: relative;
	animation: rotate_image 10s linear infinite;
    transform-origin: 50% 50%;
}
@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}


.location_list{
	max-width: 1570px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.lolist{
	width: 250px;
	height: 530px;
	display: block;
	position: relative;
	background-color: #000;
	border-radius: 0px 0px 0px 50px;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
	transition: 1s;
	top: 100px;
}


.location_list.on li{opacity: 1;}
.location_list.on li:nth-child(1){transition-delay: 0s; top: 0px;}
.location_list.on li:nth-child(2){transition-delay: 0.3s; top: 0px;}
.location_list.on li:nth-child(3){transition-delay: 0.5s; top: 0px;}
.location_list.on li:nth-child(4){transition-delay: 0.8s; top: 0px;}
.location_list.on li:nth-child(5){transition-delay: 1s; top: 0px;}
.location_list.on li:nth-child(6){transition-delay: 1.3s; top: 0px;}

.lolist .locationbg{width: 250px; height: 530px; transition: all .5s; position: absolute; top: 0; left: 0;}

.lolist:hover .locationbg{opacity: 0.3;}

.lotext{ position: relative; z-index: 10; margin-top: 177px; opacity: 0; transition: all .5s;}
.lolist:hover .lotext {margin-top: 167px; opacity: 1;}

.lo_S_title, .lo_B_title{ color: #fff; font-family: 'Noto Sans KR', sans-serif;}
.lotext .lo_S_title{font-size: 15px; padding-top: 35px; line-height: 20px;}
.lotext .lo_B_title{font-size: 25px; font-weight: 700;}





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


.fticon{
	text-align: center;
}

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

.oribox p a{
	color: #a4a4a4;
}




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

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

.subimgHedbox{
	width: 1920px;
	height: 350px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.subimgHedbox::after{
	content: '';
	display: block;
	width: 1758px;
	height: 350px;
	position: absolute;
	right: 0;
	background: url("../img/subpage/subhead.png");
	top: 0;
	z-index: 1
}

.subimgHedbox::before{
	content: '';
	display: block;
	border-radius: 100%;
	background-color: #332f30;
	width: 300px;
	height: 300px;
	z-index: 1;
	bottom: -100px;
	left: -50px;
	position: absolute;
}


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

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



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


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

.subtitle{
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.5px;
	transform : rotate(0.04deg);
	font-weight: 300;
	font-size: 45px;
	color: #fff;
	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;
}


.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;
}





.reservation_tab{position: relative; padding-bottom: 50px;}
.reservation_tab ul{ display: flex; justify-content: center;}
.reservation_tab ul li{width:350px; line-height: 45px; margin-left: 20px; text-align: center; border: 1px solid #C4C4C4; background-color: #F0F0F0;}
.reservation_tab ul li:nth-child(1){margin-left: 0;}
.reservation_tab ul li a{display: block; font-size: 16px; width: 100%; height: 100%; color: #353535; font-family: "NanumGothicBold",sans-serif;}

.reservation_tab ul li.on,
.reservation_tab ul li.on a{
	background-color: #102847;
	color: #fff;
	
}




@media screen and (max-width: 1600px) {
	#header .logobox{left: 30px;}
	#header .nav_menu{width: 780px; left: 50%;}
	#header>.nav_menu>li{width: 130px;}
}