@media all and (max-width:1460px){
    .inner{padding-left: 2rem; padding-right: 2rem;}
}
@media all and (max-width:1280px){
    .menu{display: none;}
}
@media all and (max-width:1024px){
    .product_wrap{flex-direction: column; height: auto; min-height: 122rem;}
}

@media all and (max-width:1023px){
    html{font-size:9px}
    
    .hsec1 h1{width: 60%;}
    .btn_online{display: none;}
    
    /* 메인페이지 */
    .msec1 .swiper-slide .bg{height: 80vh;}
    .msec1 .swiper-slide .slogan .text1{font-size: 7rem;}
    .msec1 .swiper-slide .slogan .text2{font-size:6rem; margin-top: 2rem;}
    .msec1 .swiper-slide .main_img,
    .msec1 .swiper-slide .main_img2,
    .msec1 .swiper-slide .main_img3{width:50%; top:auto; bottom: 10rem; right: 5rem;}
    
    .products_con p{width: 30%;}

    

    /* 서브공통 */
    .sub_top{height: 20rem; background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:5rem;}
    .sub_top h2 span{font-size:;}
    .sub_menu{display: none;}
    .mid_menu{display: block;}
    .sub_con{background-size: 50%;}
    .h3{padding: 0; font-size:3.5rem}
    .h4{font-size: 2.4rem;}
    .s_tit{font-size: 2.5rem;}
    .s_tit br{display: none}

    /* 서브 */
    .flex_list{flex-direction: column;}
    .tech_photo li{width: calc(50% - 3rem);}
    .search_box{flex-direction: column;padding:3rem}
    .select_area{width: 100%;}
    .select{width: 100%;}
    .search_btn{width: 100%;}
    .search_btn input{width: 100%;}

    #gall_ul li{width: 50%;}
    #gall_ul .gall_img{height: auto !important;}
    #bo_list .tbl_head01 a{font-size: 1.8rem;}

    .form_area{width: 100%;}
    .form_area dl{width: 100%; flex-direction: column;}
    .form_area dl dt{width: 100%;}
    .form_area dl dd{width: 100%;}
    .online_form dl{padding:2rem 0}
}