From 5b2ddf299612bdce5f27d0821d27da18f46a893a Mon Sep 17 00:00:00 2001
From: Dongpil Jo <ehdvlf001@knu.ac.kr>
Date: Tue, 9 Jul 2024 12:28:15 +0900
Subject: [PATCH] =?UTF-8?q?design:=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/landing/components/hackathon/Detail.tsx           | 3 +--
 src/pages/landing/components/hackathon/HackathonPart.tsx    | 6 +++---
 src/pages/landing/components/hackathon/HackathonSponsor.tsx | 2 ++
 src/pages/landing/components/hackathon/HackathonTimer.tsx   | 1 -
 src/pages/landing/components/hackathon/More.tsx             | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/landing/components/hackathon/Detail.tsx b/src/pages/landing/components/hackathon/Detail.tsx
index eed2fc0..226684d 100644
--- a/src/pages/landing/components/hackathon/Detail.tsx
+++ b/src/pages/landing/components/hackathon/Detail.tsx
@@ -102,8 +102,7 @@ const MoreBtn = styled.div`
     line-height: 150%; /* 30px */
 
     @media (max-width: 767px) {
-        /* width: clamp(360px, 3vw, 523px); */
-        width: 320px;
+        width: clamp(290px, 3vw, 523px);
         height: 48px;
         font-size: 16px;
     }
diff --git a/src/pages/landing/components/hackathon/HackathonPart.tsx b/src/pages/landing/components/hackathon/HackathonPart.tsx
index f9e4140..0c66ab7 100644
--- a/src/pages/landing/components/hackathon/HackathonPart.tsx
+++ b/src/pages/landing/components/hackathon/HackathonPart.tsx
@@ -45,7 +45,7 @@ const PartButton = styled.div`
     font-size: 28px;
     font-style: normal;
 
-    width: clamp(530px, 2vw, 580px);
+    width: clamp(520px, 2vw, 580px);
     height: auto;
 
     cursor: pointer;
@@ -55,7 +55,7 @@ const PartButton = styled.div`
     }
 
     @media (max-width: 767px) {
-        width: 530px;
+        width: 520px;
         height: 64px;
         font-size: 20px;
     }
@@ -78,7 +78,7 @@ const PartButton = styled.div`
 `;
 
 const Info = styled.div`
-    margin: 21px 0px 20px 40px;
+    margin: 20px 0px 20px 40px;
     font-weight: bold;
 `;
 
diff --git a/src/pages/landing/components/hackathon/HackathonSponsor.tsx b/src/pages/landing/components/hackathon/HackathonSponsor.tsx
index c16106a..b955d87 100644
--- a/src/pages/landing/components/hackathon/HackathonSponsor.tsx
+++ b/src/pages/landing/components/hackathon/HackathonSponsor.tsx
@@ -14,6 +14,7 @@ import logo9 from '../../../../img/landing/sponsor/logo9.svg';
 import logo10 from '../../../../img/landing/sponsor/logo10.svg';
 import logo11 from '../../../../img/landing/sponsor/logo11.svg';
 import logo12 from '../../../../img/landing/sponsor/logo12.svg';
+import { styled } from 'styled-components';
 
 const SponsorInfo = () => {
     SwiperCore.use([Autoplay]);
@@ -74,6 +75,7 @@ type serviceType = {
     url: string;
     backgroundColor?: string;
 };
+
 const serviceList: serviceType[] = [
     {
         id: 0,
diff --git a/src/pages/landing/components/hackathon/HackathonTimer.tsx b/src/pages/landing/components/hackathon/HackathonTimer.tsx
index a928636..802dea0 100644
--- a/src/pages/landing/components/hackathon/HackathonTimer.tsx
+++ b/src/pages/landing/components/hackathon/HackathonTimer.tsx
@@ -87,7 +87,6 @@ const TimerContainer = styled.div`
     border-radius: 24px;
     height: 240px;
     max-width: 1200px;
-    width: 100%;
     margin-left: 10px;
     margin-right: 10px;
 
diff --git a/src/pages/landing/components/hackathon/More.tsx b/src/pages/landing/components/hackathon/More.tsx
index 0f7ed89..ada979d 100644
--- a/src/pages/landing/components/hackathon/More.tsx
+++ b/src/pages/landing/components/hackathon/More.tsx
@@ -116,7 +116,7 @@ const MoreBtn = styled.div`
     line-height: 150%; /* 30px */
 
     @media (max-width: 767px) {
-        width: clamp(290px, 3vw, 523px);
+        width: clamp(290px, 2vw, 523px);
         height: 48px;
         font-size: 16px;
     }