@charset "utf-8";

.container {
  display: none !important; /* content.php 기본 래퍼 — 콘텐츠는 content_area 블럭이 렌더링 */
}

.organization-page .sub-hero {
  padding-bottom: 0;
}

.organization-page .sub-hero__head {
  padding-bottom: calc(var(--px)*112.203125);
}

/* 공통 흰 범프의 알파 윤곽을 사용해 케이터링 배경색으로 표시한다. */
.organization-page .sub-hero__bump {
  background-color: #fff8dd;
  mask: url('/images/sub-hero_01.png') center / 100% 100% no-repeat;

  & img {
    opacity: 0; /* 이미지 박스는 유지하고 색상은 부모의 마스크가 그린다. */
  }
}

.organization-page .sub-hero__emblem {
  inset-inline-end: calc(var(--px)*1);
  bottom: calc(var(--px)*-9);
}

.organization-page .tab-nav {
  --tab-nav-lift: calc(var(--px)*82);
  padding-top: calc(var(--px)*82);
}

.organization-page .tab-nav__bar {
  border-color: transparent;
}

.organization-page .tab-nav__link {
  padding: calc(var(--px)*27) calc(var(--px)*47.5) calc(var(--px)*25);
}

@media (max-width:599px) {
  .organization-page .sub-hero__head {
    padding-bottom: 12.8vw;
  }

  .organization-page .sub-hero__emblem {
    inset-inline-end: 0;
    bottom: -0.8533vw;
  }

  .organization-page .tab-nav__link {
    padding: 4.2667vw 5.3333vw;
  }
}