/* =====================================================
   COMMON.CSS
   라온인포텍 전체 페이지 공통 스타일

   1. 기본 초기화
   2. HTML / BODY
   3. 공통 배경 및 글꼴
   4. 입력 요소
   ===================================================== */


/* =====================================================
   1. 기본 초기화
   ===================================================== */

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


/* =====================================================
   2. HTML / BODY
   ===================================================== */

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

html {
    overflow-x: clip;
}


/* =====================================================
   3. 공통 배경 및 글꼴
   - 별도 TTF 폰트 사용하지 않음
   - 운영체제 기본 시스템 폰트 사용
   - 기존 연한 스카이블루 배경 유지
   ===================================================== */

body {
    min-height: 100vh;

    font-family:
        system-ui,
        -apple-system,
        "Malgun Gothic",
        sans-serif;

    background-color: #eff8ff;
}


/* =====================================================
   4. 입력 요소 공통 설정
   ===================================================== */

button,
input,
select,
textarea {
    font-family: inherit;
}