diff --git a/src/app/team/[teamId]/study/[studyId]/page.tsx b/src/app/team/[teamId]/study/[studyId]/page.tsx
index dcfddcaf..58c0e8e8 100644
--- a/src/app/team/[teamId]/study/[studyId]/page.tsx
+++ b/src/app/team/[teamId]/study/[studyId]/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Flex, Grid, IconButton, Text, Link } from '@chakra-ui/react';
+import { Flex, Grid, IconButton, Text, Link, Card } from '@chakra-ui/react';
 import NextLink from 'next/link';
 import { useEffect, useState } from 'react';
 import { MdOutlineArrowForwardIos } from 'react-icons/md';
@@ -10,7 +10,6 @@ import { getStudy } from '@/app/api/study';
 import DocumentCard from '@/components/DocumentCard';
 import Title from '@/components/Title';
 import CurriculumCard from '@/containers/study/CurriculumCard';
-// import Feed from '@/containers/study/Feed';
 import DeleteStudyModal from '@/containers/study/Modal/DeleteStudyModal';
 import StudyModal from '@/containers/study/Modal/StudyModal';
 import TerminateStudyModal from '@/containers/study/Modal/TerminateStudyModal';
@@ -65,7 +64,7 @@ const Page = ({ params }: { params: { teamId: number; studyId: number } }) => {
               <CurriculumCard cropId={studyData.cropId} studyProgressRatio={studyData.studyProgressRatio} />
             )}
 
-            <Flex align="right" direction="column" rowGap="3">
+            <Flex align="right" direction="column" rowGap="3" w="100%" h={{ base: '25vh', lg: '30vh', '2xl': '35vh' }}>
               <Link
                 as={NextLink}
                 gap="3"
@@ -84,21 +83,27 @@ const Page = ({ params }: { params: { teamId: number; studyId: number } }) => {
                 />
                 <Text>전체 보기</Text>
               </Link>
-              <Grid gap="2" templateColumns={{ base: 'repeat(2, 1fr)', lg: 'repeat(4, 1fr)' }}>
-                {documentArray.map((data) => (
-                  <DocumentCard
-                    id={data.id}
-                    key={data.title}
-                    title={data.title}
-                    description={data.description}
-                    date={data.date}
-                    uploaderName={data.uploaderName}
-                    setReload={() => {}}
-                    files={data.files}
-                    type={data.type}
-                  />
-                ))}
-              </Grid>
+              {documentArray && documentArray.length > 0 ? (
+                <Grid gap="2" templateColumns={{ base: 'repeat(2, 1fr)', lg: 'repeat(4, 1fr)' }}>
+                  {documentArray.map((data) => (
+                    <DocumentCard
+                      id={data.id}
+                      key={data.title}
+                      title={data.title}
+                      description={data.description}
+                      date={data.date}
+                      uploaderName={data.uploaderName}
+                      setReload={() => {}}
+                      files={data.files}
+                      type={data.type}
+                    />
+                  ))}
+                </Grid>
+              ) : (
+                <Card alignItems="center" justifyContent="center" w="100%" h="100%" borderRadius={{ base: '2xl' }}>
+                  <Text textStyle="lg">학습 자료가 존재하지 않습니다.</Text>
+                </Card>
+              )}
             </Flex>
           </Flex>
           <Flex direction="column" rowGap={{ base: '6', '2xl': '12' }}>
diff --git a/src/containers/document/Documents/index.tsx b/src/containers/document/Documents/index.tsx
index 447fa439..61c1aa25 100644
--- a/src/containers/document/Documents/index.tsx
+++ b/src/containers/document/Documents/index.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Flex, Grid, useBreakpointValue } from '@chakra-ui/react';
+import { Flex, Grid, useBreakpointValue, Card, Text } from '@chakra-ui/react';
 import { useEffect, useState } from 'react';
 
 import { getDocumentList } from '@/app/api/document';
@@ -31,28 +31,36 @@ const Documents = ({ groupId, category }: DocumentPageProps) => {
   }, [documentLength, category, groupId, reload]);
 
   return (
-    <Flex direction="column">
-      <Grid gap={{ sm: '2', md: '4', xl: '8' }} templateColumns={`repeat(${itemsPerPage / 2}, 1fr)`} w="100%">
-        {currentData.map((data) => (
-          <DocumentCard
-            id={data.id}
-            key={data.id}
-            title={data.title}
-            description={data.description}
-            date={data.date}
-            uploaderName={data.uploaderName}
-            setReload={setReload}
-            files={data.files}
-            type={data.type}
+    <Flex direction="column" w="100%" h="100%">
+      {documentArray && documentArray.length > 0 ? (
+        <>
+          <Grid gap={{ sm: '2', md: '4', xl: '8' }} templateColumns={`repeat(${itemsPerPage / 2}, 1fr)`} w="100%">
+            {currentData.map((data) => (
+              <DocumentCard
+                id={data.id}
+                key={data.id}
+                title={data.title}
+                description={data.description}
+                date={data.date}
+                uploaderName={data.uploaderName}
+                setReload={setReload}
+                files={data.files}
+                type={data.type}
+              />
+            ))}
+          </Grid>
+          <PageNavigator
+            currentPage={currentPage}
+            setCurrentPage={setCurrentPage}
+            componentLength={documentLength}
+            itemsPerPage={itemsPerPage}
           />
-        ))}
-      </Grid>
-      <PageNavigator
-        currentPage={currentPage}
-        setCurrentPage={setCurrentPage}
-        componentLength={documentLength}
-        itemsPerPage={itemsPerPage}
-      />
+        </>
+      ) : (
+        <Card alignItems="center" justifyContent="center" w="100%" h="50%" borderRadius={{ base: '2xl' }}>
+          <Text textStyle="lg">학습 자료가 존재하지 않습니다.</Text>
+        </Card>
+      )}
     </Flex>
   );
 };