@charset "utf-8";

/* 대학원>의과학과>대학원소개>교육목표 (Figma 912:36006) — 타이틀·탭은 공용(common.html + .tab-nav) */

.graduate-goal {
  display: flex;
  flex-direction: column;
  gap: 80px;
  word-break: keep-all;
}

.graduate-goal-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.graduate-goal-lead {
  font-size: var(--font-size-body-md);       /* 18px */
  font-weight: var(--font-weight-regular);
  line-height: 32px;
  color: var(--color-text-body);
}

.graduate-goal-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.graduate-goal-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.graduate-goal-card-photo {
  width: 100%;
  aspect-ratio: 488 / 275;
  overflow: hidden;
  background: var(--color-gray200);
}

.graduate-goal-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.graduate-goal-card-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.graduate-goal-card-num {
  font-family: var(--font-accent);           /* Libre Caslon Text */
  font-size: var(--font-size-heading-xl);    /* 42px */
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading-xl);
  color: var(--color-primary);
}

.graduate-goal-card-title {
  font-size: var(--font-size-heading-md);    /* 22px */
  font-weight: var(--font-weight-semibold);
  line-height: 36px;
  color: var(--color-text-title1);
}

.graduate-goal-card-desc {
  font-size: var(--font-size-body-md);       /* 18px */
  font-weight: var(--font-weight-medium);
  line-height: 27px;
  color: var(--color-text-body);
}

@media (max-width: 1024px) {
  .graduate-goal-list {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .graduate-goal-card-photo {
    aspect-ratio: 16 / 9;
  }
}