diff --git a/src/app/(public)/search/page.tsx b/src/app/(public)/search/page.tsx
new file mode 100644
index 00000000..26248b1b
--- /dev/null
+++ b/src/app/(public)/search/page.tsx
@@ -0,0 +1,5 @@
+import { SearchScreen } from "@/screens/search";
+
+export default function Page() {
+ return ;
+}
diff --git a/src/screens/search/index.ts b/src/screens/search/index.ts
new file mode 100644
index 00000000..e0fb059a
--- /dev/null
+++ b/src/screens/search/index.ts
@@ -0,0 +1 @@
+export { SearchScreen } from "./ui/search-screen";
diff --git a/src/screens/search/ui/search-screen.tsx b/src/screens/search/ui/search-screen.tsx
new file mode 100644
index 00000000..a321f799
--- /dev/null
+++ b/src/screens/search/ui/search-screen.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+import { useRouter } from "next/navigation";
+
+import { ROUTES } from "@/shared/config/routes";
+import SearchInput from "@/shared/ui/input/search-input";
+import { SubHeader } from "@/widgets/sub-header/sub-header";
+
+export function SearchScreen() {
+ const router = useRouter();
+ const [query, setQuery] = useState("");
+
+ useEffect(() => {
+ const mediaQuery = window.matchMedia("(min-width: 1024px)");
+
+ const handleChange = () => {
+ if (mediaQuery.matches) {
+ router.replace(ROUTES.auctions);
+ }
+ };
+
+ handleChange();
+ mediaQuery.addEventListener("change", handleChange);
+
+ return () => {
+ mediaQuery.removeEventListener("change", handleChange);
+ };
+ }, [router]);
+
+ const handleSubmit = (event: React.FormEvent) => {
+ event.preventDefault();
+ const trimmed = query.trim();
+ if (!trimmed) return;
+
+ const params = new URLSearchParams();
+ params.set("query", trimmed);
+ router.push(`${ROUTES.auctions}?${params.toString()}`);
+ };
+
+ return (
+
+
+ setQuery(event.target.value)}
+ onDelete={() => setQuery("")}
+ placeholder="검색어를 입력해주세요"
+ />
+
+ }
+ />
+
+
+
+
+