@media all and (max-width:1600px){
    .inner{padding-left:2rem; padding-right: 2rem;}
    .lnb ul li > a{padding: 0 8rem;}
}
@media all and (max-width:1500px){
    .lnb{margin-left: 25rem;}
}
@media all and (max-width:1279px){
    .menu{display: none;}   
    .swiper-progress-bar .slide_progress-bar{left: 2rem;}
}
@media all and (max-width:1024px){
    .main_board .inner{display: block;}
    .board_zone{width: 100%;}
    .popup_zone{display: none;}

    /* 인사말 */
    .greetings p{padding: 0;}
    .greetings dl dt{line-height: 1.2;}

    /* 사업영역 */
    .business_top{background-size: 15%;gap:2rem}
    .business_top dl{padding: 3rem;}
    .business_top span{left:40%}
    .disaster_list{flex-wrap: wrap;}
    .disaster_list li{width: 33%; flex: none;}
    .private_list li{width: 50% !important;}
    
}

@media all and (max-width:1023px){
    html{font-size:9px}    
    /* 메인 */
    .hsec1 h1{width: 80%;}
    .msec1 .swiper-slide .bg{height: 60rem; background-position: top right;}
    .msec1 .swiper-slide .slogan {text-align: center; top:30%}
    .msec1 .swiper-slide .slogan .text1{/*display: none;*/ width:50%; margin: auto; margin-bottom: 2rem;}
    .msec1 .swiper-slide .slogan .text2{font-size: 2.4rem;}
    .msec1 .swiper-slide .slogan .text3{font-size: 1.6rem;}
    .msec1 .swiper-slide .slogan .text3 br{display: none;}
    .swiper-progress-bar .slide_progress-bar{width: 50%; bottom: 5rem; left: 50%; transform: translateX(-50%);}
    .mouse{top: 45rem; }

    .business{padding: 5rem 0;}
    .business h2{font-size: 3rem;}

    .board_box{width: 100%;}
    .border_none{border-left:1px solid #ccc}
    .board_box ul li a{width: 60%;}
    .board_box ul li span{width: 40%;}

    .main_icon{display: flex; flex-wrap: wrap;}
    .main_icon li{width: 50%; border-right: none; border-bottom: none;}
    .main_icon li:nth-child(even){border-right: 1px solid #ccc;}
    .main_icon li:nth-child(3),
    .main_icon li:nth-child(4){border-bottom: 1px solid #ccc;}
    
    .popup_zone{display: block; width: 100%;}
    
    footer address{text-align: center;}
    footer p{display: none;}

    .lnb ul li > a{padding: 0 3rem;}

    /* 서브공통 */
    .sub_top h2{font-size: 3rem; text-align: center;}
    .sub_top h2 span{font-size: 1.4rem;}
    .h3{font-size: 3rem;}
    .h4{font-size: 2.5rem;}
    #ctt_con{padding: 0}
    .sub_title{padding: 2rem 0;}
    .s_tit{font-size: 2.5rem;}
    .s_tit br{display: none;}

    .re_menu ul li a{padding: 1rem 2rem; line-height: 1.2; height: auto;}

    /* 인사말 */
    .greetings{flex-direction: column; gap:2rem}
    .greetings p{flex-basis: 100%;}
    .greetings dl{flex: none; width: 100%;}
    
    /* 회사연혁*/
    .history_con{padding: 0;}
    .history_con::before{display: none;}
    .history_con dl{width: 100%; padding:3rem 0; margin-top:0 ;}
    .history_con dl:nth-child(odd){ text-align: left; margin-top: 0;}
    .history_con dl dt{font-size: 3rem;}
    .history_con dl:nth-child(2n+1)::before{left: ,7rem; right: auto;}

    /* 오시는길 */
    .map{flex-direction: column; gap:2rem}
    .map_area{flex-basis: 100%;}
    .map p{display: none;}

    /* 사업영역 */
    .business_top{flex-direction: column; background-image: none;}
    .business_top p{width: 100%;}
    .business_top dl{width: 100%;}
    .business_top span{display: none;}
    .box{flex-direction: column; gap:2rem; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px dashed #ccc;}
    .box p,
    .box_inner{width: 100%;}

    .comm_box{flex-direction: column; gap:2rem}
    .comm_box p,
    .comm_box dl{width: 100%; text-align: center;}

    .business_list p{width: calc(100% - 10rem);}

    .disaster_list{padding: 0;}
    .disaster_list li{width: 100%; border-bottom: 1px solid #ccc;}


    .process_list{background:none; display: block; }
    .process_list dl{border-right: none;}
    .process_list dt{background:  linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(15,74,164,1) 0%, rgba(94,188,66,1) 100%) !important}
    .process_list dl::before{display: none;}

    /* 관련기관 */
    .agency_list {}
    .agency_list li{width: calc(50% - 3rem);}
    
    
}