/* Figma 419:3213. Shared by the main and company pages. */
.new-footer.figma-footer{--blue-light:#b9d9ff;padding:60px 0 40px;background:#071426 url('../pages/index/redesign/footer/background.png') center/cover no-repeat;color:#d5d5d5;font:400 14px/1.6 'Pretendard','Noto Sans KR',sans-serif}
.figma-footer .footer-layout{width:100%;max-width:1920px;margin-inline:auto;padding-inline:clamp(24px,7.3vw,140px);display:flex;flex-direction:column;gap:40px}
.figma-footer :is(a,button):focus-visible,.policy-dialog :is(a,button):focus-visible{outline:3px solid #368ff6;outline-offset:5px}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:stretch}
.footer-company{display:flex;flex-direction:column;justify-content:space-between;gap:50px;min-width:0}
.footer-brand-menu{display:flex;align-items:flex-start;gap:90px}
.footer-home{display:block;flex:none;width:220px;height:60px}
.footer-home img{width:220px;height:60px;object-fit:contain}
.footer-menu{display:flex;align-items:center;flex-wrap:wrap;gap:20px 40px}
.footer-menu a,.footer-policy{font-size:15px;font-weight:600;line-height:1.45;white-space:nowrap}
.footer-menu a{color:var(--blue-light)}
.footer-menu a:hover,.footer-policy:hover{color:#fff}
.footer-policy{padding:0;background:none;color:var(--blue-light)}
.footer-info{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.7}
.footer-business{display:flex;flex-wrap:wrap;gap:0 10px}
.footer-info b{font-weight:600}
.footer-offices{display:flex;flex-wrap:wrap;gap:5px 16px;line-height:1.6}
.footer-offices span{overflow-wrap:anywhere}
.footer-offices b{margin-right:5px;letter-spacing:.6px;white-space:nowrap}
.footer-support{display:flex;flex-direction:column;align-items:flex-end;gap:16px;text-align:right}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.footer-phone{font-size:40px;font-weight:600;line-height:1.1;color:#fff;white-space:nowrap;letter-spacing:-.02em}
.footer-email{font-size:16px;font-weight:500;line-height:1.5;color:#ffffffcc}
.footer-hours{font-size:13px;font-weight:500;line-height:1.5;color:#bfd3eeb3}
.figma-footer .family-dropdown{position:relative;width:260px;max-width:100%;margin-top:6px;grid-column:auto;grid-row:auto}
.figma-footer .family-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px 13px 18px;border:1px solid #ffffff33;border-radius:10px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;line-height:1.4;text-align:left}
.figma-footer .family-arrow{width:20px;height:20px;flex:none;transition:transform .2s}
.figma-footer .family-toggle[aria-expanded=true] .family-arrow{transform:rotate(180deg)}
.figma-footer .family-toggle:disabled{cursor:not-allowed;opacity:.5}
.figma-footer .family-soon{margin-left:6px;font-size:12px;font-style:normal;font-weight:400;opacity:.8}
.figma-footer .family-links{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:60;display:flex;flex-direction:column;gap:0;padding:8px;background:#263142;border:1px solid #ffffff33;border-radius:10px;box-shadow:0 8px 30px #0004}
.figma-footer .family-links[hidden]{display:none}
.figma-footer .family-links a{padding:10px;border-radius:6px;color:#fff;font-size:14px}
.figma-footer .family-links a:hover{background:#ffffff18}
.footer-copyright{font-size:12px;line-height:1.4;color:#8d98a8}
.policy-dialog{margin:auto;border:0;border-radius:20px;width:min(520px,90vw);padding:40px;background:#fff;color:#151a21;box-shadow:0 20px 80px #0004;font:400 16px/1.6 'Pretendard','Noto Sans KR',sans-serif}
.policy-dialog::backdrop{background:#0f172a88;backdrop-filter:blur(5px)}
.policy-dialog h2{margin:0;font-size:24px;font-weight:600;line-height:1.32;letter-spacing:-.04em;word-break:keep-all}
.policy-dialog p{margin:20px 0 28px}
.policy-dialog .dialog-close{position:absolute;right:12px;top:8px;background:none;font-size:26px}
.policy-dialog .policy-link{display:inline-flex;align-items:center;justify-content:center;background:#368ff6;color:#fff;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:600;line-height:1.4;transition:transform .2s}
.policy-dialog .policy-link:hover{transform:translateY(-3px);filter:brightness(1.04)}
@media(max-width:1700px){.footer-brand-menu{flex-direction:column;gap:30px}.footer-company{gap:40px}.footer-menu{gap:16px 28px}}
@media(max-width:1100px){
  .footer-main{grid-template-columns:minmax(0,1fr) 260px;gap:40px}
  .footer-phone{font-size:34px}
  .footer-offices{flex-direction:column;gap:6px}
}
@media(max-width:768px){
  .new-footer.figma-footer{padding:48px 0 32px}
  .figma-footer .footer-layout{gap:32px;padding-inline:24px}
  .footer-main{grid-template-columns:1fr;gap:40px}
  .footer-brand-menu{gap:28px}
  .footer-home,.footer-home img{width:183px;height:50px}
  .footer-menu{gap:16px 24px}
  .footer-menu a,.footer-policy{font-size:14px}
  .footer-info{font-size:13px;gap:12px}
  .footer-support,.footer-contact{align-items:flex-start;text-align:left}
  .footer-phone{font-size:34px}
  .footer-support{gap:16px}
  .footer-hours{font-size:12px}
  .footer-copyright{font-size:11px}
  .policy-dialog{padding:36px 24px}
}
@media(prefers-reduced-motion:reduce){.figma-footer .family-arrow,.policy-dialog .policy-link{transition:none}.policy-dialog .policy-link:hover{transform:none}}
