diff --git a/assets/docs/scss/custom/structure/_general.scss b/assets/docs/scss/custom/structure/_general.scss
index 6da059e..d5d5366 100644
--- a/assets/docs/scss/custom/structure/_general.scss
+++ b/assets/docs/scss/custom/structure/_general.scss
@@ -5,8 +5,10 @@ html {
   background-color: var(--body-bg);
 }
 body {
-  --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
-    'Helvetica Neue', 'Ubuntu';
+  --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
+    'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI',
+    'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    sans-serif;
   font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
     'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI',
     'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
@@ -36,7 +38,10 @@ h6,
 .h4,
 .h5,
 .h6 {
-  font-family: $font-family-base;
+  font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
+    'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI',
+    'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    sans-serif;
   line-height: 1.4;
   font-weight: 600;
 }
diff --git a/assets/scss/custom/structure/_general.scss b/assets/scss/custom/structure/_general.scss
index bd3f66c..62be4aa 100644
--- a/assets/scss/custom/structure/_general.scss
+++ b/assets/scss/custom/structure/_general.scss
@@ -22,7 +22,10 @@ h6,
 .h4,
 .h5,
 .h6 {
-  font-family: $font-family-base;
+  font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
+    'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI',
+    'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    sans-serif;
   line-height: 1.4;
   font-weight: 600;
 }