chore: 모집 타이머가 어떤 시간을 의미하는지에 대한 설명 추가

Author: ProdMoon

src/components/organisms/home/RecruitmentSummary/index.module.scss

@@ -0,0 +1,12 @@
+.timerWrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+
+    .timerDescription {
+      font-size: 1.4rem;
+      font-weight: 500;
+      color: #fff;
+    }
+}

src/components/organisms/home/RecruitmentSummary/index.tsx

@@ -3,6 +3,8 @@ import SummaryCard from '@/components/organisms/home/SummaryCards';
 import useTimer from '@/hook/useTimer';
 import { displayApplication } from '@/libs/utils/recruit';
 
+import styles from './index.module.scss';
+
 type Props = {
   currentStatus: 'before' | 'ongoing' | 'after';
 };
@@ -21,13 +23,18 @@ function RecruitmentSummary({ currentStatus }: Props) {
       {currentStatus === 'after' ? (
         <SummaryCard />
       ) : (
-        <Timer
-          dates={dates}
-          hours={hours}
-          minutes={minutes}
-          seconds={seconds}
-          isRecruiting={isRecruiting}
-        />
+        <div className={styles.timerWrapper}>
+          <div className={styles.timerDescription}>
+            {currentStatus === 'before' ? '모집 시작까지' : '모집 마감까지'}
+          </div>
+          <Timer
+            dates={dates}
+            hours={hours}
+            minutes={minutes}
+            seconds={seconds}
+            isRecruiting={isRecruiting}
+          />
+        </div>
       )}
     </>
   );