diff --git a/src/components/details/Loading/Loading.module.scss b/src/components/details/details-loading/DetailsLoading.module.scss
similarity index 100%
rename from src/components/details/Loading/Loading.module.scss
rename to src/components/details/details-loading/DetailsLoading.module.scss
diff --git a/src/components/details/Loading/Loading.stories.tsx b/src/components/details/details-loading/DetailsLoading.stories.tsx
similarity index 62%
rename from src/components/details/Loading/Loading.stories.tsx
rename to src/components/details/details-loading/DetailsLoading.stories.tsx
index 6a91c663..bf105d58 100644
--- a/src/components/details/Loading/Loading.stories.tsx
+++ b/src/components/details/details-loading/DetailsLoading.stories.tsx
@@ -1,16 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import Loading from './Loading';
+import DetailsLoading from './DetailsLoading';
 
 const meta = {
-  title: 'details/Loading',
-  component: Loading,
+  title: 'details/DetailsLoading',
+  component: DetailsLoading,
   parameters: {
   },
   tags: ['autodocs'],
   argTypes: {
   },
-} satisfies Meta<typeof Loading>;
+} satisfies Meta<typeof DetailsLoading>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
diff --git a/src/components/details/Loading/Loading.tsx b/src/components/details/details-loading/DetailsLoading.tsx
similarity index 71%
rename from src/components/details/Loading/Loading.tsx
rename to src/components/details/details-loading/DetailsLoading.tsx
index 5d79d172..6be85d91 100644
--- a/src/components/details/Loading/Loading.tsx
+++ b/src/components/details/details-loading/DetailsLoading.tsx
@@ -4,15 +4,15 @@ import Image from 'next/image';
 import Spacing from '@shared/spacing/Spacing';
 import Text from '@shared/text/Text';
 
-import styles from './Loading.module.scss';
+import styles from './DetailsLoading.module.scss';
 
 const cx = classNames.bind(styles);
 
-function Loading() {
+function DetailsLoading() {
   return (
     <div className={cx('loadingContainer')}>
       <Spacing size={243} />
-      <Image src="/assets/loading.png" alt="로딩 중.." width={242} height={200} />
+      <Image src="/assets/DetailsLoading.png" alt="로딩 중.." width={242} height={200} />
       <Spacing size={16} />
       <Text typography="t3" color="primary" bold>잠시만 기다려 주세요.</Text>
       <Text typography="t6" color="tertiary">해당 페이지로 이동 중입니다.</Text>
@@ -20,4 +20,4 @@ function Loading() {
   );
 }
 
-export default Loading;
+export default DetailsLoading;