{ "$schema": "https://platinum.ai/schemas/sdf-v1.json", "version": "1.0.0", "publisher": "드림힐스", "url": "https://dreamhills.co.kr", "updated_at": "2026-09-09T05:36:41+09:00", "endpoints": { "webmcp": "https://dreamhills.co.kr/wp-json/givia/v2/mcp", "llms_txt": "https://dreamhills.co.kr/llms.txt", "llms_full": "https://dreamhills.co.kr/llms-full.txt" }, "catalog": [ { "id": "ark_st201", "name": "ST201 스크류프레스", "category": "screw", "spec": "1축 스크류 드럼식 탈수기 (여과속도 10kg-DS/hr)", "capacity": 10, "price": 25000000, "url": "https://dreamhills.co.kr", "tags": [ "스크류", "소용량", "1축", "슬러지탈수" ] }, { "id": "ark_st202", "name": "ST202 스크류프레스", "category": "screw", "spec": "2축 스크류 드럼식 탈수기 (여과속도 20kg-DS/hr)", "capacity": 20, "price": 38000000, "url": "https://dreamhills.co.kr", "tags": [ "스크류", "중소용량", "2축", "슬러지탈수" ] }, { "id": "ark_st203", "name": "ST203 스크류프레스", "category": "screw", "spec": "3축 스크류 드럼식 탈수기 (여과속도 30kg-DS/hr)", "capacity": 30, "price": 49000000, "url": "https://dreamhills.co.kr", "tags": [ "스크류", "표준형", "3축", "가장인기", "슬러지탈수" ] }, { "id": "ark_st404", "name": "ST404 대용량 스크류프레스", "category": "screw", "spec": "4축 대구경 고효율 스크류프레스 (처리용량 350kg-DS/hr)", "capacity": 350, "price": 120000000, "url": "https://dreamhills.co.kr", "tags": [ "스크류", "대용량", "4축", "플랜트", "대형하수" ] }, { "id": "ark_r300", "name": "R300 원심탈수기 (Decanter)", "category": "decanter", "spec": "고속 원심 데칸타 탈수기 (처리용량 150kg-DS/hr)", "capacity": 150, "price": 75000000, "url": "https://dreamhills.co.kr", "tags": [ "원심탈수기", "소석회", "유분", "급속탈수" ] }, { "id": "ark_r350", "name": "R350 원심탈수기 (Decanter)", "category": "decanter", "spec": "고속 원심 데칸타 탈수기 (처리용량 250kg-DS/hr)", "capacity": 250, "price": 95000000, "url": "https://dreamhills.co.kr", "tags": [ "원심탈수기", "대용량", "소석회", "3상분리" ] }, { "id": "ark_polychul", "name": "폴리황산제이철(폴리철) 공급설비 및 PE저장탱크", "category": "polychul_tank", "spec": "PE 내약품성 저장탱크 2대 1조 및 정량 주입펌프 세트", "capacity": 0, "price": 8500000, "url": "https://dreamhills.co.kr", "tags": [ "폴리철", "약품설비", "스크류필수", "부속설비" ] }, { "id": "ark_sludge_pump", "name": "슬러지 이송 모노공급펌프", "category": "sludge_pump", "spec": "인버터 가변속 제어 일체형 일축나사 모노펌프", "capacity": 0, "price": 4500000, "url": "https://dreamhills.co.kr", "tags": [ "펌프", "공급펌프", "1:1매칭", "부속설비" ] }, { "id": "ark_flowmeter", "name": "약품 배관 전자유량계 (디지털)", "category": "flowmeter", "spec": "순간/적산 유량 지시계 및 4-20mA 신호출력 (1대 고정 룰)", "capacity": 0, "price": 2800000, "url": "https://dreamhills.co.kr", "tags": [ "유량계", "전자유량계", "1대고정", "부속설비" ] }, { "id": "ark_polymer_tank", "name": "자동 폴리머 용해공급장치 (고상/액상 겸용)", "category": "polymer_tank", "spec": "스테인리스 2조식 교반기 및 정량 피더 일체형", "capacity": 0, "price": 11000000, "url": "https://dreamhills.co.kr", "tags": [ "폴리머", "용해장치", "응집제", "부속설비" ] } ], "mcp_tools": [ { "name": "generate_site_catalog", "description": "웹사이트의 공개 콘텐츠 및 업종을 분석하여 WebMCP 표준 카탈로그 JSON 배열을 자동 작성합니다.", "endpoint": "https://dreamhills.co.kr/wp-json/givia/v2/catalog/ai/generate-catalog" }, { "name": "extract_post_to_catalog", "description": "특정 워드프레스 포스트의 본문과 ACF 커스텀 필드를 분석하여 WebMCP 카탈로그 스키마로 자동 추출합니다.", "endpoint": "https://dreamhills.co.kr/wp-json/givia/v2/catalog/ai/extract-post-meta" } ], "utilities": { "total_count": 5, "summary": "Givia CSS Utility Classes Catalog", "raw": { "theme": "design-token", "purpose": "디자인토큰 가변 CSS 프레임워크 — AI 에이전트용 유틸리티 카탈로그. 클래스명을 추측하지 말고 이 파일에서 찾아 사용하세요.", "generated": "2026-08-15T18:03:52.980Z", "gammaNote": "모든 값은 토큰 기반 — gamma + 서브팩터(pad/margin/gap/card)에 자동 반응. 간격/마진/패딩은 하드코딩 px 금지.", "categories": { "간격 (p-/m-/gap-/mb-)": [ { "cls": ".p-1", "token": "--space-1", "usage": "p 1단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-2", "token": "--space-2", "usage": "p 2단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-3", "token": "--space-3", "usage": "p 3단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-4", "token": "--space-4", "usage": "p 4단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-5", "token": "--space-5", "usage": "p 5단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-6", "token": "--space-6", "usage": "p 6단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-7", "token": "--space-7", "usage": "p 7단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-8", "token": "--space-8", "usage": "p 8단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-9", "token": "--space-9", "usage": "p 9단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-10", "token": "--space-10", "usage": "p 10단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-11", "token": "--space-11", "usage": "p 11단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".p-12", "token": "--space-12", "usage": "p 12단계 (4px 단위)", "gamma": "pad-factor" }, { "cls": ".m-1", "token": "--space-1", "usage": "m 1단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-2", "token": "--space-2", "usage": "m 2단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-3", "token": "--space-3", "usage": "m 3단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-4", "token": "--space-4", "usage": "m 4단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-5", "token": "--space-5", "usage": "m 5단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-6", "token": "--space-6", "usage": "m 6단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-7", "token": "--space-7", "usage": "m 7단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-8", "token": "--space-8", "usage": "m 8단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-9", "token": "--space-9", "usage": "m 9단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-10", "token": "--space-10", "usage": "m 10단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-11", "token": "--space-11", "usage": "m 11단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".m-12", "token": "--space-12", "usage": "m 12단계 (4px 단위)", "gamma": "margin-factor" }, { "cls": ".gap-1", "token": "--space-1", "usage": "갭 1단계", "gamma": "gap-factor" }, { "cls": ".gap-2", "token": "--space-2", "usage": "갭 2단계", "gamma": "gap-factor" }, { "cls": ".gap-3", "token": "--space-3", "usage": "갭 3단계", "gamma": "gap-factor" }, { "cls": ".gap-4", "token": "--space-4", "usage": "갭 4단계", "gamma": "gap-factor" }, { "cls": ".gap-5", "token": "--space-5", "usage": "갭 5단계", "gamma": "gap-factor" }, { "cls": ".gap-6", "token": "--space-6", "usage": "갭 6단계", "gamma": "gap-factor" }, { "cls": ".gap-7", "token": "--space-7", "usage": "갭 7단계", "gamma": "gap-factor" }, { "cls": ".gap-8", "token": "--space-8", "usage": "갭 8단계", "gamma": "gap-factor" }, { "cls": ".gap-9", "token": "--space-9", "usage": "갭 9단계", "gamma": "gap-factor" }, { "cls": ".gap-10", "token": "--space-10", "usage": "갭 10단계", "gamma": "gap-factor" }, { "cls": ".gap-11", "token": "--space-11", "usage": "갭 11단계", "gamma": "gap-factor" }, { "cls": ".gap-12", "token": "--space-12", "usage": "갭 12단계", "gamma": "gap-factor" }, { "cls": ".gap-sm/md/lg", "token": "--gap-sm/md/lg", "usage": "시맨틱 갭", "gamma": "gap-factor" }, { "cls": ".p-md-5 / .m-lg-7 등", "token": "--space-*", "usage": "반응형 전체 패딩/마진 (접두사 sm~xxl)", "gamma": "pad/margin-factor" }, { "cls": ".mt-md-5 / .pt-lg-9 / .mb-xl-3 등", "token": "--space-*", "usage": "반응형 방향별 패딩/마진 (TIP 가이드 예제 일치)", "gamma": "pad/margin-factor" }, { "cls": ".gap-sm", "token": "--gap-sm", "usage": "컴팩트 간격 (토큰)", "gamma": "gap-factor" }, { "cls": ".gap-md", "token": "--gap-md", "usage": "기본 간격 (토큰)", "gamma": "gap-factor" }, { "cls": ".gap-lg", "token": "--gap-lg", "usage": "대형 간격 (토큰)", "gamma": "gap-factor" }, { "cls": ".flex-gap-sm", "usage": "플렉스 갭 (sm)", "token": "--gap-sm", "gamma": "gap-factor" }, { "cls": ".flex-gap-md", "usage": "플렉스 갭 (md)", "token": "--gap-md", "gamma": "gap-factor" }, { "cls": ".flex-gap-lg", "usage": "플렉스 갭 (lg)", "token": "--gap-lg", "gamma": "gap-factor" }, { "cls": ".section-py", "usage": "섹션 패딩 (lg 기본)", "token": "--section-lg-py", "gamma": "layout-factor" }, { "cls": ".section-small-py", "usage": "섹션 패딩 (sm)", "token": "--section-sm-py", "gamma": "layout-factor" }, { "cls": ".section-xss-py", "usage": "섹션 패딩 (xss)", "token": "--section-xss-py", "gamma": "layout-factor" }, { "cls": ".section-xs-py", "usage": "섹션 패딩 (xs)", "token": "--section-xs-py", "gamma": "layout-factor" }, { "cls": ".section-sm-py", "usage": "섹션 패딩 (sm)", "token": "--section-sm-py", "gamma": "layout-factor" }, { "cls": ".section-md-py", "usage": "섹션 패딩 (md)", "token": "--section-md-py", "gamma": "layout-factor" }, { "cls": ".section-lg-py", "usage": "섹션 패딩 (lg)", "token": "--section-lg-py", "gamma": "layout-factor" }, { "cls": ".section-xl-py", "usage": "섹션 패딩 (xl)", "token": "--section-xl-py", "gamma": "layout-factor" }, { "cls": ".section-xxl-py", "usage": "섹션 패딩 (xxl)", "token": "--section-xxl-py", "gamma": "layout-factor" } ], "폰트 (fs-)": [ { "cls": ".fs-2xs", "token": "--fs-2xs", "usage": "상태 버튼/배지", "gamma": "type-factor" }, { "cls": ".fs-xs", "token": "--fs-xs", "usage": "캡션/라벨", "gamma": "type-factor" }, { "cls": ".fs-sm", "token": "--fs-sm", "usage": "보조 텍스트", "gamma": "type-factor" }, { "cls": ".fs-base", "token": "--fs-base", "usage": "본문 기본", "gamma": "type-factor" }, { "cls": ".fs-md", "token": "--fs-md", "usage": "본문 강조", "gamma": "type-factor" }, { "cls": ".fs-lg", "token": "--fs-lg", "usage": "소제목", "gamma": "type-factor" }, { "cls": ".fs-xl", "token": "--fs-xl", "usage": "부제목", "gamma": "type-factor" }, { "cls": ".fs-2xl", "token": "--fs-2xl", "usage": "섹션 제목", "gamma": "type-factor" }, { "cls": ".fs-3xl", "token": "--fs-3xl", "usage": "페이지 제목", "gamma": "type-factor" }, { "cls": ".fs-4xl", "token": "--fs-4xl", "usage": "히어로 제목", "gamma": "type-factor" }, { "cls": ".fs-5xl", "token": "--fs-5xl", "usage": "히어로 대제목", "gamma": "type-factor" }, { "cls": ".fs-6xl", "token": "--fs-6xl", "usage": "메인 비주얼", "gamma": "hero-factor" }, { "cls": ".fs-7xl", "token": "--fs-7xl", "usage": "비주얼 대형", "gamma": "hero-factor" }, { "cls": ".fs-8xl", "token": "--fs-8xl", "usage": "비주얼 초대형", "gamma": "hero-factor" }, { "cls": ".fs-9xl", "token": "--fs-9xl", "usage": "비주얼 최대급", "gamma": "hero-factor" }, { "cls": ".fs-10xl", "token": "--fs-10xl", "usage": "데스크탑 전용 최대", "gamma": "hero-factor" }, { "cls": ".fs-1~12 (숫자 고정 스케일)", "token": "—", "usage": "고정 px (12~56px, 비반응형) — .fs-1=12px ~ .fs-12=56px", "gamma": "—" }, { "cls": "— (FSE 사이트 편집기 수정값 — --type-* 단일 소스)", "token": "--wp--preset--font-size--xs", "usage": "theme.json 훅 + wp_enqueue_global_styles 주입 — 에디터에서 수정 시 프론트 반영", "gamma": "type-factor" }, { "cls": ".fw-100~900", "usage": "폰트 두께 (100~900)", "gamma": "—" }, { "cls": ".lh-1/125/15/175/2/225", "usage": "줄 높이 (1~2.25)", "gamma": "—" }, { "cls": ".tracking-tight", "usage": "자간 좁게", "gamma": "—" }, { "cls": ".tracking-widest", "usage": "자간 넓게", "gamma": "—" }, { "cls": ".uppercase", "usage": "대문자 변환", "gamma": "—" } ], "색상 (--*)": [ { "token": "--primary", "cls": ".text-primary / .bg-primary / .btn", "usage": "Primary Accent Color", "gamma": "none (직접 토큰)" }, { "cls": ".text-primary-50~900", "usage": "primary 팔레트 텍스트 (50~900)", "token": "--color-primary-*", "gamma": "—" }, { "cls": ".bg-primary-50~900", "usage": "primary 팔레트 배경 (50~900)", "token": "--color-primary-*", "gamma": "—" }, { "token": "--secondary", "cls": ".btn-secondary / .text-secondary-50~900 / .bg-secondary-50~900", "usage": "Secondary Color", "gamma": "none (직접 토큰)" }, { "cls": ".bg-secondary-50~900", "usage": "secondary 팔레트 배경 (50~900)", "token": "--color-secondary-*", "gamma": "—" }, { "token": "--body-text", "cls": ".text-main / .text-gray / .text-muted (레거시 별칭)", "usage": "Body Text Color", "gamma": "none (직접 토큰)" }, { "token": "--link-color", "cls": ".text-primary (링크 색상 — 클래스 직접 없음)", "usage": "Link Hover Color", "gamma": "none (직접 토큰)" }, { "token": "--content-width", "cls": ".cont / .cont-xs~3xl / .cont-full (콘텐츠 폭 규격)", "usage": "Content Max Width — 기본 1280 토큰 · cont 시리즈 960~1920 · full 100% (v1.1.2)", "gamma": "layout-factor(폭)" }, { "token": "--site-width", "cls": ".site-boxed / .area-site / .area-boxed / .site-full", "usage": "사이트 기본 콘텐츠 폭 (엘리멘터 내용 너비 상자형 1240px 기준 / 전체너비 100%)", "gamma": "layout-factor(폭)" }, { "token": "--success", "cls": ".text-success / .bg-success / .bg-success-soft / .border-success", "usage": "성공 (ERP — 초록)", "gamma": "none (직접 토큰)" }, { "token": "--alert", "cls": ".text-alert / .bg-alert / .bg-alert-soft / .border-alert", "usage": "경보·오류 (ERP — 빨강)", "gamma": "none (직접 토큰)" }, { "token": "--warning", "cls": ".text-warning / .bg-warning / .bg-warning-soft / .border-warning", "usage": "경고 (ERP — 주황)", "gamma": "none (직접 토큰)" }, { "token": "--disabled", "cls": ".text-disabled / .bg-disabled / .bg-disabled-soft / .border-disabled", "usage": "비활성 (ERP — 회색)", "gamma": "none (직접 토큰)" }, { "token": "--pale-blue", "cls": ".bg-pale", "usage": "연한 파랑 배경 (.bg-pale) — 컬러 토큰 관리", "gamma": "none (직접 토큰)" }, { "cls": ".bg-white", "usage": "흰색 배경", "gamma": "—" }, { "cls": ".bg-black", "usage": "검정 배경", "gamma": "—" }, { "cls": ".bg-slate-50", "usage": "슬레이트 50 배경", "gamma": "—" }, { "cls": ".bg-slate-100", "usage": "슬레이트 100 배경", "gamma": "—" }, { "cls": ".text-white", "usage": "흰색 텍스트", "gamma": "—" }, { "cls": ".text-black", "usage": "검정 텍스트", "gamma": "—" }, { "cls": ".text-brand", "usage": "브랜드 텍스트 (레거시 별칭)", "gamma": "—" }, { "cls": ".btn-bg-primary", "token": "--btn-bg", "usage": "버튼 배경색 (Primary, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-secondary", "token": "--btn-bg", "usage": "버튼 배경색 (Secondary, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-success", "token": "--btn-bg", "usage": "버튼 배경색 (성공, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-alert", "token": "--btn-bg", "usage": "버튼 배경색 (오류, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-warning", "token": "--btn-bg", "usage": "버튼 배경색 (경고, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-disabled", "token": "--btn-bg", "usage": "버튼 배경색 (비활성)", "gamma": "—" }, { "cls": ".btn-text-white", "token": "--btn-color", "usage": "버튼 폰트색 (흰색, 호버 유지)", "gamma": "—" }, { "cls": ".btn-text-dark", "token": "--btn-color", "usage": "버튼 폰트색 (다크)", "gamma": "—" }, { "cls": ".btn-border-primary", "token": "--btn-border-color", "usage": "버튼 보더 색상 (Primary — .btn/.btn-line 공용)", "gamma": "—" }, { "cls": ".btn-border-secondary", "token": "--btn-border-color", "usage": "버튼 보더 색상 (Secondary — .btn/.btn-line 공용)", "gamma": "—" }, { "cls": ".border", "token": "--border", "usage": "기본 테두리", "gamma": "none" }, { "cls": ".border-light", "token": "--border-light", "usage": "옅은 테두리", "gamma": "none" }, { "cls": ".color-1-50~900", "usage": "팔레트 별칭 1=primary (50~900)", "gamma": "—" }, { "cls": ".color-2-50~900", "usage": "팔레트 별칭 2=secondary (50~900)", "gamma": "—" }, { "cls": ".color-3-50~900", "usage": "팔레트 별칭 3=success (50~900)", "gamma": "—" }, { "cls": ".color-4-50~900", "usage": "팔레트 별칭 4=warning (50~900)", "gamma": "—" }, { "cls": ".color-5-50~900", "usage": "팔레트 별칭 5=alert (50~900)", "gamma": "—" }, { "cls": ".color-6-50~900", "usage": "팔레트 별칭 6=body-text (50~900)", "gamma": "—" } ], "카드 (v2 네임스페이스 — 구 .card 금지)": [ { "cls": ".card-wrap", "usage": "카드 그리드 (기본 열수)", "token": "--grid-gap", "gamma": "gap-factor" }, { "cls": ".card-wrap-2-1", "usage": "카드 그리드 (2→1열)", "token": "—", "gamma": "gap-factor" }, { "cls": ".card-wrap-3-2-1", "usage": "카드 그리드 (3→2→1열)", "token": "—", "gamma": "gap-factor" }, { "cls": ".card-wrap-4-2-1", "usage": "카드 그리드 (4→2→1열)", "token": "—", "gamma": "gap-factor" }, { "cls": ".card-wrap-4-3-2", "usage": "카드 그리드 (4→3→2열)", "token": "—", "gamma": "gap-factor" }, { "cls": ".card-wrap-auto", "usage": "카드 그리드 (자동 — 최소 280px)", "token": "--grid-min", "gamma": "gap-factor" }, { "cls": ".card-wrap-gap-sm", "usage": "카드 사이 갭 (sm)", "token": "--gap-sm", "gamma": "gap-factor" }, { "cls": ".card-wrap-gap-md", "usage": "카드 사이 갭 (md)", "token": "--gap-md", "gamma": "gap-factor" }, { "cls": ".card-wrap-gap-lg", "usage": "카드 사이 갭 (lg)", "token": "--gap-lg", "gamma": "gap-factor" }, { "cls": ".card-child", "usage": "카드 본체 — 패딩 내장", "token": "--card-bg", "gamma": "card-factor" }, { "cls": ".card-child-pad-sm", "usage": "카드 패딩 (sm)", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-pad-lg", "usage": "카드 패딩 (lg)", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-pad-none", "usage": "카드 패딩 (없음)", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-header", "usage": "카드 구획 — 헤더", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-body", "usage": "카드 구획 — 바디", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-footer", "usage": "카드 구획 — 푸터", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-line", "usage": "카드 아웃라인", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-flat", "usage": "카드 플랫 (그림자 없음)", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-hover-default", "usage": "호버 — 상승 + 그림자", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-hover-primary", "usage": "호버 — primary 채움 + 반전", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-hover-secondary", "usage": "호버 — secondary 채움 + 반전", "token": "—", "gamma": "card-factor" }, { "cls": ".card-child-hover-shadow-xs", "usage": "호버 쉐도우 (xs)", "token": "--shadow-xs", "gamma": "—" }, { "cls": ".card-child-hover-shadow-sm", "usage": "호버 쉐도우 (sm)", "token": "--shadow-sm", "gamma": "—" }, { "cls": ".card-child-hover-shadow-md", "usage": "호버 쉐도우 (md)", "token": "--shadow-md", "gamma": "—" }, { "cls": ".card-child-hover-shadow-lg", "usage": "호버 쉐도우 (lg)", "token": "--shadow-lg", "gamma": "—" }, { "cls": ".card-child-hover-shadow-xl", "usage": "호버 쉐도우 (xl)", "token": "--shadow-xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-2xl", "usage": "호버 쉐도우 (2xl)", "token": "--shadow-2xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-3xl", "usage": "호버 쉐도우 (3xl)", "token": "--shadow-3xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-xs", "usage": "호버 쉐도우 primary (xs)", "token": "--shadow-primary-xs", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-sm", "usage": "호버 쉐도우 primary (sm)", "token": "--shadow-primary-sm", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-md", "usage": "호버 쉐도우 primary (md)", "token": "--shadow-primary-md", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-lg", "usage": "호버 쉐도우 primary (lg)", "token": "--shadow-primary-lg", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-xl", "usage": "호버 쉐도우 primary (xl)", "token": "--shadow-primary-xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-2xl", "usage": "호버 쉐도우 primary (2xl)", "token": "--shadow-primary-2xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary-3xl", "usage": "호버 쉐도우 primary (3xl)", "token": "--shadow-primary-3xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-xs", "usage": "호버 쉐도우 secondary (xs)", "token": "--shadow-secondary-xs", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-sm", "usage": "호버 쉐도우 secondary (sm)", "token": "--shadow-secondary-sm", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-md", "usage": "호버 쉐도우 secondary (md)", "token": "--shadow-secondary-md", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-lg", "usage": "호버 쉐도우 secondary (lg)", "token": "--shadow-secondary-lg", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-xl", "usage": "호버 쉐도우 secondary (xl)", "token": "--shadow-secondary-xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-2xl", "usage": "호버 쉐도우 secondary (2xl)", "token": "--shadow-secondary-2xl", "gamma": "—" }, { "cls": ".card-child-hover-shadow-secondary-3xl", "usage": "호버 쉐도우 secondary (3xl)", "token": "--shadow-secondary-3xl", "gamma": "—" }, { "cls": ".card-child-hover", "usage": "호버 테마 — default 레거시 별칭", "gamma": "—" }, { "cls": ".card-child-hover-shadow-primary", "usage": "호버 쉐도우 — primary (레거시 단독)", "gamma": "—" } ], "버튼": [ { "cls": ".btn", "usage": "프라이머리 솔리드 (스퀘어 기본)", "token": "—", "gamma": "—" }, { "cls": ".btn-secondary", "usage": "세컨더리 솔리드", "token": "—", "gamma": "—" }, { "cls": ".btn-2xs", "usage": "버튼 크기 (초소형)", "token": "--btn-padding-2xs", "gamma": "—" }, { "cls": ".btn-xs", "usage": "버튼 크기 (xs)", "token": "--btn-padding-xs", "gamma": "—" }, { "cls": ".btn-sm", "usage": "버튼 크기 (sm)", "token": "--btn-padding-sm", "gamma": "—" }, { "cls": ".btn-md", "usage": "버튼 크기 (md 기본)", "token": "--btn-padding", "gamma": "—" }, { "cls": ".btn-lg", "usage": "버튼 크기 (lg)", "token": "--btn-padding-lg", "gamma": "—" }, { "cls": ".btn-xl", "usage": "버튼 크기 (xl)", "token": "--btn-padding-xl", "gamma": "—" }, { "cls": ".btn-2xl", "usage": "버튼 크기 (2xl)", "token": "--btn-padding-2xl", "gamma": "—" }, { "cls": ".btn-line", "usage": "아웃라인 버튼 (투명 배경 + 보더)", "token": "—", "gamma": "—" }, { "cls": ".btn-round", "usage": "라운드 모서리 버튼", "token": "--btn-radius", "gamma": "—" }, { "cls": ".btn-pill", "usage": "필(캡슐) 버튼", "token": "--radius-full", "gamma": "—" }, { "cls": ".btn-hover-theme-01", "usage": "호버 테마 01", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-02", "usage": "호버 테마 02", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-03", "usage": "호버 테마 03", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-04", "usage": "호버 테마 04", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-05", "usage": "호버 테마 05", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-06", "usage": "호버 테마 06", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-07", "usage": "호버 테마 07", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-08", "usage": "호버 테마 08", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-09", "usage": "호버 테마 09", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-10", "usage": "호버 테마 10", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-11", "usage": "호버 테마 11", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-12", "usage": "호버 테마 12", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-13", "usage": "호버 테마 13", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-14", "usage": "호버 테마 14", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-15", "usage": "호버 테마 15", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-16", "usage": "호버 테마 16", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-17", "usage": "호버 테마 17", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-18", "usage": "호버 테마 18", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-19", "usage": "호버 테마 19", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-20", "usage": "호버 테마 20", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-21", "usage": "호버 테마 21", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-22", "usage": "호버 테마 22", "token": "—", "gamma": "—" }, { "cls": ".btn-hover-theme-23", "usage": "호버 테마 23", "token": "—", "gamma": "—" }, { "cls": ".btn-status-success", "usage": "ERP 상태 버튼 (성공)", "token": "--success", "gamma": "—" }, { "cls": ".btn-status-success-soft", "usage": "ERP 상태 버튼 (성공 soft)", "token": "--success", "gamma": "—" }, { "cls": ".btn-status-warning", "usage": "ERP 상태 버튼 (경고)", "token": "--warning", "gamma": "—" }, { "cls": ".btn-status-warning-soft", "usage": "ERP 상태 버튼 (경고 soft)", "token": "--warning", "gamma": "—" }, { "cls": ".btn-status-fail", "usage": "ERP 상태 버튼 (실패)", "token": "--alert", "gamma": "—" }, { "cls": ".btn-status-fail-soft", "usage": "ERP 상태 버튼 (실패 soft)", "token": "--alert", "gamma": "—" }, { "cls": ".btn-status-disabled", "usage": "ERP 상태 버튼 (비활성)", "token": "--disabled", "gamma": "—" }, { "cls": ".btn-status-disabled-soft", "usage": "ERP 상태 버튼 (비활성 soft)", "token": "--disabled", "gamma": "—" }, { "cls": ".btn-bg-primary", "token": "--btn-bg", "usage": "버튼 배경색 (Primary, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-secondary", "token": "--btn-bg", "usage": "버튼 배경색 (Secondary, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-success", "token": "--btn-bg", "usage": "버튼 배경색 (성공, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-alert", "token": "--btn-bg", "usage": "버튼 배경색 (오류, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-warning", "token": "--btn-bg", "usage": "버튼 배경색 (경고, 호버 자동)", "gamma": "—" }, { "cls": ".btn-bg-disabled", "token": "--btn-bg", "usage": "버튼 배경색 (비활성)", "gamma": "—" }, { "cls": ".btn-text-white", "token": "--btn-color", "usage": "버튼 폰트색 (흰색, 호버 유지)", "gamma": "—" }, { "cls": ".btn-text-dark", "token": "--btn-color", "usage": "버튼 폰트색 (다크)", "gamma": "—" }, { "cls": ".btn-border-primary", "token": "--btn-border-color", "usage": "버튼 보더 색상 (Primary — .btn/.btn-line 공용)", "gamma": "—" }, { "cls": ".btn-border-secondary", "token": "--btn-border-color", "usage": "버튼 보더 색상 (Secondary — .btn/.btn-line 공용)", "gamma": "—" }, { "cls": ".text-success/.bg-success/.bg-success-soft/.border-success", "usage": "완료/정상/승인", "token": "--success", "gamma": "—" }, { "cls": ".text-alert/.bg-alert/.bg-alert-soft/.border-alert", "usage": "오류/중요 경보", "token": "--alert", "gamma": "—" }, { "cls": ".text-warning/.bg-warning/.bg-warning-soft/.border-warning", "usage": "주의/대기", "token": "--warning", "gamma": "—" }, { "cls": ".text-disabled/.bg-disabled/.bg-disabled-soft/.border-disabled", "usage": "비활성", "token": "--disabled", "gamma": "—" } ], "레이아웃 (그리드/플렉스/CUBE)": [ { "cls": ".grid", "usage": "그리드 (열수 없음 — gap 토큰)", "token": "--grid-gap", "gamma": "gap-factor" }, { "cls": ".grid-2/3/4/5/6/7/8", "usage": "그리드 열수 (2~8)", "token": "—", "gamma": "—" }, { "cls": ".grid-2-1", "usage": "반응형 그리드 (lg 2열 → 모바일 1열)", "token": "—", "gamma": "—" }, { "cls": ".grid-3-2-1", "usage": "반응형 그리드 (3→2→1열)", "token": "—", "gamma": "—" }, { "cls": ".grid-4-2-1", "usage": "반응형 그리드 (4→2→1열)", "token": "—", "gamma": "—" }, { "cls": ".grid-4-3-2", "usage": "반응형 그리드 (4→3→2열)", "token": "—", "gamma": "—" }, { "cls": ".grid-auto", "usage": "자동 그리드 (--grid-min 280px)", "token": "--grid-min", "gamma": "—" }, { "cls": ".col-span-2", "usage": "벤토 — 2열 스팬", "gamma": "—" }, { "cls": ".col-span-3", "usage": "벤토 — 3열 스팬", "gamma": "—" }, { "cls": ".col-span-4", "usage": "벤토 — 4열 스팬", "gamma": "—" }, { "cls": ".col-span-5", "usage": "벤토 — 5열 스팬", "gamma": "—" }, { "cls": ".col-span-6", "usage": "벤토 — 6열 스팬", "gamma": "—" }, { "cls": ".col-span-7", "usage": "벤토 — 7열 스팬", "gamma": "—" }, { "cls": ".col-span-8", "usage": "벤토 — 8열 스팬", "gamma": "—" }, { "cls": ".row-span-2", "usage": "벤토 — 2행 스팬", "gamma": "—" }, { "cls": ".row-span-3", "usage": "벤토 — 3행 스팬", "gamma": "—" }, { "cls": ".row-span-4", "usage": "벤토 — 4행 스팬", "gamma": "—" }, { "cls": ".row-span-5", "usage": "벤토 — 5행 스팬", "gamma": "—" }, { "cls": ".row-span-6", "usage": "벤토 — 6행 스팬", "gamma": "—" }, { "cls": ".row-span-7", "usage": "벤토 — 7행 스팬", "gamma": "—" }, { "cls": ".row-span-8", "usage": "벤토 — 8행 스팬", "gamma": "—" }, { "cls": ".grid-gap-xs~3xl", "usage": "그리드 갭 (7단계 xs~3xl)", "token": "--gap-*", "gamma": "gap-factor" }, { "cls": ".grid-pad", "usage": "그리드 셀 패딩 (기본)", "token": "--grid-gap", "gamma": "gap-factor" }, { "cls": ".grid-pad-xs~3xl", "usage": "그리드 패딩 (7단계 xs~3xl)", "token": "--gap-*", "gamma": "gap-factor" }, { "cls": ".grid-mar", "usage": "그리드 마진 (기본)", "token": "--grid-gap", "gamma": "gap-factor" }, { "cls": ".grid-mar-xs~3xl", "usage": "그리드 마진 (7단계 xs~3xl)", "token": "--gap-*", "gamma": "gap-factor" }, { "cls": ".d-flex", "usage": "display:flex", "token": "—", "gamma": "—" }, { "cls": ".d-block", "usage": "display:block", "gamma": "—" }, { "cls": ".d-inline", "usage": "display:inline", "gamma": "—" }, { "cls": ".d-inline-block", "usage": "display:inline-block", "gamma": "—" }, { "cls": ".d-inline-flex", "usage": "display:inline-flex", "gamma": "—" }, { "cls": ".d-grid", "usage": "display:grid", "gamma": "—" }, { "cls": ".d-none", "usage": "display:none", "gamma": "—" }, { "cls": ".d-table", "usage": "display:table", "gamma": "—" }, { "cls": ".d-table-cell", "usage": "display:table-cell", "gamma": "—" }, { "cls": ".flex-row", "usage": "플렉스 방향 (행)", "token": "—", "gamma": "—" }, { "cls": ".flex-column", "usage": "플렉스 방향 (열)", "token": "—", "gamma": "—" }, { "cls": ".flex-wrap", "usage": "플렉스 줄바꿈", "token": "—", "gamma": "—" }, { "cls": ".flex-nowrap", "usage": "플렉스 줄바꿈 없음", "token": "—", "gamma": "—" }, { "cls": ".flex-center", "usage": "플렉스 중앙 정렬", "token": "—", "gamma": "—" }, { "cls": ".flex-start", "usage": "플렉스 시작 정렬", "token": "—", "gamma": "—" }, { "cls": ".flex-end", "usage": "플렉스 끝 정렬", "token": "—", "gamma": "—" }, { "cls": ".flex-between", "usage": "플렉스 양끝 정렬", "token": "—", "gamma": "—" }, { "cls": ".flex-around", "usage": "플렉스 주위 정렬", "token": "—", "gamma": "—" }, { "cls": ".flex-evenly", "usage": "플렉스 균등 정렬", "token": "—", "gamma": "—" }, { "cls": ".stack", "usage": "CUBE — 세로 스택 (content-gap)", "token": "--content-gap", "gamma": "gap-factor" }, { "cls": ".cluster", "usage": "CUBE — 가로 클러스터 (component-gap)", "token": "--component-gap", "gamma": "gap-factor" }, { "cls": ".w-16", "usage": "폭 16.666667% (1/6)", "token": "—", "gamma": "—" }, { "cls": ".w-20", "usage": "폭 20% (1/5)", "token": "—", "gamma": "—" }, { "cls": ".w-25", "usage": "폭 25% (1/4)", "token": "—", "gamma": "—" }, { "cls": ".w-33", "usage": "폭 33.333333% (1/3)", "token": "—", "gamma": "—" }, { "cls": ".w-40", "usage": "폭 40% (2/5)", "token": "—", "gamma": "—" }, { "cls": ".w-50", "usage": "폭 50% (1/2)", "token": "—", "gamma": "—" }, { "cls": ".w-60", "usage": "폭 60% (3/5)", "token": "—", "gamma": "—" }, { "cls": ".w-66", "usage": "폭 66.666667% (2/3)", "token": "—", "gamma": "—" }, { "cls": ".w-75", "usage": "폭 75% (3/4)", "token": "—", "gamma": "—" }, { "cls": ".w-80", "usage": "폭 80% (4/5)", "token": "—", "gamma": "—" }, { "cls": ".w-83", "usage": "폭 83.333333% (5/6)", "token": "—", "gamma": "—" }, { "cls": ".w-100", "usage": "폭 100%", "token": "—", "gamma": "—" }, { "cls": ".h-25", "usage": "높이 25%", "gamma": "—" }, { "cls": ".h-50", "usage": "높이 50%", "gamma": "—" }, { "cls": ".h-75", "usage": "높이 75%", "gamma": "—" }, { "cls": ".h-100", "usage": "높이 100%", "gamma": "—" }, { "cls": ".h-50vh", "usage": "높이 50vh", "gamma": "—" }, { "cls": ".h-100vh", "usage": "높이 100vh", "gamma": "—" }, { "cls": ".h-auto", "usage": "높이 자동", "gamma": "—" }, { "cls": ".vpd-xs", "usage": "좌우 가변 패딩 (xs)", "token": "--vpd-xs", "gamma": "pad-factor" }, { "cls": ".vpd-sm", "usage": "좌우 가변 패딩 (sm)", "token": "--vpd-sm", "gamma": "pad-factor" }, { "cls": ".vpd-md", "usage": "좌우 가변 패딩 (md)", "token": "--vpd-md", "gamma": "pad-factor" }, { "cls": ".vpd-lg", "usage": "좌우 가변 패딩 (lg)", "token": "--vpd-lg", "gamma": "pad-factor" }, { "cls": ".vpd-xl", "usage": "좌우 가변 패딩 (xl)", "token": "--vpd-xl", "gamma": "pad-factor" }, { "cls": ".vpd-2xl", "usage": "좌우 가변 패딩 (2xl)", "token": "--vpd-2xl", "gamma": "pad-factor" }, { "cls": ".vpd-3xl", "usage": "좌우 가변 패딩 (3xl)", "token": "--vpd-3xl", "gamma": "pad-factor" }, { "cls": ".vpd-y", "usage": "상하 가변 패딩 (기본)", "token": "--vpd-y", "gamma": "pad-factor" }, { "cls": ".vpd-y-xs", "usage": "상하 가변 패딩 (xs)", "token": "--vpd-y-xs", "gamma": "pad-factor" }, { "cls": ".vpd-y-sm", "usage": "상하 가변 패딩 (sm)", "token": "--vpd-y-sm", "gamma": "pad-factor" }, { "cls": ".vpd-y-md", "usage": "상하 가변 패딩 (md)", "token": "--vpd-y-md", "gamma": "pad-factor" }, { "cls": ".vpd-y-lg", "usage": "상하 가변 패딩 (lg)", "token": "--vpd-y-lg", "gamma": "pad-factor" }, { "cls": ".vpd-y-xl", "usage": "상하 가변 패딩 (xl)", "token": "--vpd-y-xl", "gamma": "pad-factor" }, { "cls": ".vpd-y-2xl", "usage": "상하 가변 패딩 (2xl)", "token": "--vpd-y-2xl", "gamma": "pad-factor" }, { "cls": ".vpd-y-3xl", "usage": "상하 가변 패딩 (3xl)", "token": "--vpd-y-3xl", "gamma": "pad-factor" }, { "cls": ".cont", "usage": "콘텐츠 폭 (기본 1280)", "token": "--content-width", "gamma": "layout-factor" }, { "cls": ".cont-xs", "usage": "콘텐츠 폭 (960)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-sm", "usage": "콘텐츠 폭 (1140)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-md", "usage": "콘텐츠 폭 (1400)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-lg", "usage": "콘텐츠 폭 (1500)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-xl", "usage": "콘텐츠 폭 (1600)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-2xl", "usage": "콘텐츠 폭 (1760)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-3xl", "usage": "콘텐츠 폭 (1920)", "token": "—", "gamma": "layout-factor" }, { "cls": ".cont-full", "usage": "콘텐츠 폭 (100%)", "token": "—", "gamma": "—" }, { "cls": ".max-width", "usage": "고정 폭 (1280 — 감마 무관)", "token": "--content-width", "gamma": "—" }, { "cls": ".max-width-xs", "usage": "고정 폭 (960)", "token": "—", "gamma": "—" }, { "cls": ".max-width-sm", "usage": "고정 폭 (1140)", "token": "—", "gamma": "—" }, { "cls": ".max-width-md", "usage": "고정 폭 (1400)", "token": "—", "gamma": "—" }, { "cls": ".max-width-lg", "usage": "고정 폭 (1500)", "token": "—", "gamma": "—" }, { "cls": ".max-width-xl", "usage": "고정 폭 (1600)", "token": "—", "gamma": "—" }, { "cls": ".max-width-2xl", "usage": "고정 폭 (1760)", "token": "—", "gamma": "—" }, { "cls": ".max-width-3xl", "usage": "고정 폭 (1920)", "token": "—", "gamma": "—" }, { "cls": ".area", "usage": "고정 폭 컨테이너 (1280)", "token": "—", "gamma": "layout-factor" }, { "cls": ".area-box", "usage": "고정 폭 컨테이너 (1600)", "token": "—", "gamma": "layout-factor" }, { "cls": ".area-1500", "usage": "고정 폭 컨테이너 (1500)", "token": "—", "gamma": "layout-factor" }, { "cls": ".area-1760", "usage": "고정 폭 컨테이너 (1760)", "token": "—", "gamma": "layout-factor" }, { "cls": ".aspect-1-1", "usage": "비율 1:1", "token": "—", "gamma": "—" }, { "cls": ".aspect-3-2", "usage": "비율 3:2", "token": "—", "gamma": "—" }, { "cls": ".aspect-4-3", "usage": "비율 4:3", "token": "—", "gamma": "—" }, { "cls": ".aspect-16-9", "usage": "비율 16:9", "token": "—", "gamma": "—" }, { "cls": ".aspect-21-9", "usage": "비율 21:9", "token": "—", "gamma": "—" }, { "cls": ".align-start", "usage": "align-items: flex-start", "token": "—", "gamma": "—" }, { "cls": ".align-center", "usage": "align-items: center", "token": "—", "gamma": "—" }, { "cls": ".align-end", "usage": "align-items: flex-end", "token": "—", "gamma": "—" }, { "cls": ".align-stretch", "usage": "align-items: stretch", "token": "—", "gamma": "—" }, { "cls": ".align-self-start", "usage": "align-self: flex-start", "token": "—", "gamma": "—" }, { "cls": ".align-self-center", "usage": "align-self: center", "token": "—", "gamma": "—" }, { "cls": ".align-self-end", "usage": "align-self: flex-end", "token": "—", "gamma": "—" }, { "cls": ".align-self-stretch", "usage": "align-self: stretch", "token": "—", "gamma": "—" }, { "cls": ".justify-start", "usage": "justify-content: flex-start", "token": "—", "gamma": "—" }, { "cls": ".justify-center", "usage": "justify-content: center", "token": "—", "gamma": "—" }, { "cls": ".justify-end", "usage": "justify-content: flex-end", "token": "—", "gamma": "—" }, { "cls": ".justify-between", "usage": "justify-content: space-between", "token": "—", "gamma": "—" }, { "cls": ".justify-around", "usage": "justify-content: space-around", "token": "—", "gamma": "—" }, { "cls": ".justify-evenly", "usage": "justify-content: space-evenly", "token": "—", "gamma": "—" }, { "cls": ".text-left", "usage": "text-align: left", "gamma": "—" }, { "cls": ".text-center", "usage": "text-align: center", "gamma": "—" }, { "cls": ".text-right", "usage": "text-align: right", "gamma": "—" }, { "cls": ".cqu-xs", "usage": "CQU 타이포 (xs)", "token": "--cqu-scale-xs", "gamma": "type-factor" }, { "cls": ".cqu-sm", "usage": "CQU 타이포 (sm)", "token": "--cqu-scale-sm", "gamma": "type-factor" }, { "cls": ".cqu-md", "usage": "CQU 타이포 (md 기본)", "token": "--cqu-scale-md", "gamma": "type-factor" }, { "cls": ".cqu-lg", "usage": "CQU 타이포 (lg)", "token": "--cqu-scale-lg", "gamma": "type-factor" }, { "cls": ".cqu-xl", "usage": "CQU 타이포 (xl)", "token": "--cqu-scale-xl", "gamma": "type-factor" }, { "cls": ".cqu-2xl", "usage": "CQU 타이포 (2xl)", "token": "--cqu-scale-2xl", "gamma": "type-factor" }, { "cls": ".cqu-3xl", "usage": "CQU 타이포 (3xl)", "token": "--cqu-scale-3xl", "gamma": "type-factor" }, { "cls": ".f-vsub-h1", "usage": "CQU — 세로형 서브 헤딩 h1", "gamma": "—" }, { "cls": ".f-vsub-h2", "usage": "CQU — 세로형 서브 헤딩 h2", "gamma": "—" }, { "cls": ".f-vsub-h3", "usage": "CQU — 세로형 서브 헤딩 h3", "gamma": "—" }, { "cls": ".f-vsub-h4", "usage": "CQU — 세로형 서브 헤딩 h4", "gamma": "—" }, { "cls": ".f-vsub-h5", "usage": "CQU — 세로형 서브 헤딩 h5", "gamma": "—" }, { "cls": ".f-vsub-h6", "usage": "CQU — 세로형 서브 헤딩 h6", "gamma": "—" }, { "cls": ".f-vtxt", "usage": "CQU — 세로형 본문", "gamma": "—" }, { "cls": ".transition", "usage": "전환 — all 300ms", "token": "--duration-base", "gamma": "—" }, { "cls": ".transition-fast", "usage": "전환 — all 150ms", "token": "--duration-fast", "gamma": "—" }, { "cls": ".transition-slow", "usage": "전환 — all 600ms", "token": "--duration-slow", "gamma": "—" }, { "cls": ".ease-in-out", "usage": "이징 — ease-in-out", "gamma": "—" }, { "cls": ".ease-out", "usage": "이징 — ease-out", "gamma": "—" }, { "cls": ".ease-in", "usage": "이징 — ease-in", "gamma": "—" }, { "cls": ".ease-elastic", "usage": "이징 — elastic", "gamma": "—" }, { "cls": ".trans200", "usage": "전환 — all .2s (레거시 축약)", "gamma": "—" }, { "cls": ".trans300", "usage": "전환 — all .3s (레거시 축약)", "gamma": "—" }, { "cls": ".trans400", "usage": "전환 — all .4s (레거시 축약)", "gamma": "—" }, { "cls": ".trans500", "usage": "전환 — all .5s (레거시 축약)", "gamma": "—" }, { "cls": ".absolute", "usage": "position: absolute", "gamma": "—" }, { "cls": ".fixed", "usage": "position: fixed", "gamma": "—" }, { "cls": ".sticky", "usage": "position: sticky", "gamma": "—" }, { "cls": ".relative", "usage": "position: relative", "gamma": "—" }, { "cls": ".img-center", "usage": "이미지 중앙 배치", "gamma": "—" }, { "cls": ".img-cover", "usage": "이미지 cover", "gamma": "—" }, { "cls": ".pos-full", "usage": "전체 포지션 (top/left 0 + 100%)", "gamma": "—" }, { "cls": ".full-height", "usage": "높이 100%", "gamma": "—" }, { "cls": ".over-bg", "usage": "오버레이 배경", "gamma": "—" }, { "cls": ".over-img", "usage": "오버레이 이미지", "gamma": "—" }, { "cls": ".table-layout", "usage": "테이블 레이아웃", "gamma": "—" }, { "cls": ".table-cell-layout", "usage": "테이블 셀 레이아웃", "gamma": "—" }, { "cls": ".mobile_only", "usage": "모바일 전용 표시", "gamma": "—" }, { "cls": ".mobile_block", "usage": "모바일에서 block", "gamma": "—" }, { "cls": ".nobr", "usage": "줄바꿈 금지", "gamma": "—" }, { "cls": ".m-br", "usage": "모바일 줄바꿈 (PC 숨김)", "gamma": "—" }, { "cls": ".pc-br", "usage": "PC 줄바꿈 (모바일 숨김)", "gamma": "—" }, { "cls": ".line-clamp2", "usage": "2줄 말줄임", "gamma": "—" }, { "cls": ".line-clamp3", "usage": "3줄 말줄임", "gamma": "—" }, { "cls": ".line-clamp4", "usage": "4줄 말줄임", "gamma": "—" }, { "cls": ".text-ellipsis", "usage": "한 줄 말줄임", "gamma": "—" }, { "cls": ".op-70", "usage": "불투명도 70%", "gamma": "—" }, { "cls": ".overflow-hidden", "usage": "overflow: hidden", "gamma": "—" }, { "cls": ".fl", "usage": "float: left (레거시 축약)", "gamma": "—" }, { "cls": ".fr", "usage": "float: right (레거시 축약)", "gamma": "—" }, { "cls": ".cb", "usage": "clear: both (레거시 축약)", "gamma": "—" }, { "cls": ".cf", "usage": "clear: both + height 1px (레거시 축약)", "gamma": "—" }, { "cls": ".al", "usage": "text-align: left (레거시 축약)", "gamma": "—" }, { "cls": ".ac", "usage": "text-align: center (레거시 축약)", "gamma": "—" }, { "cls": ".aj", "usage": "text-align: justify (레거시 축약)", "gamma": "—" }, { "cls": ".ar", "usage": "text-align: right (레거시 축약)", "gamma": "—" }, { "cls": ".pa", "usage": "position: absolute (레거시 축약)", "gamma": "—" }, { "cls": ".pr", "usage": "position: relative (레거시 축약)", "gamma": "—" }, { "cls": ".vt", "usage": "vertical-align: top (레거시 축약)", "gamma": "—" }, { "cls": ".vm", "usage": "vertical-align: middle (레거시 축약)", "gamma": "—" }, { "cls": ".vb", "usage": "vertical-align: bottom (레거시 축약)", "gamma": "—" }, { "cls": ".ls", "usage": "자간 -0.054em (레거시 축약)", "gamma": "—" }, { "cls": ".equal", "usage": "자식 균등 (align-self: stretch)", "gamma": "—" }, { "cls": ".blind", "usage": "텍스트 숨김 (접근성)", "gamma": "—" }, { "cls": ".clearfix", "usage": "플로트 해제", "gamma": "—" }, { "cls": ".material-icons", "usage": "머티리얼 아이콘 정렬 보조", "gamma": "—" }, { "cls": ".font-xi", "usage": "xeicon 폰트 (::before)", "gamma": "—" }, { "cls": ".grid-1~12", "usage": "그리드 컬럼 1~12열", "token": "—", "gamma": "—" }, { "cls": ".grid-rows-1~6", "usage": "그리드 로우 1~6행", "token": "—", "gamma": "—" }, { "cls": ".grid-flow-row/col/dense", "usage": "그리드 오토 플로우", "token": "—", "gamma": "—" }, { "cls": ".justify-items-start~stretch", "usage": "그리드 항목 수평 정렬", "token": "—", "gamma": "—" }, { "cls": ".align-items-start~stretch", "usage": "그리드 항목 수직 정렬", "token": "—", "gamma": "—" }, { "cls": ".gap-x-0~12", "usage": "그리드/플렉스 열 간격 (4px 단위)", "token": "—", "gamma": "gap-factor" }, { "cls": ".gap-y-0~12", "usage": "그리드/플렉스 행 간격 (4px 단위)", "token": "—", "gamma": "gap-factor" } ], "테이블 & 폼": [ { "cls": ".table / .table-striped / .table-hover / .table-bordered / .table-compact", "token": "—", "usage": "테이블 시스템 (ERP/목록)", "gamma": "none (패딩은 토큰)" }, { "cls": ".form-control / .is-success / .is-alert / .is-disabled", "token": "--*", "usage": "폼 입력 상태 (보더+ring)", "gamma": "radius-factor(모서리)" }, { "cls": ".form-label / .form-help", "token": "—", "usage": "라벨/도움말", "gamma": "none" } ], "모서리/섀도우 요약": [ { "cls": ".shadow-xs", "token": "--shadow-xs", "usage": "미세 (0 1px 2px)", "gamma": "none" }, { "cls": ".shadow-sm", "token": "--shadow-sm", "usage": "얕은 (다층)", "gamma": "none" }, { "cls": ".shadow-md", "token": "--shadow-md", "usage": "기본 (다층)", "gamma": "none" }, { "cls": ".shadow-lg", "token": "--shadow-lg", "usage": "플로팅 (다층)", "gamma": "none" }, { "cls": ".shadow-xl", "token": "--shadow-xl", "usage": "오버레이 (다층)", "gamma": "none" }, { "cls": ".shadow-2xl", "token": "--shadow-2xl", "usage": "딥 (다층)", "gamma": "none" }, { "cls": ".shadow-3xl", "token": "--shadow-3xl", "usage": "최대 (다층)", "gamma": "none" }, { "cls": ".shadow-primary", "token": "--shadow-primary", "usage": "메인 컬러 강조", "gamma": "none" }, { "cls": ".shadow-primary-xs", "token": "--shadow-primary-xs", "usage": "primary xs (0 4px 10px)", "gamma": "none" }, { "cls": ".shadow-primary-sm", "token": "--shadow-primary-sm", "usage": "primary sm (0 8px 16px)", "gamma": "none" }, { "cls": ".shadow-primary-md", "token": "--shadow-primary-md", "usage": "primary md (0 12px 30px)", "gamma": "none" }, { "cls": ".shadow-primary-lg", "token": "--shadow-primary-lg", "usage": "primary lg (0 18px 42px)", "gamma": "none" }, { "cls": ".shadow-primary-xl", "token": "--shadow-primary-xl", "usage": "primary xl (0 26px 56px)", "gamma": "none" }, { "cls": ".shadow-primary-2xl", "token": "--shadow-primary-2xl", "usage": "primary 2xl (0 36px 72px)", "gamma": "none" }, { "cls": ".shadow-primary-3xl", "token": "--shadow-primary-3xl", "usage": "primary 3xl (0 50px 90px)", "gamma": "none" }, { "cls": ".shadow-secondary-xs", "token": "--shadow-secondary-xs", "usage": "secondary xs (0 4px 10px)", "gamma": "none" }, { "cls": ".shadow-secondary-sm", "token": "--shadow-secondary-sm", "usage": "secondary sm (0 8px 16px)", "gamma": "none" }, { "cls": ".shadow-secondary-md", "token": "--shadow-secondary-md", "usage": "secondary md (0 12px 30px)", "gamma": "none" }, { "cls": ".shadow-secondary-lg", "token": "--shadow-secondary-lg", "usage": "secondary lg (0 18px 42px)", "gamma": "none" }, { "cls": ".shadow-secondary-xl", "token": "--shadow-secondary-xl", "usage": "secondary xl (0 26px 56px)", "gamma": "none" }, { "cls": ".shadow-secondary-2xl", "token": "--shadow-secondary-2xl", "usage": "secondary 2xl (0 36px 72px)", "gamma": "none" }, { "cls": ".shadow-secondary-3xl", "token": "--shadow-secondary-3xl", "usage": "secondary 3xl (0 50px 90px)", "gamma": "none" }, { "cls": ".rounded-xs", "token": "--radius-xs", "usage": "초소형 모서리 (4px)", "gamma": "radius-factor" }, { "cls": ".rounded-sm", "token": "--radius-sm", "usage": "작은 모서리", "gamma": "radius-factor" }, { "cls": ".rounded-md", "token": "--radius-md", "usage": "기본 모서리", "gamma": "radius-factor" }, { "cls": ".rounded-lg", "token": "--radius-lg", "usage": "큰 모서리", "gamma": "radius-factor" }, { "cls": ".rounded-xl", "token": "--radius-xl", "usage": "최대 모서리", "gamma": "radius-factor" }, { "cls": ".rounded-2xl", "token": "--radius-2xl", "usage": "2xl 모서리 (16px)", "gamma": "radius-factor" }, { "cls": ".rounded-3xl", "token": "--radius-3xl", "usage": "3xl 모서리 (24px)", "gamma": "radius-factor" }, { "cls": ".rounded-0", "usage": "모서리 없음 (감마 비적용)", "gamma": "—" }, { "cls": ".rounded-full", "usage": "완전 원형 9999px (감마 비적용)", "gamma": "—" }, { "cls": ".shadow-none", "usage": "그림자 없음", "gamma": "—" } ] } } } }