From 46c0453f364a6cb84b7ce22669caff2c144daa04 Mon Sep 17 00:00:00 2001
From: designDefined <designdefined.by@gmail.com>
Date: Tue, 7 Jan 2025 21:42:03 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9B=84=EC=9B=90=EC=9E=90=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20(#64)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 후원자 추가

* 후원자 추가 및 레이아웃 수정
---
 components/Home/Support/Support.module.scss | 11 ++++++++---
 components/Home/Support/Support.tsx         | 14 ++++++++++++--
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/components/Home/Support/Support.module.scss b/components/Home/Support/Support.module.scss
index 6bd8993..3d868dd 100644
--- a/components/Home/Support/Support.module.scss
+++ b/components/Home/Support/Support.module.scss
@@ -68,7 +68,7 @@
       align-items: center;
       background-color: white;
       position: absolute;
-      top: 0;
+      top: 16px; // 맥북 화면에서 상단 텍스트 잘림
 
       .description {
         @include responsive.fontSize(14px, 18px, 24px);
@@ -89,17 +89,21 @@
         @include font.pretendard;
         position: relative;
         display: flex;
-        width: 50%;
+        width: 80%;
         justify-content: space-between;
+        padding-bottom: 8px;
         z-index: 10;
         .sponsor {
-          @include responsive.fontSize(14px, 21px, 32px);
+          @include responsive.fontSize(14px, 21px, 28px);
           color: #323232;
           font-weight: 600;
           line-height: 180%; /* 57.6px */
           letter-spacing: 1.28px;
         }
       }
+      .around {
+        justify-content: space-around;
+      }
     }
     .bottom {
       width: 100%;
@@ -176,6 +180,7 @@
     .foreground {
       .sponsorship {
         position: relative;
+        top: 0; // 맥북 화면에서 상단 텍스트 잘림
       }
       .description {
         font-weight: 500;
diff --git a/components/Home/Support/Support.tsx b/components/Home/Support/Support.tsx
index a45278d..f5d722c 100644
--- a/components/Home/Support/Support.tsx
+++ b/components/Home/Support/Support.tsx
@@ -33,11 +33,21 @@ export default function Support() {
           />
           <div className={styles.title}>Thanks to</div>
           <div className={styles.sponsors}>
+            <div className={styles.sponsor}>한재화</div>
+            <div className={styles.sponsor}>김택민</div>
+            <div className={styles.sponsor}>김지환</div>
             <div className={styles.sponsor}>김진억</div>
             <div className={styles.sponsor}>박면규</div>
-            <div className={styles.sponsor}>한재화</div>
             <div className={styles.sponsor}>이승찬</div>
           </div>
+
+          <div className={`${styles.sponsors} ${styles.around}`}>
+            <div className={styles.sponsor}>김지호</div>
+            <div className={styles.sponsor}>이인용</div>
+            <div className={styles.sponsor}>김정은</div>
+            <div className={styles.sponsor}>김광래</div>
+            <div className={styles.sponsor}>이종민</div>
+          </div>
         </div>
         <div className={styles.bottom}>
           <div className={cx("contact")}>
@@ -85,7 +95,7 @@ export default function Support() {
                 </div>
                 <div className={styles.row}>
                   <span className={cx("label")}>와플 동아리장</span>
-                  snjlee58@snu.ac.kr
+                  eastshine@snu.ac.kr
                 </div>
               </div>
             </div>