/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .footer_gnb .inner {padding-left: 0px !important; padding-right: 0px !important;}
    .footer_copy .inner {padding-left: 0px !important; padding-right: 0px !important;}
}


/* Base */
.site-footer{
  border-top:1px solid #eee;
  background:#fff;
  color:#666; font-size:13px; line-height:1.6;
}
.footer-inner{
  margin:0 auto;
  padding:20px 0;
  max-width: var(--tb-max-width);
}

/* === 3열 + 2행 그리드 ===
   Row1: logo | nav  | cs
   Row2: logo | meta | cs
*/
.footer-grid{
  display:grid;
  grid-template-columns: 180px 1fr 140px; /* 필요시 폭 조절 */
  grid-template-rows: auto auto;
  grid-template-areas:
    "logo nav  cs"
    "empty meta cs"
    "empty sns cs";
  gap:10px 16px;
  align-items:center;
}

/* 로고 (두 행 병합) */
.footer-logo{ grid-area: logo; align-self:center; }
.brand{ display:inline-flex; align-items:center; gap:10px; color:inherit; text-decoration:none; }
.brand-img{ max-width:160px; height:auto; display:inline-block; }
.brand-text{ display:none; font-weight:700; font-size:18px; letter-spacing:-.2px; }
/* 이미지 없으면 텍스트 로고 */
.brand-img[src=""], .brand-img:not([src]){ display:none; }
.brand-img[src=""], .brand-img:not([src]) + .brand-text{ display:inline-block; }

/* 메뉴 (가운데 1행) */
.footer-nav{
  grid-area: nav;
  display:flex; flex-wrap:wrap;
  gap:10px 14px;
  justify-content:flex-start;
  color:#777;
  font-size: 14px;
}
.footer-nav a{ text-decoration:none; color:inherit; white-space:nowrap; padding:2px 0; }
.footer-nav a:not(:last-child)::after{
  content:""; display:inline-block; width:1px; height:12px; background:#ddd;
  margin-left:20px; position:relative; top:2px;
}

/* 사이트 정보 (가운데 2행) */
.footer-meta{ grid-area: meta; color:#777; align-self:start; }
.footer-meta p{ margin:4px 0; word-break: auto-phrase; }
.footer-meta p span:not(:last-child)::after{ content:"|"; color:#ddd; margin:0 8px; }
.footer-meta a{ color:inherit; text-decoration:none; }
.footer-meta a:hover{ text-decoration:underline; }
.footer-meta p.copyright {margin-top: 20px;}

/* 고객센터 (두 행 병합) */
.footer-cs{ grid-area: cs; display:flex; gap:10px; justify-content:flex-end; align-self:baseline; font-size: 16px; }

.footer-sns { grid-area: sns; display: flex; align-items: flex-start; gap:10px; }
.cs-label{ color:#555; font-weight:600; letter-spacing:-.2px; }

/* Responsive */
@media (max-width: 1024px){
  .footer-inner { max-width: 100%; padding:20px; }
  .footer-nav a:not(:last-child)::after {margin-left:10px;}
  .footer-nav {justify-content: center; gap: 10px 10px; font-size: 12px;}
  .footer-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "logo"
      "nav"
      "meta"
      "cs";
    grid-template-rows: auto;
    gap:8px 0;
  }
  .footer-grid > div { text-align: center; justify-content: center; margin: 15px 0; }
  .footer-cs{ justify-content:flex-start; margin-top: 10px; }
}

/* Dark Mode */
@media (prefers-color-scheme: dark){
  .site-footer{ background:#0b0b0b; color:#b7b7b7; border-top-color:#1d1d1d; }
  .footer-nav a:not(:last-child)::after{ background:#2a2a2a; }
  .footer-meta p span:not(:last-child)::after{ color:#2a2a2a; }
  .cs-label{ color:#ddd; }
}