/*
 * portal-fix.css — 포털 페이지 헤더/레이아웃 보정
 * it-portal body_class 페이지에서 로드됨
 */

/* dp-header (상세 페이지 공통 헤더) 와 it-portal-header 충돌 방지 */
body.it-portal .dp-header {
  z-index: 950;
}

/* 포털 페이지에서 sticky 헤더 top 위치 보정 */
body.it-portal .dp-header {
  top: 0;
}

/* 포털 헤더 하단 여백 보정 */
body.it-portal .it-portal-header + * {
  margin-top: 0;
}

/* 모바일에서 헤더 아이콘 간격 보정 */
@media (max-width: 600px) {
  body.it-portal .dp-icon-btn {
    width: 40px;
    height: 40px;
  }
}


/* portal fixed-header hotfix */
body.it-portal {
  --it-portal-header-height: 88px;
}

/*
 * 공통 portal 레이아웃은 항상 portal-wrap을 사용하지만,
 * 상세 페이지는 portal-header를 렌더링하지 않고 dp-header만 사용한다.
 * 이전 패치에서 portal-wrap에 기본 padding-top이 들어가며
 * 상세 화면 상단에 빈 공간이 생겼다.
 *
 * 기본값은 0으로 두고, 실제 portal-header가 렌더링된 경우에만
 * body.has-portal-header 클래스를 통해 여백을 부여한다.
 */
body.it-portal .portal-wrap {
  padding-top: 0;
}

body.it-portal.has-portal-header .portal-wrap {
  padding-top: var(--it-portal-header-height);
}

body.it-portal .it-portal-header {
  position: static;
}

body.it-portal.has-portal-header .it-portal-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1900 !important;
}

@media (max-width: 991px) {
  body.it-portal {
    --it-portal-header-height: 76px;
  }
}