/* -------- 전체 페이지 설정 (이 섹션 한정용) -------- */
.section-title {
  font-family: "Pretendard Variable", "Lexend", sans-serif;
  margin: 0;
  background-color: #fff;
  color: #555;

  display: flex;
  justify-content: center;
  align-items: flex-start; /* 위쪽 정렬로 변경 */
  min-height: auto; /* 전체 화면 높이 차지하지 않음 */
  padding: 60px 0; /* 위아래 여백을 적당히 줌 */

  /* 👉 오른쪽으로 약간 이동 */
  transform: translateX(100px);
}


/* -------- 카드 묶음 컨테이너 -------- */
.section-title .contain {
  display: flex;
  justify-content: center;
  gap: 85px; /* 카드 간격 */
  max-width: 1400px;
}

/* -------- 각 카드 -------- */
.section-title .card {
  width: 780px; /* 카드 기본 폭 */
}

/* 첫 번째 카드만 별도 크기 조정 */
.section-title .card:first-child {
  width: 753px;
}

/* -------- 썸네일 박스 -------- */
.section-title .thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* 정사각형 유지 */
  background-color: #d9f1fb; /* 기본 썸네일 배경 */
  box-shadow: 13px 13px 10px #91a4af; /* 회색 그림자 */
  margin-bottom: 40px;
}

.section-title .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* -------- 텍스트 스타일 -------- */
.section-title .title {
  font-weight: 900;
  font-size: 2rem;
  color: #777676;
}
.section-title .subtitle {
  font-weight: 600;
  font-size: 1.3rem;
  color: #999;
  margin-left: 6px;
}
.section-title .tag {
  font-size: 0.9rem;
  color: #999;
  margin-left: 6px;
}
.section-title .desc {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-top: 10px;
  color: #777;
}