가이드(임시)
UI가이드는 베이스프로젝트에 적용된 기본 UI 마크업 및 디자인입니다.
개발 시 참고하기 위해 html 소스만 따서 붙여놓은것이라 실제 소스와 다를 수도 있으니 참고용으로만 사용해 주시기 바랍니다.
디자인팀에서 신규프로젝트 진행 시에는 각 프로젝트별로 디자인 변경해서 사용하시면 됩니다.
게시판 상단 안내문구
- 회원 계정이 있으신 분에 한해 이용하실 수 있습니다.
- 최종 로그인 후 2년이 지난 계정은 자동적으로 탈퇴 처리됩니다.
- 아이디와 비밀번호를 잊어버리신 경우는 페이지 하단 담당자에게 문의해 주세요.
개찰결과 이용 안내
- 본 목록은 나라장터에서 제공하는 창원시 개찰결과로 매일 오전 8시에 데이터가 업데이트 됩니다.
- 나라장터에서 제공하는 정보와 상이할 수 있으며, 보다 정확한 정보 및 상세한 내용 확인을 원하시는 분께서는 나라장터(조달청)를 이용하여 주시기 바랍니다.
게시판 상단 검색영역
현재 페이지 1 / 전체 페이지 55
일반게시판 목록
table에 bod_list가 붙은 일반게시판 목록은 반응형 처리가 되어 있습니다.
테이블은 table-layout:fixed로 설정(너비 고정) 되어 있음.
bod_maintain 이나 bod_list class를 사용하는 테이블에서 고정을 원치 않을 경우 layout_noFix class를 추가해주면 table-layout:auto로 변경됨
| 번호 | 제목 | 파일 | 작성자 | 작성일 | 조회 |
|---|---|---|---|---|---|
 |
일반글 테스트2 | 김장섭 | 2018-10-26 | 12 | |
| 2 | 일반글 테스트 | 김장섭 | 2018-10-26 | 1 | |
| 1 |
공지 기간 테스트
|
김장섭 | 2018-10-26 | 36 |
게시판목록 내부 버튼
| 성격 | 클래스명 | 버튼 모양 |
|---|---|---|
| 일반버튼 | class="btn" | |
| 삭제버튼 | class="btn del" |
반응형 시 스크롤이 필요한 게시판 목록 (768px 기준)
table 태그에 bod_maintain class를 추가해야 스크롤이 생깁니다.
주로 현황 목록에서 사용되는 형태입니다.
테이블은 table-layout:fixed로 설정(너비 고정) 되어 있음.
bod_maintain 이나 bod_list class를 사용하는 테이블에서 고정을 원치 않을 경우 layout_noFix class를 추가해주면 table-layout:auto로 변경됨
모바일 사용 시 표를 좌우로 이동하여 내용을 확인 할 수 있습니다.
| 번호 | 연도 | 예산 구분 | 회계별 | 예산액 | 전년도 예산액 | 증감 |
|---|---|---|---|---|---|---|
| 3 | 2017 | 본 예산 | 기타특별회계 | 364,130,013 | 375,428,233 | (감)11,298,220 |
| 2 | 2017 | 본 예산 | 일반회계 | 1,966,700,000 | 1,913,573,517 | (증)53,126,483 |
| 1 | 2017 | 본 예산 | 계 | 2,510,737,944 | 2,530,809,801 | (감)20,071,857 |
게시판 목록 레이아웃
.bod_list, .bod_maintain의 기본 속성은 display:fixed로 설정 되어 있음.
테이블이 100%로 보이지 않고 끊겨보일 경우에는 layout_noFix class 추가하세요.
직원안내게시판 목록
| 부서 | 직위 | 이름 | 전화번호 | 업무 내용 |
|---|---|---|---|---|
| 시장 시장 |
시장 | 나동연 | 055-392-2001 | 시장 |
| 부시장 부시장 |
지방부이사관 | 지현철 | 055-392-2030 | 부시장 |
| 기획관 기획관 |
지방행정사무관 | 박창훈 | 055-392-2050 | 기획예산담당업무 총괄 |
| 기획관 정책기획담당 |
지방행정주사 | 이우식 | 055-392-2051 | 정책기획 |
| 기획관 주무관 |
지방행정주사보 | 정명헌 | 055-392-2052 | 주요업무계획수립, 주요현안업무관리, 정책회의 |
포토게시판 목록
동영상게시판 목록
블로그게시판 목록
민원형게시판 목록
민원형게시판은 항목이 많은편이니 기획팀과 상의하여 반응형 시 숨김처리할 항목을 정하여 프로젝트별로 적용해 주시기 바랍니다.
| 번호 | 분류 | 제목 | 파일 | 담당부서 | 작성자 | 답변 | 작성일 | 조회수 |
|---|---|---|---|---|---|---|---|---|
| 6 | 222 | sdf |
|
공보관 | 이** | 대기 | 2017-10-12 | 1 |
| 5 | 111 | ㅈㄷㅂㄱ |
|
징수과 | 김** | 대기 | 2017-07-11 | 1 |
| 4 | 222 | weqrwqer |
|
시민정보화교육 | 장** | 대기 | 2017-07-11 | 1 |
| 3 | 111 | weqrqwer | 시민정보화교육 강사 | 박** | 대기 | 2017-07-06 | 10 | |
| 2 | 111 | qwer [1] |
|
시민정보화교육 | YH 개발팀 | 완료 | 2017-07-06 | 15 |
| 1 | 111 | 111 | 시장 | YH 개발팀 | 완료 | 2017-06-27 | 10 |
FAQ게시판 목록
| 번호 | 분류 | 질문 | 담당부서 | 작성자 | 작성일 |
|---|---|---|---|---|---|
| 3 | 222 | 공공데이터의 이용조건은 어떻게 됩니까? | 상하수도사업소 | 상하수도사업소 | 2019-05-27 |
|
|||||
| 2 | 222 | 열린 데이터 광장의 자료는 항상 업데이트가 되는 건가요? | 기획관 | 기획관 | 2019-05-27 |
| 1 | 111 | 로그인 실패 및 접속 오류 발생시 안내 | 시민정보화교육 | 시민정보화교육 | 2019-05-27 |
설문조사 목록
-
Est unde exercitation facilis enim commodo tempora ipsa nesciunt nihil ipsum exercitation et delectus velit
- 설문기간
- 2019-09-01 ~ 2019-09-30
- 상태
- 종료
- 참여자
- 1명
- 결과공개여부
- 공개
-
테스트
- 설문기간
- 2018-04-05 ~ 2018-04-06
- 상태
- 종료
- 참여자
- 1명
- 결과공개여부
- 공개
-
설문조사 테스트입니다 01
- 설문기간
- 2019-08-29 ~ 2019-08-31
- 상태
- 종료
- 참여자
- 1명
- 결과공개여부
- 공개
설문조사 검색 결과 - 설문조사가 없을 경우
- 조회된 설문조사가 없습니다.
설문조사 상세
- 설문조사기간
- 2019-10-04 ~ 2019-10-11
- 참여대상
- 아무나
- 상태
- 진행중
- 참여자 현황
- 1명
- 결과 공개여부
- 공개
토너먼트형 상세
-
- 질문 1
- *필수문항질문111
선택선택
토너먼트형 상세 - 최종 선택화면
-
- 질문 1
- *필수문항질문111
최종 선택
설문에 응해 주셔서 감사드립니다.
설문조사 결과
- 설문조사기간
- 2019-08-29 ~ 2019-08-31
- 참여대상
- 시민
- 상태
- 종료
- 참여자 현황
- 1명
- 결과 공개여부
- 공개
머릿말이 뭔가요?
머릿말이 뭔가요?
-
- 질문 1
- 3D프린팅 교육을 시행하고 있다는 사실을 어떤 경로로 알게 되었습니까?
-
인터넷 홈페이지
투표수 : 1명 / 100.0% -
주변이웃
투표수 : 0명 / 0% -
신문, 반상회 등의 홍보
투표수 : 0명 / 0% -
기타
투표수 : 0명 / 0%
-
- 질문 2
- 3D프린팅 교육에 있어서 개선해야할 점이 있다면 무엇입니까?
-
교육과목
투표수 : 0명 / 0% -
강사의 자질
투표수 : 0명 / 0% -
교육시간
투표수 : 0명 / 0% -
교육장소
투표수 : 0명 / 0% -
기타
투표수 : 1명 / 100.0%
-
- 질문 3
- test
-
주관식항목은 관리자만 열람가능합니다.
-
- 질문 4
- 개선방향을 구체적으로 적어주세요
-
주관식항목은 관리자만 열람가능합니다.
-
- 질문 5
- 순위선정형
-
1
- 1순위 투표수 : 1명 / 100.0%
- 2순위 투표수 : 0명 / 0%
- 3순위 투표수 : 0명 / 0%
- 4순위 투표수 : 0명 / 0%
-
2
- 1순위 투표수 : 0명 / 0%
- 2순위 투표수 : 1명 / 100.0%
- 3순위 투표수 : 0명 / 0%
- 4순위 투표수 : 0명 / 0%
-
3
- 1순위 투표수 : 0명 / 0%
- 2순위 투표수 : 0명 / 0%
- 3순위 투표수 : 1명 / 100.0%
- 4순위 투표수 : 0명 / 0%
-
4
- 1순위 투표수 : 0명 / 0%
- 2순위 투표수 : 0명 / 0%
- 3순위 투표수 : 0명 / 0%
- 4순위 투표수 : 1명 / 100.0%
-
- 질문 6
- 매트릭스형
-
열1 열2 열3
모바일환경에서는 좌우로 이동하여 내용(표)을 보실 수 있습니다.
설문조사 질문 6의 응답 결과에 대해 문항과 결과를 안내하는 표입니다. 문항 결과 행1 -
열1
투표수 : 0명
0% -
열2
투표수 : 1명
100.0% -
열3
투표수 : 0명
0%
행2 -
열1
투표수 : 1명
100.0% -
열2
투표수 : 0명
0% -
열3
투표수 : 0명
0%
-
열1
투표수 : 0명
YHDCalendar
캘린더를 감싸고 있는 div를 전면 배치시에는 one_column / 좌우 배치시에는 two_column으로 변경하면 됩니다.
아래는 좌우 배치 예시입니다.
| 일요일 | 월요일 | 화요일 | 수요일 | 목요일 | 금요일 | 토요일 |
|---|---|---|---|---|---|---|
|
1 신청 불가 |
2 신청 불가 |
|||||
|
3 신청 불가 |
4 신청 불가 |
5 신청 불가 |
6 신청 불가 |
7 신청 불가 |
8 신청 불가 |
9 신청 불가 |
|
10 신청 불가 |
11 신청 불가 |
12 신청 불가 |
13 신청 불가 |
14 신청 불가 |
15 신청 불가 |
16 신청 불가 |
|
17 신청 불가 |
18 신청 불가 |
19 신청 불가 |
20 신청 불가 |
21 신청 불가 |
22 신청 불가 |
23 신청 불가 |
|
24 신청 불가 |
25 신청 불가 |
26 신청 불가 |
27 정원 마감 1건 |
28 신청 가능 |
29 신청 가능 |
30 신청 불가 |
로딩 중...
2019-11-26 현재 신청 현황(총 0건)
모바일 환경에서는 좌우로 이동하여 내용(표)을 보실 수 있습니다.
| 시간 | 신청자 | 정원 | 상태 |
|---|---|---|---|
| 00:00 ~ 01:00 | - | 0/1 | 신청 불가 |
사전정보공표
사전정보공표의 정보분류 및 공표부서는 시/도/군에 따라 달라질 수 있습니다. 기획팀에 확인 후 작업해 주시기 바랍니다.
아이콘은 기본 적용해 둔 것으로 디자인팀에서 변경하셔도 됩니다.
※ 해당 항목을 클릭하시면 아래에 검색결과가 나타납니다.
사전정보공표 검색결과
모바일환경에서는 좌우로 이동하여 내용(표)을 보실 수 있습니다.
| 번호 | 분류 | 공표대상 | 공표부서 | 주기 | 시기 | 방법 | 조회 |
|---|---|---|---|---|---|---|---|
| 22 | 일반행정 | 안성시 테스트 | 정보통계과 | 매일 | 매주 월요일 | 141 | |
| 21 | 일반행정 | 테스트 | 공원과 | 공표주기 | 공표시기 | 14 | |
| 20 | 일반행정 | asdfasdfasdfa32 | 시민정보화교육,시민정보화교육 강사,기획관,공보관,감사관,행정과 | awawerawertqawera | awerawerawert | 3 | |
| 19 | 일반행정 | aefawera | 기획관,공보관,감사관,행정국 | qwerq | qwe | 0 | |
| 18 | 일반행정 | rerst | 기획관 | 2 | |||
| 17 | 일반행정 | 공표 테스트 | 시장,기획관,공보관 | 2 | |||
| 16 | 일반행정 | 공표 테스트1496621256105 | 시장 | 39 | |||
| 15 | 일반행정 | 공표 테스트 | 시장 | 3 | |||
| 14 | 일반행정 | 공표 테스트 1496620852704 | 0 | ||||
| 13 | 일반행정 | 공표 테스트 1496385437846 | 7 |
페이징
현황 상세페이지 (게시판이 아닐 경우)
반응형이 적용된 상태니 th에 class로 너비 지정 금지. 예) th class="w20" 등 금지
테이블은 table-layout:fixed로 설정(너비 고정) 되어 있음.
bod_maintain 이나 bod_list class를 사용하는 테이블에서 고정을 원치 않을 경우 layout_noFix class를 추가해주면 table-layout:auto로 변경됨
| sdfsdf | |
|---|---|
| sdfsdf | sdfsdfsdfsd |
게시판 상세페이지
- 고시공고번호 : 안성시 공고 제2017-256호
- 등록일 :2017-02-10
- 담당부서 : 도시개발과(한보라)
- 첨부 파일 - 파일이 없을 경우
-
파일이 없습니다.
- 첨부 파일 - 파일이 있을 경우
포토게시판 뷰페이지(신규)
- 작성자 :김도현
- 등록일 : 2019-12-06
- 조회 : 31
- 압축파일
글쓰기
개인 정보 수집 및 이용 안내
- 개인 정보의 수집 · 이용 목적 : privacy policy title
- 개인 정보 수집 대상
- 필수 항목 :이름
- 자동 수집 항목 : IP(Internet Protocol) 주소, 이용 내역 기록
- 개인 정보의 보유 및 이용 기간 : 3개월
- agree1
- agree2
- 동의를 거부할 권리가 있으나 동의하지 않을 시 서비스 이용에 제한이 있습니다.
게시판 하단 버튼영역
우측정렬(기본) + 삭제버튼
우측정렬(기본) - taR
중앙정렬 - taC
좌측정렬 - taL
페이지 만족도평가
- 페이지 담당자 :
-
- 행정국 하영근 055-392-2803
- 최종 수정일 :
- 2019-08-22
소셜로그인
로그인 전
- 등록된 코멘트가 없습니다.
-
너는 상수 나는 망원 한 정거장 전에 내려 터벅터벅 걷고 있는 이별을 앞에 둔 연인 합치면 정이되는 합정인데 왜 우리는 갈라서야만 하나 바람이 분다 사랑이 운다 아아아 합정역 5번 출구
유산슬 2019.12.22 10:56
로그인 후
-
머나먼 저 우주위로 종을 울리면 이 높은 산 위에서 서 있는 나를 누가 발견해줄까 나를 태워주렴 네 음성으로 찬란하던 저 햇살로 나의 서툴던 이 소망은 모래로 쌓여 흩어지고 내 이름조차도 무리들 속에서 모두 지워져 가고
레플리카 2019.12.23 09:52
선거인명부
텍스트 정렬
taL
텍스트 좌측 정렬
taC
텍스트 중앙 정렬
taR
텍스트 우측 정렬
float
| 내용 | 클래스 명 | 내용 | 클래스 명 |
|---|---|---|---|
| 좌측으로 float | fL | 우측으로 float | fR |
float 해제하는 법: float 된 부모 태그에 clFix class 추가
마진값, 패딩값
엘리먼트와 엘리먼트 사이나 엘리먼트 내부에 여백을 주고 싶을 때 유용하게 쓸 수 있는 클래스로 범위는 5, 10, 15, 20, 25, 30, 35, 40, 45, 50으로 설정되어 있습니다.
이용방법은 padding과 margin 모두 동일합니다.
사용 예시
| 내용 | 클래스 명 | 내용 | 클래스 명 |
|---|---|---|---|
| margin-top="25" | mT25 | margin-right="10" | mR10 |
| padding-bottom="0" | pB0 | padding-left="40" | pL40 |
너비
%단위의 너비 사용 시
w1 ~ w100 class 적용하세요. w1일 경우 width=1% 가 되고, w100일 경우 width=100%가 됩니다.
px단위의 너비 사용 시
wp1 ~ wp900 class 적용하세요. wp1일 경우 width=1px 가 되고, wp900일 경우 width=900px이 됩니다.
콘텐츠 가이드는 각 프로젝트별로 채워 넣으시면 됩니다.
디자인가이드 모음 : http://121.182.164.106:2130/guide/guide.html
본인인증