/* <style> */

/* 사이트 탑 */
div.sitetop{ width:1025px;margin:0 auto; height:70px;}
div.sitetop img.logo{cursor:pointer; margin:11px 50px;}
div.sitetop ul.toplink{float:right; width:500px; margin: 10px 60px 0 0;}
div.sitetop ul.toplink li{float:right; padding:6px;cursor:pointer; margin-left:20px;}
div.sitetop ul.toplink li.blog{padding:0; width:24px; height:24px; background:url('../img/top_blog.png');}
div.sitetop ul.toplink li.facebook{padding:0; width:24px; height:24px; background:url('../img/top_facebook.png'); margin:0 3px}

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


/* navi ************************************************************************************************************/
div.navi_warp {width:100%; height:44px; background:url('../img/navi_bg.png') repeat-x; border-bottom:1px solid #e9eaea; text-align:center;
box-shadow: 0px 5px 5px lightgray;z-index:100; margin-bottom:2px; z-index:100000}
div#navi{display:inline-block; *display:inline; zoom:1; height:44px;;position:relative}
div#navi ul#d1{list-style:none; width:100%; height:30px;margin-bottom:0px;margin-top:0px; padding:0}
div#navi ul#d1 li{list-style:none; float:left;  margin: 0 5px; padding:14px 17px 7px 17px;}
div#navi ul#d1 li.over{height:17px; border-bottom:7px solid #b0d03d; font-size:15px;}
div#navi ul#d1 li.nor{ height:17px; border:0}
div#navi ul#d1 li.nor a{color:#33471c;font-weight:400; font-size:15px;}
div#navi ul#d1 li.over a{color:#b0d03d;font-weight:700; font-size:15px;}


div#navi ul.d2{list-style:none; font-size:13px;height:30px; display:none; border:0px solid #000000; padding:0;margin:16px 0 0 0; ;position:absolute}
div#navi ul.d2 li{list-style:none; float:left; padding:8px 14px; margin:0; background:rgba(241, 241, 241, 0.9); z-index:100000}
div#navi ul.d2 li span{cursor:pointer; padding:0px 3px}
div#navi ul.d2 li span.nor{color:#808285;font-weight:100}
div#navi ul.d2 li span.over{color:#a2c93a; font-weight:600}

/* main ************************************************************************************************************/
div.main_img{width:100%; height:350px;}
li.slide_li{width:100%; height:350px; background-size:cover ;background-position:center center ; z-index:1000}




.main_body_wrap{width:100%;padding-bottom:10px; background:#f5f8dc url("../img/main_body_bg.png") no-repeat center bottom; }
div.main_body{margin:0 auto; width:1025px}
div.main_body div.left{float:left; width:77px; height:366px;}
div.main_body div.center{float:left; width:870px; height:366px;}
div.main_body div.right{float:right; width:78px; height:366px;}
div.main_body div.right img.main_quick{margin:13px}


div.main_body div.center ul.cont{ width:870px; height:368px; background-color:#fff }
div.main_body div.center ul.cont li{float:left; }
div.main_body div.center ul.cont li.t1{width:415px; height:165px ;margin:8px; border:2px solid #e9d654; background-color:#fff; text-align:center}
div.main_body div.center ul.cont li.t2{width:415px; height:165px ;margin:8px; border:2px solid #afd03e; background-color:#fff; text-align:center}
div.main_body div.center ul.cont li.right{width:78px; height:366px}
div.main_body div.center ul.cont li.gong{
width:440px; height:181px; border-left:1px solid #dedee0; border-top:1px solid #dedee0; border-bottom:1px solid #dedee0;
border-right:1px solid #dedee0;
}
div.main_body div.center ul.cont li.teac{width:217px; height:181px; border-left:1px solid #dedee0; border-right:1px solid #dedee0; border-top:1px solid #dedee0; border-bottom:1px solid #dedee0; display:none;}
div.main_body div.center ul.cont li.ban{width:105px; height:181px; cursor:pointer; border-top:1px solid #dedee0; border-bottom:1px solid #dedee0}
div.main_body div.center ul.cont li.ban1{background: url('../img/main_bann_booking.png') no-repeat right center;}
div.main_body div.center ul.cont li.ban2{background: url('../img/main_bann_hilling.png') no-repeat right center;}
div.main_body div.center ul.cont li.ban3{background: url('../img/main_bann_view.png') no-repeat right center;}
div.main_body div.center ul.cont li.ban4{background: url('../img/main_bann_tell.png') no-repeat right center;}
div.main_body div.center ul.cont li.rline{width:13px; height:181px; border-right:1px solid #dedee0;; border-top:1px solid #dedee0; border-bottom:1px solid #dedee0}

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

div.main_body div.center ul.cont li ul.wpg{margin:0 11px; height:140px}
div.main_body div.center ul.cont li ul.wpg li{float:left; width:182px; height:140px; margin:0 7px; cursor:pointer}
div.main_body div.center ul.cont li ul.wpg li img{border:0}
div.main_body div.center ul.cont li ul.wpg li p{text-align:center; margin:2px 0; padding:0}
div.main_body div.center ul.cont li ul.wpg li p.tite{font-size:13px; font-weight:bold}
div.main_body div.center ul.cont li ul.wpg li p.tite span{font-size:12px; font-weight:normal; margin-left:10px}

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

div.main_body div.center ul.cont li ul.gong{margin:0 15px; height:127px}
div.main_body div.center ul.cont li ul.gong li{width:100%; padding:0 ; margin-bottom:10px}
div.main_body div.center ul.cont li ul.gong li span.subject{float:left; display: inline-block; /*width:150px;*/white-space:nowrap; overflow:hidden;text-overflow:ellipsis}
div.main_body div.center ul.cont li ul.gong li span.subject a{color:#6d6e72}
div.main_body div.center ul.cont li ul.gong li span.subject a:hover{color:#a0cc3a}
div.main_body div.center ul.cont li ul.gong li span.date{float:right; display: inline-block; width:38px; font-size:11px; text-align:right}



/* sub_img ************************************************************************************************************/

div.sub_top_img{width:1025px;margin:0 auto; height:154px; background:url('../img/sub_top_2.jpg')}

/* body_layout ************************************************************************************************************/
div.body_body{width:1025px;margin:0 auto; }
div.body_body div.left{width:250px; float:left; margin-top:-45px;}
div.body_body div.right{width:670px; float:right; background-color:#fff; margin-right:75px; margin-top:30px; padding:0;}


/* left_menu ************************************************************************************************************/
div.leftmenu_top{ margin-left:79px; width:171px; height:136px; background:url('../img/sub_top_bg.png') no-repeat; color:#FFF;}
div.leftmenu_top p{width:157px; text-align:center; margin:0}
div.leftmenu_top p.upper{padding-top:50px;padding-bottom:6px; font-size:14px }
div.leftmenu_top p.tit{font-size:16pt; font-weight:500; letter-spacing:-1px;}


div.leftmenu{ margin-left:79px; width:157px; letter-spacing:-1px}
div.leftmenu ul.d2{list-style:none; font-size:16px; margin:0; padding:0;  border-bottom:1px solid #d9d9d9; ;border-radius: 0 0 20px  0;margin-bottom:50px}
div.leftmenu ul.d2 li{padding: 15px 0 15px 10px;cursor:pointer}
div.leftmenu ul.d2 li.nor{background-color:#f3f3f4 ; color:#a7a9ac;cursor:pointer;border-top:1px solid #e0e1e2}
div.leftmenu ul.d2 li.now{color:#fff; border-top:1px solid #82b038;  background:#a1ca3a url('../img/sub_menu_dot1.png') no-repeat 138px 18px; }
div.leftmenu ul.d2 li.bottom{padding:0; height:20px;background-color:#f3f3f4 ;border-radius: 0 0 20px  0;}

div.leftmenu ul.d3{list-style:none;margin:0; padding:5px 0;  font-size:12px; border:1px solid #b7cab9; background-color:#d5e6cf}
div.leftmenu ul.d3 li{padding: 10px 0 10px 20px;cursor:pointer; margin:0 5px ;}
div.leftmenu ul.d3 li.nor{color:#a7a9ac;  border-top:1px dashed #e0e1e2;  background:#fff url('../img/sub_menu_dot3.png') no-repeat 10px 13px; }
div.leftmenu ul.d3 li.now{color:#82a636; border-top:1px dashed #e0e1e2; background:#fbfff1 url('../img/sub_menu_dot2.png') no-repeat 10px 13px; }

div.leftmenu ul.d4{list-style:none; margin:0; padding:0; border:0px ;background-color:#d5e6cf}
div.leftmenu ul.d4 li{background-color:#fff ;margin:0 5px;font-size:11px; padding:6px 0px 6px 30px}
div.leftmenu ul.d4 li.nor{color:#b3b3b3; background-image:none; border-top:1px dotted #efefef; background:#fff url('../img/left_dot.png') no-repeat 22px 10px; }
div.leftmenu ul.d4 li.now{color:#adbc8e; background-image:none; border-top:1px dotted #efefef; background:#fdfff8 url('../img/left_dot2.png') no-repeat 22px 10px; }



/* body */
div.body_title{width:670px; height:60px; border-bottom:1px solid #9f9fa0 ; background-color:#fff; 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:#abafa5; font-family:"Dotum"; }

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



/* 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;}
table.pee td.left{text-align:left}

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;}


/* 오시는 길 */
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;}



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}

/*펜션 소개 등 */
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;width:50px; text-align:justify; 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}

div.s2_left{float:left; width:49%; margin:10px 0}
div.s2_right{float:right; width:49%; margin:10px 0}
img.width100{width:100%}


/* 환경성 질환 */
p.s6_tit{display:inline-block; border-bottom:4px solid #477d3b; padding:3px; font-size:2em; margin-right:20px}
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;text-align:justify;}
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}

/* 예약 안내 */
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}

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}
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:#39b54a; padding-left:20px}
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{width:100px; 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}




.bbs_list tr td.comm .repls {display: none;}






/*bottom*/
div.bottom_link_wrap{width:100%; height:47px; border-top:1px solid #c9cacb; border-bottom:1px solid #c9cacb;background-color:#f3f3f4;margin-top:0px}
div.bottom_link_wrap div.bottom_link{width:770px; background-color:#dcddde; height:31px;margin:0 auto; padding:8px 50px}


div.bannerslider{background-color:#fff; }
div.bannerslider div.slider{height:31px; text-align:center; display:table-cell; vertical-align:middle;margin:0; padding:0 ;background-color:#fff;}
div.bannerslider div.slider a.txt{font-size:14px; color:#333; padding-top:9px; display:block; font-weight:normal}
div.bannerslider div.slider a.img{ padding:0px; display:inline-block;}




div.bottom{width:870px; margin:16px auto;}
div.bottom img{float:left; margin-left:0px;}
div.bottom ul{ font-size:12px; display:inline-block }
div.bottom ul li{float:left; margin: 0 16px; padding:0px}
div.bottom p{margin:2px 0 0 16px; letter-spacing:-1px; display:inline-block}

div.access_mobile{text-align:center;padding:30px;font-size:3em; background-color:#f3f3f3;margin-bottom:20px; width:100%}