본문바로가기

회사소개

We work hard for people’s health, upgrading lifestyle, and improving the happiness of the family.

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 클래스가 붙는 예시입니다.

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

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

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

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

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

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

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

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

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

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

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

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

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