/* BASIC css start */

/* 컨테이너 그리드 / 항목 간격 */
.cate-item-container {
  display: flex;
  flex-direction: column; /* 세로 정렬 */
  gap: 40px;              /* 항목 간격 */
  padding: 10px;          /* 컨테이너 여백 */
  box-sizing: border-box;
}

/* 개별 아이템 */
.cate-item {
  text-align: center;     /* 텍스트 중앙정렬 */
}

/* 썸네일 이미지만 둥글게 */
.cate-item img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  box-sizing: border-box;
  border: 1px solid #eee; /* 기본 테두리 */
  transition: transform 0.3s ease, border-color 0.3s ease; /* 부드러운 변환 */
}
.cate-item img:hover {
  transform: scale(1.05);       /* 살짝 확대 */
  border-color: #000;           /* 검은 테두리로 변경 */
}

/* 텍스트 영역 */
.cate-item .text-wrap {
  margin-top: 10px;       /* 이미지와 텍스트 사이 간격 */
}

/* 제목 */
.cate-item .text-wrap h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;        /* 제목과 설명 사이 간격 */
  line-height: 1;        /* 행간 조절 */
  letter-spacing: 0.5px;   /* 글자 간격 조절 */
}

/* 설명 */
.cate-item .text-wrap p {
  font-size: 13px;
  color: #555;
  margin: 0;
  line-height: 1;        /* 설명행 간격 */
  letter-spacing: 0.3px;   /* 설명 글자 간격 */
}
div.C-35162-2-2 { margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */