From a8a9044f0047e0e07f059124a51c869393c0528f Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Fri, 17 Oct 2025 10:24:41 +0900
Subject: [PATCH] faq 99%

---
 src/entities/support/model/types.ts   |  5 +++--
 src/locales/en.json                   | 11 +++++++----
 src/locales/ko.json                   | 11 +++++++----
 src/pages/support/faq/detail-page.tsx |  2 +-
 src/pages/support/faq/list-page.tsx   |  9 +++++++--
 5 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/entities/support/model/types.ts b/src/entities/support/model/types.ts
index 9c31efe..b6df4af 100644
--- a/src/entities/support/model/types.ts
+++ b/src/entities/support/model/types.ts
@@ -4,8 +4,9 @@ export interface SupportParams {
   mid?: string;
 };
 export interface FaqListParams {
-  category: string;
-  searchValue: string;
+  category?: string;
+  searchCl?: string | null;
+  searchValue?: string;
   page?: DefaultRequestPagination;
 };
 export interface FaqItem {
diff --git a/src/locales/en.json b/src/locales/en.json
index 51ad35c..7b66f9b 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -95,10 +95,13 @@
             "categories": {
                 "all": "All",
                 "01": "Contract",
-                "02": "Settlement",
-                "03": "Development",
-                "04": "Operations",
-                "05": "Limit",
+                "02": "Cancellation",
+                "03": "Settlement",
+                "04": "Technical/Integration",
+                "05": "Service",
+                "06": "Limit/Guarantee Insurance",
+                "07": "Information Change",
+                "08": "Partner Inquiry",
                 "99": "Other"
             }
         },
diff --git a/src/locales/ko.json b/src/locales/ko.json
index f7e5d07..f40fca2 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -95,10 +95,13 @@
             "categories": {
                 "all": "모두",
                 "01": "계약",
-                "02": "정산",
-                "03": "개발",
-                "04": "운영",
-                "05": "한도",
+                "02": "취소",
+                "03": "정산/세금계산서",
+                "04": "기술/연동",
+                "05": "서비스",
+                "06": "한도/보증보험",
+                "07": "정보변경",
+                "08": "제휴사문의",
                 "99": "기타"
             }
         },
diff --git a/src/pages/support/faq/detail-page.tsx b/src/pages/support/faq/detail-page.tsx
index fec9e47..6ce478c 100644
--- a/src/pages/support/faq/detail-page.tsx
+++ b/src/pages/support/faq/detail-page.tsx
@@ -36,7 +36,7 @@ export const FaqDetailPage = () => {
             <div className="faq-detail">
               <div className="faq-detail__title">{ title }</div>
               <div className="faq-detail__divider"></div>
-              <div className="faq-detail__body">{ contents }</div>
+              <div className="faq-detail__body" dangerouslySetInnerHTML={{ __html: contents }}>{  }</div>
             </div>
           </div>
         </div>
diff --git a/src/pages/support/faq/list-page.tsx b/src/pages/support/faq/list-page.tsx
index f0d5112..53ea630 100644
--- a/src/pages/support/faq/list-page.tsx
+++ b/src/pages/support/faq/list-page.tsx
@@ -19,8 +19,9 @@ export const FaqListPage = () => {
   const { t } = useTranslation();
 
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
+  const [searchCl, setSearchCl] = useState<string | null>('HEAD');
   const [searchValue, setSearchValue] = useState<string>('');
-  const [selectedCategory, setSelectedCategory] = useState<string>('all');
+  const [selectedCategory, setSelectedCategory] = useState<string>('');
   const [resultList, setResultList] = useState<Array<FaqItem>>([]);
 
   useSetHeaderTitle(t('support.faq.title'));
@@ -34,6 +35,7 @@ export const FaqListPage = () => {
   const callList = () => {
     let listParams = {
       category: selectedCategory,
+      searchCl: (!!searchValue)? searchCl: null,
       searchValue: searchValue,
       ...{page: pageParam}
     };
@@ -109,12 +111,15 @@ export const FaqListPage = () => {
                       className="flex-1"
                       value={selectedCategory}
                       onChange={(e: ChangeEvent<HTMLSelectElement>) => setSelectedCategory(e.target.value)}>
-                    <option value="all">{t('support.faq.categories.all')}</option>
+                    <option value="">{t('support.faq.categories.all')}</option>
                     <option value="01">{t('support.faq.categories.01')}</option>
                     <option value="02">{t('support.faq.categories.02')}</option>
                     <option value="03">{t('support.faq.categories.03')}</option>
                     <option value="04">{t('support.faq.categories.04')}</option>
                     <option value="05">{t('support.faq.categories.05')}</option>
+                    <option value="06">{t('support.faq.categories.06')}</option>
+                    <option value="07">{t('support.faq.categories.07')}</option>
+                    <option value="08">{t('support.faq.categories.08')}</option>
                     <option value="99">{t('support.faq.categories.99')}</option>
                   </select>
                 </div>