diff --git a/egovframe-template-simple-react-contribution/src/components/EgovFooter.jsx b/egovframe-template-simple-react-contribution/src/components/EgovFooter.jsx
index cc5dd62..8a4c718 100644
--- a/egovframe-template-simple-react-contribution/src/components/EgovFooter.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/EgovFooter.jsx
@@ -1,7 +1,13 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
+import React, { useState, useCallback } from 'react';
+import {Link, NavLink} from 'react-router-dom';
+import URL from "../constants/url";
+
+import Collapse from 'react-bootstrap/Collapse'
 
 function EgovFooter() {
+    const [toggle, setToggle] = useState(false);
+    const toggleFunc = useCallback(() => setToggle(!toggle), [toggle]);
+
     if(window.location.pathname.includes("/standardCode/viewer")){
         return null;
     }else{
@@ -9,34 +15,50 @@ function EgovFooter() {
             <div className="footer">
                 <div className="upper">
                     <div className="row up">
-                        <div className="col-2 left"><span>건설기준코드 <br />건설기준위원회 <br />정보제공 <br /></span>센터소개</div>
-                        <div className="col-10 right"><span>건설기준코드 안내 | 건설기준코드 검색 | (구)건설기준 검색<br />
-                                                진행현황 | 위원회 일정<br />
-                                                공지사항 | Q&A | 수요조사 | 주요행사 | 건설교육안내 | 기술자료 | 보도자료 | 관련사이트 | API서비스 | 영문기준 제공 | 건설기준용어 | 건설기준 연구 <br /></span>
-                                                인사말 | 연혁 | 홍보자료 | 주요업무 | 찾아오시는길
+                        <div className="left"><Collapse in={toggle}><span id="collapseLeft">건설기준코드 <br />건설기준위원회 <br />정보제공 <br /></span></Collapse>센터소개</div>
+                        <div className="col-auto right">
+                            <Collapse in={toggle}>
+                                <span id="collapseRight">
+                                <NavLink to={URL.STANDARD_CODE_INFO}>건설기준코드 안내</NavLink>
+                                <NavLink to={URL.STANDARD_CODE_LIST}>건설기준코드 검색</NavLink>
+                                <NavLink to={URL.STANDARD_CODE_OLD}>(구)건설기준 검색</NavLink>
+                                <NavLink to={URL.STANDARD_CODE_TERM}>건설기준용어</NavLink>
+                                <NavLink to={URL.STANDARD_CODE_ENG}>영문기준 제공</NavLink><br />
+                                <NavLink to={URL.COMMITTEE_PROGRESS}>진행현황</NavLink>
+                                <NavLink to={URL.COMMITTEE_SCHEDULE}>위원회 일정</NavLink><br />
+                                <NavLink to={URL.SUPPORT_LIST}>공지사항</NavLink>
+                                <NavLink to={URL.SUPPORT_LIST}>Q&A</NavLink>
+                                <NavLink to={URL.SUPPORT_LIST}>수요조사</NavLink>
+                                <NavLink to={URL.SUPPORT_LIST}>주요행사</NavLink>
+                                <NavLink to={URL.SUPPORT_LIST}>건설교육안내</NavLink>
+                                <NavLink to={URL.SUPPORT_LIST}>기술자료</NavLink>
+                                <NavLink to={URL.SUPPORT_LIST}>보도자료</NavLink>
+                                <NavLink to={URL.SUPPORT_SITE}>관련사이트</NavLink>
+                                <NavLink to={URL.SUPPORT_API}>API서비스</NavLink>
+                                <NavLink to={URL.SUPPORT_RESEARCH}>건설기준 연구</NavLink>
+                                <NavLink to={URL.SUPPORT_POLL}>설문조사</NavLink><br />
+                                </span>
+                            </Collapse>
+                            <NavLink to={URL.ABOUT_SITE}>인사말</NavLink>
+                            <NavLink to={URL.ABOUT_HISTORY}>연혁</NavLink>
+                            <NavLink to={URL.ABOUT_PROMOTE}>홍보자료</NavLink>
+                            <NavLink to={URL.ABOUT_ORGANIZATION}>주요업무</NavLink>
+                            <NavLink to={URL.ABOUT_LOCATION}>찾아오시는길</NavLink>
                         </div>
+                        <div className="col open"><button type="button" className="btn" aria-expanded={toggle} aria-controls="collapseLeft collapseRight" onClick={toggleFunc}>{toggle ? '∨' : '∧'}</button></div>
                     </div>
                 </div>
-                <div className="inner">
-                    <h1>
-                        <img className="w" src="/assets/images/copy3.png" alt="" />
-                    </h1>
-                    <div className="info">
+                <div className="inner row">
+                    <div className="col info">
                         <p>
                             상호명 : 한국건설기술연구원  <span className="m_hide">|</span> 대표자 : 김병석 | 대표메일 : kcsc@kict.re.kr<br />
                             사업자등록번호 : 229-82-01135  |  주소 : 경기도 고양시 일산서구 고양대로 283(대화동)
                         </p>
                         <p className="copy">Copyright © 2011 KOREA INSTITUTE of CIVIL ENGINEERING and BUILDING TECHNOLOGY. All Rights Reserved.</p>
                     </div>
-                    <div className="right_col">
-                        {/*<Link to="">*/}
-                        {/*    <img className="w" src="/assets/images/banner_w_01.png" alt="" />*/}
-                        {/*    <img className="m" src="/assets/images/banner_m_01.png" alt="" />*/}
-                        {/*</Link>*/}
-                        {/*<Link to="">*/}
-                        {/*    <img className="w" src="/assets/images/banner_w_02.png" alt="" />*/}
-                        {/*    <img className="m" src="/assets/images/banner_m_02.png" alt="" />*/}
-                        {/*</Link>*/}
+                    <div className="col-auto right_col">
+                        <NavLink to={URL.PRIVATE}>개인정보처리방침</NavLink>
+                        <NavLink to={URL.EMAIL}>이메일 무단수집거부</NavLink>
                     </div>
                 </div>
             </div>
diff --git a/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx b/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx
index 6e4f1d7..6f12ea1 100644
--- a/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx
@@ -8,6 +8,8 @@ import CODE from 'constants/code';
 import { getSessionItem, setSessionItem } from 'utils/storage';
 import { getLocalItem, setLocalItem } from 'utils/storage';
 import {parseJwt} from "../utils/parseJwt";
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
 
 function EgovHeader({ loginUser, onChangeLogin }) {
     console.group("EgovHeader");
@@ -18,9 +20,15 @@ function EgovHeader({ loginUser, onChangeLogin }) {
     const userInfo = parseJwt(accessToken);
     const sessionUserId = userInfo?.id;
     const sessionUserSe = userInfo?.userSe;
+    const sessionUserRole = userInfo?.userRole;
 
     const navigate = useNavigate();
 
+    const [showMore, setShowMore] = useState(false);
+    const toggleShowMore = () => {
+        setShowMore(!showMore);
+    };
+
     const logInHandler = () => { // 로그인 정보 없을 시
         navigate(URL.LOGIN);
 		// PC와 Mobile 열린메뉴 닫기: 2023.04.13(목) 김일국 추가
@@ -57,6 +65,13 @@ function EgovHeader({ loginUser, onChangeLogin }) {
         );
     }
 
+    const myHandler = () => { // 로그인 정보 없을 시
+        if (sessionUserId)
+            navigate(URL.MYPAGE);
+        else
+            navigate(URL.JOIN);
+    }
+
     function allMenuControl(){
         setMenuDiv(!menuDiv);
     }
@@ -73,27 +88,90 @@ function EgovHeader({ loginUser, onChangeLogin }) {
         // <!-- header -->
         <div className="header">
             <div className="inner">
-                <h1 className="logo">
-                    <Link to={URL.MAIN} className="w">
-                        <div className="logotop"><img src="/assets/images/copy.png" alt="국가건설기준센터" /></div><img src="/assets/images/logo.png" alt="국가건설기준센터" /></Link>
-                    <Link to={URL.MAIN} className="m"><img src="/assets/images/logo_m.png" alt="국가건설기준센터" /></Link>{/*<img src="/assets/images/logo_m.png" alt="국가건설기준센터" />*/}
-                </h1>
-
-                <div className="gnb">
-                    <h2 className="blind">주메뉴</h2>
-                    <ul>
-                        <div className="row ">
-                            <div className="w-100">
-                                <form className="form-inline">
-                                    <div className="input-group w-75" style={{ border: "2px solid #1c488f", borderRadius: "20px", padding: "10px", width: "fit-content" }}>
-                                        <input type="text" className="form-control border-0" placeholder="검색어를 입력하세요." />
-                                        <div className="input-group-append">
-                                            <button type="button" className="topsearch"></button>
-                                        </div>
-                                    </div>
-                                </form>
-                            </div>
+                <div className="row logo w-100 justify-content-between pt-3">
+                    <div className="col-3">
+                        <Link to={URL.MAIN} className="w"><img src="/assets/images/logo.png" alt="국가건설기준센터" /></Link>
+                        <Link to={URL.MAIN} className="m"><img src="/assets/images/logo_m.png" alt="국가건설기준센터" /></Link>
+                    </div>
+                    <div className="col-6 d-flex justify-content-center align-items-end"><img src="/assets/images/copy.png" alt="국가건설기준센터" className="align-self-end" /></div>
+                    <div className="col-3 d-flex justify-content-end align-items-end">
+                        <div className="col-1 person" onClick={myHandler}></div>
+                        <div className="col-1 right_a" onClick={allMenuControl}>
+                            <button type="button" className="btn btnAllMenu" title="전체메뉴 닫힘">전체메뉴</button>
+                            <button type="button" className="btn mobile btnAllMenuM" title="전체메뉴 닫힘">전체메뉴</button>
                         </div>
+                    </div>
+                </div>
+                <div className="search">
+                    <div className="search_input">
+                        <form className="row justify-content-between w-100 m-0">
+                            <div className="col-2">
+                                <select name="" className="form-select shadow-none">
+                                    <option value="">코드명</option>
+                                    <option value="">목차</option>
+                                    <option value="">본문</option>
+                                </select>
+                            </div>
+                            <div className="col-10 d-flex justify-content-between">
+                                <div className="col-11"><input type="text" className="form-control shadow-none" placeholder="검색어를 입력하세요." lang="ko" /></div>
+                                <div className="col-1 text-center">
+                                    <button type="button" className="topsearch"></button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <div className="topcode d-flex justify-content-center w-100">
+                    <div className={showMore ? 'topcode_c justify-content-center' : 'topcode_n justify-content-center'}>
+                        <Row className="">
+                            <Col><a href="/standardCode/list/1010" title="공통코드" className={"topcodebnt"}>공통코드</a></Col>
+                            <Col><a href="/standardCode/list/101011" title="지반코드" className={"topcodebnt"}>지반코드</a></Col>
+                            <Col><a href="/standardCode/list/101014" title="구조코드" className={"topcodebnt"}>구조코드</a></Col>
+                            <Col><a href="/standardCode/list/101017" title="내진코드" className={"topcodebnt"}>내진코드</a></Col>
+                            <Col><a href="/standardCode/list/102021" title="가설코드" className={"topcodebnt"}>가설코드</a></Col>
+                            <Col><a href="/standardCode/list/102024" title="교량코드" className={"topcodebnt"}>교량코드</a></Col>
+                            <Col><a href="/standardCode/list/102027" title="터널코드" className={"topcodebnt"}>터널코드</a></Col>
+                            <Col><a href="/standardCode/list/102029" title="공동구코드" className={"topcodebnt"}>공동구코드</a></Col>
+                            <Col><a href="/standardCode/list/102031" title="설비코드" className={"topcodebnt"}>설비코드</a></Col>
+                            <Col><a href="javascript:;" onClick={toggleShowMore} title="..." className={"topcodebnt"}>{showMore ? (<b> Ⅹ </b>) : (<b> · · · </b>)}</a></Col>
+                        </Row>
+                        {showMore && (
+                            <Row className="">
+                                <Col><a href="/standardCode/list/102034" title="조경코드" className="topcodebnt">조경코드</a></Col>
+                                <Col><a href="/standardCode/list/102041" title="건축코드" className="topcodebnt">건축코드</a></Col>
+                                <Col><a href="/standardCode/list/102044" title="도로코드" className="topcodebnt">도로코드</a></Col>
+                                <Col><a href="/standardCode/list/102047" title="철도코드" className="topcodebnt">철도코드</a></Col>
+                                <Col><a href="/standardCode/list/102051" title="하천코드" className="topcodebnt">하천코드</a></Col>
+                                <Col><a href="/standardCode/list/102054" title="댐코드" className="topcodebnt">댐코드</a></Col>
+                                <Col><a href="/standardCode/list/102057" title="상수도코드" className="topcodebnt">상수도코드</a></Col>
+                                <Col><a href="/standardCode/list/102061" title="하수도코드" className="topcodebnt">하수도코드</a></Col>
+                                <Col><a href="/standardCode/list/102067" title="농업기반코드" className="topcodebnt">농업기반코드</a></Col>
+                            </Row>
+                        )}
+                    </div>
+                </div>
+
+                {/*<h1 className="logo">*/}
+                {/*    <Link to={URL.MAIN} className="w">*/}
+                {/*        <div className="logotop"><img src="/assets/images/copy.png" alt="국가건설기준센터" /></div><img src="/assets/images/logo.png" alt="국가건설기준센터" /></Link>*/}
+                {/*    <Link to={URL.MAIN} className="m"><img src="/assets/images/logo_m.png" alt="국가건설기준센터" /></Link>/!*<img src="/assets/images/logo_m.png" alt="국가건설기준센터" />*!/*/}
+                {/*</h1>*/}
+
+                {/*<div className="gnb">*/}
+                {/*    <h2 className="blind">주메뉴</h2>*/}
+                {/*    <ul>*/}
+                        {/*<div className="row ">*/}
+                        {/*    <div className="w-100">*/}
+                        {/*        <form className="form-inline">*/}
+                        {/*            <div className="input-group w-75" style={{ border: "2px solid #1c488f", borderRadius: "20px", padding: "10px", width: "fit-content" }}>*/}
+                        {/*                <input type="text" className="form-control border-0" placeholder="검색어를 입력하세요." />*/}
+                        {/*                <div className="input-group-append">*/}
+                        {/*                    <button type="button" className="topsearch"></button>*/}
+                        {/*                </div>*/}
+                        {/*            </div>*/}
+                        {/*        </form>*/}
+                        {/*    </div>*/}
+                        {/*</div>*/}
                         {/*<li><NavLink to={URL.STANDARD_CODE_INFO} className={({ isActive }) => (isActive ? "cur" : "")}>건설기준코드</NavLink></li>*/}
                         {/*/!*<li><NavLink to={URL.ABOUT} className={({ isActive }) => (isActive ? "cur" : "")}>사이트소개</NavLink></li>*!/*/}
                         {/*<li><NavLink to={URL.INTRO} className={({ isActive }) => (isActive ? "cur" : "")}>정보마당</NavLink></li>*/}
@@ -102,82 +180,110 @@ function EgovHeader({ loginUser, onChangeLogin }) {
                         {/*{sessionUserSe ==='ACC_TP01' &&*/}
                         {/*    <li><NavLink to={URL.ADMIN} className={({ isActive }) => (isActive ? "cur" : "")}>사이트관리</NavLink></li>*/}
                         {/*}*/}
-                    </ul>
-                </div>
+                {/*    </ul>*/}
+                {/*</div>*/}
 
                 {/* <!-- PC web에서 보여지는 영역 --> */}
-                <div className="user_info">
-                    {/* 로그아웃 : 로그인 정보 있을때 */}
-                    {sessionUserId &&
-                        <>
-                            <span className="person">{sessionUserId} </span> 님이, {sessionUserSe==='ACC_TP01'?'관리자':'사용자'}로 로그인하셨습니다.
-                            <button onClick={logOutHandler} className="btn">로그아웃</button>
-                        </>
-                    }
-                    {/* 로그인 : 로그인 정보 없을 때 */}
-                    {!sessionUserId &&
-                        <button onClick={logInHandler} className="btn login">로그인</button>
-                    }
-                </div>
+                {/*<div className="user_info">*/}
+                {/*    /!* 로그아웃 : 로그인 정보 있을때 *!/*/}
+                {/*    {sessionUserId &&*/}
+                {/*        <>*/}
+                {/*            {sessionUserId} {sessionUserRole==='ROLE_001' && '[최고관리]'}{sessionUserRole==='ROLE_002' && '[관리자]'} &nbsp;*/}
+                {/*            <span className="person"> </span>*/}
+                {/*            <button onClick={logOutHandler} className="btn">로그아웃</button>*/}
+                {/*        </>*/}
+                {/*    }*/}
+                {/*    /!* 로그인 : 로그인 정보 없을 때 *!/*/}
+                {/*    {!sessionUserId &&*/}
+                {/*        <button onClick={logInHandler} className="btn login">로그인</button>*/}
+                {/*    }*/}
+                {/*</div>*/}
                 {/* <!--// PC web에서 보여지는 영역 --> */}
 
                 {/* <!-- right area --> */}
-                <div className="right_a" onClick={allMenuControl}>
-                    <button type="button" className="btn btnAllMenu" title="전체메뉴 닫힘">전체메뉴</button>
-                    <button type="button" className="btn mobile btnAllMenuM" title="전체메뉴 닫힘">전체메뉴</button>
-                </div>
+                {/*<div className="right_a" onClick={allMenuControl}>*/}
+                {/*    <button type="button" className="btn btnAllMenu" title="전체메뉴 닫힘">전체메뉴</button>*/}
+                {/*    <button type="button" className="btn mobile btnAllMenuM" title="전체메뉴 닫힘">전체메뉴</button>*/}
+                {/*</div>*/}
             </div>
 
             {/* <!-- All menu : web --> */}
             <div className={`all_menu WEB ${menuDiv?"open":"closed"}`}>
                 <h2 className="blind">전체메뉴</h2>
                 <div className="inner row">
-                    <div className="col">
+                    <div className="">
                         <h3>건설기준코드</h3>
                         <ul>
                             <li><NavLink to={URL.STANDARD_CODE_INFO} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>건설기준코드 안내</NavLink></li>
                             <li><NavLink to={URL.STANDARD_CODE_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>건설기준코드 검색</NavLink></li>
+                            <li><NavLink to={URL.STANDARD_CODE_OLD} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>(구)건설기준검색</NavLink></li>
+                            <li><NavLink to={URL.STANDARD_CODE_TERM} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>건설기준용어</NavLink></li>
+                            <li><NavLink to={URL.STANDARD_CODE_ENG} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>영문기준제공</NavLink></li>
                         </ul>
                     </div>
-                    {/*<div className="col">
-                        <h3>사이트소개</h3>
+                    <div className="">
+                        <h3>건설기준위원회</h3>
                         <ul>
-                            <li><NavLink to={URL.ABOUT_SITE} className={({ isActive }) => (isActive ? "cur" : "")}>소개</NavLink></li>
-                            <li><NavLink to={URL.ABOUT_HISTORY} className={({ isActive }) => (isActive ? "cur" : "")}>연혁</NavLink></li>
-                            <li><NavLink to={URL.ABOUT_ORGANIZATION} className={({ isActive }) => (isActive ? "cur" : "")}>조직소개</NavLink></li>
-                            <li><NavLink to={URL.ABOUT_LOCATION} className={({ isActive }) => (isActive ? "cur" : "")}>찾아오시는 길</NavLink></li>
+                            <li><NavLink to={URL.COMMITTEE_PROGRESS} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>진행현황</NavLink></li>
+                            <li><NavLink to={URL.COMMITTEE_SCHEDULE} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>위원회일정</NavLink></li>
                         </ul>
-                    </div>*/}
+                    </div>
+                    <div className="">
+                        <h3>정보제공</h3>
+                        <ul>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>공지사항</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>Q&A</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>수요조사</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>주요행사</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>건설교육안내</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>기술자료</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_LIST} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>보도자료</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_SITE} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>관련사이트</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_API} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>API서비스</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_RESEARCH} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>건설기준연구</NavLink></li>
+                            <li><NavLink to={URL.SUPPORT_POLL} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>설문조사</NavLink></li>
+                        </ul>
+                    </div>
+                    <div className="">
+                        <h3>센터소개</h3>
+                        <ul>
+                            <li><NavLink to={URL.ABOUT_SITE} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>인사말</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_HISTORY} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>연혁</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_PROMOTE} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>홍보자료</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_ORGANIZATION} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>주요업무</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_LOCATION} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>찾아오시는길</NavLink></li>
+                        </ul>
+                    </div>
 
-                    <div className="col">
-                        <h3>정보마당</h3>
-                        <ul>
-                            <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>
-                    </div>
-                    <div className="col">
-                        <h3>고객지원</h3>
-                        <ul>
-                            <li><NavLink to={URL.SUPPORT_DOWNLOAD} className={({ isActive }) => (isActive ? "cur" : "")}>자료실</NavLink></li>
-                            <li><NavLink to={URL.SUPPORT_QNA} className={({ isActive }) => (isActive ? "cur" : "")}>묻고 답하기</NavLink></li>
-                            <li><NavLink to={URL.SUPPORT_APPLY} className={({ isActive }) => (isActive ? "cur" : "")}>서비스 신청</NavLink></li>
-                        </ul>
-                    </div>
-                    <div className="col">
-                        <h3>알림마당</h3>
-                        <ul>
-                            <li><NavLink to={URL.INFORM_DAILY}>오늘의 행사</NavLink></li>
-                            <li><NavLink to={URL.INFORM_WEEKLY} className={({ isActive }) => (isActive ? "cur" : "")}>금주의 행사</NavLink></li>
-                            <li><NavLink to={URL.INFORM_NOTICE} className={({ isActive }) => (isActive ? "cur" : "")}>공지사항</NavLink></li>
-                            <li><NavLink to={URL.INFORM_GALLERY} className={({ isActive }) => (isActive ? "cur" : "")}>사이트 갤러리</NavLink></li>
-                        </ul>
-                    </div>
+                    {/*<div className="">*/}
+                    {/*    <h3>정보마당</h3>*/}
+                    {/*    <ul>*/}
+                    {/*        <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>*/}
+                    {/*</div>*/}
+                    {/*<div className="">*/}
+                    {/*    <h3>고객지원</h3>*/}
+                    {/*    <ul>*/}
+                    {/*        <li><NavLink to={URL.SUPPORT_DOWNLOAD} className={({ isActive }) => (isActive ? "cur" : "")}>자료실</NavLink></li>*/}
+                    {/*        <li><NavLink to={URL.SUPPORT_QNA} className={({ isActive }) => (isActive ? "cur" : "")}>묻고 답하기</NavLink></li>*/}
+                    {/*        <li><NavLink to={URL.SUPPORT_APPLY} className={({ isActive }) => (isActive ? "cur" : "")}>서비스 신청</NavLink></li>*/}
+                    {/*    </ul>*/}
+                    {/*</div>*/}
+                    {/*<div className="">*/}
+                    {/*    <h3>알림마당</h3>*/}
+                    {/*    <ul>*/}
+                    {/*        <li><NavLink to={URL.INFORM_DAILY}>오늘의 행사</NavLink></li>*/}
+                    {/*        <li><NavLink to={URL.INFORM_WEEKLY} className={({ isActive }) => (isActive ? "cur" : "")}>금주의 행사</NavLink></li>*/}
+                    {/*        <li><NavLink to={URL.INFORM_NOTICE} className={({ isActive }) => (isActive ? "cur" : "")}>공지사항</NavLink></li>*/}
+                    {/*        <li><NavLink to={URL.INFORM_GALLERY} className={({ isActive }) => (isActive ? "cur" : "")}>사이트 갤러리</NavLink></li>*/}
+                    {/*    </ul>*/}
+                    {/*</div>*/}
                     {sessionUserSe ==='ACC_TP01' &&
-                        <div className="col">
+                        <div className="">
                             <h3>사이트관리</h3>
                             <ul>
-                                <li><NavLink to={URL.ADMIN_SCHEDULE} className={({ isActive }) => (isActive ? "cur" : "")}>대시보드</NavLink></li>
+                                <li><NavLink to={URL.ADMIN_SCHEDULE} className={({ isActive }) => (isActive ? "cur" : "")}>Dashboard</NavLink></li>
                                 {/*<li><NavLink to={URL.ADMIN_BOARD} className={({ isActive }) => (isActive ? "cur" : "")}>게시판생성관리</NavLink></li>
                                 <li><NavLink to={URL.ADMIN_USAGE} className={({ isActive }) => (isActive ? "cur" : "")}>게시판사용관리</NavLink></li>
                                 <li><NavLink to={URL.ADMIN_NOTICE} className={({ isActive }) => (isActive ? "cur" : "")}>공지사항관리</NavLink></li>
@@ -186,8 +292,22 @@ function EgovHeader({ loginUser, onChangeLogin }) {
                             </ul>
                         </div>
                     }
+                    {sessionUserId &&
+                        <div>
+                            <button onClick={logOutHandler} className="btn btn-22498E w-100 rounded-5">로그아웃</button>
+                        </div>
+                    }
+                    {!sessionUserId &&
+                        <div>
+                            <button onClick={logInHandler} className="btn btn-22498E w-100 rounded-5">로그인</button>
+                        </div>
+                    }
                 </div>
             </div>
+
+
+
+
             {/* <!-- All menu : mobile --> */}
             <div className="all_menu Mobile closed">
                 <div className="user_info_m">
@@ -209,9 +329,10 @@ function EgovHeader({ loginUser, onChangeLogin }) {
                     <h3><Link to={URL.ABOUT}>사이트소개</Link></h3>
                     <div className="submenu closed">
                         <ul>
-                            <li><NavLink to={URL.ABOUT_SITE} className={({ isActive }) => (isActive ? "cur" : "")}>소개</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_SITE} className={({ isActive }) => (isActive ? "cur" : "")}>인사말</NavLink></li>
                             <li><NavLink to={URL.ABOUT_HISTORY} className={({ isActive }) => (isActive ? "cur" : "")}>연혁</NavLink></li>
-                            <li><NavLink to={URL.ABOUT_ORGANIZATION} className={({ isActive }) => (isActive ? "cur" : "")}>조직소개</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_PROMOTE} className={({ isActive }) => (isActive ? "cur" : "")}>홍보자료</NavLink></li>
+                            <li><NavLink to={URL.ABOUT_ORGANIZATION} className={({ isActive }) => (isActive ? "cur" : "")}>주요업무</NavLink></li>
                             <li><NavLink to={URL.ABOUT_LOCATION} className={({ isActive }) => (isActive ? "cur" : "")}>찾아오시는 길</NavLink></li>
                         </ul>
                     </div>
diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index ddae056..3eaf86c 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -5,46 +5,74 @@ const URL = {
     
     LOGIN                       : "/login", //로그인
     JOIN                        : "/join", //회원가입
+    MYPAGE                      : "/mypage", //나의페이지
     ERROR                       : "/error", //에러
+    PRIVATE                     : "/private", //개인정보처리방침
+    EMAIL                       : "/email", //이메일 무단 수집 거부
     
     //ABOUT
     ABOUT                       : "/about", //사이트소개   
     ABOUT_SITE                  : "/about/site", // 사이트소개/소개
     ABOUT_HISTORY               : "/about/history", // 사이트소개/연혁
+    ABOUT_PROMOTE               : "/about/promote", // 사이트소개/홍보자료
     ABOUT_ORGANIZATION          : "/about/organization", // 사이트소개/조직소개
     ABOUT_LOCATION              : "/about/location", // 사이트소개/찾아오시는길
     
     //INTRO
-    INTRO                       : "/intro", //정보마당
-    INTRO_WORKS                 : "/intro/works", // 정보마당/주요사업소개
-    INTRO_SERVICE               : "/intro/service", // 정보마당/주요서비스소개
-    
+    // INTRO                       : "/intro", //정보마당
+    // INTRO_WORKS                 : "/intro/works", // 정보마당/주요사업소개
+    // INTRO_SERVICE               : "/intro/service", // 정보마당/주요서비스소개
+
+    //COMMITTEE
+    COMMITTEE                : "/committee", //위원회
+    COMMITTEE_PROGRESS       : "/committee/progress", // 위원회/진행현황
+    COMMITTEE_SCHEDULE       : "/committee/schedule", // 위원회/위원회일정
+
     //SUPPORT
     SUPPORT                     : "/support", // 고객지원
-    SUPPORT_DOWNLOAD            : "/support/download", // 고객지원/자료실
-    SUPPORT_DOWNLOAD_DETAIL     : "/support/download/detail", // 고객지원/자료실/상세
-    SUPPORT_DOWNLOAD_CREATE     : "/support/download/create", // 고객지원/자료실/등록
-    SUPPORT_QNA                 : "/support/qna", // 고객지원/묻고답하기
-    SUPPORT_QNA_DETAIL          : "/support/qna/detail", // 고객지원/묻고답하기/상세
-    SUPPORT_APPLY               : "/support/apply", // 고객지원/서비스신청
+    SUPPORT_LIST                : "/support/list", // 게시판/리스트
+    SUPPORT_VIEW                : "/support/detail", // 게시판/상세보기
+    SUPPORT_CREATE              : "/support/create", // 게시판/글쓰기
+    SUPPORT_SITE                 : "/support/site", // 관련사이트
+    SUPPORT_API                 : "/support/api", // API 서비스
+    SUPPORT_RESEARCH            : "/support/research", // 건설기준 연구
+    SUPPORT_POLL                : "/support/poll", // 설문조사
+    // SUPPORT_DOWNLOAD            : "/support/download", // 고객지원/자료실
+    // SUPPORT_DOWNLOAD_DETAIL     : "/support/download/detail", // 고객지원/자료실/상세
+    // SUPPORT_DOWNLOAD_CREATE     : "/support/download/create", // 고객지원/자료실/등록
+    // SUPPORT_QNA                 : "/support/qna", // 고객지원/묻고답하기
+    // SUPPORT_QNA_DETAIL          : "/support/qna/detail", // 고객지원/묻고답하기/상세
+    // SUPPORT_APPLY               : "/support/apply", // 고객지원/서비스신청
     
     //INFORM
-    INFORM                      : "/inform", // 알림마당 
-    INFORM_DAILY                : "/inform/daily", // 알림마당/오늘의행사
-    INFORM_DAILY_DETAIL         : "/inform/daily/detail", // 알림마당/오늘의행사상세
-    INFORM_WEEKLY               : "/inform/weekly", // 알림마당/금주의행사
-    INFORM_WEEKLY_DETAIL        : "/inform/weekly/detail", // 알림마당/금주의행사상세
-    INFORM_NOTICE               : "/inform/notice", // 알림마당/공지사항
-    INFORM_NOTICE_DETAIL        : "/inform/notice/detail", // 알림마당/공지사항상세
-    INFORM_NOTICE_CREATE        : "/inform/notice/create", // 알림마당/공지사항등록
-    INFORM_NOTICE_MODIFY        : "/inform/notice/modify", // 알림마당/공지사항수정
-    INFORM_NOTICE_REPLY         : "/inform/notice/reply", // 알림마당/공지사항답글
-    INFORM_GALLERY              : "/inform/gallery", // 알림마당/사이트갤러리
-    INFORM_GALLERY_DETAIL       : "/inform/gallery/detail", // 알림마당/사이트갤러리상세
-    INFORM_GALLERY_CREATE       : "/inform/gallery/create", // 알림마당/사이트갤러리등록
-    INFORM_GALLERY_MODIFY       : "/inform/gallery/modify", // 알림마당/사이트갤러리수정
-    INFORM_GALLERY_REPLY        : "/inform/gallery/reply", // 알림마당/사이트갤러리답글
-    
+    // INFORM                      : "/inform", // 알림마당
+    // INFORM_DAILY                : "/inform/daily", // 알림마당/오늘의행사
+    // INFORM_DAILY_DETAIL         : "/inform/daily/detail", // 알림마당/오늘의행사상세
+    // INFORM_WEEKLY               : "/inform/weekly", // 알림마당/금주의행사
+    // INFORM_WEEKLY_DETAIL        : "/inform/weekly/detail", // 알림마당/금주의행사상세
+    // INFORM_NOTICE               : "/inform/notice", // 알림마당/공지사항
+    // INFORM_NOTICE_DETAIL        : "/inform/notice/detail", // 알림마당/공지사항상세
+    // INFORM_NOTICE_CREATE        : "/inform/notice/create", // 알림마당/공지사항등록
+    // INFORM_NOTICE_MODIFY        : "/inform/notice/modify", // 알림마당/공지사항수정
+    // INFORM_NOTICE_REPLY         : "/inform/notice/reply", // 알림마당/공지사항답글
+    // INFORM_GALLERY              : "/inform/gallery", // 알림마당/사이트갤러리
+    // INFORM_GALLERY_DETAIL       : "/inform/gallery/detail", // 알림마당/사이트갤러리상세
+    // INFORM_GALLERY_CREATE       : "/inform/gallery/create", // 알림마당/사이트갤러리등록
+    // INFORM_GALLERY_MODIFY       : "/inform/gallery/modify", // 알림마당/사이트갤러리수정
+    // INFORM_GALLERY_REPLY        : "/inform/gallery/reply", // 알림마당/사이트갤러리답글
+
+    //기준코드
+    STANDARD_CODE_INFO          : "/standardCode/info", //건설기준코드/건설기준코드 안내
+    STANDARD_CODE_TERM          : "/standardCode/term", //건설기준코드/건설기준코드 용어
+    STANDARD_CODE_ENG          : "/standardCode/eng", //건설기준코드/영문 건설기준코드
+    STANDARD_CODE_OLD          : "/standardCode/old", //건설기준코드/(구)건설기준코드
+    STANDARD_CODE_LIST          : "/standardCode/list", //건설기준코드/리스트
+    STANDARD_CODE_LIST_LINK     : "/standardCode/list/:listCode", //건설기준코드/리스트
+    STANDARD_CODE_DETAIL        : "/standardCode/detail", //건설기준코드/리스트
+    STANDARD_CODE_VIEWER        : "/standardCode/viewer", //건설기준코드/뷰어
+    STANDARD_CODE_VIEWER_LINK   : "/standardCode/viewer/:linkedDocCode", //건설기준코드/뷰어/새 창 링크
+
+
     //ADMIN
     ADMIN                       : "/admin", // 사이트관리
     ADMIN_SCHEDULE              : "/admin/schedule", // 사이트관리/일정관리
@@ -122,13 +150,6 @@ const URL = {
     ADMIN__LOGS__PRIVACY_LOGS                   : "/admin/logs/privacy-logs", // 위원회 관리/개인정보 로그
     ADMIN__LOGS__FILE_DOWNLOAD_STATUS           : "/admin/logs/file-download-status", // 위원회 관리/파일 다운현황
 
-    //기준코드
-    STANDARD_CODE_INFO          : "/standardCode/info",
-    STANDARD_CODE_LIST          : "/standardCode/list", //건설기준코드/리스트
-    STANDARD_CODE_LIST_LINK     : "/standardCode/list/:listCode", //건설기준코드/리스트
-    STANDARD_CODE_DETAIL        : "/standardCode/detail", //건설기준코드/리스트
-    STANDARD_CODE_VIEWER        : "/standardCode/viewer", //건설기준코드/뷰어
-    STANDARD_CODE_VIEWER_LINK   : "/standardCode/viewer/:linkedDocCode", //건설기준코드/뷰어/새 창 링크
 
 
 
diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index 761408a..48e6477 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -1,32 +1,39 @@
 @charset "utf-8";
 
 /* Web Font */
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
-    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
-    
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: 
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
-    
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
-    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
-    
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
-    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
-    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;*/
+/*    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}*/
+
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src:*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}*/
+
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;*/
+/*    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}*/
+
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;*/
+/*    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),*/
+/*    url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}*/
+
+@font-face {
+    font-family: 'Pretendard-Regular';
+    src: url('font/Pretendard-Regular.otf');
+    font-weight: normal;
+    font-style: normal;
+}
 
 /* Reset style */
 * {word-break: keep-all; word-wrap: break-word; box-sizing: border-box; -webkit-box-sizing: border-box;}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, font, img, ins, q, s, small, strike, strong, sub, sup,
 dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, thead, tbody, tfoot, tr, th, td, input {
-    margin: 0; padding: 0;
+    margin: 0; padding: 0; font-family: 'Pretendard-Regular';
 }
 
 blockquote, button, fieldset, iframe {border: 0;}
diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css
index e669895..28a03f0 100644
--- a/egovframe-template-simple-react-contribution/src/css/layout.css
+++ b/egovframe-template-simple-react-contribution/src/css/layout.css
@@ -2,49 +2,79 @@
 
 body {min-width: 1400px;}
 
-.header {position: relative;}
-.header::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #dedede;}
-.header > .inner {position: relative; width: 1400px; height: 150px; margin: 0 auto; padding: 0 50px;}
+/*.header {position: relative;}*/
+.header::after {content: ""; display: block; left: 0; bottom: 0; width: 100%; height: 1px; background: #dedede;}
+.header > .inner {max-width: 1400px; height: 210px; margin: 0 auto; }  /* position: relative; padding: 0 50px; */
 .header h1 {display: inline-block; margin-top: 32px;}
 .header h1 a,
 .header h1 img {display: block;}
 .header .logo .m {display: none;}
 .header .logo .logotop {display: flex; width: 220px; justify-content: flex-end;}
 .header .user_info {position: absolute; right: 50px; top: 10px; line-height: 30px;}
-.header .user_info .person {display: inline-block; color: #169bd5; font-weight: 500;}
-.header .user_info .person::before {content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 7px; background: url(css/images/ico_person.png) no-repeat; background-size: contain; vertical-align: -4px;}
+.header .person {width: 30px; height: 30px; margin-right:20px; cursor: pointer;}
+.header .person::before {content: ""; display: inline-block; width: 30px; height: 30px; background: url(css/images/ico_user.png) no-repeat center bottom; background-size: 30px 30px; }
 .header .user_info .btn {margin-left: 14px; padding: 0 20px; border-radius: 15px; color: #fff; font-size: 14px; line-height: 30px; background: #169bd5;}
 
-.header .gnb {position: absolute; left: 430px; top: 50px; width: 920px;}
-.header .gnb ul {font-size: 0; text-align: center;}
-.header .gnb ul::after {content: ""; display: block; clear: both;}
-.header .gnb ul li {float: left;}
-.header .gnb ul li + li {margin-left: 98px;}
-.header .gnb ul li a {color: #666; font-size: 20px; font-weight: 700; letter-spacing: -0.25px;}
-.header .gnb ul li a.cur {color: #222;}
+/*.header .gnb {position: absolute; left: 430px; top: 50px; width: 920px;}*/
+/*.header .gnb ul {font-size: 0; text-align: center;}*/
+/*.header .gnb ul::after {content: ""; display: block; clear: both;}*/
+/*.header .gnb ul li {float: left;}*/
+/*.header .gnb ul li + li {margin-left: 98px;}*/
+/*.header .gnb ul li a {color: #666; font-size: 20px; font-weight: 700; letter-spacing: -0.25px;}*/
+/*.header .gnb ul li a.cur {color: #222;}*/
 
-.header .right_a {position: absolute; right: 50px; top: 65px;}
-.header .right_a .btn {width: 30px; height: 30px; font-size: 0; background: url(css/images/ico_allmenu.png) no-repeat right; background-size: 22px 18px;}
-.header .right_a .btn.active {background: url(css/images/ico_allmenu_close.png) no-repeat right; background-size: 22px 18px;}
+/*.header .right_a {position: absolute; right: 50px; top: 65px;}*/
+.header .right_a .btn {width: 30px; height: 30px; font-size: 0; background: url(css/images/ico_allmenu.png) no-repeat center; background-size: 22px 18px;}
+.header .right_a .btn.active {background: url(css/images/ico_allmenu_close.png) no-repeat center; background-size: 22px 18px;}
 .header .right_a .btn.mobile {display: none;}
 
-.header .topsearch {width: 25px; height: 27px; background: url(css/images/ico_search_b.png) no-repeat; margin: 5px;}
+.header .search {height:96px; padding:24px 0px 10px; margin: 0 auto; }
+.header .search .search_input {max-width: 734px; width: calc(100% - 40px); height:62px; margin: 0 auto; border: 2px solid #004994; border-radius: 20px; padding: 10px}
+.header .search .search_input select {border: none;}
+.header .search .search_input input {ime-mode:active; border: none;}
+.header .search .topsearch {width: 40px; height: 40px; background: url(css/images/ico_search_b.png) no-repeat center center; background-size: 22px 22px; filter: brightness(1) sepia(1) saturate(3) hue-rotate(175deg);}
 
-/* All menu */
-.all_menu {transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform-origin: top; z-index: 10;}
+.header .topcode {position: relative; width: 100%; top: -8px;}
+.header .topcode .topcode_c {max-width: 1020px; margin:0 auto; border: 1px solid #ccc; z-index: 100; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background-color: #fff; padding: 0 20px; }
+.header .topcode .topcode_n {max-width: 1020px; margin:0 auto; border: 1px solid #fff; z-index: 100; background-color: #fff; padding: 0 20px; }
+.header .topcode .row {flex-wrap: wrap; padding: 8px 0; }
+.header .topcode .topcodebnt {
+    min-width: 45px;
+    height: 40px;
+    line-height: 40px;
+    display: block;
+    background-color: #fff;
+    text-align: center;
+    border-radius: 20px;
+    color: #909090;
+    text-decoration: none;
+    /*margin: 5px;*/
+    padding: 0 12px 0 12px;
+    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+.header .topcode .topcodebnt:hover{
+    background-color: #8F8F8F;
+    color: #fff;
+    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
+}
+
+    /* All menu */
+.all_menu {transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform-origin: top; z-index: 10; padding: 50px 20px;}
 .all_menu.Mobile {display: none;}
 .all_menu.WEB.closed {transform: scaleY(0); opacity: 0;}
-.all_menu.WEB {position: absolute; left: 0; top: 150px; width: 100%; background: #fff;}
-.all_menu.WEB::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd;}
-.all_menu.WEB .inner {width: 1400px; margin: 0 auto; padding: 41px 50px 47px 50px;}
-.all_menu.WEB .inner::after {content: ""; display: block; clear: both;}
-.all_menu.WEB .inner .col {float: left; width: 280px;}
-.all_menu.WEB .inner .col:last-child {width: auto;}
-.all_menu.WEB .inner .col h3 {color: #222; font-size: 24px; font-weight: 700; pointer-events: none;}
-.all_menu.WEB .inner .col ul {padding-top: 36px;}
-.all_menu.WEB .inner .col ul li + li {margin-top: 17px;}
-.all_menu.WEB .inner .col ul li a {color: #777; font-size: 18px;}
-.all_menu.WEB .inner .col ul li a:hover {color: #222; text-decoration: underline;}
+.all_menu.WEB {position: absolute; right: calc((100% - 1400px) / 2); top: 70px; width: 340px; background: #fff; border-radius: 20px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); z-index: 200;}
+/*.all_menu.WEB::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd;}*/
+/*.all_menu.WEB .inner {width: 1400px; margin: 0 auto; }      !* padding: 41px 50px 47px 50px; *!*/
+/*.all_menu.WEB .inner::after {content: ""; display: block; clear: both;}*/
+/*.all_menu.WEB .inner .col {float: left; width: 280px;}*/
+/*.all_menu.WEB .inner .col:last-child {width: auto;}*/
+.all_menu.WEB .inner h3 {color: #222; font-size: 20px; font-weight: 700; pointer-events: none;}
+.all_menu.WEB .inner ul {display: flex; flex-wrap: wrap; padding: 16px 0 16px;}
+.all_menu.WEB .inner ul li {padding: 0 15px 0 0;}
+.all_menu.WEB .inner ul li a {color: #777; font-size: 12px;}
+.all_menu.WEB .inner ul li a:hover {color: #333; border-bottom: 1px solid transparent; transition: border-color 0.3s; border-color: #36588B; }
+/*.inner img {height: 35px !important;}*/
 .user_info_m {display: none;}
 
 
@@ -79,22 +109,27 @@ body {min-width: 1400px;}
 
 
 .footer {position: relative; background-color: #2c394b; }
-.footer .upper {width: 100%; background-color: #384556; font-size: 12px;}
-.footer .upper .up {width: 1400px; margin: 0 auto; padding: 10px 50px; }
-.footer .upper .up .left {text-align: right; color: #B4B5B7; font-weight: 700;}
-.footer .upper .up .right {color: #96A1AE; }
-.footer::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #ccc;}
-.footer .inner {position: relative; width: 1400px; margin: 0 auto; padding: 0 50px;}
+.footer .upper {width: 100%; background-color: #384556; font-size: 12px; border-bottom: 1px solid #56626F;}
+.footer .upper .up {width: 1400px; margin: 0 auto; padding: 20px 0; }
+.footer .upper .up .left {width: 100px; color: #D9DADB; font-weight: 700; line-height: 30px;}
+.footer .upper .up .right {color: #96A1AE; line-height: 30px;}
+.footer .upper .up .right a {color: #96A1AE; margin-right: 15px;}
+.footer .upper .open {width: 100px; text-align: right; }
+.footer .upper button {color: #fff; border: 1px solid #A2A2A2; padding: 3px 30px;}
+.footer::before {content: ""; display: block; width: 100%; height: 1px; background: #ccc;}
+.footer .inner {width: 1400px; margin: 0 auto; }
 .footer .inner::after {content: ""; display: block; clear: both;}
 .footer h1 {float: left; width: 220px; padding-top: 20px;}
 .footer h1 .m {display: none;}
-.footer .info {float: left; padding: 14px 10px; color: #888; font-size: 13px; }
+.footer .info {padding: 20px 0; color: #A4A4A4; font-size: 12px; }
 .footer .info .copy {padding-top: 5px;}
 .footer .info .m_show {display: none;}
-.footer .right_col {position: absolute; right: 0; top: 73px; font-size: 0;}
-.footer .right_col a {display: inline-block; margin-right: 60px; vertical-align: top;}
-.footer .right_col a .m {display: none;}
-.footer .right_col img {display: block;}
+.footer .right_col {width: 220px; text-align: right;}
+.footer .right_col a {color: #A4A4A4; font-size: 12px;}
+    /*.footer .right_col {position: absolute; right: 0; top: 73px; font-size: 0;}*/
+/*.footer .right_col a {display: inline-block; margin-right: 60px; vertical-align: top;}*/
+/*.footer .right_col a .m {display: none;}*/
+/*.footer .right_col img {display: block;}*/
 
 
 /* popup */
@@ -138,4 +173,40 @@ body {min-width: 1400px;}
 
 .msg_1 + .tit_5 {margin-top: 42px;}
 
-.qna_a + .replay {margin-top: 30px;}
\ No newline at end of file
+.qna_a + .replay {margin-top: 30px;}
+
+
+
+.btn-22498E {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #22498E;
+    --bs-btn-border-color: #22498E;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #2B5AB3;
+    --bs-btn-hover-border-color: #2B5AB3;
+    --bs-btn-focus-shadow-rgb: 130, 138, 145;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #2B5AB3;
+    --bs-btn-active-border-color: #51585e;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #1B376D;
+    --bs-btn-disabled-bg: #2a4702;
+    --bs-btn-disabled-border-color: #1B376D;
+}
+
+.btn-outline-22498E {
+    --bs-btn-color: #22498E;
+    --bs-btn-border-color: #2B5AB3;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #22498E;
+    --bs-btn-hover-border-color: #2B5AB3;
+    --bs-btn-focus-shadow-rgb: 108, 117, 125;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #2B5AB3;
+    --bs-btn-active-border-color: #2B5AB3;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #2B5AB3;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #2B5AB3;
+    --bs-gradient: none;
+}
\ 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 2f80d88..bd021a6 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -104,30 +104,30 @@ function EgovMain(props) {
         <div className="container P_MAIN">
             <div className="c_wrap">
                 <div className="colbox">
-                    <div className="left_col">
-                        {/*<img src="/assets/images/img_simple_main.png" alt="단순 홈페이지 전자정부 국가건설기준센터의 경량환경 내부업무에 대한 최신 정보와 기술을 제공하고 있습니다." />*/}
-                        <h3>건설기준코드 검색</h3>
-                        <Row>
-                            <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>
-                        </Row>
-                    </div>
+                    {/*<div className="left_col">*/}
+                    {/*    /!*<img src="/assets/images/img_simple_main.png" alt="단순 홈페이지 전자정부 국가건설기준센터의 경량환경 내부업무에 대한 최신 정보와 기술을 제공하고 있습니다." />*!/*/}
+                    {/*    <h3>건설기준코드 검색</h3>*/}
+                    {/*    <Row>*/}
+                    {/*        <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>*/}
+                    {/*    </Row>*/}
+                    {/*</div>*/}
 
                     {/*<div className="right_col">*/}
                     {/*    <div className="mini_board">*/}
diff --git a/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/config/jwt/EgovJwtTokenUtil.java b/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/config/jwt/EgovJwtTokenUtil.java
index 6e168f7..8c48dfc 100644
--- a/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/config/jwt/EgovJwtTokenUtil.java
+++ b/kcsc-back-end/src/main/java/com/dbnt/kcscbackend/config/jwt/EgovJwtTokenUtil.java
@@ -93,6 +93,7 @@ public class EgovJwtTokenUtil implements Serializable{
     claims.put("id", loginVO.getUserId());
     claims.put("remoteAddr", remoteAddr);
     claims.put("userSe", loginVO.getUserSe());
+    claims.put("userRole", loginVO.getUserRole());
     claims.put("type", "Authorization");
 
     log.debug("===>>> secret = "+SECRET_KEY);