@media all and (max-width:1800px){
.msec1 .swiper-progress-bar{left:21.5%}
}
@media all and (max-width:1750px){
.msec1 .swiper-progress-bar{left:20%}
}
@media all and (max-width:1644px){
.msec1 .swiper-progress-bar{left:19%}
}
@media all and (max-width:1442px){
.msec1 .swiper-progress-bar{left:20%}
}
@media all and (max-width:1420px){
.msec1 .swiper-progress-bar{left:20%}
}
@media all and (max-width:1419px){
.msec1 .swiper-progress-bar{left:21%}
}

@media all and (max-width:1300px){
.msec1 .swiper-progress-bar{left:22%}
}

@media all and (max-width:1200px){
.msec1 .swiper-progress-bar{left:23%}
}

@media all and (max-width:1199px){
.msec1 .swiper-progress-bar{left:25%}
}





@media all and (max-width:1540px){
    .inner{padding-left:2rem; padding-right: 2rem;}
    
    .business_slide .swiper-pagination-bullet:nth-child(2),
    .business_slide .swiper-pagination-bullet:nth-child(4){right:3rem}
}
@media all and (max-width:1540px){
    .lnb{margin-left: -30rem;}
    .business_con{margin-left: 5rem;}
    .business_slide .swiper-pagination-bullet:nth-child(1),
    .business_slide .swiper-pagination-bullet:nth-child(2),
    .business_slide .swiper-pagination-bullet:nth-child(3),
    .business_slide .swiper-pagination-bullet:nth-child(4){background-size: cover;}
    .business_slide .swiper-pagination-bullet:nth-child(2),
    .business_slide .swiper-pagination-bullet:nth-child(4){right:5rem}
}
@media all and (max-width:1280px){
    .lnb{margin-left: -18rem;}
    .lnb ul li > a{padding: 0 3rem;}
    .business_con{margin-left: 2rem;}
    .business_slide .swiper-pagination-bullet:nth-child(1),
    .business_slide .swiper-pagination-bullet:nth-child(2),
    .business_slide .swiper-pagination-bullet:nth-child(3),
    .business_slide .swiper-pagination-bullet:nth-child(4){background-size: 100% 100%;}
}
@media all and (max-width:1024px){
    .menu{display: none;}
    .msec1 .swiper-slide .slogan .text1 span{font-size: 7rem;}
    .msec1 .swiper-progress-bar{top:65%; left:28%}
    .main_info ul li{font-size:4rem}
    .business_slide .swiper-pagination{display: none;}
    .main_board .inner{flex-direction: column; gap:2rem}
    .main_board_list{width: 100%;}
    .main_board_card{width: 100%; margin:0; display: flex; gap:2rem}
    .card{flex:1}
    .sub_menu.drop{top:5.8rem}
    .greetings{flex-direction: column;}
    .greetings p{flex-basis: 100%;}
}

@media all and (max-width:1023px){
    html{font-size:9px}
    .hsec1 h1{width: 60%;}
    
    /* 메인페이지 */
    .dropdown2{display: none;}
    .dropdown{right: 6rem;}
    .msec1 .swiper-slide .bg{height: 70vh;}
    .msec1 .swiper-slide .slogan{top: 30%;}
    .msec1 .swiper-slide .slogan .text1 span{font-size: 2rem;}
    .msec1 .swiper-slide .slogan .text2{font-size: 3rem;}
    .msec1 .swiper-slide .slogan .text3 span{margin-left:0rem;}
    .msec1 .swiper-progress-bar{top: 72%; left:2rem}
    .main_info ul li{font-size: 2rem;}
    .main_info p br{display: none;}
    .business_con dl{padding:3rem;}
    .business_con dl dt{font-size: 3rem;}
    .business_slide .swiper-pagination{display: none;}
    
    .main_board .inner{gap:0; flex-direction: column;}
    .main_board_list h2 span{font-size: 4rem;}
    .main_board_list{width:100%}
    .main_board_card{width: 100%; margin: 0; display: flex; gap:2rem}
    .card{width: 50%;}
    footer address{flex-direction: column; gap:2rem}
    .sub_menu.drop{top: 6rem;}
    .sub_menu{display: none;}
    .mid_menu{display: block;}
    .h3{font-size:4rem}

    /* 인사말 */
    .greetings dl dt{font-size: 2.6rem;}
    
    /* 오시는길 */
    .map{flex-direction: column;}
    
    /* 사업영역 */
    .icon_list{flex-direction: column;}
    .icon_list li{border-right: none; border-bottom: 1px dashed #ccc; padding:2rem 0}
    .img_list{margin: 0; flex-direction: column;}
    .img_list li{width:100%}
    .process_list{flex-direction: column; margin-right:0}
    .process_list li::before{content: '▼'; top:auto; right: auto; left:50%; transform: translateX(-50%);bottom:-3rem} 

    
    
    /* 온라인문의*/
    .online_form h3{display: none;}
    .form_area{width: 100%;}

    /* 인재채용 */
    .recruit_list{flex-direction: column;}
    .recruit_list dl{width: 100%;}
    .talent_list{flex-direction: column;}

}