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 @@
The BODA LAB은 서비스와 사용자를 고려하여 다양한 경험을 제공하며,
-
+
거쳐간 모든 곳에서 지속적인 성장이 이루어질 수 있도록 함께합니다.
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 {