모바일 화면(900px 이하)에서 헤더 아래에 가로 메뉴 한 줄이 따라옵니다. 항목을 비워 두면 1단계 메뉴가 그대로 나옵니다. 켜기와 항목, "홈" 설정은 저장한 뒤 화면에 반영됩니다.
햄버거 버튼 표시
└ 햄버거 PC
└ 햄버거 모바일
햄버거 마우스 오버 효과(막대 이동 모션)
모바일 헤더 스크롤 성능 개선(첫 숨김 모션 최적화)
아이콘 개별 바로 표시(PC/모바일 · 선택하지 않은 아이콘은 점 메뉴에 유지)
└ 로그인 / 정보수정
└ 회원가입 / 로그아웃
└ 지도 / 오시는 길
└ 언어 선택
└ 장바구니
└ 검색
다국어 표기(헤더 언어 선택 버튼)
번역 미완성 시 플러그인 사용(미발행 언어만)
언어 아이콘 이동 URL비워두면 현재 페이지의 언어 경로를 자동 사용합니다.
외국인 전용 사이트 묶음외국인 전용 사이트(/global/)를 발행했으면, 언어 선택 목록 아래에 이 이름으로 따로 묶어 보여 줍니다(예: 피부과, Dermatology). 한국어 이름을 비우면 나오지 않습니다. 외국어 화면은 그 언어 이름을, 비어 있으면 영어 이름을 씁니다.
점 메뉴 표시
└ 점 메뉴 PC
└ 점 메뉴 모바일
검색 아이콘 표시
└ 검색 PC
└ 검색 모바일
위젯 표시 (PC / 모바일 별도)
진료중 배지
└ 진료중 배지 PC
└ 진료중 배지 모바일
AI 챗봇 위젯
└ AI 챗봇 PC
└ AI 챗봇 모바일
대체 카톡상담 표시
└ 대체 카톡상담 PC
└ 대체 카톡상담 모바일
PC 배치
모바일 배치
지점 관리에 등록한 공개 지점의 이름과 카카오 상담 주소를 사용합니다. 주소가 없는 지점은 표시하지 않으며, 연결할 지점이 없으면 대표 카카오 주소를 사용합니다.
색상을 생략하면 위 기본 색상을 사용합니다.
AI 챗봇을 끈 기기에 카톡상담을 표시합니다. 대표 카카오 주소 또는 지점별 상담 주소가 필요합니다.
장바구니 아이콘
└ 장바구니 PC
└ 장바구니 모바일
보관함(하트) 아이콘(내 보관함이 켜진 사이트만, 저장 뒤 새로고침)
전화 아이콘(헤더 노출 / cf_8 자동 연동)
액션 슬롯 1
아이콘
앞 표시
둥글기px
글자색
배경색
모양
목록을 비우면 공개 지점을 자동으로 표시합니다. 지점 홈페이지 주소로 연결하며, 홈페이지가 없으면 지점 안내 페이지로 이동합니다.
└ 노출 PC
└ 노출 모바일
액션 슬롯 2
아이콘
앞 표시
둥글기px
글자색
배경색
모양
목록을 비우면 공개 지점을 자동으로 표시합니다. 지점 홈페이지 주소로 연결하며, 홈페이지가 없으면 지점 안내 페이지로 이동합니다.
└ 노출 PC
└ 노출 모바일
액션 슬롯 버튼을 맨 끝에 (검색·언어 등 아이콘 뒤)
헤더 배경
기본 배경 색상 / 투명도
메뉴 오버 시 배경 색상 / 투명도
메뉴 오버 시 텍스트 색상
메뉴 오버 배경 (별도 설정, 기본: 오픈 배경 동일)
스크롤 시 배경 (별도 설정, 기본: 기본 배경 동일)
서브페이지 배경 (인덱스 외 페이지 — 미입력 시 기본 배경 사용) 서브페이지
브랜드 컬러 (cf_ 연동)
메인 컬러 cf_10
서브 컬러 cf_16
배경 cf_2
밑줄 컬러 cf_4
대메뉴
기본 텍스트
서브페이지 텍스트 서브전용
호버 텍스트
호버 배경
드롭다운 / 서브메뉴
투명 배경 텍스트 투명상태
스크롤 메뉴 텍스트
드롭다운 배경
드롭다운 텍스트
드롭다운 호버
테두리 끄기(버티컬)
음영 끄기(버티컬)
모서리 각지게(둥근모서리 끄기)
상단 포인트 라인(메인색)
메뉴 관리끌어서 순서 변경
입력 칸에서 Enter 아래에 새 메뉴 · Alt+↑↓ 순서 · Alt+←→ 단계
메뉴 불러오는 중...
메뉴 뱃지
메뉴 DB를 저장하지 않고 선택한 메뉴의 뱃지만 즉시 저장합니다.
메뉴명 BEST
드롭다운 방식
저장 후 새로고침이 필요합니다 (HTML 구조 변경)
방식
패널(고급) 스타일
레이아웃
클린 컬럼형은 밴드 없이 표시합니다. 정렬 컬럼형은 로고·버튼 사이의 폭을 균등하게 나누어 대메뉴와 전체 하위항목을 같은 열에 맞춥니다.
그룹패널 메뉴
메뉴마다 '관련 이벤트 / 빠른 링크' 같은 그룹과 링크를 직접 넣을 수 있습니다. 저장 후 새로고침 반영.
뒷배경
패널 스타일
메뉴 구조
패널 시작 위치
왼쪽 대메뉴명
왼쪽 대메뉴명 크기
px
16
2차 메뉴 아이콘
카드 배경
카드 라운드
px
28
그룹 제목 크기
px
12
그룹 제목 색상
메뉴 패널 · 이미지 배치 (PC)
사용자 지정으로 전환하면 아래 값을 적용합니다. 좁은 화면에서는 폭과 이미지가 화면 안으로 줄어듭니다. 모바일 전체 메뉴는 기존 구성을 유지합니다.
px
1000
px
0
px
48
px
320
px
240
그룹 링크 크기
px
13
그룹 링크 색상
링크 오버 효과
카드형 그룹패널 링크에도 동일하게 적용됩니다.
메뉴 불러오는 중...
1단 메뉴
폰트 크기
px
14
굵기
자간
em
-0.01
좌우 패딩
px
20
마우스 오버 효과
대메뉴 전체 문구에 적용 · 호버 텍스트/배경 색상 옵션 연동
활성 메뉴 표시
현재 페이지 메뉴 표시 · 배경/알약/박스 색은 메인색(cf_10) 연동
2단 (서브) 메뉴
폰트 크기
px
14
자간
em
0.02
하위메뉴 정렬
마우스 오버 효과
강조선 색상은 메인색(cf_10) 연동 · 버티컬 드롭다운 기준
모바일 글자 크기 (사이트 전체)
전체 비율
%
100
헤더·본문 섹션·푸터 등 모든 페이지의 모바일 텍스트를 한 번에 키우거나 줄입니다.
100% = 기본 · 데스크탑 크기는 영향 없음 · 저장 후 반영
모바일 폰트
1단 크기
px
26
2단 크기
px
16
드로어 좌 패널 (브랜드)
텍스트 색상
드로어 우 패널 (메뉴)
배경
메뉴 텍스트
서브 텍스트
호버 색상
전체 메뉴 디자인 · 추가 블록
햄버거 버튼으로 여는 전체 메뉴입니다. v2는 PC 오른쪽 시트·모바일 전체 화면으로 열리며 마이(예약·상담·장바구니), 메뉴/이벤트/콘텐츠 탭, 공식 채널, 진료시간, 아래 고정 상담 막대를 보여 줍니다. 자료가 없는 블록은 자동으로 숨습니다.
메뉴 디자인
카드형 바탕색
공용 화면 바탕색
카드형 모양
아래 고정 상담 막대 (상담 · 전화 · 카카오 · 네이버)
이벤트 탭
콘텐츠 탭: 새 글 (칼럼 · 전후 · 후기 · 시술)
콘텐츠 탭: 유튜브 쇼츠 (쇼케이스 관리 영상)
SNS 채널 카드 (기본 정보에 주소가 있는 채널)
진료시간 카드 (오늘 진료 상태 포함)
쇼케이스 바로가기 (콘텐츠 탭)
이벤트 표시
이벤트 개수
새 콘텐츠 출처
새 콘텐츠 개수
번호 목록형 세부 설정
위 "메뉴 디자인"이 번호 목록형일 때만 적용됩니다. 숫자 칸을 비우면 괄호 안 기본값을 씁니다.
PC 메뉴 처음 상태
PC 에서 열 때 스크롤바 자리
로고 사용 방식
텍스트 모드는 메뉴 색상을 자동으로 따라갑니다 (스크롤·메뉴 hover 색 자동 전환).
로고 텍스트
다국어는 「설정 → 다국어」 탭에서 자동 번역되거나 수동 입력 가능 (source: head / logo).
텍스트 스타일
폰트
크기
px
19
굵기
자간
em
0
상황별 로고
기본 로고
스크롤 전 기본 상태 (메인 페이지)
logo_default.png
화이트 로고
어두운 배경 / hover용
logo_white.png
스크롤 로고
헤더 고정 후 상태 (비우면 기본 로고 사용)
logo_scroll.png
호버 로고
대메뉴 hover 시 (비우면 화이트 로고 사용)
logo_hover.png
서브페이지 로고
메인 외 모든 페이지 — 기본/스크롤 상태 (비우면 스크롤 로고 사용)
없음
로그인 다크 로고
밝은 로그인 화면 전용 로고. 비우면 스크롤 → 서브페이지 → 기본 로고 순으로 사용
없음
모바일 메뉴 로고
햄버거 메뉴(드로어)가 열렸을 때 상단에 표시되는 로고 전용 — 모바일 헤더(닫힘 상태)는 기본 로고 그대로. 비우면 기본 로고 사용
없음
영문 폰트 (.eng_b2 클래스)
글꼴 이름은 웹폰트 CSS 안의 font-family 이름과 같게 적어 주세요. 주소를 비우면 방문자 기기에 설치된 글꼴일 때만 보입니다. 저장하면 페이지 전체에 적용됩니다.
국문 폰트를 선택하면 해당 폰트를 영문 콘텐츠에도 그대로 적용합니다.
한글 폰트 (.pret 클래스)
글꼴 이름은 웹폰트 CSS 안의 font-family 이름과 같게 적어 주세요. 주소를 비우면 방문자 기기에 설치된 글꼴일 때만 보입니다. 저장하면 페이지 전체에 적용됩니다.
메인에서도 한글 글꼴을 첫 화면 뒤에 싣기 (Pretendard 경량 v2 일 때, 서브 페이지와 같은 방식)
켜면 첫 방문은 크기를 맞춘 대체 글꼴로 먼저 그리고 화면이 뜬 뒤 경량 v2(약 500KB)를 받습니다. 다시 오면 바로 v2 로 보입니다. 모바일 첫 화면 속도가 빨라집니다.
미리보기
DESIGN GUIDE 2026디자인 가이드 미리보기
저장 후 페이지 전체에 적용됩니다. 구글폰트는 외부 서버에서 로드되어 첫 진입 속도에 영향을 줄 수 있습니다.
기본 콘텐츠 게시판입니다. 목록 디자인과 상세 옵션은 생성 후 설정에서 선택할 수 있습니다. FAQ·비급여·예약은 기존 전용 기능을 연결해 주세요.
헤더 설정 가져오기 / 내보내기
아래 텍스트를 복사해 다른 페이지/지점 헤더 빌더의 [가져오기] 칸에 붙여넣으면 동일한 헤더 디자인이 적용됩니다. 메뉴 구조는 포함되지 않습니다.
이용약관 및 개인정보처리방침
회원가입약관
제1조 (목적)
이 약관은 하이브디자인(이하 "회사")이 운영하는 하이브 빌더 소개 사이트(이하 "사이트")에서 제공하는 서비스의 이용 조건과 절차, 회사와 이용자의 권리와 의무를 정하는 것을 목적으로 합니다.
제2조 (용어의 뜻)
1. "서비스"란 사이트에서 제공하는 하이브 빌더 소개, 요금 안내, 제작 사례, 도입 상담 신청 등 일체의 기능을 말합니다.
2. "이용자"란 사이트에 접속하여 이 약관에 따라 서비스를 이용하는 회원과 비회원을 말합니다.
3. "회원"이란 사이트에 개인정보를 제공하여 회원 등록을 한 이용자를 말합니다.
제3조 (약관의 효력과 변경)
1. 이 약관은 사이트에 게시함으로써 효력이 생깁니다.
2. 회사는 관련 법령을 위반하지 않는 범위에서 약관을 변경할 수 있으며, 변경 시 적용일과 변경 내용을 적용일 7일 전부터 사이트에 공지합니다. 이용자에게 불리한 변경은 30일 전부터 공지합니다.
제4조 (서비스의 제공과 변경)
1. 회사는 다음 서비스를 제공합니다.
가. 하이브 빌더와 제작 서비스 안내
나. 도입 상담과 견적 문의 접수
다. 공지사항, 블로그 등 정보 제공
2. 회사는 운영상 또는 기술상 필요에 따라 서비스 내용을 변경할 수 있으며, 중요한 변경은 사전에 공지합니다.
제5조 (서비스의 중단)
회사는 시스템 점검, 교체, 고장, 통신 두절 등의 사유가 있는 경우 서비스 제공을 일시적으로 중단할 수 있으며, 가능한 경우 사전에 공지합니다.
제6조 (회원 가입과 탈퇴)
1. 이용자는 회사가 정한 양식에 따라 정보를 입력하고 이 약관에 동의함으로써 회원 가입을 신청합니다.
2. 회원은 언제든지 탈퇴를 요청할 수 있으며, 회사는 지체 없이 처리합니다.
제7조 (이용자의 의무)
이용자는 다음 행위를 해서는 안 됩니다.
1. 신청 또는 변경 시 허위 내용을 등록하는 행위
2. 타인의 정보를 도용하는 행위
3. 사이트에 게시된 정보를 무단으로 변경하는 행위
4. 회사 또는 제3자의 저작권 등 지식재산권을 침해하는 행위
5. 회사 또는 제3자의 명예를 손상하거나 업무를 방해하는 행위
6. 사이트의 정상적인 운영을 방해하는 행위
제8조 (저작권)
1. 사이트에 게시된 콘텐츠의 저작권은 회사에 있습니다. 제작 사례에 포함된 각 병원의 상호, 로고, 화면은 해당 권리자에게 권리가 있습니다.
2. 이용자는 사이트를 이용하여 얻은 정보를 회사의 사전 승낙 없이 복제, 전송, 출판, 배포, 방송 등의 방법으로 영리 목적으로 이용하거나 제3자에게 이용하게 해서는 안 됩니다.
제9조 (상담과 견적)
사이트에 표시된 요금과 견적은 안내를 위한 것이며, 실제 계약 금액과 제공 범위는 상담 후 별도의 계약으로 확정합니다.
제10조 (면책)
1. 회사는 천재지변, 불가항력 등 회사의 책임 없는 사유로 서비스를 제공할 수 없는 경우 책임을 지지 않습니다.
2. 회사는 이용자의 책임 있는 사유로 인한 서비스 이용 장애에 대해 책임을 지지 않습니다.
제11조 (분쟁의 해결)
1. 이 약관과 서비스 이용에 관하여는 대한민국 법을 적용합니다.
2. 서비스 이용과 관련하여 분쟁이 발생한 경우 회사와 이용자는 성실히 협의하여 해결하며, 협의가 이루어지지 않는 경우 민사소송법에 따른 관할 법원에 소를 제기할 수 있습니다.
부칙
이 약관은 2026년 10월 5일부터 적용합니다.
개인정보처리방침
하이브디자인(이하 "회사")은 개인정보 보호법 등 관련 법령을 지키며, 이용자의 개인정보를 보호하기 위해 다음과 같이 개인정보처리방침을 둡니다.
1. 수집하는 개인정보 항목과 수집 방법
가. 도입 상담 신청: 이름(또는 병원명), 연락처, 문의 내용
나. 회원 가입(선택): 아이디, 비밀번호, 이름, 이메일
다. 서비스 이용 과정에서 자동으로 생성되는 정보: 접속 일시, 접속 IP, 브라우저 종류, 방문 페이지, 쿠키
라. 수집 방법: 사이트의 상담 신청 양식, 회원 가입 양식, 서비스 이용 과정에서의 자동 수집
2. 개인정보의 이용 목적
가. 도입 상담과 견적 안내, 문의에 대한 답변
나. 회원 관리와 본인 확인
다. 서비스 개선을 위한 방문 통계 분석
3. 개인정보의 보유와 이용 기간
가. 상담 신청 정보: 상담 종료 후 1년간 보관한 뒤 파기합니다. 이용자가 삭제를 요청하면 지체 없이 파기합니다.
나. 회원 정보: 회원 탈퇴 시까지 보관하며, 탈퇴 시 지체 없이 파기합니다.
다. 관련 법령에 따라 보관이 필요한 경우 해당 법령에서 정한 기간 동안 보관합니다.
- 계약 또는 청약철회 등에 관한 기록: 5년 (전자상거래 등에서의 소비자보호에 관한 법률)
- 대금 결제와 재화 등의 공급에 관한 기록: 5년 (같은 법)
- 소비자의 불만 또는 분쟁 처리에 관한 기록: 3년 (같은 법)
- 접속에 관한 기록: 3개월 (통신비밀보호법)
4. 개인정보의 제3자 제공
회사는 이용자의 개인정보를 제3자에게 제공하지 않습니다. 다만 이용자가 사전에 동의한 경우와 법령에 따라 요구되는 경우는 예외로 합니다.
5. 개인정보 처리의 위탁
회사는 서비스 제공을 위해 다음과 같이 개인정보 처리 업무를 위탁합니다.
- 수탁자: 카페24 주식회사
- 위탁 업무: 사이트 호스팅과 서버 운영
6. 개인정보의 파기 절차와 방법
보유 기간이 지나거나 처리 목적을 달성한 개인정보는 지체 없이 파기합니다. 전자적 파일은 복구할 수 없는 방법으로 삭제하고, 종이 문서는 분쇄하거나 소각합니다.
7. 이용자와 법정대리인의 권리
이용자는 언제든지 자신의 개인정보에 대한 열람, 정정, 삭제, 처리 정지를 요청할 수 있습니다. 아래 연락처로 요청하시면 지체 없이 조치합니다.
8. 쿠키의 사용과 거부
회사는 이용 환경 유지와 방문 통계를 위해 쿠키를 사용합니다. 이용자는 브라우저 설정에서 쿠키 저장을 거부할 수 있으며, 이 경우 일부 기능 이용에 제한이 있을 수 있습니다.
9. 개인정보의 안전성 확보 조치
회사는 개인정보에 대한 접근 권한 관리, 접속 구간 암호화(HTTPS), 비밀번호 암호화 저장, 정기 백업 등의 조치를 하고 있습니다.
10. 개인정보 보호책임자
- 성명: 문계성 (대표)
- 전화: 010-2806-9294
- 이메일: mks9294@naver.com
11. 권익 침해 구제 방법
개인정보 침해에 대한 신고나 상담이 필요한 경우 아래 기관에 문의할 수 있습니다.
- 개인정보침해신고센터: privacy.kisa.or.kr / 국번 없이 118
- 개인정보분쟁조정위원회: www.kopico.go.kr / 1833-6972
- 대검찰청 사이버수사과: www.spo.go.kr / 국번 없이 1301
- 경찰청 사이버수사국: ecrm.cyber.go.kr / 국번 없이 182
12. 방침의 변경
이 개인정보처리방침은 2026년 10월 5일부터 적용합니다. 내용이 바뀌는 경우 사이트 공지사항을 통해 알립니다.
이메일 무단수집 거부
이메일주소 무단수집거부 (Refuse Collect E-mail)
본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반 시 정보통신망법에 의해 형사 처벌됨을 유념하시기 바랍니다.
[정보통신망법 제50조의2, 제65조의2]