/* =============================================
   Utility Classes — 인라인 스타일 리팩토링용 공통 유틸
   ============================================= */

/* --- Display --- */
.u-block { display: block; }
.u-inline-block { display: inline-block; }
.u-inline { display: inline; }
.u-none { display: none; }
.u-flex-center { display: flex; align-items: center; justify-content: center; }

/* --- Text alignment --- */
.u-text-center { text-align: center; }
.u-text-left { text-align: left; }
.u-text-right { text-align: right; }

/* --- Font weight --- */
.u-fw-400 { font-weight: 400; }
.u-fw-500 { font-weight: 500; }
.u-fw-600 { font-weight: 600; }
.u-fw-700 { font-weight: 700; }
.u-fw-bold { font-weight: bold; }

/* --- Font size (px 기반, 자주 사용되는 값만) --- */
.u-fs-11 { font-size: 11px; }
.u-fs-12 { font-size: 12px; }
.u-fs-14 { font-size: 14px; }
.u-fs-15 { font-size: 15px; }
.u-fs-16 { font-size: 16px; }
.u-fs-17 { font-size: 17px; }
.u-fs-18 { font-size: 18px; }
.u-fs-20 { font-size: 20px; }
.u-fs-24 { font-size: 24px; }
.u-fs-30 { font-size: 30px; }
.u-fs-32 { font-size: 32px; }
.u-fs-36 { font-size: 36px; }

/* --- Line height --- */
.u-lh-1 { line-height: 1; }
.u-lh-13 { line-height: 1.3; }
.u-lh-15 { line-height: 1.5; }
.u-lh-17 { line-height: 1.7; }
.u-lh-18 { line-height: 1.8; }
.u-lh-19 { line-height: 1.9; }

/* --- Colors (브랜드 + 자주 쓰이는 그레이 톤) --- */
.u-c-primary { color: #3b9eff; }
.u-c-strong { color: #212121; }
.u-c-text { color: #333; }
.u-c-muted { color: #555; }
.u-c-dim { color: #666; }
.u-c-soft { color: #9aa1ad; }
.u-c-faint { color: #9c9c9c; }
.u-c-white { color: #fff; }
.u-c-danger { color: #dc2626; }

/* --- Margin bottom (자주 쓰이는 단위) --- */
.u-mb-0 { margin-bottom: 0; }
.u-mb-4 { margin-bottom: 4px; }
.u-mb-6 { margin-bottom: 6px; }
.u-mb-8 { margin-bottom: 8px; }
.u-mb-10 { margin-bottom: 10px; }
.u-mb-14 { margin-bottom: 14px; }
.u-mb-16 { margin-bottom: 16px; }
.u-mb-24 { margin-bottom: 24px; }
.u-mb-32 { margin-bottom: 32px; }
.u-mb-40 { margin-bottom: 40px; }
.u-mb-48 { margin-bottom: 48px; }
.u-mb-60 { margin-bottom: 60px; }

/* --- Margin (auto centering) --- */
.u-mx-auto { margin-left: auto; margin-right: auto; }

/* --- Common image patterns --- */
.u-img-block { width: 100%; height: auto; display: block; }
.u-img-flex { width: 100%; max-width: 260px; height: auto; display: block; margin: 0 auto 16px; }

/* --- 공통 카드 (서비스 혜택, 일반 카드 등) --- */
.u-card-soft {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.u-card-soft-label {
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin: 0;
}

/* --- 그리드 컬럼 그룹 (도약소개 3분할, 공유오피스 4분할) --- */
.u-flex-col {
  flex: 1 1 220px;
  max-width: 300px;
  text-align: center;
}

/* --- 푸터 회사정보 라인 --- */
.u-footer-info {
  font-size: 14px;
  color: #9c9c9c;
  font-weight: bold;
  margin-bottom: 4px;
}

/* --- 클릭 가능한 빈 span (이미지맵 영역) --- */
.u-fill {
  display: block;
  width: 100%;
  height: 100%;
}

/* --- 플로팅 버튼 아이콘 (76x76 블록) --- */
.u-floating-btn-img {
  width: 76px;
  height: 76px;
  display: block;
}

/* --- 어드민 로그아웃 풍의 위험 강조 (red border + text) --- */
.u-btn-danger {
  color: #dc2626;
  border-color: #dc2626;
}