/* 주요업무 목록 페이지 맨 위 제목 영역에만 적용합니다. */
main > .page-hero {
  min-height: 360px;
  padding-block: 70px 78px;
  background-color: #edf1f5;
  background-image: linear-gradient(90deg, rgb(255 255 255 / 32%) 0%, rgb(255 255 255 / 10%) 50%, rgb(255 255 255 / 0%) 100%), url('/manus-storage/file_00000000568c820691f2f13744141123_884a6484.png');
  background-size: cover;
  background-position: center 65%;
  background-repeat: no-repeat;
  border-bottom: 1px solid #d7dee6;
}
main > .page-hero .eyebrow {
  color: #244b69;
  font-weight: 700;
  text-shadow: 0 1px 8px rgb(255 255 255 / 45%);
}
main > .page-hero h1 {
  max-width: 700px;
  color: #102d4f;
  line-height: 1.25;
  text-shadow: 0 1px 10px rgb(255 255 255 / 35%);
}
main > .page-hero .page-intro {
  max-width: 620px;
  color: #3c5265;
  text-shadow: 0 1px 8px rgb(255 255 255 / 50%);
}
@media (max-width: 768px) {
  main > .page-hero {
    min-height: 330px;
    padding-block: 48px 56px;
    background-image: linear-gradient(90deg, rgb(255 255 255 / 88%) 0%, rgb(255 255 255 / 77%) 55%, rgb(255 255 255 / 40%) 100%), url('/manus-storage/file_00000000568c820691f2f13744141123_884a6484.png');
    background-position: center 65%;
  }
  main > .page-hero h1 { max-width: 580px; font-size: 38px; }
  main > .page-hero .page-intro { font-size: 15px; line-height: 1.85; }
}
@media (max-width: 360px) {
  main > .page-hero h1 { font-size: 34px; }
}