diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index b4d7555..6265eb9 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -67,6 +67,7 @@ button {cursor: pointer;}
 .w_200 {width: 200px;}
 .w_250 {width: 250px;}
 .w_300 {width: 300px;}
+.w_306 {width: 306px;}
 .w_350 {width: 350px;}
 .w_400 {width: 400px;}
 .w_500 {width: 500px;}
diff --git a/egovframe-template-simple-react-contribution/src/css/component.css b/egovframe-template-simple-react-contribution/src/css/component.css
index 4b94a79..058c969 100644
--- a/egovframe-template-simple-react-contribution/src/css/component.css
+++ b/egovframe-template-simple-react-contribution/src/css/component.css
@@ -221,13 +221,11 @@ select::-ms-expand {display:none;}
 .f_select select {width: 100%; height: 100%; padding: 0 40px 0 20px; border: 0; color: #222; font-size: 16px; background: transparent;}
 
 /* 건설기준코드list 설계기준 표준시방서 전문시방서 통합 다운로드 탭 */
-/*.mini_board {position: relative;}
-.mini_board .tab::after {content: ""; display: block; clear: both;}
-.mini_board .tab li {float: left;}
-.mini_board .tab li + li {margin-left: 40px;}
-.mini_board .tab li a {display: block; position: relative; padding-bottom: 12px; color: #ccc; font-size: 30px; font-weight: 700;}
-.mini_board .tab li a.on {color: #222;}
-.mini_board .tab li a.on::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0465be;}*/
+.right_col {display: flex; justify-content: space-between; align-items: center;}
+.mini_board ul {display: flex; list-style: none; padding: 0; margin: 0;}
+.tab {padding: 10px; margin-right: 10px; cursor: pointer; border: 1px solid #ccc; border-radius: 5px; transition: background-color 0.3s;}
+.tab:hover {background-color: #f0f0f0;}
+.active {background-color: #007bff; color: #fff;}
 
 .f_input {height: 46px; padding: 0 20px; border: 0; border-radius: 5px; color: #222; font-size: 16px; background: #f7f7f7;}
 .f_input2 {height: 46px; padding: 0 20px; border: 1px solid #dde2e5; border-radius: 5px !important; color: #222; font-size: 16px; background: #fff;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
index e61af89..4f15684 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
@@ -71,6 +71,7 @@ function StandardCodeList(props) {
 
     const category1Ref = useRef();
     const category2Ref = useRef();
+    const category3Ref = useRef();
     const wrdRef = useRef();
 
     // eslint-disable-next-line no-unused-vars
@@ -86,7 +87,8 @@ function StandardCodeList(props) {
     /* 검색기능 추가 변수*/
     const [listdata, setlistdata] = useState([]);
     const [filterData, setfilterData] = useState('');
-    const [categoryList, setCategoryList] = useState([]);
+    const [category2List, setCategory2List] = useState([]);
+    const [category3List, setCategory3List] = useState([]);
     const [resultCnt, setResultCnt] = useState(0);
 
     /* 탭 */
@@ -95,13 +97,17 @@ function StandardCodeList(props) {
     const handleTabClick = (tabName) => {
         setActiveTab(tabName);
 
-        retrieveList({
+        const updatedCondition = {
             ...searchCondition,
             tab: tabName,
-            category1: category1Ref.current.value,
-            category2: category2Ref.current.value,
-            searchWrd: wrdRef.current.value
-        });
+            category1: '',
+            category2: '',
+            category3: '',
+            searchWrd: '',
+        };
+
+        setSearchCondition(updatedCondition);
+        retrieveList(updatedCondition);
     };
 
     const retrieveList = useCallback((searchCondition) => {
@@ -122,7 +128,8 @@ function StandardCodeList(props) {
                 setMasterBoard(resp.result.tnDocumentInfo);
                 /*검색을 위한 리스트 state에 저장*/
                 setlistdata(resp.result.resultList);
-                setCategoryList(resp.result.categoryList);
+                setCategory2List(resp.result.category2List);
+                setCategory3List(resp.result.category3List);
                 setResultCnt(resp.result.resultCnt);
                 // 리스트 항목 구성
             },
@@ -171,7 +178,7 @@ function StandardCodeList(props) {
                         <div className="condition">
                             <ul>
                                 <li className="third_2 R">
-                                    <span className="f_search w_500">
+                                    <span className="f_search w_200">
                                         <input type="text" name="" defaultValue={searchCondition.searchWrd} placeholder="코드명" ref={wrdRef}
                                                onChange={e => {
                                                    setfilterData(e.target.value);
@@ -185,10 +192,20 @@ function StandardCodeList(props) {
                                 </li>
                                 <li className="third_1 L">
                                     <label className="f_select" htmlFor="sel1">
-                                        <select id="sel1" title="조건" defaultValue={listCode.substring(2, 4)} ref={category1Ref}
+                                        <span>{searchCondition.category1}</span>
+                                        <select id="sel1" title="조건" value={searchCondition.category1} ref={category1Ref}
                                                 onChange={e => {
-                                                    category1Ref.current.value = e.target.value;
-                                                    retrieveList({...searchCondition, pageIndex: 1, category1: category1Ref.current.value, category2: '', searchWrd: wrdRef.current.value, tab: activeTab});
+                                                    const updatedCondition = {
+                                                        ...searchCondition,
+                                                        category1: e.target.value,
+                                                        category2: '',
+                                                        category3: '',
+                                                        searchWrd: wrdRef.current.value,
+                                                        tab: activeTab
+                                                    };
+
+                                                    setSearchCondition(updatedCondition);
+                                                    retrieveList(updatedCondition);
                                                 }}
                                         >
                                             <option value="">전체</option>
@@ -198,41 +215,53 @@ function StandardCodeList(props) {
                                     </label>
                                 </li>
                                 <li className="third_1 L">
-                                    <label className="f_select" htmlFor="sel1">
+                                    <label className="f_select w_306" htmlFor="sel1">
                                         <select id="sel2" title="조건" value={searchCondition.category2} ref={category2Ref}
                                                 onChange={e => {
-                                                    category2Ref.current.value = e.target.value;
-                                                    retrieveList({
+                                                    const updatedCondition = {
                                                         ...searchCondition,
-                                                        pageIndex: 1,
                                                         category1: category1Ref.current.value,
                                                         category2: category2Ref.current.value,
+                                                        category3: '',
                                                         searchWrd: wrdRef.current.value,
                                                         tab: activeTab
-                                                    });
+                                                    };
+
+                                                    setSearchCondition(updatedCondition);
+                                                    retrieveList(updatedCondition);
                                                 }}
                                         >
                                             <option value="">전체</option>
-                                            {categoryList.map(category => (
+                                            {category2List.map(category => (
                                                 <option key={category.groupSeq} value={category.groupFullCd.substring(4, 6)}>{category.groupNm}</option>
                                             ))}
                                         </select>
                                     </label>
                                 </li>
-                                {/*<li className="third_1 L">
-                                    <label className="f_select" htmlFor="sel1">
-                                        <select id="sel3" title="조건" defaultValue={searchCondition.category1} ref={category1Ref}
+                                <li className="third_1 L">
+                                    <label className="f_select w_306" htmlFor="sel1">
+                                        <select id="sel3" title="조건" value={searchCondition.category3} ref={category3Ref}
                                                 onChange={e => {
-                                                    category1Ref.current.value = e.target.value;
-                                                    retrieveList({...searchCondition, pageIndex: 1, category1: category1Ref.current.value, searchWrd: wrdRef.current.value});
+                                                    const updatedCondition = {
+                                                        ...searchCondition,
+                                                        category1: category1Ref.current.value,
+                                                        category2: category2Ref.current.value,
+                                                        category3: category3Ref.current.value,
+                                                        searchWrd: wrdRef.current.value,
+                                                        tab: activeTab
+                                                    };
+
+                                                    setSearchCondition(updatedCondition);
+                                                    retrieveList(updatedCondition);
                                                 }}
                                         >
-                                            <option value="10">전체</option>
-                                            <option value="1010">공통편</option>
-                                            <option value="1020">시설물편</option>
+                                            <option value="">전체</option>
+                                            {category3List.map(category => (
+                                                <option key={category.groupSeq} value={category.groupFullCd.substring(6, 8)}>{category.groupNm}</option>
+                                            ))}
                                         </select>
                                     </label>
-                                </li>*/}
+                                </li>
                             </ul>
                         </div>
                         {/* <!--// 검색조건 --> */}
diff --git a/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/StandardCodeController.java b/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/StandardCodeController.java
index 91e4362..afd7a10 100644
--- a/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/StandardCodeController.java
+++ b/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/StandardCodeController.java
@@ -157,19 +157,28 @@ public class StandardCodeController extends BaseController {
 		paginationInfo.setPageSize(propertyService.getInt("Globals.pageSize"));
 		resultMap.put("paginationInfo", paginationInfo);
 
-		System.out.println("@@@ tab : " + tnDocumentInfo.getTab());
-		System.out.println("@@@ category1 : " + tnDocumentInfo.getCategory1());
-		System.out.println("@@@ category2 : " + tnDocumentInfo.getCategory2());
+		String tab = tnDocumentInfo.getTab() != null ? tnDocumentInfo.getTab() : "";
+		String category1 = tnDocumentInfo.getCategory1() != null ? tnDocumentInfo.getCategory1() : "";
+		String category2 = tnDocumentInfo.getCategory2() != null ? tnDocumentInfo.getCategory2() : "";
+		String category3 = tnDocumentInfo.getCategory3() != null ? tnDocumentInfo.getCategory3() : "";
+
+		System.out.println("@@@ tab : " + tab);
+		System.out.println("@@@ category1 : " + category1);
+		System.out.println("@@@ category2 : " + category2);
+		System.out.println("@@@ category3 : " + category3);
 		System.out.println("@@@ searchWrd : " + tnDocumentInfo.getSearchWrd());
 
-		tnDocumentInfo.setListCode(tnDocumentInfo.getTab() + tnDocumentInfo.getCategory1() + tnDocumentInfo.getCategory2());
-
-		Integer groupFullCd = standardCodeService.selectStandardCodeGroupSeq(tnDocumentInfo.getTab() + tnDocumentInfo.getCategory1());
-		System.out.println("@@@ groupFullCd : " + groupFullCd);
+		/* 대분류 category1(하드코딩) 중분류 category2 소분류 category3 */
+		Integer categorySeq2 = standardCodeService.selectStandardCodeGroupSeq(tab + category1);
+		Integer categorySeq3 = standardCodeService.selectStandardCodeGroupSeq(tab + category1 + category2);
+		System.out.println("@@@ categorySeq2 : " + categorySeq2);
+		System.out.println("@@@ categorySeq3 : " + categorySeq3);
+		resultMap.put("category2List", standardCodeService.selectStandardCodeCategoryList(categorySeq2));
+		resultMap.put("category3List", standardCodeService.selectStandardCodeCategoryList(categorySeq3));
 
+		tnDocumentInfo.setListCode(tab + category1 + category2 + category3);
 		List<TnDocumentCodeList> tnDocumentCodeList = standardCodeService.selectStandardCodeList(tnDocumentInfo);
 		resultMap.put("resultList", tnDocumentCodeList);
-		resultMap.put("categoryList", standardCodeService.selectStandardCodeCategoryList(groupFullCd));
 		Integer totCnt = tnDocumentCodeList.get(0).getContentcount();
 		System.out.println("@@@ resultCnt : " + totCnt);
 		resultMap.put("resultCnt", totCnt);
diff --git a/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/entity/TnDocumentInfo.java b/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/entity/TnDocumentInfo.java
index 541d4c8..e74601b 100644
--- a/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/entity/TnDocumentInfo.java
+++ b/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/standardCode/entity/TnDocumentInfo.java
@@ -113,4 +113,6 @@ public class TnDocumentInfo {
   private String category1;
   @Transient
   private String category2;
+  @Transient
+  private String category3;
 }
\ No newline at end of file