@charset "utf-8";
/* ─────────────────────────────────────────────────────────────────────
   프리텐다드(Pretendard) 사이트 전체 적용

   ■ 되돌리는 법
     theme/rb.basic/head.sub.php 안의
         $rb_use_pretendard_all = true;
     이 줄을 false 로만 바꾸면 원래 폰트로 돌아갑니다.
     이 파일은 지우지 않아도 됩니다. (불러오지 않으면 아무 일도 하지 않아요)

   ■ 원래는 어떻게 돼 있었나
     테마가 프리텐다드를 굵기별로 이름을 나눠 넣어 두었습니다.
         font-R = 보통(400) / font-B = 굵게(700) / font-H = 아주굵게(900)
     그래서 500·600·800 같은 중간 굵기는 없었고, 브라우저가 억지로
     굵게 흉내 내어(가짜 굵기) 글자가 뭉개져 보이는 곳이 있었습니다.
     여기서는 굵기가 모두 들어 있는 프리텐다드 한 벌을 쓰도록 바꿉니다.
   ───────────────────────────────────────────────────────────────────── */

:root {
    --rb-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
               system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}

/* ── 화면의 모든 글자 ────────────────────────────────────────────
   예전에는 body · 버튼 · 입력칸 · 제목 · 표처럼 "자주 쓰는 것"만 골라
   지정했습니다. 그런데 곳곳에 style 속성으로 글꼴을 따로 박아 둔 곳이
   있어서, 화면마다 글꼴이 조금씩 달라 보였습니다.
   (말풍선 같은 가상 요소도 따로 지정해 주지 않으면 빠집니다)

   그래서 여기서는 하나도 빠지지 않게 전부 지정합니다.
   아이콘 글꼴만 아래에서 다시 예외로 빼 둡니다. */
html, body, *, *::before, *::after,
.font-R, .font-B, .font-H {
    font-family: var(--rb-font) !important;
}

/* 입력칸·단추는 브라우저가 자기 글꼴을 쓰려 해서 한 번 더 못박습니다. */
input, select, textarea, button, optgroup, option {
    font-family: var(--rb-font) !important;
}

/* 원래 굵기 그대로 유지 —
   font-B · font-H 는 "이름만 붙여도 굵게" 나오던 것들이라 굵기를 붙들어 둡니다.
   font-R 은 건드리지 않습니다. (굵게 지정한 곳은 이제 진짜 굵은 글자로 나옵니다) */
.font-B { font-weight: 700 !important; }
.font-H { font-weight: 900 !important; }

/* ── 아이콘 글꼴은 절대 건드리지 않습니다 ──────────────────────────
   아이콘은 "글자 모양"으로 그림을 그리는 것이라, 글꼴을 바꾸면
   아이콘 자리에 네모나 엉뚱한 글자가 나옵니다.
   위의 전체 지정보다 뒤에 오고 더 자세한 선택자라 이쪽이 이깁니다. */
.fa, .fas, .far, .fab, .fal,
[class^="fa-"], [class*=" fa-"],
.fa::before, .fas::before, .far::before, .fab::before, .fal::before,
[class^="fa-"]::before, [class*=" fa-"]::before { font-family: "FontAwesome" !important; }

.swiper-button-prev::after, .swiper-button-next::after,
.swiper-pagination-arrow::after { font-family: swiper-icons !important; }

/* 다른 아이콘 글꼴을 쓰는 곳이 있으면 여기에 한 줄씩 더하면 됩니다. */
.material-icons, .material-icons::before,
.xi, [class^="xi-"], [class*=" xi-"],
.bi, [class^="bi-"], [class*=" bi-"],
[class^="glyphicon"], [class*=" glyphicon"] { font-family: inherit; }
.material-icons, .material-icons::before { font-family: 'Material Icons' !important; }

/* ── 고정폭 글자는 그대로 둡니다 ───────────────────────────────────
   주소·번호를 줄 맞춰 보여 주는 곳이 있어서, 여기까지 바꾸면
   글자 폭이 흐트러집니다. 이 줄이 필요 없으면 지우셔도 됩니다. */
code, kbd, samp, pre, pre * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "D2Coding", monospace !important;
}