/* 오른쪽 아래 떠 있는 문의 버튼 — 메인(/)·광고 문의(/contact) 공용 (2026-11-07)
   휴대폰 하단 가로바를 대신한다. 본문을 덜 가리도록 오른쪽 아래에 세로로 쌓는다. */
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab a{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;font:700 15px/1 "Pretendard Variable",Pretendard,system-ui,sans-serif;letter-spacing:-.01em;text-decoration:none;box-shadow:0 6px 18px rgba(11,20,38,.22);transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease,visibility 0s}
.fab a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,20,38,.28)}
.fab a:focus-visible{outline:3px solid #2F6FEB;outline-offset:3px}
.fab svg{flex:none}
.fab-ask{background:#2C63D6;color:#fff}
.fab-ask:hover{background:#1D3E8F}
.fab-kakao{background:#FEE500;color:#191600}
/* 신청서가 화면에 들어오면(/contact) 넓은 화면은 「문의하기」만, 959px 이하는 입력칸을 가리지 않게 둘 다 숨긴다 */
.fab.at-form .fab-ask{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s}
@media (max-width:639px){
  .fab{right:12px;gap:8px}
  .fab a{height:44px;padding:0 15px;font-size:14px}
}
@media (max-width:959px){.fab.at-form a{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s}}
@media (prefers-reduced-motion:reduce){.fab a{transition:none}}