From d501a9b479d6a3f96b2df1b1b4d7e41c0d0198cb Mon Sep 17 00:00:00 2001
From: chaeminseok <minseok23491@naver.com>
Date: Tue, 23 Apr 2024 04:54:43 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EA=B2=80=EC=83=89=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/searchFilterPage/SearchFilter.tsx                   | 2 +-
 src/pages/searchPage/Search.style.ts                          | 4 ++--
 src/pages/searchPage/components/searchBar/SearchBar.tsx       | 2 +-
 .../searchPage/components/searchItem/SearchItem.style.ts      | 2 +-
 src/pages/searchPage/components/searchItem/SearchItem.tsx     | 4 ++--
 src/pages/searchPage/components/searchNav/SearchNav.style.ts  | 3 ++-
 6 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/pages/searchFilterPage/SearchFilter.tsx b/src/pages/searchFilterPage/SearchFilter.tsx
index 73e7a06f..0105e7dc 100644
--- a/src/pages/searchFilterPage/SearchFilter.tsx
+++ b/src/pages/searchFilterPage/SearchFilter.tsx
@@ -53,7 +53,7 @@ const SearchFilter = () => {
     <>
       <S.FilterContainer>
         <S.FilterContent>
-          <S.FilterTitle>언제 어디로 여행가세요?</S.FilterTitle>
+          <S.FilterTitle>언제 어디로 떠나세요?</S.FilterTitle>
           <S.FilterBlock onClick={handleRegionModal}>
             <S.FilterSubTitle>지역</S.FilterSubTitle>
             <S.FilterModalButton>
diff --git a/src/pages/searchPage/Search.style.ts b/src/pages/searchPage/Search.style.ts
index ad8388b1..e57a806c 100644
--- a/src/pages/searchPage/Search.style.ts
+++ b/src/pages/searchPage/Search.style.ts
@@ -2,15 +2,15 @@ import styled from "styled-components";
 import TopButtonIcon from "@assets/icons/ic_top_button.svg?react";
 
 export const Container = styled.div`
-  background-color: ${({ theme }) => theme.color.white};
+  background-color: ${({ theme }) => theme.color.greyScale7};
 `;
 
 export const SearchContainer = styled.div`
   width: 100%;
   height: 100%;
+  min-height: 100vh;
   color: ${({ theme }) => theme.color.black};
   padding: 130px 0 130px 0;
-  background-color: ${({ theme }) => theme.color.greyScale7};
 `;
 
 export const SearchItemFlex = styled.div`
diff --git a/src/pages/searchPage/components/searchBar/SearchBar.tsx b/src/pages/searchPage/components/searchBar/SearchBar.tsx
index 9c19ab9e..1b2f1644 100644
--- a/src/pages/searchPage/components/searchBar/SearchBar.tsx
+++ b/src/pages/searchPage/components/searchBar/SearchBar.tsx
@@ -9,7 +9,7 @@ const SearchBar = () => {
   const navigate = useNavigate();
   const searchInfo = useSearchFilterInfoStore((state) => state.searchInfo);
 
-  let searchBarContent = "언제 어디로 여행가세요?";
+  let searchBarContent = "언제 어디로 떠나세요?";
   if (searchInfo.location && searchInfo.checkOut && searchInfo.quantityPeople) {
     searchBarContent = `${searchInfo.location} / ${formatDateMonthAndDay(
       searchInfo.checkIn,
diff --git a/src/pages/searchPage/components/searchItem/SearchItem.style.ts b/src/pages/searchPage/components/searchItem/SearchItem.style.ts
index f53cc026..bfe6b849 100644
--- a/src/pages/searchPage/components/searchItem/SearchItem.style.ts
+++ b/src/pages/searchPage/components/searchItem/SearchItem.style.ts
@@ -5,6 +5,7 @@ export const ItemContainer = styled.div`
   width: 100%;
   height: 373px;
   color: ${({ theme }) => theme.color.black};
+  position: relative;
   @media screen and (min-width: 568px) {
     width: calc(50% - 8px);
   }
@@ -25,7 +26,6 @@ export const ItemContent = styled.div`
   justify-content: space-between;
   min-width: 240px;
   height: 181px;
-  position: relative;
   width: 100%;
   padding: 24px 16px;
 `;
diff --git a/src/pages/searchPage/components/searchItem/SearchItem.tsx b/src/pages/searchPage/components/searchItem/SearchItem.tsx
index 00c48793..ce29b13a 100644
--- a/src/pages/searchPage/components/searchItem/SearchItem.tsx
+++ b/src/pages/searchPage/components/searchItem/SearchItem.tsx
@@ -38,7 +38,7 @@ const SearchItem = ({ item }: { item: ISearchList }) => {
               </div>
               <div>{item.reviewRate}</div>
               <div>&middot;</div>
-              <div>{`${item.hotelRate}성급`}</div>
+              <div>{item.hotelRate}</div>
             </S.ItemRates>
             <S.ItemName>{item.name}</S.ItemName>
             <S.ItemRoomName>{item.roomType}</S.ItemRoomName>
@@ -66,7 +66,7 @@ const SearchItem = ({ item }: { item: ISearchList }) => {
                 </div>
               </S.ItemOriginalPriceCover>
               <S.ItemPriceCover>
-                <div>구매가</div>
+                <div>거래가</div>
                 <S.ItemPrice>
                   {item.salePrice.toLocaleString() + "원"}
                 </S.ItemPrice>
diff --git a/src/pages/searchPage/components/searchNav/SearchNav.style.ts b/src/pages/searchPage/components/searchNav/SearchNav.style.ts
index ad40c435..7c9efc73 100644
--- a/src/pages/searchPage/components/searchNav/SearchNav.style.ts
+++ b/src/pages/searchPage/components/searchNav/SearchNav.style.ts
@@ -12,10 +12,11 @@ export const SearchNavContainer = styled.div`
   min-width: 360px;
   width: 100%;
   height: 44px;
-  padding: 0.5rem 1.5rem;
+  padding: 0.5rem 1.5rem 2.5rem 1.5rem;
   position: fixed;
   z-index: 1;
   top: 72px;
+  border-bottom: 1px solid ${({ theme }) => theme.color.greyScale6};
 `;
 
 export const SearchCellCover = styled.div`