/*@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicBoldWeb);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicExtraBoldWeb);
*/
@font-face{
font-family:NanumGothic;
src:url(NanumGothic.eot);
src:local(※), url(/css/NanumGothic.woff) format(‘woff’)
}
@font-face{
font-family:NanumGothicBold;
src:url(NanumGothicBold.eot);
src:local(※), url(/css/NanumGothicBold.woff) format(‘woff’)
}
@font-face{
font-family:NanumGothicExtraBold;
src:url(NanumGothicExtraBold.eot);
src:local(※), url(/css/NanumGothicExtraBold.woff) format(‘woff’)
}
* { margin:0; padding:0; }
html{overflow-y:auto;}
body{background-image:url(../images/bg_body.gif); 
background-repeat: repeat-x;
font-family:dotum,'돋움'; 
margin:0 auto; 
text-align:center; 
height:100%;
overflow-y:hidden;
scrollbar-3dlight-color:#555;
scrollbar-3dlight-color:#555;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#555;
scrollbar-darkshadow-color:#555;
scrollbar-face-color:#ff5089;
scrollbar-highlight-color:#ff5089;
scrollbar-shadow-color:#ff5089;}
}
img{border:0px}
a{text-decoration:none; color:#5d5d5d; }





#header{position:absolute; z-index:1112; !important; padding-top:5px; right:0; margin-right:50px}
#top{width:1200px;background-image:url(../images/bg_top.gif); background-repeat:no-repeat; background-position:top center;padding-top:30px; margin:0 auto;}
#logo{width:240px; margin:0 auto;padding-bottom:8px;}
#menuwrap{margin-left:110px \0/IE8+9; }
:root #menuwrap{margin-left:110px }
#menu{ width:980px; text-align:center}
.rvbtn{ position:absolute; margin-top:5px;.margin-left:-550px; z-index:999 }
.qrcode{position:absolute; margin-top:5px;margin-left:490px; left:50%}


#center{position: absolute;width:1480px; height:auto; overflow:hidden;left:50%; margin-left:-740px; }
#center2{position: absolute; width:1480px; height:752px;overflow:hidden; left:50%; margin-left:-740px;}

#toptitle{width:1200px; padding:23px 0 5px 0; margin:0 auto;}
#toptitle_comm{width:1200px; padding:50px 0 5px 0; margin:0 auto;}
#toptitle_comm .subtitle{
	height:37px;
	/*background-image:url(../images/t_previewinfo.png); */
	background-repeat:no-repeat; 
	background-position:950px  top;
	font-family:'NanumGothic','NanumGothicWeb';
	font-size:30px;
	font-weight:bold;
	color:#D96289;
	letter-spacing:-1px;
}
#toptitle .subtitle{
	height:37px;
	background-image:url(../images/t_previewinfo.png); 
	background-repeat:no-repeat; 
	background-position:950px  top;
	font-family:'NanumGothic','NanumGothicWeb';
	font-size:30px;
	font-weight:bold;
	color:#D96289;
	letter-spacing:-1px;
}
#toptitle p{margin-bottom:5px}
#toptitle span{font-weight:bold; letter-spacing:-1px; font-size:14px; font-family:'NanumGothicExtraBold','NanumGothicExtraBoldWeb';}
#toptitle .pNumber{color:#d96289; font-weight:bold; font-size:16px;}

#toptitle_up{width:600px;position:absolute; z-index:990; top:125px; left:50% !important; margin-left:-300px!important }
#center2 #toptitle_up{width:600px;position:absolute; z-index:990; top:25px; left:50% !important; margin-left:-300px!important }


#maingp{width:500px; height:300px; position:absolute; z-index:990; bottom:0; margin-bottom:100px; left:50% !important; margin-left:250px!important; display:none}

#contents{position:absolute; width:1480px; left:50%; margin-left:-740px; background-image:url(../images/bg_common.gif); padding-bottom:50px;height:auto;}
#contents .text1{ font-size:12px; font-family:'NanumGothic','NanumGothicWeb';line-height:18px; color:#ffe7ef}
#contents h1{padding:20px}
#contents_bg{position:absolute;width:1480px;left:50%; margin-left:-740px; padding-bottom:50px; height:700px; background-image:url(../images/bg_reservation.gif); }

.about{width:1200px; height:600px; background-image:url(../images/bg_about.gif); background-repeat:no-repeat; margin:0 auto}
.about p{width:400px;margin:0 auto; padding-top:100px;}
.boardwrap{width:1000px; height:520px; background-color: #FFF; margin:0 auto 50px auto; padding-bottom:10px; overflow-y:auto; overflow-x:hidden}
.noticewrite{width:300px; margin:50px auto; border:#E3E3E3 10px solid; padding: 30px}
.noticewrite h3{margin-bottom:10px;border-bottom:1px #E3E3E3 solid; padding-bottom:10px}
.noticewrite p{padding-top:20px}
.cap-title{
	font-family:'NanumGothic','NanumGothicWeb';
	color:#D96289;
	letter-spacing:-3px;
}


#room_list{width:1080px; margin-left:60px \0/IE8+9; margin:0px auto 10px auto; overflow:hidden; background:url(../images/bg_roomlist.gif);}
#room_list ul{ padding:0; list-style:none; text-align:left;}
#room_list li{ display:inline; width:120px;}

.demo a{ float:left;padding:0; margin:5px!important; display:block; border:3px solid #fff;}
.demo a:hover{ border:3px solid #ff4c8a}
.demo a img{ float:left; margin:0; padding:0; background: no-repeat; _margin:0 -3px}

#room_info{width:1000px;_width:1080px;overflow-y:auto; overflow-x:hidden; margin-left:60px \0/IE8+9;margin:0 auto 100px auto; background-color:#FFF; padding:15px 35px ; border:5px #d4d4d4 solid}
#room_info ul{list-style:none;}
#room_info li{text-align:left !important; font-size:12px; color:#838383; margin-bottom:10px}
#room_info p{margin:5px 0; padding-left:10px; background: url(../images/bl_02.gif) no-repeat 0 3px; }


#footer{width:100% !important; height:60px;border-top:1px #d96289 solid;left:0; position:fixed;bottom:0px; z-index:1111; background-color:#FFF; padding-bottom:5px; }
#footer td{
	 font-family:'NanumGothicExtraBold','NanumGothicExtraBoldWeb';
	 font-size:10px;
	 color:#6e6e6e;
}
#footer span{font-weight:bold; letter-spacing:-1px; font-size:14px; font-family:'NanumGothicExtraBold','NanumGothicExtraBoldWeb'; color:#000000;}
#footer .pNumber{color:#d96289; font-weight:bold; font-size:16px;}

/*#footer{width:100%; height:60px;border-top:1px #aaaaaa solid; position:static ; background-color:#FFF;overflow:hidden;display:inline-block;}*/



/*menu*/
.es_menu .group{float:left;}
.es_menu p{font-weight:bold;font-size:14px;margin:0px;z-index:100;line-height:30px;}
.es_menu .sdiv{position: absolute;width:auto;overflow:hidden;z-index:50; margin-top:-2px !important;}
.es_menu .disable{height:0px;}
.es_menu .sdiv2{position:relative;width:100%;height:22px;display:block;z-index:50;}
.es_menu ul{
	padding:0px;
	margin:0px;
	position:relative;
	border:0px solid #cccccc;
	list-style:none; 
	background-color:#ffffff;
	z-index:101;
}
.es_menu li{display:inline;margin:0px;font-size:11px; font-family:'NanumGothicBold','NanumGothicBoldWeb';}
.es_menu li a{color:#999;line-height:22px;padding:5px; font-weight:bold}
.es_menu li a:hover{color:#d96289;}
.es_menu li .cur_sub{color:#d96289;}



/*토글이미지r*/

#rooms{ margin-top:10px}
#rooms ul{margin:0; padding:0; list-style:none}
#rooms li{ font-size:11px; font-weight:bold; background-color:#FFF; padding:8px 0}
#rooms li a{color:#5d5d5d}
#rooms li a:hover{color:#ff216a}
#rooms h4{ text-align:left;font-size:11px; font-weight:normal !important; color:#CCC; line-height:15px; padding:10px 5px}


#rooms2{ position:absolute !important; z-index:1112;top:100px !important; left:0px !important}
#rooms2 ul{max-width: 100px; margin:0; padding:0; list-style:none}
#rooms2 li{ font-size:11px; font-weight:bold; background-color:#d96289; padding:8px 0}
#rooms2 li a{color:#fff}
#rooms2 li a:hover{color:#ffe555}
#rooms2 h4{ text-align:left;font-size:11px; font-weight:normal !important; color:#CCC; line-height:15px; padding:10px 5px}
.tip {width:190px;color: #fff;background:#1d1d1d;display:none; /*--Hides by default--*/padding:5px !important;margin:0;position:absolute;z-index:3000;left:70px !important;}



#pv_wrap{position: absolute; width:1480px; height:720px; left:50%; margin-left:-740px; background-image:url(../images/photo/rooms.jpg)}
#jbox{ position: absolute; width:1480px; height:720px; left:50%; margin-left:-740px; text-align:left}
#jbox.pancel{padding-top:40px;margin-left:300px;width:220px;height:100px; position:absolute}

#jbox .pv_room{width:140px; height:190px; position:absolute; background-image:url(../images/bg_pv_rooms.png); background-repeat:no-repeat; text-align:center;}
#jbox .pv_room img{width:110px; height:60px;border:1px #FFFFFF solid;}
#jbox .pv_room ul{padding:15px 0; list-style:none}
#jbox .pv_room .roomname{ font-size:14px; font-family:nanumgothic,dotum,나눔고딕,돋움; font-weight:bold;padding-top:7px}

#jbox .rooms1{ margin:400px 0 0 1000px;}   /* 꽃내음 */
#jbox .rooms2{ margin:400px 0 0 300px;}  /* 솔내음 */
#jbox .rooms3{ margin:150px 0 0 1000px;}  /* 흙내음 */
#jbox .rooms4{ margin:150px 0 0 600px;}  /* 물내음 */
#jbox .rooms5{ margin:150px 0 0 300px;}   /* 풀내음 */

/*image rollover*/
A.roll img { display:inline; border:0;} 
A.roll img.over { display:none; } 
A.roll:hover { border:0; }
A.roll:hover img { display:none; } 
A.roll:hover img.over { display:inline; }


/*table*/
.table1{width:100%;border-spacing:0px;border-style:none;padding:0px;;border-bottom:1px  solid #b4bcbe;border-right:1px  solid #b4bcbe}
.table1 th{padding:3px 0px 3px 0px;letter-spacing: 0px; font-weight:bold;text-align:center; font-size:11px;color:#666; background-color:#d8d8d8;border-top:1px solid #b4bcbe;border-left:1px solid #b4bcbe}
.table1 td{padding:5px; text-align:center; border-top:1px #b4bcbe solid; border-left:1px #b4bcbe solid; font-size:12px; color:#666}

.table2{width:100%;_width:90%;border-spacing:0px;border-style:none;padding:0px;;border-bottom:1px  solid #fff;border-right:1px  solid #fff; background-color:#ffd6d6; margin:20px 0}
.table2 th{padding:3px 0px 3px 0px;letter-spacing:0px; font-weight:bold;text-align:center; font-size:11px;color:#666; background-color:#ffc8c8; border-top:1px solid #fff;border-left:1px solid #fff;color:#715a61}
.table2 td{padding:5px; text-align:center; border-top:1px #fff solid; border-left:1px #fff solid; font-size:12px; color:#715a61}
.table2 strong{font-weight:bold; color:#ee2566}



.table_board_list{width:800px; border-spacing:0px;border-style:none;padding:0px;;border-bottom:1px  solid #fff;border-right:1px  solid #fff;  margin:10px  auto;}
.table_board_list th{padding:12px 0px 6px 0px;letter-spacing:0px; font-weight:bold;text-align:center; font-size:11px;color:#666; border-bottom:2px solid #d96389}
.table_board_list td{padding:7px 0; text-align:center; border-bottom:1px #d2d2d2 solid; font-size:12px; height:12px; color:#999999}
.table_board_list .board_title{ text-align:left !important}
.table_board_list a:hover{color:#d96389}


.table_board_view{width:800px;border-spacing:0px;border-style:none;padding:0px;;border-bottom:1px  solid #fff;border-right:1px  solid #fff;  margin:20px  auto}
.table_board_view th{padding:12px 0px 6px 10px;letter-spacing:0px;text-align:left; font-size:11px;color:#666; border-bottom:2px solid #d96389; font-weight:normal !important}
.table_board_view td{padding:30px 40px; text-align:left; border-bottom:1px #d2d2d2 solid; font-size:12px; color:#999; line-height:20px}
.table_board_view .board_title{ font-size:16px; font-weight: bold !important; border-bottom: none}
.table_board_view a:hover{color:#d96389}
.table_board_view img{vertical-align:middle;margin-right:10px}




.searchwrap{width:200px;float:left;text-align:left; margin-left:100px}
.searchwrap img{vertical-align:middle}


.pages{font-size:11px; font-weight:bold;float:left;width:400px; text-align: right !important}
.pages a{padding:0 5px}
.pages a:hover{color:#d96389}
.pages .pagesbtn{ padding:0 !important}
.pages img{vertical-align:middle}

.btnwrap{width:800px; padding-top:0px;padding-bottom:0px; margin:0 auto; text-align:right !important;}
.searchbar{
	margin:0 auto;
}




/*accordionr*/
*, * focus {outline: none;margin:0;padding:0;}
.container {width: 1000px;margin:0 auto;}
.container h2.acc_trigger {padding: 0;margin: 0 0 5px 0;background: url(../images/bg_accordion.gif) no-repeat;
					height: 37px;line-height: 36px;width: 1000px;float: left;}
.container h2.acc_trigger a {color: #fff;;display: block;padding-left:50px; font-size:14px; font-family:dotum,돋움,나눔고딕,nanumgothic; text-align:left !important}
.container h2.acc_trigger a:hover {color: #FF6;}
.container h2.active {background-position: left bottom;}

.acc_container {margin: 0 0 5px; padding: 0;width: 1000px;clear: both;  background-color:#FFF; height:360px; overflow:auto ; overflow-x:hidden !important }
.acc_container .block {padding:0 30px;}
.acc_container .block p {padding: 5px 0;margin: 5px 0;}

.acc_container .block ul{margin:20px 0;padding:0; list-style:none; font-size:12px; text-align:left; line-height:20px;color:#715a61;}
.acc_container .block li{background: url(../images/bl_01.gif) no-repeat 0px 5px; padding-left:8px}
.acc_container .block strong{font-weight:bold; color:#ee2566}
.acc_container .block em{ background-color:#fff;color:#ee2566;padding:2px 1px 0 1px; font-style:normal}


.input1{font-size:12px; color:##999999; border:1px #999 solid; padding:2px}


/*top icons*/
.topIcons{
	
}
.topIcons div{
	position:relative;
	float:left;
	margin:0 5px 0 5px;
}

/*Editor_Tool*/
.Editor_Tool{
}
.Editor_Tool td{
	margin:0;
	padding:0;
}

/*comment*/
#Comment{
	width:710px;
	margin:0 auto;
	text-align:center;
}

/*travel*/
.travelBtn{
	font-family:'NanumGothicBold','NanumGothicBoldWeb'!important;
	font-size:13px!important;
	font-weight:bold;
	letter-spacing:-1px;
	color:#333333!important;
	width:120px;
	height:20px;
	background-color:#ffffff !important;
}