로그인
Wi-Fi를 USTRA로 연결한 뒤, 브라우저에서 http://192.168.43.110:3000에 접속해 내부 계정으로 로그인한다.
아이디: user@gsitm.com / 비밀번호: user1234
제안 영상 자동화 서비스는 내부 제안 담당자가 고객 맞춤 제안 영상을 프로젝트와 씬 단위로 구성하고, 렌더 템플릿과 참조 자산을 활용해 최종 mp4까지 만들 수 있도록 돕는 웹앱입니다. 반복되는 장면 구성과 수정 흐름을 캔버스, 인스펙터, 슬롯 기반 편집으로 정리해 제안 영상의 톤과 구성을 일관되게 유지하는 것을 목표로 합니다.
고객 맞춤 제안 영상 제작을 프로젝트·씬 단위 편집 흐름으로 구성하고, 렌더 템플릿과 참조 자산을 연결해 최종 영상을 렌더·합성할 수 있도록 돕는 내부 웹앱.
빠른 제작 자체보다, 반복 장면의 구조와 입력 방식을 통일해 고객별 제안 영상의 톤과 구성을 일관되게 유지하는 것이 핵심이다.
제안 도입, 핵심 메시지, 서비스 화면, 마무리처럼 반복되는 장면을 템플릿 씬으로 제공한다.
복잡한 편집 타임라인 대신 캔버스의 씬 노드, 우측 인스펙터, 슬롯 입력, 실행 버튼 중심으로 작업한다.
이미지 생성과 영상 생성으로 템플릿 슬롯에 넣을 이미지·영상 자산을 만들고, 제안 영상에 필요한 시각 자료 준비 시간을 줄인다.
자료 준비, Canva 영상 편집, 외부 AI 영상 생성, Canva import, 수정 반복을 거쳐 고객 맞춤 제안 영상을 완성했다.
제작 시간, 편집 학습 부담, 작업자별 품질 편차, 외부 AI 생성 결과 import가 주요 문제로 확인됐다.
기존 제작 과정에서 반복적으로 발생한 불편함
고객별 메시지와 화면 자료를 반영해 하나의 제안 영상을 만드는 데 시간이 많이 든다.
제안 담당자가 직접 수정하려면 Canva의 영상 편집 방식에 먼저 익숙해져야 한다.
작업자별 편집 방식과 숙련도에 따라 결과물의 흐름과 톤이 달라질 수 있다.
AI로 만든 보조 영상은 별도로 생성한 뒤 Canva로 다시 가져와야 한다.
문제에서 도출한 서비스 설계 기준
고객별로 바뀌는 내용만 빠르게 교체하고 반복 제작 시간을 줄여야 한다.
영상 편집 숙련도가 낮아도 필요한 항목만 입력해 수정할 수 있어야 한다.
작업자가 달라도 제안 영상의 구조와 결과물 톤을 일정하게 유지해야 한다.
AI로 생성한 영상·이미지 재료를 별도 파일 이동 없이 제작 흐름에 연결해야 한다.
니즈를 제품 구조로 옮긴 방식
Canva에서 매번 고객별 장면을 다시 구성하고 수정한다.
고객별로 바뀌는 내용과 반복되는 영상 구조를 분리한다.
Intro, Hero, Mockup, Outro 등 반복 장면을 템플릿 씬으로 제공한다.
작업자별 숙련도에 따라 수정 속도와 결과물 톤이 달라진다.
사용자는 장면 전체를 편집하지 않고 필요한 값만 바꾼다.
우측 편집 패널에서 텍스트, 로고, 화면 미디어, 색상 값을 입력한다.
보조 영상·이미지 재료를 외부에서 준비하고 다시 가져와야 한다.
생성된 영상·이미지가 템플릿 장면에 바로 연결되어야 한다.
AI 생성 그룹의 이미지 생성, 영상 생성 노드를 보조 재료로 두고 템플릿 씬 슬롯에서 선택한다.
고객사명, 제안명, 화면 비율, 폰트, 브랜드 컬러를 프로젝트 단위로 관리하고 기존 프로젝트를 다시 열어 수정한다.
좌측 팔레트에서 템플릿, AI 생성, 첨부 노드를 배치하고 장면 순서와 참조 재료 연결을 한 화면에서 구성한다.
인트로, 히어로R, 히어로L, 디바이스 목업, 아웃트로를 기반으로 제안 영상의 반복 구조를 빠르게 구성한다.
우측 편집 패널에서 헤드라인, 설명, 고객사 로고, 목업 미디어, 포인트 색상처럼 고객별로 달라지는 값만 교체한다.
필요한 보조 이미지나 짧은 영상 재료를 생성하고, 생성 결과를 템플릿 미디어 슬롯에서 참조한다.
각 템플릿 장면을 영상 클립으로 만들고, 준비된 장면을 연결해 최종 mp4 결과물을 확인한다.
반복되는 장면 구조를 템플릿으로 시작하고, 고객별로 바뀌는 값만 슬롯에서 교체해 제작 시간을 줄인다.
제안 도입, 핵심 메시지, 화면 제시, 마무리 흐름을 템플릿으로 유지해 작업자별 결과물 편차를 줄인다.
복잡한 영상 편집 타임라인을 직접 다루기보다, 정해진 입력 항목을 수정하는 방식으로 제작 진입 장벽을 낮춘다.
템플릿과 보조 재료 노드를 추가해 고객 맞춤 제안 영상 외의 반복형 영상 제작 업무로 확장할 수 있다.
Wi-Fi를 USTRA로 연결한 뒤, 브라우저에서 http://192.168.43.110:3000에 접속해 내부 계정으로 로그인한다.
아이디: user@gsitm.com / 비밀번호: user1234
전체, 진행 중, 완료 수를 확인하고 기존 프로젝트를 연다. 썸네일 좌상단의 비율 배지로 16:9, 3:2, A4 같은 출력 규격을 한눈에 확인한다.
새 작업은 New Project에서 시작한다. 비슷한 제안 영상은 프로젝트 목록의 복제 버튼을 사용해 기존 구성과 장면 흐름을 가져온 뒤 필요한 값만 바꾸면 된다.
템플릿 갤러리에서 Intro, Hero, Mockup, Outro처럼 필요한 장면 유형을 확인한다. 선택한 템플릿은 캔버스에서 고객사 로고, 문구, 이미지, 영상 자료로 채워 넣는다.
지정 프로젝트처럼 START와 END 사이에 연결된 템플릿 장면이 최종 영상에 들어간다. 우측 프로젝트 정보에서 배경음악, 출력 해상도, 폰트를 확인하고 예상 길이와 영상 준비 상태를 함께 본다.
씬을 선택하면 오른쪽 패널에서 필수 입력, 미리보기, 텍스트, 이미지, 영상 슬롯을 편집한다. 첨부 영상은 장면 길이에 맞춰 빠르게 또는 느리게 재생할 수 있으며, 최종 확인 후 상단 합성 버튼으로 mp4를 만든다.
| 그룹 | 항목명 | 용도 | 지원 형식 |
|---|---|---|---|
| 기본 화면 | 프로젝트 | 고객 맞춤 제안 영상 하나를 만드는 작업 단위. 고객사명, 제안명, 화면 비율, 폰트, 브랜드 컬러를 포함한다. | |
| 캔버스 | 영상 장면과 보조 자료를 배치하고 연결하는 작업 화면. 좌측 팔레트, 중앙 작업 영역, 우측 편집 패널로 구성된다. | ||
| 노드 | 캔버스 위에 놓이는 하나의 작업 블록. 장면, AI 생성, 첨부 파일처럼 각각의 역할을 가진 블록을 뜻한다. | ||
| 엣지 | 노드와 노드를 잇는 연결 관계. 장면 순서나 참조 재료 관계를 표시해 어떤 재료가 어떤 템플릿 장면에 들어가는지 보여준다. | ||
| 슬롯 | 템플릿 안에서 사용자가 채워 넣는 입력 자리. 헤드라인, 로고, 목업 미디어, 포인트 색상 등이 해당된다. | ||
| 템플릿 | 인트로 | 영상 도입부의 브랜드, 제안명, 원형 미디어를 구성한다. 원형 미디어는 이미지와 영상을 섞어 선택할 수 있다. | 텍스트 슬롯이미지 슬롯영상 슬롯 |
| 히어로R / 히어로L | 핵심 메시지, 설명, 보조 미디어를 강조하는 장면. 좌우 배치에 따라 메시지와 미디어 강조 방향을 선택한다. | 텍스트 슬롯이미지 슬롯영상 슬롯 | |
| 디바이스 목업 | MacBook 또는 iPhone 프레임 안에 서비스 화면, 프로토타입, 제품 데모를 보여주는 장면. | 텍스트 슬롯이미지 슬롯영상 슬롯 | |
| 아웃트로 | 고객사와 제안 주체 정보를 정리하는 마무리 장면. 고객사명, 고객사 로고, 파트너 정보를 입력한다. | 텍스트 슬롯이미지 슬롯 | |
| AI 생성 | 이미지 생성 | 프롬프트로 이미지 재료를 생성하는 ImageGen 노드. | jpeg |
| 영상 생성 | 프롬프트와 옵션으로 짧은 영상 재료를 생성하는 Img2Video 노드. | mp4 | |
| 첨부 | 이미지 첨부 | 보유한 이미지 파일을 업로드하는 ImageUpload 노드. 최대 8MB까지 지원한다. | pngjpegwebpgif |
| 영상 첨부 | 보유한 영상 파일을 업로드하는 VideoUpload 노드. 최대 50MB까지 지원한다. | mp4webmmov | |
| 결과물 | 실행 | 입력한 템플릿 장면을 영상 클립으로 생성한다. 준비되지 않은 템플릿 씬을 렌더링한다. | mp4 |
| 내보내기 | 준비된 장면을 연결해 최종 고객 맞춤 제안 영상을 생성하고 다운로드한다. | mp4 |
| 버전 | 기준일 | 요약 내용 | |
|---|---|---|---|
| v0.3 | 2026-07-03 기준 | v0.3은 첨부 영상 재생 속도 조정, 프로젝트 복제, 배경음악 첨부를 중심으로 개선한 버전이다. | |
| v0.2 | 2026-06-19 기준 | v0.2는 템플릿 기반 제안 영상 제작 흐름에 출력 해상도 선택, 전역 폰트 적용, 장면 단위 인스펙터 편집, 이미지/영상 첨부 노드를 추가한 버전이다. |
'3d45414' 커밋 이후 '5f955ce' 커밋까지의 기능 차이를 개발 노트 기준으로 정리했다.
| 항목 | As-Is | To-Be |
|---|---|---|
| 첨부 영상 재생 속도 | 첨부한 영상 길이가 장면 길이와 어긋나면 앞뒤가 잘리거나 흐름이 맞지 않는 경우가 있었다. | Hero, Hero Left, Mockup, Intro 장면에서 첨부 영상을 장면 길이에 맞춰 빠르게 또는 느리게 재생한다. 최대 2배속까지 가능하지만, 영상이 끊겨 보일 수 있어 1.5배속 이하를 권장한다. |
| 배경음악 | 프로젝트 단위로 배경음악을 넣는 흐름이 없었다. | 프로젝트 정보에서 음악 파일을 첨부하고 최종 영상에 함께 넣는다. |
| 생성 안정성 | 일부 템플릿에서 생성 시간이 길어지거나 결과가 흔들릴 수 있었다. | 인트로, 히어로, 목업, 아웃트로 생성 방식을 정리해 결과 안정성을 높였다. |
| 항목 | As-Is | To-Be |
|---|---|---|
| 프로젝트 복제 | 비슷한 제안 영상을 만들 때도 새 프로젝트를 처음부터 구성해야 했다. | 프로젝트 목록에서 복제 버튼으로 현재 구성을 바탕으로 새 프로젝트를 만든다. |
| 출력 비율 확인 | 썸네일만 보고 최종 영상 비율을 알기 어려웠다. | 썸네일 좌상단에 16:9, 3:2, A4 비율 배지를 표시한다. |
| 표시 설정 | 해상도, 폰트, 브랜드 색상 변경 흐름이 즉시 반영과 저장 사이에서 애매했다. | 명시적으로 적용하는 흐름으로 정리해 의도하지 않은 변경을 줄였다. |
| 항목 | As-Is | To-Be |
|---|---|---|
| 포함 장면 | 연결된 장면 전체나 화면의 장면 목록을 기준으로 최종 영상을 만들었다. | START와 END 사이에 이어진 장면만 최종 영상에 포함한다. |
| 예상 길이 | 각 장면의 기본 길이를 단순히 더했다. | START부터 END까지의 장면, 재생 속도, 장면 전환으로 겹치는 시간을 함께 계산한다. |
| 대표 썸네일 | 인트로 또는 목록상 첫 장면을 대표 이미지로 쓰는 경우가 많았다. | START 다음에 연결된 실제 시작 장면을 대표 이미지로 우선 사용한다. |
| 항목 | As-Is | To-Be |
|---|---|---|
| 생성 실패 확인 | 실패 이유를 로그나 내부 기록에서 찾아야 하는 경우가 있었다. | 오른쪽 패널에서 생성 실패 사유를 바로 확인한다. |
| 생성 시간 확인 | 최근 생성이 얼마나 걸렸는지 화면에서 보기 어려웠다. | 최근 생성에 걸린 시간을 장면 패널에 표시한다. |
| Help 접근 | 도움말 진입점이 화면별로 분산되어 있거나 눈에 잘 띄지 않았다. | 로그인 화면과 프로젝트 화면에서 Help로 이동할 수 있다. |
'6a4480a' 커밋 이후 '3d45414' 커밋까지의 기능 차이를 개발 노트 기준으로 정리했다.
| 항목 | As-Is | To-Be |
|---|---|---|
| 브랜드 톤 관리 | 프로젝트 정보 패널에서 브랜드 컬러를 지정하고, 새 템플릿 씬의 기본 색상으로 사용하는 수준이었다. | 브랜드 컬러는 유지하면서, 씬별 포인트 색상을 되돌리는 흐름까지 함께 제공해 고객사별 톤을 더 일관되게 맞출 수 있다. |
| 산출물 규격 선택 | 템플릿 렌더는 1920x1080(16:9) 중심이라 발표용 외의 규격을 맞추기 어렵다. | 프로젝트 정보 패널에서 `1920x1080(16:9)`, `1920x1280(3:2)`, `1920x1358(A4 가로)` 중 고르고, 선택한 크기로 검은 띠 없이 꽉 차게 렌더한다. |
| 영상 전체 글꼴 | 템플릿별 기본 폰트에 가까워, 프로젝트 전체 글꼴을 한 번에 맞추기 어렵다. | `Pretendard`, `Gmarket Sans`, `KoPub Dotum`을 프로젝트 단위로 선택해 씬 노드 미리보기, 인스펙터 미리보기, 실제 영상에 일관되게 적용한다. |
| 항목 | As-Is | To-Be |
|---|---|---|
| 템플릿 씬 편집 | 텍스트, 로고, 화면 미디어 입력칸이 개별적으로 나열되어 있어 어떤 값이 한 장면을 구성하는지 한눈에 보기 어렵다. | 우측 인스펙터에서 로고, 헤드라인, 설명, 목업 미디어, 고객사/파트너 정보를 작업 단위별로 묶어 수정할 수 있다. |
| 화면 미디어 활용 | 일부 위치에는 영상만 넣을 수 있고, 일부 위치에는 이미지만 넣을 수 있어 준비한 재료를 다시 맞춰야 했다. | 화면 미디어, 원형 미디어, 목업 미디어에서 이미지와 영상을 모두 선택할 수 있어 AI로 만든 재료와 사용자가 올린 재료를 같은 흐름에서 쓸 수 있다. |
| 문구 표현 조정 | 정해진 위치와 크기에 문구만 입력하는 방식이라, 고객사명이나 핵심 메시지의 강조 정도를 조정하기 어렵다. | 헤드라인, 설명, 상세 문구의 크기, 굵기, 위아래 여백까지 인스펙터에서 조정해 장면별 메시지 강조를 세밀하게 맞출 수 있다. |
| 결과 확인 | 입력값을 바꿔도 씬 노드 미리보기, 인스펙터 미리보기, 실제 영상이 일부 다르게 보일 수 있다. | 인스펙터 미리보기, 씬 노드 미리보기, 실제 렌더 결과가 같은 출력 해상도와 전역 폰트를 기준으로 표시된다. |
| 항목 | As-Is | To-Be |
|---|---|---|
| 업로드 재료 관리 | 사용자가 직접 올린 이미지나 영상을 캔버스 흐름 안에서 AI 생성 결과와 같은 재료로 다루기 어렵다. | 팔레트에서 이미지 첨부 노드와 영상 첨부 노드를 추가하고, 업로드한 파일을 템플릿 씬의 참조 미디어로 바로 사용할 수 있다. |
| 결과 미리보기 | 참조/이미지/영상 탭 선택이 결과물 상태와 어긋나 사용자가 직접 탭을 바꿔 확인해야 하는 경우가 있다. | 씬 결과물이 이미지면 이미지 탭, 영상이면 영상 탭을 우선 보여줘 결과를 바로 확인할 수 있다. |
| 목업 미디어 표시 | 목업은 영상 중심으로 미리보는 흐름에 가까워 이미지 자료를 넣었을 때 결과 확인이 불안정할 수 있다. | 목업 미디어에 이미지를 넣어도 씬 노드와 인스펙터 미리보기에 정상 표시되어, 화면 캡처 이미지도 목업 재료로 사용할 수 있다. |
영상의 첫 장면에서 브랜드, 제안명, 대표 이미지/영상을 빠르게 각인시키는 도입 템플릿이다.
제안 영상의 1번 씬, 회사 소개 도입, 고객사 맞춤 오프닝, 프로젝트명 또는 캠페인명을 먼저 보여줘야 할 때 사용한다.
로고와 텍스트 블록, 원형 이미지/영상 그리드, 포인트 컬러가 들어간 짧은 브랜드 오프닝 장면.
고객사 또는 제안 주체 로고 이미지를 첨부 노드로 올린 뒤 Intro의 로고 항목에서 선택한다.
제안명, 제품명, 영문 부제 등 2~3개 텍스트 블록을 입력하고 크기·굵기·상단 여백을 조정한다.
이미지 첨부, 영상 첨부, AI 생성 결과를 참조로 연결하고 최대 4개의 원형 미디어 칸에 배치한다. 영상은 장면 길이에 맞춰 재생된다.
포인트 색상을 브랜드 컬러와 맞추고 재생 시간을 확인한 뒤 실행 또는 재생성한다.
| 입력 | 권장 작성법 | 주의점 |
|---|---|---|
| 로고 항목 | 투명 배경 PNG 또는 여백이 적은 로고 사용. 필요하면 높이와 상단 여백 조정. | 로고가 없으면 텍스트가 바로 시작되므로 불필요한 빈 영역을 만들지 않는다. |
| 텍스트 항목 | 첫 줄은 고객/프로젝트 맥락, 두 번째 줄은 핵심 제안명, 세 번째 줄은 영문 보조 문구에 적합. | 문장이 길면 줄바꿈보다 짧은 키워드 중심으로 정리하는 편이 안정적이다. |
| 원형 미디어 | 제품 이미지, 현장 이미지, 짧은 분위기 영상 등을 섞어 사용. | 영상은 최대 2배속까지 맞출 수 있지만, 끊겨 보일 수 있어 1.5배속 이하를 권장한다. |
제안의 핵심 메시지와 대표 이미지/영상을 한 화면에 보여주는 메인 메시지 템플릿이다.
텍스트 메시지를 좌측에 두고 원형 미디어를 우측에 배치하는 구도. 설명형 메시지에 적합하다.
원형 미디어를 좌측에 두고 텍스트를 우측에 배치하는 구도. 제품·현장·사람 이미지가 먼저 보여야 할 때 적합하다.
한 문장으로 제안의 결론을 쓴다. 예: “통합 운영을 한 화면에서”, “발주부터 계약까지 자동화”.
헤드라인을 보완하는 1~2줄 설명 또는 영문 부제를 입력한다.
AI 영상, 제품 이미지, 고객 현장 이미지 중 하나를 참조로 연결해 원형 미디어 슬롯에서 선택한다. 영상은 장면 길이에 맞춰 빠르게 또는 느리게 재생할 수 있다.
크기, 굵기, 상단 여백을 조절해 헤드라인과 설명 간 간격을 맞춘다.
| 입력 | 권장 작성법 | 주의점 |
|---|---|---|
| 헤드라인 | 짧고 강한 결과 중심 문장. 화면에서 가장 먼저 읽혀야 한다. | 복잡한 설명은 Mockup 또는 다음 Hero 씬으로 분리한다. |
| 설명/부제 | 대상, 문제, 기대효과 중 하나만 보완한다. | 글자 수가 많으면 영상에서 읽기 어렵다. |
| 원형 미디어 | 프롬프트 기반 AI 영상, 첨부 영상, 첨부 이미지를 연결해 시각 중심을 만든다. | 긴 영상을 과하게 빠르게 만들면 끊겨 보일 수 있어 1.5배속 이하를 권장한다. |
| 포인트 색상 | 프로젝트 브랜드 컬러를 기본으로 두고, 특정 씬만 강조 색으로 바꾼다. | 씬마다 색이 크게 달라지면 영상 톤이 깨질 수 있다. |
서비스 화면, 제품 화면, 프로토타입 녹화를 디바이스 프레임 안에서 설명하는 템플릿이다. 첨부 영상 길이를 장면 길이에 맞춰 재생할 수 있다.
관리자 화면, 대시보드, 웹앱, 업무 시스템처럼 넓은 UI를 보여줄 때 적합하다.
앱 화면이나 모바일 고객 경험을 보여줄 때 적합하다. 오른쪽 텍스트 영역이 별도 좌표로 잡힌다.
지정 프로젝트의 목업 씬을 타입별로 분리 캡쳐해 실제 적용 화면을 함께 비교한다.
목업 타입에 따라 기본 입력값과 프레임 좌표가 달라지므로 편집 패널도 각각 확인한다.
보여줄 화면 성격에 따라 MacBook 또는 iPhone을 고른다.
영상 첨부 노드 또는 영상 생성 노드를 참조로 연결하고 목업 미디어 슬롯에서 선택한다. 장면 길이에 맞춰 재생 속도가 조정된다.
화면의 기능 범주를 뱃지로, 핵심 가치를 헤드라인으로 쓴다.
show/hide 시간을 설정해 장면 중간에 설명 문구가 바뀌도록 만든다.
| 입력 | 권장 작성법 | 주의점 |
|---|---|---|
| 목업 미디어 | 실제 화면 녹화, 프로토타입 영상, 제품 데모 영상을 연결한다. | 원본 영상 비율이 크게 다르면 일부가 잘릴 수 있고, 2배속에 가까우면 화면이 끊겨 보일 수 있다. |
| 기능 뱃지 | “Dashboard”, “Approval”, “Mobile App”처럼 짧은 범주명 사용. | 뱃지는 설명문이 아니라 화면을 분류하는 라벨이다. |
| 상세 문구 | 한 문장씩 show/hide 시간을 나눠 기능 흐름을 설명한다. | show/hide 시간은 씬 duration을 넘지 않게 설정한다. |
| 전환/속도 | 목업 화면을 장면 길이에 맞춰 빠르게 또는 느리게 재생한다. | 화면 내용을 읽어야 하는 장면은 1.5배속 이하가 안정적이다. |
고객사와 파트너를 명확히 표기하며 START/END 흐름의 마지막을 닫는 마무리 템플릿이다.
로고 파일이 없거나 글자명으로 깔끔하게 표기할 때 사용한다. 크기와 굵기를 직접 조정한다.
고객사 또는 파트너 로고 이미지를 첨부해 공식 로고 형태로 마무리할 때 사용한다.
고객사명 또는 고객사 로고를 선택하고 Text/Img 표시 방식을 고른다.
파트너명은 기본값을 확인하고, 필요하면 파트너 로고를 첨부해 Img 모드로 전환한다.
텍스트 모드에서는 이름 크기와 굵기를, 이미지 모드에서는 로고 영역 크기를 조정한다.
고객사, X, 파트너가 순차적으로 등장하는지 미리보기와 재생성으로 확인하고 END로 연결한다.
| 입력 | 권장 작성법 | 주의점 |
|---|---|---|
| 고객사명 | 정식 법인명 또는 제안서 표지에 쓰는 명칭과 맞춘다. | 약칭과 정식명이 섞이지 않게 사전 확인한다. |
| 고객사 로고 | 투명 배경 PNG 권장. 로고 단독으로 여백이 적은 파일이 좋다. | Img 모드인데 로고가 비어 있으면 의도한 표시가 나오지 않는다. |
| 파트너명/로고 | 제안 주체 또는 수행 파트너를 일관된 표기로 입력한다. | 다른 씬의 브랜드 컬러와 충돌하지 않는지 확인한다. |
| 세로 영역 크기 | 로고 이미지 높이와 중앙 X 크기 균형을 맞추는 데 사용한다. | 너무 크게 잡으면 양쪽 로고가 화면 중심에서 답답해 보일 수 있다. |