@charset "UTF-8";
/*------ woc - base ------*/
@import "../fonts/ivymode/ivymode.css";
@import "../fonts/suit/SUIT.css";
@import "../fonts/Montserrat/Montserrat.css";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin:0;border:0;outline:0;padding:0;
	background:transparent;
	font-family: 'SUIT', sans-serif;
	font-style:normal; font-weight:normal;
	vertical-align:baseline;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body					{line-height:1;}
ol,ul				{list-style:none}
blockquote,q 		{quotes:none}
blockquote:before,
blockquote:after,
q:before,q:after		{content:'';content:none}
table				{border-collapse:collapse;border-spacing:0}
hr					{display:none}
button				{border:none;background:none;}
label				{vertical-align:middle;cursor:pointer}
input				{vertical-align:middle}

a:link				{color:#000;text-decoration:none}
a:visited			{color:#000;text-decoration:none}
a:hover				{color:#000;text-decoration:none}
a:active				{color:#000;text-decoration:none}

/* common - mov */
#MainVideo {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:auto;overflow:hidden;object-fit:cover;}
#myVideo {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:auto;overflow:hidden;object-fit:cover;}
#sub_vid {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:auto;overflow:hidden;object-fit:cover;}

/* element hide */
#skipnavi,.hide,.alt		{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}
.bg {
	display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.3;
	-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;
}
.bg_01 {
	display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.4;
	
}
.bg_02 {
	display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;
	-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;
}

.up{transform: translateY(-10px);}


/* element slide */
#slides 						{position:relative;width:100%;height:100%;overflow:hidden;min-width:1200px;}
#slides .slide_show 			{position:relative;width:100%;height:100%;overflow:hidden;}
#slides .slide_show > li 		{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
#slides .slide_show > li.active {z-index:30!important;}
#slides .arrow 					{}
#slides .arrow > a 				{position:absolute;top:53%;margin-top:-43.5px;width:45px;height:87px;z-index:320;}
#slides .arrow > a.prev 			{left:5%;background:url(../images/prev.png) no-repeat 0 0;}
#slides .arrow > a.next 			{right:5%;background:url(../images/next.png) no-repeat 0 0;}
#slides .nav 				{}
#slides .nav > ul 				{overflow:hidden;position:absolute;left:45%;bottom:4%;z-index:320;}
#slides .nav > ul li 			{float:left;width:15px;margin:0 3px;}
#slides .nav > ul li a 		{width:15px;height:15px;display:block;margin:0 auto;}
#slides .nav > ul li a 		{background:url(../images/slide_off.png) no-repeat 0 0;}
#slides .nav > ul li a.active 	{background:url(../images/slide_on.png) no-repeat 0 0;}


/*  slick  */
body .slick-prev, body .slick-next {width:82px;height:60px;position:absolute;display:block;z-index:350;top:50%;transform:translate(0, 0);margin-top:-30px;}
@media(max-width:560px){
body .slick-prev, body .slick-next {width:71px;height:71px;top:60%;}
}
body .slick-prev:hover {background:url(../images/slick_prev.png) no-repeat 50% 50%;}
body .slick-next:hover {background:url(../images/slick_next.png) no-repeat 50% 50%;}
body .slick-prev {background:url(../images/slick_prev.png) no-repeat 50% 50%;left:5%;}
body .slick-next {background:url(../images/slick_next.png) no-repeat 50% 50%;right:5%;}

body .slick-dots {bottom:45px;text-align:center;}
@media(max-width:560px){
body .slick-dots {bottom:14px;}
}
body .slick-dots li {
	width:26px;height:26px;border-radius:13px;border:1px solid rgba(255,255,255,0);position:relative;background:transparent;margin:0;
	transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);
}
body .slick-dots li:before {
	content:'';width:7px;height:7px;border-radius:3.5px;background:#fff;opacity:1;position:absolute;left:50%;top:50%;margin:-3.5px 0 0 -3.5px;
	transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);
}
body .slick-dots li.slick-active:before {opacity:1;transform:scale(1,1);-webkit-transform:scale(1,1);}
body .slick-dots li.slick-active {
	border:1px solid rgba(255,255,255,1);
	transition:all 0.5s;-webkit-transition:all 0.5s;
	transform:scale(1,1);-webkit-transform:scale(1,1);
}


/* visual */
#visual {position:relative;top:0;height:600px!important;}
#visual:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);}
#visual h2 {font-size:55px;color:#ffffff;font-family: linotype-didot, serif;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
#visual h2 span {display:block;margin-bottom:30px;font-size:16px;color:#ffffff;text-align:center;}

#top {position:relative;top:0;width:100%;}
#top:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0,0,0,0.2);}
#top h2 {
	font-size:60px;color:#ffffff;font-family:'Ivymode';position:absolute;top:55%;left:0;opacity:0;z-index:320;text-align: center;
	transform: translate(0,-50%);-webkit-transform: translate(0,-50%);width: 100%;
}
#top h2 span {display:block;margin-top:30px;font-size:18px;color:#ffffff;text-align:center;}

@media(max-width:1025px){
		#top {position:relative;height:600px!important;width:100%;}
		#top:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0,0,0,0.2);}
		#top h2 {
			font-size:30px;color:#ffffff;font-family: cormorant-garamond, serif;position:absolute;top:55%;left:50%;opacity:0;z-index:320;
			transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 100%;text-align: center;
		}
		#top h2 span {display:block;margin-top:20px;font-size:15px;color:#ffffff;text-align:center;}

		#room #top {height:360px;}
		#facility #top {height:360px;}
}

.content {position:relative;top:0;z-index:320;}
.scroll_btn {position:absolute;right:20px;bottom:30px;z-index:320;cursor:pointer;}

/* pv_lst */
.pv_lst {width:700px;margin:0 auto 70px;}
@media(max-width:1024px){
.pv_lst{width:100%;}
}
.pv_lst ul {width:100%;overflow:hidden;}
.pv_lst ul li {float:left;width:45%;margin:0 2.5%;}
.pv_lst ul li a {display:block;padding:12px 0;font-size:16px;text-align:center;}

.pv_lst ul > li:nth-child(1) a {border:1px solid #2C5B57;color:#2C5B57;}
.pv_lst ul > li:nth-child(2) a {border:1px solid #565656;color:#565656;}
.pv_lst ul > li:nth-child(3) a {border:1px solid #565656;color:#565656;}
.pv_lst ul > li:nth-child(1) a:hover {background:#2C5B57;color:#fff;}
.pv_lst ul > li:nth-child(2) a:hover {background:#565656;color:#fff;}
.pv_lst ul > li:nth-child(3) a:hover {background:#565656;color:#fff;}
.pv_lst ul li:nth-child(1) a.active {background:#2C5B57!important;color:#fff!important;}
.pv_lst ul li:nth-child(2) a.active {background:#565656!important;color:#fff!important;}
.pv_lst ul li:nth-child(3) a.active {background:#565656!important;color:#fff!important;}

#promotion .pv_lst {margin:70px auto 100px;}
#table .top_tit {height:100px;margin-top:-50px;}
#reserve .top_tit {height:100px;margin-top:-50px;}

/* 공통 btn_area */
a.view {
	display:block; margin:70px auto 0; font-size:14px; color:#fff; width:170px; height:40px; line-height:40px; 
	text-align:center;border:1px solid #fff; transition: .5s;position:relative;
}
a.view:before{content:''; width:43px; height:1px; background-color:#e8e8e8; position:absolute; top:50%; left:-18px; transform: translatex(0px); transition: .5s;}
a.view:hover{background-color:#1c1c1c; color:#fff; transition: .5s;}
a.view:hover:before{transform: translatex(170px); transition: .5s; }

/* 공통 img_box */
.img {position:relative;overflow:hidden;}
.img .img_box {
	position:absolute;left:0;top:0;width:100%;height:100%;
	transform: scale(1, 1);-webkit-transform: scale(1, 1);
	transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;
}

.mov_box {
	width:100%;text-align:center;position:relative;padding-bottom:56.25%;padding-top:0;overflow:hidden;
}
.mov_box iframe {position:absolute;left:0;bottom:0;width:100%;height:100%;}

.common_sd {width:100%;height:100%;}

/* 공통 margin값 */
.mgt0 {margin-top:0;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
.mgt80 {margin-top:80px;}
.mgt90 {margin-top:90px;}
.mgt100 {margin-top:100px;}
.mgt110 {margin-top:110px;}
.mgt120 {margin-top:120px;}
.mgt130 {margin-top:130px;}
.mgt140 {margin-top:140px;}
.mgt150 {margin-top:150px;}
.mgt160 {margin-top:160px;}
.mgt170 {margin-top:170px;}
.mgt180 {margin-top:180px;}
.mgt190 {margin-top:190px;}
.mgt200 {margin-top:200px;}

.mgb0 {margin-bottom:0;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb60 {margin-bottom:60px;}
.mgb70 {margin-bottom:70px;}
.mgb80 {margin-bottom:80px;}
.mgb90 {margin-bottom:90px;}
.mgb100 {margin-bottom:100px;}
.mgb110 {margin-bottom:110px;}
.mgb120 {margin-bottom:120px;}
.mgb130 {margin-bottom:130px;}
.mgb140 {margin-bottom:140px;}
.mgb150 {margin-bottom:150px;}
.mgb160 {margin-bottom:160px;}
.mgb170 {margin-bottom:170px;}
.mgb180 {margin-bottom:180px;}
.mgb190 {margin-bottom:190px;}
.mgb200 {margin-bottom:200px;}


.Playfair {font-family: 'playfair-display', "NotoSerifKR", serif !important; }
.Reforma {font-family: "reforma-1969", 'NanumSquare', sans-serif !important;}
.NanumSquare {font-family: "NanumSquare", sans-serif !important;}
.NotoSerifKR {font-family: "NotoSerifKR", serif !important;}
.FuturaStd {font-family: "FuturaStd", 'NanumSquare', sans-serif !important;}
.Futurapt {font-family: "futura-pt", 'NanumSquare', sans-serif !important;}


html, body { font-weight: 400; font-size: 16px; line-height: 1.3; color: #000000; width: 100%;  position: relative;}

body.hidden {overflow: hidden;}
body {
	-ms-overflow-style: none; /* 인터넷 익스플로러 */		
	scrollbar-width: none; /* 파이어폭스 */
}
body::-webkit-scrollbar {display: none; }
  

.img-full {max-width: 100%;}
.text-center {text-align: center;}


@keyframes crossLeft {
    100% {
        transform: translateY(0) translateX(0) rotate(-45deg)
    }
}

@keyframes crossLeftClose {
    100% {
        transform: translateY(22px) translateX(22px) rotate(-45deg)
    }
}

@keyframes crossRight {
    100% {
        transform: translateY(0) translateX(0) rotate(45deg)
    }
}

@keyframes crossRightClose {
    100% {
        transform: translateY(22px) translateX(-22px) rotate(45deg)
    }
}



.none-1660{display:block;}
@media(max-width:1660px){
	.none-1660{display:none;}
}
.none-1500{display:block;}
@media(max-width:1500px){
	.none-1500{display:none;}
}
.none-1025{display:block;}
@media(max-width:1025px){
	.none-1025{display:none;}
}
.show-1025{display:none;}
@media(max-width:1025px){
	.show-1025{display:block;}
}
.none-768{display:block;}
@media(max-width:768px){
	.none-768{display:none;}
}
.show-768{display:none;}
@media(max-width:768px){
	.show-768{display:block;}
}

.none-560{display:block;}
@media(max-width:560px){
	.none-560{display:none;}
}
.show-560{display:none;}
@media(max-width:560px){
	.show-560{display:block;}
}