21:I[94636,["/_next/static/immutable/chunks/06df7kl64iaox.js","/_next/static/immutable/chunks/3ms0baajlq1_a.js","/_next/static/immutable/chunks/309b9k7ucpdrm.js","/_next/static/immutable/chunks/20ld9uq1tdc0_.js"],"default"] 22:T665b,

AI × WEB-TO-PRINT × AUTOMATION

디자인은 AI가,
품질은 규칙이,
주문은 시스템이.

인쇄물 하나를 주문하기 위해 디자이너와 인쇄소가 여러 번 파일을 주고받아야 했던 과정이 달라지고 있습니다. 생성형 AI와 웹 기반 편집기, 인쇄 파일 검수 기술, 자동 견적 시스템을 연결하면 어디까지 자동화할 수 있을까요?

Generative AI Web Editor Preflight Print API

AI는 인쇄 디자인 생성부터 파일 검수, 견적 산출, 온라인 주문까지 상당 부분을 자동화할 수 있습니다. 고객이 디자인 프로그램을 배우거나 인쇄소에 일일이 작업을 요청하지 않아도, 웹에서 디자인을 완성하고 주문할 수 있는 구조입니다.

핵심 답변

완전한 인쇄 주문 자동화의 핵심은 AI 디자인 생성 → 웹 편집 → 인쇄 파일 검수 → 자동 견적 → 주문·결제 → 생산 데이터 전달을 하나의 워크플로우로 연결하는 것입니다. 단, 실제 인쇄 품질과 복잡한 예외 사항까지 모두 AI가 판단할 수 있는 것은 아닙니다.

1. AI가 인쇄 산업의 주문 방식을 바꾸는 이유

기존 인쇄 주문의 문제는 디자인 제작 자체보다 디자인 전달, 파일 확인, 견적 협의와 주문 접수에서 반복 작업이 발생한다는 점입니다. AI와 웹투프린트(Web-to-Print)를 연결하면 이러한 단계를 줄일 수 있습니다.

전통적인 주문에서는 고객이 파일을 준비하고, 인쇄소가 규격과 오류를 확인하며, 문제가 발견되면 수정 요청과 재전송을 반복합니다. 이후 견적을 확정하고 생산을 시작합니다.

복잡한 인쇄물에는 전문적인 협의가 필요하지만, 명함, 엽서, 스티커처럼 규격화된 제품은 정형화된 프로세스를 통해 자동화하기에 적합합니다.

기존 주문 방식과 자동화 주문 방식의 차이

인쇄 주문 프로세스 비교 — 일반적인 업무 흐름의 예시
업무	기존 방식	자동화 방식
디자인	디자이너 또는 전문 프로그램 활용	AI 초안 생성 및 웹 편집
파일 준비	고객이 별도로 인쇄용 파일 제작	제품 규격 기반 출력 파일 생성
파일 검수	담당자의 수동 확인	Preflight 자동 검사
견적	상담 및 가격 계산	가격 엔진 자동 산출
주문	이메일 또는 주문서 접수	온라인 결제 및 데이터 전달

이 비교는 자동화 시스템을 구축했을 때 가능한 운영 방식의 차이를 나타냅니다. 실제 자동화 범위는 인쇄소의 생산 방식과 소프트웨어 연동 수준에 따라 달라집니다.

AI, 소프트웨어, 사람의 역할은 다릅니다

인쇄 자동화에서는 AI와 규칙 기반 소프트웨어가 각기 다른 역할을 수행합니다. AI는 디자인과 같은 창의적인 작업을 지원하고, 정확성이 중요한 조건은 검증 가능한 규칙으로 처리합니다.

AI 디자인 생성

고객의 요구를 해석해 레이아웃, 배경 이미지와 디자인 초안을 생성합니다.

RULE ENGINE 규격과 가격 검증

크기, 해상도, 수량, 후가공과 가격 계산 등 명확한 규칙을 처리합니다.

HUMAN 승인과 예외 판단

브랜드 적합성, 특수 제작 조건, 복잡한 오류와 중요한 품질 문제를 판단합니다.

핵심은 모든 작업을 AI에 맡기는 것이 아닙니다. AI의 생성 능력과 규칙 기반 프로그램의 정확성, 전문가의 판단을 결합하는 것이 현실적인 자동화 모델입니다.

2. AI로 인쇄 디자인을 어디까지 자동화할 수 있을까?

AI는 디자인 경험이 없는 고객에게 디자인 초안을 빠르게 만드는 수단을 제공합니다. 고객은 원하는 스타일과 문구를 자연어로 설명하고, 생성된 결과를 웹 편집기에서 수정할 수 있습니다.

텍스트 입력부터 명함 디자인까지

생성형 AI는 색상, 스타일, 이미지와 레이아웃에 대한 설명을 바탕으로 다양한 디자인을 제안할 수 있습니다. 예를 들어 아래와 같은 요청으로 명함 디자인을 시작할 수 있습니다.

AI 디자인 요청 예시

“프리미엄 건축 디자인 회사의 명함을 제작해 줘. 짙은 남색 배경과 흰색 타이포그래피를 사용하고, 미니멀하면서도 고급스러운 분위기로 구성해 줘. 회사 로고와 연락처를 넣을 공간도 확보해 줘.”

이와 같은 방식으로 고객은 디자인 프로그램의 복잡한 기능을 익히지 않고도 원하는 시각적 방향을 제안받을 수 있습니다.

그러나 AI가 생성한 이미지와 실제 인쇄용 데이터는 구분해야 합니다. 회사명, 전화번호, 로고의 정확성, 글꼴과 재단 규격이 중요하기 때문에 최종 편집과 검증 과정이 필요합니다.

웹 편집기와 템플릿 개인화

웹 기반 디자인 편집기(Web-to-Print Editor)는 고객이 브라우저에서 텍스트와 이미지를 수정하고 인쇄용 데이터를 만드는 데 사용하는 도구입니다.

예를 들어 기업 명함 템플릿에서 회사 로고와 브랜드 색상은 고정하고, 임직원의 이름, 직책, 전화번호만 수정하도록 설정할 수 있습니다.

이 방식은 명함뿐 아니라 행사 초대장, 상품 라벨, 포토카드와 같이 동일한 디자인 구조에 서로 다른 데이터를 적용하는 제품에서도 활용할 수 있습니다.

디자인 도구와 인쇄용 편집기의 차이

Canva나 생성형 AI 도구는 디자인 제작에 유용하지만, 실제 인쇄 주문까지 자동화하려면 출력 규격, 편집 데이터, PDF 생성과 주문 시스템을 연결하는 추가 과정이 필요합니다.

관련 기술: Connected Print Editor API

3. AI 디자인을 실제 인쇄용 파일로 자동 변환하는 방법

AI가 만든 디자인을 인쇄하려면 실제 생산에 필요한 파일 조건을 충족해야 합니다. 화면에서 정상적으로 보이는 이미지라도 해상도나 도련이 부족하면 인쇄 품질에 문제가 발생할 수 있습니다.

RGB·CMYK, 해상도, 도련과 폰트 검사

인쇄용 파일을 준비할 때는 제품 및 인쇄 방식에 따라 다음과 같은 기술적 조건을 확인합니다.

크기와 도련(Bleed)

최종 재단 크기와 배경 이미지의 확장 영역이 인쇄소의 작업 규격에 맞는지 확인합니다.

색상과 컬러 프로파일

RGB·CMYK, 별색과 컬러 프로파일 등 출력 환경에 맞는 색상 조건을 확인합니다.

이미지 해상도

최종 인쇄 크기에서 이미지의 유효 해상도가 요구되는 출력 품질을 충족하는지 검사합니다.

폰트와 PDF 구조

글꼴 포함 여부와 투명도, PDF 페이지 구조 및 출력 호환성 등을 검사합니다.

모든 인쇄물에 동일한 기준이 적용되는 것은 아닙니다. 용지, 인쇄 방식, 후가공, 생산 장비에 따라 적절한 검수 조건을 지정해야 합니다.

Preflight API를 활용한 자동 파일 검수

Preflight란 인쇄 전에 PDF의 기술적 조건을 검사하여 잠재적인 문제를 발견하는 과정입니다. 문서 크기, 폰트, 색상, 이미지 해상도와 같은 항목을 정해진 규칙에 따라 검사합니다.

Adobe Acrobat Pro의 Preflight 기능은 PDF 내용을 검사하고 설정된 프로파일에 따라 일부 문제를 수정하는 기능도 제공합니다. 이는 인쇄 파일 사전 검수 기술의 대표적인 사례입니다.

Preflight 기능을 API로 주문 시스템에 연결하면 파일을 업로드한 후 검사 결과를 주문 프로세스에 전달하는 구조를 구축할 수 있습니다.

검사 상태의 개념적 예시

PASS는 검사 통과, WARNING은 확인이 필요한 상태, ERROR는 문제가 발견된 상태를 나타내는 방식으로 설계할 수 있습니다. 이는 설명용 분류이며 실제 API 응답 형식을 의미하지 않습니다.

자동 검수와 자동 수정은 다릅니다. 파일의 오류를 발견하는 기능과 오류를 안전하게 수정하는 기능은 구분해야 합니다. 자동 수정 가능 범위는 검수 프로그램과 실제 구현된 기능에 따라 결정됩니다.

관련 기술: Connected Print Preflight API

4. 자동 견적부터 결제까지 연결되는 인쇄 주문 시스템

디자인 생성과 파일 검수가 자동화되어도 주문 접수가 수동이라면 전체 과정이 완전히 자동화된 것은 아닙니다. 가격 계산, 결제, 생산 데이터 전달까지 하나의 워크플로우로 연결해야 합니다.

디자인부터 생산까지 이어지는 6단계 흐름

다음은 생성형 AI와 웹투프린트 시스템을 결합했을 때 구현할 수 있는 인쇄 주문 자동화 구조의 예시입니다.

END-TO-END PRINT WORKFLOW

STEP 01 AI 디자인 텍스트 기반 디자인 초안 생성

STEP 02 웹 편집 문구와 이미지 수정 및 확정

STEP 03 파일 검수 Preflight 규칙 검사

STEP 04 자동 견적 제품 조건별 가격 계산

STEP 05 주문·결제 주문 정보 저장 및 결제 처리

STEP 06 생산 전달 인쇄 데이터와 작업 지시 전달

그림 1. AI 기반 웹투프린트 자동화의 개념적 흐름. 각 단계의 실제 구현 및 승인 과정은 시스템 구성에 따라 달라질 수 있습니다.

가격 엔진과 생산 시스템을 연결하는 방법

자동 견적에서는 AI가 가격을 추측하는 것보다 사전에 정의된 가격 규칙을 계산 엔진에 적용하는 방식이 적합합니다.

고객이 용지, 규격, 수량, 인쇄 면수와 후가공을 선택하면 가격 엔진이 해당 조건에 따라 금액을 계산합니다. 배송비, 세금과 할인 정책도 운영 기준에 맞게 반영할 수 있습니다.

결제가 완료되면 주문번호, 제품 사양, 인쇄 파일과 배송 정보를 저장하고 생산 관리 시스템으로 전달하는 흐름을 구성할 수 있습니다.

주문 자동화와 생산 자동화의 차이

자동 견적과 온라인 결제가 가능하다고 해서 인쇄 장비까지 자동으로 가동되는 것은 아닙니다. 설비 연동, 판면 배치, 작업 지시, 생산 상태 관리와 예외 처리 등 별도의 시스템 구성이 필요합니다.

관련 기술: Editor API, Imposition API

5. AI 인쇄 자동화가 만드는 새로운 비즈니스 모델

AI 인쇄 자동화는 디자인 제작 시간을 줄이는 것을 넘어 고객이 직접 인쇄 상품을 만들고 주문할 수 있는 새로운 판매 구조를 가능하게 합니다.

인쇄소가 모든 고객의 디자인을 직접 수정하거나 주문 정보를 수동으로 입력하지 않아도 고객, 기업, 디자이너가 직접 주문을 시작하도록 시스템을 구성할 수 있습니다.

인쇄소, 기업, 디자이너가 활용할 수 있는 모델

OPEN STORE 일반 고객 주문

고객이 직접 제품을 선택하고 디자인, 견적 확인, 주문과 결제까지 진행하는 공개형 웹투프린트 스토어입니다.

BRAND STORE 기업 전용 주문

승인된 디자인 템플릿과 브랜드 규칙을 기반으로 임직원이 직접 명함과 홍보물을 주문하는 방식입니다.

EMBEDDED API 기존 서비스 연동

인쇄 파일 검수, 웹 편집과 주문 관련 기능을 기존 쇼핑몰 및 플랫폼에 필요한 만큼 연결하는 방식입니다.

디자이너와 크리에이터는 자체 제작한 디자인 템플릿을 상품화하고 고객에게 주문 링크를 제공하는 사업 모델도 구성할 수 있습니다.

완전 무인 인쇄 주문을 위해 해결해야 할 과제

규격화된 명함, 엽서, 스티커는 자동화에 적합하지만, 모든 인쇄 작업을 동일한 방식으로 처리할 수는 없습니다.

금박, 형압, 특수 잉크와 정밀한 색상 관리가 필요한 작업은 일반적인 파일 검수만으로 최종 인쇄 품질을 보장하기 어렵습니다.

또한 AI가 생성한 문구의 정확성, 이미지 사용 권리와 브랜드 가이드 준수 여부도 확인해야 합니다.

자동화에서 중요한 것은 예외 처리입니다. 정상적인 주문은 자동으로 진행하되, 오류나 특수 제작 조건이 발견되면 시스템이 주문을 보류하고 담당자의 확인을 요청하도록 설계하는 것이 중요합니다.

자주 묻는 질문

Q1. AI가 만든 이미지를 바로 인쇄할 수 있나요?

가능할 수 있지만 모든 AI 이미지가 인쇄에 적합한 것은 아닙니다. 실제 인쇄 크기에서의 이미지 해상도, 도련, 색상 조건과 글자 정확성을 확인해야 합니다.

Q2. 전문 디자이너 없이도 명함을 주문할 수 있나요?

네. AI 디자인 도구나 사전 제작된 템플릿, 웹 편집기를 활용하면 기본적인 명함 디자인과 개인정보 수정을 직접 진행할 수 있습니다. 복잡한 브랜드 디자인에는 전문가의 작업이 필요한 경우도 있습니다.

Q3. AI만으로 인쇄 파일의 모든 오류를 수정할 수 있나요?

아닙니다. 자동 검수는 기술적인 문제를 발견하는 데 도움을 주지만, 모든 오류의 안전한 자동 수정을 보장하지는 않습니다. 수정 가능 범위는 사용되는 프로그램과 실제 구현 기능에 따라 달라집니다.

Q4. 기존 인쇄 쇼핑몰에도 자동화 기능을 연결할 수 있나요?

네. 기존 주문 시스템을 유지하면서 웹 편집기, 파일 검수와 가격 계산 등의 기능을 API로 연결하는 아키텍처를 구성할 수 있습니다. 실제 연동 범위는 시스템의 인터페이스와 데이터 구조에 따라 결정됩니다.

Q5. AI 인쇄 자동화가 인쇄소 직원의 업무를 완전히 대체하나요?

모든 업무를 대체한다고 보기는 어렵습니다. 반복적인 주문 접수와 파일 검사 업무는 줄일 수 있지만, 특수 인쇄 상담, 품질 승인, 생산 문제 해결과 예외 처리는 여전히 전문적인 판단이 필요할 수 있습니다.

AI보다 중요한 것은 연결된 워크플로우입니다.

AI는 디자인 생성을 지원하고, 웹 편집기는 고객의 수정을 가능하게 하며, Preflight는 파일의 기술적 조건을 검사합니다. 여기에 가격 엔진과 주문 시스템을 연결하면 디자인부터 결제와 생산 데이터 전달까지 반복 업무를 줄일 수 있습니다. 앞으로의 핵심 경쟁력은 개별 AI 기능보다 이러한 과정을 안정적인 하나의 서비스로 연결하는 능력에 있을 것입니다.

23:T68d5, /* ========================================= 01. SCOPED DESIGN SYSTEM ========================================= */ #cp-ai-print-v1 { --cp-ink: #172336; --cp-muted: #586577; --cp-line: #e4e9ef; --cp-accent: #1468d4; --cp-teal: #087c77; --cp-soft: #f5f8fc; width: 100%; max-width: 1050px; margin: 0 auto; padding: 0; color: var(--cp-ink); font-family: inherit; font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; } #cp-ai-print-v1 *, #cp-ai-print-v1 *::before, #cp-ai-print-v1 *::after { box-sizing: border-box; } #cp-ai-print-v1 h2, #cp-ai-print-v1 h3, #cp-ai-print-v1 p, #cp-ai-print-v1 figure { margin-top: 0; } #cp-ai-print-v1 p { margin-bottom: 16px; word-break: keep-all; } #cp-ai-print-v1 h2 { margin-bottom: 21px; color: #152337; font-size: clamp(23px, 3.2vw, 30px); font-weight: 800; line-height: 1.4; letter-spacing: -0.045em; word-break: keep-all; } #cp-ai-print-v1 h3 { margin-top: 30px; margin-bottom: 12px; color: #1b3049; font-size: clamp(18px, 2.5vw, 21px); font-weight: 750; line-height: 1.45; letter-spacing: -0.035em; word-break: keep-all; } #cp-ai-print-v1 strong { font-weight: 750; } #cp-ai-print-v1 a { color: #135fb8; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; } #cp-ai-print-v1 a:focus-visible, #cp-ai-print-v1 summary:focus-visible { outline: 3px solid #2386d9; outline-offset: 4px; } #cp-ai-print-v1 .cp-section { width: 100%; padding: 46px 0; border-bottom: 1px solid var(--cp-line); } /* ========================================= 02. HERO ========================================= */ #cp-ai-print-v1 .cp-hero { padding: clamp(25px, 5vw, 48px); background: linear-gradient( 140deg, #101d32, #183554 ); border-radius: 18px; color: #ffffff; } #cp-ai-print-v1 .cp-eyebrow { margin-bottom: 16px; color: #83e0d6; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; } #cp-ai-print-v1 .cp-hero-title { max-width: 740px; margin-bottom: 17px; color: #ffffff; font-size: clamp(26px, 4.6vw, 42px); font-weight: 850; line-height: 1.35; letter-spacing: -0.055em; word-break: keep-all; } #cp-ai-print-v1 .cp-hero-title span { color: #87e0d5; } #cp-ai-print-v1 .cp-hero-desc { max-width: 740px; margin-bottom: 0; color: #d3e1ed; font-size: 15px; line-height: 1.9; } #cp-ai-print-v1 .cp-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; } #cp-ai-print-v1 .cp-hero-tags span { padding: 6px 11px; border: 1px solid #54718a; border-radius: 6px; color: #e9f4fd; font-size: 12px; font-weight: 650; } /* ========================================= 03. LEAD & HIGHLIGHT ========================================= */ #cp-ai-print-v1 .cp-lead { margin-top: 25px; padding: 0 3px; color: #354459; font-size: 17px; line-height: 1.95; } #cp-ai-print-v1 .cp-highlight { margin: 24px 0; padding: 20px 22px; border-left: 4px solid var(--cp-accent); border-radius: 0 9px 9px 0; background: #f0f6fd; color: #203a55; } #cp-ai-print-v1 .cp-highlight p:last-child { margin-bottom: 0; } #cp-ai-print-v1 .cp-note { margin: 22px 0; padding: 17px 19px; border: 1px solid #e5eaf0; border-radius: 10px; background: #f8fafc; color: #435369; font-size: 14px; line-height: 1.85; } /* ========================================= 04. FEATURE CARDS ========================================= */ #cp-ai-print-v1 .cp-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 23px 0; } #cp-ai-print-v1 .cp-card { min-width: 0; padding: 21px; border: 1px solid var(--cp-line); border-radius: 11px; background: #ffffff; } #cp-ai-print-v1 .cp-card-label { display: inline-block; margin-bottom: 12px; padding: 4px 9px; border-radius: 5px; background: #eaf2fd; color: #145db4; font-size: 11px; font-weight: 800; } #cp-ai-print-v1 .cp-card:nth-child(2) .cp-card-label { background: #e2f6f1; color: #08786a; } #cp-ai-print-v1 .cp-card:nth-child(3) .cp-card-label { background: #fff1e0; color: #985f11; } #cp-ai-print-v1 .cp-card-title { display: block; margin-bottom: 9px; color: #1b2c40; font-size: 17px; font-weight: 800; line-height: 1.5; } #cp-ai-print-v1 .cp-card p { margin-bottom: 0; color: #526175; font-size: 13px; line-height: 1.85; } /* ========================================= 05. RESPONSIVE COMPARISON TABLE No independent scroll container ========================================= */ #cp-ai-print-v1 .cp-table-wrap { width: 100%; min-width: 0; margin: 23px 0; border: 1px solid var(--cp-line); border-radius: 11px; } #cp-ai-print-v1 .cp-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.7; } #cp-ai-print-v1 .cp-table th, #cp-ai-print-v1 .cp-table td { padding: 13px 15px; border-bottom: 1px solid var(--cp-line); text-align: left; vertical-align: top; overflow-wrap: anywhere; word-break: normal; } #cp-ai-print-v1 .cp-table thead th { background: #edf3fa; color: #273e56; font-weight: 800; } #cp-ai-print-v1 .cp-table tbody th { background: #f9fbfd; color: #20344c; font-weight: 750; } #cp-ai-print-v1 .cp-table tbody tr:last-child th, #cp-ai-print-v1 .cp-table tbody tr:last-child td { border-bottom: 0; } /* ========================================= 06. AUTOMATION FLOW DIAGRAM ========================================= */ #cp-ai-print-v1 .cp-flow { width: 100%; margin: 27px 0; padding: 24px; border: 1px solid #e3eaf2; border-radius: 15px; background: var(--cp-soft); } #cp-ai-print-v1 .cp-flow-label { margin-bottom: 17px; color: #5a6c81; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; } #cp-ai-print-v1 .cp-flow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } #cp-ai-print-v1 .cp-flow-step { min-width: 0; padding: 16px; border: 1px solid #dce6ef; border-radius: 9px; background: #ffffff; } #cp-ai-print-v1 .cp-step-number { display: block; margin-bottom: 8px; color: var(--cp-accent); font-size: 12px; font-weight: 850; } #cp-ai-print-v1 .cp-flow-step strong { display: block; color: #182b42; font-size: 15px; line-height: 1.5; } #cp-ai-print-v1 .cp-flow-step small { display: block; margin-top: 5px; color: #68788b; font-size: 12px; line-height: 1.6; } #cp-ai-print-v1 .cp-figcaption { margin-top: 14px; color: #637286; font-size: 12px; line-height: 1.65; } /* ========================================= 07. NUMBERED CHECKLIST ========================================= */ #cp-ai-print-v1 .cp-numbered { display: grid; gap: 11px; margin: 22px 0; } #cp-ai-print-v1 .cp-numbered-item { display: flex; align-items: flex-start; gap: 13px; min-width: 0; padding: 17px; border: 1px solid var(--cp-line); border-radius: 9px; background: #ffffff; } #cp-ai-print-v1 .cp-numbered-index { flex: 0 0 31px; display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 7px; background: #e9f1fc; color: #1464c5; font-size: 13px; font-weight: 850; } #cp-ai-print-v1 .cp-numbered-item > div { min-width: 0; } #cp-ai-print-v1 .cp-numbered-item strong { display: block; margin-bottom: 3px; line-height: 1.5; } #cp-ai-print-v1 .cp-numbered-item p { margin-bottom: 0; color: #59687a; font-size: 13px; } /* ========================================= 08. FAQ Native HTML details / No JavaScript ========================================= */ #cp-ai-print-v1 .cp-faq { margin-top: 22px; border-top: 1px solid var(--cp-line); } #cp-ai-print-v1 .cp-faq details { border-bottom: 1px solid var(--cp-line); } #cp-ai-print-v1 .cp-faq summary { padding: 17px 12px 17px 0; color: #20344a; font-size: 15px; font-weight: 750; line-height: 1.65; cursor: pointer; } #cp-ai-print-v1 .cp-faq details p { padding: 0 12px 17px 0; color: #536276; font-size: 14px; } /* ========================================= 09. CONCLUSION ========================================= */ #cp-ai-print-v1 .cp-conclusion { margin: 28px 0; padding: 25px; border-radius: 13px; background: #112942; color: #e9f2fa; } #cp-ai-print-v1 .cp-conclusion strong { display: block; margin-bottom: 11px; color: #8ce3d9; font-size: 19px; line-height: 1.5; } #cp-ai-print-v1 .cp-conclusion p { margin-bottom: 0; } /* ========================================= 10. REFERENCES ========================================= */ #cp-ai-print-v1 .cp-sources { padding: 25px 0; color: #647386; font-size: 13px; } #cp-ai-print-v1 .cp-sources strong { display: block; margin-bottom: 8px; color: #33475c; } #cp-ai-print-v1 .cp-sources ul { margin: 0; padding-left: 20px; } #cp-ai-print-v1 .cp-sources li { margin: 6px 0; } /* ========================================= 11. TABLET ========================================= */ @media (max-width: 800px) { #cp-ai-print-v1 .cp-card-grid { grid-template-columns: 1fr; } #cp-ai-print-v1 .cp-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================= 12. MOBILE ========================================= */ @media (max-width: 600px) { #cp-ai-print-v1 { font-size: 15px; } #cp-ai-print-v1 h2 { font-size: 23px; } #cp-ai-print-v1 h3 { font-size: 18px; } #cp-ai-print-v1 .cp-hero { padding: 25px 20px; border-radius: 12px; } #cp-ai-print-v1 .cp-hero-title { font-size: 28px; } #cp-ai-print-v1 .cp-hero-desc { font-size: 14px; } #cp-ai-print-v1 .cp-section { padding: 35px 0; } #cp-ai-print-v1 .cp-lead { font-size: 15px; } #cp-ai-print-v1 .cp-highlight, #cp-ai-print-v1 .cp-conclusion { padding: 19px; } #cp-ai-print-v1 .cp-flow { padding: 15px; } #cp-ai-print-v1 .cp-flow-step { padding: 13px; } #cp-ai-print-v1 .cp-table { font-size: 12px; line-height: 1.55; } #cp-ai-print-v1 .cp-table th, #cp-ai-print-v1 .cp-table td { padding: 10px 7px; } #cp-ai-print-v1 .cp-card { padding: 18px; } } /* ========================================= 13. SMALL MOBILE ========================================= */ @media (max-width: 370px) { #cp-ai-print-v1 .cp-flow-grid { grid-template-columns: 1fr; } #cp-ai-print-v1 .cp-table { font-size: 11px; } #cp-ai-print-v1 .cp-table th, #cp-ai-print-v1 .cp-table td { padding: 8px 5px; } #cp-ai-print-v1 .cp-hero-title { font-size: 25px; } } /* ========================================== 01. SCOPED DESIGN SYSTEM ========================================== */ #cp-ai-print-v1 { --cp-ink: #172336; --cp-muted: #526174; --cp-line: #e2e8f0; --cp-accent: #1468d4; --cp-teal: #087c77; --cp-soft: #f5f8fc; width: 100%; max-width: 1050px; margin: 0 auto; padding: 0; color: var(--cp-ink); font-family: "Pretendard Variable", "Pretendard", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.85; letter-spacing: -0.018em; overflow-wrap: anywhere; word-break: keep-all; } #cp-ai-print-v1 *, #cp-ai-print-v1 *::before, #cp-ai-print-v1 *::after { box-sizing: border-box; } #cp-ai-print-v1 p, #cp-ai-print-v1 h2, #cp-ai-print-v1 h3, #cp-ai-print-v1 figure, #cp-ai-print-v1 blockquote { margin-top: 0; } #cp-ai-print-v1 p { margin-bottom: 17px; font-size: 16px; line-height: 1.95; letter-spacing: -0.018em; word-break: keep-all; } #cp-ai-print-v1 strong { font-weight: 700; } #cp-ai-print-v1 h2 { margin-bottom: 22px; color: #152337; font-size: clamp(25px, 3.2vw, 31px); font-weight: 800; line-height: 1.4; letter-spacing: -0.035em; word-break: keep-all; } #cp-ai-print-v1 h3 { margin-top: 30px; margin-bottom: 14px; color: #20344a; font-size: 19px; font-weight: 700; line-height: 1.55; letter-spacing: -0.025em; word-break: keep-all; } #cp-ai-print-v1 a { color: #135fb8; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; } #cp-ai-print-v1 a:focus-visible, #cp-ai-print-v1 summary:focus-visible { outline: 3px solid #2386d9; outline-offset: 4px; } #cp-ai-print-v1 code { font-family: "Cascadia Code", "Consolas", "Courier New", monospace; font-size: 13px; line-height: 1.6; letter-spacing: 0; overflow-wrap: anywhere; } #cp-ai-print-v1 .cp-section { width: 100%; padding: 46px 0; border-bottom: 1px solid var(--cp-line); } /* ========================================== 02. HERO INTRO ========================================== */ #cp-ai-print-v1 .cp-hero { padding: clamp(26px, 5vw, 48px); border-radius: 18px; background: linear-gradient( 140deg, #101d32 0%, #183554 100% ); color: #ffffff; } #cp-ai-print-v1 .cp-eyebrow { margin-bottom: 16px; color: #91eadf; font-size: 13px; font-weight: 800; line-height: 1.5; letter-spacing: 0.08em; } #cp-ai-print-v1 .cp-hero-title { max-width: 800px; margin-bottom: 20px; color: #ffffff; font-size: clamp(29px, 4.6vw, 44px); font-weight: 800; line-height: 1.35; letter-spacing: -0.045em; word-break: keep-all; } #cp-ai-print-v1 .cp-hero-title span { color: #91eadf; } #cp-ai-print-v1 .cp-hero-desc { max-width: 760px; margin-bottom: 0; color: #dbe6f1; font-size: 16px; line-height: 1.95; } #cp-ai-print-v1 .cp-hero-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; } #cp-ai-print-v1 .cp-hero-tags span { padding: 7px 12px; border: 1px solid #587690; border-radius: 6px; color: #eef7ff; font-size: 13px; font-weight: 600; line-height: 1.5; } /* ========================================== 03. LEAD & DIRECT ANSWER ========================================== */ #cp-ai-print-v1 .cp-lead { margin: 27px 0 0; padding: 0 3px; color: #354459; font-size: 17px; line-height: 1.95; letter-spacing: -0.018em; } #cp-ai-print-v1 .cp-answer { margin: 26px 0 0; padding: 23px 25px; border-left: 4px solid var(--cp-teal); border-radius: 0 10px 10px 0; background: #f0f8f6; } #cp-ai-print-v1 .cp-answer-label { display: block; margin-bottom: 9px; color: #08756c; font-size: 13px; font-weight: 800; line-height: 1.5; } #cp-ai-print-v1 .cp-answer p { margin-bottom: 0; color: #244b47; font-size: 16px; line-height: 1.95; } /* ========================================== 04. HIGHLIGHT & NOTES ========================================== */ #cp-ai-print-v1 .cp-highlight { margin: 25px 0; padding: 21px 23px; border-left: 4px solid var(--cp-accent); border-radius: 0 9px 9px 0; background: #f0f6fd; color: #203a55; } #cp-ai-print-v1 .cp-highlight p:last-child { margin-bottom: 0; } #cp-ai-print-v1 .cp-note { margin: 23px 0; padding: 19px 21px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } #cp-ai-print-v1 .cp-note-label { display: block; margin-bottom: 8px; color: #26445e; font-size: 14px; font-weight: 800; line-height: 1.5; } #cp-ai-print-v1 .cp-note p { margin-bottom: 0; color: #45566b; font-size: 15px; line-height: 1.9; } /* ========================================== 05. FEATURE CARDS ========================================== */ #cp-ai-print-v1 .cp-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin: 25px 0; } #cp-ai-print-v1 .cp-card { min-width: 0; padding: 22px; border: 1px solid var(--cp-line); border-radius: 11px; background: #ffffff; } #cp-ai-print-v1 .cp-card-label { display: inline-block; margin-bottom: 13px; padding: 5px 10px; border-radius: 5px; background: #eaf2fd; color: #145db4; font-size: 12px; font-weight: 800; line-height: 1.5; } #cp-ai-print-v1 .cp-card:nth-child(2) .cp-card-label { background: #e2f6f1; color: #08786a; } #cp-ai-print-v1 .cp-card:nth-child(3) .cp-card-label { background: #fff1e0; color: #985f11; } #cp-ai-print-v1 .cp-card-title { display: block; margin-bottom: 10px; color: #1b2c40; font-size: 17px; font-weight: 800; line-height: 1.55; } #cp-ai-print-v1 .cp-card p { margin-bottom: 0; color: #526175; font-size: 15px; line-height: 1.85; } /* ========================================== 06. RESPONSIVE TABLE ========================================== */ #cp-ai-print-v1 .cp-table-wrap { width: 100%; min-width: 0; margin: 24px 0; border: 1px solid var(--cp-line); border-radius: 10px; } #cp-ai-print-v1 .cp-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.75; letter-spacing: -0.018em; } #cp-ai-print-v1 .cp-table col:first-child { width: 23%; } #cp-ai-print-v1 .cp-table col:nth-child(2), #cp-ai-print-v1 .cp-table col:nth-child(3) { width: 38.5%; } #cp-ai-print-v1 .cp-table caption { padding: 12px 15px; color: #536478; font-size: 13px; line-height: 1.7; text-align: left; } #cp-ai-print-v1 .cp-table th, #cp-ai-print-v1 .cp-table td { padding: 14px 15px; border-bottom: 1px solid var(--cp-line); text-align: left; vertical-align: top; overflow-wrap: anywhere; word-break: normal; } #cp-ai-print-v1 .cp-table thead th { background: #edf3fa; color: #263e56; font-weight: 800; } #cp-ai-print-v1 .cp-table tbody th { background: #f9fbfd; color: #20344c; font-weight: 700; } #cp-ai-print-v1 .cp-table td { color: #435469; } #cp-ai-print-v1 .cp-table tbody tr:last-child th, #cp-ai-print-v1 .cp-table tbody tr:last-child td { border-bottom: 0; } /* ========================================== 07. NUMBERED CHECKLIST ========================================== */ #cp-ai-print-v1 .cp-numbered { display: grid; gap: 12px; margin: 24px 0; } #cp-ai-print-v1 .cp-numbered-item { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 19px; border: 1px solid var(--cp-line); border-radius: 10px; background: #ffffff; } #cp-ai-print-v1 .cp-numbered-index { flex: 0 0 34px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 7px; background: #e9f1fc; color: #1464c5; font-size: 13px; font-weight: 800; } #cp-ai-print-v1 .cp-numbered-item > div { min-width: 0; } #cp-ai-print-v1 .cp-numbered-item strong { display: block; margin-bottom: 5px; color: #21354b; font-size: 16px; line-height: 1.55; } #cp-ai-print-v1 .cp-numbered-item p { margin-bottom: 0; color: #536377; font-size: 15px; line-height: 1.85; } /* ========================================== 08. WORKFLOW VISUALIZATION ========================================== */ #cp-ai-print-v1 .cp-flow { width: 100%; margin: 27px 0; padding: 25px; border: 1px solid #e1e8f0; border-radius: 15px; background: var(--cp-soft); } #cp-ai-print-v1 .cp-flow-label { margin-bottom: 19px; color: #526781; font-size: 13px; font-weight: 800; line-height: 1.5; letter-spacing: 0.04em; } #cp-ai-print-v1 .cp-flow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } #cp-ai-print-v1 .cp-flow-step { min-width: 0; padding: 19px; border: 1px solid #dbe5ef; border-radius: 9px; background: #ffffff; } #cp-ai-print-v1 .cp-step-number { display: block; margin-bottom: 10px; color: #1468d4; font-size: 13px; font-weight: 800; line-height: 1.5; } #cp-ai-print-v1 .cp-flow-step strong { display: block; color: #182b42; font-size: 17px; font-weight: 800; line-height: 1.55; } #cp-ai-print-v1 .cp-flow-step small { display: block; margin-top: 7px; color: #596b7f; font-size: 13px; line-height: 1.75; } #cp-ai-print-v1 .cp-figcaption { margin-top: 17px; color: #596b80; font-size: 13px; line-height: 1.8; } /* ========================================== 09. EXAMPLE PROMPT ========================================== */ #cp-ai-print-v1 .cp-example { margin: 22px 0; padding: 21px 23px; border: 1px solid #d9e6f5; border-radius: 11px; background: #f7faff; } #cp-ai-print-v1 .cp-example-label { display: block; margin-bottom: 9px; color: #1c61b3; font-size: 13px; font-weight: 800; line-height: 1.5; } #cp-ai-print-v1 .cp-example p { margin-bottom: 0; color: #314962; font-size: 16px; line-height: 1.9; } /* ========================================== 10. FAQ ========================================== */ #cp-ai-print-v1 .cp-faq { margin-top: 23px; border-top: 1px solid var(--cp-line); } #cp-ai-print-v1 .cp-faq details { border-bottom: 1px solid var(--cp-line); } #cp-ai-print-v1 .cp-faq summary { padding: 20px 12px 20px 0; color: #20344a; font-size: 16px; font-weight: 700; line-height: 1.75; cursor: pointer; word-break: keep-all; } #cp-ai-print-v1 .cp-faq details p { padding: 0 12px 20px 0; margin-bottom: 0; color: #526276; font-size: 15px; line-height: 1.9; } /* ========================================== 11. CONCLUSION ========================================== */ #cp-ai-print-v1 .cp-conclusion { margin: 30px 0 0; padding: 27px; border-radius: 13px; background: #112942; color: #e9f2fa; } #cp-ai-print-v1 .cp-conclusion strong { display: block; margin-bottom: 13px; color: #9ceade; font-size: 19px; font-weight: 800; line-height: 1.55; } #cp-ai-print-v1 .cp-conclusion p { margin-bottom: 0; color: #e7f1fa; font-size: 16px; line-height: 1.95; } /* ========================================== 12. REFERENCES ========================================== */ #cp-ai-print-v1 .cp-sources { padding: 29px 0; color: #647386; } #cp-ai-print-v1 .cp-sources-title { display: block; margin-bottom: 13px; color: #33475c; font-size: 16px; font-weight: 800; line-height: 1.6; } #cp-ai-print-v1 .cp-sources ul { margin: 0; padding-left: 22px; } #cp-ai-print-v1 .cp-sources li { margin: 8px 0; color: #526276; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; } /* ========================================== 13. TABLET RESPONSIVE ========================================== */ @media (max-width: 800px) { #cp-ai-print-v1 .cp-card-grid { grid-template-columns: 1fr; } #cp-ai-print-v1 .cp-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================== 14. MOBILE RESPONSIVE ========================================== */ @media (max-width: 600px) { #cp-ai-print-v1 { font-size: 17px; line-height: 1.85; } #cp-ai-print-v1 p { font-size: 16px; line-height: 1.95; } #cp-ai-print-v1 h2 { font-size: 25px; line-height: 1.4; } #cp-ai-print-v1 h3 { font-size: 19px; line-height: 1.55; } #cp-ai-print-v1 .cp-hero { padding: 28px 21px; border-radius: 12px; } #cp-ai-print-v1 .cp-hero-title { font-size: clamp(29px, 8vw, 35px); line-height: 1.38; } #cp-ai-print-v1 .cp-hero-desc { font-size: 15px; line-height: 1.9; } #cp-ai-print-v1 .cp-hero-tags span { font-size: 12px; } #cp-ai-print-v1 .cp-section { padding: 38px 0; } #cp-ai-print-v1 .cp-lead { font-size: 17px; line-height: 1.95; } #cp-ai-print-v1 .cp-answer, #cp-ai-print-v1 .cp-highlight, #cp-ai-print-v1 .cp-note { padding: 19px; } #cp-ai-print-v1 .cp-card { padding: 20px; } #cp-ai-print-v1 .cp-table { font-size: 12px; line-height: 1.7; } #cp-ai-print-v1 .cp-table th, #cp-ai-print-v1 .cp-table td { padding: 12px 8px; } #cp-ai-print-v1 .cp-table caption { font-size: 12px; } #cp-ai-print-v1 .cp-flow { padding: 17px; } #cp-ai-print-v1 .cp-flow-step { padding: 15px; } #cp-ai-print-v1 .cp-flow-step strong { font-size: 16px; } #cp-ai-print-v1 .cp-flow-step small { font-size: 13px; } #cp-ai-print-v1 .cp-numbered-item { padding: 15px; } #cp-ai-print-v1 .cp-example { padding: 19px; } #cp-ai-print-v1 .cp-conclusion { padding: 22px; } } /* ========================================== 15. SMALL MOBILE ========================================== */ @media (max-width: 370px) { #cp-ai-print-v1 .cp-flow-grid { grid-template-columns: 1fr; } #cp-ai-print-v1 .cp-hero { padding: 24px 17px; } #cp-ai-print-v1 .cp-hero-title { font-size: 29px; } #cp-ai-print-v1 .cp-table th, #cp-ai-print-v1 .cp-table td { padding: 10px 5px; } } 1e:["$","div",null,{"className":"article-module__L9KIzq__content public-article-module__avAi7q__body","children":["$","div",null,{"className":"content-module__FCWS-W__content","children":[["$","div","b-1b0aa0fa-6828-424a-8a6e-40d8e9647b47",{"id":"b-1b0aa0fa-6828-424a-8a6e-40d8e9647b47","children":["$","$L21",null,{"block":{"id":"b-1b0aa0fa-6828-424a-8a6e-40d8e9647b47","type":"scoped_html","html":"$22","css":"$23","javascript":""},"publicView":true}]}]]}]}] 1f:["$","footer",null,{"className":"cp-footer","children":["$","div",null,{"className":"cp-container cp-footer__inner","children":[["$","div",null,{"className":"cp-footer__top","children":[["$","section",null,{"className":"cp-footer__brand","aria-labelledby":"footer-brand-title","children":[["$","$L7",null,{"className":"cp-brand cp-brand--footer","href":"/","aria-label":"Connected Print 홈","children":["$","$L8",null,{"className":"cp-brand__logo cp-brand__logo--footer","src":"/brand/logo-main.png","alt":"Connected Print","width":600,"height":120}]}],["$","h2",null,{"id":"footer-brand-title","className":"cp-sr-only","children":"Connected Print"}],["$","p",null,{"children":"인쇄 주문부터 생산까지 연결하는 웹투프린트 스토어와 APIs."}]]}],["$","nav",null,{"className":"cp-footer__nav","aria-label":"푸터 메뉴","children":[[["$","section",null,{"children":[["$","h3",null,{"children":"스토어"}],["$","ul",null,{"children":[["$","li",null,{"children":["$","a",null,{"href":"/open-store/","children":"Open Store"}]}],["$","li",null,{"children":["$","a",null,{"href":"/brand-store/","children":"Brand Store"}]}]]}]]}],["$","section",null,{"children":[["$","h3",null,{"children":"APIs"}],["$","ul",null,{"children":[["$","li",null,{"children":["$","a",null,{"href":"/editor-api/","children":"Editor API"}]}],["$","li",null,{"children":["$","a",null,{"href":"/preflight-api/","children":"Preflight API"}]}],["$","li",null,{"children":["$","a",null,{"href":"/imposition-api/","children":"Imposition API"}]}],["$","li",null,{"children":["$","a",null,{"href":"/printlink-api/","children":"PrintLink API"}]}]]}]]}]],["$","section",null,{"children":[["$","h3",null,{"children":"바로가기"}],["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/#solutions","children":"솔루션"}]}],["$","li",null,{"children":["$","a",null,{"href":"/pricing/","children":"요금"}]}],["$","li",null,{"children":["$","a",null,{"href":"/blog/","children":"블로그"}]}],["$","li",null,{"children":["$","a",null,{"href":"/web-apps/","children":"Web Apps"}]}],["$","li",null,{"children":["$","a",null,{"href":"/support","children":"고객지원"}]}]]}]]}]]}]]}],["$","div",null,{"className":"cp-footer__business","children":[["$","section",null,{"aria-labelledby":"footer-company-title","children":[["$","div",null,{"className":"cp-footer__company-heading","children":[["$","h2",null,{"id":"footer-company-title","children":"주식회사 프린트로보"}],["$","p",null,{"className":"cp-footer__operator","children":"Connected Print는 주식회사 프린트로보가 운영합니다."}]]}],["$","div",null,{"className":"cp-footer__business-grid","children":[["$","div",null,{"className":"cp-footer__business-row","children":[["$","span",null,{"children":[["$","b",null,{"children":"대표자"}]," 이현주"]}],["$","span",null,{"children":[["$","b",null,{"children":"사업자등록번호"}]," 104-86-47219"]}],["$","span",null,{"children":[["$","b",null,{"children":"통신판매업 신고번호"}]," 2014-서울중구-0797호"]}]]}],["$","address",null,{"children":[["$","span",null,{"children":[["$","b",null,{"children":"사업장 소재지"}]," 서울 중구 을지로18길 31 402호 505호"]}],["$","span",null,{"children":[["$","b",null,{"children":"개인정보 보호책임자"}]," 박미"]}],["$","a",null,{"href":"tel:0222855203","children":[["$","b",null,{"children":"전화"}]," 02-2285-5203"]}],["$","a",null,{"href":"mailto:service@printrobo.co.kr","children":[["$","b",null,{"children":"이메일"}]," service@printrobo.co.kr"]}]]}]]}]]}],["$","div",null,{"className":"cp-footer__legal","children":[["$","nav",null,{"className":"cp-footer__policies","aria-label":"정책 링크","children":[["$","a",null,{"href":"/terms/","children":"이용약관"}],["$","a",null,{"href":"/privacy/","children":"개인정보처리방침"}],["$","a",null,{"href":"/refund-policy/","children":"환불·취소·교환 정책"}],["$","a",null,{"href":"/sitemap/","children":"사이트맵"}]]}],["$","p",null,{"className":"cp-footer__copyright","children":["© ",2026," Printrobo Co., Ltd. All rights reserved."]}]]}]]}]]}]}]