.nav-list{
  padding-top:39px;
}
.nav-list-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow-x:auto;
  overflow-y:hidden;
  width:100%;
}
.nav-list-unit{
  width:calc( 212 / 1280 * 100% );
  min-width:180px;
  flex:none;
  margin-left:44px;
  position:relative;
  cursor:pointer;
  z-index:0;
}
.nav-list-unit:first-of-type{
  margin-left:0;
}
.nav-list-unit img{
  width:100%;
}
.nav-list-unit-img{
  position:relative;
  z-index:10;
}
.nav-list-unit-img-hover{
  opacity:0;
  position:absolute;
  z-index:99;
  transition:0.5s;
  left:0;
  top:0;
}
.nav-list-unit-active .nav-list-unit-img-hover{
  opacity:1;
}
@media (min-width:768px){
  .nav-list-unit-img-hover:hover{
    opacity:1;
  }
  @-moz-document url-prefix() {
    .nav-list-inner{
      scrollbar-width: auto;
      scrollbar-color: #ffffff transparent;
    }
  }
  .nav-list-inner::-webkit-scrollbar{
    width:10px;
    height:10px;
  }
  .nav-list-inner::-webkit-scrollbar-button{
    display:none;
  }
  .nav-list-inner::-webkit-scrollbar-track{
    background: #ffffff;
    border-radius:1vw;
  }
  .nav-list-inner::-webkit-scrollbar-thumb{
    background: #feec64;
    border-radius:1vw;
  }
  .nav-list-inner::-webkit-scrollbar-thumb:hover{
    background: #feec64;
  }
  .nav-list-inner::-webkit-scrollbar-corner {
    background: #ffffff;
  }
}
@media (max-width:767px){
  .nav-list{
    padding-top:2.13vw;
  }
  .nav-list-unit{
    width:27.47vw;
    margin-left:2.53vw;
    min-width:unset;
  }
}