.affiliates_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5rem 2rem;
  padding: 0;
  margin: 3rem 0 0 0;
}
.clients {
  width: calc(33.33% - 2rem);
  padding: 0;
  margin: 0;
}
.clients .pic{
  padding: 0 0 1rem 0;
}
.clients img{  
  width: 100%;
}
.clients .company{
  font-family: "Jeju Myeongjo", "OneMobileTitle", "GmarketSansMedium", "Jost",
    system-ui, -apple-system, "Noto Sans", sans-serif;
  font-size: 1.5rem;
  color: #111;
  text-align: left;
  letter-spacing: -1px;
  padding: 0 0 1rem 0;
  margin: 0;
  background-image: url("/img/line_dot.png");
  background-position: right bottom;
  background-repeat: repeat-x;
}
.clients ul{
  width: 100%;
  padding: 1rem 0 0 0;
  margin: 0;
}
.clients li{
  list-style: none;
  width: 100%;
  padding: .2rem 0;
  margin: 0;
  font-family: "GmarketSansMedium", system-ui, -apple-system,
    "Noto Sans", sans-serif;
  font-size: .8rem;
}
.clients li span {
  display:inline-block;
  width: 50px; 
  font-family: "Roboto";
  font-weight: 700;
  color: #000;
  padding-right: 10px;
}
@media (max-width: 991.98px) {
  .clients {
    width: calc(50% - 2rem);
  }
}
@media (max-width: 767.98px) {
  .affiliates_list {
    flex-direction: column;
    padding: 0 1rem;
  }
  .clients {
    width: 100%;
  }
  .clients .company{
    font-size: 1.7rem;
  }
  .clients li{
    font-size: 1rem;
  }
  .clients li span {
    font-size: .9rem;
  }
}