@charset "UTF-8";
/*------ woc - base ------*/
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:'Futura Std','NanumSquareR', 돋움, Dotum, 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}
button {cursor: pointer;}

/* 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;
}


/* 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:31px;height:58px;position:absolute;display:block;z-index:350;top:50%;transform:translate(0, 0);margin-top:-30px;}
body .slick-prev:hover {background: url(../images/prev.png) no-repeat center;}
body .slick-next:hover {background: url(../images/next.png) no-repeat center;}
body .slick-slide {position: relative;}
body .slick-dots {bottom: 5%;}
body .slick-dots li button {box-shadow: 1px 0 1px gray;}
body .slick-prev {background: url(../images/prev.png) no-repeat center;left: 5%;}
body .slick-next {background: url(../images/next.png) no-repeat center;right: 5%;}


body .slick-dots {bottom:45px;text-align:center;}
body .slick-dots li {
	width:7px;height:7px;border-radius:13px;border:1px solid rgba(255,255,255,0);position:relative;background:transparent;margin:0 8px;
	background: transparent;border: 2px solid #fff;
}

body .slick-dots li.slick-active {
	background: #fff;
	transition:all 0.5s;-webkit-transition:all 0.5s;
}


/* 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%;height: 750px;}
#top:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0,0,0,0.3);}
#top h2 {font-size:50px;color:#ffffff;position:absolute;top:53%;left:50%;opacity:0;z-index:320;font-weight: 500;transform: translate(-50%,-50%);text-align: center;}
#top h2 span {display:block;margin-top:20px;font-size:20px;color:#ffffff;}

.content {position:relative;top:0;z-index:320;}

/* pv_lst */
.pv_lst {width:700px;margin:0 auto 70px;}
.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 #a99d89;color:#a99d89;}
.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:#a99d89;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:#a99d89;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;
}

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

/* 공통 margin값 */
.mgt0 {margin-top:0;}
.mgt10 {margin-top:30px;}
.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;}