@charset "utf-8";

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 2. HTML 요소에 기본적인 스타일 초기화 */
html {
  font-size: 14px; /* 기본 글꼴 크기 */
  line-height: 1.5; /* 기본 줄 높이 설정 */
}

body {
  font-family: 'NotoSans-Kr','AvenirNext', 'arial', 'helvetica', sans-serif; /* 기본 폰트 설정 */
  background-color: #fff; /* 기본 배경색 */
  color: #000; /* 기본 글자 색 */
  line-height: 1.5; /* 기본 줄 간격 */
}

/* 3. 모든 링크에 기본 스타일을 없애기 */
a {
  text-decoration: none; /* 밑줄 제거 */
  color: inherit; /* 부모 요소의 색상 상속 */
}

/* 4. 리스트 스타일 초기화 */
ul,
ol {
  list-style: none; /* 리스트 아이템 기본 점/번호 제거 */
}

/* 5. 테이블 스타일 초기화 */
table {
  border-collapse: collapse; /* 테이블 경계선 합침 */
  border-spacing: 0; /* 테이블 셀 간격 제거 */
}

/* 6. 입력 요소 스타일 초기화 */
input,
textarea,
button,
select {
  border: none; /* 기본 테두리 제거 */
  outline: none; /* 포커스 시 나타나는 테두리 제거 */
  background: none; /* 배경색 제거 */
  font: inherit; /* 부모 폰트 상속 */
}

/* 7. 이미지 스타일 초기화 */
img {
  max-width: 100%; /* 이미지가 부모 요소를 벗어나지 않도록 설정 */
  display: block; /* 기본적으로 inline-block인 이미지를 block으로 변경하여 여백 문제 해결 */
  height: auto; /* 비율에 맞게 자동 크기 조정 */
}

/* 8. 폼 요소 스타일 초기화 */
button,
input[type="button"],
input[type="submit"],
select {
  background-color: transparent; /* 기본 배경색 제거 */
  cursor: pointer; /* 커서를 포인터로 변경 */
}

/* 9. 기본 폰트 스타일 설정 */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Land Rover Web', 'NotoSans-Kr', sans-serif;
  font-weight: normal; /* 기본 헤딩 폰트 두께 초기화 */
  line-height: 1.2; /* 헤딩 줄 높이 설정 */
}

/* 10. 기본 링크 스타일 */
a:focus,
a:hover {
  outline: none; /* 포커스 시 outline 제거 */
  text-decoration: none; /* 기본 underline 제거 */
}