main.individual_reservation .children_reservation > ul{
	flex-wrap: wrap;
}
@media all and (max-width: 768px) {
	main.individual_reservation .children_reservation > ul{
		gap: 16px;
	}
	main.individual_reservation .radio, main.mypage ul.child-select li{
		width: calc((100% - 16px) / 2);
		flex: unset;
	}
	/* main.mypage ul.child-select p.birth .numeric{
		width: 100%;
	} */
	main.mypage ul.child-select p.birth{
		flex-direction: column;
		gap: 4px;
	}
	main.individual_reservation .radio p , main.mypage ul.child-select p.birth span{
		font-size: 12px;
	}
	main.my_page .event_list .child_event_list li div{
		flex-direction: column-reverse;
	}
	main.my_page .event_list .child_event_list li span{
		text-align: center;
		font-size: 14px;
	}
	main.my_page .event_list .child_event_list li{
		flex-direction: column;
		gap: 8px;
	}
	main.my_page .event_list .child_event_list li span{
		text-align: center;
	}
	main.my_page .event_list .child_event_list .none_event{
		gap: 24px;
	}
	main.my_page .event_list .child_event_list .none_event h5{
		text-align: center;
	}
	main.individual_reservation form{
		flex-direction: column;
	}
	main.individual_reservation form .reservation_calendar, main.individual_reservation form .reservation_time {
		width: 100%;
	}
	.calendar{
		width: 100%;
	}
	.calendar tbody:last-child{
		width: 100%;
	}
	.calendar tbody:last-child tr{
		width: 100%;
	}
	.calendar_days{
		display: flex;
		justify-content: center;
    	align-items: center;
		height: 60px;
	}
	.calendar_days > .day_selected{
		height: 0;
		padding: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.day_hover{
		height: 0 !important; 
    	padding: 50%;
    	display: flex;
    	align-items: center;
    	justify-content: center;
	}
	.left_button{
		left: 0;
	}
	.right_button{
		right: 0;
	}
	main.individual_reservation form div:nth-child(5) > div > div{
		width: 100%;
		height: 60px;
	}
	main.individual_reservation form div:nth-child(5) > div{
		flex-direction: column;
		gap: 16px;
	}
	.button_l{
		width: 100%;
	}
	input.checkbox + label{
		display: block;
	}
	.calendar_days > button{
		font-size: 16px;
	}
	main.individual_reservation #id_scheduled_list ul > li span{
		font-size: 0.9rem;
	}
	main.individual_reservation #id_scheduled_list ul > li .button_ss{
		font-size: 0.9rem;
	}
	main.individual_reservation #id_scheduled_list ul > .scheduled_time_list_top span{
		font-size: 0.9rem;
	}
	main.individual_reservation #id_scheduled_list ul > li span:nth-child(1){
		width: 80px;
	}
	main.agency_reservation .reservation_calendar div:first-child{
		margin-bottom: 0;
	}
	.before_date span, .weekend span, .holiday span, .full_date span{
		font-size: 16px;
	}
	main.agency_reservation input:last-child {
		margin-bottom: 30px;
	}
	main.test_page li dt .question {
	    width: calc(100% - 44px);
		font-size: 18px;
		line-height: 1.2;
	}
	main.test_page li dt{
		align-items: flex-start;
	}
	main.test_page li dd input[type=radio] + span, main.test_page li dd input[type=checkbox] + span{
		font-size: 14px;
		display: inline-block;
		line-height: 1.2;
	}
	main.test_page li dd input[type=text]{
		font-size: 14px;
	}
	main.test_page li dt .number{
		font-size: 14px;
	}
	main.test_page .button_l{
		font-size: 20px;
	}
	main.mypage ul.event-list div.child-check{
		flex-direction: column;
	}
	main.mypage ul.child-select {
		width: 100%;
		gap: 16px;
	}
	main.mypage ul.event-list p.name{
		font-size: 18px;
	}
	main.mypage ul.event-list div.child-check span {
	line-height: 1.2;
	}
	main.mypage ul.event-list ul li{
		flex-direction: column;
		gap: 16px;
	}
	main.mypage ul.event-list p.status, main.mypage ul.event-list p.name, main.mypage ul.event-list p.numeric {
		flex: unset;
	}
	main.mypage ul.event-list p.status{
		width: 110px;
	}
	main.mypage ul.event-list ul > div {
		padding: 0 32px;
		margin-left: 0 !important;
		margin-top: -86px !important;
	}
	main.mypage ul.event-list div.func .report i{
		display: flex;
    	align-items: center;
	}
	main.reservation_end_page .button_l{
		font-size: 18px;
		width: 100%;
		margin: 20px auto 0;
		line-height: 1.2;
		word-break: keep-all;
		text-align: center;
	}
	main.reservation_end_page p{
		font-size: 20px;
		word-break: keep-all;
		line-height: 1.1;
	}
	main.join_page .join_seclect_depth li{
		margin-right: 0;
	}
	main.join_page .join_seclect_depth{
		gap: 20px;
	}
	main.join_page .join_seclect_depth li p{
		word-break: keep-all;
	}
	main.join_page .join_seclect_depth{
		margin-bottom: 30px;
	}
	main.join_select div ul{
		margin-top: 40px;
	}
	main.join_select div ul li{
		margin-right: 16px;
	}
	main.join_select div ul li img{
		width: 86px;
    	height: 86px;
    	margin: 16px 0;
    	object-fit: contain;
		filter: none;
	}
	main.join_page .readme{
		margin-bottom: 40px;
	}
	main.join_input div h4, main.join_terms div h4 {
		font-size: 18px;
	}
	main.join_terms .content ul li .terms_box p{
		font-size: 12px;
	}
	.button_l{
		font-size: 18px;
		word-break: keep-all;
	}
	main.join_terms section > div:last-child a:first-child{
		margin-right: 16px;
	}
	.page_title {
		margin-bottom: 40px;
	}
	main.join_terms .content ul{
		margin: 30px 0 40px;
	}
	
	main.mypage ul.visit-list div.info ul li.date,main.mypage ul.visit-list div.info ul li.child{
		flex: unset;
	}
	main.mypage ul.visit-list div.info ul{
		flex-direction: column;
		width: 100%;
	}
	main.mypage ul.visit-list div.info ul{
		gap: 8px;
	}
	main.mypage ul.visit-list div.info{
		gap: 0;
	}
	main.mypage ul.visit-list{
		margin-top: 20px;
	}
	main.mypage ul.visit-list div.info ul li p {
		font-size: 18px;
	}
	main.mypage ul.visit-list div.info ul li span {
		font-size: 14px;
	}
	main.mypage ul.visit-list div.info{
		flex-direction: column;
	}

	main.mypage ul.visit-list div.info div.func {
		margin-top: 24px;
	}

	main.mypage ul.visit-list div.info div.func .btn{
		width: 130px;
	}
	main.agency_page_detail .child_list {
		padding-bottom: 30px;
    	overflow-x: scroll;
	}
	main.agency_page_detail .child_list li{
		width: 1200px;
	}
	main.my_page .visit_event_list .visit_event .visit_event_info{
		align-items: center;
		flex-direction: column;
		gap: 16px;
	}
	main.my_page .visit_event_list .visit_event .visit_event_info ul {
		gap: 16px;
		flex-direction: column;
	}
	main.my_page .visit_event_list .visit_event .visit_event_info ul span{
		font-size: 14px;
	}
	main.my_page .visit_event_list .visit_event .visit_event_info ul p{
		font-size: 18px;
		margin-top: 8px;
	}
	main.my_page .my_info{
		margin-bottom: 40px;
	}
	main.my_page .my_info h3{
		margin-bottom: 0;
	}

	main.join_page ul.join_seclect_depth { margin-top: 42px; }
	main.join_page .join_seclect_depth li p { font-size: 15px; line-height: 1.3; }


	/* __호버 전부 변경__ */
	main.join_select div ul li{
		border-color: var(--color-sc-silver);
	}
	main.join_select div ul li h4{
		opacity: 1;
	}
	main.join_select div ul li a { 
		background: var(--color-sc-tertiary);
	}
	main.individual_reservation #id_scheduled_list ul > li span:nth-child(4), main.individual_reservation #id_scheduled_list ul > li a {
		width: 90px;
	}
	main.individual_reservation #id_scheduled_list ul > li span:nth-child(2), main.individual_reservation #id_scheduled_list ul > li span:nth-child(3){
		width: 80px;
	}
}