/* 카드 레이아웃 */
.grid {
  display: grid; /* Grid 레이아웃 사용 (행/열 정렬 가능) */
  grid-template-columns: repeat(3, 1fr); /* 3개의 동일한 너비 컬럼 생성 */
  gap: 25px; /* 카드 요소 사이 간격 */
  padding: 60px 40px; /* 위아래 60px, 좌우 40px 내부 여백 */
}

/* 카드 */
.card {
  background: white;
  border-radius: 12px;
  overflow: hidden; /* 내부 요소가 밖으로 넘치지 않게 숨김 */
  transition: 0.3s;
  text-decoration: none; /* 링크일 경우 밑줄 제거 */
  color: inherit;
  display: block; /* 블록 요소로 만들어 전체 영역 클릭 가능 */
}

.card:hover {
  transform: translateY(-8px); /* 위로 살짝 떠오르는 효과 */
}

/* 카드 이미지 */
.card img {
  width: 100%;
  height: 180px;
  object-fit: cover; /* 이미지 비율 유지하면서 영역 꽉 채움 */
}

/* 카드 텍스트 */
.card-text {
  background: #111;
  color: white;
  padding: 15px;
}

.card-text p {
  font-size: 12px;
  color: #aaa;
}