button{cursor:pointer;}
.logo{height:40px; margin:10px 0;}
/* app.css ───────── 공통(베이스) 위에 얹는 최소 보강 레이어 ───────── */
.logo a { display:inline-block; width:100%; height:40px; }

.logo img {display:block;  width:auto; height:40px; }

/* 6) 메인/히어로: 베이스 존재 → 패딩/보더/타이틀 사이즈만 보강 */
.site-main { min-height:calc(100vh - 180px); }

.footer-cols {
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap;
}
.footer-links{display:flex;}
.footer-links a { display:inline-block;margin-right:12px; color:#333; }
.site-header .hamburger{display:none;}

/* 데스크톱 기본 */
.site-header { position: relative; z-index: 100; }
.site-header .contact-btn { display: inline-block; }

/* 모바일 (<=820px) — 단일 블록로 통합 */
@media (max-width: 768px) {


  .footer-links{display:flex;flex-direction:row;flex-wrap:wrap;}
  .footer-links a { display:inline-block;margin-right:12px; color:#333; }

}