/* 모집공고 — 로고 + 전문/축약 버튼 2개 + 메인 비주얼(조감도 대신) */
.notice { padding-top: 100px; }
.notice-wrap { width: min(1202px, calc(100% - 80px)); margin: 0 auto; text-align: center; }

.notice-logo { display: flex; justify-content: center; color: var(--green-deep); }
.notice-logo svg { width: min(420px, 70%); height: auto; }

.notice-btns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 64px; }
.notice-btn {
  display: flex; align-items: stretch; min-height: 116px; overflow: hidden;
  border-radius: 18px 0 18px 0; color: #fff; text-decoration: none;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.notice-btn--all   { background: var(--green-deep); }
.notice-btn--small { background: #797168; }
.notice-btn__txt {
  flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; padding: 16px 20px;
  font-family: var(--sans); font-size: clamp(22px, 1.6vw, 30px); font-weight: 600; letter-spacing: -.02em;
}
.notice-btn__txt b { font-weight: inherit; white-space: nowrap; }
.notice-btn__txt em { font-style: normal; color: #e7d3a6; }
.notice-btn__txt small { font-size: 15px; font-weight: 400; color: rgba(255,255,255,.7); }
.notice-btn__ico { display: grid; place-items: center; width: 110px; background: rgba(0,0,0,.18); }
.notice-btn__ico svg { width: 34px; height: 34px; fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
a.notice-btn:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(10,70,54,.22); }
a.notice-btn:focus-visible { outline: 3px solid #c9a96a; outline-offset: 3px; }
.notice-btn.is-soon { cursor: default; opacity: .85; }

.notice .notice-visual { position: relative; container-type: inline-size; margin: 70px 0 0; border-radius: 28px 0 28px 0; overflow: hidden; color: #fff; }
/* 메인 첫 화면 문구 — 단위 cqw = 그림 너비의 1% */
.nv-arch { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.nv-arch text { fill: #eadfc6; font-family: var(--en); font-weight: 500; font-size: 23px; letter-spacing: 2.5px; }
.nv-center { position: absolute; left: 71.8%; top: 20%; width: 32%; transform: translateX(-50%); text-align: center; }
.nv-lead { font-family: var(--serif); font-size: 1.42cqw; opacity: .9; }
.nv-headline { margin-top: .4cqw; font-family: var(--serif); font-size: 2.05cqw; font-weight: 500; letter-spacing: .02em; }
.nv-bar { display: block; width: 1px; height: 2.4cqw; margin: 1.25cqw auto; background: rgba(243,234,219,.6); }
.nv-logo { display: flex; flex-direction: column; align-items: center; }
.nv-logo svg { width: 11.5cqw; height: auto; fill: #fff; }
.nv-logo small { margin-top: .8cqw; font-size: 1.45cqw; font-weight: 600; letter-spacing: .04em; }
.nv-script { position: absolute; left: 7.5%; bottom: 9%; font-size: 4.1cqw; line-height: 1.2; color: rgba(243,234,219,.97); transform: rotate(-8deg); transform-origin: left bottom; }
.nv-script .script-svg { display: inline-block; vertical-align: top; overflow: visible; fill: currentColor; filter: drop-shadow(0 2px 16px rgba(10,30,25,.45)); }
.nv-copy { position: absolute; right: 3.4cqw; bottom: 13%; text-align: right; font-family: 'SUIT Hero', var(--sans); line-height: 1.3; }
.nv-copy span { display: block; margin-bottom: .55em; font-size: 1.05cqw; opacity: .92; }
.nv-copy strong { display: block; font-size: 1.46cqw; font-weight: 800; }
.notice-visual img { display: block; width: 100%; height: auto; }

@media (max-width: 1024px) {
  .notice { padding-top: 48px; }
  .notice-wrap { width: calc(100% - 32px); }
  .notice-btns { grid-template-columns: 1fr; gap: 12px; margin-top: 36px; }
  .notice-btn { min-height: 80px; border-radius: 12px 0 12px 0; }
  .notice-btn__txt { font-size: 19px; }
  .notice-btn__txt small { font-size: 13px; }
  .notice-btn__ico { width: 72px; }
  .notice-btn__ico svg { width: 26px; height: 26px; }
  .notice .notice-visual { margin-top: 36px; border-radius: 16px 0 16px 0; }
}