@charset "UTF-8";
/* ==========================================================================
   Orange Pay - 웹폰트 정의 및 전역 적용
   - 타이틀 / 큰 글씨  : Pretendard Black (900)
   - 설명 / 작은 글씨  : ONE Mobile POP
   * custom.css 뒤에 로드되어 기존 폰트 지정을 덮어씁니다.
   ========================================================================== */

/* Pretendard Variable 은 head.sub.php 의 <link> 로 선행 로드됩니다.
   CSS 단독 사용 시에는 아래 주석을 해제하세요.
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
*/

@font-face {
  font-family: 'OneStoreMobilePop';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-title: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Malgun Gothic', sans-serif;
  --font-body: 'OneStoreMobilePop', 'Pretendard Variable', Pretendard, 'Malgun Gothic', sans-serif;
}

/* --------------------------------------------------------------------------
   1. 기본 : 본문 전체는 원스토어 모바일 POP
   -------------------------------------------------------------------------- */
html,
body,
input,
button,
textarea,
select,
table,
p,
li,
dd,
dt,
span,
a,
label,
th,
td {
  font-family: var(--font-body);
}

/* 섹션 컨테이너에 걸려 있던 기존 폰트 지정 무력화 */
.ob-main,
.ob-about,
.ob-terminal,
.ob-cs,
.ob-pf,
.ob-types,
.ob-proc,
.ob-flow,
.nanumgothic *,
.wrap,
#wrapper,
#container {
  font-family: var(--font-body);
}

/* --------------------------------------------------------------------------
   2. 타이틀 / 큰 글씨 : Pretendard Black
   -------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
#container_title,
#hd_h1 {
  font-family: var(--font-title);
  font-weight: 900;
}

/* 섹션별 타이틀 클래스 */
.ob-title,
.ob-title strong,
.ob-title b,
.ob-title em,
.topbg-title,
.topbg-title strong,
.ob-types-title,
.ob-types-title strong,
.ob-proc-title,
.ob-flow-title,
.ob-flow-title em,
.ab-hero-title,
.ab-hero-title strong,
.ob-about .ab-title,
.ob-about .ab-title strong,
.tm-hero-title,
.tm-hero-title strong,
.ob-terminal .tm-title,
.ob-terminal .tm-title strong,
.tm-uses-title,
.tm-card-title h3,
.cs-hero-title,
.cs-hero-title strong,
.ob-cs .cs-title,
.cs-contact-title,
.pf-hero-title,
.pf-hero-title strong,
.ob-pf .pf-title,
.pf-funds-title,
.sec2 h2,
.btn_wrap a {
  font-family: var(--font-title);
  font-weight: 900;
}

/* 통계 수치 등 큰 숫자 */
.pf-stat-num,
.pf-process-num,
.ab-standard-num,
.ab-works-num,
.ob-flow-merit-num,
.ob-proc-num,
.ob-types-num,
.tm-card-num {
  font-family: var(--font-title);
  font-weight: 900;
}

/* --------------------------------------------------------------------------
   3. 간략 설명 / 작은 글씨 : 원스토어 모바일 POP
   -------------------------------------------------------------------------- */
.ob-eyebrow,
.ob-copy,
.ob-hero-text,
.topbg-eyebrow,
.topbg-copy,
.topbg-text,
.topbg-feature-text,
.topbg-feature-text strong,
.topbg-feature-text p,
.topbg-btn,
.ob-types-copy,
.ob-proc-copy,
.ob-proc-step,
.ob-flow-eyebrow,
.ob-flow-copy,
.ob-flow-card-sub,
.ob-flow-card-desc,
.ob-flow-cta-text,
.ob-about .ab-eyebrow,
.ab-hero-lead,
.ab-hero-copy,
.ab-copy,
.ob-about .ab-copy,
.ab-flow-label,
.ab-cta-eyebrow,
.ab-cta-text,
.ob-terminal .tm-eyebrow,
.tm-copy,
.ob-terminal .tm-copy,
.tm-hero-copy,
.tm-hero-note,
.tm-lineup,
.tm-uses-label,
.tm-cta-eyebrow,
.tm-cta-text,
.ob-cs .cs-eyebrow,
.ob-cs .cs-copy,
.cs-hero-copy,
.cs-contact-label,
.cs-faq-text,
.cs-cta-text,
.ob-pf .pf-eyebrow,
.ob-pf .pf-copy,
.pf-copy,
.pf-hero-copy,
.pf-funds-label,
.pf-stat-label,
.pf-process-step,
.pf-cta-eyebrow,
.pf-cta-text {
  font-family: var(--font-body);
}