diff --git a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
index 22b804d..6a2dcb0 100644
--- a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
@@ -1,18 +1,78 @@
 import React from 'react';
 
 import { NavLink } from 'react-router-dom';
+import {Accordion} from "react-bootstrap";
+
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
+
 import URL from 'constants/url';
 
 function EgovLeftNavIntro() {
+    // 활성화 임시키 (상황에 맞게 사용하세요)
+    let activeKey = 0;
     
     return (
-        <div className="nav">
+        <div className="nav2">
             <div className="inner">
-                <h2>정보마당</h2>
-                <ul className="menu4">
-                    <li><NavLink to={URL.INTRO_WORKS} className={({ isActive }) => (isActive ? "cur" : "")}>주요사업 소개</NavLink></li>
-                    <li><NavLink to={URL.INTRO_SERVICE} className={({ isActive }) => (isActive ? "cur" : "")}>대표서비스 소개</NavLink></li>
-                </ul>
+                <Row className={"pt-4 pb-2 mb-1"}>
+                    <Col xs={10}><input type={"text"} className={"form-control shadow-none w-100 h_40"} placeholder={"구)건설기준 검색"} /></Col>
+                    <Col xs={2} className={"ps-0"}><Button className={"btn-22498E h_40"} type={"button"} >검색</Button></Col>
+                </Row>
+                <Accordion defaultActiveKey={activeKey}>
+                    <Accordion.Item eventKey={0}>
+                        <Accordion.Header>(구)설계기준(22)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조 설계기준(2)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조 설계기준(하중저항계수 설계법)(3)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설공사 비탈면 설계기준(4)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축 구조기준(8)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축기계설비 설계기준(4)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축전기설비 설계기준(4)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                    <Accordion.Item eventKey={1}>
+                        <Accordion.Header>(구)표준시방서(21)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>가설공사 표준시방서(5)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조공사 표준시방서(2)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설공사 비탈면 표준시방서(3)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설환경관리 표준시방서(1)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                    <Accordion.Item eventKey={2}>
+                        <Accordion.Header>(구)전문시방서(9)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>고속도로공사 전문시방서(10)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>농어촌정비공사 전문시방서(1)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                    <Accordion.Item eventKey={3}>
+                        <Accordion.Header>(구)훈령/예규/지침(11)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설정책(198)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>교통물류(77)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>국토도시(156)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                </Accordion>
             </div>
         </div>
     );
diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index b96a3da..cdb18d3 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -84,6 +84,7 @@ button {cursor: pointer;}
 
 .h_25 {height: 25px;}
 .h_30 {height: 30px;}
+.h_40 {height: 40px;}
 .h_50 {height: 50px;}
 .h_100 {height: 100px;}
 .h_300 {height: 300px;}
diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css
index 6f1157b..f823dfc 100644
--- a/egovframe-template-simple-react-contribution/src/css/layout.css
+++ b/egovframe-template-simple-react-contribution/src/css/layout.css
@@ -82,7 +82,7 @@ body {min-width: 1400px;}
 .c_wrap { margin: auto 0; }      /* removed by lim      width: 1400px;  padding: 0 50px; */
 .c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;}       /* added by lim   padding-bottom: 20px; */
 
-/* sub navigation */
+/* 관리자 (왼쪽메뉴) */
 .c_wrap .layout .nav:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}      /* changed by lim        width: 260px;  */
 /*.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}*/
 .nav_title{padding: 35px 30px 26px 20px;}                               /* changed by lim       border-bottom: 4px solid #dde2e5;  */
@@ -94,18 +94,28 @@ body {min-width: 1400px;}
 .c_wrap .layout .nav ul li a:hover::after {content: ""; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat;}
 .c_wrap .layout .nav ul li a.cur {color: #222; font-weight: 700;}
 
-.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;} /* changed by lim   padding: 0 0 120px 70px; */
+/* (구)건설기준 (왼쪽메뉴) */
+.c_wrap .layout .nav2:not(.tabs) {display: table-cell; width: 350px; vertical-align: top;}
+/*.c_wrap .layout .nav2 h2 {color: #222; font-size: 22px; font-weight: 700;}*/
+.c_wrap .layout .nav2 button {font-size: 15px;}
+.c_wrap .layout .nav2 .accordion-button {background: #FAFAFA;}
+.c_wrap .layout .nav2 ul li a {display: block; position: relative; color: #666; font-size: 14px; }
+.c_wrap .layout .nav2 ul li a.cur {color: #222; font-weight: 700; }
 
-/* 센터소개 */
+.c_wrap .layout .contents .border-secondary {border : 1px solid #6c757d;}
+.c_wrap .layout .contents .border-secondary-no_top {border-left: 1px solid #6c757d; border-right: 1px solid #6c757d; border-bottom: 1px solid #6c757d; height: 400px; overflow-y: scroll;}
+
+.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;}
+
+/* 센터소개 (왼쪽메뉴) */
 .c_wrap .layout .nav1:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}
 .c_wrap .layout .nav1 h2 {color: #222; font-size: 24px; font-weight: 700;}
 .c_wrap .layout .nav1 .menu10 {mnargin: 0; border: 1px solid #dde2e5;}
-/*.c_wrap .layout .nav1 li {margin: 10px;}*/
 .c_wrap .layout .nav1 .menu10 li + li {border-top: 1px solid #dde2e5; }
-.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;}        /* changed by lim   font-size: 18px; */
-/*.c_wrap .layout .nav1 ul li a:hover {}*/
+.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;}
 .c_wrap .layout .nav1 ul li a:hover::after {content: ""; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat; }
 .c_wrap .layout .nav1 ul li a.cur {color: #fff; font-weight: 700; background-color: #004994; }
+
     /* location */
 .location {height: 30px; padding-top: 23px; text-align: right;}     /* chagned by lim   height: 70px; padding-top: 43px; */
 .location ul, .location ul li {display: inline-block; vertical-align: top;}
diff --git a/egovframe-template-simple-react-contribution/src/css/response.css b/egovframe-template-simple-react-contribution/src/css/response.css
index 029a2b0..84a3536 100644
--- a/egovframe-template-simple-react-contribution/src/css/response.css
+++ b/egovframe-template-simple-react-contribution/src/css/response.css
@@ -48,6 +48,7 @@
     .c_wrap .layout .nav h2 {position: absolute; top: -9999px;}
     .c_wrap .layout .nav ul {padding: 0 20px;}
     .c_wrap .layout .nav ul.menu4 {max-width: 570px;}
+    .c_wrap .layout .nav div.menu5 {max-width: 570px;}
     .c_wrap .layout .nav ul.menu6 {width: 1000px;}
     .c_wrap .layout .nav ul::after {content: ""; display: block; clear: both;}
     .c_wrap .layout .nav ul li {float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }      /* added by lim     width: 50%; ~~~~ overflow: hidden;*/
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
index 1209a6a..a65f258 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
@@ -1,8 +1,12 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavIntro';
 
 import URL from "constants/url";
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
 
 function CodeOld(){
 
@@ -22,10 +26,45 @@ function CodeOld(){
                 {/* <!--// Location --> */}
 
                 <div className="layout">
+                    {/* <!-- Navigation --> */}
+                    <EgovLeftNav></EgovLeftNav>
+                    {/* <!--// Navigation --> */}
 
                     <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">(구)건설기준</h1>
+
+                        <Row className={"w-100 bg-fa p-3 m-0 border-secondary"}>
+                            <Col className={"f_16"}>설계기준 > 강구조 설계기준(2)</Col>
+                        </Row>
+                        <Row className={"border-secondary-no_top m-0"}>
+                            <Col className={"p-4"}>
+                                <Row className={"py-2"}>
+                                    <Col>1 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                                <Row className={"py-2"}>
+                                    <Col>2 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                                <Row className={"py-2"}>
+                                    <Col>3 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                                <Row className={"py-2"}>
+                                    <Col>4 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                            </Col>
+                        </Row>
                     </div>
                 </div>
             </div>