From cd43a209dd1d3730e5ca871c37255c6c3ef3bc9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=9D=AC=EC=9B=90?= <richready2011@gmail.com>
Date: Tue, 30 Jun 2026 10:57:00 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EB=AF=B8=EC=84=B8=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.html              |  2 +-
 src/scss/page/_about.scss   | 36 +++++++++++++++++++++++++++++++-----
 src/scss/page/_contact.scss | 14 +++++++-------
 src/scss/page/_footer.scss  |  2 +-
 src/scss/page/_project.scss |  4 ++--
 src/scss/page/_vision.scss  |  8 ++++++++
 6 files changed, 50 insertions(+), 16 deletions(-)

diff --git a/src/index.html b/src/index.html
index dd1b72c..7fac235 100644
--- a/src/index.html
+++ b/src/index.html
@@ -534,7 +534,7 @@
           <h2 class="contact__heading">WELCOME BODA LAB</h2>
           <p class="contact__desc">
             The BODA LAB은 서비스와 사용자를 고려하여 다양한 경험을 제공하며,
-            <br />
+            <br class="divide" />
             거쳐간 모든 곳에서 지속적인 성장이 이루어질 수 있도록 함께합니다.
           </p>
           <address class="contact__office">
diff --git a/src/scss/page/_about.scss b/src/scss/page/_about.scss
index aa83542..673d84c 100644
--- a/src/scss/page/_about.scss
+++ b/src/scss/page/_about.scss
@@ -131,6 +131,7 @@
 
 .history__timeline {
   margin-left: clamp(220px, 38vw, 726px);
+  border-bottom: 1px solid #000;
 }
 
 .history__yearGroup {
@@ -321,7 +322,7 @@
     padding: 80px 20px;
   }
 
-  .history__title {
+  .history__title.sectionTitle {
     position: static;
     margin-bottom: 40px;
     color: #0d0d0d;
@@ -336,11 +337,30 @@
   }
 
   .history__yearToggle {
-    flex-wrap: wrap;
+    display: block;
+
+    .history__year {
+      display: block;
+      margin: 0 0 10px;
+    }
+
+    .icon {
+      top: 30px;
+      transform: none;
+    }
+
+    .history__listItem {
+      .main {
+        .badge {
+          margin: 3px 0 0 5px;
+        }
+      }
+    }
   }
 
   .history__list {
     margin-left: 0;
+    margin-right: 30px;
   }
 
   .history__listItem {
@@ -351,10 +371,16 @@
     .sub {
       font-size: 12px;
     }
+
+    .date {
+      display: none;
+    }
   }
 
-  // Figma 모바일/PC 공통으로 padding이 4px 6px인데 base는 2px 8px로 틀려있음 — PC base는 그대로 두고 모바일만 보정
-  .history__listItem .badge {
-    padding: 4px 6px;
+  .history__listItem {
+    .badge {
+      padding: 3px 4px;
+      margin: 0 0 0 5px;
+    }
   }
 }
diff --git a/src/scss/page/_contact.scss b/src/scss/page/_contact.scss
index 6d8b541..70b9d36 100644
--- a/src/scss/page/_contact.scss
+++ b/src/scss/page/_contact.scss
@@ -409,11 +409,15 @@
   .contact__desc {
     margin-top: 30px;
     margin-bottom: 80px;
+
+    .divide {
+      display: none;
+    }
   }
 
   // Figma 모바일: Head Office 블록 → 아코디언 블록 간격 80 (PC base 88px는 그대로 둠)
   .contact__inner {
-    margin-bottom: 80px;
+    margin-bottom: 0px;
   }
 
   // Figma 공통값(label→list 16)인데 base(20px)가 PC에서도 어긋나 있음 — 모바일만 보정
@@ -427,6 +431,7 @@
   }
 
   .contactAccordion__header {
+    margin-top: 60px;
     padding-top: 22px;
     padding-bottom: 22px;
   }
@@ -437,13 +442,8 @@
     height: 32px;
   }
 
-  // Figma 공통값(80, PC는 120 — 둘 다 base 32px와 다름)인데 두 아코디언 블록 사이 간격이 좁음. PC는 두고 두 번째 항목만 보정
-  .contactAccordion__item:not(:first-child) .contactAccordion__header {
-    margin-top: 80px;
-  }
-
   .contactForm {
-    padding-bottom: 40px;
+    // padding-bottom: 40px;
   }
 
   .contactForm__cols {
diff --git a/src/scss/page/_footer.scss b/src/scss/page/_footer.scss
index dec4e6e..44d22cf 100644
--- a/src/scss/page/_footer.scss
+++ b/src/scss/page/_footer.scss
@@ -58,7 +58,7 @@
 
 @include mo {
   .footer {
-    padding: 24px 0 0;
+    padding: 40px 0 0;
   }
 
   .footer__inner {
diff --git a/src/scss/page/_project.scss b/src/scss/page/_project.scss
index f1110cb..70072f3 100644
--- a/src/scss/page/_project.scss
+++ b/src/scss/page/_project.scss
@@ -165,11 +165,11 @@
 
   // Figma 모바일/PC 공통값(name→company 18, company→tags 24)인데 base(15px/20px)가 어긋나 있음 — 모바일만 보정
   .project__company {
-    margin-top: 18px;
+    margin-top: 14px;
   }
 
   .project__stack {
-    margin-top: 24px;
+    margin-top: 22px;
   }
 
   .project__more {
diff --git a/src/scss/page/_vision.scss b/src/scss/page/_vision.scss
index 42fd800..938a893 100644
--- a/src/scss/page/_vision.scss
+++ b/src/scss/page/_vision.scss
@@ -94,6 +94,7 @@
     font-size: 14px;
     font-weight: 300;
     color: #ffffff;
+    letter-spacing: -0.1px;
   }
 }
 
@@ -113,9 +114,16 @@
   }
 
   .vision__quote {
+    position: relative;
     align-self: stretch;
     max-width: none;
     padding: 0 30px;
+
+    .mark {
+      top: 0;
+      left: 0;
+      position: absolute;
+    }
   }
 
   .vision__keywordList {