@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:'FuturaStd','NanumSquare', 돋움, 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}

/* 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: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;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:18px;color:#dfdfdf;}

#top {width: 100%;height: 400px;margin-top: 121px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
#top::before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: block;position: absolute;left: 0;top: 0;}
#top h2 {font-size: 45px;color: #fff;font-weight: 800;margin-bottom:30px;position: relative;z-index: 10;}
#top span {font-size: 17px;color: #fff;font-weight: 400;display: block;position: relative;z-index: 10;}

.tab_menu {width: 100%;border-bottom: 1px solid #dddddd;}
.tab_menu ul {width: 1200px;margin: 0 auto;display: flex;}
.tab_menu ul li {flex:1 0 auto;position: relative;padding: 30px 0;}
.tab_menu ul li.active::after {content: '';width: 80%;height: 3px;background: #c4984d;display: block;position: absolute;left: 50%;bottom: -1.5px;transform: translateX(-50%);}
.tab_menu ul li a {font-size: 16px;color: #666666;text-align: center;font-weight: 400;display: block;border-right: 1px solid #ddd;}
.tab_menu ul li:last-child a {border-right: navajowhite;}
.tab_menu ul li.active a {color: #c4984d;font-weight: 700;}

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

strong {font-weight: 700;}

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