diff --git a/packages/web-domains/src/home/features/notification/components/NotificationList.tsx b/packages/web-domains/src/home/features/notification/components/NotificationList.tsx
index 3c951cfd..fad7dba6 100644
--- a/packages/web-domains/src/home/features/notification/components/NotificationList.tsx
+++ b/packages/web-domains/src/home/features/notification/components/NotificationList.tsx
@@ -1,6 +1,7 @@
 import { colors } from '@sds/theme';
 import { ReactNode } from 'react';
 
+import { EmptyView } from '@/common/components';
 import { AlarmEventType } from '@/home/common/apis/schema/Notification.schema';
 
 interface NotificationListProps {
@@ -9,6 +10,18 @@ interface NotificationListProps {
 }
 
 export const NotificationList = ({ notificationList, renderItem }: NotificationListProps) => {
+  if (notificationList?.length === 0) {
+    return (
+      <div
+        css={{
+          borderTop: `1px solid ${colors.grey400}`,
+        }}
+      >
+        <EmptyView title="알림이 없어요" style={{ height: 'calc(100vh - 142px)' }} />;
+      </div>
+    );
+  }
+
   return (
     <ul
       css={{