From 14592e3cc017bb2063da59050e0e02846a5a6988 Mon Sep 17 00:00:00 2001
From: GUARDiA AutoDeploy <deploy@zioinfo.co.kr>
Date: Sun, 7 Jun 2026 20:05:25 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=8B=A0=EA=B7=9C=20UI=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=EC=9D=84=20=EB=9D=BC=EC=9D=B8=20=EB=93=9C?=
 =?UTF-8?q?=EB=A1=9C=EC=9E=89(stroke)=20=EB=B0=A9=EC=8B=9D=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=ED=86=B5=EC=9D=BC=20[auto-sync]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/GuardiaDetail.jsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/GuardiaDetail.jsx b/frontend/src/pages/GuardiaDetail.jsx
index 5f31620..31fdce9 100644
--- a/frontend/src/pages/GuardiaDetail.jsx
+++ b/frontend/src/pages/GuardiaDetail.jsx
@@ -791,9 +791,9 @@ export default function GuardiaDetail() {
               marginBottom:'48px',
             }}>
               {[
-                { icon:'🚀', color:'#7C3AED', title:'AI 성능테스트 스튜디오',  badge:'12 APIs', desc:'Playwright MCP로 화면 시나리오 녹화→jMeter(.jmx) 스크립트 자동 생성. 입력값 엑셀 템플릿 다운로드·업로드. 시나리오 DB 등록·재실행 관리.' },
-                { icon:'📄', color:'#0EA5E9', title:'문서 자동 작성 (Jasper)', badge:'8 APIs',  desc:'산출물·회의록·보고서를 AI가 자동 생성. PDF/Excel 포맷 선택 다운로드. 카테고리별 템플릿 + 작업 이력 추적.' },
-                { icon:'🏛️', color:'#059669', title:'나라장터 입찰 모니터',    badge:'12 APIs', desc:'당일 SW개발용역·SI/SM 입찰공고 자동 수집·필터링. 그리드에서 참가/보류/삭제 처리, 담당자 알림, RFP 첨부문서 다운로드.' },
+                { icon:<IconRocket size={22} color="#003366"/>,    color:'#7C3AED', title:'AI 성능테스트 스튜디오',  badge:'12 APIs', desc:'Playwright MCP로 화면 시나리오 녹화→jMeter(.jmx) 스크립트 자동 생성. 입력값 엑셀 템플릿 다운로드·업로드. 시나리오 DB 등록·재실행 관리.' },
+                { icon:<IconClipboard size={22} color="#003366"/>, color:'#0EA5E9', title:'문서 자동 작성 (Jasper)', badge:'8 APIs',  desc:'산출물·회의록·보고서를 AI가 자동 생성. PDF/Excel 포맷 선택 다운로드. 카테고리별 템플릿 + 작업 이력 추적.' },
+                { icon:<IconGovt size={22} color="#003366"/>,      color:'#059669', title:'나라장터 입찰 모니터',    badge:'12 APIs', desc:'당일 SW개발용역·SI/SM 입찰공고 자동 수집·필터링. 그리드에서 참가/보류/삭제 처리, 담당자 알림, RFP 첨부문서 다운로드.' },
               ].map((f, i) => (
                 <div key={i} style={{
                   background:'#fff',
@@ -803,7 +803,11 @@ export default function GuardiaDetail() {
                   padding:'16px',
                 }}>
                   <div style={{display:'flex',alignItems:'center',gap:'10px',marginBottom:'10px'}}>
-                    <span style={{fontSize:'24px'}}>{f.icon}</span>
+                    <span style={{
+                      width:'36px',height:'36px',borderRadius:'9px',
+                      display:'flex',alignItems:'center',justifyContent:'center',
+                      background:`${f.color}14`,flexShrink:0,
+                    }}>{f.icon}</span>
                     <div style={{flex:1}}>
                       <div style={{fontWeight:'700',fontSize:'14px',color:'var(--gray-900)'}}>{f.title}</div>
                     </div>