@media screen and (max-width:1680px){
    html,body {font-size: 50%;}
    #fullpage .section .cont-1600 {padding-left:10rem; padding-right: 10rem;}
    #fullpage footer {padding-left:10rem; padding-right: 10rem;}
    #menu {left:2.5rem;}
}

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

    #section_03 .flex-2ea .content .text-wrap {padding-right: 0;}
}


@media screen and (max-width:1440px){
      .sub-banner .cont-1600 h2 {font-size: 4rem;}
      .bc {margin-bottom: 0;}
}

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

    #company .company-contents .img-wrap {flex-basis: 40%; max-width: 40%;;}
    #company .company-contents .text-wrap {flex-basis: 60%; max-width: 60%;}
   
}



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

    /*공통*/
    html,body {font-size: 45%}
    header .container {width: calc(100% - 4rem);}
    #section_03 .flex-2ea .content .text-wrap {padding-right: 0;}

   .flex-2ea {gap: 0; flex-wrap: wrap;}
   .flex-2ea .content {flex-basis: 100%!important; max-width: 100%!important; }
   .side-btn {display: none;}


   .bc {margin-bottom: 2rem;}
   

   /*메인*/
   .actionBtn24-wrap {width: 12rem; height: 12rem;}
   .actionBtn24-wrap .actionBtn24 {width: 12rem; height: 12rem;}

   #section_02 .flex-2ea .content {height: 50%;}
   #section_02 .flex-2ea .content:first-child {padding:10rem;}
   #section_02 .flex-2ea .content .title h2 {font-size: 6rem;}
   #section_03 .flex-2ea .content {padding:6rem;}
   #section_02 .text-wrap h3 {font-size: 3rem;}

   #section_04 .flex-2ea .content {height: 50%; padding:6rem;}
   #section_02 .flex-2ea .content .title h2 {font-size: 6rem;}
   #section_04 .flex-2ea .content h2 {font-size: 6rem; line-height: 1.2;}
   
   #section_05 .container h2 {font-size: 6rem;}
   #section_03 .flex-2ea .content h2 {font-size: 4rem;}

   footer {padding-left:6rem; padding-right: 6rem;}

   /*서브*/
   .sub-banner {aspect-ratio: 5 / 2;}


}


@media (max-width: 1024px) {



    #fullpage .section .cont-1600 {padding:6rem;}
    #section_02 .flex-2ea .content:first-child {padding:6rem;}

    #fullpage .section {height: 768px;}
    #section_06 {height: auto !important;}
    #section_05 .container .flex-2ea {height: 50%;}
    #section_05 .container .banner {height: 50%;}

    /*서브*/
    #philosophy .vision-wrap {background-attachment: scroll;}
}



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

    /*공통*/
    header .container .menu-wrap {display: none; }
    .side-menu-container .side-menu {padding:4rem; max-width: 70%;}
    .m-t-left {text-align: left;}
    .mobile-br {display: none;}

    #company .company-contents {flex-wrap: wrap;}
    #company .company-contents .img-wrap {flex-basis: 100%; max-width: 100%; order:0;}
    #company .company-contents .img-wrap img {width:100%; height: 100%; }
    #company .company-contents .text-wrap {flex-basis: 100%; max-width: 100%; padding:6rem; order:1;}

    .flex-6ea .content { flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}
    footer ul .contact-wraps .item {width: 100%; max-width: 100%;}





}



@media (max-width: 768px) {
    /*공통*/
    .fp-section:not(.fp-auto-height) {min-height: 1024px;}
    .actionBtn24-wrap {width: 10rem; height: 10rem;}
    .actionBtn24-wrap .actionBtn24 {width: 10rem; height: 10rem;}
    .side-menu-container .side-menu {padding:2rem;}


    .section#section_01 .swiper-container .swiper-wrapper .swiper-slide .cont-1600>.title-wrap>h2 {font-size: 4.5rem;}
    #section_04 .flex-2ea .content h2 {font-size: 4rem;}
    #section_05 .container h2 {font-size: 4rem;}
    #section_04 .flex-2ea .content:first-child .actionBtn24-wrap {margin: 0;}

    #company .flex-3ea {flex-wrap: wrap;}
    #company .flex-3ea .content {flex-basis: 100%!important; max-width: 100% !important;}
    #company .flex-3ea .content img {width: 100%;}
    #ceo .img-01 {display: none;}

    .flex-3ea {gap:2rem;}
    .flex-3ea .content {flex-basis: 100%; max-width: 100%;}

    .flex-4ea {gap:2rem;}
    .flex-4ea .content{ flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}

    /*경영이념*/
    #philosophy .vision-wrap .flex-3ea {flex-direction: column; gap:0; width: 100%; gap:3rem;}
    #philosophy .vision-wrap .flex-3ea .content {flex-basis: 100%; max-width: 100%; aspect-ratio: inherit; width: 100%; border-radius: 0.5rem; padding:5rem;}
    #philosophy .vision-wrap .flex-3ea .content:nth-child(1) {left:0; }
    #philosophy .vision-wrap .flex-3ea .content:nth-child(3) {right: 0;}

    /*서브*/
    .sub-banner {aspect-ratio: 4 / 3;}
    .sub-banner .cont-1600 h2 {text-align: center;}
    .bc {justify-content: center;}
    .menu-line {justify-content: flex-start;}

    .flex-6ea .content {flex: 0 0 calc((100% - (2rem * 3)) / 4);max-width: calc((100% - (2rem * 3)) / 4);}

    #inquiry-wrap {overflow: hidden;}
    #inquiry-wrap .info-wrap {flex-basis: 100%; max-width: 100%; position: relative; top:0;}
    #inquiry-wrap .i-wrap {flex-basis: 100%; max-width: 100%;}
    
 
}




/* =========================
   Mobile (Medium)
   ========================= */
@media (max-width: 576px) {

  
    .fp-section:not(.fp-auto-height) {min-height: 812px;}
    .side-menu-container .side-menu {max-width: calc(100% - 10rem);}
    .side-menu-container .side-menu .lang-menu li {flex-basis: 50%; max-width: 50%; font-size: 1.6rem;}
    .side-menu-container .side-menu .menu>li {margin-bottom: 0;}
    .side-menu-container .side-menu .menu>li>p {font-size: 2rem;}
    .side-menu-container .side-menu .information>a {font-size: 3rem;}

    header .container .etc-wrap {flex-basis: auto;}
    header .container .logo-wrap {flex-basis: 100px; flex-shrink: 0;}
    .navBtn4 {width: 4rem;}
    .sub-banner {aspect-ratio: 1 / 1;}
    .sub-banner.support {aspect-ratio: 4 / 3;}

    .pc-image {display: none;}
    .mobile-image {display: block;}

    .section#section_01 .swiper-container .swiper-wrapper .swiper-slide .cont-1600>.title-wrap {position: absolute; top:35rem; left:50%; transform: translate(-50%,-50%); width: calc(100% - 12rem);}


    /*서브*/
    #company .company-contents .text-wrap {padding:3rem;}
    #company .company-contents .text-wrap .item .ft-18 {font-size: 2rem;}
    .product-wrap .fe-wrap .content-wrap {padding:3rem;}
    .flex-6ea .content { flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}
    .product-wrap .text-wrap {padding:3rem;}

    .flex-4ea .content {flex: 0 0 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .form-box_top li {flex-basis: 100%; max-width: 100%;}


    
}

/* =========================
   Mobile (Small)
   ========================= */
@media (max-width: 375px) {
}