스킵네비게이션

기타 처음처럼 시민의 세웅병원이 되겠습니다.
처음처럼 시민의 세웅병원이 되겠습니다.

스타일가이드

레이아웃 파일 작업 경로 /_Template/사이트코드/

기본 컨텐츠 스타일 파일 경로
컬러코드 지정 : /_Css/_colors.php
작업파일경로 : /_SITE_SET/사이트코드/_Page/페이지코드.html
기본 스타일 css 파일 경로 : /_Css/style.default.css
기본 컨텐츠 공통 이미지 파일 저장 경로 : /_Img/Content/

포인트컬러값

csc-point1 : .csc-p1 csc-dpoint1 : .csc-dp1
csc-point2 : .csc-p2 csc-dpoint2 : .csc-dp2
csc-point3 : .csc-p3 csc-dpoint3 : .csc-dp3

텍스트 내부링크 스타일

컨텐츠 글 내용 중에 링크가 들어가야할 경우 안내하는 사이트를 클릭하세요.

라인

사선라인 .line-dia

세로선라인 .line-ver

도트라인 .line-dt


깔별라인







01 / 탭메뉴 : c-tab01 / 탭스크립트 적용

2차탭메뉴 : c-tab02

c-tab03

b-tab01

02 / 타이틀

타이틀 스타일1 (h3) : c-tit01

타이틀 스타일2 (h4) : c-tit02

타이틀 스타일3 (h5) : c-tit03

03 / 리스트

  • .c-list01
  • 리스트 스타일 1-2
  • 리스트 스타일 1-3
  • .c-list02
  • 리스트 스타일 2-2
  • 리스트 스타일 2-3
  • .c-list03
  • 리스트 스타일 3-2
  • 리스트 스타일 3-3

리스트 - 숫자 : c-list04

  1. 1제목
  2. 2제목
    • 리스트
      리스트
    • 리스트
  3. 3제목
  4. 4제목
  5. 5제목

04 / 컨텐츠 기본 폰트 : 맑은고딕 14px, 줄간격 150%

맑은고딕 30px , 2.308em
맑은고딕 24px , 1.846em
맑은고딕 20px , 1.538em
맑은고딕 18px , 1.385em
맑은고딕 16px , 1.231em
맑은고딕 15px , 1.154em
맑은고딕 14px , 1.077em
맑은고딕 13px , 1em
맑은고딕 12px , 0.923em
맑은고딕 11px , 0.846em
맑은고딕 30px , 2.308em
맑은고딕 24px , 1.846em
맑은고딕 20px , 1.538em
맑은고딕 18px , 1.385em
맑은고딕 16px , 1.231em
맑은고딕 15px , 1.154em
맑은고딕 14px , 1.077em
맑은고딕 13px , 1em
맑은고딕 12px , 0.923em
맑은고딕 11px , 0.846em
-->

05 / 버튼스타일

작은컨텐츠 버튼

sw-btn

기본버튼

sg-btn

그레이버튼

sp-btn

컬러버튼

sdp-btn

컬러버튼2

컨텐츠 버튼

cw-btn

기본버튼 다운버튼 링크버튼 새창버튼

cp-btn

컬러버튼 다운버튼 링크버튼 새창버튼

cdp-btn

컬러버튼 다운버튼 링크버튼 새창버튼

cg-btn

그레이버튼 다운버튼 링크버튼 새창버튼

cdg-btn

그레이버튼 다운버튼 링크버튼 새창버튼

프로그램버튼

bp-btn

컬러버튼

bdp-btn

컬러버튼2

bg-btn

그레이버튼

bw-btn

화이트버튼

빅프로그램 버튼

lp-btn

빅컬러버튼

ldp-btn

빅컬러버튼

lg-btn

빅그레이버튼

lw-btn

빅화이트버튼

기능버튼 - 제목있는 내려받기 + 확대보기

제목들어가는 곳
북항 및 신항 평면도 내려받기

기능버튼 - 제목없는 내려받기 + 확대보기

북항 및 신항 평면도 내려받기

06 / 테이블

테이블 : tbl-type01

구분 제목1-1 제목1-2
tfoot 왼제목1-1 내용1-1 내용1-2
왼제목1-1 내용1-1 내용1-2

테이블 : tbl-type02

구분 제목1-1 제목1-2
tfoot 왼제목1-1 내용1-1 내용1-2
왼제목1-1 내용1-1 내용1-2

07 / 안내문

안내문 스타일 info-box

안내문 제목 : .info-tit

  • .c-list02
  • 여러줄로 안내해야 할 내용은 제공하는 부분입니다. - 02
  • 여러줄로 안내해야 할 내용은 제공하는 부분입니다. - 03

기본 설명인 경우 : info-ex

중요한 설명인 경우 : info-ex02

잘못된 표기일 경우 : info-ex03

안내문 스타일 info-box02

  • 안내문 제목없이 내용이 여러줄 일 경우 : .c-list03
  • 세미나 또는 수업 등의 단체이용의 경우, 일주일 전에 신청해야 한다.
  • 외부이용자의 경우에는 이용자 열람증을 기발급 받은자에 한함.
  • 세미나 또는 수업 등의 단체이용의 경우, 일주일 전에 신청해야 한다.
  • 외부이용자의 경우에는 이용자 열람증을 기발급 받은자에 한함.

사선라인박스 line-box

.line-box > .inner 로 마크업하고 아이콘을 변경하려면 inner클래스에 클래스명 추가후 css에서 :before 추가해서 아이콘만 추가, 아이콘은 박스 세로 가운데 정렬로 작업했음

아이콘만 변경한 스타일로 .inner.ico01 적용

아이콘만 변경한 스타일로 .inner.ico02 적용

아이콘만 변경한 스타일로 .inner.ico03 적용

아이콘만 변경한 스타일로 .inner.ico04 적용

아이콘만 변경한 스타일로 .inner.ico05 적용

08 / 폴딩스타일

단독일 경우 사용

  • Albania
  • Algeria
  • Angola
  • Argentina
  • Australia
  • Austria
  • Bahrain
  • Bangladesh

여러개일 경우

  • 북항재개발사업

    사업개요
    • 사업기간 : 2008. ~ 2019.
    • 총사업비 : 1,813,720백만원(정부재정지원 별도)
    • 사업규모 : 북항재개발 부지조성 및 상부시설 일부 건축
    • 지원형태 : 직접수행 및 정부 재정지원
    연락처

    개발사업팀 최중현 (Tel : 999-3182) 메일보내기

  • 신항 서 '컨' 2-5단계 부두사업

    사업개요
    • 사업기간 : 2008. ~ 2017.
    • 총사업비 : 307,617백만원(VAT별도)
    • 사업규모 : 안벽 700m(5만톤급×2선석)
    • 지원형태 : 직접수행
    연락처

    건설계획실 이형하(Tel : 999-3211) 메일보내기

  • 연도마을 보상 및 이주단지 조성사업

    사업개요
    • 사업기간 : 2011. ~ 2017.
    • 총사업비 : 36,324백만원(VAT별도)
    • 사업규모 : 이주단지조성 42천㎡
    • 지원형태 : 직접수행
    추진실적 및 향후계획
    • 이주대상지 선정을 위한 협의
    • 조사설계, 환경영향평가, 문화재 지표조사 등 관련 용역 추진
    • 위·수탁 협약 (창원시↔BPA) 체결 추진
    연락처

    건설계획실 문영기(Tel : 999-3213) 메일보내기

  • 신항 서'컨' 2-6단계 부두사업

    사업내용
    • 사업기간 : 2008. ~ 2019.
    • 총사업비 : 475,764백만원(VAT별도)
    • 사업규모 : 안벽 1,050m(5만톤급 × 3선석)
    • 지원형태 : 직접수행
    연락처

    건설계획실 이형하(Tel : 999-3211) 메일보내기

  • 북항재개발사업

    사업개요
    • 사업기간 : 2008. ~ 2019.
    • 총사업비 : 1,813,720백만원(정부재정지원 별도)
    • 사업규모 : 북항재개발 부지조성 및 상부시설 일부 건축
    • 지원형태 : 직접수행 및 정부 재정지원
    연락처

    개발사업팀 최중현 (Tel : 999-3182) 메일보내기

  • 신항 서 '컨' 2-5단계 부두사업

    사업개요
    • 사업기간 : 2008. ~ 2017.
    • 총사업비 : 307,617백만원(VAT별도)
    • 사업규모 : 안벽 700m(5만톤급×2선석)
    • 지원형태 : 직접수행
    연락처

    건설계획실 이형하(Tel : 999-3211) 메일보내기

09 / 진료일정 상태값

진료 수술 시술 검사 투석 시술&검사 정신치료 종합검진 상담 원격진료 교육 면담 진료(신환) 휴진

10 / 준비중페이지

자료 준비중입니다.

이용에 불편을 드려 죄송합니다.
더 많은 서비스와 정확한 정보를 전해드리기 위해 준비중입니다.

11 / 에러페이지

서비스 이용에 불편을 드려 죄송합니다.

잘못된 주소입력, 주소변경, 주소삭제로 접근이 안되시거나,
예기치 못한 에러가 발생하여 해당 페이지로 접근이 불가능합니다.

빠른 시간내로 정상 서비스 하겠습니다.

12 / 안내페이지

안내페이지에 대한 큰내용이오는 곳

안내해야할 내용들이 들어오는 자리로 안정적으로
두줄정도의 텍스트가 오면 가장 적당합니다.

13 / 로그아웃페이지

정상적으로 로그아웃 되었습니다.

  • 로그인 후 약 30분동안 이용이 없어 자동로그아웃되었습니다.
  • 확인 버튼을 클릭하시면 메인페이지로 이동합니다.

14 / 예약완료페이지

인터넷 진료예약 접수가 완료되었습니다.

예약완료 문자발송 예정입니다.

15 / 플로우 리스트 .flow-list

  1. 01숫자 출력이 필요한 경우에는 ol로 마크업
  2. 02span.num 으로 숫자 넣어줌
  3. 03가운데 정렬
  4. 04또 내용넣기
  5. 05처음과 마지막 li에만 백그라운드 색상 다름, 마지막 li에 last 클래스 추가
  • 숫자 출력이 필요없는 경우 ul로 마크업
  • 내용넣기
  • 마지막 li에 last 클래스 추가

제목을 입력하세요

내용입력

제목을 입력하세요 제목을 입력하세요입력하세요

내용입력

제목을 입력하세요

내용입력