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

/* 예약신청 */
#bookWrap{display:inline-block; background:#f4f6f8; clear:both; position:relative;}
#bookWrap > li{text-align:center; background:#f6f6f6; float:left;}
#bookWrap > li > p:first-child{line-height:50px; font-size:15px; color:#fff; background:#828386; text-align:center; border-bottom:1px solid #515151;}
#bookWrap > li > p:first-child span{font-weight:bold; margin-right:5px;}


/*** calendar ***/
.reserv_wrap {width:1200px; height:auto; margin:0 auto;}
.reserv_wrap > div {float: none;}
.reserv_con {/*overflow: hidden;*/ box-sizing: border-box;}

.reserv_conl {float:left; width:440px;}
.reserv_conl .calenderbox{float: left; width:100%; height:562px; /*padding:30px;*/ box-sizing: border-box; border: 1px solid #aaa; margin-right:30px;}
.reserv_conr {float:none !important; width:730px; margin-left:470px;}
.reserv_conr .courseinfo{width:100%; height:562px; padding:30px; box-sizing:border-box; border: 1px solid #aaa;}

.plan-month2 {margin-bottom:30px; text-align:center; line-height:24px; position:relative;}
.plan-month2 span {font-size: 28px; font-weight:600;}
.plan-month a {width:20px; border:none; text-indent:-9999px; height:30px;}
.plan-month2 a.nextmonth {background: url(../images/sub/next_icon.gif) no-repeat center; position:absolute; right:0;}
.plan-month2 a.prevmonth {background: url(../images/sub/prev_icon.gif) no-repeat center; position:absolute; left:0;}

.plan-table2 {width:100%;}
.plan-table2 {table-layout:fixed; width:100%; margin:0 auto; border-spacing:0; text-align:center; font-size:15px; font-weight:bold; }
.plan-table2 tr th {padding:10px 0; color:#666; font-size:13px; }
.plan-table2 tr th{border:1px solid #eee; box-sizing: border-box; height:15px;}
.plan-table2 tr td {border:1px solid #eee; box-sizing: border-box; height:60px;}
.plan-table2 tr td {padding:5px 0;}
.plan-table2 tr td a {display:block; font-size:15px; margin: 0 auto;}
.plan-table2 tr td a span {display:block; text-align:center; font-size:14px; font-weight:300; color:#666;}
.plan-table2 tr td.today {background:#468a00; color:#fff; }
.plan-table2 tr td.today a{background:#468a00; color:#fff; }
.plan-table2 tr td.today a span{color:#fff; }
.plan-table2 tr td.end {background:#f7f6f5; color:#bdbdbd; }
.plan-table2 tr td.gray {background:#fff !important;}
.plan-table2 tr td.sunday {color:#f10000;}
.plan-table2 tr td.saturday {color:#005991;}
.plan-table2 tr th:nth-child(1) {border-left: 1px solid #eee;box-sizing: border-box; height:20px;}

.plan-table2 tr td:nth-child(1) a {color:#ff2400;}
.plan-table2 tr td:nth-child(1) a.on {color:#fff;}
.plan-table2 tr td:nth-child(1) a.active {color:#fff;}
.plan-table2 tr th:nth-child(7) {color:#0079e9;}
.plan-table2 tr td:nth-child(7) a {color:#0079e9;}
.plan-table2 tr td:nth-child(7) a.on {color:#fff;}
.plan-table2 tr td:nth-child(7) a.active {color:#fff;}
.plan-table2 tr th:nth-child(1) {color:#ff2400;}

.guide_list{position:relative; margin:20px 0; padding:0;}
.guide_list li{float:left; position:relative; width:20%; font-size:13px;}
.guide_list li:nth-child(1){background:url(../images/sub/book_icon.png) no-repeat left center; padding-left:25px;}
.guide_list li:nth-child(2){background:url(../images/sub/end_icon.png) no-repeat left center; padding-left:18px;}
.guide_list li:nth-child(3){background:url(../images/sub/today_icon.png) no-repeat left center; padding-left:18px;}
.guide_list li img{width:12px;}
.guide_list li span{padding-left:5px; font-size:13px;}


/* 코스선택_tab */
#container2 {width:730px; margin:0 auto;}
ul.tabs {margin:0px; padding:0; float:left; list-style:none; height:52px; border-bottom:0px solid #ddd; border-left:1px solid #ddd; width:100%; font-size:15px; font-family:"NanumGothic"; }
ul.tabs li {float:left; cursor:pointer; width:30.3%; height:45px; line-height:20px; padding-top:5px; border:1px solid #ddd; border-left:none; font-weight:bold; background:#fafafa; overflow:hidden; position:relative; text-align:center;}
ul.tabs li span.text_1{display:block; font-size:15px; line-height:40px;}
ul.tabs li span.text_2{line-height:40px;}
ul.tabs li.active {background:#299567; color:#fff; border:1px solid #299567;}
.tab_container {float:left; width:668px; background:#FFFFFF;}
.tab_content {padding:0px; display:none; font-size:14px; height:417px; overflow-y:auto; margin-top:20px;}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px; position:relative;}
.tab_container .tab_content ul li{float:left; width:338px; padding:0px; margin-right:20px;}
.tab_container .tab_content ul li:last-child{margin-right:0px;}


/***** 코스시간_선택_선택일자 *****/
.selection_date{background-color:#468a00; width:668px; padding:8px 0; text-align:center; font-weight:600; color:#fff;}

.table_con {padding:0px; font-size:14px; height:370px; overflow-y:auto;}

/* 코스선택 테이블 */
.course_list_table{width:100%;}
.course_list_table thead{background:#f5f5f5; border-top:2px solid #253f5a;}
.course_list_table thead th{text-align:center; /*border-left:1px solid #ddd;*/ border-bottom:1px solid #ddd; height:30px; line-height:22px;}
.course_list_table thead th:first-child{border-left:0}
.course_list_table th{padding:7px 18px;}
.course_list_table td{padding:0px;}
.course_list_table tr{border-bottom:1px solid #ddd;}
.course_list_table td{text-align:center; border-left:1px solid #ddd;}
.course_list_table td a{padding-left:10px;}
.course_list_table td:first-child{border-left:0 none;}

.coursepr_list_table{width:100%; border:none;}
.coursepr_list_table thead{background:#f5f5f5; border-top:2px solid #253f5a;}
.coursepr_list_table thead th{text-align:center; /*border-left:1px solid #ddd;*/ /*border-bottom:1px solid #ddd;*/ height:30px; line-height:22px;}
.coursepr_list_table thead th:first-child{border-left:0}
.coursepr_list_table th{padding:0px 0px; font-weight:normal;}
.coursepr_list_table td{padding:0px;}
.coursepr_list_table tr{/*border-bottom:1px solid #ddd;*//*border:none;*/}
.coursepr_list_table td{text-align:center; border-left:1px solid #ddd;}
.coursepr_list_table td a{padding-left:10px;}
.coursepr_list_table td:first-child{border-left:0 none;}



/***** 예약시간_예약하기 *****/
.rev_time{position:relative; display:block; margin:0px; padding:7px 0px; border-bottom:1px solid #ddd; text-align:center;}
.rev_time:last-child{border-bottom:0px;}
.rev_time .time_price{padding-left:10px;}


button.btn_reserve{display:inline-block; width:250px; line-height:50px; color:#fff; background:#70abc5; margin:40px 0; font-size:18px; }
button.btn_reserve a{color:#fff; font-family: 'Montserrat'; font-weight:600;}


/* 예약문의 */
.resv_tel {overflow:hidden; width:100%; height:80px; margin-top:50px; border:1px solid #d7d7d7; padding:10px; background-color:#f5f5f5;}
.resv_tel dt {float:left; height:100%; padding-left:80px; text-align:center; color:#007b7e; font-size:20px; line-height:80px;}
.resv_tel dt img{line-height:80px; padding-top:20px;}
.resv_tel dt span {padding-left:5px;}
.resv_tel dd {float:none; overflow:hidden; height:100%; padding:0 0 0 148px; line-height:80px;}
.resv_tel dd p {float:left; margin-left:50px; font-size:15px;}
.resv_tel dd p:first-child {margin-left:0;}
.resv_tel dd p strong {display:inline-block; line-height:normal; vertical-align:0px; color:#1a1a1a; font-size:20px; font-weight:600;}
.resv_tel dd p a {display:inline; font-size:15px; font-weight:normal;}
/* 예약문의 end */


.reserve_info{margin:40px 0 0; padding:55px 0; background:#fff; border:1px solid #ddd;}
.reserve_info ul{overflow:hidden;width:650px;margin:0 auto;text-align:left;}
.reserve_info ul li{position:relative; padding-left:10px; margin-bottom:10px; font-size:16px;color:#222;}
.reserve_info ul li:before{display:block; content:""; width:4px; height:4px; background:#333; position:absolute; left:0; top:9px;}
.reserve_info ul li:last-child{margin-bottom:0;}
.reserve_info ul li span{color:#ff0000}

.reserve_info2{margin:40px 0 0; padding:20px 30px; background:#f2f2f2;}
.reserve_info2 ul{overflow:hidden; text-align:left;}
.reserve_info2 ul li{position:relative; padding-left:10px; font-size:14px; color:#222;}
.reserve_info2 ul li:before{display:block; content:""; width:4px; height:4px; background:#222; position:absolute; left:0; top:9px;}
.reserve_info2 ul li:last-child{margin-bottom:0;}


/* 주의사항 */
.info_notice{position:relative; border:1px solid #ddd;  padding:30px; color:#666; font-size:14px;}


.complete_txt{background-color:#f2f2f2; width:100%; padding:50px 0; text-align:center; font-size:20px;}
.complete_txt span{color:#007bc7; font-weight:500;}
.complete_txt2{position:relative; background:#f5f5f5; font-size:24px; text-align:center;  padding:50px;}
.complete_txt3{position:relative; background:#f5f5f5; font-size:16px; text-align:center;  padding:50px;}


/********** 예약변경 버튼 **********/
.reser_change_button{margin-bottom:0px; text-align:center;}
.reser_change_button ul{}
.reser_change_button ul li{display:inline-block; width:200px; height:65px;}
.reser_change_button ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:65px; border:0px solid #d4d4d4; background-color:#312783; font-size:18px; color:#fff; font-weight:500;}

.change input[type="text"]{width:50%; height:33px; padding:0 7px; border:1px solid #ddd;}
.change2 input[type="text"]{width:45.4%; height:33px; padding:0 7px; border:1px solid #ddd;}


/***** 단체예약 *****/
.table_group{margin:10px 0; font-family:"NanumGothic"; }
.table_group thead{background:#f5f5f5; border-top:1px solid #ddd}
.table_group thead th{text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_group tbody{border-top:1px solid #ddd}
.table_group th,.table_group td{height:30px; line-height:22px; padding:7px 18px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.table_group tr{border-bottom:1px solid #ddd;}
.table_group td{text-align:left; border-left:1px solid #ddd;}
.table_group td span{margin-left:10px;}
.table_group td:first-child{border-left:0 none;}
.table_group td span.text_1{float:left; text-align:left; font-size:15px; line-height:33px; color:#000; margin-left:0px; margin-right:12px;}


/*** button***/
.reservation_button_1{width:57px; line-height:27px; font-size:13px; color:#fff; background:#2fa1c1; padding:6px 10px;}
.reservation_button_2{width:57px; line-height:27px; font-size:13px; color:#fff; background:#f99d1c; padding:6px;}
.reservation_button_3{width:200px; line-height:27px; font-size:15px; text-align:center; color:#fff; background:#222; }
.reservation_button_4{line-height:27px; font-size:13px; text-align:center; color:#fff; background:#45a45a; padding:6px 10px;}
.reservation_button_5{background:#fff; padding:6px 15px; font-size:14px; border:1px solid #ddd; margin-left:5px;}
.reservation_button_6{background:#fff; padding:6px 15px; font-size:14px; border:1px solid #ddd;}
.reservation_button_7{width:57px; line-height:27px; font-size:13px; color:#fff; background:#2fa1c1; padding:6px;}

.reser_cancel{color:#fff; background:#777; padding:5px 6px; font-size:12px; }
.reser_edit{color:#fff; background:#ff6b01; padding:5px 15px; font-size:12px; }
.reser_group{color:#fff; background:#00acd0; padding:5px 15px; font-size:12px; }
.reser_end{color:#666; background:#ddd; padding:5px 15px; font-size:12px; }

.waiting_btn a{width:173px; padding:11px 25px 15px; margin-left:20px; margin-top:20px; text-align:center; line-height:26px; background:url('../images/sub/btn_waiting.png') no-repeat;}