diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 2db9f5d..1322e6a 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -165,70 +165,6 @@
     /*.P_MAIN .banner_bot > div.b4 > div {background: url(css/images/ico_bn04.png) no-repeat center 60px;}*/
 
 
-    /* 오늘의 행사 */
-    .BRD001 .head > span:nth-child(1) {width: 150px;}
-    .BRD001 .head > span:nth-child(3) {width: 150px;}
-    .BRD001 .result .list_item > div:nth-child(1) {width: 150px;}
-    .BRD001 .result .list_item > div:nth-child(3) {width: 150px;}
-
-    /* 공지사항 */
-    .BRD002 .head > span:nth-child(1) {width: 60px;}
-    .BRD002 .head > span:nth-child(3) {width: 100px;}
-    .BRD002 .head > span:nth-child(4) {width: 120px;}
-    .BRD002 .head > span:nth-child(5) {width: 100px;}
-    .BRD002 .result .list_item > div:nth-child(1) {width: 60px;}
-    .BRD002 .result .list_item > div:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
-    .BRD002 .result .list_item > div:nth-child(3) {width: 100px;}
-    .BRD002 .result .list_item > div:nth-child(4) {width: 120px;}
-    .BRD002 .result .list_item > div:nth-child(5) {width: 100px;}
-
-    /* 금주의 행사 */
-    .BRD003 .head > span:nth-child(1) {width: 200px;}
-    .BRD003 .head > span:nth-child(2) {width: 150px;}
-    .BRD003 .head > span:nth-child(3) {width: 470px;}
-    .BRD003 .head > span:nth-child(4) {width: 150px;}
-    .BRD003 .result .list_item > div:nth-child(1) {width: 200px;}
-    .BRD003 .result .list_item > div:nth-child(2) {width: auto;}
-    .BRD003 .result .list_item > div:nth-child(2) > a {display: table; width: 100%; color: #666;}
-    .BRD003 .result .list_item > div:nth-child(2) > a:hover {text-decoration: underline;}
-    .BRD003 .result .list_item > div:nth-child(2) > a > * {display: table-cell;}
-    .BRD003 .result .list_item > div:nth-child(2) > a > span:nth-child(1) {width: 150px;}
-    .BRD003 .result .list_item > div:nth-child(2) > a > span:nth-child(2) {width: auto; text-align: center;}
-    .BRD003 .result .list_item > div:nth-child(2) > a > span:nth-child(3) {width: 150px;}
-
-    /* 게시판템플릿관리 */
-    .BRD004 .head > span:nth-child(1) {width: 70px;}
-    .BRD004 .head > span:nth-child(2) {width: 150px;}
-    .BRD004 .head > span:nth-child(3) {width: 120px;}
-    .BRD004 .head > span:nth-child(5) {width: 100px;}
-    .BRD004 .head > span:nth-child(6) {width: 140px;}
-    .BRD004 .result .list_item > div:nth-child(1) {width: 70px;}
-    .BRD004 .result .list_item > div:nth-child(2) {width: 150px;}
-    .BRD004 .result .list_item > div:nth-child(3) {width: 120px;}
-    .BRD004 .result .list_item > div:nth-child(5) {width: 100px;}
-    .BRD004 .result .list_item > div:nth-child(6) {width: 140px;}
-
-    /* 사이트관리 미리보기 게시판 */
-    .BRD005 .head > span:nth-child(1) {width: 60px;}
-    .BRD005 .head > span:nth-child(3) {width: 100px;}
-    .BRD005 .head > span:nth-child(4) {width: 120px;}
-    .BRD005 .head > span:nth-child(5) {width: 100px;}
-    .BRD005 .result .list_item > div:nth-child(1) {width: 60px;}
-    .BRD005 .result .list_item > div:nth-child(3) {width: 100px;}
-    .BRD005 .result .list_item > div:nth-child(4) {width: 120px;}
-    .BRD005 .result .list_item > div:nth-child(5) {width: 100px;}
-
-    /* 게시판 관리 */
-    .BRD006 .head > span:nth-child(1) {width: 160px; text-align: left;}
-    .BRD006 .head > span:nth-child(3) {width: 160px;}
-    .BRD006 .head > span:nth-child(4) {width: 70px;}
-    .BRD006 .head > span:nth-child(5) {width: 70px;}
-    .BRD006 .head > span:nth-child(6) {width: 120px;}
-    .BRD006 .result .list_item > div:nth-child(1) {width: 160px; text-align: left;}
-    .BRD006 .result .list_item > div:nth-child(3) {width: 160px;}
-    .BRD006 .result .list_item > div:nth-child(4) {width: 70px;}
-    .BRD006 .result .list_item > div:nth-child(5) {width: 70px;}
-    .BRD006 .result .list_item > div:nth-child(6) {width: 120px;}
 
     /* 사이트관리 > 사용자관리 > 사용자목록 */
     .userList .head > span:nth-child(1) {width: 60px;}
@@ -336,20 +272,86 @@
     .PDS_LIST .board_list {margin-top: 50px;}
 
 
+    /* 오늘의 행사 */
+    .BRD001 .head > span:nth-child(1) {width: 150px;}
+    .BRD001 .head > span:nth-child(3) {width: 150px;}
+    .BRD001 .result .list_item > div:nth-child(1) {width: 150px;}
+    .BRD001 .result .list_item > div:nth-child(3) {width: 150px;}
+
+    /* 공지사항 */
+    .BRD002 .head > span:nth-child(1) {width: 60px;}
+    .BRD002 .head > span:nth-child(3) {width: 100px;}
+    .BRD002 .head > span:nth-child(4) {width: 120px;}
+    .BRD002 .head > span:nth-child(5) {width: 100px;}
+    .BRD002 .result .list_item > div:nth-child(1) {width: 60px;}
+    .BRD002 .result .list_item > div:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
+    .BRD002 .result .list_item > div:nth-child(3) {width: 100px;}
+    .BRD002 .result .list_item > div:nth-child(4) {width: 120px;}
+    .BRD002 .result .list_item > div:nth-child(5) {width: 100px;}
+
+    /* 금주의 행사 */
+    .BRD003 .head > span:nth-child(1) {width: 200px;}
+    .BRD003 .head > span:nth-child(2) {width: 150px;}
+    .BRD003 .head > span:nth-child(3) {width: 470px;}
+    .BRD003 .head > span:nth-child(4) {width: 150px;}
+    .BRD003 .result .list_item > div:nth-child(1) {width: 200px;}
+    .BRD003 .result .list_item > div:nth-child(2) {width: auto;}
+    .BRD003 .result .list_item > div:nth-child(2) > a {display: table; width: 100%; color: #666;}
+    .BRD003 .result .list_item > div:nth-child(2) > a:hover {text-decoration: underline;}
+    .BRD003 .result .list_item > div:nth-child(2) > a > * {display: table-cell;}
+    .BRD003 .result .list_item > div:nth-child(2) > a > span:nth-child(1) {width: 150px;}
+    .BRD003 .result .list_item > div:nth-child(2) > a > span:nth-child(2) {width: auto; text-align: center;}
+    .BRD003 .result .list_item > div:nth-child(2) > a > span:nth-child(3) {width: 150px;}
+
+    /* 게시판템플릿관리 */
+    .BRD004 .head > span:nth-child(1) {width: 70px;}
+    .BRD004 .head > span:nth-child(2) {width: 150px;}
+    .BRD004 .head > span:nth-child(3) {width: 120px;}
+    .BRD004 .head > span:nth-child(5) {width: 100px;}
+    .BRD004 .head > span:nth-child(6) {width: 140px;}
+    .BRD004 .result .list_item > div:nth-child(1) {width: 70px;}
+    .BRD004 .result .list_item > div:nth-child(2) {width: 150px;}
+    .BRD004 .result .list_item > div:nth-child(3) {width: 120px;}
+    .BRD004 .result .list_item > div:nth-child(5) {width: 100px;}
+    .BRD004 .result .list_item > div:nth-child(6) {width: 140px;}
+
+    /* 사이트관리 미리보기 게시판 */
+    .BRD005 .head > span:nth-child(1) {width: 60px;}
+    .BRD005 .head > span:nth-child(3) {width: 100px;}
+    .BRD005 .head > span:nth-child(4) {width: 120px;}
+    .BRD005 .head > span:nth-child(5) {width: 100px;}
+    .BRD005 .result .list_item > div:nth-child(1) {width: 60px;}
+    .BRD005 .result .list_item > div:nth-child(3) {width: 100px;}
+    .BRD005 .result .list_item > div:nth-child(4) {width: 120px;}
+    .BRD005 .result .list_item > div:nth-child(5) {width: 100px;}
+
+    /* 게시판 관리 */
+    .BRD006 .head > span:nth-child(1) {width: 160px;}
+    .BRD006 .head > span:nth-child(3) {width: 180px;}
+    .BRD006 .head > span:nth-child(4) {width: 140px;}
+    .BRD006 .head > span:nth-child(5) {width: 100px;}
+    .BRD006 .head > span:nth-child(6) {width: 120px;}
+    .BRD006 .result .list_item > div:nth-child(1) {width: 160px;}
+    .BRD006 .result .list_item > div:nth-child(2) {text-align: left;}
+    .BRD006 .result .list_item > div:nth-child(3) {width: 180px;}
+    .BRD006 .result .list_item > div:nth-child(4) {width: 140px;}
+    .BRD006 .result .list_item > div:nth-child(5) {width: 100px;}
+    .BRD006 .result .list_item > div:nth-child(6) {width: 120px;}
+
 
     /* 사이트관리 > 게시판현황 > 게시물관리 */
     .BRD007 .head > span:nth-child(1) {width: 70px;}
     .BRD007 .head > span:nth-child(3) {width: 70px;}
-    .BRD007 .head > span:nth-child(4) {width: 120px;}
-    .BRD007 .head > span:nth-child(5) {width: 160px;}
+    .BRD007 .head > span:nth-child(4) {width: 80px;}
+    .BRD007 .head > span:nth-child(5) {width: 100px;}
     .BRD007 .head > span:nth-child(6) {width: 120px;}
-    .BRD007 .head > span:nth-child(7) {width: 140px;}
+    .BRD007 .head > span:nth-child(7) {width: 100px;}
     .BRD007 .result .list_item > div:nth-child(1) {width: 70px;}
     .BRD007 .result .list_item > div:nth-child(3) {width: 70px;}
-    .BRD007 .result .list_item > div:nth-child(4) {width: 120px;}
-    .BRD007 .result .list_item > div:nth-child(5) {width: 160px;}
+    .BRD007 .result .list_item > div:nth-child(4) {width: 80px;}
+    .BRD007 .result .list_item > div:nth-child(5) {width: 100px;}
     .BRD007 .result .list_item > div:nth-child(6) {width: 120px;}
-    .BRD007 .result .list_item > div:nth-child(7) {width: 140px;}
+    .BRD007 .result .list_item > div:nth-child(7) {width: 100px;}
 
     .PDS_REG .pds_desc_edit {margin: 14px 0 30px 0;}
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtEdit.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtEdit.jsx
index 0d4d805..cdac6d0 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtEdit.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtEdit.jsx
@@ -5,6 +5,8 @@ import Modal from "react-bootstrap/Modal";
 import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import CODE from 'constants/code';
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
 
 import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavAdmin';
 import EgovRadioButtonGroup from 'components/EgovRadioButtonGroup';
@@ -275,19 +277,19 @@ function AdminPostMgtEdit({props, reloadFunction, searchCondition}) {
                         )}
 
                         {/* <!-- 버튼영역 --> */}
-                        <div className="board_btn_area">
-                            <div className="left_col btn1">
+                        <Row className="pt-3">
+                            <Col xs={6}>
                                 {modeInfo.mode === CODE.MODE_MODIFY &&
-                                <button type={"button"} className="btn btn_red_h46 w_100" onClick={() => {
+                                <button type={"button"} className="btn btn_red_h32 w_100" onClick={() => {
                                     deletePost(props)
                                 }}>삭제</button>
                                 }
-                            </div>
+                            </Col>
 
-                            <div className="right_col btn1">
-                                <button type="submit" className="btn btn_skyblue_h46 w_100">저장</button>
-                            </div>
-                        </div>
+                            <Col xs={6} className="text-end">
+                                <button type="submit" className="btn btn_blue_h32 w_100">저장</button>
+                            </Col>
+                        </Row>
                         {/* <!--// 버튼영역 --> */}
                     </Form>
                 </div>
diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtList.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtList.jsx
index f19e52f..195174b 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtList.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/board/AdminPostMgtList.jsx
@@ -74,7 +74,7 @@ function AdminPostMgtList(props) {
                             <div>{item?.fileGrpId && <img src={fileIconPath} alt="File Icon" />}</div>
                             <div>{item?.frstCrtId}</div>
                             <div>{formattedDate}</div>
-                            <div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editPost(item)}}>수정</button></div>
+                            <div><button className={"btn btn_skyblue_h32 px-1"} onClick={()=>{editPost(item)}}>수정</button></div>
                         </div>
                     );
                 });
@@ -90,7 +90,7 @@ function AdminPostMgtList(props) {
                             <div>{item?.fileGrpId && <img src={fileIconPath} alt="File Icon" />}</div>
                             <div>{item?.frstCrtId}</div>
                             <div>{formattedDate}</div>
-                            <div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editPost(item)}}>수정</button></div>
+                            <div><button className={"btn btn_skyblue_h32 px-1"} onClick={()=>{editPost(item)}}>수정</button></div>
                         </div>
                     );
                 });
diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/board/EgovAdminBoardEdit.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/board/EgovAdminBoardEdit.jsx
index 6b03968..70f1bf1 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/board/EgovAdminBoardEdit.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/board/EgovAdminBoardEdit.jsx
@@ -5,6 +5,8 @@ import Modal from "react-bootstrap/Modal";
 import * as EgovNet from 'api/egovFetch';
 import URL from 'constants/url';
 import CODE from 'constants/code';
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
 
 import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavAdmin';
 import EgovRadioButtonGroup from 'components/EgovRadioButtonGroup';
@@ -301,16 +303,16 @@ function EgovAdminBoardEdit({props, reloadFunction}) {
                         </dl>
 
                         {/* <!-- 버튼영역 --> */}
-                        <div className="board_btn_area">
-                            <div className="left_col btn1">
+                        <Row className="pt-3">
+                            <Col xs={6}>
                                 {modeInfo.mode === CODE.MODE_MODIFY && (
-                                <button type={"button"} className="btn btn_red_h46 w_100" onClick={()=>{deleteBoard(props)}}>삭제</button>
+                                <button type={"button"} className="btn btn_red_h32 w_100" onClick={()=>{deleteBoard(props)}}>삭제</button>
                                 )}
-                            </div>
-                            <div className="right_col btn1">
-                                <button type="submit" className="btn btn_skyblue_h46 w_100">저장</button>
-                            </div>
-                        </div>
+                            </Col>
+                            <Col xs={6} className="text-end">
+                                <button type="submit" className="btn btn_blue_h32 w_100">저장</button>
+                            </Col>
+                        </Row>
                         {/* <!--// 버튼영역 --> */}
                     </Form>
                 </div>
diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/boards/List.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/boards/List.jsx
index b9258da..00909fa 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/boards/List.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/boards/List.jsx
@@ -63,7 +63,7 @@ function EgovAdminBoardList(props) {
                             <div>{item.frstCrtId}</div>
                             <div>{formattedDate}</div>
                             <div>{item.useYn}</div>
-                            <div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(item)}}>수정</button></div>
+                            <div><button className={"btn btn_skyblue_h32 px-1"} onClick={()=>{editBoard(item)}}>수정</button></div>
                         </div>
                     );
                 });