@charset "utf-8";
/* FED */

/*==================
	sub_visual
==================*/
.sub_visual {width:100%; height:190px; }
.sub_visual.sub_visual00 {background:url(../img/content/sub_visual_member.jpg) no-repeat center top; }
.sub_visual.sub_visual01 {background:url(../img/content/sub_visual_club.jpg) no-repeat center top; }
.sub_visual.sub_visual02 {background:url(../img/content/sub_visual_course.jpg) no-repeat center top; }
.sub_visual.sub_visual03 {background:url(../img/content/sub_visual_facility.jpg) no-repeat center top; }
.sub_visual.sub_visual04 {background:url(../img/content/sub_visual_guide.jpg) no-repeat center top; }
.sub_visual.sub_visual05 {background:url(../img/content/sub_visual_reserv.jpg) no-repeat center top; }
.sub_visual.sub_visual06 {background:url(../img/content/sub_visual_news.jpg) no-repeat center top; }



/*==================
	calander
==================*/
.reserv_head {display:flex; justify-content:space-between; margin-bottom:5px; text-align:center; padding:4px 8px; }
.reserv_head .month {line-height:24px; font-size:20px; color:#000; }
.reserv_head .month .mon {font-size:20px; color:#000; margin-left:10px; vertical-align:baseline; }
.reserv_head .arrow {position:relative; display:inline-block; width:8px; height:12px; cursor:pointer; margin:7px 0; }
.reserv_head .prev_arr {background:url(../img/ico/prev_arr.gif) no-repeat left top; }
.reserv_head .next_arr {background:url(../img/ico/next_arr.gif) no-repeat left top; }
.reserv_choice {background:#e9ecf0; height:150px; padding:10px; }
.reserv_choice p:nth-child(1) {width:100%; text-align:center; color:#666; font-size:15px; }
.reserv_choice p:nth-child(2) {width:100%; text-align:center;padding-top:7px; color:#696451; font-size:20px; }
.reserv_choice p:nth-child(3) {width:100%; text-align:center; color:#666; font-size:15px; height:70px; background:#fff; padding:0 5px; margin-top:15px; }
.reserv_choice p:nth-child(3) .rev_0k {display:inline-block; float:left; width:50%; margin:15px 0 0 0px; }
.reserv_choice p:nth-child(3) .rev_No {display:inline-block; float:left; width:50%; line-height:62px; font-size:50px; color:#696451; }
.reserv_sel {margin-top:15px; }
.color_info_ul {display:flex; justify-content:space-between; }
.color_info_ul li {display:inline-block; line-height:12px; font-size:12px; color:#1d1d1d;}
.color_info_ul li span {display:inline-block; width:12px; height:12px; border-radius:100%; margin-right:5px; }
.color_info_ul li .reserve_sel {background:#d4c8a3; color:#fff} /* 예약가능 */
.color_info_ul li .reserve_cho {background:#696451; color:#fff} /* 예약가능 */
.color_info_ul li .reserve_sta {background:#b881c4} /* 대기 */
.color_info_ul li .reserve_end {background:#e9ecf0} /* 마감 */
.color_info_ul li .reserve_x {background:#777; color:#fff} /* 휴장 */

.reserv_calander {width:100%; }
.reserv_calander table {width:100%; }
.reserv_calander thead {tcolor:#333;}
.reserv_calander thead tr th {width:60px; height:25px; font-weight:300; font-size:14px; text-align:center; }
.reserv_calander tr th:first-child,
.reserv_calander tr th:first-child a,
.reserv_calander tr td:first-child,
.reserv_calander tr td:first-child a {color:#d69311; }
.reserv_calander tr th:last-child,
.reserv_calander tr th:last-child a,
.reserv_calander tr td:last-child,
.reserv_calander tr td:last-child a {color:#4590d0; }
.reserv_calander td {text-align:center;	padding-top:6px;}
.reserv_calander td a {display:block; width:28px; height:28px; line-height:28px; font-size:14px; color:#626262; border-radius:28px; margin:0 auto; }
.reserv_calander td a.reserved {background:#d4c8a3; }
.reserv_calander td a.closed {background:#fff;}
.reserv_calander td a.choice {background:#696451; color:#fff !important; }
.reserv_calander td a.hday {color:#666; }
.reserv_calander td a:hover {background:#696451; color:#fff !important; }