@charset "utf-8";

@media (max-width: 1020px) {
  .sec-media-box .round-title{
    translate: -50% -70%;
  }
  .media-list{
    grid-template-columns: 100%;
    width: min(600px,100%);
    margin-inline:auto;
  }
  .media-list > li:not(.youtube){
    aspect-ratio:1/.5;
    width: 100%;
  }
    .media_youtube{
    grid-column: auto;
    grid-template-columns: 100%;
  }
  .yt_banner .ch_title{
    white-space: inherit;
  }
}
@media (max-width:900px) {
  .head-inner{
    padding-right: min(80px,16vw);
  }
  .head_nav{
    display: none;
  }
  #hum-button{
    display: flex;
  }
}
@media (max-width:768px) {
  #pickup-slider{
    overflow: visible;
  }
  .archive-post-list{
    grid-template-columns: repeat(2,1fr);
  }
  .sec-lesson__detail{
    grid-template-columns: 100%;
  }
  
  .category-list_wrap{
    grid-template-columns: auto;
  }
  .category-list_wrap .arrow-title span{
    min-width: inherit;
  }
  .category-list_wrap .button-wrap{
    grid-column: auto;
    padding-top: 5px;
  }

  /*footer 
  ==========================================*/
  .footer-inner{
    grid-template-columns: 100%;
  }
  .foot_links{
    display: none;
  }
  .foot_about .logo{
    width: min(400px,80vw);
  }
}
@media (max-width:480px) {
  .acv-post-item .post-excerpt{
    display: none;
  }
}