From bcb7a5cd67c0478f83608c68a3a3c09f37ea4c08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Fri, 13 Mar 2026 19:57:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[sales]=20=EA=B0=80=EA=B2=A9=EC=8B=9C?=
 =?UTF-8?q?=EB=AE=AC=EB=A0=88=EC=9D=B4=ED=84=B0=20=EA=B0=80=EC=9E=85?=
 =?UTF-8?q?=EC=9C=A0=ED=98=95=20=EC=84=A0=ED=83=9D=20=EC=8B=9C=20=EB=B0=98?=
 =?UTF-8?q?=EC=A0=84=EC=83=89=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- peer-checked CSS 대신 Alpine.js x-bind:class로 전환
- 선택된 카드: 에메랄드 배경 + 흰색 텍스트 + 그림자
- 미선택 카드: 흰색 배경 + 회색 테두리
---
 .../sales/price-simulator/index.blade.php     | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/resources/views/sales/price-simulator/index.blade.php b/resources/views/sales/price-simulator/index.blade.php
index d70b23b2..2ffced27 100644
--- a/resources/views/sales/price-simulator/index.blade.php
+++ b/resources/views/sales/price-simulator/index.blade.php
@@ -36,22 +36,24 @@ class="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-70
             <div class="bg-white rounded-xl shadow-sm p-5 mb-4">
                 <h3 class="text-sm font-semibold text-gray-700 mb-3">가입 유형</h3>
                 <div class="flex gap-3">
-                    <label class="flex-1 cursor-pointer">
-                        <input type="radio" x-model="signupType" value="individual" class="sr-only peer">
-                        <div class="p-4 border-2 rounded-xl text-center transition-all peer-checked:border-emerald-500 peer-checked:bg-emerald-50 border-gray-200 hover:border-gray-300">
-                            <div class="text-2xl mb-1">&#x1F464;</div>
-                            <div class="font-semibold text-gray-900">개인 가입</div>
-                            <div class="text-xs text-gray-500 mt-1">파트너 20% + 매니저 5%</div>
-                        </div>
-                    </label>
-                    <label class="flex-1 cursor-pointer">
-                        <input type="radio" x-model="signupType" value="group" class="sr-only peer">
-                        <div class="p-4 border-2 rounded-xl text-center transition-all peer-checked:border-emerald-500 peer-checked:bg-emerald-50 border-gray-200 hover:border-gray-300">
-                            <div class="text-2xl mb-1">&#x1F465;</div>
-                            <div class="font-semibold text-gray-900">단체 가입</div>
-                            <div class="text-xs text-gray-500 mt-1">단체 30% + 매니저 0%</div>
-                        </div>
-                    </label>
+                    <div class="flex-1 cursor-pointer p-4 border-2 rounded-xl text-center transition-all"
+                         :class="signupType === 'individual'
+                             ? 'border-emerald-600 bg-emerald-600 shadow-lg shadow-emerald-200'
+                             : 'border-gray-200 bg-white hover:border-gray-300'"
+                         x-on:click="signupType = 'individual'">
+                        <div class="text-2xl mb-1">&#x1F464;</div>
+                        <div class="font-semibold" :class="signupType === 'individual' ? 'text-white' : 'text-gray-900'">개인 가입</div>
+                        <div class="text-xs mt-1" :class="signupType === 'individual' ? 'text-emerald-100' : 'text-gray-500'">파트너 20% + 매니저 5%</div>
+                    </div>
+                    <div class="flex-1 cursor-pointer p-4 border-2 rounded-xl text-center transition-all"
+                         :class="signupType === 'group'
+                             ? 'border-emerald-600 bg-emerald-600 shadow-lg shadow-emerald-200'
+                             : 'border-gray-200 bg-white hover:border-gray-300'"
+                         x-on:click="signupType = 'group'">
+                        <div class="text-2xl mb-1">&#x1F465;</div>
+                        <div class="font-semibold" :class="signupType === 'group' ? 'text-white' : 'text-gray-900'">단체 가입</div>
+                        <div class="text-xs mt-1" :class="signupType === 'group' ? 'text-emerald-100' : 'text-gray-500'">단체 30% + 매니저 0%</div>
+                    </div>
                 </div>
                 {{-- 유치파트너(협업지원금) 토글 --}}
                 <label class="flex items-center gap-2 mt-3 cursor-pointer">