diff --git a/public/fonts/NotoSansKR-Black.ttf b/public/fonts/NotoSansKR-Black.ttf
new file mode 100644
index 0000000..3e0ac2d
Binary files /dev/null and b/public/fonts/NotoSansKR-Black.ttf differ
diff --git a/public/fonts/NotoSansKR-Bold.ttf b/public/fonts/NotoSansKR-Bold.ttf
new file mode 100644
index 0000000..6cf639e
Binary files /dev/null and b/public/fonts/NotoSansKR-Bold.ttf differ
diff --git a/public/fonts/NotoSansKR-ExtraBold.ttf b/public/fonts/NotoSansKR-ExtraBold.ttf
new file mode 100644
index 0000000..a2e47fd
Binary files /dev/null and b/public/fonts/NotoSansKR-ExtraBold.ttf differ
diff --git a/public/fonts/NotoSansKR-ExtraLight.ttf b/public/fonts/NotoSansKR-ExtraLight.ttf
new file mode 100644
index 0000000..a0ef172
Binary files /dev/null and b/public/fonts/NotoSansKR-ExtraLight.ttf differ
diff --git a/public/fonts/NotoSansKR-Light.ttf b/public/fonts/NotoSansKR-Light.ttf
new file mode 100644
index 0000000..db0a223
Binary files /dev/null and b/public/fonts/NotoSansKR-Light.ttf differ
diff --git a/public/fonts/NotoSansKR-Medium.ttf b/public/fonts/NotoSansKR-Medium.ttf
new file mode 100644
index 0000000..5311c8a
Binary files /dev/null and b/public/fonts/NotoSansKR-Medium.ttf differ
diff --git a/public/fonts/NotoSansKR-Regular.ttf b/public/fonts/NotoSansKR-Regular.ttf
new file mode 100644
index 0000000..1b14d32
Binary files /dev/null and b/public/fonts/NotoSansKR-Regular.ttf differ
diff --git a/public/fonts/NotoSansKR-SemiBold.ttf b/public/fonts/NotoSansKR-SemiBold.ttf
new file mode 100644
index 0000000..616bb09
Binary files /dev/null and b/public/fonts/NotoSansKR-SemiBold.ttf differ
diff --git a/public/fonts/NotoSansKR-Thin.ttf b/public/fonts/NotoSansKR-Thin.ttf
new file mode 100644
index 0000000..73ec7bc
Binary files /dev/null and b/public/fonts/NotoSansKR-Thin.ttf differ
diff --git a/src/content/App.tsx b/src/content/App.tsx
index b341204..c9b717c 100644
--- a/src/content/App.tsx
+++ b/src/content/App.tsx
@@ -150,18 +150,6 @@ export default function App() {
     }));
   };
 
-  useEffect(() => {
-    if (isOpen) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.overflow = '';
-    }
-
-    return () => {
-      document.body.style.overflow = '';
-    };
-  }, [isOpen]);
-
   return (
     <>
       <PendingDialogWithBeforeUnload isPending={isPending} onClose={() => {}} />
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
new file mode 100644
index 0000000..2f8fd36
--- /dev/null
+++ b/src/styles/fonts.css
@@ -0,0 +1,39 @@
+@font-face {
+  font-family: 'Noto Sans KR';
+  src: url('/fonts/NotoSansKR-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Noto Sans KR';
+  src: url('/fonts/NotoSansKR-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Noto Sans KR';
+  src: url('/fonts/NotoSansKR-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Noto Sans KR';
+  src: url('/fonts/NotoSansKR-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Noto Sans KR';
+  src: url('/fonts/NotoSansKR-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+html,
+body {
+  font-family: 'Noto Sans KR', sans-serif;
+}
diff --git a/src/styles/index.css b/src/styles/index.css
index 1963fd0..f8163d6 100755
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -127,8 +127,6 @@ h1 {
   }
 }
 
-
-
 @layer base {
   * {
     @apply border-border outline-ring/50;
diff --git a/src/styles/option.css b/src/styles/option.css
index dc00c41..23e3afe 100644
--- a/src/styles/option.css
+++ b/src/styles/option.css
@@ -1,3 +1,5 @@
+@import url('./fonts.css');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/src/styles/shadow.css b/src/styles/shadow.css
index 2e0a37d..c79352f 100644
--- a/src/styles/shadow.css
+++ b/src/styles/shadow.css
@@ -1,3 +1,5 @@
+@import url('./fonts.css');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -10,7 +12,6 @@
 @layer base {
   /* ====== 전역 스타일이었던 부분을 모두 :host로 치환 ====== */
   :host {
-    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
     line-height: 1.5;
     font-weight: 400;