/* ============================================================
   reset.css - 브라우저 기본 스타일 초기화

   설명: 각 브라우저마다 기본 스타일이 다르기 때문에,
         모든 브라우저에서 동일하게 보이도록 기본 스타일을 제거합니다.
   ============================================================ */

/* 모든 요소의 여백과 패딩을 0으로 초기화 */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    /* box-sizing: border-box → 패딩과 테두리가 요소 크기에 포함됨 */
    box-sizing: border-box;
}

/* HTML 기본 설정 */
html {
    /* 부드러운 스크롤 효과 */
    scroll-behavior: smooth;
    /* 기본 폰트 크기 (rem 단위의 기준) */
    font-size: 16px;
}

/* 본문 기본 설정 */
body {
    /* 줄 간격 */
    line-height: 1.7;
    /* 폰트 렌더링 최적화 (글자가 더 선명하게 보임) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 이미지 기본 설정 */
img,
picture,
video,
canvas,
svg {
    /* 이미지가 부모 요소를 넘지 않도록 */
    display: block;
    max-width: 100%;
}

/* 입력 폼 요소 - 부모의 폰트 상속 */
input,
button,
textarea,
select {
    font: inherit;
}

/* 제목 요소 - 폰트 크기를 CSS에서 직접 관리 */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* 링크 기본 스타일 제거 */
a {
    text-decoration: none;
    color: inherit;
}

/* 리스트 기본 마커(●) 제거 */
ul, ol {
    list-style: none;
}

/* 버튼 기본 스타일 제거 */
button {
    cursor: pointer;
    border: none;
    background: none;
}

/* 표 테두리 겹침 방지 */
table {
    border-collapse: collapse;
}