
/* <style> */


/* 사이트 탑 */
div.sitetop{width:100%;margin:0 auto; background-color:initial; text-align: center; background-color: #f0c21d; padding: 5px 0 0 0; vertical-align: middle;}
div.sitetop img{border: 0;  vertical-align: middle;}
div.sitetop img.dontgo{border: 0; height: 66px; width: auto;  margin-left: 20px;}


div.nvw{width: 100%; text-align: center; height: 38px; background-color: #a68408; position: relative;}
div.nvw a.n1{color: #fff; font-size: 18px; display: inline-block; width: 110px; text-align: center;border-bottom: 2px solid initial; padding: 5px 5px 4px 5px;/*  background-color: #f79e45; */}
div.nvw a.n1.hover, div.nvw a.n1:hover{text-decoration: none; background-color: #685307; color: #fff5da;border-bottom: 2px solid #312705; }


div.nvw div.d2{width: 100%; text-align: center; overflow: hidden; background-color: rgba(250,250,250,0.92); position: absolute; top: 38px; left: 0; border-bottom: 2px solid #333; display: none;}
div.nvw div.d2 div.box{display: inline-block; width: 120px; min-height: 178px; vertical-align:top; background-color: #f5ecce;  padding-top: 0px;}
div.nvw div.d2 div.box:hover{background-color:#d3b64c;}

div.nvw div.d2 div.box a.ns{color: #333; font-size: 14px; display: inline-block; width: 110px; text-align: center; padding: 4px 5px 5px 5px; background-color:initial;}
div.nvw div.d2 div.box a.ns.hover, div.nvw div.d2 div.box a.ns:hover{text-decoration: none;background-color:#e8d281; color: #fff;}

/* main */

div.main_body{ width:960px;margin:0 auto; min-height: 400px; background-color: #fff; position: relative;}
div.slide_li{width: 960px;height: 440px; background-size:cover ;background-position:center center ; padding: 0; margin: 0; border: 0;}


ul.main_notice{list-style: none; padding: 0;margin: 0; overflow: hidden; margin-bottom: 30px;}
ul.main_notice li{padding: 0;margin:12px 12px 0 0 ; float: left; width: 229px; height: 178px; overflow: hidden; border: 1px solid #aaa; font-size: 16px;}
ul.main_notice li.end{margin-right: 0;}

ul.main_notice li:hover{background-color: #fffbfb; cursor: pointer; border-color:#ef5d97}

ul.main_notice li p.c_name{margin: 0; padding: 10px 10px 0 10px; font-size: 13px; color: #ef5d97;}
ul.main_notice li p.tit{margin: 0; padding:5px 10px; font-size: 16px;}
ul.main_notice li p.comment{margin: 0; padding:0 10px; font-size: 14px; color: #999; line-height: 1.64em; text-overflow: ellipsis;}
ul.main_notice li div.img{width: 100px; height: 80px; padding: 0; margin: 10px 10px 0 10px; float: left; border: 1px solid #ccc; background-size: cover; background-position: center center;}



/* sub  */
div.sub_top_img{width: 100%; margin: 0 ;padding: 0; height: 180px;   background-color: #fff; text-align: center; background-position: center center;}

/*
*/
div.sub_nav_wrap{width: 100%; padding-top: 18px; background-color: #fff8de; border-bottom: 1px solid #c3bb9b;}
div.sub_nav_wrap div.sm3{text-align: initial; width:950px ;margin: 0 auto; border-bottom: 1px solid #c3bb9b; padding-left: 10px; margin-bottom: -1px;}
div.sub_nav_wrap div.sm3 a{ color: #736969; display: inline-block; font-size: 16px; padding: 5px 20px; line-height: 1em; border: 1px solid #ded7bf;margin-bottom: -1px; border-radius: 7px 7px 0 0; border-bottom-color:#c3bb9b; background-color: #ded7bf; vertical-align: bottom;}
div.sub_nav_wrap div.sm3 a.hover, div.sub_nav_wrap div.sm3 a:hover{ color: #333; text-decoration: none; background-color: #fff;border-color:#c3bb9b  ;border-bottom-color:#fff;padding: 8px 20px;}


p.sub_tit{width:960px; margin: 20px auto 0 auto;padding: 5px 0 5px 0; font-size: 23px; color: #3a300a; font-weight: 700; border-bottom: 0px solid #f2d15a;   background-color: #fff;} 
p.sub_tit span.dot{display: inline-block; width: 15px; height: 15px; background-color: #598ff2; margin: 0 10px 0 0; }


div.body_body{width:960px ;margin:0 auto;  min-height: 400px; padding:0px;  background-color: #fff;}



/* body */
div.body_contents{ background-color: #fff;}


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

div.cal_w{text-align: center;}
ul.cal{list-style: none; overflow: hidden; font-size: 14px; padding: 0; margin: 0;}
ul.cal li{width: 116px; display: inline-block;margin: 4px; text-align: center;padding:4px; background-color: #fff; border: 1px solid #a6b9c1;border-radius:8px;}
ul.cal li p{font-weight: bold; margin:5px 0 ;}
ul.cal li.sun{border: 1px solid #ff7777; color: #f77;}
ul.cal li.sat{border: 1px solid #8477ff; color:#8477ff}


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:3px; padding:7px 0;border-radius:6px; color:#666; background-color:#cfeaf5; text-align:center;cursor:pointer }
span.booking_y_jb {border:0; display:block; margin-top:3px; padding:7px 0;border-radius:6px; color:#666; background-color:#f49ac1; text-align:center;cursor:pointer }
span.booking_n {border:0; display:block; margin-top:3px;padding:7px 0;border-radius:6px; color:#bbb; background-color:#eaeaea; text-align:center }
span.booking_select{border:0; display:block; margin-top:3px; padding:7px 0 ;border-radius:6px;cursor:pointer; color:#fff; background-color:#f26522}
input.booking_chkbox{margin:0 0 0 3px; vertical-align:-2px;}
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}
input.room_btn_adm{background-color:#ed1c24; 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:120px; 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{font-size:14px; padding:2px 4px; border:1px solid #ccc; border-radius:8px; height:28px}
select.exp_select{font-size:14px; padding:2px 4px; border:1px solid #ccc; border-radius:8px; height:28px}



div.box2{font-size: 16px; border: 1px solid #abd0e0; padding: 20px; background-color: #e9f7fd; border-radius: 5px;}
div.box2 li{list-style-type: square; margin: 2px;}
div.box2 li a{color:#598ff2; }
div.box2 li.red{color: #ed1c24;}


/*bottom*/
div.bottom{text-align:center; border-top:1px solid #111; margin-top:0px; padding:10px; background-color: #555; color: #fff; }
div.bottom p{font-size: 16px; margin: 8px; padding: 0;}
 
