.mypage .board_page {margin-bottom: 2.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.mypage .board_page .filter_select {height: 4rem; color: #555; border-radius: 0.5rem;}
.mypage .table_title {margin-bottom: 2rem; font-size: 2rem; font-weight: 600;}

.mypage .reserve_list {display: flex; gap: 3rem; flex-wrap: wrap;}
.mypage .reserve_list > li {width: calc(50% - 1.5rem); padding: 3rem; border: 1px solid var(--border-color); border-radius: var(--border-radius-base);}
.mypage .reserve_list .info_area {display: flex; gap: 2.5rem; flex-wrap: wrap;}
.mypage .reserve_list .board_thumb {width: 28rem; margin-right: 0;}
.mypage .reserve_list .board_thumb .item {position: relative; display: block; width: 100%; height: 0; padding-top: 67.86%;}
.mypage .reserve_list .board_thumb .item img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.mypage .reserve_list .board_thumb .reserv_apply {display: flex; gap: 0.8rem;}
.mypage .reserve_list .board_thumb .apply_btn {margin-top: 1.2rem;}
.mypage .reserve_list .board_info {width: calc(100% - 30.5rem);}
.mypage .reserve_list .board_info .category {margin-bottom: 1rem;}
.mypage .reserve_list .board_info .tit {display: block; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700;}
.mypage .reserve_list .dl_list dd {color: #555;}
.mypage .reserve_list .dt_point {font-size: 1.6rem;}
.mypage .reserve_list .dt_point .date dt {font-size: 1.5rem;}
.mypage .reserve_list .dt_point .date dd {color: #888; font-size: 1.5rem; font-weight: 400;}
.mypage .reserve_list .apply_btn {display: block; width: 100%; height: 6rem; line-height: 6rem; margin-top: 2rem; background-color: #fff; color: var(--primary-color); font-size: 1.8rem; font-weight: 600; text-align: center; border: 1px solid var(--primary-color); border-radius: 1rem;}
.mypage .reserve_list .apply_btn.primary {background-color: var(--primary-color); color: #fff;}
.mypage .reserve_list .apply_btn.default {border-color: #222; color: #222;}
.mypage .reserve_list .tag_list {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color);}
.mypage .reserve_list .tag_list .category {display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap;}
.mypage .reserve_list .tag_list .category > li {font-size: 1.5rem;}
.mypage .reserve_list .tag_list .category .date {color: #888;}

.mypage .respon_table {margin-top: 2rem;}
.mypage .basic_table {width: 100%; margin-bottom: 6rem; border-top: 2px solid var(--primary-color); border-bottom: 1px solid var(--border-color);}
.mypage .basic_table th {padding: 1.5rem 0.5rem; background-color: transparent; font-weight: 500; vertical-align: middle; text-align: left; border-bottom: 0;}
.mypage .basic_table td {padding: 1.5rem 1rem; vertical-align: middle; text-align: left; border-bottom: 0;}
.mypage .basic_btn .default {border-color: #222; color: #222;}
.mypage .basic_btn .btn:disabled {background-color: #eee; border-color: #eee; color: #888;}

.mypage .pagination {margin-top: 8rem; display: flex; justify-content: center; align-items: center; gap: 2rem 8rem;}
.mypage .pagination .paging {display: flex; gap: 0.5rem;}
.mypage .pagination .paging a {display: flex; width: 4.5rem; height: 4.5rem; align-items: center; justify-content: center; font-weight: 500; border-radius: 50%;}
.mypage .pagination .paging .page {background-color: #fff; background-position: center; background-repeat: no-repeat; border: 1px solid var(--border-color);}
.mypage .pagination .page.prev {transform: rotate(180deg);}
.mypage .pagination .page.next,
.mypage .pagination .page.last {transform: none;}
.mypage .pagination .page_select {display: flex; align-items: center; gap: 1rem;}
.mypage .pagination .page_select select {min-width: 8.5rem; height: 4.5rem; font-size: 1.6rem; border-radius: 5rem;}
.mypage .pagination .page_select .total {font-size: 1.5rem;}

@media all and (min-width: 1280px) {
	.mypage .reserve_list .apply_btn:hover {background-color: var(--primary-color); color: #fff; transition: all 0.3s ease-in-out;}
	.mypage .reserve_list .apply_btn.default:hover {background-color: #222; color: #fff;}
	.mypage .basic_btn .default:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
	.mypage .basic_btn .btn:disabled {box-shadow: none;}
}

@media all and (max-width: 1280px) {
	.mypage .reserve_list .board_thumb {width: 20rem;}
	.mypage .reserve_list .board_info {width: calc(100% - 22.5rem);}
}

@media all and (max-width: 1024px) {
	.mypage .reserve_list {gap: 2rem;}
	.mypage .reserve_list > li {width: calc(50% - 1rem); padding: 2rem;}
	.mypage .reserve_list .info_area,
	.mypage .reserve_list .board_thumb,
	.mypage .reserve_list .board_info {width: 100%;}
}

@media all and (max-width: 780px) {
	.mypage .board_page {border-bottom: 1px solid #555;}
	.mypage .board_page .page .result {display: none;}
	.mypage .board_page .filter_select {border: 0;}
	.mypage .reserve_list .apply_btn {height: 5rem; line-height: 5rem;}
}

@media all and (max-width: 480px) {
	.mypage .reserve_list.type_basic > li,
	.mypage .reserve_list .board_thumb,
	.mypage .reserve_list .board_info {width: 100%;}
	.mypage .pagination {gap: 2rem; justify-content: space-between;}
	.mypage .basic_btn {gap: 0.8rem;}
	.mypage .basic_btn .btn {min-width: 15rem; padding: 0 1.2rem;}
	.mypage .basic_btn:has(.btn + .btn) .btn {flex: 1; min-width: 10rem;}
}