@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% ; max-width: 100%; margin: 0 auto;}
   .flex-3ea .content { flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}
   

   aside {top:0; left:0; padding:0; height: 12rem; 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:12rem; height: 6rem; border-radius: 0;  margin-bottom: 1rem;  border-radius: 1rem; }
   aside .lang-wrap {position: absolute; top:0%; right:0%; transform: translate(0%,0%); margin-bottom: 0; max-width: 20rem; height: 6rem; }
   aside .lang-wrap .content {flex-basis: 50%; max-width: 50%; font-size: 1.5rem; border-right:1px solid rgba(255,255,255,0.3);}
   aside .lang-wrap .content:last-child {border-right:0;}
   aside.off {transform: translateX(0);}
   aside .logo-wrap img {width: 90% ; height: auto;}
   aside #menu {height: 5rem; overflow-x: hidden; }
   aside #menu .swiper-wrapper {padding-bottom: 0; align-items: center; justify-content: 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%
    ); */
    mask-image: none;
    }

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

}

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

    #slide-01 .text-wrap {padding:0;}
    #slide-01 #overview li {border-right:0; border-bottom: 1px solid rgba(255,255,255,0.1); padding:2rem;}
    #slide-01 #overview li:last-child {border:0;}
    .flex-3ea:not(.navigation) {flex-wrap: wrap;}
    .flex-3ea:not(.navigation) .content {flex-basis: calc(50% - 2rem); max-width: calc(50% - 2rem);}
    .flex-4ea .content { flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}
    .flex-5ea .content { flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}

}

@media screen and (max-width:1024px) { 
    .flex-3ea:not(.navigation) .content {flex-basis: calc(100% - 2rem); max-width: calc(100% - 2rem); margin: 0 auto;}
     #slide-04 .flex-1ea {flex-wrap: wrap;} 
     #slide-04 .flex-1ea .content .year{ flex: 0 0 100%; max-width: 100%;}
     #slide-04 .flex-1ea .content .text{ flex: 0 0 100%; max-width: 100%;}
     #slide-04 .text-wrap {padding:2rem;}
    .flex-4ea .content { flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}
    .breadcrumb {flex-direction: column;}
    /* .breadcrumb>li {flex-direction: column;} */
}


@media screen and (max-width:768px) { 
    .flex-4ea .content { flex: 0 0 100%; max-width: 100%;}
    #slide-03 .flex-2ea .profile-wrap .text-wrap {width: 45%; margin-top:2rem;}
    .flex-5ea {justify-content: flex-start;}
    .flex-5ea .content p {font-size:1.4rem;}
   .flex-5ea .content { flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}
   #slide-03 .profile-wrap {padding:1.5rem;}

}