@charset "UTF-8";
@import url("https://use.typekit.net/nem6vvn.css");
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	src: url('../font/NanumSquareR.eot');
	src: url('../font/NanumSquareR.ttf');
	src: url('../font/NanumSquareR.woff') format('woff');
}
@font-face {
	font-family: 'FuturaStd';
	font-style: normal;
	src: url('../font/FuturaStd-Book.eot');
	src: url('../font/FuturaStd-Book.ttf');
	src: url('../font/FuturaStd-Book.woff') format('woff');
}

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
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
{
	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}

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}

/* float clear */
.both				{clear:both}
.clear				{width:auto}
.clear:after			{content:"";display:block;clear:both;height:0;overflow:hidden}

/* element hide */
#skipnavi,.alt		{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}

/* default class */
label				{vertical-align:middle;cursor:pointer}
input				{vertical-align:middle}


/*--------------------------------------------------------------------------------*/
/* All - COMMON */
.section 			{position:relative;width:100%;height:100%;overflow:hidden;}
.mask span 			{position:fixed;top:50%;left:50%;width:190px;height:60px;margin:-25px 0 0 -80px;z-index:710;}
.mask b 				{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:700;} 

/* common - mov */
#myVideo {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;object-fit:cover;}
@media (min-aspect-ratio: 16/9) {#myVideo {width: 100%;height: 100%;}}
@media (max-aspect-ratio: 16/9) {#myVideo {width: 100%;height: 100%;}}
/*
@media (min-aspect-ratio:16/9){#myVideo{top:-100%;height:300%;}}
@media (max-aspect-ratio:16/9){#myVideo{left:-100%;width:300%;}}
@supports(object-fit:cover){
	#myVideo{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;overflow:hidden;object-fit:cover;}
}
*/
/* common - bg */
.bg {background:#000;opacity:0.5;position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;}

/* common - slide */
.slide {position:relative;width:100%;height:100%;overflow:hidden;}
.slide_show {position:relative;width:100%;height:100%;overflow:hidden;}
.slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:50;}
.slide_show > li.active {z-index:100;}
.slide .arrow {}
.slide .arrow a {display:block;width:20px;height:35px;position:absolute;top:50%;margin-top:-42px;z-index:300;}
.slide .prev {left:3%;background:url(../images/prev.png) no-repeat 50% 50%;}
.slide .next {right:3%;background:url(../images/next.png) no-repeat 50% 50%;}
.slide .nav {position:absolute;bottom:3%;left:50%;z-index:300;}
.slide .nav li {float:left;width:10px;height:10px;margin-right:5px;}
.slide .nav li a {
	width:6px;height:6px;display:block;border-radius:3px;background:#fff;
	transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;
}
.slide .nav li a.active {background:#b99d78;}

.main .arrow {position:initial;}
.main .prev {background:url(../images/sd_prev.png) no-repeat 50% 50%;width:80px!important;height:57px!important;left:3%;position:absolute;top:50%;margin-top:-29.5px;z-index:320;}
.main .next {background:url(../images/sd_next.png) no-repeat 50% 50%;width:80px!important;height:57px!important;right:3%;position:absolute;top:50%;margin-top:-29.5px;z-index:320;}

/* common - header */
#header {
	position:fixed;top:0;left:0;width:100%;height:99px;z-index:500;
	min-width:1200px;border-bottom:1px solid rgba(164,164,164,0.25);background:#fff;
}
#header .hd_in {width:1200px;margin:0 auto;position:relative;}
#header h1 {width:120px;margin:0 auto;}
#header .left_gnb {width:45%;position:absolute;left:0;top:0;}
#header .left_gnb .sns {overflow:hidden;float:left;width:17%;margin-right:30px;}
#header .left_gnb .sns > a {width:49%;float:left;margin: 38px auto 0;}
#header .left_gnb .sns > a:nth-child(1) {border-right:1px solid #b99d78;}
#header .left_gnb > ul > li {width:120px;}
#header .left_gnb > ul > li > a {width:100%;}
#header .left_gnb > ul > li > a.on {border-bottom:3px solid #b99d78;}
#header .left_gnb > ul > li > ul > li > a:hover {font-weight:bold;}

#header .right_gnb {width:43%;position:absolute;right:0;top:0;}
#header .right_gnb > ul > li {width:140px;}
#header .right_gnb > ul > li:nth-child(3) {width:100px;}
#header .right_gnb .reserve_btn {margin:34px 0;width:110px;float:right;}

#header .gnb > ul > li {float:left;position:relative;}
#header .gnb > ul > li > a {color:#5a5657;padding:20px 0;margin:22px auto 0;}
#header .gnb > ul > li > ul > li > a {padding:12.5px 0;background:#fff;border:1px solid rgba(164,164,164,0.25);}
#header .gnb > ul > li > ul > li:nth-child(1) > a{border-bottom:none;background:#eaeaea;}
#header .gnb > ul > li > ul {display:none;position:absolute;left:0;top:81px;width:100%;}
#header .gnb > ul > li a {color:#5a5657;font-size:16px;}
#header a {display:block;text-align:center;}

/* common - footer */

#footer {position:relative;width:100%;padding:40px 0 0 0;background:#f3f3f3;overflow:hidden;}
#footer .inner {margin:0 auto;position:relative;width:1200px;overflow:hidden;}
#footer .inner .f_top {width:25%;overflow:hidden;float:left;}
#footer .inner .f_top h5 {width:114px;margin: 0 auto 15px;}
#footer .inner .f_top h5 a {display:block;}
#footer .inner .f_top span {font-size:13px;color:#7a7a7a;text-align:center;display:block;line-height:1.5em;}
#footer .inner .f_gnb {overflow:hidden;border-bottom:1px solid #c9c9c9;padding-left:30px;padding:10px 0;}
#footer .inner .f_gnb > ul {overflow:hidden;float:left;padding-left:30px;}
#footer .inner .f_gnb > ul > li {margin:0 20px;float:left;}
#footer .inner .f_gnb > ul > li > a {display:block;font-size:16px;color:#3b3b3b;opacity:0.5;}
#footer .inner .f_gnb > ul > li > a:hover {opacity:1;}
#footer .inner .f_gnb .reserve_btn {width:110px;float:right;margin-right:50px;margin-top:-9px;}

#footer .inner .f_center {width:60%;float:left;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;}

#footer .inner .add01 {padding-left:50px;}
#footer .inner address {padding:20px 0;width:45%;float:left;}
#footer .inner address span {display:block;line-height:1.8em;color:#7a7a7a;font-size:12px;}
#footer .inner .f_sns {overflow:hidden;margin-top:50px;float:right;width:10%}
#footer .inner .f_sns a {display:block;float:left;margin:10px 0;}

#footer .inner .copy {font-size:12px;color:#616161;text-align:center;line-height:1.5em;padding-top:30px;margin-bottom:10px;clear:both;opacity:0.5;}
#footer .inner .copy a {display:block;margin-top:10px;}