diff --git a/frontend/pages/culture.vue b/frontend/pages/culture.vue
index bebc1fa..7edfa6a 100644
--- a/frontend/pages/culture.vue
+++ b/frontend/pages/culture.vue
@@ -210,7 +210,7 @@ onMounted(() => {
2026년 목표
150억(e)
-
+
2027년 목표
300억
@@ -218,6 +218,15 @@ onMounted(() => {
2028년 목표
1000억+
+
+
+
+ 2023년
+ 2024년
+ 2026년 목표
+ 2027년 목표
+ 2028년 목표
+
@@ -657,6 +666,17 @@ onMounted(() => {
font-weight: 500;
}
+/* 하단 년도 축 — 데스크톱에서는 숨김(라벨 내 .lbl-year 사용), 모바일에서만 표시 */
+.chart-svg .lbl-years-bottom {
+ display: none;
+}
+
+.chart-svg .lbl-year-b {
+ fill: rgba(255, 255, 255, 0.75);
+ font-size: 24px; /* 상단 인라인 년도(13px)보다 키움 */
+ font-weight: 600;
+}
+
.chart-svg .lbl-val {
fill: #ffffff;
font-size: 38px; /* 19px 대비 2배 */
@@ -668,6 +688,27 @@ onMounted(() => {
font-size: 42px; /* 21px 대비 2배 */
}
+/* 모바일 — SVG가 작게 축소되므로 매출 값 텍스트를 키워 가독성 확보
+ (연도↔값 간격 dy=38 안에서 윗줄 연도와 겹치지 않는 최대치 수준) */
+@media (max-width: 32.5rem) {
+ .chart-svg .lbl-val {
+ font-size: 50px;
+ }
+
+ .chart-svg .lbl-val--hl {
+ font-size: 54px;
+ }
+
+ /* 모바일: 라벨 내 상단 년도는 숨기고, 그래프 하단 년도 축을 표시 */
+ .chart-svg .lbl-year {
+ display: none;
+ }
+
+ .chart-svg .lbl-years-bottom {
+ display: block;
+ }
+}
+
/* 모션 최소화 선호 시 모든 차트 전환 제거 */
@media (prefers-reduced-motion: reduce) {
.chart-svg * {