@charset "UTF-8";


/* ==========================================
OTHER WORKS LIST
========================================== */
.sec_other_brand{
  background-color: #f8f8f8;
}
/* .sec_top_reco {
  background-color: #f8f8f8;
} */
.work_list{
  display: flex;
  flex-wrap: wrap;
  gap: 1px ;
  padding: 1.5em 0;
  margin-bottom: 1.5em;
}
.work_list_box{
  width: calc(50% - .5px);
}
.work_list_box a{
  display: block;
  position: relative;
}
.work_list_img_wrap{
  position: relative;
  background-color: #000;
  aspect-ratio: 3 / 2;
}
.work_list_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.noah_school .work_list_img{
  opacity: .6;
}
.work_list_img_logo{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 80%;
  height: auto;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

.work_list_txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  /* overflow-y: scroll; */
  /* visibility: visible; */
  transform: translateY(0);
  /* opacity: 1; */
  transition: transform .4s, opacity .4s;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .9em;
  line-height: 1.4;
  font-weight: 500;
  padding: .5em 1.5em;

  visibility: none;
  opacity: 0;
}
.work_list_box:hover .work_list_txt {
  opacity: 1;
  visibility: visible;
}
._kpop .work_list_img_logo{
  width: 30%;
}

@media (min-width:769px){
  .work_list_box { 
    width: calc( 100% / 5 - .8px)
  }
  .sec_food_brand  .work_list_box { 
    width: calc( 100% / 4 - .8px)
  }
  .work_list_img_logo {
    width: 60%;
  }
  ._kpop .work_list_img_logo {
    width: 24%;
  }
  .work_list_txt{
    /* font-size: .75em; */
    padding: .5em 1.5em;
  }
}/*  */
