ITAB은 Level 제도를 운영중이며,
연차가 아닌 실력으로 승진합니다.
-
업계 3~4년차 수준의 역량을 1년 안에 얻어갈 수 있도록
밀도있고 효율적으로 업무를 진행하게 됩니다.
+
업계 3~4년차 수준의 역량을 1년 안에 얻어갈 수 있도록
밀도있고 효율적으로 업무를 진행하게 됩니다.
물경력? 그런건 우리 사전에 없습니다.
@@ -659,13 +659,13 @@ onMounted(() => {
.chart-svg .lbl-val {
fill: #ffffff;
- font-size: 19px;
+ font-size: 38px; /* 19px 대비 2배 */
font-weight: 800;
letter-spacing: -0.02em;
}
.chart-svg .lbl-val--hl {
- font-size: 21px;
+ font-size: 42px; /* 21px 대비 2배 */
}
/* 모션 최소화 선호 시 모든 차트 전환 제거 */
@@ -838,6 +838,12 @@ onMounted(() => {
align-items: flex-start;
gap: 0.5rem;
}
+
+ /* 모바일: 문장 중간 강제 줄바꿈 제거 → 자연스럽게 이어 흐르도록
+ (br 앞 공백이 남아 단어가 붙지 않음) */
+ .br-pc {
+ display: none;
+ }
}
/* ── 둘째 — 커리어 성장(회색 섹션) ── */
@@ -1043,6 +1049,9 @@ onMounted(() => {
font-weight: 700;
color: #1b1f27;
line-height: 1.45;
+ /* 한글이 글자 단위로 끊기지 않고 어절(공백) 단위로만 줄바꿈되도록 */
+ word-break: keep-all;
+ text-wrap: balance; /* 여러 줄일 때 줄 길이를 고르게 분배 */
}
.wi-sub {
@@ -1050,6 +1059,8 @@ onMounted(() => {
font-size: clamp(0.75rem, 1.2vw, 0.875rem); /* 12~14px */
color: #8a909c;
line-height: 1.45;
+ word-break: keep-all;
+ text-wrap: balance;
}
/* 좁은 화면 — 배지/그리드 열 축소 */
@@ -1057,6 +1068,26 @@ onMounted(() => {
.welfare-grid {
grid-template-columns: repeat(2, 1fr);
}
+
+ /* 버블 배지 — 좁은 화면에서 원이 작아져 제목이 줄바꿈되던 문제 해결:
+ 간격·안쪽 여백을 줄여 원을 키우고, 제목 폰트를 줄여 한 줄로 유지 */
+ .welfare-badges {
+ gap: 0.5rem;
+ }
+
+ .wbadge {
+ padding: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .wbadge strong {
+ font-size: 0.8125rem; /* 13px — 한 줄에 맞춤 */
+ white-space: nowrap; /* 제목 줄바꿈 방지 */
+ }
+
+ .wbadge span {
+ font-size: 0.6875rem; /* 11px */
+ }
}
/* ===================== 마무리 CTA ===================== */
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 43ae012..d09230a 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -131,6 +131,17 @@ const history: HistoryItem[] = [
{ year: '2025', text: '한국 소비자 평가 대상 2연속 수상', img: imgBrand },
]
+// 모바일용 — 같은 년도끼리 묶어 "년도(헤더) + 항목 리스트" 형태로 표시 (등장 순서 유지)
+const historyGroups = computed(() => {
+ const groups: { year: string; items: HistoryItem[] }[] = []
+ for (const item of history) {
+ const last = groups[groups.length - 1]
+ if (last && last.year === item.year) last.items.push(item)
+ else groups.push({ year: item.year, items: [item] })
+ }
+ return groups
+})
+
// 구성원 카드 — PEOPLE 섹션 비활성화로 함께 주석 처리 (재활성화 시 아래 + 템플릿 주석 해제)
// interface PeopleCard {
// label: string
@@ -289,7 +300,8 @@ const history: HistoryItem[] = [