fix: 스타일 누락건 수정

Author: yejinleee

components/common/Banner/index.tsx

@@ -36,7 +36,7 @@ function Banner({
 
 const StyledBox = styled.div<BannerProps>`
   background-repeat: no-repeat;
-  background-size: cover;
+  background-size: 100% auto;
   background-position: center;
   background-image: url(${({ backgroundImg }) => backgroundImg});
   background-color: ${({ theme, backgroundImg }) =>

components/common/JoinSection/index.tsx

@@ -76,6 +76,11 @@ const ImageContainer = styled.div`
   ${media.tablet} {
     height: 750px;
   }
+
+  ${media.mobile} {
+    height: 580px;
+    background-image: url('/assets/images/28th/recruit_bg_mo.png');
+  }
 `;
 
 const InnerContainer = styled.div`

components/home/IntroSection/Banner28th.tsx

@@ -33,7 +33,7 @@ const Banner28th = () => {
         </TitleTablet>
         <TitleMobile>
           <Image
-            src="/assets/images/28th/title_mobile.png"
+            src="/assets/images/28th/title_pc.png"
             alt="28th Title"
             width={423}
             height={107}

components/home/ProjectSection/index.tsx

@@ -47,10 +47,14 @@ function ProjectSection(): ReactElement {
 }
 
 const ProjectContainer = styled(SectionTemplate)`
-  padding: 200px 0;
+  padding: 200px 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
+
+  ${media.mobile} {
+    padding: 200px 20px;
+  }
 `;
 
 const TextBoxLayout = styled.div`
@@ -61,18 +65,6 @@ const TextBoxLayout = styled.div`
   & > div {
     max-width: 1200px;
   }
-
-  ${media.tablet} {
-    & > div {
-      margin: 0 80px;
-    }
-  }
-
-  ${media.mobile} {
-    & > div {
-      margin: 0 12px;
-    }
-  }
 `;
 
 export default ProjectSection;

components/recruit/RecruitBanner/index.tsx

@@ -83,7 +83,8 @@ const RecruitBannerContainer = styled.div`
   background: ${({ theme }) => theme.palette.white};
 
   ${media.mobile} {
-    height: 100vh;
+    height: auto;
+    aspect-ratio: 328 / 580;
   }
 `;
 
@@ -92,6 +93,10 @@ const BannerImageBox = styled.div`
   width: 100%;
   height: 100%;
   background: url('/assets/images/28th/recruit_bg.png') no-repeat center/cover;
+
+  ${media.mobile} {
+    background-image: url('/assets/images/28th/recruit_bg_mo.png');
+  }
 `;
 
 const slideUp = keyframes`

database/recruit.ts

@@ -73,7 +73,7 @@ export const FIND_YAPPU = [
     textParts: [
       '새로운 가능성을',
       {
-        img: '/assets/icons/yappu_red.svg',
+        img: '/assets/icons/yappu_orange.svg',
         width: 62,
         height: 49,
         mobileWidth: 28,
@@ -89,7 +89,7 @@ export const FIND_YAPPU = [
       '매주 토요일 정규 세션에\n',
       '참여 가능한 분을',
       {
-        img: '/assets/icons/yappu_blue.svg',
+        img: '/assets/icons/yappu_sky.svg',
         width: 76,
         height: 54,
         mobileWidth: 38,
@@ -103,7 +103,7 @@ export const FIND_YAPPU = [
       '타 직군과의 1회 이상\n',
       '협업 경험이 있는 분',
       {
-        img: '/assets/icons/yappu_white.svg',
+        img: '/assets/icons/yappu_yellow.svg',
         width: 68,
         height: 54,
         mobileWidth: 34,