@media all and (max-width:1666px){
    .scroll_down{left: auto; right: 5rem;}
}
@media all and (max-width:1280px){
    .lnb ul li > a{padding: 0 3rem;}
    .lnb{padding-left: 17rem;}
}

@media all and (max-width:1280px){
    .inner{padding-left: 2rem; padding-right: 2rem;}
    .msec1 .swiper-slide .slogan{padding-left: 2rem;}
    .product p img{height: 100vh;}
    .product ul li dl dt{font-size: 3rem;}
    .product ul li dl dd{font-size: 1.6rem;}
    .product ul li dl{bottom: 10rem;}
}

@media all and (max-width:1279px){
    .lnb{padding-left: 0;}
    .product ul li dl dt{font-size: 2.5rem;}
    .product ul li dl dd{font-size: 1.3rem;}
    .banner_rnd p{bottom: 10rem;}
    .banner_online p, .banner_mall p{bottom: 10rem;}

    .sub_menu.drop{top: 8rem;}
    .mapro{height: auto;}
    
}
/* 모바일 반응형 */
@media all and (max-width:1023px){
    html{font-size:9px}
    .hsec1 h1{width: 40%;}
    .top_online{display: none;}
    .dropdown{right: 6rem;}
    .dropbtn{padding:1rem 3.5rem 1rem 1rem}

    #circle{bottom: -6rem; right: 2rem;}
    #circle::before{bottom: 16rem; right: 16rem;}

    .scroll_down{right: 2rem;}

    .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;}


    .product ul{flex-direction: column;}
    .product p img{height: auto;}

    .banner_mapro{width: 100%;}
    .banner_mapro p br{display: none;}
    .banner_mapro ul{gap:2rem}

    .notice_box,
    .banner_rnd,
    .banner_online {width: 100%;}
    .banner_rnd,
    .banner_online {padding: 5rem;}

    footer{padding: 3rem 0;}

    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;}

    .foot_add{flex-direction: column; gap:3rem}


    /* 서브 공통 */
    .sub_top_con{margin-top:8rem;}
    .sub_top{height: 25rem; background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:3rem}
    .sub_top h2 span{display: none;}
    .sub_top_con .scroll_down{display: none}
    .sub_menu{display: none;}
    .mid_menu{display: block;}
    .re_menu ul li a{line-height: normal; height: auto; padding:1rem}
    .sub_con{background-size: 50%;}
    .h3{padding: 0; font-size:3.5rem}
    .h4{font-size: 2.4rem;}

    /* 인사말 */
    .greeting{height: auto;}
    .greeting_text{width:100%; padding: 2rem;}
    .greeting_tit{font-size: 2rem;}
    .greeting_con{flex-direction: column; gap:2rem; padding:2rem 0}

    /* 비전 */
    .vision{padding:5rem 0;}
    .vision ul{flex-direction: column; align-items: center;}
    .vision dt{font-size: 2.5rem;}
    .vision dd br{display: none;}

    /* 연혁 */
    .history_con::before {left:1rem}
    .history_con dl{padding:0 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;}

    /* BI */
    .logo_list{flex-direction: column;}
    .value_list{flex-direction: column;}

    /* 인증서 */
    .cer_list li{width: calc(50% - 3rem); padding:1rem}
    
    /* 오시는길 */
    .map{flex-direction: column;}
    .map_info,
    .map_area{flex-basis: auto;}

    /* 고객문의 */
    
    .inquiry::before{display: none;}
    .online_form h3{display: none;}
    .form_area{width: 100%;}


    
    

}