:root {
  
  --color-main1: #003744;              
  --color-main2: #00303B;              
  --color-main3: #8BB929;              

  
  --shadow-rgb: 0, 28, 34;
  
  --main1-rgb: 0, 55, 68;
  --grad-brand: linear-gradient(90deg, #8BB929 0%, #003744 100%); 

  --color-text: #111;                  
  --color-text-invert: #fff;           
  --color-gray-1: #aaa;                
  --color-gray-2: #ccc;
  --color-gray-3: #777;
  --color-footer-bg: rgb(27, 27, 27);  
  --color-overlay-60: rgba(0, 0, 0, .6);   
  --color-overlay-70: rgba(0, 0, 0, .7);
  --color-adend-bg: #000203;           

  
  --glass-bg: rgba(255, 255, 255, .08);
  --glass-border: 1px solid rgba(255, 255, 255, .25);
  --glass-radius: 8px;

  
  --pc-header-height: 80px;
  --mo-header-height: 15vw;
  --maxw: 60rem;
  --pc-gnb-width: 60rem;
  --hdr-gap: 24px;        
  
  --container-960: 960px;
  --container-1200: 1200px;
  --container-1400: 1400px;
  --page-max: 2560px;

  
  --font-body: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               "Pretendard Variable", "Malgun Gothic", Roboto, "Noto Sans KR",
               sans-serif;
  --font-serif: "Noto Serif KR", serif;                 
  --font-display-kr: "GmarketSansBold", var(--font-body);   
  
  --font-display-en: "Playfair Display", var(--font-serif);

  
  --fs-12: 0.75rem;
  --fs-13: 0.82rem;
  --fs-14: 0.9rem;      
  --fs-16: 1rem;
  --fs-17: 1.1rem;      
  --fs-19: 1.2rem;      
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-25: 1.6rem;      
  --fs-31: 1.98rem;     

  
  --lh-body: 1.5;
  --lh-title-38: 38.4px;
  --lh-title-40: 40px;
  --lh-title-52: 52.8px;

  
  --ls-base: -0.8px;
  --ls-title: -1px;
  --ls-title-tight: -2px;
  --ls-point: 2px;

  
  --fw-light: 300;
  --fw-regular: 400;
  --fw-btn: 500;
  --fw-emph: 600;
  --fw-head: 700;

  
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-10: 10px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-32: 32px;
  --sp-40: 40px;
  --sp-48: 48px;
  --sp-80: 80px;
  --sp-150: 150px;

  
  --radius-btn-s: 6px;                 
  --radius-btn: 8px;
  --radius-circle: 100px;              
  --border-1: 1px;
  --border-2: 2px;
  --border-3: 3px;
  
  --shadow-soft: 0 1px 5px rgba(0, 0, 0, .2);
  --shadow-deep: 0 10px 20px rgba(0, 0, 0, .5);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, .1);   

  
  --ease-main: cubic-bezier(0.25, 0.1, 0.25, 1);  
  
  --dur-ui-fast: 0.2s;
  --dur-ui: 0.3s;
  --dur-ui-slow: 0.5s;
  --dur-section: 0.8s;
  --dur-snap: 0.9s;      
  --dur-appear: 1s;
  --dur-intro: 1.4s;     
  --dur-intro-line: 1.5s;
  --dur-intro-max: 2s;
  
  --delay-1: 0.1s;
  --delay-2: 0.2s;
  --delay-4: 0.4s;
  --delay-10: 1s;
  --delay-20: 2s;
}