@charset "utf-8";
body{}
html,body{
	height:100%;
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch;
}

#main_wrap{width: 100%;}
#main_wrap #header{
	width: 100%;
	border-bottom:1px solid #ddd;
}
#main_wrap #header #booking{
	width:26px;
	position: absolute;
	top:20px;
	left:3%;
}
#main_wrap #header #logo{
	width: 150px;
	margin:auto;
	padding:14px 0;
}
#button{
	position: absolute;
	top:22px;
	right:280px;
	width:26px;
	height:21px;
	background: url(../images/toggle.png) no-repeat;
	z-index: 10;
}
#button p{
	text-indent: -9999px;
}

li.group a.menu{display:block;overflow:hidden;}
.menuon,.selected{display:block;overflow:hidden;}
.sub{display:none;width:100%;height:100%;}

.sub li a{display:block;width:100%;height:50px;padding-left:26px !important;color:#bdbdbd !important;line-height: 50px !important;}

#main_menu{
	width:270px;
	background-color: #192032;
	position: absolute;
	top:0;
	right:-270px;
	z-index: 1000;
	height:100%;
}
#main_menu nav #menu_txt{
	color:#fff;
	padding:20px 10px 20px 10px;
	color:#aaa;
	font-size:14px;
}
#main_menu nav #menu_txt #bold{
	font-size:16px;
	font-weight: 600;
	color:#e7e7e7;
}
#main_menu nav #menu_txt #bold2{
	font-weight:600;
	display:block;
	margin-top:10px;
}
#main_menu nav ul li{
	
	background-color: #192032;
}

#main_menu nav ul li a{
	display: block;
	color:#fff;
	font-size: 14px;
	line-height: 60px;
	padding-left:20px;
}
#main_menu nav #call{
	padding:21px 0;
	background-color: #fff;
	font-size: 1.2em;
	color:#474747;
	text-align: right;
	padding-right: 15px;
	line-height: 30px;
}
#main_menu nav #call img{
	width: 30px;
	margin-left: 30px;
	margin-right: 30px;
}
#main_wrap #about{
	clear: both;
	width: 95%;
	margin:auto;
	padding-top:20px;
}
#main_wrap #about h2{
	background: url(../images/line.png) no-repeat 0px 10px;
	background-size: 100%;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}
#main_wrap #about #about_con{
	padding-top:14px;
}
#main_wrap #about #about_con li{
	float: left;
	width: 33.04093567251462%;/*452px*/
	margin-right: 0.4385964912280702%; /*6px*/
}
#main_wrap #about #about_con li:nth-child(3){
	margin-right: 0;
}
#main_wrap #rooms{
	clear: both;
	width: 95%;
	margin:10px auto;
}
#main_wrap #rooms h2{
	background: url(../images/line.png) no-repeat 0px 10px;
	background-size: 100%;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}
#main_wrap #gallery{
	clear: both;
	width: 95%;
	margin:auto;
	padding-top:20px;
}
#main_wrap #gallery h2{
	background: url(../images/line.png) no-repeat 0px 10px;
	background-size: 100%;
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}
#main_wrap #gallery img{
	padding-top:14px;
	padding-bottom: 20px;
}
footer{
	clear: both;
	width: 100%;
	background-color: #f7f7f7;
	padding: 15px 2.5%;
	box-sizing: border-box;
	position: relative;
	color:#6f6f6f;
	margin-top:30px;
	text-align: center;
}
footer #f01{
	font-size: 12px;
	line-height: 22px;
	margin-top:12px;
}
footer #f02{
	width: 160px;
	margin:auto;
	
}
footer #copy{
	font-size: 12px;
}

/*sub*/
#about_tab{
	width: 100%;
}
#about_tab ul li{
	width: 50%;
	float: left;
	height:40px;
	box-sizing: border-box;
}
#about_tab ul li:nth-child(1){
	border-right: 1px solid #aaa;
}
#about_tab ul li a{
	display: block;
	line-height: 40px;
	text-align: center;
	color:#222;
}
#about_tab ul li a.on{
	color:#fff;
	background-color: #0d2948;
}
#about_img{
	width:95%;
	margin:auto;
}
#about_txt{
	width:95%;
	margin:auto;
	margin-top:20px;
}
#hotel_tit h3{
	font-size: 18px;
	font-weight: 600;
	color:#0d2948;
	margin-bottom: 20px;
}
#hotel_tit p{
	font-size:14px;
}

#hotel h3{
	font-size: 18px;
	font-weight: 600;
	margin-top:20px;
	margin-bottom: 15px;
}
#hotel{
	margin:auto;
}

#hotel table{
	width:100%;
	border:1px solid #ddd;
	box-sizing: border-box;
}
#hotel table tbody tr td{
	height:45px;
	border-bottom: 1px solid #ddd;
}
#hotel table tbody tr:nth-of-type(even){
	background-color: #f9f9f9;
}
#hotel table tbody tr #hotel_tit{
	font-size:13px;
	font-weight: 600;
	text-align: right;
	padding:0 15px 0 20px
}
#hotel table tbody tr #hotel_cnt{
	font-size:13px;
	padding-left:15px;
	box-sizing: border-box;
	border-left:1px dashed #ddd;
}
#add{
	width:95%;
	margin:auto;
	padding-top: 15px;
}
#add h3{
	font-size: 16px;
	font-weight: bold;
}
#add p{
	padding-top: 5px;
	font-size: 14px;
}
#location{
	width:95%;
	margin:auto;
	padding-top:20px;

}
#location h3{
	font-size: 16px;
	font-weight: bold;
}
#location table{
	width:100%;
	height:120px;
	margin-top:5px;
	border:1px solid #ddd;
}
#location table tr{
	border-bottom: 1px solid #ddd;
}
#location table td:nth-child(1){
	text-align: center;
	border-right: 1px solid #ddd;
}
#location table td:nth-child(2){
	padding:10px;
}
#location table td span{
	display: block;
	padding-bottom: 5px;
	font-size: 12px;
}
#location table td span b{
	color:#0d2948;
	font-size: 14px;
}
#hotel_map{
	width:95%;
	margin:auto;
	margin-top: 20px;
}
#hotel_map h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom:5px;
}
#hotel_map #map{
	width:100%;
}
#hotel_map #map .root_daum_roughmap{
	width:100%;
}

#border{width:100%;margin:auto;border-top:1px solid #aaa;}
#sub_txt{width:95%;margin:auto;padding:15px 0;}
#sub_txt h3{font-size:16px;line-height:34px;}
#sub_txt p{font:12px/20px 'Malgun Gothic';}
#sub_txt p span{font-weight:bold;font-size:12px;}
#room_tab{
	width: 100%;
	height:90px;
	background-color: #eee;
}
#room_tab ul li{
	float: left;
	width: 25%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
#room_tab ul li.room05{
	border-right: 0;
}

#room_tab ul li a{
	display: block;
	font-size: 12px;
	height:44px;
	text-align: center;
	color:#7b7b7b;
	line-height: 45px;
	box-sizing: border-box;
}
#room_tab ul li a.on{
	color:#0d2948;
	font-weight: bold;
}
#tour_tit{
	width:95%;
	margin:auto;
}
#tour_tit p{
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 14px;
}
#cafe_txt{
	width:95%;
	margin:auto;
}
#cafe_txt p{
	font-size: 14px;
	line-height: 24px;
	padding-top: 14px;
}
.gallery a{
	float: left;
}
#ga_txt{
	background: url(/m/images/line.png) no-repeat 0px 20px;
	background-size: 100%;
	width: 95%;
	margin:auto;
	padding:10px 0;
	text-align: center;
}
.board_txt{
	width:95%;
	margin:auto;
	margin-bottom: 30px;
}
.board_txt h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin-top:20px;
}
 .board_txt p{
	font-size: 12px;
	letter-spacing: -0.5px;
	line-height: 22px;
	background-color: #f9f9f9;
	padding:10px 5px;
}
.service_tab{
	width:100%;
	height:40px;
	background-color: #eee;
}
.service_tab ul li{
	float: left;
	box-sizing: border-box;
}
.service_tab ul li:nth-child(5){
	padding-right: 0;
}
.service_tab ul li a{
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color:#7b7b7b;
}
.service_tab ul li:nth-child(4) a{
	border-right: 0;
}

.service_tab ul li a.on{
	color:#0d2948;
	font-weight: bold;
}
#room_info{
	width:95%;
	margin:auto;
}
#room_info h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
}
#room_info #info td{
	border:1px solid #ddd;
	padding:10px;
	font-size: 12px;
}
#room_info #info tr:nth-child(even){
	background-color: #f9f9f9;
}
#room_info #info td:nth-child(1){
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -0.5px;
	text-align: center;
}
#room_info #price tr{
	border:1px solid #ddd;
}
#room_info #price td,th{
	
	padding:8px;
}
#room_info #price tr th{
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -1px;
	text-align: center;
}
#room_info #price tr td{
	font-size: 12px;
	text-align: center;
	background-color: #f9f9f9;
}
#room_info #check{
	padding:20px 0;
	font-size: 12px;
	font-weight: bold;
}

#price_info{
	width: 95%;
	margin:auto;
}
#price_info h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
}
#price_info #info{
	border:1px solid #ddd;
	border-top: 2px solid #000;
}
#price_info #info tr{
	border:1px solid #ddd;
}
#price_info #info tr th{
	border-bottom: 1px solid #666;
}
#price_info #info tr th,
#price_info #info tr td:nth-child(1){
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}
#price_info #info tr th,
#price_info #info tr td{
	padding:15px 3px;
	text-align: center;
}
#price_info #info tr:nth-child(even){
	background-color: #f9f9f9;
}
#price_info #check{
	padding:10px;
	background-color: #f9f9f9;

}
#price_info #check ul li{
	font-size: 13px;
	line-height: 26px;
	letter-spacing: -1px;
}
#tour_wrap{
	width:95%;
	margin:auto;
}
#tour_wrap h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
}
#tour_wrap div{
	margin-bottom: 20px;
}
#tour_wrap div p{
	padding:15px;
	font-size: 14px;
	background-color: #f0f0f0;
}
#tour_wrap div p b{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color:#d27c41;
	margin-bottom: 5px;
}
#sub_wrap select.room_select{
  width: 95%;
  margin:auto;
  display: block;
  height: 32px;
  margin-top:10px;
  border-radius: 5px;
  color:#4c4c4c;
  background-color: #eee;
  margin-bottom: 10px;
}

/* reservation */
.room_info {
	width: 95%;
	margin: 40px auto 70px; 
}
.room_info b {
	display: block;
	font-size: 16px;
	margin: 40px 0 5px;
}
.room_info table{
	border-top:2px solid #ddd;
}
 .room_info table tr{
	border-bottom: 1px solid #ddd;
}
.room_info table tr td{
	padding:10px 4px;
	font-size: 12px;
	line-height: 16px;
}
.room_info table tr th {
	text-align: center;
	font-size: 12.5px;
}
.room_wrap .reservation_banner {
	width: 94%;
	margin:auto;
}
.reservation_banner a {
	display: block;
}
.reservation_btn {
	display: block;
	width: 48%;
	height: 45px;
	margin:0 auto 80px;
}