김제시

웹스타일가이드

basic_tab : 4차메뉴로 사용 (기본 4개정렬, 기타 ul class="col2~col5")

basic_tab2 : 5차메뉴로 사용 (기타 ul class="col2~col5")

h4 제목

h5 제목
h6 제목

목록스타일 : basic_ul

  • 리스트 1차
    • 리스트 2차
      • 리스트 3차
      • 리스트 3차
  • ※ 특문사용시 블릿이 필요없을경우 : li_none

목차있는 목록스타일 : basic_ul_num 1번 ~ 10번

  • 리스트 1차
    • 리스트 2차
      • 리스트 3차
      • 리스트 3차
  • 리스트 1차
  • 리스트 1차

기본텍스트 : basic_p

전라북도의 서남단에 위치하고 동경은 126도 26분으로부터 126도 46분에 이르고, 북위는 35도 18분으로부터 35도 34분에 달하여 그 연장이 동서 31km, 남북 31.5km 이며, 동북은 본도 정읍시, 부안군, 동남은 전남 장성군, 영광군에 인접하고 서북부 일대는 서해에 임하고 있다.

01 넘버링 02 넘버링 03 넘버링

텍스트 정렬

좌측정렬 txt_left

중앙정렬 txt_center

우측정렬 txt_right

  1. STEP 1 이용동의개인정보 수집 및 이용 동의
  2. STEP 2 정보입력신고정보 입력
  3. STEP 3 신고완료신고내역 등록 및 완료
텍스트 컬러

강조폰트 컬러 fc_red

강조폰트 컬러 fc_blue

박스스타일 basic_box

일반 텍스트 설명 박스, 주로 상단에 사용(게시판 상단 등)

박스 or 콘텐츠 안에 강조할만한 문구 사용시

게시판상단 박스스타일 notice_box

두줄이상일때 게시판상단 설명글 아이콘 필요할때게시판상단 설명글 아이콘 필요할때게시판상단 설명글 아이콘 필요할때게시판상단 설명글 아이콘 필요할때게시판상단 설명글 아이콘 필요할때게시판상단 설명글 아이콘 필요할때 두줄이상일때두줄이상일때두줄이상일때두줄이상일때두줄이상일때게시판상단 설명글 아이콘 필요할때

일반 텍스트 설명 박스, 주로 상단에 사용(게시판 상단 등)

notice아이콘 클래스명

DT
dd
  • 리스트 1차
    • 리스트 2차
      • 리스트 3차
      • 리스트 3차

박스스타일 basic_box2

  • 리스트 1차
    • 리스트 2차
      • 리스트 3차
      • 리스트 3차
DT
dd

ddddddddd

info_box, info_box1

간단한 안내박스로 상단에 1~2줄의 짧은 안내문구 or 본문 콘텐츠 내용 등 강조할때 사용
간단한 안내박스강조나 주의문구
간단한 안내박스강조나 주의문구

박스 or 콘텐츠 안에 강조할만한 문구 사용시

박스 or 콘텐츠 안에 강조할만한 문구 사용시

점선라인

테이블 한번감싸기(모바일 스크롤) : over_table

기본 테이블 : basic_table 모바일~타블렛 에서 좌우로 움직이시면 자세한 내용을 확인하실 수 있습니다. 추가 scroll_guide

캡션 써머리
이름 직위 전화번호 담당업무
홍길동 주무관 123-1234 포인트 배경색 사용시 : point_bg
홍길동 주무관 123-1234 일부 왼쪽 정렬시(텍스트정렬 참조) : txt_left
김영희 주무관 123-1235
  • 리스트 1차 : ul
    • 리스트 2차
      • 리스트 3차
      • 리스트 3차
표 안에 버튼이 있을때 버튼및링크 참조 바로가기 다운로드 지도보기
표 안에 표가있을때
표안에표
클래스추가
tntable
전체 왼쪽정렬시 : basic_table table_left

캡션 써머리
이름 직위 전화번호 담당업무
왼쪽메뉴가 있으면 내용이 많으면 내용이 많으면 내용이 길어지고 길어지고 또 길어지고 길어지면~
왼쪽정렬시 : txt_left 내용이 많으면 내용이 많으면 내용이 길어지고 길어지고 또 길어지고 길어지면~ 길어지고 길어지고 또 길어지고 길어지면~

버튼 및 링크

큰버튼 주로 하단에 사용 - 영역 여백 및 가운데정렬 : basic_btn

이동 등 베이직 사용 : btn_go 새창링크시 사용 : btn_new 다운로드 : btn_down 바로보기 : btn_file 홈페이지 이동 : btn_file

작은버튼 상단, 본문콘텐츠 및 테이블 내 사용

내용이 이렇게 함께 있을수 있구요 이동 등 베이직사용 : sbtn_go 새창연결시 사용 : sbtn_new 다운로드 : sbtn_down 파일돋보기 : sbtn_file 홈페이지 : sbtn_home

작은버튼 다른색 버전도 있어요

내용이 이렇게 함께 있을수 있구요 이동 등 베이직사용 : sbtn_go2 새창연결시 사용 : sbtn_new2 다운로드 : sbtn_down2 파일돋보기 : sbtn_file2 홈페이지 : sbtn_home2

아이콘버튼

한글 다운로드 pdf 다운로드 xls 다운로드 zip다운로드

기타 콘텐츠영역 링크 사용 : txt_link

콘텐츠 내용중 링크가 있을시 사이트명과 함께 포함하여 네이버 (http://www.naver.com) 제공이 됩니다.

문의처나 버튼 박스 : basic_btn_box

비공개대상정보 세부기준(2021.6. 현행화)

다운로드바로보기

문의처

복지정책과 희망복지팀 031-790-6217 팩스 031-790-6859

팩스

팩스 031-790-6859

토글

토글토글

내용이다내용

토글토글

지도 api영역 : map_area

지도가 들어갑니다

링크 안내페이지 : link_box

복잡한이미지(모바일확대기능) : big_img

대체텍스트 숨길시 : comment
서비스 준비중입니다.보다 나은 서비스 제공을 위하여 페이지 준비중에 있습니다. 빠른 시일내에 준비하여 찾아뵙겠습니다.
  • 처리절차를 적어주세요
크게보기

이미지 100%(준비중 이미지 참조) : w100

서비스 준비중입니다.보다 나은 서비스 제공을 위하여 페이지 준비중에 있습니다. 빠른 시일내에 준비하여 찾아뵙겠습니다.

기본절차도 : 너비맞춤 ol class="col2~5" or 안쓰면 자동맞춤

가로 기본형
  1. 시·군·구
  2. 장기요양기관
  3. 입소대상자
  4. 수급자와급여제공계약서작성
  5. 장기요양급여계약내역서 공단통보
  6. 서비스 실시
가로 제목형
  1. 1제목제목시·군·구
  2. 2제목제목장기요양기관
  3. 3제목제목입소대상자
  4. 4제목제목수급자와급여제공계약서작성
  5. 5제목제목장기요양급여계약내역서 공단통보
  6. 6제목제목서비스 실시
세로형
  1. 제목제목시·군·구
  2. 제목제목장기요양기관
  3. 제목제목입소대상자
  4. 제목제목수급자와급여제공계약서작성
  5. 제목제목장기요양급여계약내역서 공단통보
  6. 제목제목서비스 실시
콘텐츠 만족도 조사

콘텐츠 만족도 조사

이 페이지에서 제공하는 정보에 대하여 어느정도 만족하셨습니까?

콘텐츠 담당부서