퍼블 업뎃

thkim
Lim\jun 2024-05-28 17:25:17 +09:00
parent 82ffd839e7
commit d4fd86ac98
16 changed files with 87 additions and 150 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1020 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 992 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1007 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -23,7 +23,7 @@ function EgovFooter() {
<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.STANDARD_CODE_ENG}>영문건설기준</NavLink><br />
<NavLink to={URL.COMMITTEE_PROGRESS}>진행현황</NavLink>
<NavLink to={URL.COMMITTEE_SCHEDULE}>위원회 일정</NavLink><br />
<NavLink to={URL.SUPPORT_LIST}>공지사항</NavLink>

View File

@ -218,7 +218,7 @@ function EgovHeader({ loginUser, onChangeLogin }) {
<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>
<li><NavLink to={URL.STANDARD_CODE_ENG} onClick={allMenuControl} className={({ isActive }) => (isActive ? "cur" : "")}>영문건설기준</NavLink></li>
</ul>
</div>
<div className="">

View File

@ -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 */

View File

@ -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;}*/
/* 오늘의 행사 */

View File

@ -101,109 +101,34 @@ function EgovMain(props) {
console.groupEnd("EgovMain");
return (
<div className="container P_MAIN">
<div className="P_MAIN">{/* container */}
<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="right_col">*/}
{/* <div className="mini_board">*/}
{/* <ul className="tab">*/}
{/* <li><a href="#공지사항" className="on">공지사항</a></li>*/}
{/* <li><a href="#갤러리">갤러리</a></li>*/}
{/* </ul>*/}
{/* <div className="list">*/}
{/* <div className="notice">*/}
{/* <h2 className="blind">공지사항</h2>*/}
{/* <ul>*/}
{/* {noticeListTag}*/}
{/* </ul>*/}
{/* <Link to={URL.INFORM_NOTICE} className="more">더보기</Link>*/}
{/* </div>*/}
{/* <div className="gallary">*/}
{/* <h2 className="blind">갤러리</h2>*/}
{/* <ul>*/}
{/* {gallaryListTag}*/}
{/* </ul>*/}
{/* <Link to={URL.INFORM_GALLERY} className="more">더보기</Link>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div className="banner">*/}
{/* <Link to={URL.SUPPORT_DOWNLOAD} className="bn1">*/}
{/* <strong>자료실</strong>*/}
{/* <span>다양한 자료를<br />다운로드 받으실 수 있습니다.</span>*/}
{/* </Link>*/}
{/* <Link to={URL.ABOUT} className="bn2">*/}
{/* <strong>국가건설기준센터</strong>*/}
{/* <span>국가건설기준센터의<br />약도 등의 정보를 제공합니다.</span>*/}
{/* </Link>*/}
{/* </div>*/}
{/*</div>*/}
<div className="topbox d-flex justify-content-center align-items-center">
<div className="topbox_1"></div>
<div className="topbox_2"></div>
<div className="topbox_3"></div>
</div>
<div className="menubox d-flex justify-content-center align-items-center">
<div className="menubox_n text-center"><Link to={URL.STANDARD_CODE_OLD}><div className="menu_img"><img src="/assets/images/ico-landing5.png" /></div><div className="menu_text">훈령/예규/지침</div></Link></div>
<div className="menubox_n text-center"><Link to={URL.STANDARD_CODE_ENG}><div className="menu_img"><img src="/assets/images/ico-landing6.png" /></div><div className="menu_text">영문건설기준</div></Link></div>
<div className="menubox_n text-center"><Link to={URL.STANDARD_CODE_TERM}><div className="menu_img"><img src="/assets/images/ico-landing8.png" /></div><div className="menu_text">건설기준용어</div></Link></div>
<div className="menubox_n text-center"><Link to={URL.SUPPORT_LIST}><div className="menu_img"><img src="/assets/images/ico-landing7.png" /></div><div className="menu_text">주요행사</div></Link></div>
<div className="menubox_n text-center"><Link to={URL.SUPPORT_LIST}><div className="menu_img"><img src="/assets/images/ico-landing9.png" /></div><div className="menu_text">수요조사</div></Link></div>
<div className="menubox_n text-center"><Link to={URL.SUPPORT_API}><div className="menu_img"><img src="/assets/images/ico-landing10.png" /></div><div className="menu_text">API 서비스</div></Link></div>
<div className="menubox_n text-center"><Link to={URL.SUPPORT_SITE}><div className="menu_img"><img src="/assets/images/ico-landing11.png" /></div><div className="menu_text">관련사이트</div></Link></div>
</div>
<div className="qnabox">
{/*<div className="banner_bot">*/}
{/* <div className="b1">*/}
{/* <div>*/}
{/* <h2>주요사업 소개</h2>*/}
{/* <p>국가건설기준센터가 제공하는<br />*/}
{/* 주요 사업을 소개합니다.</p>*/}
{/* </div>*/}
{/* <Link to={URL.INTRO_WORKS}>자세히 보기</Link>*/}
{/* </div>*/}
{/* <div className="b2">*/}
{/* <div>*/}
{/* <h2>대표서비스 소개</h2>*/}
{/* <p>국가건설기준센터 실행환경의<br />*/}
{/* 서비스 그룹에서 제공하는<br />*/}
{/* 대표서비스입니다.</p>*/}
{/* </div>*/}
{/* <Link to={URL.INTRO_SERVICE}>자세히 보기</Link>*/}
{/* </div>*/}
{/* <div className="b3">*/}
{/* <div>*/}
{/* <h2>서비스 신청</h2>*/}
{/* <p>국가건설기준센터 경량환경<br />*/}
{/* 홈페이지의 다양한 서비스를<br />*/}
{/* 신청 하실 수 있습니다.</p>*/}
{/* </div>*/}
{/* <Link to={URL.SUPPORT_APPLY}>자세히 보기</Link>*/}
{/* </div>*/}
{/* <div className="b4">*/}
{/* <div>*/}
{/* <h2>일정 현황</h2>*/}
{/* <p>국가건설기준센터 경량환경<br />*/}
{/* 홈페이지의 전체적인 일정<br />*/}
{/* 현황을 조회하실 수 있습니다.</p>*/}
{/* </div>*/}
{/* <Link to={URL.INFORM}>자세히 보기</Link>*/}
{/* </div>*/}
{/*</div>*/}
</div>
<div className="numbox">
</div>
<div className="bbsbox">
</div>
<div className="bannerbox">
</div>
</div>
</div>