:root {
  
  --nm-red: #CE2A1E;
  --nm-red-deep: #AC1417;
  --nm-ink: #151515;
  --nm-text: #343535;
  --nm-ground: #FFFFFF;
  --nm-ground-soft: #FAFAFA;
  --nm-footer: #0A0A0A;
  --nm-footer-text: #E3E3E3;
  --nm-header-dark: rgba(0, 0, 0, .9);
  --nm-font: 'Noto Sans KR', sans-serif;
  --nm-header-h-active: 100px;    
  --nm-header-h-mo-active: 65px;  
  --nm-quickbar-h: 70px;
  --nm-quickbar-h-mo: 65px;
  --nm-wrap: 1280px;
  --nm-gutter: 20px;
  --nm-tel-radius: 10px;

  
  --nq-ink: #151515;              
  --nq-text: #343535;             
  --nq-strong: #222222;           
  --nq-muted: #6B6B6B;            
  --nq-line: #E6E6E6;             
  --nq-panel: #F7F7F7;            
  --nq-panel-strong: #EFEFEF;     
  --nq-accent: var(--nm-red);
  --nq-accent-tint: rgba(206, 42, 30, .08);   
  --nq-cta-bg: #151515;           
  --nq-cta-text: #D9D9D9;
  --nq-focus: #CE2A1E;

  
  --nq-side-w: 240px;             
  --nq-col-gap: 64px;
  --nq-text-max: 860px;           
  --nq-top: calc(var(--nm-header-h-active) + 56px);  
  --nq-bottom: 120px;
  --nq-sticky-top: calc(var(--nm-header-h-active) + 32px);
  --nq-anchor: calc(var(--nm-header-h-active) + 32px);       

  
  --nq-h1: 44px;  --nq-h1-lh: 1.36;
  --nq-h2: 28px;  --nq-h2-lh: 1.43;
  --nq-h3: 21px;  --nq-h3-lh: 1.5;
  --nq-body: 17px; --nq-body-lh: 1.8;
  --nq-answer: 19px; --nq-answer-lh: 1.75;
  --nq-card-title: 20px;
  --nq-feature-title: 28px;
  --nq-small: 14px;
  --nq-track-tight: -0.02em;

  
  --nq-h2-gap: 64px;              
  --nq-h3-gap: 32px;
  --nq-p-gap: 16px;
  --nq-radius-s: 8px;             
  --nq-radius-m: 12px;            
  --nq-radius-l: 16px;            
  --nq-radius-xl: 20px;           
  --nq-btn-h: 52px;
  --nq-btn-radius: var(--nm-tel-radius);
  --nq-tap: 44px;                 
}

@media (max-width: 1023px) {
  :root {
    --nq-top: calc(var(--height-100-65, 82px) + 52px + 28px);
    --nq-sticky-top: var(--height-100-65, 82px);
    --nq-anchor: calc(var(--height-100-65, 82px) + 52px + 20px);   
    --nq-bottom: 96px;
  }
}

@media (max-width: 768px) {
  :root {
    --nq-top: calc(var(--nm-header-h-mo-active) + 52px + 24px);
    --nq-sticky-top: var(--nm-header-h-mo-active);
    --nq-anchor: calc(var(--nm-header-h-mo-active) + 48px + 20px);
    --nq-h1: 27px;  --nq-h1-lh: 1.42;
    --nq-h2: 23px;  --nq-h2-lh: 1.45;
    --nq-h3: 19px;
    --nq-body: 17px; --nq-body-lh: 1.75;
    --nq-answer: 17.5px;
    --nq-card-title: 19px;
    --nq-feature-title: 22px;
    --nq-h2-gap: 48px;
    --nq-h3-gap: 28px;
    --nq-bottom: 88px;
  }
}