
.entrust{position: absolute;top: 0;right: 0;}
.res_info{background-color: #f7f7f7;padding: 50px;}

@media (max-width:768px){
	.res_info{padding: 10px;}
}


/* step1 */
#book_step1{position: relative;}

.month{text-align: center;font-weight: bold;font-size: 1.7rem;}
.week{display:flex;height: 50px;line-height: 50px;}
.week > li{flex:1;font-size: 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;height: 60px;margin: 0 auto;padding-top: 6px;}
.days > li > div > span{display: block;font-size: .9rem;color: #666;}
.days > li:nth-child(7n){color: #2D6FC4;}
.days > li:nth-child(7n+1){color: #ff6969;}
.days > li > .holy{color: #ff6969;}
.today{cursor: pointer;border: 2px solid var(--color-main);background-color: #fff;}
.book{background-color: #F0FAFB !important;cursor: pointer;}
.selected{background-color: var(--color-main) !important;color: #fff;}
.selected > span{color: #fff !important;}
.book:hover{background-color: var(--color-main) !important;color: #fff;}
.book:hover > span{color: #fff;}
.end{cursor:default;background-color: #D2D2D2 !important;}
.wait{background-color: #E1C794;cursor: pointer;}

#book_step1 .arrow{width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;top: 20px;transform: translateY(-50%);font-size: 40px;cursor: pointer;color: #999;}
#book_step1 .btn_prev{left: 0px;}
#book_step1 .btn_next{right: 0px;}

.step1_info{margin-top: 50px;line-height: 14px;display: flex;justify-content:center;  align-items: center; margin-bottom: 20px;}
	.step1_info > span{display: inline-block;width: 14px;height: 14px;}
	.step1_info > span:nth-child(1){border: 1px solid var(--color-main);}
	.step1_info > span:nth-child(3){background-color: #F0FAFB;}
	.step1_info > span:nth-child(5){background-color: #D2D2D2;}
	.step1_info > strong{display: inline-block;padding-right: 20px;padding-left: 4px;}


	@media (max-width:768px){
		.calendar-wrap > div{padding: 0;}
		.calendar-wrap > div:nth-child(2){margin-top: 20px;}
		.days > li > div{height: 50px;}
		.days > li > div > span{font-size: .8rem;}
		.days > li > div > span > i{display: none;}
	}

/* step2 */
	#step2{padding-top: 100px;}
	.step2_txt{text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 20px;}
	.select_date{font-size: 1.2rem;position: absolute;left:50%; transform:translateX(-50%);}
	.course_name{text-align: center;padding: 12px;border-top: 1px solid #000;}
	.select_time .card-header > a{display: block;text-align: center;}

	ul.step2_table{display: flex;align-items: center;}
	ul.step2_table > li{text-align: center;flex: 1;}
	ul.step2_table > li:nth-child(1){width: 16%;}
	ul.step2_table > li:nth-child(2){width: 16%;}
	ul.step2_table > li:nth-child(3){width: 16%;}
	ul.step2_table > li:nth-child(4){width: 18%;}
	ul.step2_table > li:nth-child(5){color: #d94040; width: 18%;}
	ul.step2_table > li:nth-child(5) > span{color: #333;}
	ul.step2_table > li:nth-child(6){width: 16%;}
	ul.step2_table.out_thead{height: 42px;border-top: 1px solid #000;border-bottom: 1px solid #ddd;}

	.btn-reserve{background-color: #fff;border-radius:6px;transition: 0.15s ease-in-out;border: 1px solid #ccc;text-align: center;width: 300px;padding: 7px;cursor: pointer;margin:0 auto 10px;}
	.btn-reserve:hover{background-color: var(--color-main);color: #fff;border: 1px solid var(--color-main);}
	.btn-reserve > span{display: inline-block;padding: 0 14px;line-height: 14px;}
	.btn-reserve > span + span{border-left: 1px solid #ccc;}


	.no_ttime{text-align: center;}


	@media (max-width:1200px){
		.btn-reserve{width: 100%;padding:7px 2px;}
		.btn-reserve > span{padding: 0 6px;}
	}

	@media (max-width:992px){
		.select_time .card-body{padding: 7px;}
	}


	@media (max-width:768px){
		ul.step2_table{font-size: 14px;}
		ul.step2_table.out_thead{font-size: 12px;}
		.step2_list > ul .special_price{padding: 0 2px;width: 54px;word-break:break-all;line-height: 1rem;}
		.step2_list > ul > li > button{width: 50px;}
		.tab_conts{height: auto;}
		.confirm_on{height: auto;padding-bottom: 100px;}
		button.btn_reserve{bottom: 44px;}
		.step2_txt{padding-top: 50px;padding-bottom: 50px;}
		.step2_list > ul > li{padding: 10px 0;}
		ul.step2_table > li{flex:auto}
		ul.step2_table > li > span{display: block;}
		.select_date{position: static;text-align: center;left:0%; transform:translateX(0%);display: block;}
		.course_name span{display: block;}
		.btn-reserve{margin: 0 2px 10px 2px;}
		.btn-reserve > span + span{border-left: none}
		.btn-reserve > span:nth-child(2){border-left: 1px solid #ccc;}
		.select_time .card-body{padding: 0px;border-bottom: 1px solid #ddd;}
		.select_time .card-body > div > div{margin-top: 10px;}
		.select_time .card-body > div > div + div{padding-left: 4px;}
		.select_time .card{border: none;}
		.course_name{border-bottom: 1px solid #000;}
		.no_ttime{padding-bottom: 10px;}


	}

/* step3 */
	.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: 15%;}
	.ul-table2 > ul.row4 > li:nth-child(2),
	.ul-table2 > ul.row4 > li:nth-child(4){width: 35%;color: var(--color-main);font-size: 22px;}
	.ul-table2 > ul.row4 > li > div{width: 100%;}
	.ul-table2 .info-text{font-size: 14px;color: #666;margin-left: 20px;}

	#step3{padding-top: 100px;}
	#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;}


	@media (max-width:768px){
		.ul-table2 > ul.row4{flex-wrap:wrap;font-size: 14px;}
		.ul-table2 > ul.row4 > li{padding:17px 10px;}
		.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%;font-size: 17px;}
		.ul-table2 > ul.row4 .none-text{display: none;}
		.ul-table2 .info-text{margin-left: 0;}

	}

/* modal */
	.modal-lg{max-width:800px}
	.modal .modal-body{padding:50px;}
	.modal h4{margin-bottom: 30px;text-align: center;width: 100%;}
	.bookingdate{text-align: center;padding: 14px;background-color: #f7f7f7;}
	.bookingdate span{color: #666;font-size: 1rem;}
	.bookingdate strong{font-size: 1.3rem;color: var(--color-main);padding-right: 20px;}
	.bookinginfo{text-align: center;padding: 10px;margin-bottom: 20px;}
	.bookinginfo2{text-align: center;padding: 10px;font-size: 1.4rem;}
	.bookinginfo2 > strong{color: #B61C1C;}
	.modal1 > div{position: relative;}
	.modal1 > div > div{border: 1px solid rgba(44,116,134,.5);border-radius:7px;height: 100%;padding: 14px 14px 70px 14px;box-shadow:2px 2px 1px rgba(182,182,182,0.6)}
	.modal1 button{position: absolute;bottom: 14px;width: 84%;left: 8%;}
	.modal1 button > strong{color: #ff0;}
	.modal1 span.normalfee{color: #999;text-decoration: line-through;padding: 0 10px;}
	.modal1 form{margin-top: 10px;}
	ul.entrust_info{margin-top: 10px;width: 98%;margin-left: 1%;padding: 10px;background-color: #f7f7f7;display: none;}
	ul.entrust_info > li{padding: 3px 0;}
	ul.entrust_info > li > span{display: inline-block;width: 30%;padding-left: 10px;}
	ul.entrust_info > li:nth-child(3){text-align: center;}
	.btn-closemodal{position: absolute;top: 10px;right: 10px;}
	.modal_title3{text-align: center;background-color: #f7f7f7;padding: 6px;}
	.modal1 li{text-align: center;}
	.modal1 .text_wrap{text-align: center;display: flex;align-items: center; justify-content:center;height: 100%;}
	.modal-footer{justify-content: center;}

	@media (max-width:768px){
		.bookingdate{text-align: center;}
		.bookinginfo{margin-bottom: 20px;}
		.modal1 > div:first-of-type{margin-bottom: 30px;}
		.modal1 form .form-control{width: 90%;margin-left: 5%;}
		.bookingdate span{display: none;}
		.bookingdate strong{font-size: 1rem;}
		.modal .modal-body{padding:20px;}
		.modal1 button{width: 90%;left: 5%;}
	}


/* reserve02 */

	.flex-list > ul.res02 > li{text-align: center;}
	.flex-list > ul.res02 > li:nth-child(1){width: 21%;}
	.flex-list > ul.res02 > li:nth-child(2){width: 14%;}
	.flex-list > ul.res02 > li:nth-child(3){width: 14%;}
	.flex-list > ul.res02 > li:nth-child(4){width: 14%;}
	.flex-list > ul.res02 > li:nth-child(5){width: 14%;}
	.flex-list > ul.res02 > li:nth-child(6){width: 13%;}
	.flex-list > ul.res02 > li:nth-child(7){width: 13%;}


	.flex-list > ul.player_table > li{text-align: center;justify-content: center;}
	.flex-list > ul.player_table > li:nth-child(1){width: 25%;}
	.flex-list > ul.player_table > li:nth-child(2){width: 22%;}
	.flex-list > ul.player_table > li:nth-child(3){width: 22%;}
	.flex-list > ul.player_table > li:nth-child(4){width: 31%;}

	.flex-list > ul.player_table_nocust > li{text-align: center;justify-content: center;}
	.flex-list > ul.player_table_nocust > li:nth-child(1){width: 25%;}
	.flex-list > ul.player_table_nocust > li:nth-child(2){width: 44%; color: #999;}
	.flex-list > ul.player_table_nocust > li:nth-child(3){width: 31%;}

	/*.flex-list > ul.player_table > li:nth-child(6){width: 10%;}*/


	@media (max-width:768px){
		.flex-list > ul.res02{flex-wrap:wrap;padding: 6px 0;height: auto;}
		.flex-list > ul.res02 > li{line-height: 30px;text-align: left;}
		.flex-list > ul.res02 > li:nth-child(1){width: 35%;}
		.flex-list > ul.res02 > li:nth-child(2){width: 15%;}
		.flex-list > ul.res02 > li:nth-child(3){width: 20%;}
		.flex-list > ul.res02 > li:nth-child(4){width: 30%;}
		.flex-list > ul.res02 > li:nth-child(5){width: 60%;}
		.flex-list > ul.res02 > li:nth-child(5)::before{content: '그린피 : ';}
		.flex-list > ul.res02 > li:nth-child(6){width: 20%;}
		.flex-list > ul.res02 > li:nth-child(7){width: 20%;}


		.flex-list > ul.player_table{flex-wrap:wrap;height: auto;margin-bottom: 30px;border-bottom: 0;}
		.flex-list > ul.player_table > li{margin-bottom: 6px;}
		.flex-list > ul.player_table > li:nth-child(1){width: 100%;background-color: #eee;padding: 10px;}
		.flex-list > ul.player_table > li:nth-child(2){width: 100%;}
		.flex-list > ul.player_table > li:nth-child(3){width: 100%;}
		.flex-list > ul.player_table > li:nth-child(4){width: 100%;}
		.flex-list > ul.player_table > li:nth-child(5){width: 0%;}
		.flex-list > ul.player_table > li:nth-child(6){width: 0%;}
		.flex-list > ul.player_table:nth-child(2){border-top: 0;}

		.flex-list > ul.player_table_nocust{flex-wrap:wrap;height: auto;margin-bottom: 30px;border-bottom: 0;}
		.flex-list > ul.player_table_nocust > li{margin-bottom: 6px;}
		.flex-list > ul.player_table_nocust > li:nth-child(1){width: 100%;background-color: #eee;padding: 10px;}
		.flex-list > ul.player_table_nocust > li:nth-child(2){width: 100%;}
		.flex-list > ul.player_table_nocust > li:nth-child(3){width: 100%;}
		.flex-list > ul.player_table_nocust > li:nth-child(4){width: 100%;}
		.flex-list > ul.player_table_nocust > li:nth-child(5){width: 0%;}
		.flex-list > ul.player_table_nocust > li:nth-child(6){width: 0%;}
		.flex-list > ul.player_table_nocust:nth-child(2){border-top: 0;}

	}

