diff --git a/egovframe-template-simple-react-contribution/src/App.js b/egovframe-template-simple-react-contribution/src/App.js
index de4415a..8095686 100644
--- a/egovframe-template-simple-react-contribution/src/App.js
+++ b/egovframe-template-simple-react-contribution/src/App.js
@@ -7,6 +7,7 @@ import './css/layout.css';
 import './css/component.css';
 import './css/page.css';
 import './css/response.css';
+import './css/Custom/customMain.css'
 
 function App() {
 
diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index 220a62b..32ddaa5 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -76,10 +76,13 @@ const URL = {
 	ADMIN_MANAGER               : "/admin/manager/", // 사이트관리/사이트관리자 암호변경 기능 추가 2023.04.15(토) 김일국
 
     //기준코드
-    STANDARD_CODE_LIST          : "/standardCode/list", //건설기준코드/리스트
+    STANDARD_CODE_LIST          : "/standardCode/list/:listCode", //건설기준코드/리스트
     STANDARD_CODE_DETAIL        : "/standardCode/detail", //건설기준코드/리스트
     STANDARD_CODE_VIEWER        : "/standardCode/viewer", //건설기준코드/뷰어
     STANDARD_CODE_VIEWER_LINK        : "/standardCode/viewer/:linkedDocCode", //건설기준코드/뷰어/새 창 링크
+
+
+
 }
 
 export default URL;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css b/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css
new file mode 100644
index 0000000..98cc9d4
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css
@@ -0,0 +1,10 @@
+.mainbnt {
+    height: 35px;
+    line-height: 35px;
+    display: block;
+    background-color: gray;
+    text-align: center;
+    border-radius: 13px;
+    color: white;
+    margin: 5px;
+}
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
index 675d0c0..13f04fc 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -108,24 +108,24 @@ function EgovMain(props) {
                         {/*<img src="/assets/images/img_simple_main.png" alt="단순 홈페이지 전자정부 표준프레임워크의 경량환경 내부업무에 대한 최신 정보와 기술을 제공하고 있습니다." />*/}
                         <h3>건설기준코드 검색</h3>
                         <Row className="justify-content-md-center">
-                            <Col xs={3}><Button variant="secondary"><a href="/standardCode/list" title="공통코드">공통코드</a></Button></Col>
-                            <Col xs={3}><Button variant="secondary">지반코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">구조코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">내진코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">가설코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">교량코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">터널코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">공동구코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">설비코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">조경코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">건축코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">도로코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">철도코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">하천코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">댐코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">상수도코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">하수도코드</Button></Col>
-                            <Col xs={3}><Button variant="secondary">농업기반코드</Button></Col>
+                            <Col xs={3}><a href="/standardCode/list/1010" title="공통코드" className={"mainbnt"}>공통코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/101011" title="공통코드" className={"mainbnt"}>지반코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/101014" title="공통코드" className={"mainbnt"}>구조코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/101017" title="공통코드" className={"mainbnt"}>내진코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102021" title="공통코드" className={"mainbnt"}>가설코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102024" title="공통코드" className={"mainbnt"}>교량코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102027" title="공통코드" className={"mainbnt"}>터널코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102029" title="공통코드" className={"mainbnt"}>공동구코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102031" title="공통코드" className={"mainbnt"}>설비코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102034" title="공통코드" className={"mainbnt"}>조경코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102041" title="공통코드" className={"mainbnt"}>건축코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102044" title="공통코드" className={"mainbnt"}>도로코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102047" title="공통코드" className={"mainbnt"}>철도코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102051" title="공통코드" className={"mainbnt"}>하천코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102054" title="공통코드" className={"mainbnt"}>댐코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102057" title="공통코드" className={"mainbnt"}>상수도코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102061" title="공통코드" className={"mainbnt"}>하수도코드</a></Col>
+                            <Col xs={3}><a href="/standardCode/list/102067" title="공통코드" className={"mainbnt"}>농업기반코드</a></Col>
                             {/*
                             <Col xs={3}><Button variant="secondary"><a href="/Search/ListCodes/1010" title="공통코드">공통코드</a></Button></Col>
                             <Col xs={3}><Button variant="secondary"><a href="/Search/ListCodes/101011" title="지반코드">지반코드</a></Button></Col>
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 24648f8..fddef50 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { Link, useLocation } from 'react-router-dom';
+import {Link, useLocation, useParams} from 'react-router-dom';
 
 import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
@@ -7,13 +7,14 @@ import { NOTICE_BBS_ID } from 'config';
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
 import EgovPaging from 'components/EgovPaging';
-
 import { itemIdxByPage } from 'utils/calc';
 
 function StandardCodeList(props) {
+    const {listCode} = useParams();
     console.group("StandardCodeList");
     console.log("[Start] StandardCodeList ------------------------------");
     console.log("StandardCodeList [props] : ", props);
+    console.log("listcode----------------------------"+listCode);
 
     const location = useLocation();
     console.log("StandardCodeList [location] : ", location);
@@ -106,7 +107,7 @@ function StandardCodeList(props) {
     console.log("------------------------------StandardCodeList [End]");
     console.groupEnd("StandardCodeList");
     return (
-        <div className="container">
+        <div className="StandardCodeList container">
             <div className="c_wrap">
                 {/* <!-- Location --> */}
                 <div className="location">