@media screen and (max-width:1680px) { 
    html,body {font-size: 50% !important;}
}

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

   /* body {flex-direction: column; padding:1rem;}
   main {padding-left:0; padding-top:0;}
   #main-slide .swiper-slide {padding:1rem; }
   .breadcrumb {padding:1rem;}
   .flex-2ea .content { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 auto;} */
/* 
   aside {top:0; left:0; padding:0; height: 10rem; max-width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; position: relative; border-radius: 0; background-color: transparent; gap:0;}
   aside .logo-wrap {width:100%; height: 6rem; border-radius: 0; }
   aside.off {transform: translateX(0);}
   aside .logo-wrap img {width: 4rem; height: auto;}
   aside #menu {height: 4rem; overflow-x: hidden; }
   aside #menu .swiper-wrapper {padding-bottom: 0; align-items: flex-start;}
   aside #menu .swiper-wrapper .swiper-slide.depth {margin-top:0;}
   aside .open-button {display: none;}
   aside .contact-menu {display: none;}
   aside nav {margin-top: 0; padding-bottom: 0;     -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,          
        #000B43 5rem,             
        #000B43 calc(100% - 3rem), 
        transparent 100%           
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000B43 5rem,
        #000B43 calc(100% - 3rem),
        transparent 100%
    );}
   aside nav .menu-name {display: none;}
   aside nav li {text-align: center; display: flex; justify-content: center; align-items: center;   white-space: nowrap;     
  
    overflow: hidden;        
  text-overflow: ellipsis;  } */

  /* #menu .swiper-wrapper {height: 100%; align-items: center; }  */

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

.ov_page {  overflow: auto !important;}
  .ov_page .overview_wrap {  flex-direction: column;}
  .ov_page .img-wrap { width: 100% !important; padding-bottom: 40% !important;}
    .ov_page .overview_wrap .overview{width: 100% !important; justify-content: center;}
  .ov_page .f6 .overview_wrap .overview li { width:calc((100% - 4.5rem) / 4);}
  .ov_page .f4 .overview_wrap .overview li { width: calc((100% - 4.5rem) / 4);}
  .ov_page .f2 .overview_wrap .overview li { width: calc((100% - 4.5rem) / 4);}
#slide-23 .proto .content .num { align-items: start; gap: 0rem; flex-direction: column;}
}

@media screen and (max-width:1200px) { 
   main {padding-left:0; padding-top:0;}

}

@media screen and (max-width:1024px) { 
  body{padding: 0;}
  aside {  top: 0;  height: 100%;   border-radius:0 1.5rem 1.5rem 0;}
  aside.off { transform: translateX(-30rem);}
#main-slide .swiper-slide {padding: 2rem 2rem 2rem 6rem;}
.product_wrap .product li { width: calc((100% - 4.5rem) / 4);  margin-bottom: 3rem;}

.product_wrap .product li.c2 {  width: calc(((100% - 4.5rem) / 4 * 2) + 1.5rem);}
.product_wrap .product li.c2 .img_wrap { aspect-ratio: 2 / 1;}
.popup { width: 80%;}
.popup_inner .img_wrap {  width: 30%;}
.popup_inner .img_wrap .btn_wrap  {  width: 100%;}
.popup_inner .img_wrap .btn_wrap  img{  width: 100%;}
.popup_inner { gap: 2rem;}


#slide-01  .flex-2ea .content{flex:auto; max-width: 100%;}
#slide-01 .ft-60{font-size: 5rem !important;}
#slide-01   .flex-3ea {gap: 1rem; padding-bottom: 1rem;}
#slide-01   .flex-3ea .content {   flex: 0 0 calc((100% - (1rem * 2)) / 3);
 max-width: calc((100% - (1rem * 2)) / 3);}
#slide-01   .flex-4ea {gap: 1rem;}
#slide-01   .flex-4ea .content {   flex: 0 0 calc((100% - (1rem * 2)) / 3);
 max-width: calc((100% - (1rem * 2)) / 3);}

#slide-01 .group .txt_wrap {   padding: 2rem 1rem;}

#slide-02 {overflow: auto !important;}
#slide-02 .bg .car {  width: 90%;  margin: 5rem 0 ;}
#slide-02 .bg .car .ex { top: 115% !important; left: -5.5% !important;  min-width: 111% !important;}
#slide-02 .bg .car .point_wrap .ex{  border-radius: 2rem  !important;}
#slide-02 .bg .car .txt_wrap::before{display: none !important;}
#slide-02 .bg .car .point_wrap .ex {transform: translate(0, 0%);}

#slide-04 .world .bg {margin-bottom: 30rem;}
#slide-04 .location_wrap .korea li {   width: calc((100% - 3rem) / 4);}
#slide-04 .location_wrap > div {  bottom: auto;  top: 70%;     max-width: 100%; }


#slide-23 .ft-45 {font-size: 3.5rem;}
#slide-23 .proto {  gap: 3rem;}
#slide-23 .proto .content::before {right: -3.5rem;}
#slide-23 .proto .content { width: calc((100% - 9rem) / 4);}

#slide-25 ul.auto{flex-wrap: wrap;}
#slide-25 ul.auto li { flex: auto;   width: 30%;}

.ov_page .title_wrap { flex-direction: column;}
.ov_page .title_wrap {align-items: start;}.ov_page .title_wrap .mark {
height: 6rem; margin-top: 2rem;}

 #slide-20 .flex_wrap{gap: 3rem;}
 #slide-20 .pro {padding: 2.5rem 2rem;}

}



@media screen and (max-width:768px) { 
#slide-02 .bg .car .plus{width: 3rem;}
#slide-02 .flex-3ea .content { flex: auto; max-width:100% !important;}

.tab_title { align-items: start; gap: 0rem;  flex-direction: column;}
.tab_btn {margin-top: 0rem; margin-bottom: 4rem;}


 #slide-01 .ft-60{font-size: 4rem !important;}
  #slide-01  .flex-3ea{padding-bottom: 3rem; gap: 3rem;}
    #slide-01  .flex-4ea{gap: 3rem;}
 #slide-01  .flex-3ea .content {  flex: 100%;  max-width: 100%;}
  #slide-01  .flex-4ea .content {  flex: 100%;  max-width: 100%;  }
#slide-01 .group .img_wrap {  height: auto;  padding-bottom: 43%;}
#slide-01 .group .img_wrap img {  height: auto;   width: 100%;}
    #slide-01 .group .txt_wrap {   padding: 2rem 2rem;}
#slide-01 .group { background: url(../img/ci.png) no-repeat bottom -14% right -10% / 30%;}
#slide-01 #overview li { flex: 0 0 33%;  max-width: 33%;    margin-bottom: 2rem;}
#slide-01 .br-15{display: none;}

 #slide-02 .bg .car .ex {   top: 123% !important;}

#slide-04 .world .spot{width: 5rem;}
#slide-04 .world .spot h4 {  font-size: 2rem;}
#slide-04 .location_wrap > div.one {  width: 60%;}
#slide-04 .location_wrap > div h6 img { max-width: 1.2rem;}
#slide-04 .location_wrap  .ft-30 { font-size: 2.4rem;}
#slide-04 .flex_wrap { flex-wrap: wrap;}
#slide-04 .flex_wrap > div{    width: 100%;}

 .ov_page .overview_wrap .overview li {  width: calc((100% - 1.5rem) / 2 ) !important;}
 .ov_page .img-wrap { padding-bottom: 60% !important;   }
 .ov_page .overview_wrap .overview li {  aspect-ratio: auto; padding: 2rem 0;}

 .product_wrap .product li {width: calc((100% - 3rem) / 3);}
.popup_inner .img_wrap {  width: 70%;}
.popup_inner {  gap: 0rem; flex-direction: column; }
.popup_wrap {  overflow-y: scroll; align-items: start; padding: 4rem 0;}
.popup .side {   background-color: #fff;}
.popup_inner .txt_wrap { padding-right: 0rem; }


.product_wrap .product li.c2 {  width: calc(((100% - 3rem) / 3 * 2) + 1.5rem);}
.product_wrap .product li.c2 .img_wrap { aspect-ratio: 2.06 / 1; }

#slide-24 .flex_wrap{flex-direction: column;}

#slide-20 .flex-3ea { gap: 2rem;}
#slide-20 .flex-3ea .content{flex: 100%; max-width: 100%;}
#slide-20 .flex-2ea .content {flex: 100%; max-width: 100%;}
.left .level .cont_wrap { gap: 1rem;}
#slide-20  .flex_wrap{ flex-direction: column;}   
.level .cont_wrap .cont ul { max-height: 40rem;}


#slide-25 {  overflow: auto !important;}
#slide-25 ul.timeflow{flex-direction: column;}

#slide-23 .facility li { width: 49%;}
#slide-23 .flex_wrap{flex-direction: column; gap: 0;}
 #slide-23 .proto {  flex-wrap: wrap; gap: 4rem;}
#slide-23 .proto .content { width: calc((100% - 4rem) / 2);}
#slide-23 .proto .content:nth-child(3){order: 4;}
#slide-23 .proto .content::before {  right: -4rem;  }
#slide-23 .proto .content:nth-child(2)::before{top: auto; bottom: -3.5rem; left: 50%; transform: translate(-50%, -50%) rotate(90deg);} 
#slide-23 .proto .content:nth-child(3)::before{right: auto; left: -2rem; transform: translate(-50%, -50%) rotate(180deg);} 

#slide-01 #overview li:nth-child(3) {border-right: none;}

}


@media screen and (max-width:500px) { 
#slide-02 .bg .car .point { width: 0.8rem;} #slide-04 .world .spot h4 {
display: none; }
#slide-04 .location_wrap ul li p { font-size: 1.8rem;}
#slide-04 .location_wrap ul li p::before {top: 11px;}

#slide-04 .cont { flex-direction: column;}
#slide-04 .cont li {  padding: 3rem 0;  border-right: none; min-width:80%;
 border-bottom: 1px solid #ffffff61;}
#slide-04 .cont li:nth-last-child(1){border-bottom: none;}

.ov_page .overview_wrap .overview li .icon_wrap img {  width: 3rem;}
.ov_page .title_wrap .mark {  height: 5rem;}

.product_wrap .product li {width: calc((100% - 1.5rem) / 2);}
.product_wrap .product li.c2 {  width: 100%;}

    .popup_inner .img_wrap { width: 100%;  }

#slide-25 ul.auto li {   width: 100%; }
#slide-25 ul.auto li .br-none{display: none;}


#slide-23 .proto .content { width: 100%;}
#slide-23 .proto .content:nth-child(4){order: 5;}
#slide-23 .proto .content::before{top: auto !important; bottom: -3.5rem !important; left: 50% !important; transform: translate(-50%, -50%) rotate(90deg) !important;} 
}

@media screen and (max-width:400px){
  
.ov_page .overview_wrap .overview li {  width: 100% !important;}
}