fix: 모바일 디자인 미세조정

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">

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 {
-  .history__listItem .badge {
+    .badge {
-    padding: 4px 6px;
+      padding: 3px 4px;
+      margin: 0 0 0 5px;
+    }
   }
 }

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 {

src/scss/page/_footer.scss

@@ -58,7 +58,7 @@
 
 @include mo {
   .footer {
-    padding: 24px 0 0;
+    padding: 40px 0 0;
   }
 
   .footer__inner {

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 {

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 {