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

Fast. Up to standard. Speed · Quality

Summary HIVE Builder treats speed, accessibility and web standards as conditions for completion. Images have set sizes and ratios to reduce layout shift, and no editing code is sent to visitor screens. The editor is also tuned to respond instantly.

Fast screens and standards-compliant code. Here are our speed and quality standards.

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

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

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

공통형 디자인

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

Check it in numbers.

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

100 points

Accessibility

+ 카드 이미지 선택

100 points

Search engine optimization

+ 카드 이미지 선택

0

Layout shift

Measured on this site's Sub Builder page with Google PageSpeed Insights, mobile (October 3, 2026). Results vary with page composition and environment.
공통형 디자인

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

Speed and quality

As fast and correct as it is good-looking.

보기 좋은 화면만큼 빠른 화면과 올바른 코드가 중요합니다. 검색과 접근성 모두 여기서 결정됩니다.

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

공통형 디자인

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

The standards we keep.

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

Image.

Sizes and ratios are set, and images load when they come into view.

+ 카드 이미지 선택

Layout shift prevention.

We reduced the shifts caused by fonts and the header changing late.

+ 카드 이미지 선택

Clean visitor code.

Editing tool code and styles are not sent to visitor screens.

서브페이지 본문에서 글자와 배치를 편집하는 화면

Editor speed.

Responds instantly when you drag a handle or change an option.

서브페이지 발행 전 품질 점검 결과 화면

Quality check.

Check items such as empty image descriptions and heading structure in the editor.

+ 카드 이미지 선택

Remote update.

Improvements reach every site through updates.

공통형 디자인

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

Layout shift prevention

Even when things load late, nothing shifts.

Space for images and fonts is reserved in advance.

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

공통형 디자인

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

First, the essentials.

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

Only what the first screen needs is loaded first.

이미지는 화면에 보일 때 불러옵니다. — 실버·블루 개념 그래픽

Images load when they come into view.

화면이 밀리지 않게 크기를 미리 잡습니다. — 실버·블루 개념 그래픽

Sizes are set in advance so the screen does not shift.

방문자 화면에는 편집용 코드가 없습니다. — 실버·블루 개념 그래픽

Visitor screens carry no editing code.

편집 화면도 바로 반응합니다. — 실버·블루 개념 그래픽

The editor responds instantly too.

View case studies
공통형 디자인

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

A closer look.

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

Speed

Only what the first screen needs is loaded first.

접근성 설정·사용 화면

Accessibility

We meet the standards for image descriptions, focus movement, and contrast.

반응형 설정·사용 화면

Responsive

The same content displays properly on PC, tablet and mobile.

이미지 설정·사용 화면

Image

Sizes and ratios are set, and images load when they come into view.

화면 밀림 방지 설정·사용 화면

Layout shift prevention

We reduced the shifts caused by fonts and the header changing late.

공통형 디자인

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

Fast. No stutter.

The editor should be as light as the visitor screen.

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

공통형 디자인

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

Search and AI answers. Structure, handled automatically.

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

Structured data.

Clinic information, treatments and FAQ are output together in a standard format.

답변 요약 설정·사용 화면

Answer summary.

Every page has a summary slot that AI answer engines can easily cite.

다국어 설정·사용 화면

Multilingual.

Language-specific addresses are linked to each other.

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

Indexing requests.

When you publish a new post, the sitemap is updated and an indexing request is sent.

Learn more about SEO, GEO and multilingual
공통형 디자인

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

Operations. Always reversible.

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

Automatic backup.

Data and settings are backed up once a day.

복구·확정본에서 이전 저장 상태를 확인하는 화면

Restore.

Pick an earlier state from the edit history and restore it.

원격 업데이트 설정·사용 화면

Remote update.

New features arrive as updates.

초안과 발행 설정·사용 화면

Draft and publish.

Create new pages as drafts and publish them when they are ready.

Learn more about operations and backup
공통형 디자인

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

We answer your questions.

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

Won't uploading lots of photos slow the site down?

Photos load only when they come into view, so they have little effect on first-screen speed.

Can I check the scores?

You can check them yourself with public measurement tools. Results vary with page composition and environment.

공통형 디자인

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

Measure it yourself.

You can check this site yourself with public measurement tools.

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

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