/* 테블릿 이하 반응형 미디어 쿼리 */
@media screen and (max-width:768px){
    .title-header h2{
        font-size: 22px;
        padding: 24px 0 18px;
    }

    .notice-text-wrap button ,.history-text-wrap{
        font-size: 18px;
    }

    .notice-writer{
        width: 94px;
    }

    /* 공지없었을때 공지사항 나오게하기*/
    .no-data-content{
        display: flex;
        flex-direction: column;
    }
    .no-data-mobile-img{
        width: clamp(280px, 50vw, 360px);
        display: block;
    }

    .no-data-text-wrap{
        position: static;
        margin-top: 50px;
        text-align: center;
        transform: none;
    }

    .no-data-img{
        display: none;
    }

}


/* 630px */
@media screen and (max-width:630px) {

    .search-content{
        flex-direction: column;
        gap: 18px;
        padding: 0;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
    }
    #search_box select{
        padding: 6px 8px;
    }

    #search_box input{
        padding: 6px;
        font-size: 12px;
    }

    #search_box button.search-btn{
        font-size: 12px;
        padding: 0 12px;
    }

    .notice-title-header h2{
        font-size: 22px;
        padding: 24px 0 18px 0;
    }

    .no-page-container{
        padding: 0;
    }

    /* notice 테이블 */
    table {
        font-size: 14px;
    }

    thead{
        padding: 0 4px;
    }

    tr th:nth-child(1){
        padding-right: 8px;
    }

    tr th:nth-child(2){
        text-align: left;
    }

    .notice-number, .notice-date, .notice-views{
        width: 40px;
    }

    .notice-number{
        padding-right: 8px;
    }

    .notice-writer{
        width: 50px;
    }

    #notice-list{
        font-size: 14px;
    }

    .n-title{
        max-width: 120px;
    }

    .file-icon{
        width: 12px !important;
        height: 12px !important;
    }


    /* 페이지 네이션  */
    #pagination{
        margin-top: 0;
    }

    #pagination .page-btn{
        margin: 0 8px;
    }

    .page-btn:last-child, .page-btn:first-child{
        padding: 2px 6px;
    }

    /*  공지사항 디테일  */
    .text-content-wrap{
        font-size: 14px;
    }

    .view-content-group{
        margin: 0;
        padding: 0;
    }

    .view-title-header h2{
        font-size: 22px;
    }

    .view-title{
        font-size: 14px;
        padding-top: 40px;
    }

    .notice-v-c {
        gap: 8px;
    }

    /* 관리자 , 첨부파일 */
    .file-title , .admin{
        flex-shrink: 0;
    }

    .view{
        font-size: 12px;
    }

    .view-file{
        gap: 10px;
    }

    .view-file img{
        width: 14px;
        height: 14px;
    }

    .view-file li a{
        font-size: 12px;
    }

    .back-btn , .modify-btn{
        padding: 6px;
    }

    .admin-page .n-title .notice-title .icon-container img{
        width: 12px;
        height: 12px;
    }
}