diff --git a/package.json b/package.json
index a116379..aaafce8 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@vitest/ui": "^0.34.1",
     "eslint": "8.45.0",
     "next": "13.4.12",
+    "pretendard": "^1.3.8",
     "qrcode": "^1.5.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0886cf4..a10aea0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,9 @@ dependencies:
   next:
     specifier: 13.4.12
     version: 13.4.12(@babel/core@7.22.9)(react-dom@18.2.0)(react@18.2.0)
+  pretendard:
+    specifier: ^1.3.8
+    version: 1.3.8
   qrcode:
     specifier: ^1.5.3
     version: 1.5.3
@@ -9795,6 +9798,10 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  /pretendard@1.3.8:
+    resolution: {integrity: sha512-LTuUQsX0tE4vQVS4pL5xZ7p0Z4/sOZxZxeENydS0NnhDE4EOu+3pPQS1hoa9EIbaNuy+lL4P9ngAuXhD/FluiQ==}
+    dev: false
+
   /prettier-linter-helpers@1.0.0:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
     engines: {node: '>=6.0.0'}
diff --git a/src/styles/stitches.config.ts b/src/styles/stitches.config.ts
index 4321306..3d4226f 100644
--- a/src/styles/stitches.config.ts
+++ b/src/styles/stitches.config.ts
@@ -1,12 +1,13 @@
 import { createStitches } from '@stitches/react';
 import { Noto_Sans_KR } from 'next/font/google';
+import 'pretendard/dist/web/static/pretendard.css';
 
 const notoSansKr = Noto_Sans_KR({
   subsets: ['latin'],
   weight: ['400', '500', '700'],
 });
 
-export const { styled, globalCss, getCssText } = createStitches({
+export const { styled, globalCss, getCssText, css } = createStitches({
   theme: {
     fonts: {
       notoSansKr: `${notoSansKr.style.fontFamily}`,