본문바로가기

회사소개

국민의 질높은 건강, 개선된 삶, 가족의 행복을 위해 노력합니다.

COMPANY

컨텐츠 내용이 없을때는 페이지생성후 하단이미지 사용바랍니다.

서비스 준비중입니다.

관리자 연동이 안된 상태에서 검수요청할때 사용바랍니다.

프로그램 개발중입니다.

국문이미지는 $site_url 사용 부탁드립니다!

Wide컨텐츠가 들어갔을때는 #content{max-width:none; } 사용합니다

서비스 준비중입니다.

테이블영역 or 이미지를 모바일로 줄었을때 스크롤붙는 샘플입니다

1 2 3 4 5 6 7 8 9 10
복잡한 테이블 모바일로 줄일때 스크롤이 생기며 터치로 이동이 가능 합니다    

좌우로 드래그 해보세요



MagnificPopup 플러그인 Sample입니다. 모달 팝업 필요시 사용부탁드립니다.

기본 탭

탭1
탭2
탭3
탭4
탭5


PC는 탭 / 모바일은 드롭메뉴탭으로 변경되는 탭 스타일입니다.

PC탭+모바일드롭탭 1
PC탭+모바일드롭탭 2
PC탭+모바일드롭탭 3
PC탭+모바일드롭탭 4
PC탭+모바일드롭탭 5


PC는 탭(링크이동) / 모바일은 드롭메뉴탭(링크이동)으로 변경되는 탭 스타일입니다.



메뉴가 fixed되고 누르면 해당영역으로 가는 샘플입니다.

순차적으로 Active 클래스가 붙는 예시입니다.

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

높이값 맞추는 예제입니다.

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요

  • 안녕하세요 안녕하세요
    안녕하세요 안녕하세요
    안녕하세요 안녕하세요