@charset "UTF-8";
@import url('../css-1');
@font-face {
	font-family: 'nanumbarungothicregular';
	font-style: normal;
	src: url('../font/nanumbarungothicregular.eot');
	src: url('../font/nanumbarungothicregular.ttf');
	src: url('../font/nanumbarungothicregular.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:'Arapey','nanumbarungothicregular', 돋움, 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 */
#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%!important;/*z-index:30;*/height:100%;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;}
}*/

.bg_1 {
	background:url(../common/bg_1.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.bg_2 {
	background:url(../common/bg_2.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.bg_3 {
	background:url(../common/bg_3.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.sbg {
	background:url(../common/gbg.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:210;
}.dot {
	background:url(../common/bg_dot.png) repeat left top;
	position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;
}

/* 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:-29.5px;z-index:335;}
.slide .nav .prev {left:2%;}
.slide .nav .next {right:2%;}
.slide .nav div a {display:block;}
.slide .nav ul {position:absolute;right:4%;bottom:50px;z-index:335;}
.slide .nav ul li {float:left;width:28px;margin-right:3px;}
.slide .nav ul li a {width:18px;height:18px;display:block;margin:0 auto;}
.slide .nav ul li a {
	background:url(../seorock9/images/off.png) no-repeat 0 0;
	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: scale(1);-webkit-transform: scale(1);
	-o-transform: scale(1);-ms-transform: scale(1);
	transform: scale(1);	
}
.slide .nav li a.active {
	background:url(../seorock9/images/on.png) no-repeat 0 0;
	-moz-transform: scale(1.6);-webkit-transform: scale(1.6);
	-o-transform: scale(1.6);-ms-transform: scale(1.6);
	transform: scale(1.6);
}
.slide .nav {z-index:250;}

#room .slide .nav ul,#facility .slide .nav ul,#service .slide .nav ul {left:auto;right:4%;}
#room .slide .nav ul li,#facility .slide .nav ul,#service .slide .nav ul {margin-right:0;}

/* common - header */
#header {position:fixed;top:50px;left:0;width:100%;min-width:1200px;z-index:700;}
#header h1 {width:15%;height:107px;float:left;}
#header h1 a img {width:116px;height:107px;}
#header .gnb {width:82%;height:54px;float:left;background:rgba(255,255,255,0.8);}
#header .gnb > ul {width:100%;height:100%;}
#header .gnb > ul > li {float:left;width:16.66%;position:relative;}
#header .gnb > ul > li > a {padding:17px 0 16px;color:#292929;font-size:20px;border-right:1px solid #dfd1c3;border-bottom:1px solid #e8e8e8;}
#header .gnb > ul > li.g_sns a {border-right:none;}
#header .gnb > ul > li ul {width:100%;position:absolute;left:50%;top:54px;display:none;}
#header .gnb > ul > li ul li {margin-bottom:1px;}
#header .gnb > ul > li ul li.first {margin-top:1px;}
#header .gnb > ul > li ul li a {padding:18px 0;background:rgba(255,255,255,0.9);}
#header .gnb > ul > li ul li a:hover {background:#b89e83;color:#fff;}

#header .gnb > ul > li.g_room > div {width:100%;height:265px;position:absolute;left:50%;top:54px;display:none;}
#header .gnb > ul > li.g_room div ul {display:block;width:100%;margin-left:0;}
#header .gnb > ul > li.g_room div ul.gr_lst {position:absolute;left:0;top:0;margin-left:0!important;}

#header .gnb > ul > li.g_room div ul.gr_lst li.gnb_pre {width:100%;}
#header .gnb > ul > li.g_room div ul.gr_lst li a {margin-right:1px;}
#header .gnb > ul > li.g_room div ul.gr_lst li {width:50%;float:left;}

#header .gnb > ul > li.g_room div ul.gr_img {width:260px;height:265px;position:absolute;left:0;top:0;margin-left:0!important;margin-top:1px;}
#header .gnb > ul > li.g_room div ul.gr_img li {width:100%;height:100%;position:absolute;left:0;top:0;}

#header a {display:block;text-align:center;}

/* common - footer */
#footer {position:relative;bottom:0;width:100%;min-width:1200px;z-index:500;border-top:10px solid #292929;}
#footer > .inner {width:75%;height:100%;min-width:1200px;margin:0 auto;padding:70px 0;overflow:hidden;position:relative;}
#footer > .inner .f_logo {width:163px;float:left;margin-left:20px;}
#footer > .inner .f_logo a {display:block;}
#footer > .inner > div {width:15%;height:100%;float:left;}
#footer > .inner > div.f-adds {width:35%;margin-left:4%;}
#footer > .inner > div.f-adds address {width:100%;}
#footer > .inner > div.f-adds address span {display:block;line-height:1.5em;font-size:12px;font-family:'Dotum';color:#dddddd;}

#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 > div.f-gnb a:hover {opacity:0.5;} 
#footer > .inner > div.f-side a {
	width:57px;border:1px solid rgba(255,255,255,0.4);padding:27.5px 0;
	position:relative;float:left;margin-top:45px;margin-right:20px;
}
#footer > .inner > div.f-side a:hover {opacity:0.5;}
#footer > .inner > div.f-side a img {display:block;position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;width:30px;height:30px;}

#footer > .inner .creadit {width:auto;float:left;}
#footer > .inner .creadit a {display:block;margin-top:10px;}
#footer > .inner .creadit a.cdt {right:10%;bottom:50px;font-size:13px;font-weight:bold;color:#dddddd;}
#footer > .inner .creadit a.stp {position:absolute;right:0;top:0;margin-top:0;}

#footer > .inner div h5 {color:#fff;font-weight:lighter;margin-bottom:20px;font-size:15px;}