basic_tab : 4차메뉴로 사용 (기본 3개정렬, 기타 ul class="col2~col5")
basic_tab2 : 5차메뉴로 사용 (기본 4개정렬, 기타 ul class="col2~col5")
h4 제목
h5 제목
h6 제목
목록스타일 : basic_ul
- 리스트 1차
- 리스트 2차
- 리스트 3차
- 리스트 3차
- 리스트 2차
- ※ 특문사용시 블릿이 필요없을경우 : li_none
- DT
- DD
- DD
기본텍스트 : basic_p
전라북도 중남부에 위치해 있으며 교통의 중심지이고 산천이 아름다운 고장이다. 동쪽은 진안군, 장수군, 남원시, 서쪽은 정읍시, 남쪽은 순창군, 북쪽은 완주군과 각각 접하고 있다. 전체 면적은 597.04㎢이며 1읍 11면 131리로 되어 있다. 군의 대부분이 노령산맥의 동사면을 이루는 산지이며, 남동방향으로 해발 250m 내외의 고원성 분지가 형성되어 남원까지 이어진다.
텍스트 정렬
좌측정렬 txt_left
중앙정렬 txt_center
우측정렬 txt_right
텍스트 컬러
강조폰트 컬러 fc_red
강조폰트 컬러 fc_blue
강조폰트 컬러 fc_violet
박스스타일 basic_box
일반 텍스트 설명 박스, 주로 상단에 사용(게시판 상단 등)
박스 or 콘텐츠 안에 강조할만한 문구 사용시 info_txt
- DT
- dd
- 리스트 1차
- 리스트 2차
- 리스트 3차
- 리스트 3차
- 리스트 2차
박스스타일 basic_box2
- 리스트 1차
- 리스트 2차
- 리스트 3차
- 리스트 3차
- 리스트 2차
- DT
- dd
ddddddddd
아이콘 있는 박스 basic_box notice_box
아이콘 있는 설명 박스, 주로 상단에 사용(게시판 상단 등)
class="notice~notice7"
info_box, info_box2
간단한 안내박스로 상단에 1~2줄의 짧은 안내문구 or 본문 콘텐츠 내용 등 강조할때 사용
간단한 안내박스강조나 주의문구
박스 or 콘텐츠 안에 강조할만한 문구 사용시
박스 or 콘텐츠 안에 강조할만한 문구 사용시 info_txt2
박스 or 콘텐츠 안에 강조할만한 문구 사용시 info_txt3
점선라인
테이블 한번감싸기(모바일 스크롤) : over_table
기본 테이블 : basic_table 모바일~타블렛 에서 좌우로 움직이시면 자세한 내용을 확인하실 수 있습니다. 추가 scroll_guide
이름 | 직위 | 전화번호 | 담당업무 | ||
---|---|---|---|---|---|
홍길동 | 주무관 | 123-1234 | 포인트 배경색 사용시 : point_bg | ||
홍길동 | 주무관 | 123-1234 | 일부 왼쪽 정렬시(텍스트정렬 참조) : txt_left | ||
김영희 | 주무관 | 123-1235 |
|
||
표 안에 | 버튼이 있을때 | 버튼및링크 참조 | 바로가기다운로드 | ||
표 안에 | 표가있을때 |
|
전체 왼쪽정렬시 : basic_table table_left
이름 | 직위 | 전화번호 | 담당업무 |
---|---|---|---|
왼쪽메뉴가 있으면 | 내용이 많으면 | 내용이 많으면 | 내용이 길어지고 길어지고 또 길어지고 길어지면~ |
왼쪽정렬시 : txt_left | 내용이 많으면 | 내용이 많으면 | 내용이 길어지고 길어지고 또 길어지고 길어지면~ 길어지고 길어지고 또 길어지고 길어지면~ |
버튼 및 링크
큰버튼 주로 하단에 사용 - 영역 여백 및 가운데정렬 : basic_btn
이동 등 베이직 사용 : btn_go새창링크시 사용 : btn_new다운로드 : btn_down
작은버튼 상단, 본문콘텐츠 및 테이블 내 사용
내용이 이렇게 함께 있을수 있구요 이동 등 베이직사용 : sbtn_go새창연결시 사용 : sbtn_new다운로드 : sbtn_down
기타 콘텐츠영역 링크 사용 : txt_link
콘텐츠 내용중 링크가 있을시 누리집명과 함께 포함하여 네이버 (http://www.naver.com) 제공이 됩니다.
토글
지도 api영역 : map_area
링크 안내페이지 : link_box
복잡한이미지(모바일확대기능) : big_img
대체텍스트 숨길시 : comment
이미지 100%(준비중 이미지 참조) : w100

기본절차도 : 너비맞춤 ol class="col2~5" or 안쓰면 자동맞춤
가로 기본형
- 시·군·구
- 장기요양기관
- 입소대상자
- 수급자와급여제공계약서작성
- 장기요양급여계약내역서 공단통보
- 서비스 실시
가로 제목형
- 제목제목시·군·구
- 제목제목장기요양기관
- 제목제목입소대상자
- 제목제목수급자와급여제공계약서작성
- 제목제목장기요양급여계약내역서 공단통보
- 제목제목서비스 실시
세로형
- 제목제목시·군·구
- 제목제목장기요양기관
- 제목제목입소대상자
- 제목제목수급자와급여제공계약서작성
- 제목제목장기요양급여계약내역서 공단통보
- 제목제목서비스 실시