diff --git a/src/components/common/Filter/Filter.module.scss b/src/components/common/Filter/Filter.module.scss
index 849aaff..47f5816 100644
--- a/src/components/common/Filter/Filter.module.scss
+++ b/src/components/common/Filter/Filter.module.scss
@@ -1,10 +1,19 @@
 .container {
-  display: flex;
-  flex-direction: column;
-  width: 75%;
+  @include flexSort(column, null, null, null);
   position: relative;
   top: 3rem;
-  z-index: 1;
+  max-width: 150rem;
+  text-align: center;
+  width: 100%;
+}
+
+.prevArrow {
+  position: absolute;
+  top: 1rem;
+  width: 2.3rem;
+  height: 2.3rem;
+  transform: rotate(90deg);
+  cursor: pointer;
 }
 
 .sliderContainer {
@@ -17,16 +26,28 @@
   margin: auto;
 }
 
+.all {
+  @include nsnFont(1.5rem, 400, normal);
+  background-color: white;
+  padding: 1rem 0rem;
+  border: 0.2rem solid #2825d6;
+  border-radius: 5rem;
+
+  &.selected {
+    background-color: #e7efff;
+  }
+}
+
 .disabilityType {
   @include nsnFont(1.5rem, 400, normal);
   background-color: white;
   padding: 1rem 0rem;
   border: 0.2rem solid #6562e2;
   border-radius: 5rem;
-}
-.disabilityType.selected {
-  background-color: #e7efff;
-  border-color: #97b8f9;
+
+  &.selected {
+    background-color: #e7efff;
+  }
 }
 
 .assistanceType {
@@ -35,10 +56,10 @@
   padding: 1rem 0rem;
   border: 0.2rem solid #81c1ee;
   border-radius: 5rem;
-}
-.assistanceType.selected {
-  background-color: #e7efff;
-  border-color: #97b8f9;
+
+  &.selected {
+    background-color: #e7efff;
+  }
 }
 
 .postStatus {
@@ -47,19 +68,10 @@
   padding: 1rem 0rem;
   border: 0.2rem solid #b7b7b7;
   border-radius: 5rem;
-}
-.postStatus.selected {
-  background-color: #e7efff;
-  border-color: #97b8f9;
-}
 
-.prevArrow {
-  position: absolute;
-  top: 1rem;
-  width: 2.3rem;
-  height: 2.3rem;
-  transform: rotate(90deg);
-  cursor: pointer;
+  &.selected {
+    background-color: #e7efff;
+  }
 }
 
 .nextArrow {
diff --git a/src/components/common/Filter/Filter.tsx b/src/components/common/Filter/Filter.tsx
index 80904d3..0f23573 100644
--- a/src/components/common/Filter/Filter.tsx
+++ b/src/components/common/Filter/Filter.tsx
@@ -45,7 +45,9 @@ export default function Filter({ searchParams, handleFilter }: FilterProps) {
               const selectedOptions = searchParams.get(categoryName)?.split(",") || [];
               const isSelected = selectedOptions.includes(option);
               const displayOption =
-                categoryName === "postStatus"
+                categoryName === "all"
+                  ? "전체"
+                  : categoryName === "postStatus"
                   ? option === "RECRUITING"
                     ? "모집중"
                     : option === "FINISHED"
@@ -56,8 +58,7 @@ export default function Filter({ searchParams, handleFilter }: FilterProps) {
                 <div key={option}>
                   <button
                     key={option}
-                    className={cn("slideItem", {
-                      [`${categoryName}`]: true,
+                    className={cn("slideItem", categoryName, {
                       selected: isSelected,
                     })}
                     onClick={() => handleFilter(categoryName, option)}
diff --git a/src/components/common/Filter/constants/index.ts b/src/components/common/Filter/constants/index.ts
index d36a4a9..bdb65ac 100644
--- a/src/components/common/Filter/constants/index.ts
+++ b/src/components/common/Filter/constants/index.ts
@@ -1,5 +1,6 @@
 export const Categories = {
-    disabilityType: ['시각장애', '청각장애', '지적장애', '지체장애', '자폐성장애', '뇌병변장애', '정신장애'],
-    assistanceType: ['식사', '이동', '학습'],
-    postStatus: ['RECRUITING', 'FINISHED']
-};
\ No newline at end of file
+  all: ["true"],
+  disabilityType: ["시각장애", "청각장애", "지적장애", "지체장애", "자폐성장애", "뇌병변장애", "정신장애"],
+  assistanceType: ["식사", "이동", "학습"],
+  postStatus: ["RECRUITING", "FINISHED"],
+};
diff --git a/src/components/common/Pagenation/apis/getHelpMeList.ts b/src/components/common/Pagenation/apis/getHelpMeList.ts
index ce42764..b589a5e 100644
--- a/src/components/common/Pagenation/apis/getHelpMeList.ts
+++ b/src/components/common/Pagenation/apis/getHelpMeList.ts
@@ -4,12 +4,17 @@ export default async function getPagenationItems(
   postType: string,
   page: number,
   limit: number,
+  allType: string,
   postStatus: string,
   disabilityType: string,
   assistanceType: string,
 ) {
-  const url = `posts?post-type=${postType}&page=${page}&size=${limit}&sorted=modifiedAt,DESC&post-status=${postStatus}&disability-type=${disabilityType}&assistance-type=${assistanceType}`;
-
+  const url = allType
+    ? `posts?post-type=${postType}&page=${page}&size=${limit}&sorted=modifiedAt,DESC`
+    : `posts?post-type=${postType}&page=${page}&size=${limit}&sorted=modifiedAt,DESC` +
+      (postStatus ? `&post-status=${postStatus}` : "") +
+      (disabilityType ? `&disability-type=${disabilityType}` : "") +
+      (assistanceType ? `&assistance-type=${assistanceType}` : "");
   const { data } = await axiosInstance.get(url);
 
   return data;
diff --git a/src/components/page-layout/helpMeLayout/components/helpMeLayout.module.scss b/src/components/page-layout/helpMeLayout/components/helpMeLayout.module.scss
index c307040..259edaa 100644
--- a/src/components/page-layout/helpMeLayout/components/helpMeLayout.module.scss
+++ b/src/components/page-layout/helpMeLayout/components/helpMeLayout.module.scss
@@ -3,17 +3,16 @@
   padding: 5rem 10rem;
 }
 
+.filterContainer {
+  width: 100%;
+  @include flexSort(column, null, center, null);
+}
+
 .title {
   color: black;
   @include nsnFont(2.8rem, 400, 4.2rem);
 }
 
-.typeContainer {
-  text-align: center;
-  width: 100%;
-  @include flexSort(column, center, center, null);
-}
-
 .cardListContainer {
   @include flexSort(column, null, center, 4rem);
 }
@@ -31,12 +30,12 @@
 
 .button {
   z-index: 1;
-  @include flexSort(null, null, center,1rem);
+  @include flexSort(null, null, center, 1rem);
   right: 5%;
   align-self: flex-end;
-  border: 0.1rem solid #9D9D9D;
+  border: 0.1rem solid #9d9d9d;
   border-radius: 1rem;
-  color: #9D9D9D;
+  color: #9d9d9d;
   position: relative;
   top: 7rem;
   @include nsnFont(1.8rem, 400, normal);
diff --git a/src/components/page-layout/helpMeLayout/components/helpMeLayout.tsx b/src/components/page-layout/helpMeLayout/components/helpMeLayout.tsx
index d084e02..7d8d126 100644
--- a/src/components/page-layout/helpMeLayout/components/helpMeLayout.tsx
+++ b/src/components/page-layout/helpMeLayout/components/helpMeLayout.tsx
@@ -1,3 +1,5 @@
+import { useEffect } from "react";
+
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 import classNames from "classnames/bind";
 
@@ -19,7 +21,9 @@ const cn = classNames.bind(styles);
 export default function HelpMeLayout() {
   const router = useRouter();
   const params = new URLSearchParams(router.query as any);
+
   const currentPage = params.get("page");
+  const all = params.get("all") ?? "";
   const disabilityType = params.get("disabilityType") ?? "";
   const assistanceType = params.get("assistanceType") ?? "";
   const postStatus = params.get("postStatus") ?? "";
@@ -36,43 +40,67 @@ export default function HelpMeLayout() {
 
   const { data } = useQuery({
     queryKey: ["post", page, disabilityType, assistanceType, postStatus],
-    queryFn: () => getPagenationItems("TAKER", page, 8, `${postStatus}`, `${disabilityType}`, `${assistanceType}`),
+    queryFn: () => getPagenationItems("TAKER", page, 8, all, postStatus, disabilityType, assistanceType),
     placeholderData: keepPreviousData,
+    enabled: !!all || !!disabilityType || !!assistanceType || !!postStatus,
   });
 
   const handleFilter = (category: string, optionId: string) => {
     const searchParams = new URLSearchParams(params.toString());
+    const selectedAllType = searchParams.get("allType") ?? "";
     const selectedDisabilityType = searchParams.get("disabilityType") ?? "";
     const selectedAssistanceType = searchParams.get("assistanceType") ?? "";
     const selectedPostStatus = searchParams.get("postStatus") ?? "";
 
+    let allTypeList = selectedAllType ? selectedAllType.split(",") : [];
     let disabilityTypeList = selectedDisabilityType ? selectedDisabilityType.split(",") : [];
     let assistanceTypeList = selectedAssistanceType ? selectedAssistanceType.split(",") : [];
     let postStatusList = selectedPostStatus ? selectedPostStatus.split(",") : [];
 
-    if (category === "disabilityType") {
+    if (category === "all") {
+      allTypeList.push(optionId);
+      searchParams.set("all", allTypeList.join(","));
+      searchParams.delete("disabilityType");
+      searchParams.delete("assistanceType");
+      searchParams.delete("postStatus");
+    } else if (category === "disabilityType") {
       if (disabilityTypeList.includes(optionId)) {
         disabilityTypeList = disabilityTypeList.filter((e) => e !== optionId);
-        searchParams.set("disabilityType", disabilityTypeList.join(","));
+        if (disabilityTypeList.length === 0) {
+          searchParams.delete("disabilityType");
+        } else {
+          searchParams.set("disabilityType", disabilityTypeList.join(","));
+        }
       } else {
         disabilityTypeList.push(optionId);
         searchParams.set("disabilityType", disabilityTypeList.join(","));
+        searchParams.delete("all");
       }
     } else if (category === "assistanceType") {
       if (assistanceTypeList.includes(optionId)) {
         assistanceTypeList = assistanceTypeList.filter((e) => e !== optionId);
-        searchParams.set("assistanceType", assistanceTypeList.join(","));
+        if (assistanceTypeList.length === 0) {
+          searchParams.delete("assistanceType");
+        } else {
+          searchParams.set("assistanceType", assistanceTypeList.join(","));
+        }
       } else {
         assistanceTypeList.push(optionId);
         searchParams.set("assistanceType", assistanceTypeList.join(","));
+        searchParams.delete("all");
       }
     } else if (category === "postStatus") {
       if (postStatusList.includes(optionId)) {
         postStatusList = postStatusList.filter((e) => e !== optionId);
-        searchParams.set("postStatus", postStatusList.join(","));
+        if (postStatusList.length === 0) {
+          searchParams.delete("postStatus");
+        } else {
+          searchParams.set("postStatus", postStatusList.join(","));
+        }
       } else {
         postStatusList.push(optionId);
         searchParams.set("postStatus", postStatusList.join(","));
+        searchParams.delete("all");
       }
     }
 
@@ -82,9 +110,16 @@ export default function HelpMeLayout() {
     });
   };
 
+  useEffect(() => {
+    if (!params.has("allType")) {
+      params.set("all", "true");
+      router.replace(`${router.pathname}?${params.toString()}`);
+    }
+  }, []);
+
   return (
     <main className={cn("container")}>
-      <div className={cn("typeContainer")}>
+      <div className={cn("filterContainer")}>
         <p className={cn("title")}>
           버디브릿지는 일상에서 모두가 서로에게 <br />
           따뜻한 온정을 전하는 세상을 만듭니다.
diff --git a/src/components/page-layout/helpYouLayout/components/helpYouLayout.tsx b/src/components/page-layout/helpYouLayout/components/helpYouLayout.tsx
index a1b17ac..26f0669 100644
--- a/src/components/page-layout/helpYouLayout/components/helpYouLayout.tsx
+++ b/src/components/page-layout/helpYouLayout/components/helpYouLayout.tsx
@@ -1,3 +1,5 @@
+import { useEffect } from "react";
+
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 import classNames from "classnames/bind";
 
@@ -20,6 +22,7 @@ export default function HelpYouLayout() {
   const router = useRouter();
   const params = new URLSearchParams(router.query as any);
   const currentPage = params.get("page");
+  const allType = params.get("allType") ?? "";
   const disabilityType = params.get("disabilityType") ?? "";
   const assistanceType = params.get("assistanceType") ?? "";
   const postStatus = params.get("postStatus") ?? "";
@@ -36,27 +39,43 @@ export default function HelpYouLayout() {
 
   const { data } = useQuery({
     queryKey: ["post", page, postStatus, disabilityType, assistanceType, postStatus],
-    queryFn: () => getPagenationItems("GIVER", page, 8, `${postStatus}`, `${disabilityType}`, `${assistanceType}`),
+    queryFn: () => getPagenationItems("GIVER", page, 8, allType, postStatus, disabilityType, assistanceType),
     placeholderData: keepPreviousData,
+    enabled: !!allType || !!disabilityType || !!assistanceType || !!postStatus,
   });
 
   const handleFilter = (category: string, optionId: string) => {
     const searchParams = new URLSearchParams(params.toString());
+    const selectedAllType = searchParams.get("allType") ?? "";
     const selectedDisabilityType = searchParams.get("disabilityType") ?? "";
     const selectedAssistanceType = searchParams.get("assistanceType") ?? "";
     const selectedPostStatus = searchParams.get("postStatus") ?? "";
 
-    let disabililtyTypeList = selectedDisabilityType ? selectedDisabilityType.split(",") : [];
+    let allTypeList = selectedAllType ? selectedAllType.split(",") : [];
+    let disabilityTypeList = selectedDisabilityType ? selectedDisabilityType.split(",") : [];
     let assistanceTypeList = selectedAssistanceType ? selectedAssistanceType.split(",") : [];
     let postStatusList = selectedPostStatus ? selectedPostStatus.split(",") : [];
 
-    if (category === "disabilityType") {
-      if (disabililtyTypeList.includes(optionId)) {
-        disabililtyTypeList = disabililtyTypeList.filter((e) => e !== optionId);
-        searchParams.set("disabilityType", disabililtyTypeList.join(","));
+    if (category === "allType") {
+      if (allTypeList.includes(optionId)) {
+        allTypeList = allTypeList.filter((e) => e !== optionId);
+        searchParams.set("allType", allTypeList.join(","));
+        searchParams.delete("allType");
+      } else {
+        allTypeList.push(optionId);
+        searchParams.set("allType", allTypeList.join(","));
+        searchParams.delete("disabilityType");
+        searchParams.delete("assistanceType");
+        searchParams.delete("postStatus");
+      }
+    } else if (category === "disabilityType") {
+      if (disabilityTypeList.includes(optionId)) {
+        disabilityTypeList = disabilityTypeList.filter((e) => e !== optionId);
+        searchParams.set("disabilityType", disabilityTypeList.join(","));
       } else {
-        disabililtyTypeList.push(optionId);
-        searchParams.set("disabilityType", disabililtyTypeList.join(","));
+        disabilityTypeList.push(optionId);
+        searchParams.set("disabilityType", disabilityTypeList.join(","));
+        searchParams.delete("allType");
       }
     } else if (category === "assistanceType") {
       if (assistanceTypeList.includes(optionId)) {
@@ -65,6 +84,7 @@ export default function HelpYouLayout() {
       } else {
         assistanceTypeList.push(optionId);
         searchParams.set("assistanceType", assistanceTypeList.join(","));
+        searchParams.delete("allType");
       }
     } else if (category === "postStatus") {
       if (postStatusList.includes(optionId)) {
@@ -73,6 +93,7 @@ export default function HelpYouLayout() {
       } else {
         postStatusList.push(optionId);
         searchParams.set("postStatus", postStatusList.join(","));
+        searchParams.delete("allType");
       }
     }
 
@@ -82,6 +103,13 @@ export default function HelpYouLayout() {
     });
   };
 
+  useEffect(() => {
+    if (!params.has("allType")) {
+      params.set("allType", "전체");
+      router.replace(`${router.pathname}?${params.toString()}`);
+    }
+  }, []);
+
   return (
     <main className={cn("container")}>
       <div className={cn("typeContainer")}>
@@ -93,7 +121,7 @@ export default function HelpYouLayout() {
       </div>
       <Link href={ROUTE.HELP_YOU_REGISTER} className={cn("button")}>
         작성하기
-        <RegisterArrow className={cn("arrow")}/>
+        <RegisterArrow className={cn("arrow")} />
       </Link>
       <div className={cn("cardListContainer")}>
         <div className={cn("cardListBox")}>