@media screen and (max-width:699px){ /* 모바일 */
    /* ============================= 첫 화면 시작 */
    #elim_construction_top{
        height: calc(100vh - 60px);padding: 0;
        justify-content: center; align-items: center;
    }
    #elim_construction_top .title_text p{margin-left: 15px;}
    #elim_construction_top .title_text h1{font-size: 3rem;}
    #elim_construction_top .construction_page_move{padding: 20px 0 ;}
    #elim_construction_top .construction_page_move li>a{margin: 0 15px; font-size: 0.875rem;}
    /* ============================= 첫 화면 끝 */

    #construction_box{padding:50px 10px;}
    #construction_box .container{width: 100%;}
    #construction_box .container .category_menu{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 5px; margin-bottom: 20px;
        
    }
    #construction_box .container .category_menu>a{
        width: 100%; height: 100%;
        text-align: center; font-size: 0.825rem; 
        display: flex;
        justify-content: center; /* 수평 중앙 */
        align-items: center;     /* 수직 중앙 */
        text-align: center;      /* 멀티라인 수평 정렬 */
        border: 1px solid #999;
    }
    /* ========================검색 시작*/
    #construction_box .container form{padding: 0 10px;margin-bottom: 20px;}
    #construction_box .container form .search_img{width: 36px; height: 36px; margin-right: 3px;}
    #construction_box .container form .search_img img{width: 100%;}
    #construction_box .container form #searchInput{}
    #construction_box .container form #searchInput[id="searchInput"]{width: 100%; font-size: 0.825rem;}
    /* ========================검색 끝*/
    #construction_box .container .category_content{height: 550px;}
    #construction_box .container .category_content .categorytab > .case{
        width: calc((100% - 20px) / 2); height: 250px; margin: 5px; padding: 5px;
    }
    #construction_box .container .category_content .categorytab > .case > .img{height: 150px;}
    #construction_box .container .category_content .categorytab > .case > h3{font-size: 0.825rem; line-height: 1.2; margin-top: 10px;}
    #construction_box .container .category_content .categorytab > .case > a{padding: 13px 0; font-size: 0.825rem; width: calc(100% - 10px);bottom: 5px; }
    .all>div { /* 자바스크립트 생성영역 */
        width: calc((100% - 20px) / 2); height: 250px; margin: 5px; padding: 5px;
    }
    .all>div>.img{height: 150px;}
    .all>div>h3{font-size: 0.825rem; line-height: 1.2; margin-top: 10px;}
    .all>div>a{padding: 13px 0; font-size: 0.825rem;  width: calc(100% - 10px); bottom: 5px; }
    #construction_box .pagination{padding: 10px 0; font-size: 0.825rem;}
    #construction_box .pagination>button{margin: 5px;}

}