diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 8a65cc9..5da9b40 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -16,8 +16,8 @@
 .Plogin .login_box a {font-size: 15px;}
 /*.Plogin .login_box button {display: block; width: 160px; height: 110px; border-radius: 8px; color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 110px; background: #169bd5;}*/
 /*.Plogin .login_box button span {display: block; position: relative; height: 100%;}*/
-.Plogin .login_box .line_t {height: 15px; border-bottom: 1px solid #D6D6D6; }
-.Plogin .login_box .line_b {height: 15px; border-top: 1px solid #C2C2C2; }
+.line_t {height: 15px; border-bottom: 1px solid #D6D6D6; }
+.line_b {height: 15px; border-top: 1px solid #C2C2C2; }
 .Plogin .login_box .chk {margin-top: 20px;}
 .Plogin .login_box .chk em {display: inline-block; height: 30px; color: #666; font-size: 15px;}
 .Plogin .login_box .chk em:nth-child(2) {padding: 0 10px;}
@@ -50,9 +50,21 @@
     /*.P_MAIN {position: relative; background: #f5f5f5;}*/
     /*.P_MAIN::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 360px; background: #fff;}*/
     .P_MAIN .c_wrap .topbox {width: 100%; height:490px; background: #F8F8F8; margin: 0 auto;}
-    .P_MAIN .c_wrap .topbox .topbox_1 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff;}
-    .P_MAIN .c_wrap .topbox .topbox_2 {width: 630px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 0 25px;}
-    .P_MAIN .c_wrap .topbox .topbox_3 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff;}
+    .P_MAIN .c_wrap .topbox .topbox_1 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; padding: 30px;}
+    .P_MAIN .c_wrap .topbox .topbox_1 .topbox_11{font-size: 22px; font-weight: 700; padding-bottom: 20px;}
+    .P_MAIN .c_wrap .topbox .topbox_1 .topbox_12{font-size: 14px; }
+    .P_MAIN .c_wrap .topbox .topbox_1 .topbox_13{font-size: 12px; font-weight: 700; color: #22498E; padding-bottom: 30px;}
+    .P_MAIN .c_wrap .topbox .topbox_1 .topbox_14{font-size: 17px; font-weight: 600; line-height: 42px; white-space: nowrap;}
+    .P_MAIN .c_wrap .topbox .topbox_2 {width: 630px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 0 25px; padding: 30px;}
+    .P_MAIN .c_wrap .topbox .topbox_2 .topbox_11{font-size: 22px; font-weight: 700; padding-bottom: 20px;}
+    .P_MAIN .c_wrap .topbox .topbox_2 .topbox_12{font-size: 19px; padding-bottom: 70px;}
+    .P_MAIN .c_wrap .topbox .topbox_2 .topbox_13 {width: 80px; height: 80px; border-radius: 50%; background: #E2E9F6; display: flex; justify-content: center; align-items: center; margin-left: 1.2rem;}
+    .P_MAIN .c_wrap .topbox .topbox_2 .topbox_14{font-size: 16px; font-weight: 600; text-align: center; line-height: 40px; color: #222; padding: 10px 0;}
+    .P_MAIN .c_wrap .topbox .topbox_2 .topbox_15{text-align: center; line-height: 40px;}
+    .P_MAIN .c_wrap .topbox .topbox_3 {width: 360px; height: 390px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 0 4px 5px #ccc; background: #fff; padding: 30px;}
+    .P_MAIN .c_wrap .topbox .topbox_3 .topbox_11{font-size: 22px; font-weight: 700; padding-bottom: 20px;}
+    .P_MAIN .c_wrap .login_search {border: 1px solid #6F6F6F; border-radius: 10px; overflow: hidden;}
+    .P_MAIN .c_wrap .login_search_word {max-height: 125px; padding: 5px; overflow-x: auto; overflow-y: auto;}
     .P_MAIN .c_wrap .menubox {width: 100%; height:200px;}
     .P_MAIN .c_wrap .menubox .menubox_n {padding: 0 50px;}
     .P_MAIN .c_wrap .menubox .menu_img {width: 100px; height: 100px; border-radius: 50%; background: #E2E9F6; display: flex; justify-content: center; align-items: center;}
@@ -61,8 +73,12 @@
     .P_MAIN .c_wrap .qnabox .qnabox_1 {width: 1400px; height: 100px; margin:0 auto; padding: 0 10px; font-size: 35px; font-weight: 700; color: #004994;}
     .P_MAIN .c_wrap .qnabox .qnabox_11 {width: 50%; font-size: 35px; font-weight: 700; color: #004994;}
     .P_MAIN .c_wrap .qnabox .qnabox_12 {width: 50%; font-size: 20px; font-weight: 500; color: #6C6C6C;}
+    .P_MAIN .c_wrap .qnabox .qnabox_12 .rounded_circle_qna {width: 32px; height: 32px; border-radius: 50%; background: #FFF; box-shadow: 0 4px 5px #ccc; align-items: center; text-align: center; display: flex; }
     .P_MAIN .c_wrap .qnabox .qnabox_2 {width: 1400px; margin:0 auto; }
-    .P_MAIN .c_wrap .qnabox .qnabox_n {width: 330px; height: 200px; border: 1px solid #dde2e5; border-radius: 10px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 20px 10px;}
+    .P_MAIN .c_wrap .qnabox .qnabox_n {width: 330px; height: 200px; border: 1px solid #dde2e5; border-radius: 10px; box-shadow: 0 4px 5px #ccc; background: #fff; margin: 20px 10px; padding: 30px;}
+    .P_MAIN .c_wrap .qnabox .qnabox_n .qnabox_n_file {background: #EBF1FF; border-radius: 10px; color: #22498E; font-size: 12px;}
+    .P_MAIN .c_wrap .qnabox .qnabox_n .qnabox_n_title {height: 100px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; font-weight: 600;}
+    .P_MAIN .c_wrap .qnabox .qnabox_n .qnabox_n_date {font-size: 13px; }
     .P_MAIN .c_wrap .numbox {width: 100%; height:200px; background: #4C6C84;}
     .P_MAIN .c_wrap .numbox .numbox_n {width: 300px; color: #fff; text-align: center;}
     .P_MAIN .c_wrap .numbox .num_text {font-size: 22px; font-weight: 700;}
@@ -71,6 +87,7 @@
     .P_MAIN .c_wrap .bbsbox {width: 100%; height:430px; border-bottom: 1px solid #E6E6E6; margin: 0 auto; padding-top: 85px;}
     .P_MAIN .c_wrap .bbsbox .bbsbox_1 {width: 980px; }
     .P_MAIN .c_wrap .bbsbox .bbsbox_2 {width: 370px; margin-left: 50px;}
+    .P_MAIN .c_wrap .bbsbox .bbsbox_2 img {max-width: 370px; border-radius: 20px; }
 
     .P_MAIN .c_wrap .bannerbox {width: 1400px; height:80px; margin: 0 auto;}
     /*.P_MAIN .c_wrap .bannerbox .slick-list {width: 1400px; margin: 0 auto;}*/
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 a0bdaa2..fc017c6 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -300,13 +300,43 @@ function EgovMain(props) {
                 <div className="qnabox">
                     <div className="qnabox_1 d-flex justify-content-center">
                         <div className="qnabox_11 d-flex justify-content-start align-items-end">Q&A</div>
-                        <div className="qnabox_12 d-flex justify-content-end align-items-end">1/2</div>
+                        <Row className="qnabox_12 text-center align-items-end">
+                            <Col xs={9}></Col>
+                            <Col xs={1} className={"rounded_circle_qna"}><img src={"/assets/images/left.png"} /></Col>
+                            <Col xs={1} className={""}> 1/2 </Col>
+                            <Col xs={1} className={"rounded_circle_qna"}><img src={"/assets/images/right.png"} /></Col>
+                        </Row>
                     </div>
                     <div className="qnabox_2 d-flex justify-content-center align-items-center">
-                        <div className="qnabox_n">1</div>
-                        <div className="qnabox_n">2</div>
-                        <div className="qnabox_n">3</div>
-                        <div className="qnabox_n">4</div>
+                        <div className="qnabox_n">
+                            <Row>
+                                <Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
+                                <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
+                            </Row>
+                            <Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row>
+                        </div>
+                        <div className="qnabox_n">
+                            <Row>
+                                <Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
+                                <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
+                            </Row>
+                            <Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
+                        <div className="qnabox_n">
+                            <Row>
+                                <Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
+                                <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
+                            </Row>
+                            <Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
+                        <div className="qnabox_n">
+                            <Row>
+                                <Col xs={10} className={"qnabox_n_file py-1"}>00.jpg</Col>
+                                <Col xs={2} className={"text-end p-0"}><img src={"/assets/images/file.png"} /></Col>
+                            </Row>
+                            <Row className={"qnabox_n_title pt-2"}>콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요? 콘크리트 내구성 설계 및 평가 문의요.. 정말 잘 되나요?</Row>
+                            <Row className={"qnabox_n_date justify-content-end"}>2024.01.23</Row></div>
                     </div>
                 </div>
                 <div className="numbox d-flex justify-content-center align-items-center">