@charset "utf-8";

.container {
    display: none !important; /* content.php 기본 래퍼 — 본문은 콘텐츠 블럭에서 렌더링 */
}
/* 양식 섹션이 붙기 전에는 푸터 장식 공간을 본문 밖에서 확보한다. */
.inquiry-page:not(:has(> .icon02, > .icon03, > .icon04, > .icon05, > .icon06)) {
    padding-bottom: calc(var(--px)*79);
}

/* 문의 유형 탭 — 뷰포트가 아니라 런타임 상태 토글이라 .pc/.mobile 유틸 대상이 아니다. */
/* 전환 모션은 섹션이 이미 가진 GSAP 진입 애니가 소유한다(js/inquiry-tabs.js 가 좌표를 다시 잡아 재생시킨다).
   여기에 opacity/transform transition 을 더하면 페이드가 두 겹으로 겹쳐 두 번 움직인다. */
.inquiry-page > .js-pane:not(.is-active) {
    display: none;
}

.inquiry-page > .sub-hero {
    padding-bottom: calc(var(--px)*70.203125);
}

@media (max-width:599px) {
    .inquiry-page > .sub-hero {
        padding-bottom: 6.4vw;
    }

    /* 모바일 엠블럼이 89.2vw 라 본문 끝 문구를 덮는다 — 겹침폭 10.81vw 를 클리어런스로 확보 */
    .inquiry-page,
    .inquiry-page:not(:has(> .icon02, > .icon03, > .icon04, > .icon05, > .icon06)) {
        padding-bottom: 12.8vw;
    }
}