/* 메인컬러 #434343 전체 변경하면 됨. */
/* a hover 메인컬러 #212121 전체 변경하면 됨. */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body, td, p, button, textarea, select, a, ul, li, ol { 
	font-family:'NanumGothic','나눔고딕','Nanum Gothic',dotum,'돋음',sans-serif;
	font-size:12px; 
	color:#555555;
}

body{background-color: #fff;font-family:sans-serif;font-size: 13px;line-height: 13px; color: #73726C;}
.clear	 {clear:both; width:100%; display:block;}


a.btn,a,a:hover{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:0 ;}



/*header 시작*/

/*nav*/
.navbar{width:100%; height:80px;}
.navbar-default{background: #000;}
.navbar-brand{line-height:80px; float:left;}
.navbar-brand img{height:25px; margin:25px 0 0 0;}
/*nav*/


/* black navi */
.navbar-toggle{margin-top:20px; border-radius:0px;}
.navbar-default .navbar-toggle{background-color: #434343;border-color: #434343; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #6c6c6c;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; }
.navbar-default .navbar-toggle button	{background:transparent; border:none;}
.navbar-nav > li > a{line-height: 1em;}


/* white navi */
/*
.navbar-toggle{margin-top: 18px;border-radius:0;}
.navbar-default .navbar-toggle{background-color: #fff;border-color: #777;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #f1f1f1;color:#fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #777;}
.navbar-nav > li > a{line-height: 1em;}
*/


.float_right	{float:right;margin-right:15px;text-align:center;}
.main_logo		{position:relative; display:block;width:100%; height:auto; margin:2% auto; text-align:center;z-index:1;}
.float_left		{float:left;margin-left:15px;position:absolute;z-index:5;}

/*header 끝*/





/*main*/
.main_con		{width:100%;}
.con_left	 	{width:32%; float:left; position:relative; }
.con_mid	 	{width:32%; margin-left:2%; float:left; position:relative; margin-bottom:2%;} 
.con_right 		{width:32%; float:right;  position:relative;}

/**********************/
.sub_con		{width:96.5%; margin:0 auto;}
.sub_title		{font-size:1.2em; font-weight:600; margin:1em 0;}

/*footer*/
	footer.spacer		{padding:0; font-size:1.0em; line-height:1.2em; color:#666; text-align:center;}
	.footer				{padding:10px 0; background-color:#fff; color:#333;}
/*footer*/

/*unform*/
.radio-inline{padding-top: 4px;padding-left: 0;}
.form-horizontal .radio{padding-top: 3px;}
.radio-inline input[type="radio"]{margin-left: 0;}
/*
div.radio{margin-right: 10px;}
div.radio span{background:url(../images/radio.png) 0 20px !important;}

div.radio span,div.radio input{width: 20px;height: 20px;}
div.radio span.checked{background-position: 0 0 !important;}
*/

.form-control{border: 1px solid #999;border-radius:0;box-shadow:none !important;}
.form-control:focus{border: 1px solid #bbb;}
div.selector{border:none;border: 1px solid #999;height: 33px !important; padding:3px 10px !important; border-radius: 0; font-size: 14px; background: #fff !important; width: 100% !important;}
div.selector:hover{border-color: #bbb;}
div.selector span{height: 36px;padding: 0; background: url(../images/drop.png) right 9px no-repeat !important;color: #8d8d8d; width: 100% !important;margin-right: 20px;}
div.selector:hover span{ background-position:right 9px !important; color: #282828;}
div.selector select{height: 36px !important;top: -2px; cursor: pointer; background-color: #fff;}
div.selector option{ padding: 10px;}
.checkbox label{padding-left: 0;}
.checkbox input[type=checkbox]{margin-left: -10px;}
/*unform*/


/*rooms and tariff*/
.rooms{margin-bottom: 2em;}
.rooms .info{padding: 1.5em;background-color: #E8E7E0;}


.room-features .amenitites li{margin-bottom: 1em;}
.room-features .size-price{background-color: #C7C5BB;padding: 2em 0;text-align: center;color: #fff;height: 10.97em;line-height: 3em;}
.room-features .size-price span{display: block;font-size: 2em;}


.gallery .gallery-image{margin-bottom: 2em;display: inline-block;}
.gallery .gallery-image img{width: 100%;}

body::-webkit-scrollbar {
			width: 6px;
	}

	
/* Let's get this party started */
::-webkit-scrollbar {
		width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
	 background: #ccc; 
/*        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
		-webkit-border-radius: 10px;
		border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
/*        -webkit-border-radius: 10px;
		border-radius: 10px;*/
		background:#555; 
}
::-webkit-scrollbar-thumb:window-inactive {
		background: #ddd; 
}

/*Main style3*/
.mb_a			{width:25%; float:left; padding:2px;}
.mb_b			{width:25%; float:left; padding:2px;}
.mb_c			{width:25%; float:left; padding:2px;}
.mb_d			{width:25%; float:left; padding:2px;}

.mb_e			{width:50%; float:left; padding:2px;}

.main_clear		{clear:both; margin:0 auto;}
.main_clear:after	{clear:both; content:''; display:block; width:100%;}
/*Main style3*/


/*Main style4*/
.m_cont_tit01	{width:100%; padding:20px 0;font-family:'Malgun Gothic'; font-size:2rem; font-weight:bold; color:#464646; text-align:center;}
.m_cont1			{}
.m_cont2			{margin-top:20px;}
.m_cont3			{}
/*Main style4*/



/* Top 버튼*/
.scrolltop {
	width:100%;
	margin:0 auto;
	bottom:5px;
	right:5px;	
}
.scroll {
	display:none;
	position:absolute;
	right:10px;
	bottom:70px;
	background:#999;
	padding:5px 7px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	border-radius:20px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover {
	background:rgba(178,178,178,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	color:#fff;
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
/* Top 버튼*/


/* 미디어 쿼리 */
/* 모바일 Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
	#map_right_wrapper{display:none;}
	#bo_sch form {float:none;}
}

/* 타블렛 Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
	#map_right_wrapper{display:none;}
	#bo_sch form {float:right;margin-right:9px;}
	#fregisterform #reg_mb_email, #fregisterform .frm_address	{width:30%}
}

/* PC Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
	#bo_sch form {float:right;margin-right:9px;}
	#fregisterform #reg_mb_email, #fregisterform .frm_address	{width:30%}
}

/* WIDE PC  Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
	#bo_sch form {float:right;margin-right:9px;}
	#fregisterform #reg_mb_email, #fregisterform .frm_address	{width:30%}
}