@charset "utf-8";

/* 1. 모든 요소의 box-sizing을 border-box로 설정 (패딩/테두리 포함 크기 계산) */
/*
*, *::before, *::after {
  box-sizing: border-box;
}
*/

/* 2. 브라우저 기본 마진과 패딩 초기화 */
* {
  margin: 0;
  padding: 0;
}

/* 3. HTML5 태그들을 블록 요소로 명시 (구형 브라우저 대응) */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* 4. body 설정: 텍스트 렌더링 최적화 및 기본 높이 확보 */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

/* 5. 이미지 및 미디어 요소가 부모 너비를 넘지 않도록 설정 */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 6. 폼 관련 요소의 폰트 상속 (브라우저 기본 폰트 무시 방지) */
input, button, textarea, select {
  font: inherit;
}

/* 7. 리스트 스타일 제거 */
ol, ul {
  list-style: none;
}

/* 8. 링크 기본 밑줄 제거 및 색상 상속 */
a {
  text-decoration: none;
  color: inherit;
}

/* 9. 테이블 여백 제거 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}