/* 푸터·알림(준비 중 안내). 전 페이지 공통. public/styles.css에서 옮겨 왔다.
   랜딩은 styles.css를 불러오지 않으므로 버튼 기본 모양도 여기서 지운다.
   푸터 자체는 배경을 칠하지 않고, 페이지 마지막 배경 위에 유리 패널만 올린다.
   - 기본: 밝은 배경용(흰 유리·진한 글자). 문의하기·숨김 페이지
   - .site-footer--on-dark: 어두운 배경·사진용(투명 유리·밝은 글자). 랜딩·회사소개
   - .site-footer--overlap: 푸터 높이(--footer-h, js/footer.js가 잰다)만큼 위로 겹쳐 올라온다. 바로 위 배경이 그만큼 늘어나 있어야 한다 */
.site-footer{
  --footer-fg:#0c0c0e;--footer-fg-2:rgba(12,12,14,.62);--footer-line:rgba(12,12,14,.14);
  --footer-glass:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.5));--footer-edge:rgba(255,255,255,.85);--footer-shadow:0 24px 60px rgba(12,12,14,.12);
  position:relative;z-index:1;margin-top:20vw;padding-top:20px;background:transparent;color:var(--footer-fg-2)
}
.site-footer--on-dark{
  --footer-fg:#f4f3f1;--footer-fg-2:rgba(244,243,241,.66);--footer-line:rgba(244,243,241,.18);
  --footer-glass:linear-gradient(135deg,rgba(244,243,241,.14),rgba(244,243,241,.05));--footer-edge:rgba(244,243,241,.22);--footer-shadow:0 24px 60px rgba(0,0,0,.35)
}
.site-footer-no-marquee{margin-top:0;padding-top:0}
.site-footer--overlap{margin-top:calc(-1 * var(--footer-h, 0px))}
.footer-background{padding:72px 6vw}
.footer-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:48px 56px;border:1px solid var(--footer-edge);border-radius:24px;background:var(--footer-glass);-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),var(--footer-shadow)}
.footer-logo{width:232px;height:calc(232px * 58 / 270)}
.footer-details{width:100%;border-top:1px solid var(--footer-line);padding-top:40px}
.company-info,.copyright{font-size:16px;line-height:1.7;letter-spacing:-.01em;color:var(--footer-fg-2)}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:16px;line-height:1.7;letter-spacing:-.01em;font-weight:400;color:var(--footer-fg)}
.footer-links :is(button,a){background:none;padding:0;color:inherit;white-space:nowrap}
.footer-links :is(button,a)+:is(button,a){border-left:1px solid var(--footer-line);padding-left:10px}
.footer-links button{border:0;font:inherit;cursor:pointer}
@media (hover:hover){.footer-links :is(button,a):hover{text-decoration:underline}}
.notice{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:14px 20px;border-radius:12px;background:#1a1a1a;color:white;font-size:15px;line-height:1.5;box-shadow:0 4px 24px #0003}
@media(max-width:900px){
  .footer-background{padding:48px 6vw}
  .footer-wrap{gap:30px;padding:36px 32px;border-radius:20px}
  .footer-logo{width:190px;height:calc(190px * 58 / 270)}
  .company-info{font-size:13px;line-height:1.8;word-break:keep-all}
  .copyright{font-size:12px}
  .footer-links{font-size:14px;gap:10px;margin-bottom:12px}
}
@media(max-width:480px){
  .footer-background{padding:32px 16px}
  .footer-wrap{padding:28px 22px;border-radius:18px}
  .footer-logo{width:170px;height:calc(170px * 58 / 270)}
  .footer-details{padding-top:28px}
}