/* ============================================================
   kt잇다 — 공통 레이아웃 스타일 (common.css)
   디자인 토큰(:root) + 리셋 + .wrap. 모든 페이지에서 가장 먼저 1회 로드.
   (header.css / footer.css 는 이 파일 뒤에 로드)
   ============================================================ */

:root{
  /* Gray scale */
  --gray-50:#F9FAFB;
  --gray-100:#F3F4F6;
  --gray-200:#E5E7EB;
  --gray-300:#D1D5DB;
  --gray-400:#9CA3AF;
  --gray-500:#6B7280;
  --gray-600:#4B5563;
  --gray-700:#374151;
  --gray-800:#1F2937;
  --gray-900:#111827;
  /* Brand blue */
  --blue-600:#2563EB;
  --blue-700:#1D4ED8;
  /* Layout */
  --maxw:1280px;
  /* Radius */
  --r-6:6px;
  --r-8:8px;
  --r-10:10px;
  --r-full:999px;
}

/* Reset */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:'Pretendard',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic','맑은 고딕',sans-serif;
  color:var(--gray-900);
  background:#fff;
  line-height:1.5;
  letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; color:inherit; background:none; border:none; padding:0; cursor:pointer; }
img{ max-width:100%; display:block; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6,p,figure{ margin:0; }
input,select,textarea{ font-family:inherit; }
svg{ display:block; }

/* 공통 컨테이너 */
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }
@media (max-width:768px){ .wrap{ padding:0 16px; } }