#base_wrap {
    min-height: 100vh;
    background: #f6f8fb;
    color: #1f2937;
    font-family: "Noto Sans KR", sans-serif;
}


@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard'), url('/static/app_www/base/font/Pretendard-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

.font_p {
    font-family: 'Pretendard', "Noto Sans KR", sans-serif;
}


/* =========================================================
   www 공용 컴포넌트 (메인/회사소개/제품소개 등 페이지 공통)
   - 페이지 무관 프리미티브만 정의 (레이아웃은 각 페이지 css)
   ========================================================= */

/* 콘텐츠 래퍼 */
.hb-inner {
    width: 100%;
    max-width: 1132px;
    margin: 0 auto;
}

/* 섹션 헤더 - eyebrow(작은 라벨) */
.hb-eyebrow {
    font-size: clamp(12px, 1.4vw, 14px);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.hb-eyebrow--gold {
    color: #e3a23a;
}

.hb-eyebrow--navy {
    color: #1b3a48;
}

/* 섹션 타이틀 */
.hb-sec-title {
    font-size: clamp(22px, 3.4vw, 30px);
    font-weight: 800;
    line-height: 1.3;
    color: #1a232a;
}

.hb-sec-title--light {
    color: #fff;
}

/* 타이틀 아래 보조 설명 */
.hb-sec-desc {
    margin-top: 12px;
    font-size: clamp(14px, 1.7vw, 16px);
    line-height: 1.55;
    color: #48535b;
}

.hb-sec-desc--light {
    color: rgba(255, 255, 255, .82);
}

/* 섹션 헤더 블록 */
.hb-sec-head {
    margin-bottom: clamp(28px, 4vw, 46px);
}

.hb-sec-head--center {
    text-align: center;
}