diff --git a/src/app/globals.css b/src/app/globals.css
index a6dde01..81671ad 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,3 +1,5 @@
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/src/app/mobile/main/_components/MainHeader/index.tsx b/src/app/mobile/main/_components/MainHeader/index.tsx
index 037373f..0532246 100644
--- a/src/app/mobile/main/_components/MainHeader/index.tsx
+++ b/src/app/mobile/main/_components/MainHeader/index.tsx
@@ -45,9 +45,11 @@ export default function MainHeader({ name }: HeaderProps) {
             onClick={() => router.push('/mobile/notification')}
           >
             <IconAlarm />
-            <div className="absolute -right-0.5 -top-0.5 flex h-[13px] w-[13px] items-center justify-center rounded-full bg-warning text-caption-2_midi text-white-primary">
-              {notificationCount}
-            </div>
+            {notificationCount && (
+              <div className="absolute -right-0.5 -top-0.5 flex h-[13px] w-[13px] items-center justify-center rounded-full bg-warning text-caption-2_midi text-white-primary">
+                {notificationCount}
+              </div>
+            )}
           </button>
           <button
             className="h-6 w-6 items-center justify-center"
diff --git a/src/app/mobile/main/page.tsx b/src/app/mobile/main/page.tsx
index 974f858..f5af4e6 100644
--- a/src/app/mobile/main/page.tsx
+++ b/src/app/mobile/main/page.tsx
@@ -46,7 +46,7 @@ export default function MobileMain() {
 
   const imageUrls = [
     '/assets/images/test.png',
-    '/assets/images/test2.png',
+    '/assets/images/test.png',
     '/assets/images/test.png',
   ];