/* 4Q BUILD 001.7.117 — footer-only, loaded after the existing theme. */
.footer { margin:64px 0 0 !important; padding:0 0 34px !important; background:#f8f6f1 !important; border-top:1px solid #e9e0e2 !important; color:#665763 !important; font-family:'Noto Sans KR',sans-serif !important; }
.footer .footer-container { max-width:1240px !important; margin:0 auto !important; padding:0 28px !important; }
.footer .footer-main { display:grid !important; grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(135px,1fr)) !important; align-items:start !important; gap:clamp(24px,3.5vw,56px) !important; padding:49px 0 42px !important; }
.footer .footer-identity { min-width:0 !important; }
.footer .footer-logo { display:inline-flex !important; align-items:baseline !important; gap:3px !important; text-decoration:none !important; font:800 37px/1 'DM Sans',sans-serif !important; letter-spacing:-.09em !important; color:#392737 !important; }
.footer .footer-logo i { font-style:normal !important; color:#b85c79 !important; font-size:37px !important; }
.footer .footer-slogan { margin:14px 0 10px !important; font-size:13px !important; font-weight:700 !important; color:#594653 !important; }
.footer .footer-summary { margin:0 !important; font-size:12px !important; line-height:1.85 !important; color:#857781 !important; }
.footer .footer-menu { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:10px !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
.footer .footer-menu h2 { display:block !important; margin:2px 0 10px !important; font-size:13px !important; font-weight:800 !important; line-height:1.4 !important; color:#453340 !important; }
.footer .footer-menu a, .footer .footer-menu button { all:unset; box-sizing:border-box !important; display:block !important; font-family:'Noto Sans KR',sans-serif !important; font-size:12px !important; font-weight:500 !important; line-height:1.7 !important; color:#736570 !important; cursor:pointer !important; text-decoration:none !important; white-space:normal !important; }
.footer .footer-menu a:hover,.footer .footer-menu button:hover { color:#a24e70 !important; text-decoration:underline !important; text-underline-offset:4px !important; }
.footer :is(a,button):focus-visible { outline:2px solid #b85c79 !important; outline-offset:4px !important; border-radius:2px !important; }
.footer .footer-contact { display:flex !important; align-items:center !important; gap:14px !important; border-top:1px solid #e9e0e2 !important; padding:19px 0 !important; font-size:12px !important; }
.footer .footer-contact span { font:800 10px/1.5 'DM Sans',sans-serif !important; letter-spacing:.13em !important; color:#9b647c !important; }
.footer .footer-contact a { color:#634859 !important; font-size:12px !important; font-weight:650 !important; text-decoration:none !important; }
.footer .footer-contact a:hover { text-decoration:underline !important; }
.footer .footer-legal { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:24px !important; border-top:1px solid #e9e0e2 !important; padding:18px 0 0 !important; color:#8e8189 !important; font-size:11px !important; }
.footer .footer-legal p { margin:0 !important; max-width:750px !important; line-height:1.8 !important; }
.footer .footer-legal span { white-space:nowrap !important; }
@media(max-width:960px) { .footer .footer-main { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:30px !important; } .footer .footer-identity { grid-column:1/-1 !important; } }
@media(max-width:650px) { .footer { margin-top:44px !important; padding-bottom:110px !important; } .footer .footer-container { padding:0 20px !important; } .footer .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:29px 20px !important; padding:36px 0 31px !important; } .footer .footer-logo,.footer .footer-logo i { font-size:34px !important; } .footer .footer-menu h2 { margin-bottom:6px !important; } .footer .footer-contact { align-items:flex-start !important; flex-direction:column !important; gap:4px !important; } .footer .footer-legal { flex-direction:column !important; gap:8px !important; font-size:10px !important; } }
html.fourq-ios-pwa .footer { padding-bottom:24px !important; }