/* ============================================================
   hkkor_common.css — about / product 전용 최소 공통층
   ※ 2026-07-27: 홈(v2) 섹션 스타일(.hero/.channels/.prod/.about/
     .clients/.cta/.quote-form 등)을 전부 제거.
     그 규칙들이 하위 페이지로 새어 들어가 레이아웃을 깨뜨렸음
     (특히 .hero{display:flex} → 서브탭이 히어로 옆으로 밀림).
     홈(index.html)은 자체 인라인 스타일을 쓰므로 영향 없음.
   ※ 하위 8개 페이지의 공통 셸은 hkkor.css 가 전담.
   ============================================================ */

:root{
  --ink:#1a1613; --ink2:#2c2620; --paper:#faf7f2; --paper2:#f1ebe1;
  --copper:#b06a2c; --copper-d:#915518; --muted:#7a7066; --line:#e4dcd0; --line-d:#3a332b;
  --mono:'JetBrains Mono',monospace; --serif:'Noto Serif KR',serif; --pf:'Playfair Display',serif;
  --gray:#7a7066; --bg:#faf7f2; --navy:#16110b; --navy2:#2a2018; --blue:#b06a2c; --cta:#b06a2c;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scrollbar-gutter:stable}
body{font-family:'Pretendard',sans-serif;color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;background:#fff}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.kicker{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:1.5px}

/* 헤더 우측 공통 요소 (about/product 가 자체 정의하지 않는 부분) */
.nav-right{display:flex;align-items:center;gap:16px}
.mini-chan{display:flex;gap:8px}
.mini-chan a{width:30px;height:30px;border-radius:7px;background:#efe9df;display:flex;align-items:center;justify-content:center;transition:.15s}
.mini-chan a:hover{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.mini-chan img{width:16px;height:16px}
.btn-quote,.btn-q{background:#1a1613;color:#faf7f2;transition:.2s}
.btn-quote:hover,.btn-q:hover{background:#b06a2c;filter:none}

@media(max-width:980px){
  .mini-chan{display:none}
}