-
- 건설기준코드
건설기준위원회
정보제공
센터소개
- 건설기준위원회
정보제공
센터소개
건설기준코드 안내 | 건설기준코드 검색 | (구)건설기준 검색
- 진행현황 | 위원회 일정
- 공지사항 | Q&A | 수요조사 | 주요행사 | 건설교육안내 | 기술자료 | 보도자료 | 관련사이트 | API서비스 | 영문기준 제공 | 건설기준용어 | 건설기준 연구
- 인사말 | 연혁 | 홍보자료 | 주요업무 | 찾아오시는길 +건설기준코드
건설기준위원회
정보제공
센터소개
+
- 진행현황 | 위원회 일정
- 공지사항 | Q&A | 수요조사 | 주요행사 | 건설교육안내 | 기술자료 | 보도자료 | 관련사이트 | API서비스 | 영문기준 제공 | 건설기준용어 | 건설기준 연구
- 인사말 | 연혁 | 홍보자료 | 주요업무 | 찾아오시는길 +
건설기준위원회
정보제공
+
+
+ 건설기준코드 안내
+ 건설기준코드 검색
+ (구)건설기준 검색
+ 건설기준고시
+ 영문건설기준
+ 건설기준용어
+진행현황
+ 위원회 일정
+공지사항
+ Q&A
+ 수요조사
+ 주요행사
+ {/*건설교육안내 */}
+ 기술자료
+ 보도자료
+ 건설기준 연구
+ 관련사이트
+ API서비스
+ 설문조사
+ +
+ 인사말
+ 연혁
+ 홍보자료
+ 주요업무
+ 찾아오시는길
+ SITEMAP
+
+
+
+ +
-
-
-
- 
-
-
+
+
-
diff --git a/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx b/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx
index 4937059..b1d2d43 100644
--- a/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/EgovHeader.jsx
@@ -8,6 +8,8 @@ import CODE from 'constants/code';
import { getSessionItem, setSessionItem } from 'utils/storage';
import { getLocalItem, setLocalItem } from 'utils/storage';
import {parseJwt} from "../utils/parseJwt";
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
function EgovHeader({ loginUser, onChangeLogin }) {
console.group("EgovHeader");
@@ -18,9 +20,15 @@ function EgovHeader({ loginUser, onChangeLogin }) {
const userInfo = parseJwt(accessToken);
const sessionUserId = userInfo?.id;
const sessionUserSe = userInfo?.userSe;
+ const sessionUserRole = userInfo?.userRole;
const navigate = useNavigate();
+ const [showMore, setShowMore] = useState(false);
+ const toggleShowMore = () => {
+ setShowMore(!showMore);
+ };
+
const logInHandler = () => { // 로그인 정보 없을 시
navigate(URL.LOGIN);
// PC와 Mobile 열린메뉴 닫기: 2023.04.13(목) 김일국 추가
@@ -57,6 +65,13 @@ function EgovHeader({ loginUser, onChangeLogin }) {
);
}
+ const myHandler = () => { // 로그인 정보 없을 시
+ if (sessionUserId)
+ navigate(URL.MY);
+ else
+ navigate(URL.JOIN);
+ }
+
function allMenuControl(){
setMenuDiv(!menuDiv);
}
@@ -73,27 +88,90 @@ function EgovHeader({ loginUser, onChangeLogin }) {
//
상호명 : 한국건설기술연구원 | 대표자 : 김병석 | 대표메일 : kcsc@kict.re.kr
사업자등록번호 : 229-82-01135 | 주소 : 경기도 고양시 일산서구 고양대로 283(대화동)
Copyright © 2011 KOREA INSTITUTE of CIVIL ENGINEERING and BUILDING TECHNOLOGY. All Rights Reserved.
- {/**/}
- {/* 
*/}
- {/* 
*/}
- {/**/}
- {/**/}
- {/* 
*/}
- {/* 
*/}
- {/**/}
+
*/}
- {/* */}
- {/**/}
- {/**/}
- {/* */}
- {/* */}
- {/**/}
+
+ 개인정보처리방침
+ 이메일 무단수집거부
-
-
-
-
-
-
- 
- 
{/**/}
-
-
-
-
{/* */}
주메뉴
--
-
(isActive ? "cur" : "")}>건설기준코드 */}
{/*/!*(isActive ? "cur" : "")}>사이트소개 *!/*/}
{/*(isActive ? "cur" : "")}>정보마당 */}
@@ -102,92 +180,135 @@ function EgovHeader({ loginUser, onChangeLogin }) {
{/*{sessionUserSe ==='ACC_TP01' &&*/}
{/* (isActive ? "cur" : "")}>사이트관리 */}
{/*}*/}
-
- */}
+ {/* */}
+ {/*
*/}
+
+ {/*
*/}
{/* */}
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/**/}
+ {/* */}
+ {/* */}
+ {/* /!**!/*/}
+ {/*
*/}
+
+ {/**/}
+ {/*
+ {/* */}
+ {/*주메뉴
*/} + {/*- */}
+ {/*
*/}
+ {/*
*/}
{/**/}
+ {/* */}
+ {/*
*/}
+ {/*
- {/* 로그아웃 : 로그인 정보 있을때 */}
- {sessionUserId &&
- <>
- {sessionUserId} 님이, {sessionUserSe==='ACC_TP01'?'관리자':'사용자'}로 로그인하셨습니다.
-
-
- }
- {/* 로그인 : 로그인 정보 없을 때 */}
- {!sessionUserId &&
-
- }
-
+ {/**/}
+ {/* /!* 로그아웃 : 로그인 정보 있을때 *!/*/}
+ {/* {sessionUserId &&*/}
+ {/* <>*/}
+ {/* {sessionUserId} {sessionUserRole==='ROLE_001' && '[최고관리]'}{sessionUserRole==='ROLE_002' && '[관리자]'} */}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/* }*/}
+ {/* /!* 로그인 : 로그인 정보 없을 때 *!/*/}
+ {/* {!sessionUserId &&*/}
+ {/* */}
+ {/* }*/}
+ {/*
*/}
{/* */}
{/* */}
-
-
-
-
+ {/**/}
+ {/* */}
+ {/* */}
+ {/*
*/}
전체메뉴
-
diff --git a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAbout.jsx b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAbout.jsx
index 130e9eb..8f5d3c8 100644
--- a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAbout.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAbout.jsx
@@ -5,13 +5,14 @@ import URL from 'constants/url';
function EgovLeftNavAbout() {
return (
-
+
- {/*
+
+
+
+
{/* */}
건설기준코드
(isActive ? "cur" : "")}>건설기준코드 안내 (isActive ? "cur" : "")}>건설기준코드 검색
+ (isActive ? "cur" : "")}>(구)건설기준검색
+ (isActive ? "cur" : "")}>건설기준고시
+ (isActive ? "cur" : "")}>영문건설기준
+ (isActive ? "cur" : "")}>건설기준용어
-
+ 사이트소개
+
+
*/}
+ 건설기준위원회
-
-
(isActive ? "cur" : "")}>소개
- (isActive ? "cur" : "")}>연혁
- (isActive ? "cur" : "")}>조직소개
- (isActive ? "cur" : "")}>찾아오시는 길
+ (isActive ? "cur" : "")}>진행현황
+ (isActive ? "cur" : "")}>위원회일정
+
+ 정보제공
+-
+
(isActive ? "cur" : "")}>공지사항
+ (isActive ? "cur" : "")}>Q&A
+ (isActive ? "cur" : "")}>수요조사
+ (isActive ? "cur" : "")}>주요행사
+ {/*(isActive ? "cur" : "")}>건설교육안내 */}
+ (isActive ? "cur" : "")}>기술자료
+ (isActive ? "cur" : "")}>보도자료
+ (isActive ? "cur" : "")}>건설기준연구
+ (isActive ? "cur" : "")}>관련사이트
+ (isActive ? "cur" : "")}>API서비스
+ (isActive ? "cur" : "")}>설문조사
+
+
- 센터소개
+-
+
(isActive ? "cur" : "")}>인사말
+ (isActive ? "cur" : "")}>연혁
+ (isActive ? "cur" : "")}>홍보자료
+ (isActive ? "cur" : "")}>주요업무
+ (isActive ? "cur" : "")}>찾아오시는길
+
-
- 정보마당
--
-
(isActive ? "cur" : "")}>주요사업 소개
- (isActive ? "cur" : "")}>대표서비스 소개
-
-
- 고객지원
--
-
(isActive ? "cur" : "")}>자료실
- (isActive ? "cur" : "")}>묻고 답하기
- (isActive ? "cur" : "")}>서비스 신청
-
-
+ {/*알림마당
--
-
오늘의 행사
- (isActive ? "cur" : "")}>금주의 행사
- (isActive ? "cur" : "")}>공지사항
- (isActive ? "cur" : "")}>사이트 갤러리
-
*/}
+ {/*
*/}
+ {/*정보마당
*/} + {/*- */}
+ {/*
(isActive ? "cur" : "")}>주요사업 소개 */}
+ {/* (isActive ? "cur" : "")}>대표서비스 소개 */}
+ {/*
*/}
+ {/*
*/}
+ {/*고객지원
*/} + {/*- */}
+ {/*
(isActive ? "cur" : "")}>자료실 */}
+ {/* (isActive ? "cur" : "")}>묻고 답하기 */}
+ {/* (isActive ? "cur" : "")}>서비스 신청 */}
+ {/*
*/}
+ {/*
*/}
{sessionUserSe ==='ACC_TP01' &&
- 알림마당
*/} + {/*- */}
+ {/*
오늘의 행사 */}
+ {/* (isActive ? "cur" : "")}>금주의 행사 */}
+ {/* (isActive ? "cur" : "")}>공지사항 */}
+ {/* (isActive ? "cur" : "")}>사이트 갤러리 */}
+ {/*
+
}
+ {sessionUserId &&
+
사이트관리
-
-
(isActive ? "cur" : "")}>일정관리
- (isActive ? "cur" : "")}>게시판생성관리
+ (isActive ? "cur" : "")}>Dashboard
+ {/*(isActive ? "cur" : "")}>게시판생성관리 (isActive ? "cur" : "")}>게시판사용관리 (isActive ? "cur" : "")}>공지사항관리 (isActive ? "cur" : "")}>사이트갤러리관리
- (isActive ? "cur" : "")}>사이트관리자 암호변경
+ (isActive ? "cur" : "")}>사이트관리자 암호변경 */}
+
+
+ }
+ {!sessionUserId &&
+
+
+
+ }
@@ -209,9 +330,10 @@ function EgovHeader({ loginUser, onChangeLogin }) {
@@ -241,8 +363,8 @@ function EgovHeader({ loginUser, onChangeLogin }) {
{sessionUserSe ==='ACC_TP01' &&
<>
- 사이트소개
-
-
(isActive ? "cur" : "")}>소개
+ (isActive ? "cur" : "")}>인사말 (isActive ? "cur" : "")}>연혁
- (isActive ? "cur" : "")}>조직소개
+ (isActive ? "cur" : "")}>홍보자료
+ (isActive ? "cur" : "")}>주요업무 (isActive ? "cur" : "")}>찾아오시는 길
사이트관리
-
+
+
*/}
}
사이트관리
+ {/*(isActive ? "cur" : "")}>일정관리 (isActive ? "cur" : "")}>게시판생성관리
@@ -251,7 +373,7 @@ function EgovHeader({ loginUser, onChangeLogin }) {
(isActive ? "cur" : "")}>사이트갤러리관리 (isActive ? "cur" : "")}>사이트관리자 암호변경
-
-
사이트 소개
--
-
(isActive ? "cur" : "")}>소개
+ (isActive ? "cur" : "")}>인사말 (isActive ? "cur" : "")}>연혁
- (isActive ? "cur" : "")}>조직소개
+ (isActive ? "cur" : "")}>홍보자료
+ (isActive ? "cur" : "")}>주요업무 (isActive ? "cur" : "")}>찾아오시는 길 (isActive ? "cur" : "")}>참조코드 관리 */}
- (isActive ? "cur" : "")}>API KEY 관리
+ (isActive ? "cur" : "")}>API KEY 관리 (isActive ? "cur" : "")}>유사성 검사 (isActive ? "cur" : "")}>건설기준 내용 관리 - Home -
- 사이트 소개 +
- 센터 소개
- 연혁
- Home -
- 사이트 소개 -
- 찾아오시는길 +
- 센터 소개 +
- 찾아오시는 길
- 도로명주소 -
- 04513 서울특별시 중구 세종대로 39 대한서울상공회의소 7층 -
- 지번주소 -
- 04513 서울특별시 중구 남대문로4가 45 대한서울상공회의소 7층 -
- 도로명주소 */} + {/*
- 04513 서울특별시 중구 세종대로 39 대한서울상공회의소 7층 */} + {/*
- 지번주소 */} + {/*
- 04513 서울특별시 중구 남대문로4가 45 대한서울상공회의소 7층 */} + {/*
- 지하철 2호선 -
- 시청역 9번 출구 5분거리 -
- 지하철 1호선 -
- 서울역 3번 출구 5분거리 -
- 전화 -
- 0000-0000 -
- 이메일 -
- egovframeexample@gmail.com -
- 지하철 2호선 */} + {/*
- 시청역 9번 출구 5분거리 */} + {/*
- 지하철 1호선 */} + {/*
- 서울역 3번 출구 5분거리 */} + {/*
- 전화 */} + {/*
- 0000-0000 */} + {/*
- 이메일 */} + {/*
- egovframeexample@gmail.com */} + {/*
- Home -
- 사이트 소개 -
- 조직소개 +
- 센터 소개 +
- 주요업무
- Home +
- 센터소개 +
- 홍보자료 +
-
+
handleShow({ title: item.modalTitle, body: item.modalBody })} />
+
+ 
{item.linkText}
+
+
+ -
+
+
+ 2022년 12월 13호
+
+
+
-
+
+
+ 2021년 12월 12호
+
+
+
-
+
+
+ 2020년 12월 11호
+
+
+
-
+
+
+ 2023년 12월 14호
+
+
+
-
+
+
+ 2022년 12월 13호
+
+
+
-
+
+
+ 2021년 12월 12호
+
+
+
- Home -
- 사이트 소개 -
- 소개 +
- 센터 소개 +
- 인사말
- 국가 정보화
투자효율성 제고
- - 중소SI업체
경쟁력 확보
- - 선진 국가정보화
기반환경 제공
- - 특정업체 종속성 발생으로
- 인한 공정경쟁 저하 및 사업자
- 변경 시 예산낭비
- - 기관별/사업별 개별적인
- 정보화 사업추진으로 중복개발
- - 표준화된 공통 개발기반 부재로
- 시스템간 상호 운용성 및
- 재사용성 저하
- - 국가 정보화
투자효율성 제고 */}
+ {/* - 중소SI업체
경쟁력 확보 */}
+ {/* - 선진 국가정보화
기반환경 제공 */}
+ {/* - 특정업체 종속성 발생으로
*/} + {/* 인한 공정경쟁 저하 및 사업자
*/} + {/* 변경 시 예산낭비 */}
+ {/* - 기관별/사업별 개별적인
*/} + {/* 정보화 사업추진으로 중복개발 */}
+ {/* - 표준화된 공통 개발기반 부재로
*/} + {/* 시스템간 상호 운용성 및
*/} + {/* 재사용성 저하 */}
+ {/*
+
+
환경설정
-
+
사용자 관리
-
+
게시판현황
-
+
건설기준관리
-
+
컨텐츠관리
-
+
위원회관리
-
+
로그현황
+
diff --git a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAdmin.jsx b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAdmin.jsx
index 8b394bb..c9da0e3 100644
--- a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAdmin.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavAdmin.jsx
@@ -18,19 +18,19 @@ function EgovLeftNavAdmin(props) {
let activeKey;
if (activeFolder === "config") {
- activeKey = "0";
+ activeKey = 0;
} else if (activeFolder === "users") {
- activeKey = "1";
+ activeKey = 1;
} else if (activeFolder === "boards") {
- activeKey = "2";
+ activeKey = 2;
} else if (activeFolder === "standards") {
- activeKey = "3";
+ activeKey = 3;
} else if (activeFolder === "contents") {
- activeKey = "4";
+ activeKey = 4;
} else if (activeFolder === "committee") {
- activeKey = "5";
+ activeKey = 5;
} else if (activeFolder === "logs") {
- activeKey = "6";
+ activeKey = 6;
}
// else {
// activeKey = "7";
@@ -55,7 +55,7 @@ function EgovLeftNavAdmin(props) {
{/* */}
{/* */}
{/**/}
- 센터 소개
+-
+
-
@@ -69,7 +69,7 @@ function EgovLeftNavAdmin(props) {
-
@@ -78,7 +78,7 @@ function EgovLeftNavAdmin(props) {
-
@@ -89,19 +89,19 @@ function EgovLeftNavAdmin(props) {
-
{/*
-
@@ -113,7 +113,7 @@ function EgovLeftNavAdmin(props) {
-
@@ -123,7 +123,7 @@ function EgovLeftNavAdmin(props) {
-
diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index 22f6ce3..543e22f 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -5,46 +5,82 @@ const URL = {
LOGIN : "/login", //로그인
JOIN : "/join", //회원가입
+ MY : "/myPage", //나의페이지
ERROR : "/error", //에러
-
+ PRIVATE : "/private", //개인정보처리방침
+ EMAIL : "/email", //이메일 무단 수집 거부
+ CHANGE_PW : "/PwChange", // 비밀번호 변경
+
//ABOUT
ABOUT : "/about", //사이트소개
ABOUT_SITE : "/about/site", // 사이트소개/소개
ABOUT_HISTORY : "/about/history", // 사이트소개/연혁
+ ABOUT_PROMOTE : "/about/promote", // 사이트소개/홍보자료
ABOUT_ORGANIZATION : "/about/organization", // 사이트소개/조직소개
ABOUT_LOCATION : "/about/location", // 사이트소개/찾아오시는길
+ ABOUT_SITEMAP : "/about/sitemap", // 사이트소개/사이트맵
//INTRO
- INTRO : "/intro", //정보마당
- INTRO_WORKS : "/intro/works", // 정보마당/주요사업소개
- INTRO_SERVICE : "/intro/service", // 정보마당/주요서비스소개
-
+ // INTRO : "/intro", //정보마당
+ // INTRO_WORKS : "/intro/works", // 정보마당/주요사업소개
+ // INTRO_SERVICE : "/intro/service", // 정보마당/주요서비스소개
+
+ //COMMITTEE
+ COMMITTEE : "/committee", //위원회
+ COMMITTEE_PROGRESS : "/committee/progress", // 위원회/진행현황
+ COMMITTEE_SCHEDULE : "/committee/schedule", // 위원회/위원회일정
+
//SUPPORT
SUPPORT : "/support", // 고객지원
+ SUPPORT_QNA : "/support/qna", // 게시판/QNA 소개
+ SUPPORT_LIST : "/support/list/:BbsCode", // 게시판/리스트
+ SUPPORT_DETAIL : "/support/detail/:BbsCode", // 게시판/상세보기
+ SUPPORT_CREATE : "/support/create/:BbsCode", // 게시판/글쓰기
+ SUPPORT_LIST_NOCODE : "/support/list",
+ SUPPORT_DETAIL_NOCODE : "/support/detail", // 게시판/상세보기
+ SUPPORT_CREATE_NOCODE : "/support/create", // 게시판/글쓰기
+ SUPPORT_SITE : "/support/site", // 관련사이트
+ SUPPORT_API : "/support/api", // API 서비스
+ SUPPORT_RESEARCH : "/support/research", // 건설기준 연구
+ SUPPORT_POLL : "/support/poll", // 설문조사
SUPPORT_DOWNLOAD : "/support/download", // 고객지원/자료실
- SUPPORT_DOWNLOAD_DETAIL : "/support/download/detail", // 고객지원/자료실/상세
- SUPPORT_DOWNLOAD_CREATE : "/support/download/create", // 고객지원/자료실/등록
- SUPPORT_QNA : "/support/qna", // 고객지원/묻고답하기
- SUPPORT_QNA_DETAIL : "/support/qna/detail", // 고객지원/묻고답하기/상세
- SUPPORT_APPLY : "/support/apply", // 고객지원/서비스신청
+ // SUPPORT_DOWNLOAD_DETAIL : "/support/download/detail", // 고객지원/자료실/상세
+ // SUPPORT_DOWNLOAD_CREATE : "/support/download/create", // 고객지원/자료실/등록
+ // SUPPORT_QNA : "/support/qna", // 고객지원/묻고답하기
+ // SUPPORT_QNA_DETAIL : "/support/qna/detail", // 고객지원/묻고답하기/상세
+ // SUPPORT_APPLY : "/support/apply", // 고객지원/서비스신청
+
+ //기준코드
+ STANDARD_CODE_INFO : "/standardCode/info", //건설기준코드/건설기준코드 안내
+ STANDARD_CODE_TERM : "/standardCode/term", //건설기준코드/건설기준코드 용어
+ STANDARD_CODE_ENG : "/standardCode/eng", //건설기준코드/영문 건설기준코드
+ STANDARD_CODE_OLD : "/standardCode/old", //건설기준코드/(구)건설기준코드
+ STANDARD_CODE_LIST : "/standardCode/list", //건설기준코드/리스트
+ STANDARD_CODE_LIST_LINK : "/standardCode/list/:listCode", //건설기준코드/리스트
+ STANDARD_CODE_DETAIL : "/standardCode/detail", //건설기준코드/리스트
+ STANDARD_CODE_VIEWER : "/standardCode/viewer", //건설기준코드/뷰어
+ STANDARD_CODE_VIEWER_LINK : "/standardCode/viewer/:linkedDocCode", //건설기준코드/뷰어/새 창 링크
//INFORM
- INFORM : "/inform", // 알림마당
- INFORM_DAILY : "/inform/daily", // 알림마당/오늘의행사
- INFORM_DAILY_DETAIL : "/inform/daily/detail", // 알림마당/오늘의행사상세
- INFORM_WEEKLY : "/inform/weekly", // 알림마당/금주의행사
- INFORM_WEEKLY_DETAIL : "/inform/weekly/detail", // 알림마당/금주의행사상세
- INFORM_NOTICE : "/inform/notice", // 알림마당/공지사항
- INFORM_NOTICE_DETAIL : "/inform/notice/detail", // 알림마당/공지사항상세
- INFORM_NOTICE_CREATE : "/inform/notice/create", // 알림마당/공지사항등록
- INFORM_NOTICE_MODIFY : "/inform/notice/modify", // 알림마당/공지사항수정
- INFORM_NOTICE_REPLY : "/inform/notice/reply", // 알림마당/공지사항답글
- INFORM_GALLERY : "/inform/gallery", // 알림마당/사이트갤러리
- INFORM_GALLERY_DETAIL : "/inform/gallery/detail", // 알림마당/사이트갤러리상세
- INFORM_GALLERY_CREATE : "/inform/gallery/create", // 알림마당/사이트갤러리등록
- INFORM_GALLERY_MODIFY : "/inform/gallery/modify", // 알림마당/사이트갤러리수정
- INFORM_GALLERY_REPLY : "/inform/gallery/reply", // 알림마당/사이트갤러리답글
-
+ // INFORM : "/inform", // 알림마당
+ // INFORM_DAILY : "/inform/daily", // 알림마당/오늘의행사
+ // INFORM_DAILY_DETAIL : "/inform/daily/detail", // 알림마당/오늘의행사상세
+ // INFORM_WEEKLY : "/inform/weekly", // 알림마당/금주의행사
+ // INFORM_WEEKLY_DETAIL : "/inform/weekly/detail", // 알림마당/금주의행사상세
+ // INFORM_NOTICE : "/inform/notice", // 알림마당/공지사항
+ // INFORM_NOTICE_DETAIL : "/inform/notice/detail", // 알림마당/공지사항상세
+ // INFORM_NOTICE_CREATE : "/inform/notice/create", // 알림마당/공지사항등록
+ // INFORM_NOTICE_MODIFY : "/inform/notice/modify", // 알림마당/공지사항수정
+ // INFORM_NOTICE_REPLY : "/inform/notice/reply", // 알림마당/공지사항답글
+ // INFORM_GALLERY : "/inform/gallery", // 알림마당/사이트갤러리
+ // INFORM_GALLERY_DETAIL : "/inform/gallery/detail", // 알림마당/사이트갤러리상세
+ // INFORM_GALLERY_CREATE : "/inform/gallery/create", // 알림마당/사이트갤러리등록
+ // INFORM_GALLERY_MODIFY : "/inform/gallery/modify", // 알림마당/사이트갤러리수정
+ // INFORM_GALLERY_REPLY : "/inform/gallery/reply", // 알림마당/사이트갤러리답글
+
+
+
+
//ADMIN
ADMIN : "/admin", // 사이트관리
ADMIN_SCHEDULE : "/admin/schedule", // 사이트관리/일정관리
@@ -84,16 +120,15 @@ const URL = {
ADMIN_ABOUT_SITE : "/admin/config/about-site-mgt", // 사이트관리/환경설정/관련사이트 관리
// 관리자 - 사용자 현황
- ADMIN__USERS__LIST : "/admin/users/list", // 사용자 현황
+ ADMIN__USERS__LIST : "/admin/users/mgt", // 사용자 현황
// 관리자 - 게시판 현황
- ADMIN__BOARDS__LIST : "/admin/boards/list", // 게시판 현황/게시판 관리
+ ADMIN__BOARDS__LIST : "/admin/boards/mgt", // 게시판 현황/게시판 관리
ADMIN__BOARDS__POSTS : "/admin/boards/posts", // 게시판 현황/게시물 관리
- ADMIN__BOARDS__KEYWORDS : "/admin/boards/keywords", // 게시판 현황/키워드 관리
// 관리자 - 건설기준 관리
ADMIN__STANDARDS__REFERENCE_CODES : "/admin/standards/reference-codes", // 건설기준 관리/참조코드 조회
- ADMIN__STANDARDS__API_KYES : "/admin/standards/api-kyes", // 건설기준 관리/API KEY 관리
+ ADMIN__STANDARDS__API_KEYS : "/admin/standards/api-keys", // 건설기준 관리/API KEY 관리
ADMIN__STANDARDS__SIMILARITY_CHECK : "/admin/standards/standards/similarity-check", // 건설기준 관리/유사성 검사
ADMIN__STANDARDS__INFO_DISCLOSURE : "/admin/standards/info-disclosure", // 건설기준 관리/정보공개 관리
@@ -123,13 +158,6 @@ const URL = {
ADMIN__LOGS__PRIVACY_LOGS : "/admin/logs/privacy-logs", // 위원회 관리/개인정보 로그
ADMIN__LOGS__FILE_DOWNLOAD_STATUS : "/admin/logs/file-download-status", // 위원회 관리/파일 다운현황
- //기준코드
- STANDARD_CODE_INFO : "/standardCode/info",
- STANDARD_CODE_LIST : "/standardCode/list", //건설기준코드/리스트
- STANDARD_CODE_LIST_LINK : "/standardCode/list/:listCode", //건설기준코드/리스트
- STANDARD_CODE_DETAIL : "/standardCode/detail", //건설기준코드/리스트
- STANDARD_CODE_VIEWER : "/standardCode/viewer", //건설기준코드/뷰어
- STANDARD_CODE_VIEWER_LINK : "/standardCode/viewer/:linkedDocCode", //건설기준코드/뷰어/새 창 링크
diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index 761408a..03ab88f 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -1,32 +1,39 @@
@charset "utf-8";
/* Web Font */
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
- src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
-
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src:
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
-
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
- src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
-
-@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
- src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
- url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;*/
+/* src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}*/
+
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src:*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}*/
+
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;*/
+/* src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}*/
+
+/*@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;*/
+/* src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),*/
+/* url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}*/
+
+@font-face {
+ font-family: 'Pretendard-Regular';
+ src: url('font/Pretendard-Regular.otf');
+ font-weight: normal;
+ font-style: normal;
+}
/* Reset style */
* {word-break: keep-all; word-wrap: break-word; box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, em, font, img, ins, q, s, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, thead, tbody, tfoot, tr, th, td, input {
- margin: 0; padding: 0;
+ margin: 0; padding: 0; font-family: 'Pretendard-Regular';
}
blockquote, button, fieldset, iframe {border: 0;}
@@ -72,8 +79,22 @@ button {cursor: pointer;}
.w_400 {width: 400px;}
.w_500 {width: 500px;}
+.mw_400 {max-width: 400px;}
+.mw_450 {max-width: 450px;}
+
+.h_25 {height: 25px;}
.h_30 {height: 30px;}
+.h_50 {height: 50px;}
.h_100 {height: 100px;}
+.h-100 {height: 100%;}
+
+.f_11 {font-size: 11px;}
+.f_12 {font-size: 12px;}
+.f_13 {font-size: 13px;}
+.f_14 {font-size: 14px;}
+.f_15 {font-size: 15px;}
+.f_16 {font-size: 16px;}
+.f_17 {font-size: 17px;}
/* 여백 */
@@ -83,5 +104,11 @@ button {cursor: pointer;}
.ml10 {margin-left: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
+.bg-fa {background: #FAFAFA !important;}
-.clickable{cursor: pointer;}
\ No newline at end of file
+.text-4c6 {color: #4C6C84 !important;}
+.text-224 {color: #22498E !important;}
+
+.clickable{cursor: pointer;}
+
+.MuiTab-root.Mui-selected { color: #22498E; }
diff --git a/egovframe-template-simple-react-contribution/src/css/component.css b/egovframe-template-simple-react-contribution/src/css/component.css
index 1dc342c..5301f5b 100644
--- a/egovframe-template-simple-react-contribution/src/css/component.css
+++ b/egovframe-template-simple-react-contribution/src/css/component.css
@@ -51,30 +51,35 @@
.board_list {border-top: 2px solid #222;}
.board_list .head {display: table; table-layout: fixed; width: 100%;}
/* changed by lim padding: 25px 0 27px 0; */
-.board_list .head > span {display: table-cell; padding: 10px 0 10px 0; border-bottom: 1px solid #888; font-size: 16px; font-weight: 500px; text-align: center;}
+.board_list .head > span {display: table-cell; padding: 10px 0 10px 0; border-bottom: 1px solid #888; font-size: 16px; font-weight: 500; text-align: center;}
.logs_list .result {max-height: 430px;} /* added by lim .logs_list .result {max-height: 430px;} */
.board_list .result .list_item {display: table; width: 100%; table-layout: fixed;}
/* changed by lim padding: 18px 0 20px 0; */
.board_list .result .list_item > div {display: table-cell; padding: 7px 0 7px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 14px; text-align: center; vertical-align: middle;}
-.board_list .result .list_item > div.al {padding: 18px 30px 20px 30px; text-align: left;}
+.board_list .result .list_item > .left_align {text-align: left;}
+.board_list .result .list_item > div.al {padding: 10px 20px 12px 20px; text-align: left;}
.board_list .result .list_item > div.reply {position: relative; padding: 18px 30px 20px 52px;}
.board_list .result .list_item > div.reply::before {content: ""; display: block; position: absolute; left: 27px; top: 24px; width: 22px; height: 14px; background: url(css/images/ico_reply.png) no-repeat;}
.board_list .no_data {height: 60px; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; line-height: 60px; text-align: center;}
+/* 영문건설기준 리스트 */
+.board_list .result .list_item1 {display: table; width: 100%; table-layout: fixed; margin-left: 0px;}
+.board_list .result .list_item1 > div {display: table-cell; padding: 5px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 14px; text-align: center; vertical-align: middle; }
+
.board_bot {margin-top: 40px;}
.paging {text-align: center;}
.paging .btn {margin-top: 0; padding: 5px;} /* added by lim padding: 5px; */
.paging .btn + .btn {margin-left: 5px;}
-.paging .btn button {display: inline-block; width: 32px; height: 32px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 0;} /* changed by lim width: 42px; height: 42px; */
-.paging .first {background: url(css/images/ico_prev.png) no-repeat center; vertical-align: top; }
-.paging .prev {margin-right: 6px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; vertical-align: top; transform: rotate(180deg);} /* changed by lim margin-right: 26px; */
-.paging .next {margin-left: 6px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; vertical-align: top;} /* changed by lim margin-left: 26px; */
-.paging .last {background: url(css/images/ico_prev.png) no-repeat center; vertical-align: top; transform: rotate(180deg);}
+.paging .btn button {display: inline-block; width: 32px; height: 32px; border: 1px solid #dde2e5; border-radius: 25px; font-size: 0;} /* changed by lim width: 42px; height: 42px; */
+.paging .first {background: url(css/images/ico_prev.png) no-repeat center; background-size: 30%; vertical-align: top; }
+.paging .prev {margin-right: 6px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; background-size: 20%; vertical-align: top; transform: rotate(180deg);} /* changed by lim margin-right: 26px; */
+.paging .next {margin-left: 6px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; background-size: 20%; vertical-align: top;} /* changed by lim margin-left: 26px; */
+.paging .last {background: url(css/images/ico_prev.png) no-repeat center; background-size: 30%; vertical-align: top; transform: rotate(180deg);}
.paging ul {display: inline-block; vertical-align: top;}
.paging ul li {display: inline-block; margin-top: 4px; vertical-align: top;}
.paging ul li button {display: block; width: 34px; height: 34px; color: #888; font-size: 16px; line-height: 34px; text-align: center; background: white;}
-.paging ul li button.cur {border-radius: 50%; color: #fff; background: #222;}
+.paging ul li button.cur {border-radius: 50%; color: #fff; background: #004994;}
.board_view {border-top: 2px solid #222;}
.board_view_top {border-bottom: 1px solid #dde2e5;}
@@ -107,13 +112,13 @@
.board_btn_area {position: relative; min-height: 46px;}
.board_btn_area .left_col {font-size: 0;}
.board_btn_area .left_col .btn + .btn {margin-left: 10px;}
-.board_btn_area .right_col {position: absolute; right: 0; top: 0; font-size: 0;}
+/*.board_btn_area .right_col {position: absolute; right: 0; top: 0; font-size: 0;}*/
.board_btn_area .right_col .btn + .btn {margin-left: 10px;}
.board_view2 {border-top: 2px solid #222;}
.board_view2 dl {display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #dde2e5;}
.board_view2 dl > * {display: table-cell; table-layout: fixed; vertical-align: middle;}
-.board_view2 dl dt {width: 176px; padding: 12px 25px; color: #000; font-size: 15px; letter-spacing: -2px; background: #f5f6f7; word-break: break-all;} /* changed by lim font-size: 18px;*/
+.board_view2 dl dt {width: 176px; padding: 12px 25px; color: #000; font-size: 15px; letter-spacing: -2px; background: #FAFAFA; word-break: break-all; border-right: 1px solid #B4B3B3;} /* changed by lim font-size: 18px;*/
.board_view2 dl dt .req {display: inline-block; width: 7px; height: 7px; margin-left: 2px; font-size: 0; background: url(css/images/ico_req.png) no-repeat; vertical-align: 17px;}
.board_view2 dl dd {padding: 12px 15px; color: #222; font-size: 16px; font-weight: 300;}
.board_view2 .file_add {margin-top: 5px;}
@@ -154,20 +159,20 @@
.qna_a {position: relative; padding: 8px 30px 3px 75px; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; font-weight: 300; line-height: 30px;}
.qna_a > span {display: block; position: absolute; left: 30px; top: 30px; width: 32px; height: 32px; border-radius: 50%; color: #fff; font-size: 20px; line-height: 32px; text-align: center; background: #fc8175;}
-.qna_a ul li {position: relative; padding: 21px 0 30px 0; border-bottom: 1px dashed #dde2e5;}
+.qna_a ul li {position: relative; padding: 10px 0 15px 0; border-bottom: 1px dashed #dde2e5;}
.qna_a ul li:last-child {border-bottom: 0;}
.qna_a ul li span {display: block;}
.qna_a ul li .delete {position: absolute; right: 20px; bottom: 11px; color: #222; font-size: 16px; font-weight: 300;}
.qna_a ul li .delete::before {content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 5px; background: url(css/images/ico_delete.png) no-repeat; background-size: contain; vertical-align: -2px;}
-.replay {display: table; table-layout: fixed; width: 100%; padding: 18px 0; border: 2px solid #dde2e5; border-radius: 10px;}
+.replay {padding: 18px 0; border: 2px solid #dde2e5; border-radius: 10px;}
.replay > * {display: table-cell; vertical-align: top;}
-.replay .left_col {width: 850px; font-size: 0;}
-.replay .left_col label {display: inline-block; width: 108px; height: 80px; padding-left: 28px; color: #000; font-size: 16px; line-height: 80px; vertical-align: top;}
-.replay .left_col div {display: inline-block; width: 740px; vertical-align: top;}
-.replay .left_col div textarea {height: 80px;}
-.replay .right_col {padding: 0 18px;}
-.replay .right_col .btn {width: 100%; height: 80px; border-radius: 5px; color: #005b82; font-size: 16px; text-align: center; line-height: 80px; background: #daedf5;}
+/*.replay .left_col {width: 850px; font-size: 0;}*/
+/*.replay .left_col label {display: inline-block; width: 108px; height: 80px; padding-left: 28px; color: #000; font-size: 16px; line-height: 80px; vertical-align: top;}*/
+/*.replay .left_col div {display: inline-block; width: 740px; vertical-align: top;}*/
+/*.replay .left_col div textarea {height: 80px;}*/
+/*.replay .right_col {padding: 0 18px;}*/
+/*.replay .right_col .btn {width: 100%; height: 80px; border-radius: 5px; color: #005b82; font-size: 16px; text-align: center; line-height: 80px; background: #daedf5;}*/
.bottom_navi {border-top: 1px solid #dde2e5;}
@@ -198,7 +203,11 @@
.condition > ul li .prev + span {display: inline-block; height: 32px; margin: 0 10px; padding: 0 30px; border-radius: 5px; font-size: 16px; line-height: 32px; background: #f7f7f7; vertical-align: top;}
.condition .lb {display: inline-block; height: 32px; margin-right: 20px; color: #222; font-size: 16px; font-weight: 300; line-height: 32px; vertical-align: top;} /* changed by lim height: 46px;*/
+.condition1 {padding: 10px; border: 1px solid #dde2e5; border-radius: 10px; text-align: right; background: #FAFAFA; margin-bottom: 20px;}
+.condition1 > ul,
+.condition1 > ul li {display: inline-block; vertical-align: top; padding-left: 20px;}
+.condition2 {padding: 20px; border: 1px solid #000; background: #FFF; margin-bottom: 20px; line-height: 25px; box-shadow: 3px 4px 5px #ccc;}
/* Icon */
.ico {display: inline-block; font-size: 0; vertical-align: top;}
@@ -275,7 +284,7 @@ select::-ms-expand {display:none;}
.tit_2 {font-size: 30px; font-weight: 700;}
-.tit_3 {color: #222; font-size: 48px; font-weight: 500; line-height: 44px; letter-spacing: -2px;}
+.tit_3 {color: #004994; font-size: 30px; font-weight: 700; line-height: 80px; letter-spacing: -2px;}
.tit_4 {position: relative; padding-top: 12px; font-size: 30px; font-weight: 700;}
.tit_4::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 2px; background: #0465be;}
@@ -332,4 +341,79 @@ select::-ms-expand {display:none;}
.recharts-legend-item-text {
font-size: 11px;
+}
+
+.uploadIcon {
+ width: 100px;
+ height: 100px;
+ pointer-events: none;
+}
+
+.file {
+ display: none;
+}
+
+.file::file-selector-button {
+ font-size: 14px;
+ background: #fff;
+ border: 1px solid #111;
+ border-radius: 12px;
+ padding: 4px 32px;
+ cursor: pointer;
+}
+
+.preview {
+ width: 400px;
+ height: 350px;
+ margin: auto;
+ background-color: #fff;
+ border-radius: 5px;
+ border: 3px dashed #eee;
+ padding: 70px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+}
+
+.preview_image {
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: contain;
+}
+
+.preview:hover {
+ border-color: #111;
+}
+
+.preview_msg {
+ font-weight: 500;
+ font-size: 18px;
+ margin: 20px 0 10px;
+}
+
+.preview_desc {
+ margin: 0;
+ font-size: 14px;
+}
+
+.preview_info {
+ width: 100%;
+ list-style: none;
+ padding: 0;
+ gap: 16px;
+ display: flex;
+ flex-direction: column;
+}
+
+.preview_info .info_key {
+ display: block;
+ font-weight: 500;
+ font-size: 12px;
+ margin-bottom: 4px;
+}
+
+.preview_info .info_value {
+ font-size: 14px;
}
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/css/images/ico_user.png b/egovframe-template-simple-react-contribution/src/css/images/ico_user.png
new file mode 100644
index 0000000..0bec35d
Binary files /dev/null and b/egovframe-template-simple-react-contribution/src/css/images/ico_user.png differ
diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css
index e669895..6f1157b 100644
--- a/egovframe-template-simple-react-contribution/src/css/layout.css
+++ b/egovframe-template-simple-react-contribution/src/css/layout.css
@@ -2,71 +2,111 @@
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 {position: relative;}*/
+.header::after {content: ""; display: block; left: 0; bottom: 0; width: 100%; height: 1px; background: #dedede;}
+.header > .inner {max-width: 1400px; height: 210px; margin: 0 auto; } /* position: relative; padding: 0 50px; */
.header h1 {display: inline-block; margin-top: 32px;}
.header h1 a,
.header h1 img {display: block;}
.header .logo .m {display: none;}
.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 .person {width: 30px; height: 30px; margin-right:20px; cursor: pointer;}
+.header .person::before {content: ""; display: inline-block; width: 30px; height: 30px; background: url(css/images/ico_user.png) no-repeat center bottom; background-size: 30px 30px; }
.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: 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;}
-.header .gnb ul li + li {margin-left: 98px;}
-.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 .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;}*/
+/*.header .gnb ul li + li {margin-left: 98px;}*/
+/*.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: 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 {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 center; background-size: 22px 18px;}
+.header .right_a .btn.active {background: url(css/images/ico_allmenu_close.png) no-repeat center; 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;}
+.header .search {height:96px; padding:24px 0px 10px; margin: 0 auto; }
+.header .search .search_input {max-width: 734px; width: calc(100% - 40px); height:62px; margin: 0 auto; border: 2px solid #004994; border-radius: 20px; padding: 10px}
+.header .search .search_input select {border: none;}
+.header .search .search_input input {ime-mode:active; border: none;}
+.header .search .topsearch {width: 40px; height: 40px; background: url(css/images/ico_search_b.png) no-repeat center center; background-size: 22px 22px; filter: brightness(1) sepia(1) saturate(3) hue-rotate(175deg);}
-/* All menu */
-.all_menu {transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform-origin: top; z-index: 10;}
+.header .topcode {position: relative; width: 100%; top: -8px;}
+.header .topcode .topcode_c {max-width: 1020px; margin:0 auto; border: 1px solid #ccc; z-index: 100; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background-color: #fff; padding: 0 20px; }
+.header .topcode .topcode_n {max-width: 1020px; margin:0 auto; border: 1px solid #fff; z-index: 100; background-color: #fff; padding: 0 20px; }
+.header .topcode .row {flex-wrap: wrap; padding: 8px 0; }
+.header .topcode .topcodebnt {
+ min-width: 45px;
+ height: 40px;
+ line-height: 40px;
+ display: block;
+ background-color: #fff;
+ text-align: center;
+ border-radius: 20px;
+ color: #909090;
+ text-decoration: none;
+ /*margin: 5px;*/
+ padding: 0 12px 0 12px;
+ box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+.header .topcode .topcodebnt:hover{
+ background-color: #8F8F8F;
+ color: #fff;
+ box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
+}
+
+ /* All menu */
+.all_menu {transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform-origin: top; z-index: 10; padding: 50px 20px;}
.all_menu.Mobile {display: none;}
.all_menu.WEB.closed {transform: scaleY(0); opacity: 0;}
-.all_menu.WEB {position: absolute; left: 0; top: 150px; width: 100%; background: #fff;}
-.all_menu.WEB::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd;}
-.all_menu.WEB .inner {width: 1400px; margin: 0 auto; padding: 41px 50px 47px 50px;}
-.all_menu.WEB .inner::after {content: ""; display: block; clear: both;}
-.all_menu.WEB .inner .col {float: left; width: 280px;}
-.all_menu.WEB .inner .col:last-child {width: auto;}
-.all_menu.WEB .inner .col h3 {color: #222; font-size: 24px; font-weight: 700; pointer-events: none;}
-.all_menu.WEB .inner .col ul {padding-top: 36px;}
-.all_menu.WEB .inner .col ul li + li {margin-top: 17px;}
-.all_menu.WEB .inner .col ul li a {color: #777; font-size: 18px;}
-.all_menu.WEB .inner .col ul li a:hover {color: #222; text-decoration: underline;}
+.all_menu.WEB {position: absolute; right: calc((100% - 1400px) / 2); top: 70px; width: 340px; background: #fff; border-radius: 20px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); z-index: 200;}
+/*.all_menu.WEB::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd;}*/
+/*.all_menu.WEB .inner {width: 1400px; margin: 0 auto; } !* padding: 41px 50px 47px 50px; *!*/
+/*.all_menu.WEB .inner::after {content: ""; display: block; clear: both;}*/
+/*.all_menu.WEB .inner .col {float: left; width: 280px;}*/
+/*.all_menu.WEB .inner .col:last-child {width: auto;}*/
+.all_menu.WEB .inner h3 {color: #222; font-size: 20px; font-weight: 700; pointer-events: none;}
+.all_menu.WEB .inner ul {display: flex; flex-wrap: wrap; padding: 16px 0 16px;}
+.all_menu.WEB .inner ul li {padding: 0 15px 0 0;}
+.all_menu.WEB .inner ul li a {color: #777; font-size: 12px;}
+.all_menu.WEB .inner ul li a:hover {color: #333; border-bottom: 1px solid transparent; transition: border-color 0.3s; border-color: #36588B; }
+/*.inner img {height: 35px !important;}*/
.user_info_m {display: none;}
-.container {min-height: calc(100vh - 300px);}
-.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 */
.c_wrap .layout .nav:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;} /* changed by lim width: 260px; */
-.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}
-.nav_title{padding: 35px 30px 26px 30px;} /* changed by lim border-bottom: 4px solid #dde2e5; */
-.c_wrap .layout .nav h2 {color: #222; font-size: 24px;}
-.c_wrap .layout .nav ul {padding: 0 10px} /* changed by lim padding: 26px 30px 27px 30px;*/
-.c_wrap .layout .nav ul li + li {margin-top: 18px;} /* changed by lim margin-top: 27px; */
+/*.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}*/
+.nav_title{padding: 35px 30px 26px 20px;} /* changed by lim border-bottom: 4px solid #dde2e5; */
+.c_wrap .layout .nav h2 {color: #222; font-size: 24px; font-weight: 700;}
+.c_wrap .layout .nav button {font-size: 14px; font-weight: 600;}
+.c_wrap .layout .nav ul {padding: 0 10px; } /* changed by lim padding: 26px 30px 27px 30px;*/
+.c_wrap .layout .nav ul li + li {margin-top: 18px; } /* changed by lim margin-top: 27px; */
.c_wrap .layout .nav ul li a {display: block; position: relative; color: #666; font-size: 14px;} /* changed by lim font-size: 18px; */
.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; padding: 0 0 50px 30px; 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 */
+/* 센터소개 */
+.c_wrap .layout .nav1:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}
+.c_wrap .layout .nav1 h2 {color: #222; font-size: 24px; font-weight: 700;}
+.c_wrap .layout .nav1 .menu10 {mnargin: 0; border: 1px solid #dde2e5;}
+/*.c_wrap .layout .nav1 li {margin: 10px;}*/
+.c_wrap .layout .nav1 .menu10 li + li {border-top: 1px solid #dde2e5; }
+.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;} /* changed by lim font-size: 18px; */
+/*.c_wrap .layout .nav1 ul li a:hover {}*/
+.c_wrap .layout .nav1 ul li a:hover::after {content: ""; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat; }
+.c_wrap .layout .nav1 ul li a.cur {color: #fff; font-weight: 700; background-color: #004994; }
+ /* location */
.location {height: 30px; padding-top: 23px; text-align: right;} /* chagned by lim height: 70px; padding-top: 43px; */
.location ul, .location ul li {display: inline-block; vertical-align: top;}
.location ul li {position: relative; color: #666; font-size: 14px;}
@@ -79,22 +119,27 @@ body {min-width: 1400px;}
.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 .upper {width: 100%; background-color: #384556; font-size: 12px; border-bottom: 1px solid #56626F;}
+.footer .upper .up {width: 1400px; margin: 0 auto; padding: 20px 0; }
+.footer .upper .up .left {width: 100px; color: #D9DADB; font-weight: 700; line-height: 30px;}
+.footer .upper .up .right {color: #96A1AE; line-height: 30px;}
+.footer .upper .up .right a {color: #96A1AE; margin-right: 15px;}
+.footer .upper .open {width: 100px; text-align: right; }
+.footer .upper button {color: #fff; border: 1px solid #A2A2A2; padding: 3px 30px;}
+.footer::before {content: ""; display: block; width: 100%; height: 1px; background: #ccc;}
+.footer .inner {width: 1400px; margin: 0 auto; }
.footer .inner::after {content: ""; display: block; clear: both;}
.footer h1 {float: left; width: 220px; padding-top: 20px;}
.footer h1 .m {display: none;}
-.footer .info {float: left; padding: 14px 10px; color: #888; font-size: 13px; }
+.footer .info {padding: 20px 0; color: #A4A4A4; font-size: 12px; }
.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;}
-.footer .right_col a .m {display: none;}
-.footer .right_col img {display: block;}
+.footer .right_col {width: 220px; text-align: right;}
+.footer .right_col a {color: #A4A4A4; font-size: 12px;}
+ /*.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;}*/
+/*.footer .right_col a .m {display: none;}*/
+/*.footer .right_col img {display: block;}*/
/* popup */
@@ -138,4 +183,40 @@ body {min-width: 1400px;}
.msg_1 + .tit_5 {margin-top: 42px;}
-.qna_a + .replay {margin-top: 30px;}
\ No newline at end of file
+.qna_a + .replay {margin-top: 30px;}
+
+
+
+.btn-22498E {
+ --bs-btn-color: #fff;
+ --bs-btn-bg: #22498E;
+ --bs-btn-border-color: #22498E;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #2B5AB3;
+ --bs-btn-hover-border-color: #2B5AB3;
+ --bs-btn-focus-shadow-rgb: 130, 138, 145;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #2B5AB3;
+ --bs-btn-active-border-color: #51585e;
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --bs-btn-disabled-color: #1B376D;
+ --bs-btn-disabled-bg: #2a4702;
+ --bs-btn-disabled-border-color: #1B376D;
+}
+
+.btn-outline-22498E {
+ --bs-btn-color: #22498E;
+ --bs-btn-border-color: #2B5AB3;
+ --bs-btn-hover-color: #fff;
+ --bs-btn-hover-bg: #22498E;
+ --bs-btn-hover-border-color: #2B5AB3;
+ --bs-btn-focus-shadow-rgb: 108, 117, 125;
+ --bs-btn-active-color: #fff;
+ --bs-btn-active-bg: #2B5AB3;
+ --bs-btn-active-border-color: #2B5AB3;
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --bs-btn-disabled-color: #2B5AB3;
+ --bs-btn-disabled-bg: transparent;
+ --bs-btn-disabled-border-color: #2B5AB3;
+ --bs-gradient: none;
+}
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 29a13cb..5da9b40 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -1,92 +1,146 @@
@charset "utf-8";
.Plogin {padding-bottom: 100px;}
-.Plogin h1 {color: #222; font-size: 48px; font-weight: 500; letter-spacing: -2px; line-height: 48px; text-align: center;}
+.Plogin h1 {color: #222; font-size: 30px; font-weight: 600; text-align: center; padding-top: 30px;}
.Plogin .txt {margin-top: 43px; color: #666; font-size: 20px; line-height: 30px; text-align: center;}
-.Plogin .login_box {position: relative; width: 690px; margin: 54px auto 0; padding: 70px 95px ; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 3px 4px 5px #ccc;}
+.Plogin .login_box {position: relative; width: 690px; margin: 54px auto 0; padding: 30px 50px ; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 3px 4px 5px #ccc;}
.Plogin .login_box .group {display: block; width: 320px;}
.Plogin .login_box input[type=text],
-.Plogin .login_box input[type=password] {width: 100%; height: 46px; padding: 0 20px; border: 0; border-radius: 8px; color: #666; font-size: 16px; background: #f5f5f5;}
+.Plogin .login_box input[type=password] {height: 50px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
+/*.Plogin .login_box input[type=text],*/
+/*.Plogin .login_box input[type=password] {width: 100%; height: 46px; padding: 0 20px; border: 0; border-radius: 8px; color: #666; font-size: 16px; background: #f5f5f5;}*/
.Plogin .login_box .group input + input {margin-top: 18px;}
.Plogin .login_box input[type=text]:-ms-input-placeholder,
.Plogin .login_box input[type=password]:-ms-input-placeholder {color: #aaa; opacity: 1;}
-.Plogin .login_box button {display: block; position: absolute; left: 435px; top: 70px; 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 button {width: 100%; height: 50px; font-size: 15px;}
+.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%;}*/
+.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; margin-left: 40px; color: #666; font-size: 16px;}
-.Plogin .login_box .chk label {display: inline-block; height: 30px; color: #666; font-size: 16px;}
+.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;}
+.Plogin .login_box .chk label {display: inline-block; height: 30px; color: #666; font-size: 15px;}
.Plogin .list {margin-top: 44px; padding: 0 360px;}
.Plogin .list li {position: relative; padding-left: 15px; color: #666; font-size: 16px; line-height: 26px;}
.Plogin .list li::before {content: ""; display: block; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #666;}
.Plogin .list li + li {margin-top: 5px;}
-.Pjoin h1 {color: #222; font-size: 48px; font-weight: 500; letter-spacing: -2px; line-height: 48px; text-align: center;}
-.Pjoin .join_box {position: relative; width: 690px; margin: 54px auto 0; padding: 70px 95px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 3px 4px 5px #ccc;}
+.Pjoin h1 {color: #222; font-size: 30px; font-weight: 600; text-align: center; padding-top: 30px;}
+.Pjoin .join_box {width: 690px; margin: 40px auto 0; padding: 30px 50px; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 3px 4px 5px #ccc;}
.Pjoin .join_box input[type=text],
.Pjoin .join_box input[type=password] {width: 100%; height: 46px; padding: 0 20px; border: 0; border-radius: 8px; color: #666; font-size: 16px; background: #f5f5f5;}
.Pjoin .join_box .group input + input {margin-top: 18px;}
.Pjoin .join_box input[type=text]:-ms-input-placeholder,
.Pjoin .join_box input[type=password]:-ms-input-placeholder {color: #aaa; opacity: 1;}
+.Pjoin .join_box label {padding-top: 20px; font-weight: 700;}
.Pjoin .join_box .chk {margin-top: 20px;}
.Pjoin .join_box .chk em {display: inline-block; height: 30px; margin-left: 40px; color: #666; font-size: 16px;}
-.Pjoin .join_box button {width: 500px;height: 50px;border-radius: 8px;color: #fff;font-size: 20px;font-weight: 500;text-align: center;line-height: 50px;background: #169bd5;}
-.Pjoin .join_box button:disabled {background: rgba(22, 155, 213, 0.4); cursor: auto;}
-.Pjoin .join_box button span {display: block; position: relative; height: 100%;}
-.Pjoin .join_box .list li {position: relative; padding-left: 15px; color: #666; font-size: 16px; line-height: 26px;}
+.Pjoin .join_box button {width: 50%; padding-top: 10px; }
+/*.Pjoin .join_box button {width: 500px;height: 50px;border-radius: 8px;color: #fff;font-size: 20px;font-weight: 500;text-align: center;line-height: 50px;background: #169bd5;}*/
+/*.Pjoin .join_box button:disabled {background: rgba(22, 155, 213, 0.4); cursor: auto;}*/
+/*.Pjoin .join_box button span {display: block; position: relative; height: 100%;}*/
+.Pjoin .join_box .list li {padding-left: 15px; color: #666; font-size: 13px; line-height: 23px;}
.Pjoin .join_box .list li + li {margin-top: 5px;}
-
+.radius_r {border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important;}
/* 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; 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;}
+ .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 .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; 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;}
+ .P_MAIN .c_wrap .numbox .num_count {font-size: 40px; font-weight: 700; padding-top: 10px;}
+ .P_MAIN .c_wrap .numbox .num_count span.unit {font-size: 22px;}
+ .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 .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 .c_wrap .bannerbox {width: 1400px; height:80px; margin: 0 auto;}
+ /*.P_MAIN .c_wrap .bannerbox .slick-list {width: 1400px; margin: 0 auto;}*/
+ .P_MAIN .c_wrap .bannerbox .banner_slide {max-width: 210px; max-height: 60px; border: 1px solid #dde2e5; border-radius: 15px; text-align: center; padding: 10px; margin: 10px;}
+ .P_MAIN .c_wrap .bannerbox .slick-slide img {max-width: 180px; max-height: 60px;}
- .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 .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 .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;}
-
/* 오늘의 행사 */
.BRD001 .head > span:nth-child(1) {width: 150px;}
@@ -141,17 +195,17 @@
.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: 70px;}
+ /* 게시판 관리 */
+ .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: 168px;}
- .BRD006 .head > span:nth-child(5) {width: 140px;}
- .BRD006 .head > span:nth-child(6) {width: 140px;}
- .BRD006 .result .list_item > div:nth-child(1) {width: 70px;}
+ .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: 168px;}
- .BRD006 .result .list_item > div:nth-child(5) {width: 140px;}
- .BRD006 .result .list_item > div:nth-child(6) {width: 140px;}
+ .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;}
@@ -229,16 +283,20 @@
.SITE_INTRO .ds_1 .bot + .tit_5 {margin-top: 46px;}
.SITE_INTRO .ds_1 .msg_1 + .tit_5 {margin-top: 42px;}
- .PDS_LIST .pdslist {margin-top: 24px; border-top: 2px solid #dde2e5; background: #f7f7f7;}
- .PDS_LIST .pdslist ul {padding-top: 40px;}
+
+ /* 홍보자료 */
+ .PDS_LIST .pdslist {margin-top: 10px; } /* changed by lim margin-top: 24px; border-top: 2px solid #dde2e5; background: #f7f7f7; */
+ /*.PDS_LIST .pdslist ul {padding-top: 40px; }*/
+ .PDS_LIST .pdslist ul {display: flex; flex-wrap: wrap; gap: 22px;}
.PDS_LIST .pdslist ul::after {content: ""; display: block; clear: both;}
- .PDS_LIST .pdslist ul li {float: left; width: 50%; padding: 0 0 40px 40px;}
- .PDS_LIST .pdslist ul li > a {display: block;}
+ .PDS_LIST .pdslist ul li:last-child {margin-right: 0;}
+ .PDS_LIST .pdslist ul li {border: 1px solid #B7B7B7; padding: 10px; width: auto;} /* changed by lim float: left; width: 50%; padding: 0 0 40px 40px; */
+ .PDS_LIST .pdslist ul li > a {display: block; color: #383838;}
.PDS_LIST .pdslist ul li > a::after {content: ""; display: block; clear: both;}
- .PDS_LIST .pdslist ul li > a img {display: block; float: left; width: 160px; margin-right: 20px;}
- .PDS_LIST .pdslist ul li > a > span {display: block; float: left; width: calc(100% - 180px); padding-right: 10px;}
- .PDS_LIST .pdslist ul li > a > span strong {display: block; padding-bottom: 8px; color: #222; font-size: 18px; font-weight: 400;}
- .PDS_LIST .pdslist ul li > a > span span {color: #666; font-size: 16px; font-weight: 300; line-height: 26px;}
+ .PDS_LIST .pdslist ul li > img.promotion {width: 249px; margin-bottom:10px; border: 1px solid #CACACA; border-radius: 10px; cursor: pointer;} /* changed by lim display: block; float: left; margin-right: 20px; */
+ /*.PDS_LIST .pdslist ul li > a > span {display: block; float: left; width: calc(100% - 180px); padding-right: 10px;}*/
+ /*.PDS_LIST .pdslist ul li > a > span strong {display: block; padding-bottom: 8px; color: #222; font-size: 18px; font-weight: 400;}*/
+ /*.PDS_LIST .pdslist ul li > a > span span {font-size: 16px; font-weight: 300; line-height: 26px;}*/
.PDS_LIST .recent {height: 290px; margin-top: 24px; border: 2px solid #dde2e5;}
.PDS_LIST .recent::after {content: ""; display: block; clear: both;}
@@ -253,14 +311,22 @@
.PDS_LIST .recent > ul li .ymd {display: block; position: absolute; right: 0; top: 0; height: 30px; color: #666; font-size: 16px; line-height: 30px;}
.PDS_LIST .tit_5 {margin-top: 42px;}
.PDS_LIST .board_list {margin-top: 50px;}
+
+
+
+ /* 사이트관리 > 게시판현황 > 게시물관리 */
.BRD007 .head > span:nth-child(1) {width: 70px;}
- .BRD007 .head > span:nth-child(3) {width: 90px;}
- .BRD007 .head > span:nth-child(4) {width: 90px;}
- .BRD007 .head > span:nth-child(5) {width: 120px;}
+ .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(6) {width: 120px;}
+ .BRD007 .head > span:nth-child(7) {width: 140px;}
.BRD007 .result .list_item > div:nth-child(1) {width: 70px;}
- .BRD007 .result .list_item > div:nth-child(3) {width: 90px;}
- .BRD007 .result .list_item > div:nth-child(4) {width: 90px;}
- .BRD007 .result .list_item > div:nth-child(5) {width: 120px;}
+ .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(6) {width: 120px;}
+ .BRD007 .result .list_item > div:nth-child(7) {width: 140px;}
.PDS_REG .pds_desc_edit {margin: 14px 0 30px 0;}
@@ -340,6 +406,31 @@
.BOARD_USE_LIST .board_view2 dl dt {width: 185px;}
.BOARD_USE_LIST .board_view2 dl:nth-child(2) dd .f_input2 {width: 490px; margin-left: 17px;}
+
+ /* 사용자 게시판 */
+ .BRD013 .head > span:nth-child(1) {position: relative; width: 60px;}
+ .BRD013 .head > span:nth-child(2) {position: relative;}
+ .BRD013 .head > span:nth-child(3) {position: relative; width: 100px;}
+ .BRD013 .head > span:nth-child(4) {position: relative; width: 100px;}
+ .BRD013 .head > span:nth-child(5) {position: relative; width: 120px;}
+ .BRD013 .head > span:nth-child(6) {width: 80px;}
+ .BRD013 .head > span:nth-child(-n+5)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+ .BRD013 .result .list_item > div:nth-child(1) {width: 60px;}
+ .BRD013 .result .list_item > div:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
+ .BRD013 .result .list_item > div:nth-child(3) {width: 100px;}
+ .BRD013 .result .list_item > div:nth-child(4) {width: 100px;}
+ .BRD013 .result .list_item > div:nth-child(5) {width: 120px;}
+ .BRD013 .result .list_item > div:nth-child(6) {width: 80px;}
+
+ /* 사용자 영문건설기준 */
+ .BRD014 .head > span:nth-child(1) {position: relative; width: 30%; background: #22498E; color: #fff; border-right: 2px solid #657E9E;}
+ .BRD014 .head > span:nth-child(2) {position: relative; width: 35%; background: #22498E; color: #fff; border-right: 2px solid #657E9E;}
+ .BRD014 .head > span:nth-child(3) {position: relative; width: 35%; background: #22498E; color: #fff; border-right: 2px solid #657E9E;}
+ .BRD014 .result .list_item1 > div:nth-child(1) {width: 30%; border-right: 2px solid #657E9E;}
+ .BRD014 .result .list_item1 > div:nth-child(2) {width: 35%; border-right: 2px solid #657E9E;}
+ .BRD014 .result .list_item1 > div:nth-child(3) {width: 35%; }
+
+
/* 찾아오시는길 */
.SITE_CONTACT_US .map {margin-top: 43px;}
.SITE_CONTACT_US .map img {max-width: 100%;}
@@ -431,20 +522,20 @@
.bookmark:hover{cursor: pointer}
.errorText{color:white; background-color: red; font-size: x-small; vertical-align: bottom; padding: 0 10px;}
-/*기준코드 뷰어*/
-.titleCheckBox ~ p {display: inline}
-.errorCnt{display: inline; color:red;}
-.errorText{display: inline; cursor: pointer}
-.detailInfoDiv > div > input {margin-right: 5px;}
-.docInfoTitle{white-space: nowrap;}
-.yearInfo{font-size: 9px}
-.yearInfoActive{color: #0d6efd}
-.docInfoBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; filter: grayscale(100%);}
-.docInfoActive{filter: grayscale(0%);}
-.modalYearInfo{font-size: 9px}
-.modalYearInfoActive{color: #0d6efd}
-.modalDocInfoBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; filter: grayscale(100%);}
-.modalDocInfoActive{filter: grayscale(0%);}
-.docInfoRow > div{--bs-gutter-x: 0.5rem;}
-.bookmarkModalHeader{--bs-modal-title-line-height:1;}
-.optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
\ No newline at end of file
+ /*기준코드 뷰어*/
+ .titleCheckBox ~ p {display: inline}
+ .errorCnt{display: inline; color:red;}
+ .errorText{display: inline; cursor: pointer}
+ .detailInfoDiv > div > input {margin-right: 5px;}
+ .docInfoTitle{white-space: nowrap;}
+ .yearInfo{font-size: 9px}
+ .yearInfoActive{color: #0d6efd}
+ .docInfoBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; filter: grayscale(100%);}
+ .docInfoActive{filter: grayscale(0%);}
+ .modalYearInfo{font-size: 9px}
+ .modalYearInfoActive{color: #0d6efd}
+ .modalDocInfoBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; filter: grayscale(100%);}
+ .modalDocInfoActive{filter: grayscale(0%);}
+ .docInfoRow > div{--bs-gutter-x: 0.5rem;}
+ .bookmarkModalHeader{--bs-modal-title-line-height:1;}
+ .optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
diff --git a/egovframe-template-simple-react-contribution/src/font/Pretendard-Regular.otf b/egovframe-template-simple-react-contribution/src/font/Pretendard-Regular.otf
new file mode 100644
index 0000000..c940185
Binary files /dev/null and b/egovframe-template-simple-react-contribution/src/font/Pretendard-Regular.otf differ
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutHistory.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutHistory.jsx
index d08f51e..d3a08b3 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutHistory.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutHistory.jsx
@@ -12,7 +12,7 @@ function EgovAboutHistory() {
{/* */}
-
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutLocation.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutLocation.jsx
index d8401db..63e0830 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutLocation.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutLocation.jsx
@@ -12,8 +12,8 @@ function EgovAboutLocation() {
사이트 소개
+연혁
-표준프레임워크 경량환경 포털사이트를 소개합니다.
+ {/*표준프레임워크 경량환경 포털사이트를 소개합니다.
*/} -전자정부표준프레임워크 연혁
- -연혁
- -표준프레임워크 활성화 전담조직으로 한국정보화진흥원(NIA)에 2010년 11월 4일 「표준프레임워크센터」가
- 설립되었으며 정책지원, 글로벌 확산 등을 담당할 NIA 인력과 R&D, 기술지원 등을 담당할 외부 민간 전문가로
- 구성되었습니다.
전자정부표준프레임워크 연혁
*/} + + {/*연혁
*/} + + {/*표준프레임워크 활성화 전담조직으로 한국정보화진흥원(NIA)에 2010년 11월 4일 「표준프레임워크센터」가
*/}
+ {/* 설립되었으며 정책지원, 글로벌 확산 등을 담당할 NIA 인력과 R&D, 기술지원 등을 담당할 외부 민간 전문가로
*/}
+ {/* 구성되었습니다.
{/* */}
-
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutOrganization.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutOrganization.jsx
index 07a3b1d..b0ba209 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutOrganization.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutOrganization.jsx
@@ -12,8 +12,8 @@ function EgovAboutOrganization() {
사이트 소개
+찾아오시는 길
-표준프레임워크 경량환경 포털사이트를 소개합니다.
+ {/*표준프레임워크 경량환경 포털사이트를 소개합니다.
*/} -찾아오시는길
+ {/*찾아오시는길
*/} -
-
- 
-
-
+ {/*
-
- */}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/*
*/}
- */}
+ {/* */}
+ {/*
-
+ {/*
-
- 표준프레임워크센터 주소
--
-
-
-
- 
-
- QR코드로 위치알아보기
-스마트폰에서 QR코드
- 리더를 이용해 사진·
- 지도 등 다양한 정보를
- 확인하세요.
- */}
+ {/*
*/}
- */}
+ {/*
*/}
+ {/* 표준프레임워크센터 주소
*/} + {/*- */}
+ {/*
- */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/*QR코드로 위치알아보기
*/} + {/*스마트폰에서 QR코드
*/}
+ {/* 리더를 이용해 사진·
*/}
+ {/* 지도 등 다양한 정보를
*/}
+ {/* 확인하세요.
*/}
+ {/*
-
+ {/*
-
- 찾아오시는 길
--
-
-
-
-
- 연락처
--
-
-
-
*/}
+ {/*
*/}
{/* */}
*/}
+ {/*
*/}
+ {/* 찾아오시는 길
*/} + {/*- */}
+ {/*
- */}
+ {/*
*/}
+ {/*
*/}
+ {/*연락처
*/} + {/*- */}
+ {/*
- */}
+ {/*
{/* */}
-
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutPromote.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutPromote.jsx
new file mode 100644
index 0000000..f9457c5
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutPromote.jsx
@@ -0,0 +1,179 @@
+import React, { useEffect, useState, useRef } from 'react';
+import {Link, useLocation, useNavigate} from 'react-router-dom';
+import * as EgovNet from 'api/egovFetch';
+
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Modal from 'react-bootstrap/Modal';
+
+import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAbout';
+import URL from "constants/url";
+
+function Promote(){
+ const [show, setShow] = useState(false);
+ const [modalContent, setModalContent] = useState({});
+ const handleClose = () => setShow(false);
+ const handleShow = (content) => {
+ setModalContent(content);
+ setShow(true);
+ };
+
+ const items = [
+ {
+ id: 1,
+ imgSrc: '/assets/images/nanae-1.png',
+ link: '/support-download-detail',
+ linkText: '2023년 12월 14호',
+ modalTitle: '2023년 12월 14호',
+ modalBody: `
+ - 교량 건설기준 국제 통용성 분석 연구사이트 소개
+홍보자료
-표준프레임워크 경량환경 포털사이트를 소개합니다.
+ {/*표준프레임워크 경량환경 포털사이트를 소개합니다.
*/} -조직소개
+ {/*조직소개
*/} -조직
+ {/*조직
*/} -오픈커뮤니티의 초기 정착을 위해 표준프레임워크 개발 참여자와 국내 주요 오픈커뮤니티의 운영자·전문가를 리딩
- 그룹(PMC, 커미터)으로 구성 오픈커뮤니티의 지속적인 확대·발전을 위해 프로젝트 활동에 적극적으로 참여하는
- 커뮤니티 회원이 리딩그룹의 역할을 획득할 수 있도록 투명하고 공정한 의사결정 체계를 수립
오픈커뮤니티의 초기 정착을 위해 표준프레임워크 개발 참여자와 국내 주요 오픈커뮤니티의 운영자·전문가를 리딩
*/}
+ {/* 그룹(PMC, 커미터)으로 구성 오픈커뮤니티의 지속적인 확대·발전을 위해 프로젝트 활동에 적극적으로 참여하는
*/}
+ {/* 커뮤니티 회원이 리딩그룹의 역할을 획득할 수 있도록 투명하고 공정한 의사결정 체계를 수립
+ - [기고문]건설산업 변화와 디지털 건설기준 도입
+ - [기고문]인공지능 기술을 활용한 건설기준 중복 상충부 검토
+ - 건설산업 디지털 전환 동향 파악을 위한 국외출장 결과
+ - 건설기준 주요 민원사례 소개
+ - 2023년 건설기준위원회 및 중앙건설기술심의위원회 개최 현황
+ - 2023년 건설기준 제·개정 고시 현황 + ` + }, + { + id: 2, + imgSrc: '/assets/images/nanae-1.png', + link: '/support-download-detail', + linkText: '2022년 12월 13호', + modalTitle: '2022년 12월 13호', + modalBody: ` + - 다른 내용1
+ - 다른 내용2
+ - 다른 내용3
+ - 다른 내용4
+ ` + }, + // 더 많은 항목을 추가 + ]; + + return ( +
+
+
+ {modalContent.title}
+
+ */}
+ {/* */}
+ {/* */}
+
+
+ );
+}
+
+export default Promote;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
index ed5d40a..25744e8 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
@@ -11,8 +11,8 @@ function EgovAboutSite() {
+ {/* */}
+
+
+
+
+ {/* */}
+
+ -
+
+ {/* */}
+
+
+ {/* */}
+
+
+ ![]({"/assets/images/t_count.png"})
전체: 14건
+ 
Adobe Reader를 설치하셔야 합니다.
+
+
+
+
+
+
+ {/* */}
+
+ 홍보자료
+ + 전체: 14건
+ Adobe Reader를 설치하셔야 합니다.
+
+
+
+ -
+ {items.map(item => (
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{/* */}
-
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
new file mode 100644
index 0000000..349d697
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
@@ -0,0 +1,14 @@
+import React, { useState } from 'react';
+import {Link, useLocation, useNavigate} from 'react-router-dom';
+import * as EgovNet from 'api/egovFetch';
+
+function Sitemap(){
+
+
+
+ return (
+ 사이트 소개
+인사말
-표준프레임워크 경량환경의 개요와 연혁, 조직소개,
- 표준프레임워크센터의 약도 등의 정보를 제공하고 있습니다.
표준프레임워크 경량환경의 개요와 연혁, 조직소개,
*/}
+ {/* 표준프레임워크센터의 약도 등의 정보를 제공하고 있습니다.
전자정부표준프레임워크 소개
+ {/*전자정부표준프레임워크 소개
*/} -개요
+ {/*개요
*/} -전자정부 표준 프레임워크는 응용SW의 구성기반이 되며 응용SW실행 시 필요한 기본 기능을 제공하는 환경이다.
- 전자정부 표준 프레임워크는 ‘전자정부 서비스의 품질향상 및 정보화 투자 효율성 향상’을 위해 개발 프레임워크
- 표준을 정립하고, 개발 프레임워크 표준 적용을 통한 응용 SW의 표준화 및 품질과 재사용성 향상을 목표로 한다.
+ {/*
*/}
{/* */}
전자정부 표준 프레임워크는 응용SW의 구성기반이 되며 응용SW실행 시 필요한 기본 기능을 제공하는 환경이다.
*/}
+ {/* 전자정부 표준 프레임워크는 ‘전자정부 서비스의 품질향상 및 정보화 투자 효율성 향상’을 위해 개발 프레임워크
*/}
+ {/* 표준을 정립하고, 개발 프레임워크 표준 적용을 통한 응용 SW의 표준화 및 품질과 재사용성 향상을 목표로 한다.
전자정부 서비스 품질향상 및 정보화투자 효율성 향상
- --
-
전자정부표준프레임워크
활용
*/}
-
+ {/*
-
+ {/* 전자정부표준프레임워크 구축 및 적용 요구
--
-
전자정부표준프레임워크는 응용SW의 구성기반이 되며 응용SW실행 시 필요한 기본 기능을 제공하는 환경으로 - 정보시스템 구축 시 특정 대기업의 프레임워크로 구축·운영되어, 사업자 종속-비용증가 및 중소기업의 입찰제한 - 등의 폐단이 발생하는 것을 방지하기 위한 목적과 ‘전자정부 서비스의 품질향상 및 정보화 투자 효율성 향상’을 - 위해 개발 프레임워크 표준을 정립하고, 개발 프레임워크 표준 적용을 통한 응용 SW의 표준화 및 품질과 - 재사용성 향상을 목표로 한다.
-전자정부 서비스 품질향상 및 정보화투자 효율성 향상
*/} + {/* */} + {/*- */}
+ {/*
전자정부표준프레임워크
활용
배경
-현재 전자정부는 유사한 기능을 가지는 다양한 종류 및 버전의 프레임워크를 개별 시스템 단위로 적용/관리하고 - 있으며, 이에 따라 다양한 문제점들이 발생하고 있다. 전자정부에 적용된 개발프레임워크는 Black Box 형태로 - 제공되어 사업자의 기술지원 없이는 응용 SW를 유지보수하기 어렵기 때문에 사업자에 대한 의존성이 발생한다. - - 복수개의 개발프레임워크가 적용된 사업의 경우, 프레임워크에 따라 개발표준 정의, 개발자수급, 교육시행 등 - 별도의 유지보수 체계를 갖추는 중복 투자가 발생하며, 개발프레임워크의 체계적인 관리절차의 미비로 동일 - 개발프레임워크라 하더라도 버전 관리에 어려움이 있다.전자정부의 프레임워크의 표준화는 사업자 고유 개발 - 프레임워크에 대한 기술 종속성을 배제하고 표준화를 통해 응용 SW의 표준화와 품질, 재사용성을 향상시키며, - 개발 프레임워크의 유지 보수 단일화를 통한 투자 효율성을 높인다.
- -특징
-현재 전자정부는 유사한 기능을 가지는 다양한 종류 및 버전의 프레임워크를 개별 시스템 단위로 적용/관리하고 - 있으며, 이에 따라 다양한 문제점들이 발생하고 있다. 전자정부에 적용된 개발프레임워크는 Black Box 형태로 - 제공되어 사업자의 기술지원 없이는 응용 SW를 유지보수하기 어렵기 때문에 사업자에 대한 의존성이 발생한다. - - 복수개의 개발프레임워크가 적용된 사업의 경우, 프레임워크에 따라 개발표준 정의, 개발자수급, 교육시행 등 - 별도의 유지보수 체계를 갖추는 중복 투자가 발생하며, 개발프레임워크의 체계적인 관리절차의 미비로 동일 - 개발프레임워크라 하더라도 버전 관리에 어려움이 있다.전자정부의 프레임워크의 표준화는 사업자 고유 개발 - 프레임워크에 대한 기술 종속성을 배제하고 표준화를 통해 응용 SW의 표준화와 품질, 재사용성을 향상시키며, - 개발 프레임워크의 유지 보수 단일화를 통한 투자 효율성을 높인다.
+ {/**/}
+ {/*
*/}
- 전자정부표준프레임워크 구축 및 적용 요구
*/} + {/*- */}
+ {/*
전자정부표준프레임워크는 응용SW의 구성기반이 되며 응용SW실행 시 필요한 기본 기능을 제공하는 환경으로*/} + {/* 정보시스템 구축 시 특정 대기업의 프레임워크로 구축·운영되어, 사업자 종속-비용증가 및 중소기업의 입찰제한*/} + {/* 등의 폐단이 발생하는 것을 방지하기 위한 목적과 ‘전자정부 서비스의 품질향상 및 정보화 투자 효율성 향상’을 */} + {/* 위해 개발 프레임워크 표준을 정립하고, 개발 프레임워크 표준 적용을 통한 응용 SW의 표준화 및 품질과 */} + {/* 재사용성 향상을 목표로 한다.
*/} + {/*배경
*/} + {/*현재 전자정부는 유사한 기능을 가지는 다양한 종류 및 버전의 프레임워크를 개별 시스템 단위로 적용/관리하고*/} + {/* 있으며, 이에 따라 다양한 문제점들이 발생하고 있다. 전자정부에 적용된 개발프레임워크는 Black Box 형태로*/} + {/* 제공되어 사업자의 기술지원 없이는 응용 SW를 유지보수하기 어렵기 때문에 사업자에 대한 의존성이 발생한다.*/} + {/* */} + {/* 복수개의 개발프레임워크가 적용된 사업의 경우, 프레임워크에 따라 개발표준 정의, 개발자수급, 교육시행 등*/} + {/* 별도의 유지보수 체계를 갖추는 중복 투자가 발생하며, 개발프레임워크의 체계적인 관리절차의 미비로 동일*/} + {/* 개발프레임워크라 하더라도 버전 관리에 어려움이 있다.전자정부의 프레임워크의 표준화는 사업자 고유 개발*/} + {/* 프레임워크에 대한 기술 종속성을 배제하고 표준화를 통해 응용 SW의 표준화와 품질, 재사용성을 향상시키며,*/} + {/* 개발 프레임워크의 유지 보수 단일화를 통한 투자 효율성을 높인다.
*/} + {/* */} + {/*특징
*/} + {/*현재 전자정부는 유사한 기능을 가지는 다양한 종류 및 버전의 프레임워크를 개별 시스템 단위로 적용/관리하고*/} + {/* 있으며, 이에 따라 다양한 문제점들이 발생하고 있다. 전자정부에 적용된 개발프레임워크는 Black Box 형태로*/} + {/* 제공되어 사업자의 기술지원 없이는 응용 SW를 유지보수하기 어렵기 때문에 사업자에 대한 의존성이 발생한다.*/} + {/* */} + {/* 복수개의 개발프레임워크가 적용된 사업의 경우, 프레임워크에 따라 개발표준 정의, 개발자수급, 교육시행 등*/} + {/* 별도의 유지보수 체계를 갖추는 중복 투자가 발생하며, 개발프레임워크의 체계적인 관리절차의 미비로 동일*/} + {/* 개발프레임워크라 하더라도 버전 관리에 어려움이 있다.전자정부의 프레임워크의 표준화는 사업자 고유 개발*/} + {/* 프레임워크에 대한 기술 종속성을 배제하고 표준화를 통해 응용 SW의 표준화와 품질, 재사용성을 향상시키며,*/} + {/* 개발 프레임워크의 유지 보수 단일화를 통한 투자 효율성을 높인다.
*/} + + {/*사이트맵
+ );
+}
+
+export default Sitemap;
\ No newline at end of file
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 c12a9a8..49acd8f 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
@@ -13,7 +13,8 @@ import RichTextEditor from "../../../components/editor/RichTextEditor";
import AttachFile from "../../../components/file/AttachFile";
-function AdminPostMgtEdit({props, reloadFunction}) {
+function AdminPostMgtEdit({props, reloadFunction, searchCondition}) {
+ console.log("@@@ searchCondition : " + JSON.stringify(searchCondition));
console.group("AdminPostMgtEdit");
console.log("[Start] AdminPostMgtEdit ------------------------------");
console.log("AdminPostMgtEdit [props] : ", props);
@@ -28,14 +29,14 @@ function AdminPostMgtEdit({props, reloadFunction}) {
item = props;
console.log("@@@ item : " + JSON.stringify(item));
- const [modeInfo, setModeInfo] = useState(item != null ? {mode: props.mode} : {mode: CODE.MODE_CREATE});
+ const [modeInfo, setModeInfo] = useState(props.selectedBbsSeq ? {mode: CODE.MODE_CREATE} : {mode: props.mode});
const [boardDetail, setBoardDetail] = useState({});
console.log("@@@ mode : " + modeInfo.mode);
const [categoryList, setCategoryList] = useState([]);
const retrieveList = useCallback(() => {
- const retrieveListURL = '/admin/boards/get-category-and-file-list';
+ const retrieveListURL = '/admin/boards/posts/get-category-and-file-list';
const requestOptions = {
method: "POST",
@@ -68,6 +69,7 @@ function AdminPostMgtEdit({props, reloadFunction}) {
}, []);
const initMode = () => {
+ console.log("@@@@@@@@@@");
if (modeInfo.mode === CODE.MODE_MODIFY) {
setBoardDetail(item);
setSelectedBbsSeq(props?.bbsSeq);
@@ -82,7 +84,7 @@ function AdminPostMgtEdit({props, reloadFunction}) {
formData.append('fixedYn', defaultFixedYn);
formData.append('secretYn', defaultSecretYn);
formData.append('bbsId', form.bbsId.value);
- formData.append('bbsSeq', selectedBbsSeq);
+ formData.append('bbsSeq', selectedBbsSeq ? selectedBbsSeq : props.selectedBbsSeq);
formData.append('bbsContTitle', form.bbsContTitle.value);
formData.append('bbsContents', text);
//첨부파일
@@ -100,7 +102,7 @@ function AdminPostMgtEdit({props, reloadFunction}) {
formData.append('bbsContSeq', props.bbsContSeq);
}
EgovNet.requestFetch(
- '/admin/boards/post-mgt',
+ '/admin/boards/posts/post-mgt',
{
method: "PUT",
body: formData
@@ -108,7 +110,7 @@ function AdminPostMgtEdit({props, reloadFunction}) {
(resp) => {
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
alert("저장되었습니다.");
- reloadFunction();
+ reloadFunction(searchCondition);
} else if (Number(resp.resultCode) === Number(CODE.RCV_ERROR_AUTH)) {
console.log("토큰 갱신중.")
} else {
@@ -121,7 +123,7 @@ function AdminPostMgtEdit({props, reloadFunction}) {
function deletePost(post) {
if (window.confirm("삭제하시겠습니까?")) {
EgovNet.requestFetch(
- '/admin/boards/post-mgt',
+ '/admin/boards/posts/post-mgt',
{
method: "DELETE",
headers: {
@@ -131,8 +133,7 @@ function AdminPostMgtEdit({props, reloadFunction}) {
},
(resp) => {
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
- alert("삭제되었습니다.")
- reloadFunction();
+ reloadFunction(searchCondition);
} else if (Number(resp.resultCode) === Number(CODE.RCV_ERROR_AUTH)) {
console.log("토큰 갱신중.")
} else {
@@ -149,12 +150,11 @@ function AdminPostMgtEdit({props, reloadFunction}) {
const [defaultFixedYn, setDefaultFixedYn] = useState(props?.fixedYn || "N");
const [defaultSecretYn, setDefaultSecretYn] = useState(props?.secretYn || "N");
const [text, setText] = useState(props?.bbsContents);
- const [selectedBbsSeq, setSelectedBbsSeq] = useState(null);
+ const [selectedBbsSeq, setSelectedBbsSeq] = useState(props?.selectedBbsSeq ? props?.selectedBbsSeq : props?.bbsSeq);
const handleSelectChange = (e) => {
- const selectedBbsId = e.target.value;
- const selectedOption = categoryList.find((item) => item.bbsId === selectedBbsId);
- setSelectedBbsSeq(selectedOption.bbsSeq);
+ const selectedBbsSeq = e.target.value;
+ setSelectedBbsSeq(selectedBbsSeq);
}
const fileTypes = ["JPG", "PNG", "GIF", "PDF", "HWP", "HWPX", "ZIP", "JPEG", "MP4", "TXT"];
@@ -201,37 +201,42 @@ function AdminPostMgtEdit({props, reloadFunction}) {