*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--gnb-h);
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    line-height: normal;
    background-color: var(--color-gray-300);
    -webkit-font-smoothing: antialiased;
}
img,
svg {
    display: block;
    max-width: 100%;
}
a {
    color: inherit;
    text-decoration: none;
}


:root {

    /* Layout (메인 /home/global.css 와 동일) */
    --content-w: 1216px;
    --gutter: 20px;
    --gnb-h: 56px;
    --section-py: clamp(80px, 8.33vw, 160px);
    --side: max(var(--gutter), calc((100% - var(--content-w)) / 2));
    
    /* Common Style Variables */
    
    /* Color */
    --color-deeppink: #ff36a1;
    --color-gray-100: #fefefe;
    --color-gray-200: #939393;
    --color-gray-300: #0c0c0c;
    --color-gray-400: rgba(255, 255, 255, 0.5);
    --color-gray-500: rgba(147, 147, 147, 0.2);
    --color-gray-600: rgba(0, 0, 0, 0.6);
    --color-white: #fff;
    
    /* Gap */
    --gap-8: 8px;
    --gap-16: 16px;
    --gap-20: 20px;
    --gap-40: 40px;
    --gap-80: 80px;
    
    /* Padding */
    --padding-0: 0px;
    --padding-160: 160px;
    --padding-352: 352px;
    
    /* BorderRadius */
    --br-0: 0px;
    --br-8: 8px;
    --br-16: 16px;
    
    /* Font */
    --font-dunkelsans: "dunkel-sans-expanded-rounded", Arial, sans-serif;
    --font-montserrat: "Montserrat", Arial, sans-serif;
    --font-pretendard: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    
    /* FontSize */
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-24: 24px;
    --fs-32: clamp(18px, 1.67vw, 32px);
    --fs-40: clamp(26px, 2.08vw, 40px);
    
    /* WidthHeights */
    --height-25_5: 25.5px;
    --width-1: 1px;
    --width-83: 83px;
    --width-100: 100px;
    
    /* LetterSpacings */
    --ls--0_03: -0.03;
    
}