zioinfo-mail/workspace/zioinfo-web/frontend/src/pages/Business.css
DESKTOP-TKLFCPR\ython 11c670f2a0 refactor: 101.79.17.164 → zioinfo.co.kr 전체 도메인 변환 + Manager UI 배포
- 37개 파일 IP → zioinfo.co.kr 치환 (소스/매뉴얼/설정/하네스)
- Manager DrConsole/NetworkConsole/CsapConsole 빌드 + /var/www/manager/ 배포
- 테스트: Manager HTTP 200, ITSM 신규 API 7개 전체 200

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-31 10:09:17 +09:00

45 lines
2.4 KiB
CSS

/* 레퍼런스 필터 */
.ref-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.ref-filter-btn {
padding: 7px 18px; border-radius: 20px; border: 1px solid var(--gray-200);
font-size: 13px; font-weight: 500; color: var(--gray-600); cursor: pointer;
transition: all var(--fast) var(--ease); background: var(--white);
}
.ref-filter-btn:hover { border-color: var(--primary); color: var(--primary); }
.ref-filter-btn.active { background: var(--primary); border-color: var(--primary); color: #fff; }
/* 레퍼런스 테이블 */
.ref-table-wrap { overflow-x: auto; border-radius: 12px; border: 1px solid var(--gray-200); }
.ref-table { width: 100%; border-collapse: collapse; min-width: 800px; }
.ref-table th {
background: var(--secondary); color: rgba(255,255,255,.8);
padding: 14px 16px; text-align: left; font-size: 12px;
font-weight: 600; letter-spacing: .5px;
}
.ref-table td { padding: 13px 16px; font-size: 13px; border-bottom: 1px solid var(--gray-100); vertical-align: middle; }
.ref-table tr:last-child td { border-bottom: none; }
.ref-table tr:hover td { background: var(--gray-50); }
.ref-period { color: var(--gray-500); font-size: 12px; white-space: nowrap; }
.ref-client { font-weight: 700; color: var(--gray-800); white-space: nowrap; }
.ref-project { color: var(--gray-700); }
.ref-role {
padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 700;
background: var(--primary-light); color: var(--primary); white-space: nowrap;
}
.ref-tech { font-size: 12px; color: var(--gray-500); }
.ref-cat-badge { padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; white-space: nowrap; }
/* 파트너 카드 */
.partner-card { padding: 32px 24px; text-align: center; }
.partner-logo { font-size: 48px; margin-bottom: 12px; }
.partner-tier { display: inline-block; padding: 3px 12px; border-radius: 12px; font-size: 11px; font-weight: 700; margin-bottom: 12px; }
.partner-name { font-size: 16px; font-weight: 700; color: var(--gray-900); margin-bottom: 10px; }
.partner-desc { font-size: 13px; color: var(--gray-600); line-height: 1.6; }
.partner-cta {
margin-top: 64px; text-align: center; padding: 56px;
background: linear-gradient(135deg, var(--primary-light), rgba(0,163,224,.08));
border-radius: 16px; border: 1px solid var(--gray-200);
}
.partner-cta h3 { font-size: 24px; font-weight: 800; margin-bottom: 12px; }
.partner-cta p { color: var(--gray-600); margin-bottom: 24px; font-size: 15px; }