WIP(style): UI 컴포넌트 하드코딩 제거 및 CSS 통합 (진행 중)

- 작업 상태: 진행 중 (Work In Progress)
- 주요 변경 사항:
  1. CSS 파일 통합: HWModal, SWModal, ListFactory 등에서 인라인 스타일(style 속성) 전면 제거 및 클래스 기반으로 재작성
  2. 폰트/타이포그래피 스케일업: 최소 폰트 14px 기준으로 전체 텍스트 크기 상향 및 굵기(font-weight) 상향 조정
  3. GNB(상단바) 레이아웃 개편: 2단 구조(로고 라인 / 메뉴 라인)로 변경 및 카테고리 텍스트 라벨 생략을 통한 간결화
  4. 로고 이미지 교체: image 92.png로 업데이트 및 경로 정리
  5. 디자인 가이드 분리: README에서 design_rule.md로 디자인 정책 문서 독립

* 참고: 현재 디자인 검토를 위한 중간 반영 상태이며, 피드백에 따라 추가 수정 예정임.

src/styles/table.css

@@ -10,8 +10,8 @@
 }
 
 .page-title {
-  font-size: 16px;
-  font-weight: 700;
+  font-size: 21px;
+  font-weight: 800;
   color: var(--primary-color);
   display: flex;
   align-items: center;
@@ -22,7 +22,7 @@
 }
 
 .page-description {
-  font-size: 12px;
+  font-size: 16px;
   color: var(--text-muted);
   margin: 0;
   line-height: 1.4;
@@ -64,8 +64,8 @@
 }
 
 .search-item label {
-  font-size: 11px;
-  font-weight: 700;
+  font-size: 15px;
+  font-weight: 800;
   color: var(--text-muted);
 }
 
@@ -75,7 +75,7 @@
   padding: 0 1rem;
   border: 1px solid var(--border-color);
   border-radius: 4px;
-  font-size: 14px;
+  font-size: 19px;
   outline: none;
   background-color: var(--white);
 }
@@ -133,8 +133,8 @@ thead {
 
 th {
   background-color: var(--bg-light) !important;
-  font-size: 13px;
-  font-weight: 600;
+  font-size: 17px;
+  font-weight: 700;
   color: var(--text-muted);
   position: sticky;
   top: 0;
@@ -144,9 +144,9 @@ th {
 }
 
 td {
-  font-size: 13px;
+  font-size: 17px;
   color: var(--text-main);
-  font-weight: 400;
+  font-weight: 500;
 }
 
 tbody tr:hover {
@@ -206,7 +206,7 @@ th.sortable::after {
   right: 0.6rem;
   top: 50%;
   transform: translateY(-50%);
-  font-size: 11px;
+  font-size: 15px;
   opacity: 0.3;
   transition: all 0.2s;
 }
@@ -239,8 +239,8 @@ th.sortable.desc::after {
 
 .mini-table th {
   padding: 10px 0;
-  font-size: 11px;
-  font-weight: 700;
+  font-size: 15px;
+  font-weight: 800;
   color: var(--text-muted);
   border-bottom: 2px solid var(--border-color);
   background: var(--white);
@@ -254,7 +254,7 @@ th.sortable.desc::after {
 .mini-row {
   border-bottom: 1px solid var(--border-color);
   cursor: pointer;
-  font-size: 12px;
+  font-size: 16px;
   transition: background-color 0.2s;
 }
 
@@ -276,7 +276,7 @@ th.sortable.desc::after {
 
 .mini-row td:nth-child(2) {
   text-align: left;
-  font-weight: 600;
+  font-weight: 700;
 }
 
 .mini-row.warning {
@@ -291,8 +291,8 @@ th.sortable.desc::after {
 .warning-badge {
   background: #FFF1F2;
   color: #E11D48;
-  font-size: 10px;
-  font-weight: 800;
+  font-size: 14px;
+  font-weight: 900;
   padding: 2px 6px;
   border-radius: 4px;
   border: 1px solid #FDA4AF;
@@ -302,8 +302,8 @@ th.sortable.desc::after {
 .warning-badge-orange {
   background: #FFF7ED;
   color: #C2410C;
-  font-size: 10px;
-  font-weight: 800;
+  font-size: 14px;
+  font-weight: 900;
   padding: 2px 6px;
   border-radius: 4px;
   border: 1px solid #FFEDD5;