Update index.html

index.html

@@ -215,6 +215,7 @@
             overflow: hidden;
             user-select: none;
             z-index: 1;
+            min-height: 120px;
         }
 
         .option-card.selected {
@@ -248,6 +249,13 @@
 
         .option-name {
             font-weight: 600;
+            margin-bottom: 0.3rem;
+        }
+
+        .option-description {
+            font-size: 0.75rem;
+            color: #a8a8b3;
+            line-height: 1.3;
             margin-bottom: 0.5rem;
         }
 
@@ -457,6 +465,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="image-gen" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 이미지 생성</div>
+                            <div class="option-description">텍스트 프롬프트를 입력하면 AI가 이미지를 생성하는 서비스</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -464,6 +473,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="book-cover" data-cost="7" data-time="1" data-resource="0.7">
                             <div class="option-name">책 표지 AI 생성</div>
+                            <div class="option-description">책 제목과 장르를 입력하면 전문적인 표지 디자인을 생성</div>
                             <div class="option-details">
                                 <span>$7K</span>
                                 <span>1개월</span>
@@ -471,6 +481,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="bg-removal" data-cost="7" data-time="1" data-resource="0.7">
                             <div class="option-name">배경 제거 및 생성</div>
+                            <div class="option-description">이미지의 배경을 자동으로 제거하거나 새로운 배경으로 교체</div>
                             <div class="option-details">
                                 <span>$7K</span>
                                 <span>1개월</span>
@@ -478,6 +489,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="image-enhance" data-cost="7" data-time="1" data-resource="1.4">
                             <div class="option-name">AI 이미지 편집/향상</div>
+                            <div class="option-description">이미지 화질 개선, 색상 보정, 스타일 변환 등 다양한 편집 기능</div>
                             <div class="option-details">
                                 <span>$7K</span>
                                 <span>1개월</span>
@@ -485,6 +497,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="image-upscale" data-cost="7" data-time="1" data-resource="1.4">
                             <div class="option-name">이미지 업스케일링</div>
+                            <div class="option-description">저해상도 이미지를 고해상도로 변환하여 선명도 향상</div>
                             <div class="option-details">
                                 <span>$7K</span>
                                 <span>1개월</span>
@@ -492,6 +505,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="image-custom" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">이미지 엔터프라이즈 커스텀</div>
+                            <div class="option-description">기업 맞춤형 이미지 생성 솔루션 (브랜드 가이드라인 적용)</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -504,6 +518,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="video-gen" data-cost="20" data-time="1" data-resource="10">
                             <div class="option-name">AI 비디오 생성</div>
+                            <div class="option-description">텍스트나 이미지를 기반으로 동영상을 자동 생성</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -511,6 +526,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="video-edit" data-cost="20" data-time="1" data-resource="10">
                             <div class="option-name">AI 비디오 편집</div>
+                            <div class="option-description">자동 컷 편집, 효과 추가, 장면 전환 등 AI 기반 편집</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -518,6 +534,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="avatar-video" data-cost="20" data-time="1" data-resource="10">
                             <div class="option-name">AI 아바타 비디오</div>
+                            <div class="option-description">가상 아바타가 대본을 읽어주는 영상 생성 서비스</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -525,6 +542,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="auto-subtitle" data-cost="7" data-time="1" data-resource="0.7">
                             <div class="option-name">자동 자막 생성</div>
+                            <div class="option-description">영상의 음성을 자동으로 인식하여 자막 생성 및 번역</div>
                             <div class="option-details">
                                 <span>$7K</span>
                                 <span>1개월</span>
@@ -532,6 +550,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="shortform" data-cost="20" data-time="1" data-resource="100">
                             <div class="option-name">AI 숏폼 비디오</div>
+                            <div class="option-description">틱톡, 릴스용 세로형 짧은 영상 자동 제작</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -539,6 +558,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="video-custom" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">비디오 엔터프라이즈 커스텀</div>
+                            <div class="option-description">대량 비디오 처리, 맞춤형 템플릿, API 연동 등 기업용 솔루션</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -551,6 +571,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="sound-gen" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 음향 생성</div>
+                            <div class="option-description">효과음, 배경음 등 다양한 사운드 효과를 AI로 생성</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -558,6 +579,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="music-gen" data-cost="5" data-time="1" data-resource="1.4">
                             <div class="option-name">AI 음악 생성</div>
+                            <div class="option-description">장르와 분위기를 선택하면 자동으로 음악을 작곡</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -565,6 +587,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="song-gen" data-cost="5" data-time="1" data-resource="1.5">
                             <div class="option-name">AI 노래 생성 (음악+가사+보컬)</div>
+                            <div class="option-description">완성된 노래를 생성 (작곡, 작사, 가상 보컬까지)</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -572,6 +595,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="music-video" data-cost="5" data-time="1" data-resource="12">
                             <div class="option-name">AI 뮤직비디오 생성</div>
+                            <div class="option-description">음악에 맞춰 시각적 효과와 영상을 자동 생성</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -579,6 +603,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="ai-singer" data-cost="30" data-time="1" data-resource="20">
                             <div class="option-name">AI 가수 생성 (풀패키지)</div>
+                            <div class="option-description">가상 가수의 외모, 목소리, 곡, 뮤비까지 통합 제작</div>
                             <div class="option-details">
                                 <span>$30K</span>
                                 <span>1개월</span>
@@ -586,6 +611,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="voice-clone" data-cost="5" data-time="1" data-resource="2.5">
                             <div class="option-name">음성 복제/합성</div>
+                            <div class="option-description">특정 인물의 목소리를 학습하여 유사한 음성 생성</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -593,6 +619,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="tts" data-cost="5" data-time="1" data-resource="1.4">
                             <div class="option-name">텍스트 TO 음성 변환</div>
+                            <div class="option-description">텍스트를 자연스러운 음성으로 변환 (다양한 목소리 선택)</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -600,6 +627,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="stt" data-cost="5" data-time="1" data-resource="3">
                             <div class="option-name">음성 TO 텍스트 변환</div>
+                            <div class="option-description">음성 녹음을 텍스트로 자동 변환 (회의록, 자막 등)</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -607,6 +635,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="podcast" data-cost="5" data-time="1" data-resource="3">
                             <div class="option-name">AI 팟캐스트 제작</div>
+                            <div class="option-description">AI 진행자가 대본을 읽고 편집까지 자동화</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -614,6 +643,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="audio-custom" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">오디오 엔터프라이즈 커스텀</div>
+                            <div class="option-description">방송국, 음원 제작사를 위한 대규모 오디오 처리 시스템</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -626,6 +656,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="chatbot-text" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 챗봇 (텍스트)</div>
+                            <div class="option-description">기본적인 대화형 AI 챗봇 (고객 상담, FAQ 응답)</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -633,6 +664,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="chatbot-rag" data-cost="5" data-time="1" data-resource="1.4">
                             <div class="option-name">AI 챗봇 (텍스트+RAG)</div>
+                            <div class="option-description">문서 검색 기능이 추가된 똑똑한 챗봇 (지식 기반 응답)</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -640,6 +672,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="chatbot-voice" data-cost="5" data-time="1" data-resource="1.5">
                             <div class="option-name">AI 챗봇 (텍스트+음성)</div>
+                            <div class="option-description">음성 인식과 음성 출력이 가능한 대화형 챗봇</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -647,6 +680,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="chatbot-full" data-cost="5" data-time="1" data-resource="3">
                             <div class="option-name">AI 챗봇 (텍스트+음성+RAG)</div>
+                            <div class="option-description">모든 기능이 통합된 고급 AI 어시스턴트</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -654,6 +688,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="translation" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 번역 서비스</div>
+                            <div class="option-description">다국어 실시간 번역 (문서, 웹사이트, 채팅)</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -661,6 +696,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="email-writing" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 이메일/문서 작성</div>
+                            <div class="option-description">비즈니스 이메일, 보고서, 제안서 자동 작성</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -668,6 +704,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="code-assistant" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 코드 어시스턴트</div>
+                            <div class="option-description">코드 작성, 디버깅, 리뷰를 도와주는 개발자 도구</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -675,6 +712,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="text-custom" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">텍스트 엔터프라이즈 커스텀</div>
+                            <div class="option-description">기업 전용 언어 모델, 맞춤형 텍스트 처리 시스템</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -687,6 +725,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="data-analysis" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">AI 데이터 분석</div>
+                            <div class="option-description">데이터를 업로드하면 자동으로 인사이트와 시각화 제공</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -694,6 +733,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="ocr" data-cost="5" data-time="1" data-resource="2">
                             <div class="option-name">AI OCR 서비스</div>
+                            <div class="option-description">이미지나 PDF에서 텍스트를 추출하고 구조화</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -701,6 +741,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="computer-vision" data-cost="5" data-time="1" data-resource="1.4">
                             <div class="option-name">컴퓨터 비전</div>
+                            <div class="option-description">객체 인식, 얼굴 감지, 이미지 분류 등 시각 인식 기능</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -708,6 +749,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="sentiment-analysis" data-cost="5" data-time="1" data-resource="0.7">
                             <div class="option-name">감정 분석 AI</div>
+                            <div class="option-description">텍스트나 음성에서 감정과 의도를 분석</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -715,6 +757,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="analysis-custom" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">분석 엔터프라이즈 커스텀</div>
+                            <div class="option-description">산업별 특화 분석 모델 (의료, 금융, 제조 등)</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -727,6 +770,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="novel" data-cost="20" data-time="1" data-resource="20">
                             <div class="option-name">AI 소설 생성</div>
+                            <div class="option-description">장르와 줄거리를 입력하면 완성된 소설 생성</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -734,6 +778,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="webnovel" data-cost="20" data-time="1" data-resource="20">
                             <div class="option-name">AI 웹소설 생성</div>
+                            <div class="option-description">연재형 웹소설 자동 생성 및 스토리 진행 관리</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -741,6 +786,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="webtoon" data-cost="20" data-time="1" data-resource="20">
                             <div class="option-name">AI 웹툰 생성</div>
+                            <div class="option-description">스토리와 그림을 AI가 함께 제작하는 웹툰 서비스</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -748,6 +794,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="ai-book" data-cost="20" data-time="1" data-resource="2">
                             <div class="option-name">AI BOOK 제작</div>
+                            <div class="option-description">전자책 형태의 콘텐츠 자동 생성 및 편집</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -755,6 +802,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="ecommerce" data-cost="20" data-time="1" data-resource="20">
                             <div class="option-name">이커머스 AI (상품설명)</div>
+                            <div class="option-description">상품 이미지로 매력적인 설명과 마케팅 문구 생성</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -767,6 +815,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="medical" data-cost="20" data-time="1" data-resource="5">
                             <div class="option-name">AI 의료 어시스턴트</div>
+                            <div class="option-description">증상 체크, 의료 정보 제공 (전문의 감수 필요)</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -774,6 +823,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="legal" data-cost="20" data-time="1" data-resource="5">
                             <div class="option-name">AI 법률 어시스턴트</div>
+                            <div class="option-description">계약서 검토, 법률 상담 보조 (변호사 감수 필요)</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -781,6 +831,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="education" data-cost="20" data-time="1" data-resource="5">
                             <div class="option-name">AI 교육/튜터링</div>
+                            <div class="option-description">개인 맞춤형 학습 커리큘럼과 1:1 AI 튜터</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -793,6 +844,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="hairstyle" data-cost="20" data-time="1" data-resource="1.2">
                             <div class="option-name">헤어스타일 AI 시뮬레이션</div>
+                            <div class="option-description">얼굴 사진에 다양한 헤어스타일을 가상으로 적용</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -800,6 +852,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="fashion" data-cost="7" data-time="1" data-resource="0.7">
                             <div class="option-name">패션 가상 피팅 AI</div>
+                            <div class="option-description">옷을 입어보지 않고도 착용 모습을 확인</div>
                             <div class="option-details">
                                 <span>$7K</span>
                                 <span>1개월</span>
@@ -807,6 +860,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="3d-model" data-cost="20" data-time="1" data-resource="2">
                             <div class="option-name">AI 3D 모델 생성</div>
+                            <div class="option-description">2D 이미지나 텍스트로 3D 모델 자동 생성</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -814,6 +868,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="nsfw" data-cost="20" data-time="1" data-resource="0.7">
                             <div class="option-name">NSFW 이미지 생성</div>
+                            <div class="option-description">성인용 콘텐츠 생성 (연령 확인 시스템 필수)</div>
                             <div class="option-details">
                                 <span>$20K</span>
                                 <span>1개월</span>
@@ -826,6 +881,7 @@
                     <div class="component-options" style="margin-bottom: 2rem;">
                         <div class="option-card" data-category="service" data-id="llm-finetune" data-cost="200" data-time="1" data-resource="20">
                             <div class="option-name">모델: LLM(파인튜닝)</div>
+                            <div class="option-description">기업 전용 데이터로 학습한 맞춤형 언어 모델</div>
                             <div class="option-details">
                                 <span>$200K</span>
                                 <span>1개월</span>
@@ -833,6 +889,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="image-lora" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">모델: 이미지 생성(LoRA)</div>
+                            <div class="option-description">특정 스타일이나 캐릭터 전문 이미지 생성 모델</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -840,6 +897,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="gen-lora" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">모델: 생성(LoRA)</div>
+                            <div class="option-description">특정 분야에 특화된 콘텐츠 생성 모델</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -847,6 +905,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="vision-model" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">모델: 비전인식</div>
+                            <div class="option-description">산업별 특화 이미지 인식 및 분류 모델</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -854,6 +913,7 @@
                         </div>
                         <div class="option-card" data-category="service" data-id="custom-model" data-cost="50" data-time="1" data-resource="20">
                             <div class="option-name">맞춤 주문형 모델</div>
+                            <div class="option-description">고객 요구사항에 맞는 완전 커스텀 AI 모델</div>
                             <div class="option-details">
                                 <span>$50K</span>
                                 <span>1개월</span>
@@ -871,6 +931,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="db" data-id="basic-db" data-cost="3" data-time="0.5">
                             <div class="option-name">기본 DB</div>
+                            <div class="option-description">MySQL/PostgreSQL 기본 설정, 백업 주 1회</div>
                             <div class="option-details">
                                 <span>$3K</span>
                                 <span>0.5개월</span>
@@ -878,6 +939,7 @@
                         </div>
                         <div class="option-card" data-category="db" data-id="advanced-db" data-cost="8" data-time="1">
                             <div class="option-name">고급 DB + 백업</div>
+                            <div class="option-description">실시간 백업, 복제 서버, 자동 복구 시스템</div>
                             <div class="option-details">
                                 <span>$8K</span>
                                 <span>1개월</span>
@@ -885,6 +947,7 @@
                         </div>
                         <div class="option-card" data-category="db" data-id="enterprise-db" data-cost="12" data-time="1.5">
                             <div class="option-name">엔터프라이즈 DB</div>
+                            <div class="option-description">분산 DB, 샤딩, 글로벌 복제, 24/7 모니터링</div>
                             <div class="option-details">
                                 <span>$12K</span>
                                 <span>1.5개월</span>
@@ -902,6 +965,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="auth" data-id="gmail-only" data-cost="2" data-time="0.3">
                             <div class="option-name">Gmail 연동</div>
+                            <div class="option-description">구글 계정으로만 간편 로그인</div>
                             <div class="option-details">
                                 <span>$2K</span>
                                 <span>0.3개월</span>
@@ -909,13 +973,15 @@
                         </div>
                         <div class="option-card" data-category="auth" data-id="multi-auth" data-cost="4" data-time="0.5">
                             <div class="option-name">다중 소셜 로그인</div>
+                            <div class="option-description">구글, 페이스북, 카카오, 네이버 등 통합 로그인</div>
                             <div class="option-details">
                                 <span>$4K</span>
                                 <span>0.5개월</span>
                             </div>
                         </div>
                         <div class="option-card" data-category="auth" data-id="custom-auth" data-cost="6" data-time="1">
-                            <div class="option-name">커스텀 인증 시스템</div>
+                            <div class="option-name">커스텀 인증(WEB3 전자지갑 포함) 시스템</div>
+                            <div class="option-description">이메일/SMS 인증, 2단계 인증, 암호화폐 지갑 연동</div>
                             <div class="option-details">
                                 <span>$6K</span>
                                 <span>1개월</span>
@@ -933,6 +999,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="credit" data-id="basic-credit" data-cost="3" data-time="0.5">
                             <div class="option-name">기본 크레딧 시스템</div>
+                            <div class="option-description">충전식 크레딧, 사용 내역 조회</div>
                             <div class="option-details">
                                 <span>$3K</span>
                                 <span>0.5개월</span>
@@ -940,6 +1007,7 @@
                         </div>
                         <div class="option-card" data-category="credit" data-id="advanced-credit" data-cost="6" data-time="1">
                             <div class="option-name">고급 크레딧 + 구독</div>
+                            <div class="option-description">월정액 구독, 크레딧 자동 충전, 등급별 혜택</div>
                             <div class="option-details">
                                 <span>$6K</span>
                                 <span>1개월</span>
@@ -957,6 +1025,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="payment" data-id="basic-payment" data-cost="4" data-time="0.5">
                             <div class="option-name">기본 결제 (카드)</div>
+                            <div class="option-description">신용카드/체크카드 결제만 지원</div>
                             <div class="option-details">
                                 <span>$4K</span>
                                 <span>0.5개월</span>
@@ -964,13 +1033,15 @@
                         </div>
                         <div class="option-card" data-category="payment" data-id="multi-payment" data-cost="8" data-time="1">
                             <div class="option-name">다중 결제 수단</div>
+                            <div class="option-description">카드, 계좌이체, 간편결제(페이팔, 애플페이 등)</div>
                             <div class="option-details">
                                 <span>$8K</span>
                                 <span>1개월</span>
                             </div>
                         </div>
                         <div class="option-card" data-category="payment" data-id="global-payment" data-cost="10" data-time="1.5">
-                            <div class="option-name">글로벌 결제 시스템</div>
+                            <div class="option-name">복합 결제(WEB3 토큰 포함) 시스템</div>
+                            <div class="option-description">법정화폐, 암호화폐, NFT, 포인트 통합 결제</div>
                             <div class="option-details">
                                 <span>$10K</span>
                                 <span>1.5개월</span>
@@ -988,6 +1059,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="marketing" data-id="basic-marketing" data-cost="5" data-time="1">
                             <div class="option-name">기본 마케팅 도구</div>
+                            <div class="option-description">이메일 캠페인, 기본 분석, 쿠폰 시스템</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>1개월</span>
@@ -995,6 +1067,7 @@
                         </div>
                         <div class="option-card" data-category="marketing" data-id="advanced-marketing" data-cost="10" data-time="1.5">
                             <div class="option-name">고급 마케팅 자동화</div>
+                            <div class="option-description">A/B 테스트, 추천 시스템, 리타게팅, AI 분석</div>
                             <div class="option-details">
                                 <span>$10K</span>
                                 <span>1.5개월</span>
@@ -1012,6 +1085,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="support" data-id="basic-support" data-cost="3" data-time="0">
                             <div class="option-name">기본 기술 지원</div>
+                            <div class="option-description">이메일 지원, 48시간 내 답변, 월 10건</div>
                             <div class="option-details">
                                 <span>월 $3K</span>
                                 <span>즉시</span>
@@ -1019,6 +1093,7 @@
                         </div>
                         <div class="option-card" data-category="support" data-id="dedicated-support" data-cost="8" data-time="0">
                             <div class="option-name">전담 개발자 지원</div>
+                            <div class="option-description">전담 개발자 배정, 실시간 지원, 무제한 요청</div>
                             <div class="option-details">
                                 <span>월 $8K</span>
                                 <span>즉시</span>
@@ -1036,6 +1111,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="monitoring" data-id="basic-monitor" data-cost="2" data-time="0.3">
                             <div class="option-name">기본 모니터링</div>
+                            <div class="option-description">서버 상태, 트래픽, 기본 알림</div>
                             <div class="option-details">
                                 <span>$2K</span>
                                 <span>0.3개월</span>
@@ -1043,6 +1119,7 @@
                         </div>
                         <div class="option-card" data-category="monitoring" data-id="advanced-monitor" data-cost="4" data-time="0.5">
                             <div class="option-name">고급 분석 + 알림</div>
+                            <div class="option-description">실시간 대시보드, AI 이상 감지, 맞춤 리포트</div>
                             <div class="option-details">
                                 <span>$4K</span>
                                 <span>0.5개월</span>
@@ -1060,6 +1137,7 @@
                     <div class="component-options">
                         <div class="option-card" data-category="additional" data-id="admin-panel" data-cost="5" data-time="0.5">
                             <div class="option-name">관리자 대시보드</div>
+                            <div class="option-description">사용자 관리, 통계, 콘텐츠 관리 통합 패널</div>
                             <div class="option-details">
                                 <span>$5K</span>
                                 <span>0.5개월</span>
@@ -1067,6 +1145,7 @@
                         </div>
                         <div class="option-card" data-category="additional" data-id="api-system" data-cost="8" data-time="1">
                             <div class="option-name">API 시스템</div>
+                            <div class="option-description">외부 연동을 위한 RESTful API, 문서화 포함</div>
                             <div class="option-details">
                                 <span>$8K</span>
                                 <span>1개월</span>
@@ -1074,6 +1153,7 @@
                         </div>
                         <div class="option-card" data-category="additional" data-id="analytics" data-cost="6" data-time="0.5">
                             <div class="option-name">분석 도구</div>
+                            <div class="option-description">사용자 행동 분석, 매출 분석, 커스텀 리포트</div>
                             <div class="option-details">
                                 <span>$6K</span>
                                 <span>0.5개월</span>
@@ -1081,12 +1161,14 @@
                         </div>
                         <div class="option-card" data-category="additional" data-id="multi-language" data-cost="4" data-time="0.5">
                             <div class="option-name">다국어 지원</div>
+                            <div class="option-description">5개 언어 지원, 자동 번역, 언어별 UI 최적화</div>
                             <div class="option-details">
                                 <span>$4K</span>
                                 <span>0.5개월</span>
                             </div>
                         </div>
-                    </div>
+
+</div>
                 </div>
 
                 <button class="calculate-btn" onclick="calculateCustomCost()">맞춤 견적 계산하기</button>
@@ -1375,12 +1457,12 @@
             const totalMonthlyCost = serverCost + resourceCost + maintenanceCost + monthlySupport;
             
             // 결과 표시
-            document.getElementById('initialCost').textContent = `${totalInitialCost}K`;
+            document.getElementById('initialCost').textContent = `$${totalInitialCost}K`;
             document.getElementById('devTime').textContent = `${maxTime}개월`;
-            document.getElementById('serverCost').textContent = `${serverCost}K`;
-            document.getElementById('resourceCost').textContent = `${resourceCost.toFixed(1)}K`;
-            document.getElementById('maintenanceCost').textContent = `${maintenanceCost.toFixed(1)}K`;
-            document.getElementById('totalMonthlyCost').textContent = `${totalMonthlyCost.toFixed(1)}K`;
+            document.getElementById('serverCost').textContent = `$${serverCost}K`;
+            document.getElementById('resourceCost').textContent = `$${resourceCost.toFixed(1)}K`;
+            document.getElementById('maintenanceCost').textContent = `$${maintenanceCost.toFixed(1)}K`;
+            document.getElementById('totalMonthlyCost').textContent = `$${totalMonthlyCost.toFixed(1)}K`;
             
             // 총 비용 계산 (기간별)
             updateTotalCost(totalInitialCost, totalMonthlyCost);
@@ -1401,7 +1483,7 @@
         // 총 비용 업데이트
         function updateTotalCost(initialCost, monthlyCost) {
             const totalCost = initialCost + (monthlyCost * currentPeriod);
-            document.getElementById('totalCost').textContent = `${totalCost.toFixed(1)}K`;
+            document.getElementById('totalCost').textContent = `$${totalCost.toFixed(1)}K`;
         }
 
         // 구성 요소 목록 표시
@@ -1414,8 +1496,8 @@
                 item.className = 'component-list-item';
                 
                 let costDisplay = component.type === 'monthly' 
-                    ? `월 ${component.cost}K` 
-                    : `${component.cost}K`;
+                    ? `월 $${component.cost}K` 
+                    : `$${component.cost}K`;
                 
                 item.innerHTML = `
                     <span>${component.name}</span>
@@ -1447,17 +1529,17 @@
             const platformTotal = platformInitial + (platformMonthly * currentPeriod);
             
             // 결과 표시
-            document.getElementById('outsourceInitial').textContent = `${outsourceInitial}K`;
-            document.getElementById('outsourceMonthly').textContent = `${outsourceMonthly.toFixed(1)}K`;
-            document.getElementById('outsourceTotal').textContent = `${outsourceTotal.toFixed(1)}K`;
+            document.getElementById('outsourceInitial').textContent = `$${outsourceInitial}K`;
+            document.getElementById('outsourceMonthly').textContent = `$${outsourceMonthly.toFixed(1)}K`;
+            document.getElementById('outsourceTotal').textContent = `$${outsourceTotal.toFixed(1)}K`;
             
-            document.getElementById('inhouseInitial').textContent = `${inhouseInitial}K`;
-            document.getElementById('inhouseMonthly').textContent = `${inhouseMonthly.toFixed(1)}K`;
-            document.getElementById('inhouseTotal').textContent = `${inhouseTotal.toFixed(1)}K`;
+            document.getElementById('inhouseInitial').textContent = `$${inhouseInitial}K`;
+            document.getElementById('inhouseMonthly').textContent = `$${inhouseMonthly.toFixed(1)}K`;
+            document.getElementById('inhouseTotal').textContent = `$${inhouseTotal.toFixed(1)}K`;
             
-            document.getElementById('platformInitial').textContent = `${platformInitial}K`;
-            document.getElementById('platformMonthly').textContent = `${platformMonthly.toFixed(1)}K`;
-            document.getElementById('platformTotal').textContent = `${platformTotal.toFixed(1)}K`;
+            document.getElementById('platformInitial').textContent = `$${platformInitial}K`;
+            document.getElementById('platformMonthly').textContent = `$${platformMonthly.toFixed(1)}K`;
+            document.getElementById('platformTotal').textContent = `$${platformTotal.toFixed(1)}K`;
         }
 
         // 차트 업데이트
@@ -1546,7 +1628,4 @@
         }
     </script>
 </body>
-</html>
-
-
-      
+</html>