@charset "UTF-8";
@import url("../../css/reset.css");
/* ------------------------------------------------------------------------------- */
body 								{width:640px;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body section							{padding-top:160px;}
body section .section	 				{position:relative;width:100%;}

section .banner 						{position:relative;width:100%;height:330px;margin-bottom:1px;overflow:hidden;}
section .banner:before 				{background:#000;position:absolute;left:0;top:0;width:100%;height:100%;content:"";opacity:0.5;z-index:5;}
section .banner h2 					{position:absolute;z-index:100;}
section .MyFrame 						{position:absolute;width:760px;height:430px;top:50%;left:50%;margin:-215px 0 0 -380px;}
section .MyFrame #MyVideo				{width:760px;height:430px;margin:0 auto;}


#reserve .banner						{background:url(http://gonylab6.speedgabia.com/camino/m/banner/2.jpg) no-repeat 50% 50%;background-size:cover;}
#community .banner					{background:url(http://gonylab6.speedgabia.com/camino/m/banner/3.jpg) no-repeat 50% 50%;background-size:cover;}


/* ------------------------------------------------------------------------------- */
/* header */
header								{position:fixed;width:640px;top:0;left:50%;margin-left:-320px;z-index:1800;}
header hgroup 						{position:relative;width:100%;background:#fff;border-bottom:1px solid #e8e8e8;overflow:hidden;}
header hgroup h1 						{width:100%;background:#e8e8e8;}
header hgroup h1 a 					{width:230px;margin:0 auto;}
header hgroup > ul 					{width:100%;overflow:hidden;}
header hgroup > ul > li 				{float:left;width:18.5%;}
header hgroup > ul > li > a 			{padding:20px 0;text-align:center;font-size:16px;font-weight:bold;}
header hgroup > ul > li.h04 			{width:21.5%;}
header hgroup > ul > li.h05 			{width:23%;background:#8c715b;}
header hgroup > ul > li.h05 a 			{padding:18px 0;}
header hgroup > ul > li.h05 a img 		{display:block;width:106px;margin:0 auto;}
header hgroup ul li a.active 			{display:block;color:#9ab3b4;}
header hgroup .sns					{position:absolute;top:33px;left:10px;z-index:10;overflow:hidden;}
.naver-btn{position: absolute; right: 0; top:17px;}

header hgroup .sns a 					{float:left;width:42px;}	
header hgroup .sns a img				{display:block;width:35px;margin:0 auto;}

header nav > div						{background:#fff;position:absolute;width:100%;height:0;overflow:hidden;}
header nav > div li a 				{text-align:center;font-size:16px;padding:25px 0;color:#000;border-bottom:1px solid #e8e8e8;}
header nav > div ul 					{width:100%;overflow:hidden;}
header nav > div.l02 ul li 			{float:left;width:50%;}
header nav > div.l03 ul li 			{float:left;width:50%;}
/* footer */
footer 								{position:relative;width:100%;height:100%;overflow:hidden;z-index:1000;}
footer .addr 						{width:90%;padding:5%;background:#515151;overflow:hidden;}
footer .addr > div.cont01				{padding-top:5%;}
footer .addr > div strong 				{font-size:15px;color:#fff;display:block;}
footer .addr > div > ul 				{margin-top:20px;margin-bottom:50px;}
footer .addr > div > ul li 			{color:#fff;font-size:15px;color:#e8e8e8;line-height:1.5em;letter-spacing:0.2px;}
footer .addr > div > ul li 			{font-family:'nanumbarungothicregular';}
footer .addr > div > div				{width:50%;float:left;}
footer .addr > div > div strong 		{margin-bottom:25px;}
footer .addr > div > div.rvb a 		{width:180px;font-size:15px;border:1px solid #e8e8e8;display:block;padding:20px 0 19px;text-align:center;color:#e8e8e8;}
footer .addr > div > div.sns a 		{padding:15px;border:1px solid #e8e8e8;display:inline-block;margin-right:5px;}
footer .addr > div > div.sns a img 	{display:block;}
footer .addr .top 					{position:absolute;top:0;right:0;}

header a,footer a						{display:block;}

/* ------------------------------------------------------------------------------- */
/* index */
#index .cnt_ttl {background:#f2f2f2;padding:50px 0;}

/* ------------------------------------------------------------------------------- */
/* intro */
#intro {background:#f4f4f4;}
#intro .cont-txt {width:97%;margin:0 auto;padding:15px 1.5%;overflow:hidden;}
#intro .cont-txt p {text-align:center;padding:50px 0;font-size:15px;color:#000;line-height:1.7em;z-index:15;}
#intro .cont-txt p span {text-align:center;display:block;font-size:18px;font-weight:bold;margin:20px auto 10px;}
#intro .cont-txt h3 {width:500px;margin:0 auto 30px;}
#intro .movie {width:600px;margin:0 auto;}
#intro .location .cont_ttl {width:90%;margin:0 auto;padding:100px 0 50px;overflow:hidden;text-align:center;}
#intro .location .cont_ttl h4 {font-size:38px;letter-spacing:1px;font-weight:bold;}
#intro .location .cont_ttl p {width:calc(100% - 220px);margin:15px auto 0;font-size:17px;line-height:1.5em;}
#intro .location #map {width:100%;height:424px;}

/* ------------------------------------------------------------------------------- */
/* about */
#about .banner{height:400px;}
#about .banner:before {display:none;}
#about h2 {padding:50px 0;}


/* ------------------------------------------------------------------------------- */
/* room */
#room_pv h2 {padding:30px 0;background:#f2f2f2;}
#room_pv .prv {height:384px;overflow:hidden;margin-bottom:5px;}
#room_pv .prv:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0.5;background:#000;z-index:55;}
#room_pv .prv a {position:absolute;top:50%;left:50%;width:512px;height:208px;margin:-104px 0 0 -256px;display:block;z-index:100;}

/* ------------------------------------------------------------------------------- */
/* room */
#room .info {width:90%;margin:0 auto;padding:30px 0;}
#room .info > h2 {font-size:55px;font-weight:bold;text-align:center;margin:30px 0 10px;padding:10px 0;text-transform:uppercase;}
#room .info > h2 span {display:block;font-size:17px;font-weight:bold;letter-spacing:1px;margin-top:5px;}
#room .info > ul {width:93%;margin:0 auto 50px;}
#room .info > ul > li {width:100%;line-height:1.5em;font-size:17px;margin-bottom:15px;text-align:center;}
#room .info > ul > li span {font-weight:bold;}



/* ------------------------------------------------------------------------------- */
/* special_pv */
#special_pv .banner{height:400px;}
#special_pv .banner:before {opacity:0.3;}
#special_pv .banner h2 {position:absolute;top:50%;left:50%;margin:-81.5px 0 0 -300px;z-index:100;}
#special_pv ul {padding-top:10px;width:100%;overflow:hidden;}
#special_pv ul li {width:50%;float:left;}
#special_pv ul li a {display:block;padding-bottom:30px;}
#special_pv ul li a strong {display:block;font-size:22px;font-weight:bold;margin:20px 0;text-align:center;text-transform:uppercase;}
#special_pv ul li a div {background:#787878;margin:20px 0;width:50px;height:1px;margin:0 auto;}
#special_pv ul li a span {display:block;padding:20px 0;font-size:15px;text-align:center;text-transform:uppercase;}


/* ------------------------------------------------------------------------------- */
/* special */
#special .info {width:90%;margin:0 auto;padding:50px 0 70px;}
#special .info > h2 {font-size:55px;font-weight:bold;text-align:center;margin:30px 0 10px;padding:10px 0;text-transform:uppercase;}
#special .info > h2 span {display:block;font-size:17px;font-weight:bold;letter-spacing:1px;margin-top:10px;}
#special .info > p {width:95%;margin:0 auto;line-height:1.7em;font-size:17px;margin-bottom:15px;text-align:center;}



/* ------------------------------------------------------------------------------- */
/* table - common */
.table .banner h2 {position:absolute;top:50%;left:50%;margin:-81.5px 0 0 -270px;z-index:100;}
.table .content .tabs {width:100%;height:100%;background:#fff;}
.table .content .tabs > ul {width:350px;margin:0 auto;padding:25px 0;}
.table .content .tabs > ul > li {float:left;width:50%;background:url(../../images/pv_b.gif) no-repeat right center;}
.table .content .tabs > ul > li:last-child {background:none;}
.table .content .tabs > ul > li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.table .content .tabs > ul > li.active a {font-weight:bold;}
.table .content .tabs .thumbs {position:relative;width:100%;margin:50px auto;}

#reserve .content .tabs .snb {width:300px;}
#reserve .content .tabs .snb > li {width:50%;}


/*------------------------------------------------------------------------------------------------*/
/* reserve */
#reserve .tabs .rv_btn {margin:30px auto;width:200px;text-align:center;}
#reserve .tabs .rv_btn {background:#84674f;padding:20px 0;}
#reserve .tabs .rv_btn a {display:block;width:100%;color:#fff;}
#reserve .tab_02 > p {text-align:center;font-size:18px;color:#fa3535;padding-bottom:50px;} 

#reserve .tab_02 {width:620px;margin:0 auto;display:none;}
#reserve .tab_02 h2 {width:250px;margin:0 auto;padding:60px 0 35px;}
#reserve .tab_02 table {width:600px;margin:0 auto;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
#reserve .tab_02 table tr th {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
#reserve .tab_02 table tr th,#reserve .tab_02 table tr td {
	border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;
	text-align:center;font-size:13px;color:#676767;width:200px;line-height:1.5em;
}
#reserve .tab_02 > div > h3 {margin-bottom:10px;}
#reserve .tab_02 ul li {
	font-size:12px;font-weight:bold;line-height:1.6em;color:#676767;font-family:'돋움',Dotum!important;
	/*padding-left:10px;background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 3px;*/
}
#reserve .tab_02 ul li span {color:#ee3939;}
#reserve .tab_02 .r_info_01 {position:relative;margin-bottom:30px;}
#reserve .tab_02 .r_info_01 h4 {text-align:left;margin-bottom:10px;}
#reserve .tab_02 .r_info_01 table {margin-bottom:20px;}
#reserve .tab_02 .r_info_01 table .room_ {background:#efefef;height:50px;}
#reserve .tab_02 .r_info_01 table > thead {line-height:1.1em;}
#reserve .tab_02 .r_info_01 table > thead {background:#f8f8f8;}
#reserve .tab_02 .r_info_01 table > thead tr th {font-weight:bold;}
#reserve .tab_02 .r_info_01 table > tbody tr td {line-height:3em;}
#reserve .tab_02 .r_info_02 {margin:50px 0;padding-top:50px;text-align:left;} 
#reserve .tab_02 .r_info_03 {padding-bottom:20px;text-align:left;}
#reserve .tab_02 .r_info_03 .CNCL_COMM {margin-bottom:50px;}
#reserve .tab_02 .r_info_03 table {line-height:1.5em;margin-top:20px;}
#reserve .tab_02 .r_info_03 table > thead {background:#f2f2f2;}