0
ADMIN Sub Builder 히어로 버튼 표시 검색
목록 상단 여백 px 업로드 가로 제한 px
레이아웃 폰트 강제 해제 시 섹션별 설정 사용 · 저장 후 적용
제목 섹션 헤드라인
px px
소제목 서브 타이틀
px px
본문 컨텐츠 텍스트
px px
작은텍스트 라벨 · 캡션
px px
영문↔한글 간격 V2 제목 줄 사이 (0=기본)
px
제목 굵기 섹션·카드 제목 굵기
내용 굵기 본문·설명 굵기
가로폭 컨텐츠 최대폭
px
V2 여백 섹션 상하 (모바일 자동 반값)
px
페이지 배경 hero 라운드 모서리 뒤 등 빈 영역 색 (기본=흰색)
섹션 등장 모든 섹션 스크롤 등장 모션 (일괄)
등장 속도 섹션 등장 모션 속도 (ms, 0=기본 700)
ms
등장 거리 슬라이드업 이동거리 (px, 0=기본 24)
px
변경사항은 즉시 미리보기로 반영되며, 상단 저장 버튼을 눌러야 영구 저장됩니다. 전체 적용은 즉시 모든 서브페이지에 반영됩니다.
섹션 관리
드래그=순서 · 클릭=ON/OFF · ✎=이름 변경 · 추가 섹션 ×=삭제
현재 섹션 순서를 일괄 적용
삭제된 기본 섹션 복원
복사한 섹션
이미지형
텍스트형
데이터 연동
데이터 연동
V2 가이드
공통 데이터
개발자
본문 바로가기
텍스트 ←거리 기본 ↑거리 기본 배경 앞 이미지 X 0% Y 0% 가로 자동 세로 자동 좌우 위치 기본 상하 위치 기본 텍스트 폭 기본 영문 크기 68px 100% 딤 0% 📱 PC
서브 제작 70,000원부터

보이는 대로, 바로. Sub Builder

시술 요약 서브 빌더는 병원이 시술 페이지를 직접 만들고 고치는 하이브 빌더의 기능입니다. 방문자가 보는 화면에서 글자를 눌러 고치고 배치를 끌어서 맞추며, 저장하면 바로 반영됩니다. 서브 제작은 페이지당 70,000원부터입니다.

병원이 직접 만들고 고치는 페이지 제작
누구나 할 수 있게.

온라인상담 URL
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

일단 핵심부터.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
보이는 화면에서 바로 고칩니다 — 배경이 투명한 실버·블루 개념 그래픽

보이는 화면에서 바로 고칩니다.

배치는 손잡이로 끌어서 맞춥니다. — 실버·블루 개념 그래픽

배치는 손잡이로 끌어서 맞춥니다.

PC와 모바일을 따로 저장합니다 — 배경이 투명한 실버·블루 개념 그래픽

PC와 모바일을 따로 저장합니다.

만든 섹션은 저장해 두고 다시 씁니다. — 실버·블루 개념 그래픽

만든 섹션은 저장해 두고 다시 씁니다.

검색 노출 구조는 자동으로 만들어집니다 — 배경이 투명한 실버·블루 개념 그래픽

검색 노출 구조는 자동으로 만들어집니다.

제작 사례 보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

화면 편집

글자는 눌러서.
배치는 끌어서.

서브 빌더는 병원이 시술 페이지를 직접 만들고 고치는 도구입니다. 관리 화면을 따로 열지 않습니다. 방문자가 보는 그 화면이 곧 편집 화면이고, 저장하면 그대로 반영됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
Sub Builder 실제 편집 화면

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택

0줄

직접 써야 하는 코드

+ 카드 이미지 선택

2가지

PC와 모바일, 따로 저장하는 화면

— 배경이 투명한 실버·블루 개념 그래픽

Sub Builder 실제 편집 화면

+ 카드 이미지 선택

1번

저장하면 방문자 화면에 반영

+ 카드 이미지 선택

18가지

한 페이지에 쓴 섹션 구성

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

보다 자세히 들여다보기.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
서브페이지 본문에서 글자와 배치를 편집하는 화면

글자 편집

화면의 글자를 눌러 바로 고칩니다. 크기와 굵기는 옵션과 이어져 있어 고친 값이 그대로 저장됩니다.

디자인 편집 설정·사용 화면

디자인 편집

섹션 폭, 여백, 열 비율, 카드 높이를 화면의 손잡이로 끌어서 맞춥니다.

히어로 설정·사용 화면

히어로

글과 이미지를 끌어 옮기고, 자주 쓰는 배치는 프리셋에서 고릅니다.

현재 섹션을 공통영역으로 등록하거나 불러오는 화면

섹션 저장함

만든 섹션을 저장해 두었다가 다른 페이지에 그대로 넣습니다.

옵션 복사 설정·사용 화면

옵션 복사

한 섹션의 디자인만 복사해 다른 섹션에 붙입니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

PC · 모바일

한 화면에서,
따로따로.

PC에서 편집하면서
모바일까지 끝냅니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

어느 화면에서든 그대로.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
PC 배치 설정·사용 화면

PC 배치.

섹션 폭, 열 비율, 카드 높이를 PC 값으로 저장합니다.

모바일 배치 설정·사용 화면

모바일 배치.

글자 크기, 여백, 카드 열 수를 모바일 값으로 따로 저장합니다.

본문 글자 선택과 서식 도구, 하단 실행 취소 도구

줄바꿈.

PC와 모바일에 따로 넣어 문장이 어색하게 끊기지 않게 합니다.

실제 모바일 미리보기 안에서 표시되는 편집 영상

영상.

모바일 전용 영상을 따로 넣을 수 있습니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

옵션

고르기만 하면
달라집니다.

카드 형태, 숫자 모양, 세부 항목, 도식까지. 한 섹션 안에서 옵션으로 고르고, 고른 값은 미리보기에 바로 보입니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
카드 형태 설정·사용 화면

카드 형태.

이미지 카드, 이미지 위에 글, 글만, 아이콘, 원형 중에서 고릅니다.

숫자 모양 설정·사용 화면

숫자 모양.

원형, 사각, 외곽선, 배지. 배경과 글자색도 따로 정합니다.

세부 항목 설정·사용 화면

세부 항목.

체크 목록, 칩, 해시태그, 번호 배지로 표시합니다.

도식 설정·사용 화면

도식.

흐름, 단계, 비교를 한눈에 보이는 도식으로 넣습니다.

슬라이드 설정·사용 화면

슬라이드.

PC와 모바일에서 각각 켜고, 넘김 버튼과 쪽 표시 모양을 고릅니다.

스크롤 모션 설정·사용 화면

스크롤 모션.

떠오름, 줌 아웃, 펼쳐짐, 시차 이동, 영상 고정 재생.

섹션 톤 설정·사용 화면

섹션 톤.

흰색, 연회색, 검정을 섹션마다 고릅니다.

영상 재생 설정·사용 화면

영상 재생.

항상, 보일 때만, 마우스를 올릴 때만.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

어떤 구성이든 감탄은 기본.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
슬라이드와 탭. — 실버·블루 개념 그래픽

슬라이드와 탭.

PC와 모바일에서 각각 켜고, 넘김 버튼과 쪽 표시 모양을 고릅니다.

스크롤 모션. — 실버·블루 개념 그래픽

스크롤 모션.

떠오름, 줌 아웃, 펼쳐짐, 시차 이동, 영상 고정 재생.

섹션 톤 선택 옵션

섹션 톤.

흰색, 연회색, 검정을 섹션마다 고릅니다.

영상 재생 방식 선택 옵션

영상 재생.

항상, 보일 때만, 마우스를 올릴 때만.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

편집 속도

빠르게.
끊김 없이.

편집 화면도 방문자 화면만큼 가벼워야 합니다. 누르고 끄는 동작이 바로 따라오도록 다듬었습니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택
약

1.3초

편집 화면이 준비되는 시간

+ 카드 이미지 선택
약

0.14초

섹션을 눌러 도구가 뜨기까지

+ 카드 이미지 선택
약

0.005초

카드에 올렸을 때 손잡이가 뜨기까지

하이브 테스트 서버에서 섹션 수가 많은 페이지를 기준으로 잰 값입니다. 서버와 페이지 구성에 따라 달라집니다.
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
서브페이지 발행 전 품질 점검 결과 화면

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

순서

세 단계면 끝납니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
편집 시작.

편집 시작.

아래 막대에서 편집을 누릅니다.

고치기.

고치기.

글자는 눌러서, 배치는 끌어서 바꿉니다.

저장.

저장.

저장하면 방문자 화면에 바로 반영됩니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

메인 빌더

첫 화면도.
같은 방식으로.

메인 빌더는 섹션을 쌓아 첫 화면을 만듭니다. 서브 빌더와 같은 방식으로 보이는 화면에서 고치고 끌어서 배치합니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메인 빌더의 구성 프리셋 선택 화면

메인 빌더의 격자 배치 설정 화면

메인 빌더 보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

게시판.
병원에 맞게, 처음부터.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
전후사진 게시판에서 수술 전과 3개월 사진을 비교하는 화면

전후사진.

각도별로 넘겨 보고, 보기 방식 10가지 중에서 고릅니다.

자세히 보기
선택한 서비스와 예약자 정보·예약일시를 확인하는 접수 양식

이벤트 예약.

이벤트를 담아 바로 예약으로 잇습니다.

자세히 보기
온라인 상담 설정·사용 화면

온라인 상담.

접수부터 알림, 관리까지 한 화면에서 봅니다.

자세히 보기
제작 사례 설정·사용 화면

제작 사례.

업종별로 나눠 보여 줍니다.

자세히 보기

게시판 더 알아보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

검색과 AI 답변.
구조는 자동으로.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
구조화 데이터 설정·사용 화면

구조화 데이터.

병원 정보, 의료진, 시술, 자주 묻는 질문을 표준 형식으로 함께 내보냅니다.

답변 요약 설정·사용 화면

답변 요약.

페이지마다 AI 답변 엔진이 인용하기 좋은 요약 칸을 둡니다.

다국어 설정·사용 화면

다국어.

사이트 전체를 한 번에 번역하고, 언어별 주소를 서로 연결합니다.

IndexNow 전송 대기열과 최근 전송 결과

색인 요청.

새 글을 올리면 사이트맵이 갱신되고 색인 요청이 나갑니다.

SEO·GEO·다국어 더 알아보기
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

서브 제작,
필요한 만큼만.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택
  • 공통형 섹션 6개 내외로 구성

  • 원고와 이미지는 병원 제공 기준

  • 검색 노출용 제목·설명·구조화 데이터 입력

  • PC와 모바일 배치 확인

  • 제작 후 편집 화면에서 직접 수정 가능

서브 제작 기본

공통형 섹션으로 만드는
기본 시술 페이지.

70,000원

원고와 이미지를 받아 정해진 구성으로 빠르게 만듭니다.

+ 카드 이미지 선택
  • 공통형 섹션 8개 내외로 구성

  • 비교표, 단계 안내, 도식 섹션 포함

  • 자주 묻는 질문 연결

    관리자 FAQ 를 불러와 구조화 데이터까지 함께 냅니다.

  • PC와 모바일 배치 따로 조정

  • 기본 구성의 모든 항목 포함

서브 제작 중급

도식과 비교표가 들어가는
설명 중심 페이지.

100,000원

설명이 많은 시술에 맞춰 구성을 늘립니다.

+ 카드 이미지 선택
  • 섹션 10개 이상

  • 영상, 스크롤 연동 모션, 탭 전환, 자세히 보기 구성

  • 전후사진, 이벤트, 연관 시술 연결

  • 모바일 전용 배치와 영상

  • 중급 구성의 모든 항목 포함

서브 제작 고급

영상과 스크롤 모션을 쓰는
대표 시술 페이지.

150,000원

지금 보고 있는 이 페이지와 같은 구성입니다.

+ 카드 이미지 선택
  • 페이지 전용 섹션 디자인과 모션

  • 필요한 옵션은 빌더 기능으로 추가 개발

    한 번 만든 옵션은 다른 페이지에서도 씁니다.

  • 제작 후에도 글과 이미지는 직접 수정

  • 고급 구성의 모든 항목 포함

서브 제작 커스텀

페이지 전체를
전용 디자인으로.

250,000원

빌더 옵션에 없는 디자인은 옵션으로 추가 개발합니다.

도입 문의
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

질문에 답해 드립니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

페이지를 복제할 수 있나요?

가능합니다. 복제한 페이지는 원본과 따로 수정됩니다.

섹션 순서를 바꿀 수 있나요?

섹션을 끌어서 옮기거나 위아래 버튼으로 바꿉니다.

빌더 옵션에 없는 디자인도 넣을 수 있나요?

필요한 디자인은 옵션으로 추가 개발해 넣습니다. 한 번 만든 옵션은 다른 페이지에서도 씁니다.

모바일 화면만 따로 고칠 수 있나요?

편집 창 맨 위에서 모바일을 고르면 모바일 값만 바뀝니다.

편집하다 잘못 저장하면 되돌릴 수 있나요?

저장 기록에서 이전 상태로 되돌릴 수 있고, 자동 백업도 정해진 주기로 실행됩니다.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

직접 보면 더 빠릅니다.

도입 상담에서 편집 화면을 함께 열어 보여 드립니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

도입 문의
번역 편집 모드
번역 편집 모드
필드를 클릭하면 직접 번역을 수정할 수 있습니다. 자동 저장됨.
발행
EN JA 簡 繁
⚙