@charset "utf-8";

/* fonts */
@font-face { 
    font-family: 'Suit'; 
    font-weight: 100; 
    src: url('../fonts/suit/SUIT-Thin.otf') format('opentype');
    src: url('../fonts/suit/SUIT-Thin.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-Thin.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-Thin.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 200; 
    src: url('../fonts/suit/SUIT-ExtraLight.otf') format('opentype');
    src: url('../fonts/suit/SUIT-ExtraLight.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-ExtraLight.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-ExtraLight.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 300; 
    src: url('../fonts/suit/SUIT-Light.otf') format('opentype');
    src: url('../fonts/suit/SUIT-Light.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-Light.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-Light.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 400; 
    src: url('../fonts/suit/SUIT-Regular.otf') format('opentype');
    src: url('../fonts/suit/SUIT-Regular.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-Regular.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-Regular.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 500; 
    src: url('../fonts/suit/SUIT-Medium.otf') format('opentype');
    src: url('../fonts/suit/SUIT-Medium.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-Medium.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-Medium.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 600; 
    src: url('../fonts/suit/SUIT-SemiBold.otf') format('opentype');
    src: url('../fonts/suit/SUIT-SemiBold.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-SemiBold.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-SemiBold.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 700; 
    src: url('../fonts/suit/SUIT-Bold.otf') format('opentype');
    src: url('../fonts/suit/SUIT-Bold.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-Bold.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-Bold.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 800; 
    src: url('../fonts/suit/SUIT-ExtraBold.otf') format('opentype');
    src: url('../fonts/suit/SUIT-ExtraBold.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-ExtraBold.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-ExtraBold.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'Suit'; 
    font-weight: 900; 
    src: url('../fonts/suit/SUIT-Heavy.otf') format('opentype');
    src: url('../fonts/suit/SUIT-Heavy.otf') format('embedded-opentype'), 
         url('../fonts/suit/SUIT-Heavy.woff2') format('woff2'), 
         url('../fonts/suit/SUIT-Heavy.ttf') format('truetype'); 
}


@font-face { 
    font-family: 'nanum-square-neo'; 
    font-weight: 300; 
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Lt.otf') format('opentype');
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Lt.otf') format('embedded-opentype'), 
         url('../fonts/nanum-square-neo/TTF/NanumSquareNeo-aLt.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'nanum-square-neo'; 
    font-weight: 400; 
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Rg.otf') format('opentype');
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Rg.otf') format('embedded-opentype'), 
         url('../fonts/nanum-square-neo/TTF/NanumSquareNeo-bRg.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'nanum-square-neo'; 
    font-weight: 700; 
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Bd.otf') format('opentype');
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Bd.otf') format('embedded-opentype'), 
         url('../fonts/nanum-square-neo/TTF/NanumSquareNeo-cBd.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'nanum-square-neo'; 
    font-weight: 800; 
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Eb.otf') format('opentype');
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Eb.otf') format('embedded-opentype'), 
         url('../fonts/nanum-square-neo/TTF/NanumSquareNeo-dEbt.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'nanum-square-neo'; 
    font-weight: 900; 
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Hv.otf') format('opentype');
    src: url('../fonts/nanum-square-neo/OTF/NanumSquareNeoOTF-Hv.otf') format('embedded-opentype'), 
         url('../fonts/nanum-square-neo/TTF/NanumSquareNeo-eHv.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'bebas-Neue'; 
    font-weight: 400; 
    src: url('../fonts/bebas_Neue/BebasNeue-Regular.otf') format('opentype');
    src: url('../fonts/bebas_Neue/BebasNeue-Regular.otf') format('embedded-opentype'),
         url('../fonts/bebas_Neue/BebasNeue-Regular.woff') format('woff'),
         url('../fonts/bebas_Neue/BebasNeue-Regular.ttf') format('truetype'); 
}

/* fonts */
@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 100; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Thin.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Thin.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Thin.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-Thin.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 200; 
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraLight.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraLight.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-ExtraLight.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-ExtraLight.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 300; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Light.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Light.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Light.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-Light.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 400; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Regular.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Regular.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Regular.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-Regular.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 500; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Medium.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Medium.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Medium.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-Medium.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 600; 
    src: url('../fonts/Pretendard/public/static/Pretendard-SemiBold.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-SemiBold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-SemiBold.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-SemiBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 700; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Bold.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Bold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Bold.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-Bold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 800; 
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraBold.otf') format('opentype'); 
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraBold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-ExtraBold.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-ExtraBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 900; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Black.otf') format('opentype'); 
    src: url('../fonts/Pretendard/public/static/Pretendard-Black.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Black.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/Pretendard-Black.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'GmarketSans'; 
    font-weight: 300; 
    src: url('../fonts/GmarketSans/GmarketSansLight.otf') format('opentype'); 
    src: url('../fonts/GmarketSans/GmarketSansLight.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/GmarketSans/GmarketSansTTFLight.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'GmarketSans'; 
    font-weight: 500; 
    src: url('../fonts/GmarketSans/GmarketSansMedium.otf') format('opentype'); 
    src: url('../fonts/GmarketSans/GmarketSansMedium.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/GmarketSans/GmarketSansTTFMedium.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'GmarketSans'; 
    font-weight: 700; 
    src: url('../fonts/GmarketSans/GmarketSansBold.otf') format('opentype'); 
    src: url('../fonts/GmarketSans/GmarketSansBold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/GmarketSans/GmarketSansTTFBold.ttf') format('truetype'); 
}

:root{
    /* fonts */
    --font-Suit: 'Suit';
    --font-Nanum: 'nanum-square-neo';
    --font-Bebas: 'bebas-Neue';
    --font-Pretendard: 'Pretendard';
    --font-GmarketSans: 'GmarketSans';
}