diff --git a/docs/content/component/range-slider/rangeslider-guideline-do-2.png b/docs/content/component/range-slider/images/rangeslider-guideline-do-2.png
similarity index 100%
rename from docs/content/component/range-slider/rangeslider-guideline-do-2.png
rename to docs/content/component/range-slider/images/rangeslider-guideline-do-2.png
diff --git a/docs/content/component/range-slider/rangeslider-guideline-do.png b/docs/content/component/range-slider/images/rangeslider-guideline-do.png
similarity index 100%
rename from docs/content/component/range-slider/rangeslider-guideline-do.png
rename to docs/content/component/range-slider/images/rangeslider-guideline-do.png
diff --git a/docs/content/component/range-slider/rangeslider-guideline-dont-2.png b/docs/content/component/range-slider/images/rangeslider-guideline-dont-2.png
similarity index 100%
rename from docs/content/component/range-slider/rangeslider-guideline-dont-2.png
rename to docs/content/component/range-slider/images/rangeslider-guideline-dont-2.png
diff --git a/docs/content/component/range-slider/rangeslider-guideline-dont-label-bottom.png b/docs/content/component/range-slider/images/rangeslider-guideline-dont-label-bottom.png
similarity index 100%
rename from docs/content/component/range-slider/rangeslider-guideline-dont-label-bottom.png
rename to docs/content/component/range-slider/images/rangeslider-guideline-dont-label-bottom.png
diff --git a/docs/content/component/range-slider/rangeslider-guideline-use-label.png b/docs/content/component/range-slider/images/rangeslider-guideline-use-label.png
similarity index 100%
rename from docs/content/component/range-slider/rangeslider-guideline-use-label.png
rename to docs/content/component/range-slider/images/rangeslider-guideline-use-label.png
diff --git a/docs/content/component/range-slider/usage.mdx b/docs/content/component/range-slider/usage.mdx
index 8050d187b..260e6f825 100644
--- a/docs/content/component/range-slider/usage.mdx
+++ b/docs/content/component/range-slider/usage.mdx
@@ -107,7 +107,7 @@ slug: /component/range-slider/usage
 <DoDontLayout>
   <DoBox>
     <DoImage>
-      ![rangeslider guideline](./rangeslider-guideline-use-label.png)
+      ![rangeslider guideline](./images/rangeslider-guideline-use-label.png)
     </DoImage>
     <DoText>
       Label과 함께 사용하여 유저가 Range Slider의 목적과 선택된 값을 명확히 알
@@ -116,7 +116,8 @@ slug: /component/range-slider/usage
   </DoBox>
   <DontBox>
     <DontImage>
-      ![rangeslider guideline](./rangeslider-guideline-dont-label-bottom.png)
+      ![rangeslider
+      guideline](./images/rangeslider-guideline-dont-label-bottom.png)
     </DontImage>
     <DontText>
       Handle의 위치에 따라 움직이는 Label을 사용할 경우, Handle 아래에 배치하지
@@ -129,13 +130,13 @@ slug: /component/range-slider/usage
 <DoDontLayout>
   <DoBox>
     <DoImage>
-      ![rangeslider guideline](./rangeslider-guideline-do-2.png)
+      ![rangeslider guideline](./images/rangeslider-guideline-do-2.png)
     </DoImage>
     <DoText>Marker는 간결하게 작성합니다.</DoText>
   </DoBox>
   <DontBox>
     <DontImage>
-      ![rangeslider guideline](./rangeslider-guideline-dont-2.png)
+      ![rangeslider guideline](./images/rangeslider-guideline-dont-2.png)
     </DontImage>
     <DontText>
       Marker가 길어지지 않도록 유의합니다. 유저가 Tick의 위치를 파악하기 어려울
diff --git a/docs/content/component/slider/slider-guideline-do-2.png b/docs/content/component/slider/images/slider-guideline-do-2.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-do-2.png
rename to docs/content/component/slider/images/slider-guideline-do-2.png
diff --git a/docs/content/component/slider/slider-guideline-do.png b/docs/content/component/slider/images/slider-guideline-do.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-do.png
rename to docs/content/component/slider/images/slider-guideline-do.png
diff --git a/docs/content/component/slider/slider-guideline-dont-2.png b/docs/content/component/slider/images/slider-guideline-dont-2.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-dont-2.png
rename to docs/content/component/slider/images/slider-guideline-dont-2.png
diff --git a/docs/content/component/slider/slider-guideline-dont-interact.png b/docs/content/component/slider/images/slider-guideline-dont-interact.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-dont-interact.png
rename to docs/content/component/slider/images/slider-guideline-dont-interact.png
diff --git a/docs/content/component/slider/slider-guideline-dont-label-bottom.png b/docs/content/component/slider/images/slider-guideline-dont-label-bottom.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-dont-label-bottom.png
rename to docs/content/component/slider/images/slider-guideline-dont-label-bottom.png
diff --git a/docs/content/component/slider/slider-guideline-dont.png b/docs/content/component/slider/images/slider-guideline-dont.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-dont.png
rename to docs/content/component/slider/images/slider-guideline-dont.png
diff --git a/docs/content/component/slider/slider-guideline-use-label.png b/docs/content/component/slider/images/slider-guideline-use-label.png
similarity index 100%
rename from docs/content/component/slider/slider-guideline-use-label.png
rename to docs/content/component/slider/images/slider-guideline-use-label.png
diff --git a/docs/content/component/slider/slider-steps.gif b/docs/content/component/slider/images/slider-steps.gif
similarity index 100%
rename from docs/content/component/slider/slider-steps.gif
rename to docs/content/component/slider/images/slider-steps.gif
diff --git a/docs/content/component/slider/usage.mdx b/docs/content/component/slider/usage.mdx
index 918d3e38f..894fc17c2 100644
--- a/docs/content/component/slider/usage.mdx
+++ b/docs/content/component/slider/usage.mdx
@@ -38,7 +38,7 @@ slug: /component/slider/usage
 
 <HalfCard>
   <HalfCardImageCell>
-    ![slider options marker](./slider-steps.gif)
+    ![slider options marker](./images/slider-steps.gif)
   </HalfCardImageCell>
   <HalfCardDescriptionCell>
     <HalfCardDescriptionTitle>Steps</HalfCardDescriptionTitle>
@@ -51,7 +51,7 @@ slug: /component/slider/usage
 
 <HalfCard>
   <HalfCardImageCell>
-    ![slider options disabled](./slider-options-disabled.png)
+    ![slider options disabled](./images/slider-options-disabled.png)
   </HalfCardImageCell>
   <HalfCardDescriptionCell>
     <HalfCardDescriptionTitle>Disabled</HalfCardDescriptionTitle>
@@ -113,7 +113,7 @@ slug: /component/slider/usage
 
 <HalfCard>
   <HalfCardImageCell>
-    ![box button guideline](./slider-guideline-use-label.png)
+    ![box button guideline](./images/slider-guideline-use-label.png)
   </HalfCardImageCell>
   <HalfCardDescriptionCell>
     <HalfCardDescriptionTitle>Label 활용하기</HalfCardDescriptionTitle>
@@ -131,7 +131,7 @@ slug: /component/slider/usage
 <DoDontLayout>
   <DontBox>
     <DontImage>
-      ![slider guideline](./slider-guideline-dont-label-bottom.png)
+      ![slider guideline](./images/slider-guideline-dont-label-bottom.png)
     </DontImage>
     <DontText>
       Handle의 위치에 따라 움직이는 Label을 사용할 경우, Handle 아래에 배치하지
@@ -140,7 +140,7 @@ slug: /component/slider/usage
   </DontBox>
   <DontBox>
     <DontImage>
-      ![slider guideline](./slider-guideline-dont-interact.png)
+      ![slider guideline](./images/slider-guideline-dont-interact.png)
     </DontImage>
     <DontText>상호작용이 불가능한 화면에서 사용하지 않습니다.</DontText>
   </DontBox>
@@ -148,11 +148,13 @@ slug: /component/slider/usage
 <br />
 <DoDontLayout>
   <DoBox>
-    <DoImage>![slider guideline](./slider-guideline-do-2.png)</DoImage>
+    <DoImage>![slider guideline](./images/slider-guideline-do-2.png)</DoImage>
     <DoText>Marker는 간결하게 작성합니다.</DoText>
   </DoBox>
   <DontBox>
-    <DontImage>![slider guideline](./slider-guideline-dont-2.png)</DontImage>
+    <DontImage>
+      ![slider guideline](./images/slider-guideline-dont-2.png)
+    </DontImage>
     <DontText>
       Marker가 길어지지 않도록 유의합니다. 유저가 Tick의 위치를 파악하기 어려울
       수 있습니다.