/* BASIC css start */

/* 전체 컨테이너: 5열 그리드 */
.brand-item-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 5열 */
  gap: 10px; /* 아이템 간격 */
  padding: 10px;
}

/* 개별 브랜드 아이템 */
.brand-item {
  text-align: center;
  transition: transform 0.3s ease;
}

/* 썸네일 스타일 */
.brand-item img {
  width: 100%;
  aspect-ratio: 1 / 1; /* 정사각형 유지 */
  object-fit: contain; /* 이미지 비율 유지 */
  border-radius: 12px; /* 둥근 테두리 */
  border: 1px solid #ddd;
  background: #fff;
  transition: filter 0.3s ease, transform 0.3s ease;
}

/* 마우스 오버 시 효과 */
.brand-item img:hover {
  filter: grayscale(100%); /* 회색 처리 */
  transform: scale(1.05);  /* 살짝 확대 */
}

/* 텍스트 스타일 */
.brand-item .text-wrap p {
  margin-top: 8px;
  font-size: 9px;
  font-weight: 300;
  color: #333;
  transition: color 0.3s ease;
}

/* 텍스트 hover 효과 */
.brand-item:hover .text-wrap p {
  color: #666; /* 글자도 회색으로 변환 */
}
div.C-35162-3-2 { margin:0px 5px 0px 5px; padding:20px 0px 0px 0px; background:repeat left top; border-top:1px solid #F5F5F5; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */