/* 온라인 예약 */
.reser_wrap{padding-top:40px;margin:0 -10px 100px;}
.reser_tab_wrap{font-size:0;text-align:center;}
.reser_tab_wrap a{position:relative;display:inline-block;width:49.9%;height:35px;line-height:35px;color:#333;font-size:16px;font-weight:400;border:1px solid #c2c2c2;border-right:0;transition:.5s;}
.reser_tab_wrap a:last-child{border-right:1px solid #c2c2c2;}
.reser_tab_wrap a.active,
.reser_tab_wrap a:hover{background-color:#5bbcbb;color:#fff;font-weight:500;border-color:#5bbcbb;}
.reser_tab_wrap a .bar{position:absolute;left:50%;top:100%;margin-top:-11px;display:block;width:26px;margin-left:-13px;height:11px;border-top:11px solid transparent;border-left:13px solid transparent;border-right:13px solid transparent;transition:.5s;z-index:-1;}
.reser_tab_wrap a.active .bar,
.reser_tab_wrap a:hover .bar{margin-top:0;z-index:1;border-top-color:#5bbcbb;}
.reser_con{float:left;width:50%;padding:0 10px;padding-bottom:20px;margin-bottom:20px;}
.reser_con.h512{min-height:512px;}
.reser_con.w100{width:100%;}
.reser_tit_wrap{padding:10px 0 15px;position:relative;background:url('../images/sub/reser_line.jpg') 0 100% repeat-x;}
.reser_tit_wrap .bar{display:block;width:40px;height:1px;position:absolute;left:0;top:0;background-color:#000;}
.reser_tit_wrap .tit{float:left;color:#724123;font-size:26px;font-weight:500;line-height:34px;}
.reser_tit_wrap .txt{float:left;color:#000;font-size:16px;font-weight:500;line-height:34px;margin-left:15px;}
.reser_tb{width:100%;}
.reser_tb tr th{padding:8px 0;text-align:left;}
.reser_tb tr th p{color:#454545;font-size:16px;font-weight:500;position:relative;padding-left:12px;}
.reser_tb tr th p .dot{display:block;width:4px;height:4px;position:absolute;left:4px;top:50%;margin-top:-2px;background-color:#000;}
.reser_tb tr td{padding:8px 0 8px 8px;}
.reser_tb tr td .input_wrap{margin:0 -8px;}
.reser_tb tr td .input_wrap div{float:left;width:100%;position:relative;}
.reser_tb tr td .input_wrap > div{padding:0 8px;}
.reser_tb tr td .input_wrap .width33{width:33.33%;}
.reser_tb tr td .input_wrap .width33 .dash{position:absolute;left:-6px;top:50%;margin-top:-10px;color:#454545;font-size:12px;line-height:20px;font-weight:500;width:12px;text-align:center;}
.reser_tb tr td .input_wrap.w120{width:120px;}
.reser_tb tr td .input_wrap input[type="text"],
.reser_tb tr td .input_wrap input[type="password"],
.reser_tb tr td .input_wrap select{width:100%;height:33px;line-height:33px;border:1px solid #ddd;padding-left:5px;}
.reser_tb tr td .input_wrap textarea{width:100%;height:150px;line-height:140%;border:1px solid #ddd;padding:10px;margin-bottom:5px;}
.reser_tb tr td .input_wrap .etc{display:inline-block;padding:0 5px;color:#fff;font-size:15px;font-weight:400;line-height:20px;background-color:#6e6e6e;margin-right:3px;}
.reser_tb tr td .input_wrap label input{margin-right:3px;}
.reser_tb tr td .input_wrap label span{color:#454545;font-size:15px;font-weight:500;line-height:20px;}
.reser_tb tr td .label_wrap label{margin-right:5px;}
.reser_tb tr td .label_wrap label input{margin-right:5px;}
.reser_tb tr td .label_wrap label span{color:#454545;font-size:14px;font-weight:500;}
.reser_tb tr td .cate_wrap{padding:30px 5px;font-size:0;background-color:#f6f7f8;}
.reser_tb tr td .cate_wrap a{display:inline-block;width:33.33%;height:32px;line-height:32px;background-color:#dee1e4;font-size:12px;font-weight:500;text-align:center;transition:.5s;color:#454545;letter-spacing:-1px;border:2px solid #f6f7f8;}
.reser_tb tr td .cate_wrap a:hover,
.reser_tb tr td .cate_wrap a.active{background-color:#cdc2d3;}
.reser_cal_pager{position:relative;margin-bottom:20px;}
.reser_cal_pager a{position:absolute;display:block;top:50%;margin-top:-15px;line-height:30px;font-size:26px;color:#767676;font-family:'Nanum Gothic';}
.reser_cal_pager a.reser_cal_prev{left:30px;}
.reser_cal_pager a.reser_cal_next{right:30px;}
.reser_cal_pager .txt{text-align:center;color:#454545;font-size:24px;font-weight:600;line-height:30px;}
.reser_cal_pager .txt span{display:inline-block;margin-left:5px;}
.reser_cal{width:100%;margin-bottom:20px;}
.reser_cal thead tr th{background-color:#efefef;border:1px solid #ccc;}
.reser_cal thead tr th p{color:#454545;font-size:15px;line-height:40px;font-weight:500;}
.reser_cal tbody tr td{padding:30px 3px;position:relative;border:1px solid #ccc;}
.reser_cal tbody tr td:hover{background-color:#f6f7f8;}
.reser_cal tbody tr td a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;padding:3px 0 0 5px;}
.reser_cal tbody tr td a span{display:block;font-size:15px;font-weight:400;color:#454545;line-height:18px;}
.reser_cal tbody tr td a span:last-child{font-size:12px;}
.reser_cal tbody tr td a.today span:nth-child(1){color:#000;font-weight:600;}
.reser_cal tbody tr td:last-child a span:nth-child(1){color:blue;}
.reser_cal tbody tr td:first-child a span:nth-child(1){color:red;}
.reser_result{float:left;font-size:0;text-align:center;width:100%;}
.reser_result a{display:inline-block;padding:0 80px;color:#fff;font-size:18px;font-weight:500;line-height:55px;background-color:#7d99cf;border:1px solid #c2c2c2;}

/* 768 S */
@media all and (max-width:768px){
	.reser_con{float:none;width:100%;margin-bottom:30px;}
}
/* 768 E */