0
ADMIN Speed · Quality 히어로 버튼 표시 검색
목록 상단 여백 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
속도, 접근성, 웹 표준이 완료 조건

빠르게. 표준에 맞게. Speed · Quality

시술 요약 하이브 빌더는 속도, 접근성, 웹 표준을 구현 완료 조건으로 둡니다. 이미지는 크기와 비율을 지정해 화면 밀림을 줄이고, 방문자 화면에는 편집용 코드를 내보내지 않습니다. 편집 화면도 조작이 바로 반응하도록 다듬었습니다.

빠른 화면과 표준을 지키는 코드. 속도와 품질 기준을 소개합니다.

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

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

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

공통형 디자인

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

숫자로 확인합니다.

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

100점

접근성

+ 카드 이미지 선택

100점

검색엔진 최적화

+ 카드 이미지 선택

0

화면 밀림

이 사이트의 서브 빌더 페이지를 구글 PageSpeed Insights 모바일 기준으로 잰 값입니다(2026년 10월 3일). 측정 값은 페이지 구성과 환경에 따라 달라집니다.
공통형 디자인

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

속도 · 품질

보기 좋은 만큼,
빠르고 올바르게.

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

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

공통형 디자인

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

지키는 기준.

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

이미지.

크기와 비율을 지정하고, 화면에 보일 때 불러옵니다.

+ 카드 이미지 선택

화면 밀림 방지.

글꼴과 헤더가 늦게 바뀌며 화면이 밀리는 일을 줄였습니다.

+ 카드 이미지 선택

방문자 코드 정리.

방문자 화면에는 편집 도구의 코드와 스타일이 나가지 않습니다.

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

편집 화면 속도.

손잡이를 끌거나 옵션을 바꿀 때 바로 반응합니다.

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

품질 점검.

빈 이미지 설명, 제목 구조 같은 항목을 편집 화면에서 점검합니다.

+ 카드 이미지 선택

원격 업데이트.

개선 사항은 업데이트로 모든 사이트에 반영됩니다.

공통형 디자인

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

화면 밀림 방지

늦게 바뀌어도,
밀리지 않게.

이미지와 글꼴의 자리를
미리 잡아 둡니다.

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

공통형 디자인

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

일단 핵심부터.

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

첫 화면에 필요한 것만
먼저 불러옵니다.

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

이미지는 화면에 보일 때
불러옵니다.

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

화면이 밀리지 않게
크기를 미리 잡습니다.

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

방문자 화면에는
편집용 코드가 없습니다.

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

편집 화면도
바로 반응합니다.

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

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

보다 자세히 들여다보기.

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

속도

첫 화면에 필요한 것만 먼저 불러옵니다.

접근성 설정·사용 화면

접근성

이미지 설명, 초점 이동, 대비 기준을 지킵니다.

반응형 설정·사용 화면

반응형

PC, 태블릿, 모바일에서 같은 내용이 알맞게 보입니다.

이미지 설정·사용 화면

이미지

크기와 비율을 지정하고, 화면에 보일 때 불러옵니다.

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

화면 밀림 방지

글꼴과 헤더가 늦게 바뀌며 화면이 밀리는 일을 줄였습니다.

공통형 디자인

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

빠르게.
끊김 없이.

편집 화면도 방문자 화면만큼 가벼워야 합니다.

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

공통형 디자인

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

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

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

구조화 데이터.

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

답변 요약 설정·사용 화면

답변 요약.

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

다국어 설정·사용 화면

다국어.

언어별 주소를 서로 연결합니다.

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

색인 요청.

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

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

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

운영.
되돌릴 수 있게.

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

자동 백업.

하루 한 번 데이터와 설정을 백업합니다.

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

되돌리기.

수정 기록에서 이전 상태를 골라 되돌립니다.

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

원격 업데이트.

새 기능을 업데이트로 받습니다.

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

초안과 발행.

새 페이지는 초안으로 만들고 준비되면 발행합니다.

운영·백업 더 알아보기
공통형 디자인

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

질문에 답해 드립니다.

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

사진을 많이 올리면 느려지지 않나요?

사진은 화면에 보일 때 불러오므로 첫 화면 속도에는 영향이 적습니다.

점수를 확인할 수 있나요?

공개 측정 도구로 직접 확인할 수 있습니다. 측정 값은 페이지 구성과 환경에 따라 달라집니다.

공통형 디자인

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

직접 재 보세요.

공개 측정 도구로 이 사이트를 직접 확인할 수 있습니다.

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

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