/* 상단 공통 배경 이미지 교체 */
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;              /* 선 아래 여백 */
}






/* 교수 카드 2열 그리드 */
.prof-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem 8rem;  /* 뒤 값 = 좌우 카드 간격 (6rem → 8rem 더 넓게) */
  margin-top: 3rem;
}
/* 카드: 사진(왼쪽) + 정보(오른쪽), 높이 통일 */
.prof-card {
  display: flex;
  gap: 2.5rem;
  align-items: stretch;      /* 사진·정보 높이를 카드에 맞춰 늘림 */
  min-height: 26rem;         /* 카드 최소 높이 */
}
/* 왼쪽 사진: 카드 높이를 꽉 채움 */
.prof-photo {
  flex: 0 0 35%;
}
.prof-photo img {
  width: 100%;
  height: 100%;              /* 카드 높이만큼 채움 (26rem 고정 대신) */
  object-fit: cover;
  display: block;
}
/* 오른쪽 정보: 세로 flex로 만들어 버튼을 맨 아래로 */
.prof-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;    /* 세로 배치 */
  padding-right: 1rem;       /* 오른쪽 여백 추가 */
}
.prof-track {
  display: block;
  color: #2b5a7e;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.prof-name {
  font-size: 2.4rem;
  font-weight: 800;
  margin-bottom: 2rem;
}
/* 정보: 각 줄 세로 나열 */
.prof-info {
  margin-bottom: 2rem;
  padding-right: 1.5rem;       /* 정보 부분만 오른쪽 여백 */
}
.prof-info .info-row {
  display: flex;
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
}
.prof-info .label {
  width: 8rem;
  font-weight: 700;
  flex-shrink: 0;
}
.prof-info .value {
  flex: 1;
  min-width: 0;
  word-break: break-all;
}
/* 버튼: 정보 영역 맨 아래에 폭 꽉 차게 */
.prof-btn {
  margin-top: auto;          /* 위 여백을 밀어내 맨 아래로 */
  display: block;
  width: 100%;
  padding: 1rem 0;
  background: #dde5ef;
  border-radius: 10px;  /* 버튼 라운드 (30px → 10px, 원하는 값으로) */
  text-decoration: none;
  color: #222;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  transition: background 0.2s, color 0.2s;   /* 부드러운 색 전환 */
}

/* 마우스 올렸을 때 */
.prof-btn:hover {
  background: #2b5a7e;       /* 진한 파랑 배경 */
  color: #fff;               /* 흰 글자 */
}

/* 좁은 화면: 1열 */
@media only screen and (max-width: 1024px) {
  .prof-grid {
    grid-template-columns: 1fr;
  }
}