/* ============================================================
   대국스틸 DAEKOOK STEEL — Industrial Steel 테마
   메탈릭 스틸 그레이 + 차콜 + 스틸블루 + 스파크 오렌지
============================================================ */
@font-face{font-family:'Noto Sans KR';src:url('../fonts/NotoSansKR.woff2') format('woff2-variations');font-weight:400 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Black Han Sans';src:url('../fonts/BlackHanSans.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

:root{
  --bg:#0f1318; --bg-2:#141a22; --panel:#19212b; --panel-2:#1e2732;
  --line:#2a3543; --line-2:#34414f;
  --steel-1:#dfe4ea; --steel-2:#a7b2c0; --steel-3:#6f7c8c;
  --ink:#e9eef4; --muted:#93a0b0; --muted-2:#6f7c8c;
  --blue:#3f8fd0; --blue-2:#2f6fa8;
  --spark:#e05a2b; --spark-2:#c34a20;
  --display:'Noto Sans KR',sans-serif; --sans:'Noto Sans KR',sans-serif;
  --wrap:1200px; --radius:12px;
  --shadow:0 22px 50px -24px rgba(0,0,0,.7);
  --steelgrad:linear-gradient(145deg,#eef1f5,#aeb8c6 45%,#7f8b9b 70%,#cdd4dd);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
section{position:relative}

/* 타이포 */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--spark)}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#fff}
.display{font-family:var(--display)}
.sec{padding:100px 0}
.sec-head{max-width:780px;margin-bottom:56px}
.sec-head.center{margin:0 auto 56px;text-align:center}
.sec-head h2{font-size:clamp(28px,4vw,46px)}
.sec-head p{color:var(--muted);font-size:16.5px;margin-top:16px;font-weight:400}
.lead{color:var(--muted);font-size:17px}

/* 버튼 */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:15px 28px;border-radius:8px;border:2px solid transparent;transition:.25s;cursor:pointer;font-family:var(--sans)}
.btn-spark{background:var(--spark);color:#fff;box-shadow:0 14px 30px -14px rgba(224,90,43,.7)}
.btn-spark:hover{background:var(--spark-2);transform:translateY(-2px)}
.btn-steel{background:var(--steelgrad);color:#1a1f27;font-weight:900}
.btn-steel:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}

/* 상단바 */
.topbar{background:#0a0e12;border-bottom:1px solid var(--line);font-size:12.5px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:42px}
.topbar .l{display:flex;gap:20px;color:var(--muted)}
.topbar .l b{color:var(--steel-1)}
.topbar .r{color:var(--steel-3);letter-spacing:.02em}
@media(max-width:760px){.topbar .r{display:none}}

/* 네비 */
.nav{position:sticky;top:0;z-index:60;background:rgba(15,19,24,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:flex;align-items:center;gap:13px}
.brand .logo-img{height:50px;background:#fff;border-radius:8px;padding:6px 14px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.brand .bt{display:flex;flex-direction:column;line-height:1.05}
.brand .bt b{font-family:var(--display);font-size:23px;color:#fff;letter-spacing:.02em}
.brand .bt small{font-size:10px;letter-spacing:.28em;color:var(--blue);font-weight:700}
.links{display:flex;align-items:center;gap:4px}
.links a{padding:10px 15px;font-size:15px;font-weight:500;color:var(--muted);border-radius:7px;transition:.2s}
.links a:hover{color:#fff;background:var(--panel)}
.nav-cta{margin-left:10px;background:var(--spark);color:#fff;padding:11px 20px;border-radius:8px;font-weight:700;font-size:14.5px;transition:.25s}
.nav-cta:hover{background:var(--spark-2)}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:980px){
  .burger{display:block}
  .links{position:fixed;inset:78px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-2);border-bottom:1px solid var(--line);padding:12px 20px 20px;display:none}
  .links.open{display:flex}
  .links a{padding:14px 8px;border-bottom:1px solid var(--line)}
  .nav-cta{margin:12px 0 0;text-align:center}
}

/* 히어로 */
.hero{background:linear-gradient(100deg,rgba(244,246,248,.55) 0%,rgba(244,246,248,.18) 42%,rgba(244,246,248,0) 66%)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(15,19,24,.10));pointer-events:none}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:90px 24px 100px}
.hero h1{font-size:clamp(38px,6vw,74px);color:#fff}
.hero h1 .sp{color:var(--spark)}
.hero .sub{color:var(--steel-2);font-size:19px;margin:22px 0 14px;font-weight:700}
.hero .desc{color:var(--muted);font-size:16px;max-width:520px;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-tags{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.hero-tags span{border:1px solid var(--line-2);color:var(--steel-2);border-radius:30px;padding:7px 15px;font-size:12.5px;font-weight:700}
.hero-visual{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
@media(max-width:980px){.hero .wrap{grid-template-columns:1fr;gap:30px}.hero-visual{max-width:420px;margin:0 auto}}

/* 통계 리본 */
.ribbon{background:linear-gradient(90deg,#12181f,#161d26);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ribbon .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.ribbon .st{padding:36px 22px;text-align:center;position:relative}
.ribbon .st+.st::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:1px;background:var(--line)}
.ribbon .n{font-family:var(--display);font-size:38px;color:#fff;line-height:1}
.ribbon .n em{color:var(--spark);font-style:normal}
.ribbon .k{color:var(--muted);font-size:13px;margin-top:8px}
@media(max-width:760px){.ribbon .wrap{grid-template-columns:1fr 1fr}.ribbon .st:nth-child(odd)::before{display:none}}

/* 섹션 배경 변형 */
.sec.alt{background:transparent}
.sec.dark{background:#0b0f14}

/* 대표인사 split */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.ceo-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:36px;position:relative;overflow:hidden}
.ceo-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--spark)}
.ceo-card .q{font-family:var(--display);font-size:30px;color:#fff;line-height:1.35;margin-bottom:18px}
.ceo-card .q .b{color:var(--blue)}
.ceo-card p{color:var(--muted);font-size:15px;margin-bottom:12px}
.ceo-sign{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:12px}
.ceo-sign b{font-family:var(--display);font-size:22px;color:#fff}
.ceo-sign span{color:var(--muted);font-size:13px}
.prose h3{font-size:28px;margin-bottom:16px}
.prose p{color:var(--muted);margin-bottom:14px}
.prose .vals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.prose .vals .v{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 16px;text-align:center}
.prose .vals .v b{font-family:var(--display);font-size:20px;color:var(--blue);display:block}
.prose .vals .v small{color:var(--muted);font-size:12px}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:30px}}

/* 공장/설비 카드 */
.factories{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fac{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.28s}
.fac:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow)}
.fac-head{padding:26px 28px;background:linear-gradient(120deg,#1c2531,#161d26);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.fac-head .t b{font-family:var(--display);font-size:22px;color:#fff;display:block}
.fac-head .t small{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em}
.fac-head .range{background:var(--spark);color:#fff;font-weight:900;font-size:13px;padding:6px 14px;border-radius:30px;white-space:nowrap}
.fac-body{padding:22px 28px 28px}
.eq{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line)}
.eq:last-child{border-bottom:0}
.eq .en{font-family:var(--display);font-size:15px;color:#fff;flex:0 0 92px}
.eq .ed{color:var(--muted);font-size:13.5px}
@media(max-width:900px){.factories{grid-template-columns:1fr}}

/* 공정 타임라인 */
.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:0;counter-reset:step;margin-top:10px}
.flow .step{position:relative;padding:22px 8px;text-align:center}
.flow .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--display);font-size:13px;color:var(--spark);display:block;margin-bottom:8px}
.flow .step .ic{width:52px;height:52px;margin:0 auto 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.flow .step .nm{font-size:13px;color:var(--ink);font-weight:700;line-height:1.35}
.flow .step:not(:last-child)::after{content:"";position:absolute;top:46px;right:-6px;width:12px;height:2px;background:var(--line-2)}
.flow-note{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.flow-note span{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 16px;font-size:13px;color:var(--steel-2);font-weight:700}
.flow-note span em{color:var(--spark);font-style:normal}
@media(max-width:900px){.flow{grid-template-columns:repeat(2,1fr);gap:8px}.flow .step::after{display:none}}

/* 강종 태그 */
.grades{display:flex;flex-wrap:wrap;gap:10px;max-width:960px}
.grades span{background:var(--panel);border:1px solid var(--line-2);color:var(--steel-1);border-radius:8px;padding:10px 16px;font-size:13.5px;font-weight:700;font-family:var(--sans);transition:.2s}
.grades span:hover{border-color:var(--blue);color:#fff}
.grade-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.gc{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}
.gc h4{font-family:var(--display);color:#fff;font-size:17px;margin-bottom:10px}
.gc ul{list-style:none}
.gc li{color:var(--muted);font-size:13.5px;padding:4px 0 4px 16px;position:relative}
.gc li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:var(--blue);border-radius:1px}
@media(max-width:900px){.grade-cats{grid-template-columns:1fr}}

/* 인증/서비스 */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;border-top:3px solid var(--blue);transition:.25s}
.svc:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.svc .ic{width:48px;height:48px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--spark);margin-bottom:16px}
.svc h4{font-family:var(--display);color:#fff;font-size:19px;margin-bottom:10px}
.svc p{color:var(--muted);font-size:14px}
.class-flags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.class-flags span{border:1px solid var(--line-2);color:var(--steel-2);border-radius:6px;padding:7px 13px;font-size:12.5px;font-weight:700}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr}}

/* CTA / 오시는길 */
.cta{background:linear-gradient(120deg,#12181f,#182230);border:1px solid var(--line);border-radius:18px;padding:56px;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 50% -20%,rgba(224,90,43,.2),transparent 70%)}
.cta>*{position:relative;z-index:2}
.cta h2{font-size:clamp(26px,4vw,42px)}
.cta .phone{font-family:var(--display);font-size:34px;color:var(--spark);margin:14px 0 22px}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.info-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.info-card h4{font-family:var(--display);color:#fff;font-size:20px;margin-bottom:18px}
.info-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.info-row:last-child{border-bottom:0}
.info-row .k{color:var(--blue);font-weight:700;flex:0 0 82px}
.info-row .v{color:var(--ink)}
.map-btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
@media(max-width:900px){.contact{grid-template-columns:1fr}.cta{padding:38px 24px}}

/* 푸터 */
footer{background:#0a0e12;border-top:1px solid var(--line);padding:52px 0 30px;color:var(--muted)}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.foot-brand .flogo{height:44px;background:#fff;border-radius:8px;padding:6px 12px;margin-bottom:14px;display:inline-block}
.foot-brand b{font-family:var(--display);font-size:24px;color:#fff}
.foot-brand small{display:block;color:var(--blue);font-size:11px;letter-spacing:.2em;margin:4px 0 14px}
.foot-brand p{font-size:13px;line-height:1.9;color:var(--muted-2)}
.foot-col h5{color:var(--steel-2);font-size:13px;letter-spacing:.06em;margin-bottom:14px;font-weight:700}
.foot-col a,.foot-col p{display:block;color:var(--muted);font-size:13.5px;padding:4px 0}
.foot-col a:hover{color:#fff}
.foot-bottom{padding-top:22px;font-size:12.5px;color:var(--muted-2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.foot-top{grid-template-columns:1fr}}


/* 히어로 라이트(밝은 스틸) 대응 */
.hero .eyebrow{color:#a9421f}
.hero .eyebrow::before{background:#c0472a}
.hero h1{color:#152634}
.hero h1 .sp{color:#c0472a}
.hero .sub{color:#2c3e4e}
.hero .desc{color:#465360}
.hero-tags span{border-color:#aeb6bf;color:#3a4652}
.hero-tags span{border-color:#aeb6bf;color:#3a4652}
.hero .btn-ghost{border-color:#2c3e4e;color:#152634}
.hero .btn-ghost:hover{border-color:#152634;color:#152634;background:rgba(21,38,52,.07)}
.hero-visual{display:none}
@media(max-width:980px){
  .hero{background:linear-gradient(180deg,rgba(244,246,248,.55),rgba(244,246,248,.15))}
  .hero .wrap{grid-template-columns:1fr}
}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

/* ===== 사진 갤러리 ===== */
.gallery{display:grid;gap:14px;margin-top:8px}
.gallery.g4{grid-template-columns:repeat(4,1fr)}
.gallery.g3{grid-template-columns:repeat(3,1fr)}
.ph{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);aspect-ratio:4/3}
.ph img{width:100%;height:100%;object-fit:cover;transition:.45s}
.ph:hover img{transform:scale(1.06)}
.ph .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(8,11,15,.92));color:#fff;font-family:var(--display);font-size:14px;padding:26px 12px 10px}
@media(max-width:900px){.gallery.g4,.gallery.g3{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gallery.g4,.gallery.g3{grid-template-columns:1fr}}
/* 성분표 이미지 */
.comp-wrap{margin-top:8px;border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff;padding:8px}
.comp-wrap img{min-width:920px;width:100%;display:block}
.comp-note{color:var(--muted);font-size:12.5px;margin-top:12px;text-align:center}

/* =========================================================
   LIGHT STEEL THEME — 전체 배경 밝은 스틸 + 다크 글자
========================================================= */
/* 전체 고정 스틸 배경 */
body{background:#c6ccd3}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('../img/steel-emblem.png') center center / auto 74% no-repeat,radial-gradient(120% 90% at 50% 42%, #c9ced4 0%, #b7bdc4 55%, #a9afb7 100%);}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(244,246,248,.28),rgba(244,246,248,.42));pointer-events:none}

/* 변수 라이트로 재정의 (var 기반 색 일괄 전환) */
:root{
  --bg-2:rgba(255,255,255,.46);
  --panel:rgba(255,255,255,.86);
  --panel-2:rgba(255,255,255,.93);
  --line:rgba(28,42,56,.14);
  --line-2:rgba(28,42,56,.24);
  --ink:#1b2430; --muted:#47535f; --muted-2:#6b7581;
  --blue:#2f6fa8; --blue-2:#245a8a;
}
/* 섹션: 기본/alt/dark → 스틸 위 라이트 */
.sec.alt{background:transparent}
.sec.dark{background:transparent}

/* 제목 다크 네이비 (다크 표면 요소는 아래서 다시 흰색으로) */
h1,h2,h3,h4{color:#152634}
.sec-head p,.lead,.prose p,.gc li,.svc p,.hero .desc{color:var(--muted)}

/* 패널 안 밝은 글자 → 다크 전환 */
.ceo-card .q{color:#152634}
.eq .en{color:#1b2430}
.gc h4{color:#152634}
.svc h4{color:#152634}
.info-card h4{color:#152634}
.grades span{color:#28323d}
.flow .step .nm{color:#1b2430}
.info-row .v{color:#1b2430}
.fac-body{background:rgba(255,255,255,.5)}

/* 카드 테두리/그림자 라이트 */
.ceo-card,.fac,.gc,.svc,.info-card,.comp-wrap{box-shadow:0 10px 30px -18px rgba(30,45,60,.30)}

/* 다크 표면 유지 요소(그 위 흰 글자 유지): 상단바/네비/푸터/리본/공장헤더/CTA/갤러리캡션 */
.topbar,.nav,footer{}                 /* 원래 다크 유지 */
.ribbon{border-color:var(--line)}
.ribbon .n{color:#fff}
.fac-head{border-bottom:1px solid rgba(255,255,255,.08)}
.fac-head .t b{color:#fff}
.cta h2{color:#fff}
.cta .lead{color:#cdd6df}

/* 네비 반투명 밝게(스틸 위) — 가독 위해 살짝 밝은 유리 */
.nav{background:rgba(238,241,244,.82);border-bottom:1px solid var(--line)}
.links a{color:#3a4652}
.links a:hover{color:#152634;background:rgba(255,255,255,.6)}
.burger{color:#152634}

/* 상단바는 다크 유지(대비) — 그대로 */

/* 히어로: 이미 라이트. body 스틸과 통일 위해 자체 배경 유지 */

/* =========================================================
   다크 밴드 → 라이트 스틸 톤 통일 (글자 가독성)
========================================================= */
/* 통계 리본: 밝은 반투명 + 다크 글자 */
.ribbon{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ribbon .n{color:#152634}
.ribbon .n em{color:var(--spark)}
.ribbon .k{color:#47535f}
.ribbon .st+.st::before{background:var(--line-2)}

/* 공장 카드 헤더: 밝은 톤 + 다크 글자 */
.fac-head{background:linear-gradient(120deg,rgba(255,255,255,.62),rgba(255,255,255,.42));border-bottom:1px solid var(--line)}
.fac-head .t b{color:#152634}
.fac-head .t small{color:var(--blue)}

/* CTA: 밝은 반투명 카드 + 다크 글자 */
.cta{background:rgba(255,255,255,.82);border:1px solid var(--line)}
.cta h2{color:#152634}
.cta .lead{color:#47535f}
.cta .phone{color:var(--spark)}

/* 상단 문의 바: 밝은 톤(글자 다크) — 기존 다크 대신 스틸과 통일 */
.topbar{background:rgba(255,255,255,.55);border-bottom:1px solid var(--line)}
.topbar .l{color:#47535f}
.topbar .l b{color:#152634}
.topbar .r{color:#5b6570}

/* 푸터는 다크 유지(그라운딩) — 글자 밝음이라 가독 OK */

/* ===== 공지사항 ===== */
.page-top{padding-top:120px}
.notice-list{border-top:1px solid var(--line)}
.notice-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 6px;border-bottom:1px solid var(--line);transition:.2s}
.notice-row:hover{background:rgba(255,255,255,.5);padding-left:16px}
.notice-row .nt{font-family:var(--display);font-size:17px;color:#152634}
.notice-row .nd{color:var(--muted);font-size:13px;white-space:nowrap}
.notice-detail{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:14px;padding:40px}
.nd-date{color:var(--blue);font-weight:700;font-size:13px}
.nd-title{font-size:30px;margin:10px 0 24px;color:#152634}
.nd-img{border-radius:10px;margin-bottom:20px;max-width:100%}
.nd-body{color:#2c3742;font-size:16px;line-height:1.9}


/* 제목 폰트 가독성: Black Han Sans -> Noto Sans KR 800 (또렷하게) */
h1,h2,h3,h4,
.display,.brand .bt b,.ceo-card .q,.ceo-sign b,.cta .phone,.eq .en,
.fac-head .t b,.flow .step::before,.foot-brand b,.gc h4,.info-card h4,
.notice-row .nt,.ph .cap,.prose .vals .v b,.ribbon .n,.svc h4,.nd-title{
  font-family:'Noto Sans KR',sans-serif;font-weight:800;letter-spacing:-.01em;
}
/* 히어로 대제목은 조금 더 굵게(큰 사이즈라 뭉치지 않음) */
.hero h1{font-weight:900;letter-spacing:-.02em}
.ribbon .n{font-weight:900}