@charset "utf-8";

div.container {
	width: 1600px;
/*	width: 84%;*/
	margin: 0 auto;
}


/* header */
header {
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 200;
}

header h1 {
	width: 281px;
	padding: 1.3% 0 0 2.5%;
	float: left;
}
header ul.gnb {
	height: 300px;
	overflow: hidden;
	width: 992px;
	float: right;
	margin-top: 40px;
	margin-right: 120px;
	position: relative;
}
header ul.gnb>li { 
	width: 140px;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
header ul.gnb>li>a {
	color: #fff;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
header ul.gnb>li:hover>a,
header ul.sub_gnb>li>a:hover,
header ul.sub_gnb>li>a:active {
	color: #e185ff;
}
header ul.sub_gnb {
	display: none;
	width: 120px;
	background-color: rgba(0,0,0,0.3);
	padding: 15px 0 15px 20px;
	margin-top: 1px;
}
header ul.sub_gnb1,
header ul.sub_gnb6 {
	width: 97px;
	padding-left: 43px;
}
header ul.sub_gnb2 {
	width: 125px;
	padding-left: 15px;
}
header ul.sub_gnb>li {
	font-size: 14px;
	letter-spacing: -1px;
	height: 26px;
	line-height: 26px;
	text-align: left;
}
header ul.sub_gnb>li>a {
	color: #fff;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}


header div.reservation,
header div.m_menu,
header div.m_menu_close {
	width: 132px;
	height: 91px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	background-color: #32a5ad;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
header div.reservation:hover {
	background-color: #000000;
}
header div.reservation a,
header div.m_menu a,
header div.m_menu_close a{
	display: inline-block;
	width: 132px;
	height: 91px;
}
header div.reservation img,
header div.m_menu img,
header div.m_menu_close img {
	display: block;
	width: 32px;
	margin: 20px auto 10px; 
}
header div.reservation span,
header div.m_menu span,
header div.m_menu_close span {
	color: #fff;
	font-size: 15px;
}
header div.m_menu,
header div.m_menu_close {
	display: none;
}





/* footer */
footer {
	height: 304px;
/*	overflow: hidden;*/
}
footer div {
	float: left;
	height: 185px;
	padding-top: 119px;
}
footer .company_info {
	width: 30%;
	background-color: #202126;
	color: #aeaeae;
	font-size: 14px;
	padding-left: 10%;
	/*padding-left: 234px;*/
}
footer .company_info p:first-child {
	color: #fff;
	margin-bottom: 8px;
}
footer .company_info p:first-child+p {
	line-height: 24px;
	margin-bottom: 20px;
}
footer .company_info .copy a {
	color: #aeaeae;
}
footer .logo {
	width: 20%;
	background-color: #2B2C31;
	text-align: center;
	height: 244px;
	padding-top: 60px;
}
footer .logo p:first-child {
	margin-bottom: 30px;
}
footer .contact {
	width: 30%;
	background-color: #202126;
	color: #fff;
	font-size: 30px;
	padding-left: 10%;
	/*padding-left: 179px;*/
}
footer .contact p:first-child {
	margin-bottom: 20px;
}
footer .contact span {
	display: block;
	color: #aeaeae;
	font-size: 16px;
	margin-top: 3px;
}