diff --git a/ssh/src/assets/voicephishing-bg.png b/ssh/src/assets/voicephishing-bg.png new file mode 100644 index 0000000..0c2842d Binary files /dev/null and b/ssh/src/assets/voicephishing-bg.png differ diff --git a/ssh/src/pages/Voicephishing/index.tsx b/ssh/src/pages/Voicephishing/index.tsx index 9f002bd..83cacab 100644 --- a/ssh/src/pages/Voicephishing/index.tsx +++ b/ssh/src/pages/Voicephishing/index.tsx @@ -40,29 +40,31 @@ const VoicephishingPage = () => {
보이스피싱 배경 -
-
+
+
-
- +
+ 안전한 금융생활을 위한 신고·조회 허브 -

+ +

의심 번호 조회 서비스

-

+ +

보이스피싱이 의심되는 전화번호 혹은 계좌번호를 조회해
관련 신고 및 접수 횟수를 바로 확인하세요.

-
+
@@ -80,7 +82,7 @@ const VoicephishingPage = () => { type="button" aria-pressed={type === 'account'} onClick={() => setType('account')} - className={`px-3 py-1.5 text-sm rounded-full ${type === 'account' ? 'bg-white shadow text-emerald-700' : 'text-gray-600 hover:text-gray-800'}`} + className={`px-4 py-2 text-sm rounded-full ${type === 'account' ? 'bg-white shadow text-emerald-700' : 'text-gray-600 hover:text-gray-800'}`} > 계좌번호 @@ -105,14 +107,14 @@ const VoicephishingPage = () => { ? '의심되는 전화번호를 입력하세요' : '의심되는 계좌번호를 입력하세요' } - className="w-full bg-transparent pl-4 py-3 rounded-2xl text-gray-900 placeholder:text-gray-400 outline-none focus:outline-none focus:ring-0 border-0 caret-emerald-600" + className="w-full bg-transparent pl-5 py-4 rounded-2xl text-lg text-gray-900 placeholder:text-gray-400 outline-none focus:outline-none focus:ring-0 border-0 caret-emerald-600" />

{type === 'phone' ? '예: 010-1234-5678' : '예: 숫자만 입력하세요'}

@@ -142,7 +144,7 @@ const VoicephishingPage = () => {
  • -
    +
    {r.type === 'phone' ? '전화번호' : '계좌번호'}
    {r.value}