/* ============================================================
   templates/layouts/main_v1/custom_tdc2_foot.css — 더꿈의교회 맞춤 디자인 2판의 하단(푸터) (2026-10-16)
   시안 church_home_style1.html 하단과 같은 모양: 어두운 따뜻한 회색 + 둥근 위쪽 모서리 + [로고 · 연락처 · 교인 로그인] 줄 +
   홈페이지 메뉴를 열로 + 정책/저작권 + 아래로 흐르는 큰 외곽선 글자.
   LIB/ChurchInfoHelper.php f_renderChurchFooter()가 홈·서브페이지 모두에서 이 파일을 불러옴(FOOTER_RICH_SKINS).
   ============================================================ */
.sc-foot.sc-foot-x{
  --fx-pad:clamp(20px,5.2vw,120px);
  margin-top:clamp(80px,10vw,140px);background:#3b3836;color:#e6e0da;text-align:left;overflow:hidden;
  border-radius:clamp(26px,3vw,44px) clamp(26px,3vw,44px) 0 0;padding:clamp(40px,5vw,72px) 0 0;
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  line-height:1.6;font-size:14px;letter-spacing:-.01em;word-break:keep-all;
}
.sc-foot.sc-foot-x .in{max-width:1360px;margin:0 auto;padding:0 var(--fx-pad)}
.sc-foot.sc-foot-x a{color:inherit;text-decoration:none}

/* 위 줄: 로고 · 연락처 · 로그인 */
.sc-foot-x .fx-top{display:flex;align-items:center;gap:clamp(24px,4vw,70px);flex-wrap:wrap}
.sc-foot-x .fx-logo img{height:48px;width:auto;display:block}
.sc-foot-x .fx-logo b{font-size:20px;font-weight:800;color:#fff}
.sc-foot-x .fx-info{line-height:1.8;font-size:13.5px;color:#cfcac6;overflow-wrap:anywhere}
.sc-foot-x .fx-info .tel,.sc-foot-x .fx-info .tel a{color:#fff;font-size:15px;font-weight:700}
.sc-foot-x .fx-info a:hover{color:#fff;text-decoration:underline}
.sc-foot-x .fx-cta{margin-left:auto;display:flex;align-items:center;gap:20px;border-radius:20px;background:#2c2a28;padding:16px 22px;transition:.3s}
.sc-foot-x .fx-cta:hover{background:#242220;transform:translateY(-3px)}
.sc-foot-x .fx-cta small{display:block;font-size:11px;color:#bdb7b1;letter-spacing:.04em;margin-bottom:2px}
.sc-foot-x .fx-cta b{font-size:15px;color:#fff}
.sc-foot-x .fx-cta i{font-style:normal;width:38px;height:38px;border-radius:50%;background:#fff;color:#222;display:grid;place-items:center;font-size:17px}

/* 메뉴 열 */
.sc-foot-x .fx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;padding:clamp(34px,4vw,56px) 0;border-top:1px solid rgba(255,255,255,.1);margin-top:clamp(28px,3vw,44px)}
.sc-foot-x .fx-cols h5{margin:0 0 12px;font-size:12px;font-weight:600;color:#9d968f;letter-spacing:.02em}
.sc-foot-x .fx-cols a{display:block;padding:5px 0;font-size:14px;color:#e8e3de;transition:.2s}
.sc-foot-x .fx-cols a:hover{color:#9fd6f5;padding-left:4px}

/* 정책/저작권 */
.sc-foot-x .fx-bot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.1);margin-top:0}
.sc-foot-x .fx-cols:empty + .fx-bot{margin-top:clamp(28px,3vw,44px)}
.sc-foot-x .lk{margin:0}
.sc-foot-x .lk button,.sc-foot-x .lk a{background:none;border:0;color:#bdb7b1;font:inherit;font-size:12px;padding:2px 14px 2px 0;cursor:pointer}
.sc-foot-x .lk button:hover,.sc-foot-x .lk a:hover{color:#fff;text-decoration:underline}
.sc-foot-x .lk > * + *{border-left:0}
.sc-foot-x .cp{margin:0;font-size:12px;color:#8e8882}
.sc-foot-x .cp a.tsc{color:#9fd6f5;font-weight:700}

/* 아래로 흐르는 큰 외곽선 글자 */
.sc-foot-x .fx-marq{overflow:hidden;white-space:nowrap;margin:0 calc(var(--fx-pad) * -1);padding-bottom:6px;line-height:1}
.sc-foot-x .fx-marq div{display:inline-block;font-weight:800;font-size:clamp(60px,10vw,150px);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28);animation:fx-marq 40s linear infinite}
@keyframes fx-marq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sc-foot-x .fx-marq div{animation:none}}

@media(max-width:820px){
  .sc-foot-x .fx-cta{margin-left:0;width:100%;justify-content:space-between}
  .sc-foot-x .fx-cols{grid-template-columns:1fr 1fr}
  .sc-foot-x .fx-bot{flex-direction:column;align-items:flex-start}
}