/* ============================================================
   Reset
   ============================================================ */
*, *::before, *::after {
    margin: 0; padding: 0; border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
}

body {
    line-height: 1.4;
    font-family: "KBFGText", "pretendard", sans-serif, 'Noto Sans KR';
    font-size: 1.6rem;
}

ol, ul { list-style: none; }

a { color: #000; text-decoration: none; cursor: pointer; }

img { max-width: 100%; height: auto; vertical-align: top; }


/* ============================================================
   Layout — body 디바이스 클래스
   ============================================================ */
body.mo,
body.pc {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}

body.mo,
body.pc { max-width: 720px; }


/* ============================================================
   Container
   ============================================================ */
.container {
    min-width: 320px;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    font-size: 16px;
}


/* ============================================================
   배경 이미지 — 디바이스별 표시
   ============================================================ */
.page-bg {
    width: 100%;
}

body.mo .page-bg--mo,
body.pc .page-bg--pc {
    display: block;
}


/* ============================================================
   CTA
   ============================================================ */
.floating-cta-wrap {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 2;
}


/* ============================================================
   접근성 — 스크린 리더 전용 (SEO)
   ============================================================ */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ============================================================
   로컬 개발 — CTA 링크 시각화
   ============================================================ */
.is-local a {
    border: 1px solid red;
}