@media all and (max-width:1280px){
    .inner{padding-left: 2rem; padding-right: 2rem;}
    .main_about{gap:6.3rem}
    .about_wrap{margin-top: 1.8rem;}
    .why_title dt{font-size: 4.2rem;}
    .contact_wrap{padding: 5rem;}
    .contact_title dl dt{font-size: 3.4rem;}
    .contact_img{height: 75.6rem;}
    .contact_img img{width: 100%; height: 100%; object-fit: cover;}

    .product_bg ul li p{width: 18rem; height: 18rem;}
}
@media all and (max-width:1279px){
    .hsec1 h1{padding: 0.9rem;}
    .menu-list ul{padding:2rem !important}
    .menu-list ul li > a{font-size: 2rem !important;}
    .msec1 .swiper-slide .slogan .text1{font-size: 7rem;}
    .msec1 .swiper-slide .slogan .text2{font-size: 7rem;}
    .about_wrap dl dt{font-size: 2.8rem;}
    .materials-left h2{font-size: 4rem;}
    .materials-desc br{display: none};
    .main_why{background-size:cover}
    .why_title{flex-direction: column; gap:2rem; align-items: baseline;}
    .why_box{flex-wrap: wrap; height: auto;}
    .box_large{flex:none; width: 100%;}
    .contact_title dl dt{font-size:2.9rem}

    .sub_top{height: 20rem;}
    
    .about img{width: 100%; height: 100%; object-fit: cover;}
    .product_list{flex-direction: column;}

    .product_bg ul{flex-wrap: wrap;}
    .product_bg ul li{flex:none; width: calc(33%  - 3rem);}
    .product_list:nth-child(2n){flex-direction: column;}
    .product_list:nth-child(2n) p span{bottom: -10rem; right: -10rem; left:auto}

    .items_list li{width: calc(33% - 3rem);}
    .contact_list{flex-wrap: wrap;}
    .contact_list li{flex:none; width: 50%; margin-left: -1px; margin-top: -1px;}
}


@media all and (max-width:1023px){
    html{font-size:9px}
    
    .hsec1 h1{width: 60%;}
    .lnb ul::before{display: none;}
    .lnb dd > a{color:#333}
    .scrolldown{display: none;}
    
    /* 메인페이지 */
    .msec1 .swiper-slide .bg{height: 80vh;}
    .msec1 .swiper-slide .slogan .text1{font-size: 3rem;}
    .msec1 .swiper-slide .slogan .text2{font-size:3rem;}
    .msec1 .swiper-slide .slogan .text3{font-size: 1.6rem;}
    .msec1 .swiper-slide .slogan .text3 br{display: none;}
    .swiper_navi ul{display: none;}   
    .msec1 .swiper-progress-bar{top: -5rem;}

    .main_about{flex-direction: column;}
    .about_wrap{width:100%; padding:2rem}
    .about_wrap ul li a{width: 17.4rem;}

    .materials-left h2{font-size: 2.8rem;}
    .why_title dt{font-size: 2.8rem;}
    .main_contact{flex-direction: column;}
    .contact_img{width: 100%; height: auto;}
    .contact_wrap{width: 100%; padding:2rem}
    .contact_title dl dt{font-size: 2.6rem;}
    footer address{flex-direction: column;}
    .foot_right{flex-direction: column; gap:1rem}
    
    

    /* 서브공통 */
    .sub_top{height: 20rem; background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:3rem;}
    .sub_top h2 span{font-size:1.6rem;}
    .sub_menu{display: none;}
    .mid_menu{display: none;}
    .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}

    /* About */
    .about{flex-direction: column; gap:3rem}
    .about p{width:100%}
    .about_con{width: 100%;}
    .about_video p{text-align: center; width: 100%; top:25%; font-size: 4rem;}
    .about_video p span{font-size:1.6rem}


    .history_con::before {left:1rem}
    .history_con dl{padding:2rem; width: 100%; margin-top: 0;}
    .history_con dl::before{left:.3rem; top:1rem}
    .history_con dl::after{display: none;}
    .history_con dl:nth-child(odd){text-align: left; margin: 0;}
    .history_con dl:nth-child(odd)::before{right: auto; left:.3rem}
    .history_con dl dt{font-size: 3rem;}

    .partner_list{flex-direction: column;}

    /* Products */
    .product_list{gap:3rem}
    .product_list::before{display: none;}
    .product_list p span{position: relative; bottom: 0; right: 0; left: 0; }
    .product_list p span img{width:100%}
    .product_list:nth-child(2n) p span{ bottom: 0; right: 0; left: 0; }
    .product_list dl dt{font-size: 3rem;}
    
    .product_bg{background-size:cover}
    .product_bg ul li{width: 100%;}
    .items_list li{width:calc(50% - 3rem);}

    /*  Supply */
    .supply_list{margin-right: 0;}
    .supply_list dl{width: 100%;}
    .supply_list dl dt{font-size: 2rem;}

    /* Contact */
    .contact_list li{width: 100%;}
}