텍스트 ←거리 기본 ↑거리 기본 배경 앞 이미지 X 0% Y 0% 가로 자동 세로 자동 좌우 위치 기본 상하 위치 기본 텍스트 폭 기본 영문 크기 68px 100% 딤 0% 📱 PC

성형외과, 피부과, 재활의학과, 비뇨기과

빌더로 만든 병원들. Cases

시술 요약 하이브 빌더로 제작한 병원 홈페이지 사례입니다. 성형외과, 피부과, 재활의학과, 비뇨기과 등 진료과에 맞춰 구성한 사이트를 사례별로 소개합니다.

하이브 빌더로 만든 병원 홈페이지 사례를 모았습니다.

전체 사례 보기

온라인상담 URL

공통형 디자인톤 FAQ·정보

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

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

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

제작 사례

같은 빌더로.
병원마다 다르게.

같은 빌더로 만들었지만 병원마다 다른 모습입니다. 사례를 눌러 자세히 보세요.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

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

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

리프티크피부과

피부과 · 하이브 빌더 제작

리숨성형외과

성형외과 · 하이브 빌더 제작

다올림 성형외과

성형외과 · 하이브 빌더 제작

연세위너스재활의학과

재활의학과 · 하이브 빌더 제작

연세우노 비뇨기과

비뇨기과 · 하이브 빌더 제작

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

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

사례별로 보기.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

리프티크피부과.

피부과 · 하이브 빌더 제작

리숨성형외과.

성형외과 · 하이브 빌더 제작

다올림 성형외과.

성형외과 · 하이브 빌더 제작

연세위너스재활의학과.

재활의학과 · 하이브 빌더 제작

연세우노 비뇨기과.

비뇨기과 · 하이브 빌더 제작

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

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

시술 페이지.
보이는 대로, 바로.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

글자 편집.

화면의 글자를 눌러 바로 고칩니다.

디자인 편집.

폭과 여백, 카드 높이를 끌어서 맞춥니다.

섹션 저장함.

만든 섹션을 저장해 다른 페이지에 넣습니다.

PC와 모바일.

값을 따로 저장합니다.

CTA 디자인 열기

서브 빌더 더 알아보기

공통형 디자인톤 FAQ·정보

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

다음 사례는 우리 병원으로.

도입 상담에서 진료과에 맞는 구성을 제안해 드립니다.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

목차 이름 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC 슬라이드 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 이미지 위치 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 정렬 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 정렬 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 위치 색상

개별 밑줄 디자인선 두께 폭 정렬 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

도입 문의

빌더로 만든 병원들. Cases

같은 빌더로.병원마다 다르게.

리프티크피부과

리숨성형외과

다올림 성형외과

연세위너스재활의학과

연세우노 비뇨기과

사례별로 보기.

리프티크피부과.

리숨성형외과.

다올림 성형외과.

연세위너스재활의학과.

연세우노 비뇨기과.

시술 페이지.보이는 대로, 바로.

글자 편집.

디자인 편집.

섹션 저장함.

PC와 모바일.

다음 사례는 우리 병원으로.

Cases 관련 블로그

같은 빌더로.
병원마다 다르게.

시술 페이지.
보이는 대로, 바로.