/*<style>*/
/* popup */
.popup_in p{padding: 0; margin: 0;}
.popup_in img{padding: 0; margin: 0; border: 0;}



#main-navbar {
	position:fixed; top:0; left:0; right:0; z-index:10;
	height:50px;
	background:#fff;
}

#toggle-sidebar {
	position:absolute; top:12px; left:7px; cursor:pointer; 
	background-image: url("../img/m_btn_menu.png");
	width:30px; height:30px;
}

#main-sidebar {
	position:fixed; top:0; bottom:0;
	background:#edfff4;
	width:220px;
}

h4.menu_top{text-align:center; margin:10px 0; color:#146432}

.content {
	width:100%;
	font-size:1em;
	padding: 55px 0px 0 0px;
	background: #fff;
}


div.top_logo{ 
	width:100px; 
	height:48px;
	margin:0 auto; 
	background:url('../img/logo_hi.png') no-repeat center center ;
	background-size: contain;
	border:0px solid #000000; 
	
	}



.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu a.m1 {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.85em;
	padding: 12px 5px;
	background: linear-gradient(#f6f6f6, #dcdcdc);
	box-shadow: inset 0px 1px 1px #aaa;
}
.menu a.now {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.85em;
	padding: 7px 5px;
	background: linear-gradient(#8db63b, #a2c93a);
	box-shadow: inset 0px 1px 1px #475059;
}

.menu a.m1:hover {
	background: linear-gradient(#8db63b, #a2c93a);
	box-shadow: inset 0px 1px 1px #475059;
	color:#fff;
}



.menu a.m2 {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
	padding: 5px 0 5px 10px;
	background-color:#d5e5ce;
}

.menu a.m2now {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	padding: 5px 0 5px 20px;
	background-color:#adc9a1;
}

.menu a.m2:hover {
	background-color:#adc9a1;
	padding: 5px 0 5px 20px;
	color:#fff;
}



.menu a.m3 {
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 0.8em;
	padding: 5px 0 5px 30px;
	background-color:#ebf9e5;
}

.menu a.m3now {
	display: block;
	text-decoration: none;
	color: #f49821;
	font-size: 0.8em;
	padding: 5px 0 5px 40px;
	background-color:#deeed7;
}

.menu a.m3:hover {
	background-color:#deeed7;
	padding: 5px 0 5px 40px;
	color:#f49821;
}



.menu a.m4 {
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 0.8em;
	padding: 5px 0 5px 50px;
	background-color:#fff;
}

.menu a.m4now {
	display: block;
	text-decoration: none;
	color: #f49821;
	font-size: 0.8em;
	padding: 5px 0 5px 60px;
	background-color:#f9fff6;
}

.menu a.m4:hover {
	background-color:#deeed7;
	padding: 5px 0 5px 60px;
	color:#f9fff6;
}

footer{background-color:#818285; padding:5px 0; color:#fff}
footer p{font-size:0.8em; text-align:center; line-height:1.6em}
footer p a{color:#111; text-decoration:none}

.content img{width:100%;}

.menu .sub_menus{padding:0px; border:1px solid #8db63b;border-top:0px}
.border1px{border:1px solid #000000; }



/* main ************************************************************************************************************/
div.main_image{width:100%; height:260px;}
li.slide_li{width:100%; height:260px; background-size:cover ;background-position:center center ;}

div.cont_body{width:100%;}
ul.cont{padding:0 2%; display:inline-block}
ul.cont li{float:left; display:inline-block}
ul.cont li.t1{width:98%; height:auto ;margin:1%; border:2px solid #e9d654; background-color:#fff; text-align:center}
ul.cont li.t2{width:98%; height:auto ;margin:1%; border:2px solid #afd03e; background-color:#fff; text-align:center}

ul.cont li.gong{width:100%; box-sizing:border-box; padding:1%; height:auto;}
ul.cont li.teac{width:48%; padding:1%;  height:auto;}
ul.cont li.ban{width:23%; height:181px; cursor:pointer;  margin:1%}
ul.cont li.ban1{background: url('../img/main_bann_booking.png') no-repeat center center;}
ul.cont li.ban2{background: url('../img/main_bann_hilling.png') no-repeat center center;}
ul.cont li.ban3{background: url('../img/main_bann_view.png') no-repeat center center;}
ul.cont li.ban4{background: url('../img/main_bann_tell.png') no-repeat center center;}

ul.cont li.t1 p.tit{display:inline-block; width:106px; height:19px;background: url('../img/main_txt_t1.png') no-repeat; margin:8px 0}
ul.cont li.t2 p.tit{display:inline-block; width:105px; height:20px;background: url('../img/main_txt_t2.png') no-repeat;  margin:8px 0}

ul.cont li ul.wpg{margin:0  2px;}
ul.cont li ul.wpg li{float:left; width:46%; height:auto; margin:0 2%; cursor:pointer; text-align:center;; display:inline-block}
ul.cont li ul.wpg li img{border:0}
ul.cont li ul.wpg li p{text-align:center; margin:2px 0 8px 0; padding:0; letter-spacing:-1px}
ul.cont li ul.wpg li p.tite{font-size:13px; font-weight:bold;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
ul.cont li ul.wpg li p.tite span{font-size:12px; font-weight:normal}

ul.cont li img.titlebar{margin:0; width:100%; cursor:pointer}
ul.cont li img.trak{margin:10px 0; border:0;}
ul.cont li a.h_hlink{display:inline-block; width:47%; border:1px solid #cececc; background-color:#fff; color:#585858; font-size:11px; text-align:center; padding:7px 0;}



ul.cont li ul.gong{margin:0; height:auto}
ul.cont li ul.gong li{width:100%; padding:0 ; margin-bottom:5px}
ul.cont li ul.gong li span.subject{float:left; display: inline-block; width:80%; font-size:0.8em; white-space:nowrap; overflow:hidden;text-overflow:ellipsis}
ul.cont li ul.gong li span.subject a{color:#6d6e72}
ul.cont li ul.gong li span.subject a:hover{color:#a0cc3a}
ul.cont li ul.gong li span.date{float:right; display: inline-block; width:20%; font-size:0.7em; text-align:right; color:#999}






div.body_contents{min-height:300px; margin-bottom:50px; padding:8px}

div.body_title{width:100%; padding-top:10px; height:60px; border-bottom:1px solid #9f9fa0 ; background-color:#afd03e;background: linear-gradient(#e1f98d, #afd03e); margin-bottom:20px}
div.body_title p.title{font-size:24px;font-weight:900; color:#07402d; padding:10px 0 0 28px; margin:0; background: url('../img/title_dot.png') no-repeat 5px 0px;  }
div.body_title p.now_loc{padding:0; margin:0; margin-top:5px; text-align:right; font-size:11px; color:#333; font-family:"Dotum"; margin-right:10px}
div.body_title p.now_loc img{width:9px; height:8px}

/* sub - 요금 테이블 ************************************************************************************************************/
p.pee_title{width:100%; padding:0; margin:5px 0; background: url('../img/dot_1.png') no-repeat 3px 5px; font-size:20px; color:#08402e}
p.pee_title span.tit{padding-left:21px}
p.pee_title span.danwie{float:right; padding-right:5px; font-size:14px; color:#aaa}

table.pee{width:100%;border-collapse: collapse;text-align: center;border: 1px solid #eeefef; border-top:2px solid #477d3b;}
table.pee thead{  border-left: 1px solid #becec8; border-bottom: 1px solid #becec8;   background: #f1f8f3;}
table.pee thead th {border-right: 1px solid #becec8; border-bottom: 1px solid #becec8; padding:6px;    font-weight: bold;    vertical-align: middle;    color: #477d3b; font-size:15px; font-weight:bold;}
table.pee tbody th {padding: 10px 3px;    font-weight: bold;    vertical-align: middle;    border-bottom: 1px solid #eeefef;border-right: 1px solid #eeefef;  background: #f9fffb;}
table.pee td { padding: 10px 3px;    vertical-align: middle;  border-bottom: 1px solid #eeefef;border-right: 1px solid #eeefef;}


div.pee_add{border:1px solid #c9cacc; padding:10px 0; margin:20px 0;}
div.pee_add p.tit{padding: 8px 20px;margin:0px 20px;  background: url('../img/dot_2.png') no-repeat 8px 10px; font-size:14px ; color:#666;}
div.pee_add ul.body{padding:0 20px; margin:0 20px}
div.pee_add ul.body li{padding-left:12px; margin-bottom:5px; color:#888;background: url('../img/dot_3.png') no-repeat 2px 4px;}
div.pee_add ul.body li.none{background:none}



/*sub - 인사말************************************************************************************************************/
div.body_contents img.width100per{width:100%}
div.body_contents img.width30per{width:30%}
div.body_contents img.right{float:right}

div.body_contents div.body_text{font-size:15px; color:#555; line-height:1.8em; margin-top:20px}

div.body_contents p.prog_tit{margin-top:30px; font-size:25px; color:#58595b;padding:0 10px; line-height:1.4em}
div.body_contents p.prog_tit strong{color:#a6ce39; text-decoration:underline}
div.body_contents div.prog_text{font-size:15px; color:#555; line-height:1.8em; margin-top:20px}
div.body_contents div.prog_text p{padding:5px; margin:10px 0;}
div.body_contents div.prog_text_more{font-size:14px; color:#555; line-height:1.8em; margin-top:20px}
div.body_contents div.prog_text_more p{padding:10px;}
div.body_contents div.prog_text_more p.em1{padding:10px;text-indent: -1em; margin-left: 1em;}
div.body_contents div.prog_text_more p.em2{padding:10px;text-indent: -2em; margin-left: 2em;}
div.body_contents div.prog_text_more p.em4{padding:10px;text-indent: -4em; margin-left: 4em;}

div.body_contents p.prog_text_cost{padding: 8px 12px;margin:0px 10px;  background: url('../img/dot_2.png') no-repeat 0px 11px; font-size:14px ; color:#666;}
div.body_contents div.prog_about{position: relative; border-top:2px solid #b6b7ba;  border-bottom:2px solid #b6b7ba; background-color:#f1f2f2; padding:18px 0;margin-top:50px}
div.body_contents div.prog_about img.leaf{position: absolute; top:-15px; left:0px; width:20px; height:30px}
div.body_contents div.prog_about p.text{padding:0 40px; margin:0; font-size:13px; color:#555; line-height:1.7em}
div.body_contents div.prog_about p.tt{padding:10px 20px; margin:0; font-size:20px; color:#82a435; line-height:1.7em; text-align:center}
div.body_contents div.prog_about p.text strong{color:#002e1a; font-size:15px}



/* 예약 안내 */
table.booking_info{width:100%;border-collapse: collapse;border-top:2px solid #477d3b;border-bottom:2px solid #477d3b;}
table.booking_info tr{border-bottom:1px dashed #cfcfcf }
table.booking_info th{padding:30px 5px 0 0;text-align:right;vertical-align:top }
table.booking_info td{padding:15px 0 0 15px;}
li.booking_info{list-style-position: outside; margin:10px 0; padding:0; font-size:13px; color:#888; line-height:1.6em;list-style-image:url("../img/dot_2_list.png")}
li.booking_info span{color:#e75425}




/* 예약 */
div.month_go{margin:0 auto;text-align:center;font-size:30px; color:#477d3b}
div.month_go a{color:#e75834; font-size:15px; font-weight:bold; border:0px solid #000000;  padding:0 10px; margin:0 10px;;vertical-align:3px}
div.month_go a img{width:10px; height:14px}
table.calendar{width:100%;border-collapse: collapse;border:0; table-layout:fixed;}
table.calendar th{padding:10px; font-size:15px;color:#fff; background-color:#477d3b}
table.calendar td{border:1px solid #c9c9cb; padding:5px; vertical-align: top; font-size: 11px;}
table.calendar td.isbooking{background-color:#fff}
table.calendar td.endbooking{background-color:#f3f3f3}
table.calendar td.notbooking{background-color:#f3f3f3}
table.calendar td p{padding:0; margin:0;text-align:center; font-weight:600;}
table.calendar td p.sun{color:red;font-size:18px;padding:3px}
table.calendar td p.sat{color:blue;font-size:18px;padding:3px}
table.calendar td p.nor{color:#333;font-size:18px;padding:3px}
table.calendar td p.before{color:#2e3192; margin:5px}
table.calendar td p.end{color:#999; margin:5px}


table.gods{width:100%;border-collapse: collapse;border:0; margin-bottom:30px}
table.gods td{border:1px solid #c9c9cb; padding:15px 0; font-size:15px; text-align:center; cursor:pointer}
table.gods td.now{background-color:#fff; border-top:3px solid #afd03e}
table.gods td.nor{background-color:#f3f3f3;}


span.booking_y {border:0; display:block; margin-top:1px; padding:3px 0;border-radius:6px; color:#666; background-color:#cfeaf5; text-align:center;cursor:pointer }
span.booking_n {border:0; display:block; margin-top:1px;padding:3px 0;border-radius:6px; color:#bbb; background-color:#eaeaea; text-align:center }
span.booking_select{border:0; display:block; margin-top:7px; padding:6px 0 4px 0;border-radius:4px;cursor:pointer; color:#fff; background-color:#f26522}
input.booking_chkbox{margin:0 0 0 3px; vertical-align:middle;}
label.room_label{border:0;  display:block; }
input.room_btn{background-color:#7cc576; padding:8px 20px; margin:5px; border-radius: 8px; color:#fff; font-size:22px; border:0; cursor:pointer}
button.btn_booking_cn{background-color:#c69c6d; padding:8px 20px; margin:5px; border-radius: 8px; color:#fff; font-size:22px; border:0; cursor:pointer}
input.room_btn2{background-color:#7cc576; padding:4px 10px; margin:2px; border-radius: 8px; color:#fff; font-size:16px; border:0; cursor:pointer}
input.room_btn3{background-color:#aaa; padding:4px 10px; margin:2px; border-radius: 8px; color:#fff; font-size:16px; border:0; cursor:pointer}


table.orders{width:100%; margin:10px 0;border-collapse:collapse;}
table.orders th{border:1px solid #aaa; background-color:#f3f3f3; font-size:15px; padding:7px 0; }
table.orders td{text-align:center; border:1px solid #ccc; font-size:13px; padding:7px 0}
table.orders td.total_pee{text-align:right; font-size:22px; padding-right:10px; border:0;}
table.orders td.inp{text-align:left; font-size:22px; padding-left:10px;}
table.orders td.inp2{text-align:left; font-size:14px; padding-left:10px;}
table.orders td.inp span{ font-size:12px; color:#b678cd; padding-left:5px; display:block}
table.orders td.sangtae{text-align:left; font-size:22px; padding:12px; color:#f26522}



input.pee_text{width:30px; height:20px; text-align:center; border:1px solid #eee;  }
input.pee_price{width:80px; height:20px; text-align:right; border:0px solid #eee; font-size:18px; color:#f7941d}
input.pee_price_total{width:120px; height:26px; text-align:right; border:0px solid #eee; font-size:26px; color:#f7941d}
input.orders{font-size:16px; padding:5px; border:1px solid #ccc; border-radius:8px; }
input.booking_btn{background-color:#477d3b; padding:6px 12px; margin:5px; border-radius: 4px; color:#fff; font-size:16px; border:0; cursor:pointer}
input.booking_btn_cn{background-color:#998675; padding:6px 12px; margin:5px; border-radius: 4px; color:#fff; font-size:16px; border:0; cursor:pointer}

select.date_select{width:110px; font-size:16px; padding:2px; border:1px solid #ccc; border-radius:8px; height:28px}
select.nums_select{width:60px; font-size:14px; padding:2px; border:1px solid #ccc; border-radius:8px; height:28px}


/* 환경성 질환 */
p.s6_tit{display:inline-block; border-bottom:4px solid #477d3b; padding:3px; font-size:2em}
p.s6_tit span{color:#808285;  font-size:0.55em; margin:0 5px}

p.s6_text{font-size:14px; line-height:1.8em; margin:1em 0; color:#595757}
p.s6_text span.color{color:#abcd03}
p.s6_text_bar{display:inline-block; height:25px; background:url("../img/text_bar_bg.png")no-repeat; color:#fff; padding:4px 10px;  border-radius: 5px; margin:20px  0 0 15px}
p.s6_text2{font-size:15px; line-height:1.8em; margin:1em 0 0 0; color:#595757}
p.s6_text3{font-size:13px; line-height:1.8em; margin: 0 1em; color:#888}
ul.s6_ul{padding-left:20px}
ul.s6_ul li{list-style-position: inherit; margin:10px 0; padding:0; font-size:13px; color:#888; line-height:1.6em;list-style-image:url("../img/mini_li_dot.png")}
p.s6_textbox{background-color:#82a636; font-size: 16px; padding:5px 10px; border-radius: 5px; color:#fff; display:inline-block}
ol.s6_ol{padding:0 5%; margin:0}
ol.s6_ol li{margin:10px 0; padding:0; font-size:15px; color:#888; line-height:1.6em; text-align:left}

p.s6_d1{padding-left:20px; margin:0 0 5px 0; background: url('../img/dot_1.png') no-repeat 3px 5px; font-size:20px; color:#08402e}
p.s6_d2{padding: 0px 10px;margin:35px 0px 0px 0;  background: url('../img/dot_2.png') no-repeat 0px 5px; font-size:15px ; color:#666;}

div.s6_box1{padding:0 2%; border-top:1px solid #939598;  border-bottom:1px solid #939598; background-color:#f3f3f4; margin-bottom:50px}
div.s6_box2{padding:10px 2%; margin-top:5px; margin-bottom:50px; border:1px solid #57585a; border-radius: 10px; background-color:#fff;box-shadow: 2px 2px 6px #cecece;}
div.s6_box2 img{width:100%; height:auto;}
div.s6_box3{padding:0 2%; border-top:1px solid #fff;  border-bottom:1px solid #fff; background:url("../img/s_61_box_bg1.png")no-repeat; background-size: 100% 100%; margin-bottom:50px}
a.s6_lnk{display:inline-block; padding:5px 20px; color:#fff; background-color:#477d3b;border-radius: 4px;vertical-align:-5px; margin-right:10px}




/* 오시는 길 */
p.way_title{width:100%; padding:0 20px; margin:38px 0 5px 0; background: url('../img/dot_1.png') no-repeat 3px 5px; font-size:20px; color:#08402e}
div.way_txt {padding:5px 20px; font-size:1em; line-height:1.8em;color:#666; margin-bottom:10px}
div.way_txt p.way_tit{padding-left:12px;margin:0 0 0 -14px;  background: url('../img/dot_2.png') no-repeat 0px 8px; font-size:1.2em ; color:#454545;}


/*펜션 소개 등 */
p.s2_d1{padding-left:25px; margin:0 0 5px 0; background: url('../img/dot_1.png') no-repeat 3px 4px; font-size:18px; color:#08402e}
p.s2_text{font-size:14px; line-height:1.8em; margin:1em 0; color:#595757}
p.s2_text span.justify{font-size:14px; display:inline-block;}
div.s2_box{padding:0 2%; border-top:1px solid #939598;  border-bottom:1px solid #939598; background:url("../img/s_61_box_bg1.png")no-repeat; background-size: 100% 100%; margin-bottom:50px; margin-top:15px}