From 165547d082de422bc32ee3ec8f7578e5439abb80 Mon Sep 17 00:00:00 2001
From: solar3070 <>
Date: Mon, 4 Sep 2023 03:21:19 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=A0=91?=
 =?UTF-8?q?=EC=86=8D=EC=8B=9C=20=EB=B0=B0=EB=84=88=20=EC=A0=84=EC=B2=B4=20?=
 =?UTF-8?q?=EC=98=81=EC=97=AD=20=ED=81=B4=EB=A6=AD=20=ED=99=9C=EC=84=B1?=
 =?UTF-8?q?=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecruitFloatingBanner/RecruitFloatingBanner.tsx       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/MainPage/components/RecruitFloatingBanner/RecruitFloatingBanner.tsx b/src/views/MainPage/components/RecruitFloatingBanner/RecruitFloatingBanner.tsx
index 2b06f920..b751e002 100644
--- a/src/views/MainPage/components/RecruitFloatingBanner/RecruitFloatingBanner.tsx
+++ b/src/views/MainPage/components/RecruitFloatingBanner/RecruitFloatingBanner.tsx
@@ -1,5 +1,6 @@
 import styled from '@emotion/styled';
 import Link from 'next/link';
+import { useRouter } from 'next/router';
 import Timer from '@src/components/common/Timer';
 import { useIsMobile } from '@src/hooks/useDevice';
 import SoptSymbol from '@src/views/MainPage/assets/sopt-symbol.svg';
@@ -9,10 +10,11 @@ const TARGET_DATE = dayjs('2023-09-08T15:00:00.000Z').toDate();
 
 export function RecruitFloatingBanner() {
   const isMobile = useIsMobile();
+  const router = useRouter();
 
   return (
     <Wrapper>
-      <Banner>
+      <Banner isMobile={isMobile} onClick={() => router.push('/recruit')}>
         <Countdown>
           <Symbol src={SoptSymbol} alt="솝트 심볼" />
           {isMobile ? (
@@ -60,7 +62,7 @@ const Symbol = styled.img`
   }
 `;
 
-const Banner = styled.div`
+const Banner = styled.div<{ isMobile: boolean }>`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -88,6 +90,8 @@ const Banner = styled.div`
 
     border-radius: 12px;
   }
+
+  cursor: ${({ isMobile }) => (isMobile ? 'pointer' : 'auto')};
 `;
 
 const Countdown = styled.div`