.csw_title_h5{margin:30px 0 10px; font-size:1.6em; font-weight:bold;float: left;}
.csw_title_h5 img{margin:0 5px 3px 5px;}
#current_state_wrap h6{margin:25px 0 5px; color:#e60012}

.csw_tb{margin-top:10px;width:100%; border-collapse:collapse; border-top:2px solid #e60012; background:#fff}
.csw_tb tr:hover{background:#efefef}
.csw_tb th{padding:5px 3px; border:1px solid #c7cdd4; background:#fafafa}
.csw_tb th.bgcolor01{background:#edf0f5; color:#e60012}
.csw_tb td{padding:5px 5px; border:1px solid #c7cdd4;}
.csw_tb td a:hover{color:#e60012;}



/*주문 현황*/

.product_header{position:fixed;top:0;width: 100%;height:80px;background-color: #fff;}
.product_header .logo{width: 200px;height:80px;display: inline-block;}
.product_header .logo img{margin-top: 15px;margin-left: 20px;}
.product_header .home_btn{width: 180px;height:40px;margin: 20px;background:#e60012;border-radius: 10px; display: inline-block;float: right;}
.product_header .home_btn a{width: 200px;height:80px;margin-top:15px;margin-left: 10px;color: #fff;font-weight: bold; text-align: center;line-height: 40px;}
.product_header .home_btn i{margin-right: 10px;}

.product_cate{position:fixed;top:80px;left: 0; width:10%; height:95%; background: #131313;}
.product_cate ul{width: 80%;margin: 40px auto 0;text-align: center;}
.product_cate ul li{width: 100%;height: 50px;font-size: 20px;}
.product_cate ul li a{color: #a8a8a8;}
.product_cate ul .active{color: #e60012;font-weight: bold;}

.product_box{margin-left:10%; margin-top:80px;}


/*현황 테이블*/
.edit_btn{width: auto;height:30px;margin:3px 5px;padding: 0 10px; background:#ffe9e9;border-radius: 5px; display: inline-block;font-size: 12px;color: #fff;line-height: 30px;font-weight: bold;}
.edit_btn2 {background:#e60012; color:#fff; padding:5px 10px; border:none}
.btn_white{background:#fff; color:#454545}

#res_wrapper{ width: 95%; margin: 0 auto;padding-top: 10px;}
#res_wrapper .add_btn{ width: auto;height:30px;margin:28px 20px 10px;padding: 0 10px; background:#ffe9e9;border-radius: 5px; display: inline-block;font-size: 12px;color: #e60012;line-height: 30px;font-weight: bold;}
#res_wrapper .add_btn i{padding-right: 5px;}
#res_wrapper  tr td{text-align: center;padding:15px 0;}

/*현황 테이블- 이용회차 관리*/
#res_wrapper .usage_table{width: 100%;}
#res_wrapper .usage_table tr td:nth-child(1){width: 15%;}
#res_wrapper .usage_table tr td:nth-child(2){width: 70%;}
#res_wrapper .usage_table tr td:nth-child(3){width: 15%;}
#res_wrapper .usage_table .edit_btn{width:60px;height:25px;background: #e60012;display: inline-block;line-height: 25px;color:#fff;border-radius: 5px;font-size: 12px;font-weight: bold;}
#res_wrapper .usage_table .del_btn{width:60px;height:25px;background: #ddd;display: inline-block;line-height: 25px;border-radius: 5px;font-size: 12px;}

.res_del_btn{cursor:pointer}

/*예약- 날짜 선택 및 예약*/

.calendar_wrap { width:90%; margin: 0 auto; }

.calendar_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.calendar_btn-holder {position:relative; top:35px; width:100%; text-align: center; margin: 10px 0 55px 0; }
#currentDate {font-size:2.4em; color:#454545}
#currentYear{color:#666;display:; margin-top:10px;}
#btnPrev {position:absolute; left:0; top:10px; font-size:1.2em; color:#666; cursor:pointer}
#btnNext {position:absolute; right:0; top:10px; font-size:1.2em; color:#666; cursor:pointer}
#reservation_calendar {margin-left:5px; width:100%; }
#reservation_calendar table {border-collapse: collapse; text-align: center; width:100%;}
#reservation_calendar table thead th { height: 30px; font-weight: bold;}
#reservation_calendar table td { width:14.28% !important;}
#reservation_calendar table td.date-cell {height:25px; vertical-align:middle}
#reservation_calendar table td.sun {color: #e60012;}
#reservation_calendar table td.sat {color: rgb(39, 136, 228);}
#reservation_calendar table td.not-this-month { color: #ddd;}
#reservation_calendar table td.s_today { }
#reservation_calendar table td.res_day_y {cursor:pointer}
#reservation_calendar table td.res_day_y:hover{background:skyblue}
#reservation_calendar table td.selected {background:skyblue}
#reservation_calendar table td.end_day{background:#eee}

#select_time_wrap {display:flex; width:90%; margin:0 auto; flex-wrap:wrap; justify-content:center; border:1px solid #ccc}
.select_time_input{}

.user_select1{text-align: center;margin-top:50px;} 
.user_select1 h3{font-weight: bold;font-size: 20px;}

.user_select1 select{width: 90%;height: 40px;text-align: center; margin: 10px auto; border: 1px solid #ddd;border-radius: 5px;color: #e60012;font-weight: bold;font-size: 13px;}
.user_select1 select option{color: #333;}



.user_select2{text-align: center;margin-top:30px;}
.user_select2 h3{font-weight: bold;font-size: 20px;margin-bottom:10px;}
.user_select2 input:nth-child(1){ width: 40px;height: 40px;background-color: #fff;border-radius: 50px;font-size: 15px;}
.user_select2 input:nth-child(4){ width: 40px;height: 40px;background-color: #fff;border-radius: 50px;font-size: 15px;}
.user_select2 input:nth-child(3){ width: 40px;border-style: none;box-shadow:none;text-align: center;background: transparent;}
.user_select2 th{font-size: 13px;border-style: none;}
.user_select2 td{border-style: none; border-top: 1px solid #e8ebf0;}


.user_check{text-align: center;}
.user_check h2{font-size:50px;margin-top: 30px;color: #e60012;}
.user_check h3{font-weight: bold;font-size:25px;margin:20px 0 20px;}
.user_check .csw_tb{width: 90%;margin: 0 auto;}
.user_check .csw_tb th{padding:5px 0;width:30%}

.user_check .user_total{margin-top: 20px;}
.user_check .user_total th{width: 30%;}
.user_check .user_total #total_price{color: #e60012;font-size: 30px;font-weight: bold;margin-right: 10px;}
.user_check .user_total td{font-weight: bold;}

.user_check .user_total input#btn_submit2{width: 200px;height: 50px;background: #e60012;color: #fff;border-style: none;border-radius: 10px;margin-top: 0px;}
.user_check .user_total a{width: 200px;height: 50px;display:inline-block;border: 2px solid #a5a5a5;color: #7a7a7a;border-radius: 10px;line-height: 50px;margin-top: 0px;font-weight: bold;}

#res_info_txt_ul {width:90%; margin:0 auto; padding-top:20px; text-align:left}
#res_info_txt_ul li{list-style:none}


/*예약 정보 입력*/
.info_tt{font-weight: bold;font-size:25px;color:#333;margin-left:40px;text-align: center;}

.user_info_btn {text-align:center}
.user_info_btn input{width: 200px;height: 50px;background: #e60012;color: #fff;border-style: none;border-radius: 10px;margin-top:-10px;}

.user_info_btn a{width: 200px;height: 50px;display:inline-block; margin-left:10px; border: 2px solid #a5a5a5;color: #7a7a7a;border-radius: 10px;line-height: 50px;margin-top: 25px;font-weight: bold;}

.like_input_submit{ background: #e60012 !important; color: #fff !important; border: 2px solid #e60012 !important;}

.info_tt_box{width:60%; margin: 50px auto;}
.info_tt_box1 span{width: 30%;display:inline-block; padding:10px 0; text-align:center; background: pink;}
.info_tt_box2 span{width: 30%;display:inline-block; padding:10px 0; text-align:center; background: pink;}


.csw_tb2{margin-top: 10px;width:100%; border-collapse:collapse;}
.csw_tb2 th{padding:13px 3px; width:50%; border:1px solid #ccc; color:#222; background:#fff;}
.csw_tb2 td{padding:10px 0 10px 25px !important; border:1px solid #ccc; text-align:left !important; background:#fff}
.csw_tb2 td a:hover{color:#e60012;}

.csw_tb3{margin-top: 10px;width:100%; border-collapse:collapse;}
.csw_tb3 th{padding:13px 3px; width:30%; border:1px solid #ccc; color:#222; background:#fff;}
.csw_tb3 td{padding:10px 0 10px 25px !important; width:70%; border:1px solid #ccc; text-align:left !important; background:#fff}
.csw_tb3 td a:hover{color:#e60012;}

#res_info_ul {margin-top:10px; }
#res_info_ul li{padding:5px 0}

.info_input{width: 60%;margin: 0 auto;}


@media (max-width:900px){
 .user_check .user_total {margin-top:20px;}
}
@media (max-width:500px){
  
  #res_wrapper{width:100%;}
  .info_tt{width:100%; margin:0;}
  .info_tt_box{width:100%;}
  .info_input{width:100%}
  
  #btn_submit{ margin-top:30px;}
  .user_info_btn a{margin-left:0}
  
  #show_req_btn input {display:inline-block; margin-top:30px !important}
  
  .user_check .csw_tb{width:100%;}
}