.product-box{
  padding:24px 0;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.product-box-list{
  width:calc( 100% - 18px * 2 );
  display:flex;
  align-items:center;
  /*overflow-x:auto;
  overflow-y:hidden;*/
  margin:0 auto;
  justify-content:space-between;
}
.product-box-list-unit{
  width:calc( 174 / (1440 - 18 * 2) * 100% );
  border-radius: 5px;
  overflow:hidden;
  /*margin-left:calc( 30 / 1440 * 100% );*/
}
/*.product-box-list-unit:first-of-type{
  margin-left:0;
}*/
.product-box-list-unit .img-box{
  padding-top: calc(1 / 1 * 100%);
}
/*@media (min-width:992px){
  @-moz-document url-prefix() {
    .product-box-list{
      scrollbar-width: thin;
      scrollbar-color: rgba(0, 0, 0,0.3) transparent;
    }
  }
  .product-box-list::-webkit-scrollbar{
    width: 0.4vw;
    height: 0.4vw;
  }
  .product-box-list::-webkit-scrollbar-button{
    display:none;
  }
  .product-box-list::-webkit-scrollbar-track{
    background: rgba(0, 0, 0,0.3);
    border-radius:1vw;
  }
  .product-box-list::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0,0.3);
    border-radius:1vw;
  }
  .product-box-list::-webkit-scrollbar-thumb:hover{
    background: rgba(0, 0, 0,0.5);
  }
  .product-box-list::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0,0.3);
  }
}*/
@media (max-width:576px){
  .product-box{
    padding:clamp(1px,3.33vw,24px) 0;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:0;
  }
  .product-box-list-unit{
    width:clamp( 1px,23vw,176px );
    flex:none;
    padding: 0 clamp(1px, 2vw, 20px);
    box-sizing: content-box;
    border-radius: 0;
  }
  .product-box-list-unit .img-box{
    border-radius: 5px;
  }
  .product-box-list{
    margin:0;
    justify-content: flex-start;
  }
}