@charset "UTF-8";
@import url("https://use.typekit.net/zaa8raj.css");
@font-face {
	font-family: 'FuturaBookBT';
	font-style: normal;
	src: url('../font/FuturaBookBT.eot');
	src: url('../font/FuturaBookBT.ttf');
	src: url('../font/FuturaBookBT.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,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
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:'FuturaBookBT','noto-sans-cjk-kr', 돋움, 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;} 
.bg {width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.3;}
.bg_1 {width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.4;}
.bg_2 {width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0;z-index:300;}
.bg_3 {width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.6;}

/* 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;}
/*
@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 - slide */
.slide {position:relative;width:100%;height:100%;overflow:hidden;min-width:1200px;min-height:630px;}
.slide_show {position:relative;width:100%;height:100%;overflow:hidden;min-height:630px;}
.slide_show > li {position:absolute;top:0;left:0;width:100%;height:100%;min-height:630px;overflow:hidden;}
.slide .nav > a {position:absolute;top:50%;margin-top:-49.5px;z-index:335;}
.slide .nav .prev {left:2%;}
.slide .nav .next {right:2%;}
.slide .nav div a {display:block;}
.rooms .nav ul {position:absolute;left:50%;bottom:90px!important;z-index:335;}
.slide .nav ul {position:absolute;left:50%;bottom:30px;z-index:335;}
.slide .nav ul li {float:left;width:5px;margin-right:15px;}
.slide .nav ul li a {width:5px;height:25px;display:block;margin:0 auto;}
.slide .nav ul li a {
	background:#fff;width:3px;height:27px;
	transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out;
	
	-moz-transform: rotate(0);-webkit-transform: rotate(0);
	-o-transform: rotate(0);-ms-transform: rotate(0);
	transform: rotate(0);	
}
.slide .nav li a.active {
	-moz-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.slide .nav {z-index:250;}

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

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


/* common - header */
#index #header {top:-76px;}

header {z-index:1000;width:100%;height:90px;background:rgba(255,255,255,0.8);position:fixed;top:0;}
header hgroup {width:100%;height:90px;}
header hgroup h1 {position:absolute;top:25px;left:50px;}
header hgroup .hbt {position:absolute;right:15px;top:50%;margin-top:-20px;}
header hgroup .hbt ul {float:left;border:1px solid #505050;overflow:hidden;margin-right:15px;margin-top:5px;width:42px;height:28px;transition:height 0.3s ease;}
header hgroup .hbt ul li {line-height:1.8em;width:100%;margin-right:10px;}
header hgroup .hbt ul:hover {height:56px;}
header hgroup .hbt ul li a {font-size:12px;color:#505050;padding:0 15px 0 5px;}
header hgroup .hbt ul li:nth-child(1) a {background:url(../images/down_arrow.png) no-repeat 75% 50%;}
header hgroup .hbt ul li a:hover {font-weight:bold;}
header hgroup .hbt .hrv_btn {float:left;}

header .nav {width:800px;height:90px;position:absolute;left:50%;top:0;margin-left:-400px;}
header .nav > ul {width:100%;height:100%;}
header .nav > ul > li {float:left;position:relative;}
header .nav > ul > li:before {
	content:'';width:0;height:1px;background:#2e373f;position:absolute;left:0;top:67%;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;
}
header .nav > ul > li:hover:before {width:100%;}
header .nav > ul > li.gnb_01 {width:16%}
header .nav > ul > li.gnb_02 {width:18%;}
header .nav > ul > li.gnb_03 {width:13.2%;}
header .nav > ul > li.gnb_04 {width:13.2%;}
header .nav > ul > li.gnb_05 {width:13.2%;}
header .nav > ul > li.gnb_06 {width:13.2%;}
header .nav > ul > li.gnb_07 {width:13.2%;}

header .nav > ul > li > a {text-align:center;font-size:14px;color:#000;padding:39px 0;overflow:hidden;}
header .nav > ul > li > a span {}
header .nav > ul > li > a span.ko {display:none;}
header .nav > ul > li > a:hover span.ko {display:block;}
header .nav > ul > li > a:hover span.en {display:none;}

header .nav > ul > li > ul {position:absolute;left:25%;top:91px;display:none;width:170px;margin-left:-60px;}
header .nav > ul > li > ul > li {width:100%;margin-bottom:1px;}
header .nav > ul > li > ul > li > a {background:rgba(255,255,255,0.8);padding:15px 0;text-align:center;font-size:12px;color:#000;}
header .nav > ul > li.gnb_02 > ul {width:320px;margin-left:-160px;left:50%;}
header .nav > ul > li.gnb_02 > ul > li {width:159px;}
header .nav > ul > li.gnb_02 > ul > li:nth-child(2),header .nav > ul > li.gnb_02 > ul > li:nth-child(3) {margin-right:1px;}
header .nav > ul > li.gnb_02 > ul > li{margin-right:1px;}
header .nav > ul > li.gnb_02 > ul > li:nth-child(1) {width:100%;}
header .nav > ul > li.gnb_02 > ul > li:nth-child(8) {width:100%;}
header .nav > ul > li.gnb_02 > ul > li {float:left;}
header .nav > ul > li.gnb_02 > ul > li a {padding:15px 0;text-align:center;font-size:12px;color:#000;}

header .nav > ul > li.gnb_05 > ul {width:160px;margin-left:-80px;left:50%;}
header .nav > ul > li.gnb_05 > ul > li {margin-bottom:1px;}
header .nav > ul > li.gnb_05 > ul > li a {padding:15px 0;text-align:center;font-size:12px;color:#000;}
header .nav > ul > li > ul > li > a:hover {background:rgba(34,57,64,0.8);color:#fff;}

header a {display:block;}

/* common - footer */
#footer {position:relative;bottom:0;width:100%;min-width:1200px;z-index:500;background:#fff;border-top:1px solid #fff;}
#footer .inner {width:1200px;height:256px;margin:0 auto;overflow:hidden;position:relative;}
#footer .inner .f_logo {width:312px;height:256px;position:absolute;left:50%;top:0;margin-left:-148.5px;}
#footer .inner .f_logo a {display:block;}
#footer .inner > div.f-adds {width:32%;position:absolute;right:-50px;top:64%;margin-top:-72px;}
#footer .inner > div.f-adds address span {display:block;line-height:1.5em;font-size:12px;font-family:'Dotum';color:#333;}

#footer .inner > div.f-gnb a {
	display:block;width:164px;padding:15px 0;border:1px solid rgba(255,255,255,0.4);
	color:#fff;text-align:center;font-size:13px;margin-top:75px;
}
#footer .inner .creadit {text-align:center;position:absolute;left:0;top:50%;margin-top:-46px;}
#footer .inner .creadit .f_phone {font-size:40px;}
#footer .inner .creadit .f_phone span {display:block;font-size:16px;margin-top:13px;}
#footer .inner .creadit a.cdt {display:block;font-size:13px;font-weight:bold;color:#999;margin-top:10px;}
#footer .stp {position:absolute;right:0;top:0;margin-top:0;}

#footer .f_line {width:100%;height:45px;background:#2e373f;}
#footer .f_line p {text-align:center;color:#fff;opacity:0.2;padding:14.5px 0;}