.san-goods-list.padding {
  padding: clamp(30px, 5.208vw, 100px) 0;
}

.san-goods-list .wpa {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px;
}

.san-goods-list .lg-04 li {
  width: calc((100% - 75px) / 4);
}

.san-goods-list ul li img {
  width: 100%;
  vertical-align: middle;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  transition: 0.6s all;
}

.san-goods-list {
  background: #f8f8f8;
}

.san-goods-list .title {
  margin: -10px auto 0;
  text-align: center;
}

.san-goods-listcon ul {
  margin-top: 15px;
}

.san-goods-listcon ul li {
  padding: 0 10px 40px;
  background: #fff;
  text-align: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}


.san-goods-listcon ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
}

.san-goods-listcon ul li img {
  width: 100%;
}

.san-goods-listcon ul li h3 {margin-top: 10px;}

.san-goods-listcon ul li h3 a,
.san-goods-listcon ul li h3 {
  font-family: var(--title-font-family);
  font-weight: 700;
  font-size: clamp(16px, 1.04vw, 20px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.san-goods-listcon ul li p {
  margin-top: 10px;
  font-size: clamp(14px, 0.83vw, 16px);
}

.san-goods-listcon ul li p b {
  font-weight: 100;
  color: var(--color-primary);
}

@media screen and (max-width: 960px) {
  .san-goods-listcon .lg-04 li {
    width: calc((100% - 50px) / 2);
  }
}



@media screen and (max-width: 767px) {
  .san-goods-listcon .lg-04 li {
    width: calc((100% - 20px) / 2);
  }
  .san-goods-list .wpa {
    gap: 10px;
  }

}


@media screen and (max-width: 576px) {
  .san-goods-listcon .lg-04 li {
    width:100%
  }

}