diff --git a/src/views/AboutPage/components/Member/Content/index.tsx b/src/views/AboutPage/components/Member/Content/index.tsx
deleted file mode 100644
index ed0db0d9..00000000
--- a/src/views/AboutPage/components/Member/Content/index.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import Flex from '@src/components/common/Flex';
-import useGetMember from '@src/views/AboutPage/hooks/queries/useGetMemeber';
-import MemberCard from '../Card';
-import * as St from './style';
-
-const MemberContent = () => {
-  const { data } = useGetMember();
-
-  //불필요해진 DataErrorBanner 컴포넌트 삭제
-  //useQuery로 마이그레이션 하면 state에 따른 조건부 렌더링 코드가 모두 바뀔 것으로 예상되어 관련 코드는 일단 주석처리했습니다
-  //const errorContent = state._TAG === 'ERROR' && <DataErrorBanner />;
-
-  // const cardContent = useMemo(() => {
-  //   if (!isLoading)
-  //     return (data ? data.members : emptyMembers(6)).map(
-  //       ({
-  //         id,
-  //         name,
-  //         position,
-  //         description,
-  //         currentProject,
-  //         imageSrc,
-  //         gmail,
-  //         linkedin,
-  //         github,
-  //       }) => (
-  //         <MemberCard
-  //           key={id}
-  //           name={name}
-  //           position={position}
-  //           description={description}
-  //           currentProject={currentProject}
-  //           imageSrc={imageSrc}
-  //           gmail={gmail}
-  //           linkedin={linkedin}
-  //           github={github}
-  //         />
-  //       ),
-  //     );
-
-  //   return (
-  //     <St.OvalSpinnerWrapper>
-  //       <OvalSpinner />
-  //     </St.OvalSpinnerWrapper>
-  //   );
-  // }, [data, isLoading]);
-
-  return (
-    <Flex
-      dir="column"
-      gap={{ mobile: 18, tablet: 24, desktop: 48 }}
-      style={{ alignItems: 'center' }}
-    >
-      {/* {errorContent} */}
-      <St.CardContainer>
-        {data?.members.map(
-          ({
-            id,
-            name,
-            position,
-            description,
-            currentProject,
-            imageSrc,
-            gmail,
-            linkedin,
-            github,
-          }) => (
-            <MemberCard
-              key={id}
-              name={name}
-              position={position}
-              description={description}
-              currentProject={currentProject}
-              imageSrc={imageSrc}
-              gmail={gmail}
-              linkedin={linkedin}
-              github={github}
-            />
-          ),
-        )}
-      </St.CardContainer>
-    </Flex>
-  );
-};
-
-export default MemberContent;
diff --git a/src/views/AboutPage/components/Member/Content/style.ts b/src/views/AboutPage/components/Member/Content/style.ts
deleted file mode 100644
index acfe58aa..00000000
--- a/src/views/AboutPage/components/Member/Content/style.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import styled from '@emotion/styled';
-
-export const CardContainer = styled.div`
-  display: grid;
-
-  grid-template-columns: repeat(3, 1fr);
-  gap: 34px;
-  width: 1200px;
-
-  @media (max-width: 80rem) and (min-width: 73.125rem) {
-    width: calc(100% - 40px);
-  }
-
-  @media (max-width: 73.125rem) and (min-width: 48rem) {
-    grid-template-columns: repeat(2, 1fr);
-    width: 752px;
-  }
-
-  @media (max-width: 48rem) and (min-width: 36.5rem) {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 24px;
-    width: 576px;
-  }
-  /* 모바일 뷰 */
-  @media (max-width: 36.5rem) {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 15px;
-    width: max(350px, 100% - 40px);
-  }
-`;
-
-export const OvalSpinnerWrapper = styled.div`
-  width: 100%;
-  height: 100vh;
-
-  padding-top: 200px;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;