@CHARSET "UTF-8";

/*------------------------------------------------------------------------------------------------*/
/* banner */
.reserve .top_bg {background:url(http://gonylab2.speedgabia.com/apm/banner/1.jpg) no-repeat center top;}
.talk .top_bg {background:url(http://gonylab2.speedgabia.com/apm/banner/2.jpg) no-repeat center top;}

/*------------------------------------------------------------------------------------------------*/
/* location */
#location {width: 100%;height: 950px;margin: auto;min-width:1200px;}
#location #map {width:100%;height:550px;text-align:center;position:fixed;z-index:250;}
#location #map_notice {width:1200px;font-size:15px;padding:50px 0 100px;margin:0 auto;overflow:hidden;}
#location #map_notice > div {width:600px;float:left;}
#location #map_notice > div h4 {font-size:18px;font-weight:bold;margin-bottom:20px;}
#location #map_notice > div h4 span {font-size:12px;color:#747474;margin-left:10px;}
#location #map_notice > div p {font-size:13px;color:#747474;line-height:1.5em;}
#location #map_notice > div p span {display:block;}

/*------------------------------------------------------------------------------------------------*/
/* reserve */
body {min-width:1200px;}
body .top_bg {width:100%;height:500px;position:fixed;left:0;top:0;z-index:250;}
body .top_bg > h3 {
	position:absolute;top:50%;left:50%;width:500px;margin:-25px 0 0 -250px;
	text-align:center;color:#fff;font-size:55px;z-index:360;
}
body .top_bg > h3 span {font-size:20px;text-align:center;margin-top:10px;display:block;}

body .top_bg .events {
	position:absolute;top:50%;left:50%;width:600px;height:150px;margin:-75px 0 0 -300px;z-index:360;
}
body .top_bg .events h3 {font-size:50px;color:#fff;text-align:center;}
body .top_bg .events h3 span {font-size:20px;text-align:center;display:block;}
body .top_bg .events p {font-size:15px;color:#fff;text-align:center;margin-top:10px;line-height:1.5em;}

body .board {background:#fff;position:relative;top:500px;left:0;z-index:600;width:100%;}
body .board .center {width:1200px;padding:100px 0 100px;margin:0 auto;}

body .snb {position:absolute;top:-50px;left:0;width:100%;height:50px;min-width:1200px;z-index:310;}
body .snb ul {position:relative;width:1000px;margin:0 auto;overflow:hidden;z-index:200;}
/* 색상변경 */
body .snb .back {background:#000;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.7;z-index:190;}
body .snb ul li {float:left;width:calc(100% / 3); height:50px;}
body .snb ul li a {
	width:99.5%;height:37px;padding-top:18px;display:block;text-align:center;
	font-size:17px;color:#c6c6c6;border-left:1px solid #e8e8e8;font-weight:bold;
}
body .snb ul li a.active {color:#fff;}
body .snb ul li a.last {border-right:1px solid #e8e8e8;}
body .snb ul li a b {position:relative;top:0;font-size:14px;}

#reserve .snb ul li,#guide .snb ul li{width:calc(100% / 3);}

/*------------------------------------------------------------------------------------------------*/
/* 예약 가이드 */
.contents {background:#fff;position:relative;top:500px;left:0;padding-top:50px;z-index:600;width:100%;}
.contents .cont_bak {width:1000px;margin:30px auto 0;}
.contents .cont_bak h2 {width:250px;margin:0 auto 30px;}
.contents .cont_bak table {width:1000px;border:1px solid #e7e7e7;font-family:'돋움',Dotum !important;}
.contents .cont_bak table tr th {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.contents .cont_bak table tr th,td {
	border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;
	text-align:center;font-size:13px;color:#676767;
}
.contents .cont_bak > div > h3 {margin-bottom:10px;}
.contents .cont_bak ul li{
	background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left center;
	padding-left:10px;font-size:12px;line-height:1.5em;color:#676767;
	font-family:'돋움',Dotum !important;
}
.contents ul li span {color:#ee3939;}

/* 01. 객실정보 및 요금안내 */
.r_info_01 {position:relative;margin-bottom:30px;}
.r_info_01 table {margin-bottom:20px;}
.r_info_01 table .room_ {background:#efefef;height:50px;}
.r_info_01 table > thead {line-height:1.1em;}
.r_info_01 table > thead {background:#f8f8f8;}
.r_info_01 table > thead tr th{font-weight:bold;}
.r_info_01 table > tbody tr td{line-height:3em;}

/* 02. 객실 이용시 확인사항, 03. 입금전 확인사항 */
.r_info_02 {margin:50px 0;} 
.r_info_03 {padding-bottom:150px;}
.r_info_03 table {line-height:1.5em;margin-top:20px;}
.r_info_03 table > thead {background:#f2f2f2;}


/*------------------------------------------------------------------------------------------------*/
/* kakao */

.float-button-container {
	z-index: 1000;
	position: fixed;
	/* transform: translate(-50%, 0%); */
	left: 90%;
	bottom: 45px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	padding: 10px;
	background: white;
	height: 55px;
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
	/* border: 1px solid #e9e9e9; */
	border-radius: 30px;
	text-decoration: none !important;
}


.float-button {
	font-family:  "Nanum Gothic", Helvetica, sans-serif !important;
	display: flex;
	align-items: center;
	padding: 0px;
	width: 120px;
	cursor: pointer;
	color: #2b2b2b !important;
	font-size: 17px;
	text-decoration: none !important;
	white-space: nowrap;
	font-weight: bold;
	transition: 0.5s;
}

.float-button:hover {
	transform: translate(0%, -20%);
}

.float-button-image {
	height: 50px;
	width: 50px;
	margin-right: 5px;
}

