/* fctzen 공통 푸터 — 푸터 스타일은 이 파일에만 있다. 마크업은 js/core/footer.js */
#site-footer{--green:var(--fz-g1);--ink:#242424;--line:var(--fz-ge9);--muted:#808080;--soft:var(--fz-gf5);color:var(--fz-g3);font-family:var(--fz-font);font-size:14px;font-weight:450;line-height:1.65;letter-spacing:-.025em;text-align:start;text-size-adjust:auto;-webkit-text-size-adjust:auto;-webkit-font-smoothing:antialiased}
@media(max-width:760px){#site-footer{font-size:13px}}
#site-footer *, #site-footer{box-sizing:border-box}
#site-footer button, #site-footer input, #site-footer textarea{font:inherit}
#site-footer button, #site-footer a{-webkit-tap-highlight-color:transparent}
#site-footer button{cursor:pointer}
#site-footer button:focus-visible, #site-footer a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
#site-footer [hidden]{display:none!important}

#site-footer .foot b{letter-spacing:-1px}

#site-footer button, #site-footer a, #site-footer input, #site-footer textarea{transition:background-color .16s,color .16s,border-color .16s}

@media(max-width:760px){

#site-footer .foot{gap:12px}
}
@media(prefers-reduced-motion:reduce){
#site-footer button, #site-footer a, #site-footer input, #site-footer textarea{transition:none}
}

@media(max-width:760px){
body.chat-route>#site-footer{min-height:0;flex:none}
body.chat-route>#site-footer{margin:0}
}
@media(max-width:760px){
body.chat-route.chat-typing>#site-footer{display:none}
}
#site-footer{box-sizing:border-box;margin-top:0;padding:26px 24px;border-top:1px solid var(--fz-ge);background:var(--fz-gf)}
#site-footer .foot{box-sizing:border-box;width:100%;max-width:976px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:var(--fz-g9);font:450 10px/1.5 var(--fz-font)}
#site-footer .foot b{color:var(--fz-g3);font-size:17px}
#site-footer .foot span{margin-left:18px;font-size:11px}
@media(max-width:760px){
#site-footer{padding:24px 16px}
#site-footer .foot span{display:none}
}
/* 푸터 — 카피라이트 옆 FAMILY SITE 드롭다운 (위로 열림) */
#site-footer .foot-right{display:flex;align-items:center;gap:14px}
#site-footer .family-site{position:relative}
#site-footer .family-toggle{display:inline-flex;align-items:center;gap:6px;border-radius:0;font-size:10px;line-height:1}

#site-footer .family-toggle svg{transition:transform .15s}

#site-footer .family-list{position:absolute;right:0;bottom:calc(100% + 4px);z-index:20;min-width:0;margin:0;padding:4px 0;list-style:none;border:1px solid var(--fz-gd);background:var(--fz-gf);box-shadow:0 4px 14px rgba(0,0,0,.06)}
#site-footer .family-list a{padding:7px 10px;color:var(--fz-g5);font-size:11px;letter-spacing:0;text-decoration:none;white-space:nowrap}
#site-footer .family-list a:hover{background:var(--fz-gf5);color:var(--fz-g1)}
@media(max-width:760px){#site-footer .foot-right{gap:10px}}
/* 덜 눈에 띄게 — 테두리 없이 카피라이트처럼 흐린 글자 */
#site-footer .family-toggle{height:auto;padding:2px 0;border:0;background:none;color:var(--fz-ga);letter-spacing:.04em}
#site-footer .family-toggle:hover,#site-footer .family-toggle[aria-expanded="true"]{border:0;color:var(--fz-g5)}
/* 화살표 대신 + (열리면 세로 막대가 접혀 −) */
#site-footer .family-toggle[aria-expanded="true"] svg{transform:none}
#site-footer .family-toggle .family-plus-v{transform-origin:center;transition:transform .15s}
#site-footer .family-toggle[aria-expanded="true"] .family-plus-v{transform:scaleY(0)}
/* 사이트 이름 옆 대각 화살표 (새 탭으로 나감) */
#site-footer .family-list a{display:flex;align-items:center;gap:5px}
#site-footer .family-out{flex:none;color:var(--fz-ga)}
#site-footer .family-list a:hover .family-out{color:var(--fz-g1)}
#site-footer .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 아이콘을 글자 가운데(대문자·한글 높이 기준)에 맞춤 — 줄 가운데보다 살짝 위 */
#site-footer .family-out{position:relative;top:0}
#site-footer .family-toggle svg{position:relative;top:0.5px}

.to-top-row{position:relative;max-width:1024px;height:0;margin:0 auto;pointer-events:none}

/* 슈토커 — 왼쪽: 사이트 이름 + 연락처(메일·트위터), 오른쪽: FAMILY SITE · © (2026-10-19) */
#site-footer .foot-brand{display:flex;align-items:center;gap:18px;min-width:0}
#site-footer .foot-brand b{position:relative;padding-left:12px;font-size:15px;letter-spacing:-.02em;color:var(--fz-g2)}
#site-footer .foot-brand b::before{content:"";position:absolute;left:0;top:50%;width:4px;height:14px;margin-top:-7px;background:var(--fz-accent)}
#site-footer .foot .foot-contact{display:flex;align-items:center;gap:14px;margin:0;font-size:11px}
#site-footer .foot-contact a{display:inline-flex;align-items:center;gap:5px;color:var(--fz-g7);text-decoration:none;letter-spacing:0}
#site-footer .foot-contact a:hover{color:var(--fz-accent-dark)}
#site-footer .foot-contact svg{flex:none;color:var(--fz-accent)}
#site-footer .foot-copy{color:var(--fz-ga);letter-spacing:.04em}
@media(max-width:760px){
#site-footer .foot{flex-direction:column;align-items:flex-start;gap:14px}
#site-footer .foot-brand{flex-direction:column;align-items:flex-start;gap:8px}
#site-footer .foot .foot-brand .foot-contact{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0}
#site-footer .foot-right{width:100%;justify-content:space-between}
}
/* Language — 한국어 / English */
#site-footer .foot-lang{display:flex;align-items:center;gap:2px;font-size:10px;letter-spacing:.04em}
#site-footer .foot-lang span{margin:0 6px 0 0;color:var(--fz-ga)}
#site-footer .foot-lang button{height:auto;padding:2px 6px;border:0;background:none;color:var(--fz-g8);font-size:11px;letter-spacing:0;cursor:pointer}
#site-footer .foot-lang button+button{border-left:1px solid var(--line)}
#site-footer .foot-lang button[aria-pressed="true"]{color:var(--fz-accent-dark);font-weight:700;cursor:default}
#site-footer .foot-lang button:hover{color:var(--fz-accent-dark)}
/* 진한 푸터 (2026-10-20) — 남색 바탕 + 밝은 글씨. 파란 포인트(막대·아이콘)는 그대로 */
#site-footer{--line:#3a4459;background:#1c2333;border-top:0;color:#c9d1e0}
#site-footer .foot-brand b{color:#fff}
#site-footer .foot-contact a{color:#aeb8cc}
#site-footer .foot-contact a:hover,#site-footer .foot-lang button:hover{color:#fff}
#site-footer .foot-contact svg{color:var(--fz-accent)}
#site-footer .foot-copy,#site-footer .foot-lang span{color:#7f8aa3}
#site-footer .foot-lang button{color:#aeb8cc}
#site-footer .foot-lang button[aria-pressed="true"]{color:#fff}
#site-footer button:focus-visible,#site-footer a:focus-visible{outline-color:#fff}
/* 내용이 짧아 화면이 남으면 푸터 아래도 푸터 색으로 — 바깥(html)은 푸터 색, 본문(body)은 흰 바탕 */
html{background:#1c2333}
body{background:var(--fz-gf)}

/* 오른쪽 줄 — 이용 안내 · 개인정보처리방침 | 한국어 · English | ©  (같은 크기·굵기, 묶음 사이 세로선) */
#site-footer .foot-right{gap:0}
#site-footer .foot-right>*{display:flex;align-items:center;font-size:12px;font-weight:400;letter-spacing:0}
#site-footer .foot-right>*+*{margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.14);line-height:12px}
#site-footer .foot-links{gap:12px}
#site-footer .foot-links a{color:#aeb8cc;text-decoration:none}
#site-footer .foot-links a.is-strong{color:#aeb8cc}
#site-footer .foot-links a:hover{color:#fff}
#site-footer .foot-lang>span{display:none}
#site-footer .foot-lang button{padding:0;font-size:12px;font-weight:400}
#site-footer .foot-lang button+button{margin-left:12px;border-left:0}
#site-footer .foot-lang button[aria-pressed="true"]{font-weight:400;color:#fff}
#site-footer .foot-copy{letter-spacing:.02em}
#site-footer .foot-contact a{font-weight:400}
/* 이름 앞 막대 — 글자 높이 가운데에 (line-height 1 + flex) */
#site-footer .foot-brand b{display:inline-flex;align-items:center;gap:8px;padding-left:0;line-height:1}
#site-footer .foot-brand b::before{position:static;flex:none;width:4px;height:15px;margin:0}
/* 좁은 화면 — 오른쪽 줄이 글자 단위로 꺾이지 않게: 줄바꿈은 묶음 단위로, 세로선은 같은 줄일 때만 */
#site-footer .foot-right>*{white-space:nowrap}
@media(max-width:760px){
#site-footer .foot-right{flex-wrap:wrap;justify-content:flex-start;row-gap:10px}
#site-footer .foot-right>*+*{margin-left:12px;padding-left:12px}
}