/* 청약안내 — 1단계 탭(6) + 특별공급 세부 탭(6) + 내용 패널
   칸이 붙은 사각 탭: 활성 = 진한 초록 면 + 흰 글자, 비활성 = 흰 면 + 얇은 테두리 + 초록 글자 */
.apply { padding-top: 90px; }
.apply-wrap { width: min(1202px, calc(100% - 80px)); margin: 0 auto; }

.apply-tabs, .apply-subtabs { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; }
.apply-tabs { grid-template-columns: repeat(4, 1fr); } /* 2026-10-30 탭 2개 숨겨 4칸 (다시 열면 이 줄 삭제) */
.apply-subtabs { margin-top: 14px; }
.apply-subtabs[hidden] { display: none; }

.apply-tab, .apply-subtab {
  position: relative; min-height: 68px; padding: 10px 8px; margin: 0 -1px -1px 0;
  border: 1px solid #ddd8cf; border-radius: 0; background: #fff;
  font-family: var(--sans); font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing: -.02em;
  color: var(--green-deep); cursor: pointer; word-break: keep-all;
  transition: background .25s, color .25s, border-color .25s;
}
.apply-subtab { min-height: 56px; font-size: 17px; }
/* 세부 탭: 배경 #EBE9DC / 활성 #C8BAA7 / 라인 흰색 */
.apply-subtabs .apply-subtab { background: #EBE9DC; border-color: #fff; }
.apply-subtabs .apply-subtab:hover { background: #E0DDCC; }
.apply-subtabs .apply-subtab[aria-selected="true"] { background: #C8BAA7; border-color: #fff; color: var(--green-deep); }
.apply-tab:hover, .apply-subtab:hover { background: #f6f4ec; }
.apply-tab[aria-selected="true"], .apply-subtab[aria-selected="true"] {
  z-index: 1; background: var(--green-deep); border-color: var(--green-deep); color: #fff; font-weight: 600;
}
.apply-tab:focus-visible, .apply-subtab:focus-visible { outline: 3px solid #c9a96a; outline-offset: -3px; z-index: 2; }

.apply-body { margin-top: 44px; }
.apply-panel[hidden] { display: none; }
.apply-panel__img { display: block; width: 100%; height: auto; border: 1px solid #eee; }

.apply-soon {
  display: grid; place-items: center; align-content: center; gap: 14px;
  min-height: 360px; padding: 60px 20px; text-align: center; background: #f6f4ec;
}
.apply-soon strong { font-family: var(--serif); font-size: clamp(22px, 1.9vw, 34px); font-weight: 600; color: var(--green-deep); }
.apply-soon span { font-size: 18px; color: var(--gray); }

@media (max-width: 1024px) {
  .apply { padding-top: 40px; }
  .apply-wrap { width: calc(100% - 32px); }
  .apply-tabs, .apply-subtabs { grid-template-columns: repeat(3, 1fr); }
  .apply-tabs { grid-template-columns: repeat(2, 1fr); } /* 2026-10-30 4칸 → 모바일 2x2 */
  .apply-tab, .apply-subtab { min-height: 52px; font-size: 14px; padding: 6px 4px; }
  .apply-body { margin-top: 28px; }
  .apply-soon { min-height: 240px; padding: 40px 16px; }
  .apply-soon span { font-size: 15px; }
}