상단 하단 간단 변경
parent
03c93da6cc
commit
49acd32502
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -7,30 +7,36 @@ function EgovFooter() {
|
|||
}else{
|
||||
return (
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div className="inner">
|
||||
<h1>
|
||||
<Link to="">
|
||||
국가건설 기준센터
|
||||
{/*<img className="w" src="/assets/images/logo_footer_w.png" alt="" />
|
||||
<img className="m" src="/assets/images/logo_footer_m.png" alt="" />*/}
|
||||
</Link>
|
||||
<img className="w" src="/assets/images/copy3.png" alt="" />
|
||||
</h1>
|
||||
<div className="info">
|
||||
<p>
|
||||
대표문의메일 : kcsc@kict.re.kr <span className="m_hide">|</span><br className="m_show" /> 대표전화 : 0000-0000 (000-0000-0000)<br />
|
||||
호환성확인 : 000-0000-0000 | 교육문의 : 0000-0000-0000
|
||||
상호명 : 한국건설기술연구원 <span className="m_hide">|</span> 대표자 : 김병석 | 대표메일 : kcsc@kict.re.kr<br />
|
||||
사업자등록번호 : 229-82-01135 | 주소 : 경기도 고양시 일산서구 고양대로 283(대화동)
|
||||
</p>
|
||||
<p className="copy">Copyright © 2021 Ministry Of The Interior And Safety. All Rights Reserved.</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>
|
||||
{/*<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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -71,21 +71,34 @@ function EgovHeader({ loginUser, onChangeLogin }) {
|
|||
<div className="header">
|
||||
<div className="inner">
|
||||
<h1 className="logo">
|
||||
<Link to={URL.MAIN} className="w">국가건설기준센터</Link>{/*<img src="/assets/images/logo_w.png" alt="국가건설기준센터" />*/}
|
||||
<Link to={URL.MAIN} className="m">국가건설기준센터</Link>{/*<img src="/assets/images/logo_m.png" alt="국가건설기준센터" />*/}
|
||||
<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>
|
||||
<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>
|
||||
<li><NavLink to={URL.SUPPORT} className={({ isActive }) => (isActive ? "cur" : "")}>고객지원</NavLink></li>
|
||||
<li><NavLink to={URL.INFORM} className={({ isActive }) => (isActive ? "cur" : "")}>알림마당</NavLink></li>
|
||||
{sessionUserSe ==='ACC_TP01' &&
|
||||
<li><NavLink to={URL.ADMIN} className={({ isActive }) => (isActive ? "cur" : "")}>사이트관리</NavLink></li>
|
||||
}
|
||||
<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>*/}
|
||||
{/*<li><NavLink to={URL.SUPPORT} className={({ isActive }) => (isActive ? "cur" : "")}>고객지원</NavLink></li>*/}
|
||||
{/*<li><NavLink to={URL.INFORM} className={({ isActive }) => (isActive ? "cur" : "")}>알림마당</NavLink></li>*/}
|
||||
{/*{sessionUserSe ==='ACC_TP01' &&*/}
|
||||
{/* <li><NavLink to={URL.ADMIN} className={({ isActive }) => (isActive ? "cur" : "")}>사이트관리</NavLink></li>*/}
|
||||
{/*}*/}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,16 +5,17 @@ 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 h1 {display: inline-block; margin-top: 62px;}
|
||||
.header h1 {display: inline-block; margin-top: 32px;}
|
||||
.header h1 a,
|
||||
.header h1 img {display: block;}
|
||||
.header .logo .m {display: none;}
|
||||
.header .user_info {position: absolute; right: 50px; top: 20px; line-height: 30px;}
|
||||
.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 .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: 78px; width: 920px;}
|
||||
.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;}
|
||||
|
|
@ -22,11 +23,13 @@ body {min-width: 1400px;}
|
|||
.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: 75px;}
|
||||
.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 .btn.mobile {display: none;}
|
||||
|
||||
.header .topsearch {width: 25px; height: 27px; background: url(css/images/ico_search_b.png) no-repeat; margin: 5px;}
|
||||
|
||||
/* All menu */
|
||||
.all_menu {transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform-origin: top; z-index: 10;}
|
||||
.all_menu.Mobile {display: none;}
|
||||
|
|
@ -75,14 +78,18 @@ body {min-width: 1400px;}
|
|||
.location ul li a.home::before {content: ""; display: block; position: absolute; left: 0; top: 3px; width: 14px; height: 13px; background: url(css/images/ico_home.png) no-repeat;}
|
||||
|
||||
|
||||
.footer {position: relative; height: 180px;}
|
||||
.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 .inner::after {content: ""; display: block; clear: both;}
|
||||
.footer h1 {float: left; width: 220px; padding-top: 50px;}
|
||||
.footer h1 {float: left; width: 220px; padding-top: 20px;}
|
||||
.footer h1 .m {display: none;}
|
||||
.footer .info {float: left; padding-top: 44px; color: #888; font-size: 16px; line-height: 26px;}
|
||||
.footer .info .copy {margin-top: 12px;}
|
||||
.footer .info {float: left; padding: 14px 10px; color: #888; font-size: 13px; }
|
||||
.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;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue