Add: 서비스 구분 개선 + 후작업 옵션 추가

- 녹화/라이브 방송 비교 배너 추가 (서비스 섹션 상단)
- 서비스 1: "녹화 전용" 안내 배지 (헤더 하단)
- 서비스 2: "별도 패키지" 안내 배지 (헤더 하단)
- 후작업 추가 옵션: 데이터 클린업 (5~10만원/분) / 리타게팅 (30~50만원/분)
- 한/영/일/중 4개 언어 번역 완료

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

css/services.css

@@ -401,6 +401,209 @@
     margin: 0;
 }
 
+/* 서비스 비교 배너 */
+.service-compare-banner {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--spacing-lg);
+    margin-bottom: var(--spacing-2xl);
+    padding: var(--spacing-xl);
+    background: var(--bg-primary);
+    border-radius: var(--border-radius);
+    border: 1px solid var(--border-color);
+}
+
+.compare-item {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--spacing-md);
+    padding: var(--spacing-lg);
+    border-radius: var(--border-radius-sm);
+    background: var(--bg-secondary);
+}
+
+.compare-icon {
+    flex-shrink: 0;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.1rem;
+    color: #fff;
+}
+
+.compare-icon.recording {
+    background: var(--primary-color);
+}
+
+.compare-icon.live {
+    background: #6c5ce7;
+}
+
+.compare-info h4 {
+    margin: 0 0 4px;
+    font-size: var(--font-base);
+    color: var(--text-primary);
+}
+
+.compare-info .compare-price {
+    font-size: var(--font-sm);
+    font-weight: 700;
+    color: var(--primary-color);
+    margin: 0 0 4px;
+}
+
+.compare-info .compare-desc {
+    font-size: var(--font-xs);
+    color: var(--text-secondary);
+    margin: 0;
+}
+
+.service-type-notice {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 16px;
+    border-radius: 20px;
+    font-size: var(--font-xs);
+    font-weight: 600;
+    margin: 0 0 var(--spacing-lg);
+}
+
+/* When notice follows package-header, tighten spacing */
+.package-header + .service-type-notice {
+    margin-top: calc(-1 * var(--spacing-md));
+}
+
+/* When notice follows service-note, add top spacing */
+.service-note + .service-type-notice {
+    margin-top: var(--spacing-lg);
+}
+
+.service-type-notice.recording-only {
+    background: rgba(255, 136, 0, 0.1);
+    color: var(--primary-color);
+    border: 1px solid rgba(255, 136, 0, 0.3);
+}
+
+.service-type-notice.live-package {
+    background: rgba(108, 92, 231, 0.1);
+    color: #6c5ce7;
+    border: 1px solid rgba(108, 92, 231, 0.3);
+}
+
+@media (max-width: 768px) {
+    .service-compare-banner {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* 후작업 추가 옵션 */
+.post-processing-options {
+    margin-top: var(--spacing-2xl);
+    padding: var(--spacing-xl);
+    background: var(--bg-primary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius);
+}
+
+.post-processing-options > h5 {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    font-size: var(--font-lg);
+    color: var(--text-primary);
+    margin: 0 0 var(--spacing-lg);
+}
+
+.post-options-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--spacing-lg);
+}
+
+.post-option-card {
+    padding: var(--spacing-xl);
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--border-radius-sm);
+    transition: border-color 0.2s ease;
+}
+
+.post-option-card.featured {
+    border-color: var(--primary-color);
+    background: rgba(255, 136, 0, 0.03);
+}
+
+.post-option-header {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-sm);
+    margin-bottom: var(--spacing-md);
+}
+
+.post-option-icon {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background: var(--primary-color);
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.9rem;
+    flex-shrink: 0;
+}
+
+.post-option-card.featured .post-option-icon {
+    background: var(--primary-color);
+}
+
+.post-option-header h6 {
+    margin: 0;
+    font-size: var(--font-base);
+    color: var(--text-primary);
+    font-weight: 700;
+}
+
+.post-option-price {
+    margin-bottom: var(--spacing-sm);
+}
+
+.post-option-price .price-amount {
+    font-size: var(--font-xl);
+    font-weight: 800;
+    color: var(--primary-color);
+}
+
+.post-option-price .price-unit {
+    font-size: var(--font-sm);
+    color: var(--text-secondary);
+    margin-left: 2px;
+}
+
+.post-option-desc {
+    font-size: var(--font-sm);
+    color: var(--text-secondary);
+    margin: 0;
+    line-height: 1.5;
+}
+
+.post-option-note {
+    font-size: var(--font-xs);
+    color: var(--text-secondary);
+    margin: var(--spacing-lg) 0 0;
+    font-style: italic;
+}
+
+@media (max-width: 768px) {
+    .post-options-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
 /* 서비스 노트 */
 .service-note {
     background: var(--color-info-bg);
@@ -2445,6 +2648,40 @@
 }
 
 /* 서비스 노트 */
+[data-theme="dark"] .service-compare-banner {
+    background: rgba(255, 255, 255, 0.03);
+    border-color: var(--glass-border);
+}
+
+[data-theme="dark"] .compare-item {
+    background: rgba(255, 255, 255, 0.05);
+}
+
+[data-theme="dark"] .service-type-notice.recording-only {
+    background: rgba(255, 136, 0, 0.15);
+    border-color: rgba(255, 136, 0, 0.3);
+}
+
+[data-theme="dark"] .service-type-notice.live-package {
+    background: rgba(108, 92, 231, 0.15);
+    border-color: rgba(108, 92, 231, 0.3);
+}
+
+[data-theme="dark"] .post-processing-options {
+    background: rgba(255, 255, 255, 0.03);
+    border-color: var(--glass-border);
+}
+
+[data-theme="dark"] .post-option-card {
+    background: rgba(255, 255, 255, 0.05);
+    border-color: var(--glass-border);
+}
+
+[data-theme="dark"] .post-option-card.featured {
+    border-color: rgba(255, 136, 0, 0.4);
+    background: rgba(255, 136, 0, 0.08);
+}
+
 [data-theme="dark"] .service-note {
     background: rgba(255, 136, 0, 0.08);
     border-color: rgba(255, 136, 0, 0.2);

en/services.html

@@ -170,6 +170,26 @@
                 <p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ All prices are exclusive of VAT</p>
             </div>
 
+            <!-- 서비스 비교 배너 -->
+            <div class="service-compare-banner">
+                <div class="compare-item">
+                    <span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
+                        <p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
+                        <p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
+                    </div>
+                </div>
+                <div class="compare-item">
+                    <span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
+                        <p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
+                        <p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
+                    </div>
+                </div>
+            </div>
+
             <!-- 서비스 1: 모션캡처 녹화 서비스 -->
             <div class="service-package">
                 <div class="package-header">
@@ -177,7 +197,11 @@
                     <h3 data-i18n="services.service1.title">Service 1: Motion Capture Recording</h3>
                     <span class="package-badge" data-i18n="services.service1.badge">Standard</span>
                 </div>
-                
+                <span class="service-type-notice recording-only">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
+                </span>
+
                 <!-- 가격 카드들 -->
                 <div class="pricing-cards-wrapper">
                     <div class="pricing-cards stagger-children">
@@ -248,8 +272,34 @@
                     </div>
                 </div>
 
-                <div class="service-note">
+                <!-- 후작업 추가 옵션 -->
-                    <p data-i18n-html="services.service1.note">Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work.</p>
+                <div class="post-processing-options">
+                    <h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
+                    <div class="post-options-grid">
+                        <div class="post-option-card">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
+                        </div>
+                        <div class="post-option-card featured">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
+                        </div>
+                    </div>
+                    <p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
                 </div>
             </div>
 
@@ -310,6 +360,10 @@
                     <h3 data-i18n="services.service2.title">Service 2: Streamingle Service</h3>
                     <span class="package-badge featured" data-i18n="services.service2.badge">Flagship</span>
                 </div>
+                <span class="service-type-notice live-package">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
+                </span>
 
                 <!-- 모션캡처 라이브 방송 패키지 선택 -->
                 <div class="pricing-cards-wrapper">

i18n/en.json

@@ -259,6 +259,14 @@
       "desc": "We offer optimal motion capture recording services tailored to your needs and scale",
       "vatNotice": "※ All prices are exclusive of VAT"
     },
+    "compare": {
+      "recordingTitle": "Motion Capture Recording",
+      "recordingPrice": "200,000 KRW~/hr (2-person base)",
+      "recordingDesc": "Recording only · Live streaming not included",
+      "liveTitle": "Motion Capture Live Broadcast",
+      "livePrice": "1,400,000 KRW~ / 4-hour package",
+      "liveDesc": "Recording + Live broadcast + Avatar, background & prop setup included"
+    },
     "service1": {
       "title": "Service 1: Motion Capture Recording",
       "badge": "Standard",
@@ -285,7 +293,18 @@
       "tech4": "Real-time monitoring",
       "tech5": "Professional operator",
       "tech6": "Motion data delivery",
-      "note": "Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work."
+      "note": "Avatar retargeting is not included by default. It can be arranged through a separate consultation for follow-up work.",
+      "postTitle": "Post-Processing Options",
+      "cleanupTitle": "Data Cleanup",
+      "cleanupPrice": "50,000 ~ 100,000 KRW",
+      "cleanupUnit": "/ per minute",
+      "cleanupDesc": "Noise removal & frame correction · Retargeting not included",
+      "retargetTitle": "Retargeting",
+      "retargetPrice": "300,000 ~ 500,000 KRW",
+      "retargetUnit": "/ per minute",
+      "retargetDesc": "Motion retargeting optimized for your avatar",
+      "postNote": "* Post-processing is arranged via separate consultation after recording",
+      "typeNotice": "Recording-only service · For live broadcast, please see the separate package below"
     },
     "combo": {
       "title": "Combo Packages",
@@ -309,6 +328,7 @@
     "service2": {
       "title": "Service 2: Streamingle Service",
       "badge": "Flagship",
+      "typeNotice": "Separate package from recording service · Includes avatar, background & prop setup + live broadcast",
       "pkg4h": "4-Hour Package",
       "pkg4hBadge": "NEW",
       "pkg4hPrice": "$1,100",

i18n/ja.json

@@ -259,6 +259,14 @@
       "desc": "用途と規模に合った最適なモーションキャプチャー録画サービスを提供します",
       "vatNotice": "※ 全ての料金は消費税別です"
     },
+    "compare": {
+      "recordingTitle": "モーションキャプチャー録画",
+      "recordingPrice": "200,000ウォン~/時間（2名基準）",
+      "recordingDesc": "モーションデータ録画専用 · ライブ配信は含まれません",
+      "liveTitle": "モーションキャプチャー ライブ配信",
+      "livePrice": "1,400,000ウォン~ / 4時間パッケージ",
+      "liveDesc": "録画 + ライブ配信 + アバター・背景・プロップセッティング込みフルパッケージ"
+    },
     "service1": {
       "title": "サービス1：モーションキャプチャー録画サービス",
       "badge": "ベーシック",
@@ -285,7 +293,18 @@
       "tech4": "リアルタイムモニタリング",
       "tech5": "専門オペレーター",
       "tech6": "モーションデータ提供",
-      "note": "アバターリターゲティングサービスは基本提供に含まれておらず、後続作業連携時に別途ご相談にて提供いたします。"
+      "note": "アバターリターゲティングサービスは基本提供に含まれておらず、後続作業連携時に別途ご相談にて提供いたします。",
+      "postTitle": "後処理オプション",
+      "cleanupTitle": "データクリーンアップ",
+      "cleanupPrice": "50,000 ~ 100,000ウォン",
+      "cleanupUnit": "/ 分あたり",
+      "cleanupDesc": "ノイズ除去・フレーム補正 · リターゲティング不含",
+      "retargetTitle": "リターゲティング",
+      "retargetPrice": "300,000 ~ 500,000ウォン",
+      "retargetUnit": "/ 分あたり",
+      "retargetDesc": "お客様のアバターに最適化されたモーションリターゲティング",
+      "postNote": "* 後処理は録画完了後、別途ご相談にて承ります",
+      "typeNotice": "録画専用サービスです · ライブ配信は下記の別途パッケージをご利用ください"
     },
     "combo": {
       "title": "セットプラン",
@@ -309,6 +328,7 @@
     "service2": {
       "title": "サービス2：ストリーミングルサービス",
       "badge": "代表サービス",
+      "typeNotice": "録画サービスとは別パッケージ · アバター・背景・プロップセッティング + ライブ配信込み",
       "pkg4h": "4時間パッケージ",
       "pkg4hBadge": "NEW",
       "pkg4hPrice": "$1,100",

i18n/ko.json

@@ -259,6 +259,14 @@
       "desc": "용도와 규모에 맞는 최적의 모션캡처 녹화 서비스를 제공합니다",
       "vatNotice": "※ 모든 가격은 부가세 별도입니다"
     },
+    "compare": {
+      "recordingTitle": "모션캡처 녹화",
+      "recordingPrice": "200,000원~/시간 (2인 기준)",
+      "recordingDesc": "모션 데이터 녹화 전용 · 라이브 방송 미포함",
+      "liveTitle": "모션캡처 라이브 방송",
+      "livePrice": "1,400,000원~ / 4시간 패키지",
+      "liveDesc": "녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지"
+    },
     "service1": {
       "title": "서비스 1: 모션캡처 녹화 서비스",
       "badge": "기본형",
@@ -285,7 +293,18 @@
       "tech4": "실시간 모니터링",
       "tech5": "전문 오퍼레이터",
       "tech6": "모션 데이터 제공",
-      "note": "아바타 리타게팅 서비스는 기본 제공되지 않으며, 후속 작업 연계 시 별도 상담을 통해 제공합니다."
+      "note": "아바타 리타게팅 서비스는 기본 제공되지 않으며, 후속 작업 연계 시 별도 상담을 통해 제공합니다.",
+      "postTitle": "후작업 추가 옵션",
+      "cleanupTitle": "데이터 클린업",
+      "cleanupPrice": "50,000 ~ 100,000원",
+      "cleanupUnit": "/ 분당",
+      "cleanupDesc": "노이즈 제거 및 프레임 보정 · 리타게팅 미포함",
+      "retargetTitle": "리타게팅",
+      "retargetPrice": "300,000 ~ 500,000원",
+      "retargetUnit": "/ 분당",
+      "retargetDesc": "고객 아바타에 최적화된 모션 리타게팅 적용",
+      "postNote": "* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다",
+      "typeNotice": "녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요"
     },
     "combo": {
       "title": "결합상품",
@@ -309,6 +328,7 @@
     "service2": {
       "title": "서비스 2: 모션캡처 라이브 방송 서비스",
       "badge": "대표상품",
+      "typeNotice": "녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함",
       "pkg4h": "4시간 패키지",
       "pkg4hBadge": "NEW",
       "pkg4hPrice": "1,400,000원",

i18n/zh.json

@@ -259,6 +259,14 @@
       "desc": "根据用途和规模提供最优动作捕捉录制服务",
       "vatNotice": "※ 所有价格均不含增值税"
     },
+    "compare": {
+      "recordingTitle": "动作捕捉录制",
+      "recordingPrice": "200,000韩元~/小时（2人基准）",
+      "recordingDesc": "仅录制动作数据 · 不包含直播",
+      "liveTitle": "动作捕捉直播",
+      "livePrice": "1,400,000韩元~ / 4小时套餐",
+      "liveDesc": "录制 + 直播 + 虚拟形象·背景·道具设置全包套餐"
+    },
     "service1": {
       "title": "服务1: 动作捕捉录制服务",
       "badge": "基础型",
@@ -285,7 +293,18 @@
       "tech4": "实时监控",
       "tech5": "专业操作员",
       "tech6": "提供动作数据",
-      "note": "虚拟形象重定向服务不包含在基础服务中，如需后续对接可通过单独咨询提供。"
+      "note": "虚拟形象重定向服务不包含在基础服务中，如需后续对接可通过单独咨询提供。",
+      "postTitle": "后期处理选项",
+      "cleanupTitle": "数据清理",
+      "cleanupPrice": "50,000 ~ 100,000韩元",
+      "cleanupUnit": "/ 每分钟",
+      "cleanupDesc": "噪声去除与帧修正 · 不含重定向",
+      "retargetTitle": "重定向",
+      "retargetPrice": "300,000 ~ 500,000韩元",
+      "retargetUnit": "/ 每分钟",
+      "retargetDesc": "针对客户虚拟形象的动作重定向优化",
+      "postNote": "* 后期处理在录制完成后通过单独咨询进行",
+      "typeNotice": "仅限录制服务 · 直播请参阅下方独立套餐"
     },
     "combo": {
       "title": "组合产品",
@@ -309,6 +328,7 @@
     "service2": {
       "title": "服务2: Streamingle 直播服务",
       "badge": "代表产品",
+      "typeNotice": "与录制服务分开的套餐 · 包含虚拟形象·背景·道具设置 + 直播",
       "pkg4h": "4小时套餐",
       "pkg4hBadge": "NEW",
       "pkg4hPrice": "$1,100",

ja/services.html

@@ -170,6 +170,26 @@
                 <p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ 全ての料金は消費税別です</p>
             </div>
 
+            <!-- 서비스 비교 배너 -->
+            <div class="service-compare-banner">
+                <div class="compare-item">
+                    <span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
+                        <p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
+                        <p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
+                    </div>
+                </div>
+                <div class="compare-item">
+                    <span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
+                        <p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
+                        <p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
+                    </div>
+                </div>
+            </div>
+
             <!-- 서비스 1: 모션캡처 녹화 서비스 -->
             <div class="service-package">
                 <div class="package-header">
@@ -177,7 +197,11 @@
                     <h3 data-i18n="services.service1.title">サービス1：モーションキャプチャー録画サービス</h3>
                     <span class="package-badge" data-i18n="services.service1.badge">ベーシック</span>
                 </div>
-                
+                <span class="service-type-notice recording-only">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
+                </span>
+
                 <!-- 가격 카드들 -->
                 <div class="pricing-cards-wrapper">
                     <div class="pricing-cards stagger-children">
@@ -248,8 +272,34 @@
                     </div>
                 </div>
 
-                <div class="service-note">
+                <!-- 후작업 추가 옵션 -->
-                    <p data-i18n-html="services.service1.note">アバターリターゲティングサービスは基本提供に含まれておらず、後続作業連携時に別途ご相談にて提供いたします。</p>
+                <div class="post-processing-options">
+                    <h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
+                    <div class="post-options-grid">
+                        <div class="post-option-card">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
+                        </div>
+                        <div class="post-option-card featured">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
+                        </div>
+                    </div>
+                    <p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
                 </div>
             </div>
 
@@ -310,6 +360,10 @@
                     <h3 data-i18n="services.service2.title">サービス2：ストリーミングルサービス</h3>
                     <span class="package-badge featured" data-i18n="services.service2.badge">代表サービス</span>
                 </div>
+                <span class="service-type-notice live-package">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
+                </span>
 
                 <!-- 모션캡처 라이브 방송 패키지 선택 -->
                 <div class="pricing-cards-wrapper">

services.html

@@ -164,6 +164,26 @@
                 <p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ 모든 가격은 부가세 별도입니다</p>
             </div>
 
+            <!-- 서비스 비교 배너 -->
+            <div class="service-compare-banner">
+                <div class="compare-item">
+                    <span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
+                        <p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
+                        <p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
+                    </div>
+                </div>
+                <div class="compare-item">
+                    <span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
+                        <p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
+                        <p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
+                    </div>
+                </div>
+            </div>
+
             <!-- 서비스 1: 모션캡처 녹화 서비스 -->
             <div class="service-package">
                 <div class="package-header">
@@ -171,7 +191,11 @@
                     <h3 data-i18n="services.service1.title">서비스 1: 모션캡처 녹화 서비스</h3>
                     <span class="package-badge" data-i18n="services.service1.badge">기본형</span>
                 </div>
-                
+                <span class="service-type-notice recording-only">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
+                </span>
+
                 <!-- 가격 카드들 -->
                 <div class="pricing-cards-wrapper">
                     <div class="pricing-cards stagger-children">
@@ -242,8 +266,34 @@
                     </div>
                 </div>
 
-                <div class="service-note">
+                <!-- 후작업 추가 옵션 -->
-                    <p data-i18n-html="services.service1.note"><strong>참고:</strong> 아바타 리타게팅 서비스는 기본 제공되지 않으며, 후속 작업 연계 시 별도 상담을 통해 제공합니다.</p>
+                <div class="post-processing-options">
+                    <h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
+                    <div class="post-options-grid">
+                        <div class="post-option-card">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
+                        </div>
+                        <div class="post-option-card featured">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
+                        </div>
+                    </div>
+                    <p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
                 </div>
             </div>
 
@@ -304,6 +354,10 @@
                     <h3 data-i18n="services.service2.title">서비스 2: 모션캡처 라이브 방송 서비스</h3>
                     <span class="package-badge featured" data-i18n="services.service2.badge">대표상품</span>
                 </div>
+                <span class="service-type-notice live-package">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
+                </span>
 
                 <!-- 모션캡처 라이브 방송 패키지 선택 -->
                 <div class="pricing-cards-wrapper">

zh/services.html

@@ -170,6 +170,26 @@
                 <p class="vat-notice-inline" data-i18n="services.packages.vatNotice">※ 所有价格均不含增值税</p>
             </div>
 
+            <!-- 서비스 비교 배너 -->
+            <div class="service-compare-banner">
+                <div class="compare-item">
+                    <span class="compare-icon recording"><i class="fa-solid fa-bullseye" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.recordingTitle">모션캡처 녹화</h4>
+                        <p class="compare-price" data-i18n="services.compare.recordingPrice">200,000원~/시간 (2인 기준)</p>
+                        <p class="compare-desc" data-i18n="services.compare.recordingDesc">모션 데이터 녹화 전용 · 라이브 방송 미포함</p>
+                    </div>
+                </div>
+                <div class="compare-item">
+                    <span class="compare-icon live"><i class="fa-solid fa-star" aria-hidden="true"></i></span>
+                    <div class="compare-info">
+                        <h4 data-i18n="services.compare.liveTitle">모션캡처 라이브 방송</h4>
+                        <p class="compare-price" data-i18n="services.compare.livePrice">1,400,000원~ / 4시간 패키지</p>
+                        <p class="compare-desc" data-i18n="services.compare.liveDesc">녹화 + 라이브 방송 + 아바타·배경·프랍 세팅 포함 풀패키지</p>
+                    </div>
+                </div>
+            </div>
+
             <!-- 서비스 1: 모션캡처 녹화 서비스 -->
             <div class="service-package">
                 <div class="package-header">
@@ -177,7 +197,11 @@
                     <h3 data-i18n="services.service1.title">服务1: 动作捕捉录制服务</h3>
                     <span class="package-badge" data-i18n="services.service1.badge">基础型</span>
                 </div>
-                
+                <span class="service-type-notice recording-only">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service1.typeNotice">녹화 전용 서비스입니다 · 라이브 방송은 아래 별도 패키지를 이용해주세요</span>
+                </span>
+
                 <!-- 가격 카드들 -->
                 <div class="pricing-cards-wrapper">
                     <div class="pricing-cards stagger-children">
@@ -248,8 +272,34 @@
                     </div>
                 </div>
 
-                <div class="service-note">
+                <!-- 후작업 추가 옵션 -->
-                    <p data-i18n-html="services.service1.note">虚拟形象重定向服务不包含在基础服务中，如需后续对接可通过单独咨询提供。</p>
+                <div class="post-processing-options">
+                    <h5 data-i18n="services.service1.postTitle"><i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i> 후작업 추가 옵션</h5>
+                    <div class="post-options-grid">
+                        <div class="post-option-card">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-broom" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.cleanupTitle">데이터 클린업</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.cleanupPrice">50,000 ~ 100,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.cleanupUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.cleanupDesc">노이즈 제거 및 프레임 보정 · 리타게팅 미포함</p>
+                        </div>
+                        <div class="post-option-card featured">
+                            <div class="post-option-header">
+                                <span class="post-option-icon"><i class="fa-solid fa-person-running" aria-hidden="true"></i></span>
+                                <h6 data-i18n="services.service1.retargetTitle">리타게팅</h6>
+                            </div>
+                            <div class="post-option-price">
+                                <span class="price-amount" data-i18n="services.service1.retargetPrice">300,000 ~ 500,000원</span>
+                                <span class="price-unit" data-i18n="services.service1.retargetUnit">/ 분당</span>
+                            </div>
+                            <p class="post-option-desc" data-i18n="services.service1.retargetDesc">고객 아바타에 최적화된 모션 리타게팅 적용</p>
+                        </div>
+                    </div>
+                    <p class="post-option-note" data-i18n="services.service1.postNote">* 후작업은 녹화 완료 후 별도 상담을 통해 진행됩니다</p>
                 </div>
             </div>
 
@@ -310,6 +360,10 @@
                     <h3 data-i18n="services.service2.title">服务2: Streamingle 直播服务</h3>
                     <span class="package-badge featured" data-i18n="services.service2.badge">代表产品</span>
                 </div>
+                <span class="service-type-notice live-package">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span data-i18n="services.service2.typeNotice">녹화 서비스와 별도 패키지 · 아바타·배경·프랍 세팅 + 라이브 방송 포함</span>
+                </span>
 
                 <!-- 모션캡처 라이브 방송 패키지 선택 -->
                 <div class="pricing-cards-wrapper">