/*
 * 2026-09-17 수정: 모든 서브페이지 모바일 히어로 문구 위치 통일
 * 기준: 수행사업·주요고객 히어로와 동일하게 좌측 정렬하고 실제 히어로 상단에서 72px 아래에 배치합니다.
 * 이 파일은 페이지별 CSS 다음에 불러오므로 !important를 사용하지 않습니다.
 */
@media (max-width: 900px) {
  /* 2026-09-17 수정: 바깥 섹션과 내부 컨테이너에 중복 적용되던 상단 여백 제거 */
  .category-hero {
    padding-top: 0;
  }

  .category-hero > :is(
    .company-hero__inner,
    .research-hero__inner,
    .certifications-hero__inner,
    .notice-hero__inner,
    .contact-hero__inner,
    .srm-hero__inner,
    .fr-hero__inner
  ) {
    box-sizing: border-box;
    min-height: 100%;
    padding-top: 0;
    align-items: flex-start;
    align-content: start;
    justify-content: flex-start;
    text-align: left;
  }

  /* 2026-09-17 수정: 페이지별 flex/grid 구조와 무관하게 실제 첫 문구 기준선을 72px로 고정 */
  .category-hero > :is(
    .company-hero__inner,
    .research-hero__inner,
    .certifications-hero__inner,
    .notice-hero__inner,
    .contact-hero__inner,
    .srm-hero__inner,
    .fr-hero__inner
  ) > :first-child {
    position: relative;
    top: 72px;
  }

  .category-hero.page-hero > div:last-child {
    box-sizing: border-box;
    padding-top: 72px;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .category-hero.page-hero > div:last-child > :first-child {
    position: relative;
    top: 72px;
  }

  .category-hero :is(
    .company-hero__copy,
    .research-hero__copy,
    .certifications-hero__copy,
    .notice-hero__copy,
    .contact-hero__copy,
    .srm-hero__copy,
    .fr-hero__copy
  ) {
    margin-left: 0;
    text-align: left;
  }
}