#full_screen {
	position: absolute;
	top: 3%;
	right: 5%;
	z-index: 20;
	font-size: 16px;
}


.header_bg {
	display: block;
	background-color: #fff;
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: 0;
	z-index: 21;
}
.header_fix {
	position: fixed;
	top: 0;
}
#header {
	position: absolute;
	bottom: 0;
	z-index: 21;
	width: 100%;
}
#header.navi {
	position: fixed;
	top: 0;
	height: 80px;
}
#header h1 {
	display: inline-block;
	padding: 20px 0 0 80px;
}
#header nav {
	float: right;
}
#header .gnb_menu {
	float: left;
}
#header .gnb_menu>li {
	display: inline-block;
	padding: 0 54px;
	height: 80px;
	font-size: 15px;
	position: relative;
}
#header .gnb {
	line-height: 80px;
}
#header .gnb:hover .sub_menu {
	opacity: 1;
	visibility: visible;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
#header .gnb_menu > li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: all 0.2s;
	color: #333;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#header .gnb_menu > li > a:hover {
	color: #1c3b5f;
}
#header .gnb_menu .gnb7 {
	padding-right: 115px;
}
#header .sub_pos {
	top: 80px;
}
#header .sub_pos li {
	background-color: rgba(0,0,0,0.6);
}
#header .sub_menu {
	position: absolute;
	bottom: 80px;
	left: 0;
	z-index: 100;
	opacity: 0;
	visibility: collapse;
	background-color: rgba(0,0,0,0.6);
}


#header .sub_menu li {
	line-height: 32px;
}
#header .sub_menu li:first-child {
	padding-top: 10px;
}
#header .sub_menu li:last-child {
	padding-bottom: 10px;
}
#header .sub_menu li a {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	width: 100%;
}
#header .sub_menu li a:hover {
	color: #78b4ff;
}
#header .sub1 {
	left: 12px;
}
#header .sub1 li {
	width: 92px;
	padding-left: 38px;
}
#header .sub2 {
	left: -14px;
	width: 196px;
}
#header .sub2 li {

}
#header .sub2 .menu_group:first-child {
	float: left;
}
#header .sub2 .menu_group:first-child li {
/*	width: 53px;*/
	padding-left: 10px;
	width: 81px;
}
#header .sub2 .menu_group:first-child+div {
	float: right;
}
#header .sub2 .menu_group:first-child+div li {
	width: 91px;
}
#header .sub_pos .menu_group:first-child li {
/*	width: 53px;*/
/*	padding-left: 17px;*/
	width: 94px;
}
#header .sub_pos .menu_group:first-child+div li {
	width: 92px;
}
#header .sub3 {
	left: 15px;
}
#header .sub3 li {
	width: 127px;
	padding-left: 18px;	
}
#header .sub4 {
	left: 10px;
}
#header .sub4 li {
	width: 122px;
	padding-left: 23px;
}
#header .sub5 {
	left: 30px;
}
#header .sub5 li {
	width: 122px;
	padding-left: 23px;	
}
#header .sub6 {
	left: 0px;
}
#header .sub6 li {
	width: 140px;
	padding-left: 15px;
}
#header .sub7 {
	left: 33px;
}
#header .sub7 li {
	width: 105px;
	padding-left: 35px;
}
#header .button {
	float: right;
	width: 250px;	
	text-align: center;
	font-size: 0;
}
#header .button a {
	display: inline-block;
	width: 49.6%;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	height: 80px;
	line-height: 80px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#header .button a:hover {
	background-color: #153253;
}
#full {
	margin-left: 0.4%;
	cursor: pointer;
}






#top_visual {
	position: relative;
	font-size: 0;
}
#top_visual .owl-carousel {
	position: relative;
	overflow: hidden;
}
#top_visual .owl-carousel li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#top_visual .owl-carousel li div {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}
#top_visual .visual_text {
	position: absolute;
	bottom: 31%;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	z-index: 9;
	text-align: center;
}
#top_visual .visual_text .small_title {
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
	line-height: 32px;
}
#top_visual .map_text {
	bottom: 27%;
}
#top_visual .tour_text {
	bottom: 27%;
}
#top_visual .page_wrap {
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	z-index: 9;
}
#top_visual .page_wrap .page1 {
	margin-right: 10px;
}
#top_visual .line {
	display: inline-block;
	width: 1px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}






#tab_menu {
	background-color: #f7f7f7;
	height: 57px;
}
#tab_menu .container {
	overflow: hidden;
}
#tab_menu h3 {
	float: left;
}
#tab_menu .tab {
	overflow: hidden;
	float: left;
}
#tab_menu .tab li {
	float: left;
	font-size: 15px;
}
#tab_menu .tab li a {
	display: inline-block;
	color: #666666;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	padding-bottom: 5px;
}
#tab_menu .tab li a:hover {
	color: #000;
	border-bottom: 2px solid #000;
}
#tab_menu .tab li a.active {
	color: #000;
	border-bottom: 2px solid #000;
}
.room_tab h3 {
	margin: 0 0 0 0;
}
.room_tab .tab li {
	margin: 0 23px;
}
.facilities_tab h3,
.service_tab h3,
.tour_tab h3 {
	margin: 0 1% 0 16%;
}
.facilities_tab .tab li,
.service_tab .tab li,
.tour_tab .tab li {
	margin: 0 28px;
}
.map_tab h3 {
	margin: 0 1% 0 7%;
}
.map_tab .tab li {
	margin: 0 28px;
}
.reser_tab h3 {
	margin: 0 1% 0 23%;
}
.reser_tab .tab li {
	margin: 0 28px;
}














#footer {
	padding-top: 7%;
	background-color: #fff;
}
#footer .container {
	overflow: hidden;
	margin-bottom: 10px;
}
#footer .container div {
	float: left;
}
#footer .number {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	width: 30%;
}
#footer .logo {
	width: 40%;
	text-align: center;
}
#footer .top_arrow {
	width: 30%;
	text-align: right;
}
#footer .company {
	border-top: 1px solid #363636;
	text-align: center;
	padding: 1.5% 0;
}
#footer .company .info {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
#footer .company .copy {
	font-size: 13px;
	color: #777777;
	margin-top: 20px;
}
#footer .company .copy a {
	color: #777777;
}
	






@media (max-width: 1850px) {
	#header h1 {
		padding: 20px 0 0 34px;
	}
	#header .gnb_menu>li {
		padding: 0 40px;
	}
	#header .gnb_menu .gnb7 {
		padding-right: 50px;
	}
	#header .reservation {
		width: 188px;
	}

}
@media (max-width: 1500px) {
	#header h1 {
		padding: 20px 0 0 27px;
	}
	#header h1 img {
		width: 140px;
	}
	#header .gnb_menu>li {
		padding: 0 33px;
	}
	#header .gnb_menu .gnb7 {
		padding-right: 32px;
	}
	#header .reservation {
		width: 124px;
	}
	#header .reservation a {
		font-size: 13px;
	}
}