diff --git a/src/components/common/SearchDropDown.tsx b/src/components/common/SearchDropDown.tsx
index 4369c84..5123ba2 100644
--- a/src/components/common/SearchDropDown.tsx
+++ b/src/components/common/SearchDropDown.tsx
@@ -28,12 +28,20 @@ function SearchDropDown({ title }: PropsType) {
       winter_intern: "",
     });
 
+  const isTechCode = !!getQueryString("tech_code");
+
   return (
     <div
       className="h-10 pr-[12px] pl-4 border border-solid border-[#cccccc] rounded-[8px] flex items-center gap-[23px] text-b3 leading-b3 font-r text-[#7f7f7f] relative"
       onClick={toggleDropdown}
     >
-      <p>{title}</p>
+      <p
+        className={`${
+          isTechCode ? "text-lightBlue font-m" : "text-[#7f7f7f] font-r"
+        }`}
+      >
+        {title}
+      </p>
       <Icon icon="Chevron" color="gray60" />
       <DropDownComponent className="absolute left-0 min-w-full top-11">
         <TechCodeDropDownComponent
diff --git a/src/components/recruitments/filter.tsx b/src/components/recruitments/filter.tsx
index 604ad09..a5a2ce6 100644
--- a/src/components/recruitments/filter.tsx
+++ b/src/components/recruitments/filter.tsx
@@ -34,11 +34,9 @@ function Filter() {
 
   const onSearch = () => {
     setQueryString({
+      ...filter,
       page: "1",
-      job_code: filter.job_code,
-      tech_code: filter.tech_code,
       name: searchState.search,
-      winter_intern: filter.winter_intern,
     });
   };
 
@@ -53,7 +51,7 @@ function Filter() {
     } else setFilter((prev) => ({ ...prev, [jobType]: itemCode }));
   };
 
-  const { data:codes } = useGetCode("JOB");
+  const { data: codes } = useGetCode("JOB");
 
   const jobCodeDropdownItems = codes?.codes.map((item) => ({
     code: item.code.toString(),