@media (max-width:768px){
  /* 헤더/버튼/메뉴를 최상단 레이어로 올림 */
  .topbar{
    position:sticky;        /* 스크롤해도 고정되어 상단에 */
    top:0;
    z-index:10000;
    background:#fff;        /* 뒤 콘텐츠 가림 방지 */
    padding:15px 16px;
  }
  .nav-toggle{
    display:inline-flex;
    position:relative;
    z-index:10001;          /* 버튼이 항상 클릭 가능 */
    flex-direction:column; gap:5px;
    appearance:none; background:none; border:0; cursor:pointer; padding:8px;
    touch-action:manipulation;
  }
  .nav-toggle .line{ width:24px; height:2px; background:#111; transition:transform .2s, opacity .2s; }

  .nav{
    position:absolute; top:100%; left:0; right:0;
    display:block; background:#fff; border-top:1px solid #eee;
    max-height:0; overflow:hidden; transition:max-height .25s ease;
    z-index:10000;           /* 콘텐츠 위로 */
    pointer-events:none;     /* 닫힘 상태에서 터치 막기 */
  }
  .nav a{ display:block; padding:14px 20px; border-bottom:1px solid #f2f2f2; }

  /* 열림 상태 */
  .nav.is-open{
    max-height:75vh;
    pointer-events:auto;
  }

  /* 햄버거 애니메이션 */
  .nav-toggle[aria-expanded="true"] .line:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] .line:nth-child(2){ opacity:0; }
  .nav-toggle[aria-expanded="true"] .line:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
}


/* ──────────────── 모바일(≤768px) 푸터 스타일 ──────────────── */
@media (max-width: 768px) {
  .footer {
    padding: 20px 12px;              /* 상하 여백 줄임 */
    font-size: 13px;                 /* 기본 글씨 축소 */
  }

  .footer-inner {
    display: flex;
    flex-direction: column;          /* 세로 정렬 */
    align-items: center;
    text-align: center;              /* 중앙 정렬 */
    gap: 12px;
  }

  .footer .addr p {
    line-height: 1.4;
    margin: 4px 0;
  }

  .footer .addr strong {
    display: block;
    font-size: 14px;                 /* 타이틀 살짝 더 강조 */
    margin-bottom: 4px;
  }

  .footer .copy {
    font-size: 12px;
    color: #999;
  }

  .footer .sns {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 20px;
  }

  .footer .sns img {
    width: 26px;                     /* 로고 크기 축소 */
    height: auto;
    opacity: 0.9;
    transition: opacity 0.2s ease;
  }

  
  /* ✅ SMU 로고만 조금 크게 */
  .footer .sns a:first-child img {
    margin-top: 6px;
    width: 80px; /* 원하는 크기로 조절 (예: 34~40px 추천) */
  }

  .footer .sns img:hover {
    opacity: 1;
  }
}