.reserve01 > .container{max-width:1300px !important;}
.grid-list .no-cont{text-align: center;height: 60px;line-height: 60px;border-bottom: 1px solid #ddd;}


.step_wrap2{display: flex;flex-wrap:wrap}
.step_wrap2 > div:nth-child(1){width: 30%;padding-right: 30px;}
.step_wrap2 > div:nth-child(2){width: 40%;}
.step_wrap2 > div:nth-child(3){width: 30%;padding-left: 30px;}

.reserve01 .step_no{padding-bottom: 10px;font-size: 1.5rem;}


/* step1 */
.calendar{position: relative;}
.carendar-arrow{display: flex;justify-content:space-between;font-size: 24px;margin-bottom: -30px;z-index: 9;}
.btn_prev,
.btn_next{cursor: pointer;margin: 0 30px;color: #666;}
.btn_prev:hover,
.btn_next:hover{color: #000;}



.month{text-align: center;font-weight: bold;font-size: 1.4rem;margin-bottom: 20px;}
.week{display:flex;padding: 6px 0;}
.week > li{flex:1;font-size: 14px;line-height: 14px;text-align: center;}
.week > li:first-child{color: red;}
.week > li:last-child{color: blue;}
.days{display:grid;grid-template-columns:repeat(7, 1fr);}
.days > li > div{text-align: center;min-height: 50px;margin: 0 auto;cursor:default;position: relative;padding: 6px 0;}
.days > li:nth-child(7n){color: #2D6FC4;}
.days > li:nth-child(7n+1){color: #ff6969;}

.today::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 2px solid var(--color-main);}
.book{background-color: #F0FAFB !important;cursor: pointer !important;}
.book:hover{background-color: var(--color-main) !important;color: #fff;}
.end{background-color: #D2D2D2 !important;}
.selected{background-color: var(--color-main) !important;color: #fff;}


.today::after{content: '금일';display: block;font-size: .9rem;color: #333;}
.book::after{content: '예약';display: block;font-size: .9rem;color: #333;}
.book:hover::after{color: #fff;}
.end::after{content: '마감';display: block;font-size: .9rem;color: #333;}
.closed::after{content: '휴장';display: block;font-size: .9rem;color: #333;}
.member::after{content: '회원';display: block;font-size: .9rem;color: #333;}
.selected::after{color: #fff;}


/* step2 */

.select_date{text-align: center;padding:14px 6px;color: var(--color-main); font-weight: bold;font-size: 1.2rem;}
.select_date::before{content: '선택일 : ';}


.member_course{display: flex;text-align: center;border-bottom: 1px solid #fff;width: 100%}
.member_course > li{padding:10px 4px;}
.member_course > li:nth-child(1){width: 40%;background-color: #E3E8F3;}
.member_course > li:nth-child(2){width: 60%;background-color: #FCE6CF;}

ul.course_name{display: flex;text-align: center;margin-bottom: 0;width: 100%;border-bottom: 1px solid #ddd;padding: 10px 0 6px;}
ul.course_name > li{flex:1;position: relative;}
ul.course_name > li + li::before{content: '';display: inline-block;width: 1px;height: 14px;background-color: #ccc;position: absolute;left: 0;top: 6px;}
.name-head{margin-top: 10px;}
.name-detail::before{content: '(';}
.name-detail::after{content: ')';}

.course_time{display: flex;max-height: 700px;overflow-y:auto;}
.course_time > div{flex:1;}


.name-head,
.book-cons{display: grid;grid-template-columns:44px 38px 1fr 1fr 1fr 54px ;font-size: 14px;text-align: center;align-items: center;}

.book-cons{border-bottom: 1px solid #ddd;}
.book-cons > li{padding: 10px 0;}
.book-cons > li:nth-child(4){color: #B22222;}
.book-cons button{background-color: #003D7E;color: #fff;padding: 2px 6px;border-radius:4px; font-size: 14px;}

.modal-title{font-size: 1.5rem;}
.modal-header{border-bottom: 1px solid #fff;padding-bottom: 0;}
.modal-footer{border-top: 1px solid #fff;}

/* step3 */
.res_info{background-color: #f7f7f7;padding: 50px;}
.ul-table2{border-top: 1px solid #000;font-size: 17px;}
.ul-table2 > ul.row4{display: flex;}
.ul-table2 > ul.row4 > li{border-bottom: 1px solid #ddd;padding: 20px 10px;display: flex;align-items:center;flex-wrap:wrap}
.ul-table2 > ul.row4 > li:nth-child(1),
.ul-table2 > ul.row4 > li:nth-child(3){width: 16%;}
.ul-table2 > ul.row4 > li:nth-child(2),
.ul-table2 > ul.row4 > li:nth-child(4){width: 34%;color: var(--color-main);}
.ul-table2 > ul.row4 > li > div{width: 100%;}
.ul-table2 > ul.row4 > li span{font-size: 14px;color: #333;margin-left: 4px;}
.ul-table2 .info-text{font-size: 14px;color: #666;margin-left: 20px;}


.ul-table3{border-bottom: 1px solid #ddd; font-size: 17px;}
.ul-table3 > ul.row4{display: flex;}
.ul-table3 > ul.row4 > li{border-bottom: 1px solid #ddd;padding: 20px 10px;display: flex;align-items:center;flex-wrap:wrap}
.ul-table3 > ul.row4 > li:nth-child(1),
.ul-table3 > ul.row4 > li:nth-child(3){width: 16%;}
.ul-table3 > ul.row4 > li:nth-child(2),
.ul-table3 > ul.row4 > li:nth-child(4){width: 34%;color: var(--color-main);}
.ul-table3 > ul.row4 > li > div{width: 100%;}
.ul-table3 > ul.row4 > li span{font-size: 14px;color: #333;margin-left: 4px;}
.ul-table3 .info-text{font-size: 14px;color: #666;margin-left: 20px;}


#step3 a{color: #92746A;}
#step3 a:hover{color: #000;}
#step3 span.line::before {content: "|";display: inline-block;	padding:0 14px;color: #ddd;}
#step3 span.normalfee{color: #999;text-decoration: line-through;font-size: 1rem;padding-right: 10px;}

.modal{z-index:999999;}


@media (max-width:1400px){
	.name-head,
	.book-cons{grid-template-columns:30px 24px 1fr 1fr 1fr 40px ;}
}

@media (max-width:1200px){
	.container-fluid{padding: 0;}
	.name-head{display: none;}
	.book-cons{display: block;position: relative;border: 1px solid #ddd;margin: 4px;border-radius: 6px;padding: 4px;}
	.book-cons > li{padding:0;}
	.book-cons > li:nth-child(1){display: none;}
	.book-cons > li:nth-child(2){position: absolute;top: 4px;right: 4px;}
	.book-cons > li:nth-child(2)::after{content: '홀';}
	.book-cons > li:nth-child(6){position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0);cursor: pointer;}
	.book-cons > li:nth-child(6) > button{opacity:0;width: 100%;height: 100%;}

	
}

@media (max-width:992px){
	.ul-table2 > ul.row4{flex-wrap:wrap;font-size: 14px;}
	.ul-table2 > ul.row4 > li{padding:10px 6px;}
	.ul-table2 > ul.row4 > li:nth-child(1),
	.ul-table2 > ul.row4 > li:nth-child(3){width: 30%;}
	.ul-table2 > ul.row4 > li:nth-child(2),
	.ul-table2 > ul.row4 > li:nth-child(4){width: 70%;}
	.ul-table2 > ul.row4 .none-text{display: none;}
	.ul-table2 .info-text{margin-left: 0;}
	.res_info{padding: 14px;}
	.form-control{font-size: 14px;}
	.modal-title{font-size: 1.3rem;margin-bottom: -6px;}
	label{font-size: 14px !important;}
} 

@media (max-width:992px){
	.ul-table3 > ul.row4{flex-wrap:wrap;font-size: 14px;}
	.ul-table3 > ul.row4 > li{padding:10px 6px;}
	.ul-table3 > ul.row4 > li:nth-child(1),
	.ul-table3 > ul.row4 > li:nth-child(3){width: 30%;}
	.ul-table3 > ul.row4 > li:nth-child(2),
	.ul-table3 > ul.row4 > li:nth-child(4){width: 70%;}
	.ul-table3 > ul.row4 .none-text{display: none;}
	.ul-table3 .info-text{margin-left: 0;}
	.res_info{padding: 14px;}
	.form-control{font-size: 14px;}
	.modal-title{font-size: 1.3rem;margin-bottom: -6px;}
	label{font-size: 14px !important;}
} 


@media (max-width:768px){
	.select_date{display: block;padding: 0;text-align: left;}
	.book-cons{padding: 2px;margin:2px;}
	.book-cons > li{line-height: 16px;}
	.book-cons > li:nth-child(2){font-size: 12px;top: 0px;right: 0px;background-color: #AFEEEE}
	.book-cons > li:nth-child(3){text-align: left;padding-left: 2px;}
	
	ul.course_name{font-size: 12px;border-bottom: none;}
	ul.course_name > li + li::before{top: 2px;}
	
	.course_time{max-height: 400px;}
	.book-cons > li:nth-child(2)::after{content: 'H'}
	.grid-list .no-cont{border-top: 1px solid #000;}
	h4{margin-bottom: 10px;}

} 






 



/* hotel */
.select_date_hotel{text-align: center;padding: 10px;color: var(--color-main); font-weight: bold;}
.reserve_hotel .step_no{padding-bottom: 10px;border-bottom: 1px solid #000;}

.calendar .arrow{width: 30px;height: 30px;line-height: 30px;text-align: center;position: absolute;top: 20px;transform: translateY(-50%);font-size: 20px;cursor: pointer;color: #999;}
.calendar .arrow:hover{background-color: #ddd;}
.calendar .btn_prev{left: 6px;}
.calendar .btn_next{right: 6px;}

.confirm{padding: 0px 14px;font-size: 14px;position: relative;background-color: #F4F6F8;}
	.confirm table{width:100%; margin:0 auto; text-align:left;}
	.confirm table tr{line-height:35px; border-bottom:1px solid #eee;}
	.confirm table th{height:34px; padding-left:3px; text-align:left; border-bottom:1px solid #444d52;}
	.confirm table th span{display:block; line-height:26px; padding-left:15px; background:#f2f3f4;}
	.confirm table td{height:45px; padding-left:15px; border-bottom:1px solid #c0c9ce;}
	.confirm .form-control{font-size: 14px;}

	.confirm.golf{height: 670px;}

	.step3_info{padding-top: 20px;color: #D94040;}
	.res_btn_wrap{text-align: center;margin-top: 50px;padding-bottom: 10px;}
	.res_btn_wrap2{text-align: center;margin-top: 30px;padding-bottom: 10px;}


	table.hotel_room{border-top: 1px solid #ccc;}
	table.hotel_room th{background-color: #eee;text-align: center;border-bottom: 1px solid #fff;}
	table.hotel_room td{padding: 10px 10px;border-bottom: 1px solid #ddd;}
	table.hotel_room td:last-of-type{text-align: right;}

	.btn-hotel{border: 1px solid #ccc;font-size: 15px;padding: 6px 14px;background-color: #fff;border-radius:4px; color: var(--color-sub);}
	.btn-hotel:hover{background-color: var(--color-main);color: #fff;border: 1px solid  var(--color-main);}
	.btn-hotel.selected{background-color: var(--color-main);color: #fff;border: 1px solid  var(--color-main);}


/* reserve02 */
	.grid-list > ul{display:grid;height: 60px;align-items: center;border-bottom: 1px solid #ddd;text-align: center;}
	.grid-list > .res02{grid-template-columns: 6% 18% 13% 13% 16% 16% 9% 9%;}
	.grid-list > .hotel{grid-template-columns: 6% 20% 20% 20% 20% 14%;}





@media (max-width:1200px){
	.step_wrap > div:nth-child(1){width: 100%;padding-right: 0px;display: flex;flex-wrap:wrap}
	.step_wrap > div:nth-child(2){width: 70%;}
	.step_wrap > div:nth-child(3){width: 30%;}

	.step_wrap > div:nth-child(1) .step_no{width: 100%;}
	.step_wrap > div:nth-child(1) .calendar{width: 48%;margin-top: 10px;}
	.step_wrap > div:nth-child(1) .calendar + .calendar{margin-left: 2%;}
	.step_wrap > div:nth-child(1) > div:nth-child(2){margin-top: 10px;}

	.step_wrap2 > div:nth-child(1){width: 30%;padding-right: 10px;}
	.step_wrap2 > div:nth-child(2){width: 40%;}
	.step_wrap2 > div:nth-child(3){width: 30%;padding-left: 10px;}

	.step_no{margin-top: 30px;}
	
}

@media (max-width:992px){
	.reserve01 .inner{padding-left: 0;padding-right: 0;}
	.reserve_hotel .inner{padding-left: 0;padding-right: 0;}
	.step_wrap > div:nth-child(1){display: block;}
	.step_wrap > div:nth-child(1) .calendar{width: 100%;}
	.step_wrap > div:nth-child(1) .calendar + .calendar{margin-left: 0%;}
	.step_wrap > div:nth-child(2),
	.step_wrap > div:nth-child(3){width: 100%;}
	.course_time span:nth-child(1),
	.course_time span:nth-child(2){width: 100%;text-align: center;}

	.course_time > li > div{margin: 2px;}
	.step_wrap > div:nth-child(3){padding-left: 0;}
	.confirm.golf{height: auto;}

	.step_no{padding-left: 14px;}

	
	.step_wrap2 > div:nth-child(1){width: 100%;padding-right: 0px;}
	.step_wrap2 > div:nth-child(2){width: 100%;}
	.step_wrap2 > div:nth-child(3){width: 100%;padding-left: 0px;}
	#step1 .step_no{margin-top: 0;}


	.list .thead{display: none;}
	.grid-list > ul{height: auto;text-align: left;padding: 4px;border-radius:7px;border: 1px solid #ccc;position: relative;}
	.grid-list > ul > li{padding-left: 4px;}
	
	.grid-list > .res02{grid-template-rows:30px 40px 40px;grid-template-columns: repeat(4, 1fr);grid-auto-flow: row;}
	.grid-list > .res02 > li:nth-child(1){display: none;}
	.grid-list > .res02 > li:nth-child(2){grid-column: span 2;}
	.grid-list > .res02 > li:nth-child(5){grid-column: span 2;}
	.grid-list > .res02 > li:nth-child(6){grid-column: span 2;}
	.grid-list > .res02 > li:nth-child(8){margin-left: -20px;}
	.grid-list > .res02 > li:nth-child(6)::before{content: '카트: ';}

	.grid-list > .hotel{grid-template-rows: repeat(4, 30px);grid-template-columns: 1fr;grid-auto-flow: row;}
	.hotel > li:nth-child(1){display: none;}
	.hotel > li:nth-child(6){position: absolute;right: 4px;bottom: 8px;}
	.hotel > li:nth-child(2)::before{content: '입실일: ';}
	.hotel > li:nth-child(3)::before{content: '퇴실일: ';}
	.hotel > li:nth-child(4)::before{content: '예약일: ';}
	.hotel > li:nth-child(5)::before{content: '연락처: ';}



}