.inner{padding-left:2rem; padding-right: 2rem;}
@media all and (min-width:1370px){
    .lnb ul li > a{padding: 0 3rem;}
}
@media all and (min-width:1280px){
    .lnb ul li > a{padding: 0 3rem;}

}
@media all and (max-width:1279px){
    .menu{display: none;}
    .business_tit{width: auto;}
    .business_thumb{width: auto;}
    
 
}
@media all and (max-width:1023px){
    html{font-size:9px}
    .hsec1 h1{width: 30%;}
    .quick{width: 10%; top: auto; bottom: 0;}
    .main_video{height: auto;}
    .main_video video{height: auto;}

    .msec1::before{border-left: 50px solid #fff; border-top: 50px solid transparent;}
    .msec1 .swiper-slide .bg{height: 60rem;}
    .msec1 .swiper-slide .slogan .text1{font-size: 1.8rem;}
    .msec1 .swiper-slide .slogan .text2{font-size:3.5rem}
    .msec1 .swiper-slide .slogan .text3{font-size: 2rem;}
    .swiper-progress-bar .slide_progress-bar{width: 20rem;}


    .main_business::after{display: none;}
    .business_thumb li{width: auto;}
    .business_thumb li:nth-child(2) p,
    .business_thumb li:nth-child(3) p{margin: 0;}
    .business_thumb li:nth-child(1) dl,
    .business_thumb li:nth-child(3) dl{bottom: 0;}

    .main_bottom{height: 50rem;}
    .main_bottom::after{border-right: 50px solid #fff; border-top: 50px solid transparent;}
    .main_bottom .inner{flex-direction: column; gap:3rem}
    .main_bottom .inner dl dt{font-size:2.5rem}
    .main_bottom .inner ul{gap:2rem; }
    .main_bottom .inner ul li{flex:1}
    .main_bottom .inner ul li a{width: 100%; height:auto; flex-direction: row; font-size:1.8rem; padding:1rem;}

    footer .inner{flex-direction: column;}
    footer address{flex-direction: column; gap:2rem}
    footer address dl dd br{display: none;}
    footer address dl ul li{display: inline-flex;}
    
    .sub_top{background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:3rem}
    .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;}

    
    .table_mo th{display: none;}
    .table_mo tr { display: block; background: none; min-width: 36rem; }
    .table_mo td { border: 1px solid #ccc; display: block; margin-bottom: 1rem;}
    .table_mo td:before { content: attr(data-label);  font-weight: bold; display: block;}
    .table_mo td:last-child { border-bottom: 0; }
    .table_mo .table_bg{display: none;}
    .table_mo td:last-child{border: 1px solid #ccc;}

    .management_list li{flex-basis: auto;}
    .management_list li dl{position: relative; right: auto; bottom: auto;}

    .map{flex-direction: column;}
    .map_info,
    .map_area{flex-basis: auto;}
    
    .business_list{gap:2rem}
    .business_list li,
    .business_list li:nth-child(even){flex-direction: column;}
    .business_list li dl{padding: 2rem;}

    #bo_gall .gall_li{width: auto;}
    .product_view{flex-direction: column; gap:5rem}
    .product_detail dt{font-size:3rem;}

    .fac_list li{flex-basis: auto;}



}