/* 태블릿 (768px ~ 1024px) */
@media screen and (max-width: 1440px) {
	.eduprogram-list,.eduprogram-view,.eduprogram-write{width:100%; min-width:auto; max-width:100%;
	padding:60px 15px;}
}
/* 태블릿 (768px ~ 1024px) */
@media screen and (max-width: 1024px) {

	.eduprogram-view h2{
		font-size:25px;
		text-align:center;
	}
    .list_title {
        font-size: 24px;
    }

    .filter_group {
        flex-direction: column;
        gap: 15px;
    }

    .filter_item {
        min-width: 100%;
    }

    .program_item {
        flex-direction: column;
        gap: 15px;
    }

    .program_thumbnail {
        flex: 0 0 auto;
        width: 100%;
    }

    .program_thumbnail img {
        object-fit: cover;
    }

    .program_header {
        flex-direction: column;
        align-items: unset;
        gap: 10px;
		text-align:center;
    }

    .program_board_title {
        font-size: 20px;
		width:100;
		
    }

    .program_board_title a {
        font-size: 20px;
    }

    .info_row {
        flex-direction: column;
        gap: 10px;
    }

    .info_item {
        width: 100%;
    }

    .program_link {
        margin-top: 20px;
    }
}

/* 모바일 (480px ~ 767px) */
@media screen and (max-width: 767px) {
    .eduprogram-list {
        padding: 20px 15px;
    }

    .list_header {
        margin-bottom: 20px;
    }

    .list_title {
        font-size: 20px;
    }

    .list_count {
        font-size: 14px;
    }

    .list_filter {
        padding: 15px;
    }

    .filter_item label {
        font-size: 14px;
    }

    .form-control {
        height: 35px;
        font-size: 13px;
    }

    .date_range {
        gap: 5px;
    }

    .date_range span {
    }

    .filter_buttons {
        flex-direction: column;
        gap: 10px;
    }

    .btn_search, .btn_reset {
        width: 100%;
        font-size: 13px;
    }

    .program_item {
        padding: 15px;
    }

    .program_status {
        font-size: 15px;
        padding: 5px 15px;
		margin:0 auto;
    }

    .program_board_title a {
        font-size: 18px;
    }

    .program_info {
        padding: 10px;
        font-size: 13px;
    }

    .info_item .label {
        width: 70px;
        font-size: 13px;
    }

    .info_item .value {
        font-size: 13px;
    }

    .program_link a {
        width: 100%;
        font-size: 16px;
		text-align:center;
        padding: 8px 20px;
    }

    .pagination {
        flex-wrap: wrap;
        gap: 5px;
    }

    .pagination a {
        padding: 6px 10px;
        font-size: 13px;
    }
	
	#wr_content {
        font-size: 16px; /* iOS에서 자동 확대 방지 */
        padding: 10px;
        min-height: 200px;
    }
	
	.btn_bo_user{
		justify-content:center;
		padding:0;
	}
	.eduprogram-view header span{
		text-align:center;
		margin-bottom:10px;
	}
}