diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-Black.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-Black.ttf
new file mode 100644
index 000000000..3e0ac2d2a
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-Black.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-Bold.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-Bold.ttf
new file mode 100644
index 000000000..6cf639eb7
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-Bold.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-ExtraBold.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-ExtraBold.ttf
new file mode 100644
index 000000000..a2e47fd98
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-ExtraBold.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-ExtraLight.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-ExtraLight.ttf
new file mode 100644
index 000000000..a0ef172ac
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-ExtraLight.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-Light.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-Light.ttf
new file mode 100644
index 000000000..db0a22318
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-Light.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-Medium.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-Medium.ttf
new file mode 100644
index 000000000..5311c8a31
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-Medium.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-Regular.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-Regular.ttf
new file mode 100644
index 000000000..1b14d3247
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-Regular.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-SemiBold.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-SemiBold.ttf
new file mode 100644
index 000000000..616bb095a
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-SemiBold.ttf differ
diff --git a/packages/common/components/public/assets/fonts/NotoSansKR-Thin.ttf b/packages/common/components/public/assets/fonts/NotoSansKR-Thin.ttf
new file mode 100644
index 000000000..73ec7bca7
Binary files /dev/null and b/packages/common/components/public/assets/fonts/NotoSansKR-Thin.ttf differ
diff --git a/packages/common/components/src/ui/layout/base.tsx b/packages/common/components/src/ui/layout/base.tsx
index 7adb30977..c3c59eaad 100644
--- a/packages/common/components/src/ui/layout/base.tsx
+++ b/packages/common/components/src/ui/layout/base.tsx
@@ -1,8 +1,9 @@
-import { Header } from "./header";
 import { LNB } from "./lnb";
-import "./common.css";
+import { Header } from "./header";
 import { Footer } from "./footer";
 
+import "./common.css";
+
 export function BaseLayout({ children }: { children: React.ReactNode }) {
   return (
     <div>
diff --git a/packages/common/components/src/ui/layout/common.css b/packages/common/components/src/ui/layout/common.css
index 6e11756cd..70961a4be 100644
--- a/packages/common/components/src/ui/layout/common.css
+++ b/packages/common/components/src/ui/layout/common.css
@@ -3,25 +3,29 @@
 @font-face {
   font-family: "Noto Sans KR";
   font-style: normal;
-  src: url("../fonts/NotoSansKR-Light.otf") format("opentype");
+  src: url("../../../public/assets/fonts/NotoSansKR-Light.ttf")
+    format("truetype");
   font-weight: 300;
 }
 @font-face {
   font-family: "Noto Sans KR";
   font-style: normal;
-  src: url("../fonts/NotoSansKR-Regular.otf") format("opentype");
+  src: url("../../../public/assets/fonts/NotoSansKR-Regular.ttf")
+    format("truetype");
   font-weight: 400;
 }
 @font-face {
   font-family: "Noto Sans KR";
   font-style: normal;
-  src: url("../fonts/NotoSansKR-Medium.otf") format("opentype");
+  src: url("../../../public/assets/fonts/NotoSansKR-Medium.ttf")
+    format("truetype");
   font-weight: 500;
 }
 @font-face {
   font-family: "Noto Sans KR";
   font-style: normal;
-  src: url("../fonts/NotoSansKR-Bold.otf") format("opentype");
+  src: url("../../../public/assets/fonts/NotoSansKR-Bold.ttf")
+    format("truetype");
   font-weight: 600;
 }
 
@@ -72,6 +76,7 @@
   width: 100%;
   padding: 14px 0;
   margin: 0 auto;
+  font-family: "Noto Sans KR", sans-serif;
   font-size: 14px;
   font-weight: 500;
   background: #ffffff;