스타일 가이드
이미지경로 : /resources/homepage/사이트코드/_Img/Content/name.jpg
스타일가이드 : /_Etc/style.jsp
컨텐츠 헤딩태그 H3으로 시작
한글
기본폰트 : font-family:"Noto Sans KR", "맑은고딕" / color:#555 / font-weight:400
PC ( 1000 < 브라우저 ) : font-size:17px / line-height:27px
Tablet ( 600 < 브라우저 < 799 ) : font-size:16px / line-height:24px
Mobile ( 브라우저 < 599 ) : font-size:15px / line-height:22px
여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의 발전된 모습에 비추어 지역적인 여건으로 의료진과 의료시설의 미비함으로 인해 현대적 의료 서비스를 제대로 받지 못하는 불편함을 감수해 왔습니다. 이러한 현실을 반영하여 저희 재단은 사람은 누구나 어느 곳에 살 건 빈부귀천을 떠나 건강한 삶을 추구할 권리가 있다고 하는 소박한 인간존중의 실천적 의지와 지역주민의 여망을 받아들여 오늘의 강릉아산병원을 탄생시키게 된 것입니다.
영문
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
한글두께
font-weight:100 : 여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의
font-weight:300 : 여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의
font-weight:400 : 여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의
font-weight:500 : 여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의
font-weight:700 : 여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의
font-weight:900 : 여러분께서도 잘 알고 계시는 바와 같이 강릉을 비롯한 영동지역 주민들은 우리 경제의
영문두께
font-weight:100 : Lorem Ipsum dummy text of typesetting industry.
font-weight:200 : Lorem Ipsum dummy text of typesetting industry.
font-weight:300 : Lorem Ipsum dummy text of typesetting industry.
font-weight:400 : Lorem Ipsum dummy text of typesetting industry.
font-weight:500 : Lorem Ipsum dummy text of typesetting industry.
font-weight:600 : Lorem Ipsum dummy text of typesetting industry.
font-weight:700 : Lorem Ipsum dummy text of typesetting industry.
font-weight:900 : Lorem Ipsum dummy text of typesetting industry.
00Checkbox / Radio
00컬러
01탭메뉴
컨텐츠 탭(1차탭) : .c-tab01
컨텐츠 탭(2차탭) : .c-tab02
게시판 카테고리탭 : .b-tab01
02타이틀
타이틀 스타일1 : .c-tit01
타이틀 스타일2 : .c-tit02
타이틀 스타일3 : .c-tit03
가운데 정렬이 필요할때
타이틀 스타일1 : .c-tit01.inline
타이틀 스타일2 : .c-tit02.inline
타이틀 스타일3 : .c-tit03.inline
03리스트 스타일
리스트 : c-list01
-
제목이 있을 때
텍스트가 들어갑니다.
텍스트가 들어갑니다. - 제목이 없을 때 일반 텍스트가 들어갑니다.
-
제목이 길어져서 설명 영역 공간이 작을 때는 설명이 제목 아래부터 시작합니다.
부서배치 전 신입간호사에게 병원과 간호부의 철학을 이해할 수 있는 기회를 제공
- 한글 ul > ul 리스트 스타일
- 한글 ul > ul 리스트 스타일
- 제목없는 리스트
- 한글 ul > ul 리스트 스타일 1-1
내용이 길어지는 경우 일케 출력됨 - 한글 ul > ul 리스트 스타일 1-2
- 한글 ul > ul 리스트 스타일 1-1
리스트 : c-list02
- 제목 리스트 스타일
- 긴 제목 리스트 스타일
- 한글 ul > ul 리스트 스타일 1-1
- 한글 ul > ul 리스트 스타일 1-2
리스트 : c-list03
- 가 리스트 스타일
- 나 리스트 스타일
- 1 리스트 스타일
- 한글 ul > ul 리스트 스타일 1-1
- 한글 ul > ul 리스트 스타일 1-2
리스트 : c-list04
- 1 리스트 스타일
- 2 리스트 스타일
- 3 리스트 스타일
- 한글 ul > ul 리스트 스타일 1-1
- 한글 ul > ul 리스트 스타일 1-2
리스트 : c-list04-1
- 1타이틀 내용이 있을 때리스트 스타일 리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일
- 2타이틀 내용이 있을 때리스트 스타일
- 3타이틀 내용이 있을 때리스트 스타일
- 한글 ul > ul 리스트 스타일 1-1
- 한글 ul > ul 리스트 스타일 1-2
리스트 : c-list05
- 1타이틀 내용이 있을 때리스트 스타일 리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일리스트 스타일
- 2타이틀 내용이 있을 때리스트 스타일
- 3타이틀 내용이 있을 때리스트 스타일
- 한글 ul > ul 리스트 스타일 1-1
- 한글 ul > ul 리스트 스타일 1-2
04버튼
홈페이지 링크 (http://www.cs21.com) .nw-btn 입니다.
sw-btn
기본sg-btn
그레이sp-btn
컬러sdp-btn
컬러버튼컨텐츠버튼
cw-btn
기본버튼 기본버튼 기본버튼 기본버튼 기본버튼 기본버튼cg-btn
기본버튼 기본버튼 기본버튼 기본버튼 기본버튼 기본버튼cp-btn
기본버튼 기본버튼 기본버튼 기본버튼 기본버튼 기본버튼cdp-btn
기본버튼 기본버튼 기본버튼 기본버튼 기본버튼 기본버튼프로그램버튼
bw-btn
기본버튼bg-btn
그레이버튼bp-btn
컬러버튼bdp-btn
컬러버튼회원 버튼
lw-btn
기본버튼lg-btn
빅그레이버튼lp-btn
빅컬러버튼ldp-btn
빅컬러버튼05테이블
| 구분 | 제목1-1 | 제목1-2 | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| tfoot 왼제목1-1 | 내용1-1 | 내용1-2 | ||||||||||||
| 왼제목1-1 | 내용1-1 | 내용1-2 | ||||||||||||
| 왼제목2-1 | 내용2-1 |
|
작은테이블 : tbl-type-s01
| 구분 | 제목1-1 | 제목1-2 |
|---|---|---|
| tfoot 왼제목1-1 | 내용1-1 | 내용1-2 |
| 왼제목1-1 | 내용1-1 | 내용1-2 |
06안내문
.info-ex 시리즈
기본 설명인 경우. 한줄 p.info-ex01
중요한 설명인 경우. 한줄 p.info-ex02
잘못된 표기인 경우. 한줄 p.info-ex03
가운데 정렬이 필요할때
기본 설명인 경우. 한줄 span.info-ex01 중요한 설명인 경우. 한줄 span.info-ex02 잘못된 표기인 경우. 한줄 span.info-ex03제목이 없을때 : .info-list
- 어떤 위의 포인트라도 ul이 들어올경우 리스트 제공이 됩니다
- 어떤 위의 포인트라도 ul이 들어올경우 리스트 제공이 됩니다
- 어떤 위의 포인트라도 ul이 들어올경우 리스트 제공이 됩니다
제목이 있을때 : .info-list.hasTit
이용안내 .info-list-tit
- 어떤 위의 포인트라도 ul이 들어올경우 리스트 제공이 됩니다
- 어떤 위의 포인트라도 ul이 들어올경우 리스트 제공이 됩니다
- 어떤 위의 포인트라도 ul이 들어올경우 리스트 제공이 됩니다
07폴딩
단일폴딩 : .foldings-wrap.single
북항재개발사업
사업개요
- 사업기간 : 2008. ~ 2019.
- 총사업비 : 1,813,720백만원(정부재정지원 별도)
- 사업규모 : 북항재개발 부지조성 및 상부시설 일부 건축
- 지원형태 : 직접수행 및 정부 재정지원
연락처
개발사업팀 최중현 (Tel : 999-3182) 메일보내기
다중폴딩 : .foldings-wrap
-
안녕하세요.
강릉아산병원 내분비내과 김진엽 교수라고 합니다. -
신항 서 '컨' 2-5단계 부두사업
사업개요
- 사업기간 : 2008. ~ 2017.
- 총사업비 : 307,617백만원(VAT별도)
- 사업규모 : 안벽 700m(5만톤급×2선석)
- 지원형태 : 직접수행
연락처
건설계획실 이형하(Tel : 999-3211) 메일보내기
-
북항재개발사업
사업개요
- 사업기간 : 2008. ~ 2019.
- 총사업비 : 1,813,720백만원(정부재정지원 별도)
- 사업규모 : 북항재개발 부지조성 및 상부시설 일부 건축
- 지원형태 : 직접수행 및 정부 재정지원
연락처
개발사업팀 최중현 (Tel : 999-3182) 메일보내기
-
신항 서 '컨' 2-5단계 부두사업
사업개요
- 사업기간 : 2008. ~ 2017.
- 총사업비 : 307,617백만원(VAT별도)
- 사업규모 : 안벽 700m(5만톤급×2선석)
- 지원형태 : 직접수행
연락처
건설계획실 이형하(Tel : 999-3211) 메일보내기
08임시페이지
준비중
자료 준비중입니다.
이용에 불편을 드려 죄송합니다.
더 많은 서비스와 정확한 정보를 전해드리기 위해 준비중입니다.
에러
서비스 이용에
불편을 드려 죄송합니다.
잘못된 주소입력, 주소변경, 주소삭제로 접근이 안되시거나,
예기치 못한 에러가 발생하여 해당 페이지로 접근이 불가능합니다.
빠른 시간내로 정상 서비스 하겠습니다.
안내
안내페이지에 대한 제목이 오는 곳
안내해야할 내용들이 들어오는 자리로 안정적으로
두줄 정도의 텍스트가 오면 가장 적당합니다.
로그아웃
09이미지 슬라이드
이미지 슬라이드 (기본 510px) : /resources/_Js/common.base.js 에서 일괄제어
확대보기 : .img-zoom