@charset "UTF-8";

/*피시*/
@media screen and (max-width:1600px){

}
@media screen and (max-width:1400px){

}
@media screen and (max-width:1300px){
    .main_baner_sec { margin-top: 8vh;}
   .main_wrap{  }
       .main_baner_sec{ width:100%; }
           .main_slide_cnt{ width:100%; }
           .main_board_ul li{ width:48%; }
           .main_cate_ul{ justify-content: center; }
                .main_cate_ul li{ margin: 0 10px 15px; }
                .main_slide_wrap::after { width: 90%; left: 5%; }
            .main_who_sec .slick-next { right: 5%;}
            .main_who_sec .slick-prev { left: 5%;}

}


/*테블릿*/
@media screen and (max-width:1200px){
    .swiper-scrollbar_wrap{ width:90%; }
    .swiper_con_wrap { margin-left: 5% !important;}
    .main_baner_sec_wrap{ min-height: 900px;}
    .main_baner_cnt h3 { font-size: 48px; }
    .banner_cut{ display: block; }
    .main_banner_keyword li p{ font-size:16px; }
    .main_port_list li:nth-child(1){display: none;}  
}

@media screen and (max-width:1024px){
 .main_who_sec dl{ width:90%; margin: 0 auto; }
     .main_who_sec dt{ width:calc(40% - 20px); }
        .main_who_sec dt img { width:100%; }
     .main_who_sec dd{ margin-left: 20px; width:60%; }

}
@media screen and (max-width:768px){
  .main_baner_sec_wrap{ min-height: 700px; }
    .main_baner_cnt h3{ font-size:28px;}
    .main_banner_keyword .slick-arrow{ width:36px; height:27px; bottom:-70px; }
        .main_who_sec dl{ flex-wrap: wrap }
         .main_who_sec dt{ width:100%; }
            .main_who_sec dt img { width:auto; margin: 0 auto; max-width: 80%; }
         .main_who_sec dd{ width:90%; margin: 50px auto 0;  }
         .swiper-slide { width: 320px !important;}
              #port_cnt li a { height: 245px; }
    .main_port_tab{
        width:95%; margin: 0 auto;
        justify-content: flex-start;

    }
        .main_port_tab li { margin: 0 20px; padding-bottom: 5px; }
            .main_port_tab li a { font-size: 14px; }
    .main_who_sec .slick-arrow{
        transform: translate(0, 0%); top:initial; bottom:-50px;
    }
    .main_who_sec .slick-prev{ left:calc(50% - 30px);}
    .main_who_sec .slick-next{ right:calc(50% - 30px);}
}

/*모바일*/
@media screen and (max-width:480px){
    
    .beige_bg{ padding-top: 20px; }
    .main_wrap{ padding: 100px 0 100px; }
    .main_baner_sec_wrap{ min-height: 650px; }
      .main_banner_keyword .slick-arrow { width: 15px; height: 20px; }
      .main_banner_keyword .slick-prev{ left:calc(50% - 20px);}
      .main_banner_keyword .slick-next{ right:calc(50% - 20px);}
    .main_slide { height:300px; }
    .main_baner_cnt h3{ font-size:6.8vw;}
        .main_banner_keyword li h3 { font-size: 25px;}
        .main_cate_txt_wrap h3{ font-size:3.8vw }
        .main_cate_txt_wrap p { font-size:2.5vw; line-height: 1.3; word-break: keep-all; }
        .main_tit_caption img{ width:5vw }
    .main_tit_wrap{ padding: 0 0 20px; }
    .main_tit_wrap.narrow_bottom { padding: 0px 0 10px; }
    .main_board_ul li dl{ padding: 20px 0; }
    .main_board_ul li dt { margin-bottom: 20px; }
        .main_tit_wrap h3 { margin-bottom: 10px; }
        .main_board_ul li dd a { font-size:14px; }
        .main_board_ul li dd span { font-size: 14px;}
      .main_who_sec .slick-arrow { width: 15px; height: 20px; }
      .main_who_sec .slick-prev{ left:calc(50% - 20px);}
      .main_who_sec .slick-next{ right:calc(50% - 20px);}
    .main_port_tab_scroll::-webkit-scrollbar{ height:5px; }
    .main_port_tab_scroll{ width:90%; margin: 0 auto; }
    .main_port_tab{ width:600px; padding-bottom: 15px; }

}