diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css
index 2453556..16bb3ae 100644
--- a/egovframe-template-simple-react-contribution/src/css/layout.css
+++ b/egovframe-template-simple-react-contribution/src/css/layout.css
@@ -78,8 +78,8 @@ body {min-width: 1400px;}
.user_info_m {display: none;}
-.container {min-height: calc(100vh - 400px);}
-.c_wrap { margin: 0 auto;} /* removed by lim width: 1400px; padding: 0 50px; */
+.container {min-width: 1400px; min-height: calc(100vh - 400px); padding: 0; }
+.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 */
@@ -93,7 +93,7 @@ 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;} /* changed by lim padding: 0 0 120px 70px; */
+.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;} /* changed by lim padding: 0 0 120px 70px; */
/* location */
diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 41c57a6..6f1b22e 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -47,54 +47,66 @@
/* Board */
/* 메인 */
- .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 {position: relative;}
- .P_MAIN .colbox::after {content: ""; display: block; clear: both;}
- .P_MAIN .colbox > * {float: left;}
- .P_MAIN .colbox .left_col {width: 620px; margin-right: 60px; padding-top: 30px;}
- .P_MAIN .colbox .left_col img {max-width: 100%; border-radius: 38px; box-shadow: 8px 8px 13px #ccc;}
- .P_MAIN .colbox .right_col {width: 620px; padding-top: 25px;}
+ /*.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 .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;}
+ .P_MAIN .c_wrap .menubox .menu_text {font-size: 16px; font-weight: 700; padding-top: 10px; justify-content: center; color: #222;}
+ .P_MAIN .c_wrap .qnabox {width: 100%; height:390px; background: #F8FAFC;}
+ .P_MAIN .c_wrap .numbox {width: 100%; height:200px; background: #4C6C84;}
+ .P_MAIN .c_wrap .bbsbox {width: 100%; height:430px; border-bottom: 1px solid #E6E6E6;}
+ .P_MAIN .c_wrap .bannerbox {width: 100%; height:80px;}
+ /*.P_MAIN .c_wrap {position: relative;}*/
+ /*.P_MAIN .colbox::after {content: ""; display: block; clear: both;}*/
+ /*.P_MAIN .colbox > * {float: left;}*/
+ /*.P_MAIN .colbox .left_col {width: 620px; margin-right: 60px; padding-top: 30px;}*/
+ /*.P_MAIN .colbox .left_col img {max-width: 100%; border-radius: 38px; box-shadow: 8px 8px 13px #ccc;}*/
+ /*.P_MAIN .colbox .right_col {width: 620px; padding-top: 25px;}*/
- .P_MAIN .mini_board {position: relative;}
- .P_MAIN .mini_board .tab::after {content: ""; display: block; clear: both;}
- .P_MAIN .mini_board .tab li {float: left;}
- .P_MAIN .mini_board .tab li + li {margin-left: 40px;}
- .P_MAIN .mini_board .tab li a {display: block; position: relative; padding-bottom: 12px; color: #ccc; font-size: 30px; font-weight: 700;}
- .P_MAIN .mini_board .tab li a.on {color: #222;}
- .P_MAIN .mini_board .tab li a.on::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0465be;}
- .P_MAIN .mini_board .more {display: block; position: absolute; right: 0; top: 16px; height: 16px; padding-left: 27px; color: #444; font-size: 18px; line-height: 16px; background: url(css/images/ico_plus.png) no-repeat;}
- .P_MAIN .mini_board .list ul {margin-top: 33px;}
- .P_MAIN .mini_board .list ul > li {position: relative;}
- .P_MAIN .mini_board .list ul > li + li {margin-top: 10px;}
- .P_MAIN .mini_board .list ul > li a {display: block; width: calc(100% - 100px); color: #666; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
- .P_MAIN .mini_board .list ul > li a:hover {color: #222; text-decoration: underline;}
- .P_MAIN .mini_board .list ul > li span {position: absolute; right: 0; top: 4px; color: #aaa; font-size: 16px;}
- .P_MAIN .mini_board .gallary {display: none;}
+ /*.P_MAIN .mini_board {position: relative;}*/
+ /*.P_MAIN .mini_board .tab::after {content: ""; display: block; clear: both;}*/
+ /*.P_MAIN .mini_board .tab li {float: left;}*/
+ /*.P_MAIN .mini_board .tab li + li {margin-left: 40px;}*/
+ /*.P_MAIN .mini_board .tab li a {display: block; position: relative; padding-bottom: 12px; color: #ccc; font-size: 30px; font-weight: 700;}*/
+ /*.P_MAIN .mini_board .tab li a.on {color: #222;}*/
+ /*.P_MAIN .mini_board .tab li a.on::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0465be;}*/
+ /*.P_MAIN .mini_board .more {display: block; position: absolute; right: 0; top: 16px; height: 16px; padding-left: 27px; color: #444; font-size: 18px; line-height: 16px; background: url(css/images/ico_plus.png) no-repeat;}*/
+ /*.P_MAIN .mini_board .list ul {margin-top: 33px;}*/
+ /*.P_MAIN .mini_board .list ul > li {position: relative;}*/
+ /*.P_MAIN .mini_board .list ul > li + li {margin-top: 10px;}*/
+ /*.P_MAIN .mini_board .list ul > li a {display: block; width: calc(100% - 100px); color: #666; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}*/
+ /*.P_MAIN .mini_board .list ul > li a:hover {color: #222; text-decoration: underline;}*/
+ /*.P_MAIN .mini_board .list ul > li span {position: absolute; right: 0; top: 4px; color: #aaa; font-size: 16px;}*/
+ /*.P_MAIN .mini_board .gallary {display: none;}*/
- .P_MAIN .banner {margin-top: 100px;}
- .P_MAIN .banner::after {content: ""; display: block; clear: both;}
- .P_MAIN .banner > a {display: block; position: relative; float: left; width: calc(50% - 10px); height: 160px; padding: 38px 0 0 39px; border-radius: 25px; background: #fff; overflow: hidden;}
- .P_MAIN .banner > a.bn1::before {content: ""; display: block; position: absolute; right: 30px; top: -70px; width: 130px; height: 130px; border-radius: 50%; background: #bfe6e1;}
- .P_MAIN .banner > a.bn2::before {content: ""; display: block; position: absolute; right: 30px; top: -70px; width: 130px; height: 130px; border-radius: 50%; background: #fad6d7;}
- .P_MAIN .banner > a strong {display: block; padding-bottom: 8px; position: relative; color: #000; font-size: 26px; font-weight: 700;}
- .P_MAIN .banner > a span {display: block; color: #666; font-size: 18px; font-weight: 300; line-height: 24px;}
- .P_MAIN .banner > a:nth-child(1) {margin-right: 10px;}
- .P_MAIN .banner > a:nth-child(2) {margin-left: 10px;}
+ /*.P_MAIN .banner {margin-top: 100px;}*/
+ /*.P_MAIN .banner::after {content: ""; display: block; clear: both;}*/
+ /*.P_MAIN .banner > a {display: block; position: relative; float: left; width: calc(50% - 10px); height: 160px; padding: 38px 0 0 39px; border-radius: 25px; background: #fff; overflow: hidden;}*/
+ /*.P_MAIN .banner > a.bn1::before {content: ""; display: block; position: absolute; right: 30px; top: -70px; width: 130px; height: 130px; border-radius: 50%; background: #bfe6e1;}*/
+ /*.P_MAIN .banner > a.bn2::before {content: ""; display: block; position: absolute; right: 30px; top: -70px; width: 130px; height: 130px; border-radius: 50%; background: #fad6d7;}*/
+ /*.P_MAIN .banner > a strong {display: block; padding-bottom: 8px; position: relative; color: #000; font-size: 26px; font-weight: 700;}*/
+ /*.P_MAIN .banner > a span {display: block; color: #666; font-size: 18px; font-weight: 300; line-height: 24px;}*/
+ /*.P_MAIN .banner > a:nth-child(1) {margin-right: 10px;}*/
+ /*.P_MAIN .banner > a:nth-child(2) {margin-left: 10px;}*/
- .P_MAIN .banner_bot {padding: 60px 0 70px 0;}
- .P_MAIN .banner_bot::after {content: ""; display: block; clear: both;}
- .P_MAIN .banner_bot > div {float: left; width: 310px; height: 480px; padding: 0 30px; border-radius: 30px; text-align: center; background: #fff;}
- .P_MAIN .banner_bot > div + div {margin-left: 20px;}
- .P_MAIN .banner_bot > div > div {height: 410px; padding-top: 232px; border-bottom: 1px solid #e8e8e8;}
- .P_MAIN .banner_bot > div h2 {color: #000; font-size: 26px; font-weight: 700;}
- .P_MAIN .banner_bot > div p {margin-top: 23px; color: #666; font-size: 20px; line-height: 30px;}
- .P_MAIN .banner_bot > div a {display: inline-block; height: 70px; color: #666; font-size: 20px; line-height: 70px;}
- .P_MAIN .banner_bot > div a::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 9px; background: url(css/images/ico_more.png) no-repeat; vertical-align: -2px;}
- .P_MAIN .banner_bot > div.b1 > div {background: url(css/images/ico_bn01.png) no-repeat center 60px;}
- .P_MAIN .banner_bot > div.b2 > div {background: url(css/images/ico_bn02.png) no-repeat center 60px;}
- .P_MAIN .banner_bot > div.b3 > div {background: url(css/images/ico_bn03.png) no-repeat center 60px;}
- .P_MAIN .banner_bot > div.b4 > div {background: url(css/images/ico_bn04.png) no-repeat center 60px;}
+ /*.P_MAIN .banner_bot {padding: 60px 0 70px 0;}*/
+ /*.P_MAIN .banner_bot::after {content: ""; display: block; clear: both;}*/
+ /*.P_MAIN .banner_bot > div {float: left; width: 310px; height: 480px; padding: 0 30px; border-radius: 30px; text-align: center; background: #fff;}*/
+ /*.P_MAIN .banner_bot > div + div {margin-left: 20px;}*/
+ /*.P_MAIN .banner_bot > div > div {height: 410px; padding-top: 232px; border-bottom: 1px solid #e8e8e8;}*/
+ /*.P_MAIN .banner_bot > div h2 {color: #000; font-size: 26px; font-weight: 700;}*/
+ /*.P_MAIN .banner_bot > div p {margin-top: 23px; color: #666; font-size: 20px; line-height: 30px;}*/
+ /*.P_MAIN .banner_bot > div a {display: inline-block; height: 70px; color: #666; font-size: 20px; line-height: 70px;}*/
+ /*.P_MAIN .banner_bot > div a::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 9px; background: url(css/images/ico_more.png) no-repeat; vertical-align: -2px;}*/
+ /*.P_MAIN .banner_bot > div.b1 > div {background: url(css/images/ico_bn01.png) no-repeat center 60px;}*/
+ /*.P_MAIN .banner_bot > div.b2 > div {background: url(css/images/ico_bn02.png) no-repeat center 60px;}*/
+ /*.P_MAIN .banner_bot > div.b3 > div {background: url(css/images/ico_bn03.png) no-repeat center 60px;}*/
+ /*.P_MAIN .banner_bot > div.b4 > div {background: url(css/images/ico_bn04.png) no-repeat center 60px;}*/
/* 오늘의 행사 */
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 bd021a6..d328320 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -101,109 +101,34 @@ function EgovMain(props) {
console.groupEnd("EgovMain");
return (
-
+
{/* container */}
-
- {/*
*/}
-
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/* - 공지사항
*/}
- {/* - 갤러리
*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
공지사항
*/}
- {/*
*/}
- {/* {noticeListTag}*/}
- {/*
*/}
- {/*
더보기*/}
- {/*
*/}
-
- {/*
*/}
- {/*
갤러리
*/}
- {/*
*/}
- {/* {gallaryListTag}*/}
- {/*
*/}
- {/*
더보기*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
-
- {/*
*/}
- {/* */}
- {/* 자료실*/}
- {/* 다양한 자료를
다운로드 받으실 수 있습니다.*/}
- {/* */}
- {/* */}
- {/* 국가건설기준센터*/}
- {/* 국가건설기준센터의
약도 등의 정보를 제공합니다.*/}
- {/* */}
- {/*
*/}
- {/*
*/}
+
+
+
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
주요사업 소개
*/}
- {/*
국가건설기준센터가 제공하는
*/}
- {/* 주요 사업을 소개합니다.
*/}
- {/*
*/}
- {/*
자세히 보기*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
대표서비스 소개
*/}
- {/*
국가건설기준센터 실행환경의
*/}
- {/* 서비스 그룹에서 제공하는
*/}
- {/* 대표서비스입니다.
*/}
- {/*
*/}
- {/*
자세히 보기*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
서비스 신청
*/}
- {/*
국가건설기준센터 경량환경
*/}
- {/* 홈페이지의 다양한 서비스를
*/}
- {/* 신청 하실 수 있습니다.
*/}
- {/*
*/}
- {/*
자세히 보기*/}
- {/*
*/}
- {/*
*/}
- {/*
*/}
- {/*
일정 현황
*/}
- {/*
국가건설기준센터 경량환경
*/}
- {/* 홈페이지의 전체적인 일정
*/}
- {/* 현황을 조회하실 수 있습니다.
*/}
- {/*
*/}
- {/*
자세히 보기*/}
- {/*
*/}
- {/*
*/}
+
+
+
+
+
+
+
+
+
+
*!/*/}
- {/* 
+ 
+ 
+ 
+ 
+ 
+ 
+