/* 상단 공통 배경 이미지 교체 */
body.ax-site .wrapper .container .area-visual {
  --visual-image: url(/_res/postech/ax/img/postech3.jpg);
}

/* 배경 이미지 위에 어두운 오버레이 */
body.ax-site .wrapper .container .area-visual::after {
  content: '';                          /* 가상요소 생성 (필수) */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);       /* 어두운 반투명 막 (0.4 = 어둡기) */
  z-index: -1;                          /* 글자보다 뒤, 배경보다 앞 */
}

/* 배경 이미지에서 보여줄 위치 (세로 가운데) */
body.ax-site .wrapper .container .area-visual h2::before {
  background-position: center 10% !important;
}

@media only screen and (min-width: 1025px) {
  body.ax-site .wrapper .container {
    --linemap-fontSize: 1.9rem;   /* 글자 크기 */
    --linemap-height: 8rem;       /* 영역 높이 */
  }
}

/* 대학원 과정(강의정보) 페이지 제목 아래 구분선 */
body.ax-site .page-tit {
  border-bottom: 3px solid #1a2b3c;  /* 제목 아래 구분선 (두께 · 스타일 · 색상) */
  padding-bottom: 15px;              /* 제목 글자와 선 사이 간격 */
  margin-bottom: 30px;              /* 선 아래 여백 */
}





/* 직원 카드 목록 (1열, 한 줄씩) */
.staff-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-top: 3rem;
}

/* 카드: 사진(왼쪽) + 정보(오른쪽) */
.staff-card {
  display: flex;
  gap: 9rem;
  align-items: center;
  padding: 2rem;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
}

/* 왼쪽 사진 - 크게 */
.staff-photo {
  flex: 0 0 18%;            /* 12rem 고정 → 카드 폭의 28%로 크게 */
}
.staff-photo img {
  width: 100%;
  height: auto;            
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

/* 오른쪽 정보 */
.staff-body {
  flex: 1;
  min-width: 0;
}
.staff-dept {
  display: block;
  color: #2b5a7e;
  font-weight: 700;
  font-size: 1.7rem;
  margin-bottom: 0.4rem;
}
.staff-name {
  font-size: 3.5rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
}
.staff-info .info-row {
  display: flex;
  margin-bottom: 0.6rem;
  font-size: 1.8rem;
}
.staff-info .label {
  width: 8rem;
  font-weight: 700;
  flex-shrink: 0;
}
.staff-info .value {
  flex: 1;
  min-width: 0;
  word-break: break-all;
}

/* 좁은 화면: 사진 위 / 정보 아래 */
@media only screen and (max-width: 1024px) {
  .staff-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .staff-photo {
    flex: none;
    width: 100%;
  }
}