/* 상단 공통 배경 이미지 교체 */
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;       /* 영역 높이 */
  }
}



/* 인사말 2단 레이아웃 */
.greeting {
  display: flex;
  align-items: stretch;
  color: #222;              /* 어두운 글자색 (밝은 배경용) */
}
.greeting-photo {
  flex: 0 0 40%;
}
.greeting-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.greeting-text {
  flex: 1;
  padding: 6rem 5rem;
}
.greeting-title {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 3rem;
  color: #111;              /* 제목은 더 진하게 */
}
.greeting-title .point {
  color: #c8005f;
}
.greeting-text p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  color: #444;              /* 본문 어두운 회색 */
}
.greeting-dept {
  margin-top: 4rem !important;
  font-weight: 600;
}
.greeting-name {
  font-size: 2rem !important;
}
.greeting-name strong {
  margin-left: 1rem;
}
/* 화면 좁아지면 위아래로 쌓기 */
@media only screen and (max-width: 1024px) {
  .greeting {
    flex-direction: column;
  }
  .greeting-photo {
    flex: none;
  }
}