@charset "utf-8";
/* CSS Document */

* {  margin: 0;  padding: 0;  -webkit-text-size-adjust:none; }
body {font-size:12px; color:#666;  font-family:NanumGothic, Helvetica, AppleGothic, 돋움, Dotum; letter-spacing: -0.9px; }
img, fieldset { border:0 }
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6, h7 {  font-size:100%;  font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link {  color:#333;  text-decoration:none; }a:visited { color:#333; }
a:hover, a:active {  color:#333;  text-decoration:none; }
em, i, address {  font-style:normal;  font-weight:normal; }
legend, caption {  display:none;  clear:both; }
input, textarea, select, button, table {  font-size:inherit;  font-family:inherit;  line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {  background:url(none);  -webkit-border-radius:1px;  -webkit-apprearance:none; }
input{padding:0 10px; border:0;}
textarea { resize:none; }
label { cursor:pointer; }
a{padding:0; margin:0; text-decoration:none; color:#282828; outline:none; selector-dummy:expression(this.hideFocus=true);}/*링크점선제거*/
img{border:0;outline:none; selector-dummy:expression(this.hideFocus=true);}/*링크점선제거*/
span, p{padding:0px; margin:0px;}
caption{display:none;}
textarea, input {  background:url(none);  -webkit-border-radius:1px;  -webkit-apprearance:none; }
table { border-collapse:collapse}

.reserve_main_top{background: url(../../img/reserve_top_main-img_yfam_bg.jpg) repeat-x top center; height:459px;}
.reserve_main_top#yfac{background: url(../../img/reserve_top_main-img_yfac_bg.jpg) repeat-x top center; height:459px;}
.reserve_topimg{width:100%; height:412px; text-align: center;  background: url(../../img/reserve_topimg_bg.jpg) top center; }
.reserve_container{width:900px; margin:50px auto;  text-align:left; }
.reserve_container h3{font-size:24px; font-weight:bold; margin:40px 0 10px;  text-align: left; color:#000;}

.reserve_tab{width:900px; margin:auto; overflow: hidden; }
.reserve_tab ul li{float:left;}

.yfam_info_txt{margin:70px;}
.yfam_info_txt .b_txt{font-size:28px; font-weight: bold; color:#000;}
.yfam_info_txt .b_txt em{color:#cd6d2f; font-weight: bold;}
.yfam_info_txt .s_txt{font-size:18px; color:#000; margin-top:20px; line-height:30px;}

.yfac_info{ margin-bottom:50px; overflow: hidden;}
.yfac_info ul{overflow: hidden;}
.yfac_info ul li{float:left; width:25%; text-align: center; letter-spacing: -1px; padding:0 15px; box-sizing: border-box;}
.yfac_info ul li .b_txt{font-size:20px; font-weight: bold; color:#000; margin-top:20px;}
.yfac_info ul li .s_txt{font-size:16px; line-height:24px; margin-top:20px;}
.yfac_info a.btn_orange{width:300px;color:#fff; margin:30px auto 0; padding-left:30px; text-align: left; background:#ff7e00 url(../../img/icon_arrow_wh.png) no-repeat 90% 50%; box-sizing: border-box;}
.yfac_info ul li p.icon>img{width:80%;}

/*예약실 정보*/
.room_info{ text-align: left; color:#000; overflow: auto; }
.room_info .room_img{float:left; width:486px;}
.room_info .txt_wrap{float:right; width:340px;  }
.room_info h3{font-size:30px; font-weight:bold; margin:40px 0 10px;  text-align: left;}
.room_info p{text-align: left; font-size:16px; line-height:28px;}


.mid_img{margin:60px auto 0px;}


/*예약안내리스트*/
.reserve_way{}
.reserve_way>ul{}
.reserve_way>ul li{padding:50px 0; border-bottom:1px solid #dedede; overflow: auto;}
.reserve_way>ul li.bg_grey{background: #f5f5f5;}
.reserve_way>ul li span{width:200px; float:left; text-align: center;}
.reserve_way>ul li .txt_wrap{width:700px; float:left; text-align: left;}
.reserve_way>ul li .txt_wrap h3{font-size:24px; font-weight: bold; margin-top:0px !important; margin-bottom:10px; color:#000;}
.reserve_way>ul li .txt_wrap .txt{font-size:15px; text-align: left; line-height:24px;}


/*상단 미사용안내문구*/
.reserve_notice{background:#f38400; color:#fff; padding:20px; font-size:16px;}
.reserve_notice img{vertical-align: middle; margin-right:30px;}
.reserve_notice span{vertical-align: middle;}


/*달력예약부분*/
.reserve_table_wrap{margin:50px auto; overflow: auto;}
.reserve_table_wrap .calendar{width:500px; float:left;}
.reserve_table_wrap .calendar table{width:500px; border:1px solid #dedede;}
.reserve_table_wrap .calendar thead td{background:#bcbcbc; color:#fff; padding:10px; height:25px;font-size:16px; text-align:center; box-sizing: border-box;}
.reserve_table_wrap .calendar tbody td{background:#fff;  width:68px; height:80px; padding:8px; box-sizing: border-box; border-right:1px solid #dedede; border-bottom:1px solid #dedede; text-align: left; vertical-align: top;}
.reserve_table_wrap .calendar tbody td .date{font-weight: bold; color:#000; display:block; font-family: Malgun gothic; font-size:16px; }
.reserve_table_wrap .calendar tbody td .info{ display:block;  margin-top:10px; text-align: center; font-size:13px; letter-spacing: -1px;}
.reserve_table_wrap .calendar tbody td .info_reserve{ display:block; background:#f5f5f5; font-size:11px; letter-spacing: -1.5px;  text-align: center;  padding:2px 0; margin-top:2px; } 
.reserve_table_wrap .calendar tbody td .info_left{ display:block; font-size:11px; background:#ffead1; color:#f38400; letter-spacing: -1.5px;  text-align: center;  padding:2px 0; margin-top:2px; font-weight: bold;}
.reserve_table_wrap .calendar tbody td.Complete .info{color:#f38400; margin-top:30px; font-weight: bold; }
.reserve_table_wrap .calendar tbody td.Complete .info_reserve{display:none;}
.reserve_table_wrap .calendar tbody td.Complete .info_left{display:none;}
.reserve_table_wrap .calendar tbody td.Complete{background:#f5f5f5;}
.reserve_table_wrap .calendar tbody td.Timeout{background:#f5f5f5;}
.reserve_table_wrap .calendar tbody td.Timeout .info{display: none;}
.reserve_table_wrap .calendar tbody td.Today{background:#eef6ff;}
.reserve_table_wrap .calendar tbody td.Timeout .date{color:#bcbcbc !important;}
.reserve_table_wrap .calendar .month{float:left; margin-bottom:20px;}
.reserve_table_wrap .calendar .month .txt{font-size:24px;  font-weight:bold; float:left; margin-right:10px; font-family: malgun gothic; vertical-align: middle;}
.reserve_table_wrap .calendar .month>a{float:left; }
.reserve_table_wrap .calendar .month>a img{vertical-align: middle;}
.reserve_table_wrap .calendar .today_date{float:right; font-size:16px; color:#000; padding-top:15px;}
.reserve_table_wrap .room_sel{float:right; width:380px; margin-left:20px; }

.reserve_table_wrap .room_sel .room_tab li{float:left;  width:33%; text-align: center; font-size:18px; padding:15px; box-sizing: border-box; background:#dbdbdb; border-bottom:1px solid #000;  height:53px; }
.reserve_table_wrap .room_sel .room_tab li.active{background:#fff; width:34%; color:#000; font-weight:bold; border:1px solid #000; border-bottom:none;}
.reserve_table_wrap .room_sel .sel_layer{clear:both; border:1px solid #000; border-top:none; text-align: left;}
.reserve_table_wrap .room_sel .sel_layer .sel_date{padding:25px; text-align: left;}
.reserve_table_wrap .room_sel .sel_layer .sel_date .icon{background:#f5f5f5; padding:7px 20px; font-size:14px; margin-right:10px; }
.reserve_table_wrap .room_sel .sel_layer .sel_date .date{font-size:24px; font-weight: bold; color:#000;}
.reserve_table_wrap .room_sel .sel_layer .sel_time_layer{background:#818181; text-align: left; padding:45px 25px; overflow: auto;}
.reserve_table_wrap .room_sel .sel_layer .sel_time_layer>p{color:#fff; font-size:15px; padding-bottom:10px;} 
.reserve_table_wrap .room_sel .sel_layer .sel_time_layer .ty_sel{background:#fff; overflow: auto; margin-top:10px;}
.reserve_table_wrap .room_sel .sel_layer .sel_time_layer select{background:#fff; width:85%; float:left; height:45px;  border:none; padding:10px; box-sizing: border-box; font-size:17px; font-weight: bold; }
.reserve_table_wrap .room_sel .sel_layer .sel_time_layer .ty_sel>span{ display:inline-block; font-size:14px; padding-top:15px;}

.reserve_table_wrap#reserve_class .room_sel{float:left; width:380px;  border-top:1px solid #000;  margin-left:0;}
.reserve_table_wrap .room_sel .sel_layer .sel_date .class {font-size:24px; font-weight: bold; color:#000;}
.reserve_table_wrap#reserve_class .room_sel .sel_time_layer{background:url(../../img/reserve_class_img01.jpg) no-repeat; height:190px;  padding:45px 25px; overflow: auto; box-sizing: border-box;}
.reserve_table_wrap .room_sel .class_time{background:#fff; height:50px; line-height:50px; font-size:20px; color:#000;}
.reserve_table_wrap .room_sel .class_time .txt{ margin-right:10px; font-size:18px;}
.reserve_table_wrap .room_sel .class_time .time{font-weight: bold;}

.reserve_table_wrap#reserve_class .reserve_board { width:490px;    margin:0; float:right; clear:none; }
.reserve_table_wrap .class01{ overflow:hidden;}
.reserve_table_wrap .class02{clear:both; overflow:hidden; margin-top:30px;}
.reserve_table_wrap .class03{clear:both; overflow:hidden;  margin-top:30px;}
.reserve_table_wrap .class02 .sel_time_layer{background:url(../../img/reserve_class_img02.jpg) no-repeat !important;}
.reserve_table_wrap .class03 .sel_time_layer{background:url(../../img/reserve_class_img03.jpg) no-repeat !important; }


/*예약 게시판*/
.reserve_board{clear:both; margin-top:50px; overflow: auto;}
.reserve_board h3{font-size:24px; font-weight:bold; color:#000; text-align:left; margin-bottom:15px;}
.reserve_board table{width:100%; border:1px solid #dedede;}
.reserve_board table thead td{background:#f0f0f0; font-size:16px; font-weight: bold; padding:15px; color:#000; border-bottom:1px solid #dedede; }
.reserve_board table tbody td{padding:15px; font-size:15px; border-bottom:1px solid #dedede;}
.reserve_board table tbody td .btn_cancel{background:#858585; color:#fff; text-align: center; padding:6px 12px;}


/*하단 안내부분*/
.use_info{clear:both; background:#f5f5f5; padding:40px; margin:40px 0; overflow: auto;}
.use_info>span{float:left; display: block; width:200px; padding-top:15px;}
.use_info>.txt_wrap{ font-size:14px; line-height:22px; float:left; width:500px;}
.use_info>.txt_wrap>p{text-align: left;}
.use_info>.txt_wrap .txt_org{color:#f38400; text-decoration: underline;}


/*버튼*/
.btn_orange{background:#f38400; color:#fff; display:block; width:100%; font-size:20px; padding:20px; font-weight: bold;}
.btn_grey{background:#999; color:#fff; display:block; width:100%; font-size:20px; padding:20px; font-weight: bold;}
.btn_reseve-list{background:#fff; color:#555; display:block; width:100%; font-size:20px; padding:20px;}
a.btn_reserve{width:85%; display:block; border:1px solid #784c00;  color:#784c00; font-weight: bold; font-size:18px; text-align: left;  height:48px; line-height:48px; padding:0 20px; box-sizing: border-box; margin-top:15px; background: url(../../img/icon_arrow01.jpg) no-repeat 95% 50%;}
a.btn_reserve:hover{color:#784c00;}
.fl_rt{width:28%; margin:auto; height:48px;}
.fl_rt a.btn_reserve{width:100%; float:right; }


.table_org{width:100%; margin:10px auto; }
.table_org thead td{border-top:1px solid #ccc;}
.table_org tbody td{padding:5px; font-size:13px;}
.table_org tbody th{background:#f5f5f5; border-bottom:1px solid #dedede;} 
.table_org tbody td{border-bottom:1px solid #dedede;} 


.yc_tab_st01{width:100%; overflow: hidden;  margin-top:30px;}
.yc_tab_st01 li{float:left;  width:25%; background:#f5f5f5; border:1px solid #dedede; box-sizing: border-box; text-align: center; height:60px; line-height:60px; font-size:16px; color:#555; font-weight: bold;  border-bottom:2px solid #000;}
.yc_tab_st01 li.active{ background:#fff; border:2px solid #000; border-bottom:2px solid #fff; }
.yc_tab_st01 li a{color:#555}