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:T61af,

WEB-TO-PRINT × PRICING AUTOMATION

인쇄 견적은
사람이 아닌,
시스템이 계산합니다.

용지, 규격, 수량과 후가공을 선택하는 순간 인쇄 가격이 계산되는 Web-to-Print 자동견적 시스템. 복잡한 인쇄 가격을 어떻게 데이터와 계산 규칙으로 처리하고 온라인 주문까지 연결할 수 있을까요?

Web-to-Print Pricing Engine Real-time Quote Pricing API

Web-to-Print 자동견적 시스템은 고객이 선택한 인쇄 사양을 서버의 가격 계산 엔진에 전달하여 실시간으로 견적을 산출하는 시스템입니다. 용지, 인쇄 방식, 수량, 후가공과 배송 조건을 정해진 계산 규칙에 적용하므로 담당자가 매번 수작업으로 견적을 작성할 필요가 줄어듭니다.

핵심 답변

자동견적의 기본 구조는 제품 옵션 선택 → 데이터 검증 → 가격 규칙 적용 → 견적 계산 → 결과 표시 → 주문·결제 연결입니다. 핵심 기술은 AI의 가격 추측이 아니라 정확한 가격 데이터와 서버 기반 Pricing Engine입니다.

1. Web-to-Print 자동견적 시스템이란 무엇인가?

Web-to-Print 자동견적 시스템은 고객이 웹사이트에서 인쇄 상품의 사양을 선택하면 정해진 가격 데이터와 계산 규칙을 이용해 견적 금액을 자동 산출하는 소프트웨어입니다.

일반 쇼핑몰은 완성된 상품에 고정 가격을 설정하는 경우가 많습니다. 반면 인쇄 상품은 동일한 명함이라도 용지, 인쇄 면수, 수량과 후가공에 따라 제작 비용과 판매 가격이 달라집니다.

고객이 옵션을 선택하면 가격이 계산되는 원리

예를 들어 고객이 명함의 용지와 수량, 단면 또는 양면 인쇄 여부를 선택하면 시스템은 해당 옵션을 데이터로 변환합니다. 이후 서버의 가격 엔진이 제품별 가격 규칙을 적용하여 견적을 계산합니다.

고객이 수량이나 용지를 변경하면 새로운 조건으로 견적을 다시 산출합니다. 이 과정에서 계산 결과뿐 아니라 해당 옵션 조합으로 실제 제작이 가능한지도 확인해야 합니다.

기존 수동 견적과 자동견적의 차이

인쇄 견적 업무 방식 비교
구분	업무 방식의 차이
수동 견적	담당자가 인쇄 사양을 확인하고 가격표나 계산 도구를 이용해 견적을 작성합니다.
자동견적	고객이 선택한 옵션을 가격 엔진이 계산하여 견적 금액을 화면에 표시합니다.
주문 연결	자동견적 결과를 장바구니와 결제 시스템에 연결하면 별도 견적 요청 없이 주문할 수 있습니다.
예외 처리	규격 외 제작이나 복잡한 후가공은 별도 견적 및 담당자 승인을 요청할 수 있습니다.

자동견적은 단순한 온라인 가격표가 아닙니다. 고객이 선택한 여러 옵션의 조합을 해석하고, 제작 가능 여부를 검증하며, 실제 주문 가능한 가격을 산출하는 계산 시스템입니다.

2. 인쇄 가격은 어떤 기준으로 계산되는가?

인쇄 가격은 하나의 고정 단가가 아니라 용지대, 인쇄비, 후가공비, 배송비 등 여러 항목을 조합해 결정됩니다. 각각의 항목은 별도의 가격 데이터와 계산 조건을 가질 수 있습니다.

용지대와 인쇄비는 어떻게 산출되는가?

PAPER 용지대

용지 종류, 평량, 원지 규격, 제품 크기와 주문 수량을 기준으로 계산합니다. 국4절과 같은 기준 판형의 고시가격을 적용하는 정책도 구성할 수 있습니다.

PRINTING 인쇄비

디지털 또는 옵셋 인쇄 방식, 컬러 조건, 인쇄 면수, 수량과 장비의 생산 조건에 따라 계산합니다.

FINISHING 후가공비

코팅, 재단, 접지, 박, 형압 등 선택한 후가공의 종류와 작업 범위, 수량 및 최소 작업 조건을 반영합니다.

SHIPPING 배송비

제품의 중량, 포장 후 부피, 배송 지역과 운송 방법을 기준으로 배송 정책에 따라 계산합니다.

후가공과 배송 조건이 가격에 미치는 영향

후가공은 옵션을 추가할 때마다 단순히 동일한 금액을 더하는 구조가 아닐 수 있습니다. 예를 들어 코팅과 박 가공은 인쇄 면적, 수량, 가공 면수 및 별도의 기본 작업비에 따라 가격이 달라질 수 있습니다.

배송비도 제품 수량에만 비례하지 않습니다. 포장 후 실제 중량과 부피, 배송 지역 및 운송사의 요금 정책을 함께 고려해야 합니다.

고객에게 표시되는 견적 항목과 내부 계산 변수

자동견적 시스템은 고객에게 필요한 가격 항목만 표시하면서도 내부적으로 복잡한 계산 규칙을 운영할 수 있습니다.

CUSTOMER QUOTATION STRUCTURE

용지대 선택 용지 및 규격

인쇄비 인쇄 방식 및 수량

후가공비 선택한 가공 조건

배송비 포장 및 운송 조건

최종 견적 금액 할인 및 세금 정책을 반영한 주문 금액

그림 1. 고객에게 표시할 수 있는 견적 구성의 예시입니다. 배송 산정을 위한 무게와 부피는 별도의 물류 정보로 제공할 수 있으며, 모든 서비스가 동일한 명세를 사용하는 것은 아닙니다.

내부적으로 사용하는 매입원가, 장비 운영비, 손실 보정과 수익 정책은 인쇄비나 후가공비 등의 판매 가격 계산에 반영하도록 설계할 수 있습니다.

설계 시 주의사항

용지대는 고시가격으로 표시하고, 기타 운영 관련 비용은 인쇄비와 후가공비에 반영하는 등 항목별 가격 정책을 명확히 정의해야 합니다. 이러한 분류는 서비스 운영 정책에 따른 것이며 업계 전체에 통일된 공식은 아닙니다.

3. 자동견적 가격 엔진은 어떻게 작동하는가?

Pricing Engine은 제품 사양 데이터를 가격 규칙에 적용하여 견적을 계산하는 서버 프로그램입니다. 입력값 검증, 가격표 조회, 조건별 계산과 결과 생성을 순서대로 수행합니다.

제품 옵션을 가격 계산용 데이터로 변환

고객이 웹사이트에서 선택한 옵션은 계산에 사용할 수 있는 구조화된 데이터로 변환됩니다.

예를 들어 명함 자동견적에서는 제품 종류, 가로와 세로 크기, 용지, 인쇄 면수, 수량과 후가공 옵션을 입력값으로 사용할 수 있습니다.

서버는 입력된 값이 허용된 범위에 있는지 확인하고, 서로 충돌하는 옵션이 없는지 검사한 뒤 가격 계산을 시작합니다.

가격표·계산 공식·조건별 할증 규칙 적용

가격 엔진은 제품별 기준 가격표와 계산 공식을 조합해 금액을 산출합니다. 수량에 따른 가격 구간, 최소 작업비, 후가공 추가 요금과 특수 규격에 대한 할증을 설정할 수 있습니다.

CONCEPTUAL PRICING FORMULA 제품 견적가 = 용지대 + 인쇄비 + 후가공비

위 식은 기본적인 제품 견적 구조를 설명하는 개념식입니다. 실제 주문 금액에는 배송비와 적용 가능한 할인·세금 정책 등을 추가로 반영합니다. 각 항목의 산출 방식은 제품과 운영 정책에 따라 다릅니다.

가격 계산이 이루어지는 6단계 프로세스

REAL-TIME PRICING WORKFLOW

STEP 01 옵션 입력 용지·규격·수량·후가공 선택

STEP 02 조건 검증 제작 가능한 옵션 조합 확인

STEP 03 가격 조회 제품별 가격표 및 계산 규칙 조회

STEP 04 금액 계산 용지·인쇄·후가공 가격 산출

STEP 05 견적 생성 가격 항목과 배송 조건 구성

STEP 06 결과 표시 고객 화면에 견적 결과 전달

그림 2. 서버 기반 자동견적 엔진의 개념적 처리 흐름입니다. 실제 시스템에서는 오류 처리, 세금 계산, 가격 정책 버전 관리 등이 추가될 수 있습니다.

실시간 견적의 핵심은 동일한 조건에 동일한 계산 규칙을 적용하는 것입니다. 고객이 옵션을 변경하더라도 서버의 가격 정책을 기준으로 계산해야 주문 가격의 일관성을 유지할 수 있습니다.

4. 자동견적 API와 온라인 주문 시스템의 연결

Pricing API는 자동견적 엔진을 웹사이트나 외부 주문 시스템에서 호출할 수 있도록 연결하는 인터페이스입니다. 이를 활용하면 쇼핑몰과 가격 계산 로직을 분리하여 관리할 수 있습니다.

제품 옵션 변경에 따른 실시간 가격 갱신

고객이 수량을 변경하거나 다른 용지를 선택하면 웹사이트는 새로운 제품 사양을 Pricing API에 전달할 수 있습니다. 서버는 변경된 조건을 검증하고 새로운 가격을 계산하여 반환합니다.

고객 화면에는 갱신된 용지대, 인쇄비, 후가공비와 주문 금액이 표시됩니다. 배송지 정보가 필요한 배송비는 주소나 배송 방법이 확정된 후 계산할 수도 있습니다.

Pricing API가 처리하는 데이터 구조

API 요청에는 제품 코드와 선택한 옵션을 전달하고, 응답에는 검증 결과와 계산된 견적 정보를 포함하도록 설계할 수 있습니다.

API CONCEPT — ILLUSTRATIVE EXAMPLE


      Product Specifications
      → Pricing API
      → Pricing Engine
      → Quotation Result

위 흐름은 이해를 돕기 위한 개념적 예시이며 특정 API의 실제 엔드포인트나 응답 스키마를 나타내는 것은 아닙니다.

견적 확정부터 장바구니·결제·생산 주문까지

고객이 견적을 확인하고 주문을 진행하면 시스템은 제품 사양과 계산된 가격을 장바구니 및 주문 데이터에 연결합니다.

결제 직전에는 서버에서 가격을 다시 검증하는 절차가 중요합니다. 고객 브라우저에서 표시된 금액을 그대로 신뢰하지 않고, 최신 가격 정책과 주문 조건을 기준으로 최종 결제 금액을 확정해야 합니다.

결제가 확인되면 주문번호와 제품 사양, 인쇄 파일 및 배송 정보를 생산 관리 시스템으로 전달하도록 구성할 수 있습니다. 실제 생산 자동화 범위는 연결된 설비와 관리 시스템에 따라 달라집니다.

보안 및 주문 무결성

가격 계산은 신뢰할 수 있는 서버에서 수행해야 하며, 결제 금액과 주문 금액의 일치 여부를 검증해야 합니다. Stripe 공식 결제 문서에서도 고객이 임의로 결제 금액을 지정하지 못하도록 서버에서 청구 금액을 결정할 것을 안내합니다.

관련 참고: Stripe — 서버 측 결제 금액 처리

5. 자동견적 시스템 구축 시 고려해야 할 핵심 요소

자동견적 시스템을 안정적으로 운영하려면 가격 계산 공식뿐 아니라 제품 데이터, 관리자 정책, 예외 처리와 주문 시스템의 일관성을 함께 설계해야 합니다.

정확한 가격 정책과 관리자 데이터 관리

용지 가격과 인쇄비, 후가공 조건은 시장 환경과 생산 운영 정책에 따라 변경될 수 있습니다. 따라서 개발자가 매번 소스코드를 수정하지 않아도 관리자가 가격 정보를 변경할 수 있는 구조가 유용합니다.

관리 시스템에서는 제품별 가격표, 허용 수량, 선택 가능한 용지와 후가공 조건을 구분해 관리할 수 있습니다. 가격이 변경된 경우에는 적용 시점과 정책 버전을 기록하는 것도 중요합니다.

규격·수량·후가공 조합에 대한 검증

모든 용지에 모든 후가공을 적용할 수 있는 것은 아닙니다. 특정 코팅과 특수 가공의 조합이 제한되거나, 제품 규격과 최소 수량에 따라 제작 가능 여부가 달라질 수 있습니다.

자동견적 시스템은 가격 계산 전에 이러한 조건을 검사하고, 지원되지 않는 조합에 대해서는 계산을 중단하거나 별도 견적을 요청해야 합니다.

AI와 자동견적 시스템의 역할은 어떻게 다른가?

AI는 고객의 자연어 요청을 분석하여 제품 선택을 돕거나 견적에 필요한 옵션을 추천하는 역할을 수행할 수 있습니다.

반면 최종 가격 계산은 검증된 가격표와 계산 규칙을 사용하는 Pricing Engine이 담당하는 구조가 적합합니다.

AI는 견적 입력을 돕고, 가격 엔진은 견적 금액을 계산합니다. 이 역할을 구분하면 AI의 유연성과 규칙 기반 계산의 정확성을 함께 활용할 수 있습니다.

자주 묻는 질문

Q1. Web-to-Print 자동견적 시스템은 무엇인가요?

고객이 온라인에서 인쇄 제품의 사양을 선택하면 시스템이 사전에 정의된 가격표와 계산 규칙을 적용하여 견적을 자동으로 산출하는 서비스입니다.

Q2. 자동견적에 AI가 반드시 필요한가요?

아닙니다. 자동견적은 AI 없이도 가격 데이터와 계산 규칙을 기반으로 구현할 수 있습니다. AI는 고객의 제품 선택, 옵션 추천과 자연어 상담을 보조하는 데 활용할 수 있습니다.

Q3. 고객이 수량을 바꾸면 가격도 자동으로 바뀌나요?

네. 시스템이 옵션 변경을 감지하고 서버에 새로운 계산을 요청하도록 구현하면 변경된 수량과 가격 구간을 반영한 견적을 표시할 수 있습니다.

Q4. 자동견적 계산 결과를 그대로 결제에 사용할 수 있나요?

주문 단계에 연결할 수 있지만 결제 전에 서버에서 최종 금액을 다시 검증하는 것이 중요합니다. 가격 변경, 할인, 배송비와 세금 등의 조건을 함께 확인해야 합니다.

Q5. 모든 인쇄 상품에 자동견적을 적용할 수 있나요?

가격과 제작 조건을 규칙화할 수 있는 제품에는 적용할 수 있습니다. 다만 복잡한 특수 제작이나 규격 외 주문은 별도 견적 또는 담당자 승인 절차가 필요할 수 있습니다.

결론: 자동견적의 경쟁력은 정확한 가격 엔진에 있습니다.

Web-to-Print 자동견적 시스템은 고객이 입력한 제품 사양을 검증하고, 가격 데이터와 계산 규칙을 적용하여 견적을 산출하는 구조입니다. 이를 온라인 주문, 결제, 생산 시스템과 연결하면 인쇄소는 반복적인 견적 작성과 주문 접수 업무를 줄일 수 있습니다. 중요한 것은 AI가 가격을 추측하도록 하는 것이 아니라, 검증된 가격 엔진이 신뢰할 수 있는 견적을 제공하도록 설계하는 것입니다.

23:T3dc4, /* ========================================== 01. SCOPED DESIGN SYSTEM ========================================== */ #cp-wtp-pricing-v1 { --cp-ink: #172336; --cp-muted: #536276; --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-wtp-pricing-v1 *, #cp-wtp-pricing-v1 *::before, #cp-wtp-pricing-v1 *::after { box-sizing: border-box; } #cp-wtp-pricing-v1 p, #cp-wtp-pricing-v1 h2, #cp-wtp-pricing-v1 h3, #cp-wtp-pricing-v1 figure { margin-top: 0; } #cp-wtp-pricing-v1 p { margin-bottom: 17px; font-size: 16px; line-height: 1.95; letter-spacing: -0.018em; word-break: keep-all; } #cp-wtp-pricing-v1 strong { font-weight: 700; } #cp-wtp-pricing-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-wtp-pricing-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-wtp-pricing-v1 a { color: #135fb8; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; } #cp-wtp-pricing-v1 a:focus-visible, #cp-wtp-pricing-v1 summary:focus-visible { outline: 3px solid #2386d9; outline-offset: 4px; } #cp-wtp-pricing-v1 code { font-family: "Cascadia Code", "Consolas", "Courier New", monospace; font-size: 13px; line-height: 1.65; letter-spacing: 0; overflow-wrap: anywhere; } #cp-wtp-pricing-v1 .cp-section { width: 100%; padding: 46px 0; border-bottom: 1px solid var(--cp-line); } /* ========================================== 02. HERO ========================================== */ #cp-wtp-pricing-v1 .cp-hero { padding: clamp(27px, 5vw, 49px); border-radius: 18px; background: linear-gradient( 135deg, #111d31 0%, #193956 100% ); color: #ffffff; } #cp-wtp-pricing-v1 .cp-eyebrow { margin-bottom: 16px; color: #94e9dc; font-size: 13px; font-weight: 800; line-height: 1.5; letter-spacing: 0.08em; } #cp-wtp-pricing-v1 .cp-hero-title { max-width: 830px; 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-wtp-pricing-v1 .cp-hero-title span { color: #91eadf; } #cp-wtp-pricing-v1 .cp-hero-desc { max-width: 760px; margin-bottom: 0; color: #dbe6f1; font-size: 16px; line-height: 1.95; } #cp-wtp-pricing-v1 .cp-hero-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; } #cp-wtp-pricing-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-wtp-pricing-v1 .cp-lead { margin: 27px 0 0; color: #354459; font-size: 17px; line-height: 1.95; } #cp-wtp-pricing-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-wtp-pricing-v1 .cp-answer-label { display: block; margin-bottom: 10px; color: #08756c; font-size: 13px; font-weight: 800; line-height: 1.5; } #cp-wtp-pricing-v1 .cp-answer p { margin-bottom: 0; color: #244b47; font-size: 16px; line-height: 1.95; } /* ========================================== 04. HIGHLIGHTS & NOTES ========================================== */ #cp-wtp-pricing-v1 .cp-highlight { margin: 25px 0; padding: 21px 23px; border-left: 4px solid var(--cp-accent); border-radius: 0 9px 9px 0; background: #f0f6fd; } #cp-wtp-pricing-v1 .cp-highlight p { margin-bottom: 0; color: #203a55; } #cp-wtp-pricing-v1 .cp-note { margin: 23px 0; padding: 19px 21px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; } #cp-wtp-pricing-v1 .cp-note-label { display: block; margin-bottom: 8px; color: #26445e; font-size: 14px; font-weight: 800; line-height: 1.5; } #cp-wtp-pricing-v1 .cp-note p { margin-bottom: 0; color: #45566b; font-size: 15px; line-height: 1.9; } /* ========================================== 05. FEATURE CARDS ========================================== */ #cp-wtp-pricing-v1 .cp-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 25px 0; } #cp-wtp-pricing-v1 .cp-card { min-width: 0; padding: 23px; border: 1px solid var(--cp-line); border-radius: 11px; background: #ffffff; } #cp-wtp-pricing-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-wtp-pricing-v1 .cp-card:nth-child(2) .cp-card-label { background: #e2f6f1; color: #08786a; } #cp-wtp-pricing-v1 .cp-card:nth-child(3) .cp-card-label { background: #fff1e0; color: #985f11; } #cp-wtp-pricing-v1 .cp-card:nth-child(4) .cp-card-label { background: #f1ecfb; color: #694b9b; } #cp-wtp-pricing-v1 .cp-card-title { display: block; margin-bottom: 10px; color: #1b2c40; font-size: 18px; font-weight: 800; line-height: 1.55; } #cp-wtp-pricing-v1 .cp-card p { margin-bottom: 0; color: #526175; font-size: 15px; line-height: 1.85; } /* ========================================== 06. PRICE COMPOSITION ========================================== */ #cp-wtp-pricing-v1 .cp-price-box { margin: 27px 0; padding: 24px; border: 1px solid #dce6f0; border-radius: 14px; background: #f6f9fd; } #cp-wtp-pricing-v1 .cp-price-label { margin-bottom: 17px; color: #425772; font-size: 13px; font-weight: 800; line-height: 1.5; letter-spacing: 0.04em; } #cp-wtp-pricing-v1 .cp-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } #cp-wtp-pricing-v1 .cp-price-item { min-width: 0; padding: 19px 12px; border: 1px solid #dce6f0; border-radius: 9px; background: #ffffff; text-align: center; } #cp-wtp-pricing-v1 .cp-price-item strong { display: block; color: #193b5b; font-size: 18px; font-weight: 800; line-height: 1.5; } #cp-wtp-pricing-v1 .cp-price-item span { display: block; margin-top: 7px; color: #53687c; font-size: 13px; line-height: 1.7; } #cp-wtp-pricing-v1 .cp-price-result { margin-top: 13px; padding: 19px; border-radius: 9px; background: #153653; color: #ffffff; text-align: center; } #cp-wtp-pricing-v1 .cp-price-result strong { display: block; color: #a5f0df; font-size: 20px; font-weight: 800; line-height: 1.5; } #cp-wtp-pricing-v1 .cp-price-result span { display: block; margin-top: 5px; color: #e0ebf5; font-size: 13px; line-height: 1.7; } #cp-wtp-pricing-v1 .cp-price-caption { margin: 13px 0 0; color: #5a6d80; font-size: 13px; line-height: 1.8; } /* ========================================== 07. RESPONSIVE TABLE ========================================== */ #cp-wtp-pricing-v1 .cp-table-wrap { width: 100%; min-width: 0; margin: 24px 0; border: 1px solid var(--cp-line); border-radius: 10px; } #cp-wtp-pricing-v1 .cp-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.75; } #cp-wtp-pricing-v1 .cp-table caption { padding: 12px 15px; color: #536478; font-size: 13px; line-height: 1.7; text-align: left; } #cp-wtp-pricing-v1 .cp-table th, #cp-wtp-pricing-v1 .cp-table td { padding: 15px; border-bottom: 1px solid var(--cp-line); text-align: left; vertical-align: top; overflow-wrap: anywhere; word-break: normal; } #cp-wtp-pricing-v1 .cp-table thead th { background: #edf3fa; color: #263e56; font-weight: 800; } #cp-wtp-pricing-v1 .cp-table tbody th { width: 30%; background: #f9fbfd; color: #20344c; font-weight: 700; } #cp-wtp-pricing-v1 .cp-table td { color: #435469; } #cp-wtp-pricing-v1 .cp-table tbody tr:last-child th, #cp-wtp-pricing-v1 .cp-table tbody tr:last-child td { border-bottom: 0; } /* ========================================== 08. WORKFLOW VISUALIZATION ========================================== */ #cp-wtp-pricing-v1 .cp-flow { width: 100%; margin: 27px 0; padding: 25px; border: 1px solid #e1e8f0; border-radius: 15px; background: var(--cp-soft); } #cp-wtp-pricing-v1 .cp-flow-label { margin-bottom: 19px; color: #526781; font-size: 13px; font-weight: 800; line-height: 1.5; letter-spacing: 0.04em; } #cp-wtp-pricing-v1 .cp-flow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } #cp-wtp-pricing-v1 .cp-flow-step { min-width: 0; padding: 19px; border: 1px solid #dbe5ef; border-radius: 9px; background: #ffffff; } #cp-wtp-pricing-v1 .cp-step-number { display: block; margin-bottom: 10px; color: #1468d4; font-size: 13px; font-weight: 800; line-height: 1.5; } #cp-wtp-pricing-v1 .cp-flow-step strong { display: block; color: #182b42; font-size: 17px; font-weight: 800; line-height: 1.55; } #cp-wtp-pricing-v1 .cp-flow-step small { display: block; margin-top: 7px; color: #596b7f; font-size: 13px; line-height: 1.75; } #cp-wtp-pricing-v1 .cp-figcaption { margin-top: 17px; color: #596b80; font-size: 13px; line-height: 1.8; } /* ========================================== 09. FORMULA & API EXAMPLE ========================================== */ #cp-wtp-pricing-v1 .cp-formula { margin: 24px 0; padding: 23px; border: 1px solid #d9e6f5; border-radius: 11px; background: #f7faff; } #cp-wtp-pricing-v1 .cp-formula-label { display: block; margin-bottom: 12px; color: #1c61b3; font-size: 13px; font-weight: 800; line-height: 1.5; } #cp-wtp-pricing-v1 .cp-formula strong { display: block; color: #163d65; font-size: 19px; font-weight: 800; line-height: 1.8; text-align: center; } #cp-wtp-pricing-v1 .cp-formula p { margin: 11px 0 0; color: #53667a; font-size: 14px; line-height: 1.85; } #cp-wtp-pricing-v1 .cp-api { margin: 24px 0; padding: 23px; border-radius: 11px; background: #17283d; color: #e9f2fc; } #cp-wtp-pricing-v1 .cp-api-label { display: block; margin-bottom: 12px; color: #9ceadd; font-size: 13px; font-weight: 800; } #cp-wtp-pricing-v1 .cp-api code { display: block; color: #e8f3ff; font-size: 13px; line-height: 1.85; white-space: normal; overflow-wrap: anywhere; } #cp-wtp-pricing-v1 .cp-api p { margin: 13px 0 0; color: #d2e1ef; font-size: 14px; line-height: 1.85; } /* ========================================== 10. FAQ ========================================== */ #cp-wtp-pricing-v1 .cp-faq { margin-top: 23px; border-top: 1px solid var(--cp-line); } #cp-wtp-pricing-v1 .cp-faq details { border-bottom: 1px solid var(--cp-line); } #cp-wtp-pricing-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-wtp-pricing-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-wtp-pricing-v1 .cp-conclusion { margin: 30px 0 0; padding: 27px; border-radius: 13px; background: #112942; } #cp-wtp-pricing-v1 .cp-conclusion strong { display: block; margin-bottom: 13px; color: #9ceade; font-size: 19px; font-weight: 800; line-height: 1.55; } #cp-wtp-pricing-v1 .cp-conclusion p { margin-bottom: 0; color: #e7f1fa; font-size: 16px; line-height: 1.95; } /* ========================================== 12. REFERENCES ========================================== */ #cp-wtp-pricing-v1 .cp-sources { padding: 29px 0; } #cp-wtp-pricing-v1 .cp-sources-title { display: block; margin-bottom: 13px; color: #33475c; font-size: 16px; font-weight: 800; line-height: 1.6; } #cp-wtp-pricing-v1 .cp-sources ul { margin: 0; padding-left: 22px; } #cp-wtp-pricing-v1 .cp-sources li { margin: 8px 0; color: #526276; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; } /* ========================================== 13. TABLET ========================================== */ @media (max-width: 800px) { #cp-wtp-pricing-v1 .cp-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #cp-wtp-pricing-v1 .cp-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================== 14. MOBILE ========================================== */ @media (max-width: 600px) { #cp-wtp-pricing-v1 { font-size: 17px; line-height: 1.85; } #cp-wtp-pricing-v1 p { font-size: 16px; line-height: 1.95; } #cp-wtp-pricing-v1 h2 { font-size: 25px; line-height: 1.4; } #cp-wtp-pricing-v1 h3 { font-size: 19px; line-height: 1.55; } #cp-wtp-pricing-v1 .cp-hero { padding: 28px 21px; border-radius: 12px; } #cp-wtp-pricing-v1 .cp-hero-title { font-size: clamp(29px, 8vw, 35px); line-height: 1.38; } #cp-wtp-pricing-v1 .cp-hero-desc { font-size: 15px; line-height: 1.9; } #cp-wtp-pricing-v1 .cp-hero-tags span { font-size: 12px; } #cp-wtp-pricing-v1 .cp-section { padding: 38px 0; } #cp-wtp-pricing-v1 .cp-lead { font-size: 17px; line-height: 1.95; } #cp-wtp-pricing-v1 .cp-answer, #cp-wtp-pricing-v1 .cp-highlight, #cp-wtp-pricing-v1 .cp-note { padding: 19px; } #cp-wtp-pricing-v1 .cp-card-grid { grid-template-columns: 1fr; } #cp-wtp-pricing-v1 .cp-card { padding: 20px; } #cp-wtp-pricing-v1 .cp-price-box { padding: 17px; } #cp-wtp-pricing-v1 .cp-price-item { padding: 17px 9px; } #cp-wtp-pricing-v1 .cp-price-item strong { font-size: 16px; } #cp-wtp-pricing-v1 .cp-table { font-size: 13px; line-height: 1.7; } #cp-wtp-pricing-v1 .cp-table th, #cp-wtp-pricing-v1 .cp-table td { padding: 12px 10px; } #cp-wtp-pricing-v1 .cp-flow { padding: 17px; } #cp-wtp-pricing-v1 .cp-flow-step { padding: 15px; } #cp-wtp-pricing-v1 .cp-flow-step strong { font-size: 16px; } #cp-wtp-pricing-v1 .cp-flow-step small { font-size: 13px; } #cp-wtp-pricing-v1 .cp-formula { padding: 19px; } #cp-wtp-pricing-v1 .cp-formula strong { font-size: 17px; } #cp-wtp-pricing-v1 .cp-api { padding: 19px; } #cp-wtp-pricing-v1 .cp-conclusion { padding: 22px; } } /* ========================================== 15. SMALL MOBILE ========================================== */ @media (max-width: 370px) { #cp-wtp-pricing-v1 .cp-flow-grid { grid-template-columns: 1fr; } #cp-wtp-pricing-v1 .cp-hero { padding: 24px 17px; } #cp-wtp-pricing-v1 .cp-hero-title { font-size: 29px; } #cp-wtp-pricing-v1 .cp-table th, #cp-wtp-pricing-v1 .cp-table td { padding: 10px 7px; } #cp-wtp-pricing-v1 .cp-price-item span { font-size: 12px; } } 1e:["$","div",null,{"className":"article-module__L9KIzq__content public-article-module__avAi7q__body","children":["$","div",null,{"className":"content-module__FCWS-W__content","children":[["$","p","b-46774205-ae2a-4677-b745-22f0370cc83d",{"id":"b-46774205-ae2a-4677-b745-22f0370cc83d","children":[""]}],["$","div","b-27154475-99ce-42a9-b31b-a3860b17cf61",{"id":"b-27154475-99ce-42a9-b31b-a3860b17cf61","children":["$","$L21",null,{"block":{"id":"b-27154475-99ce-42a9-b31b-a3860b17cf61","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."]}]]}]]}]]}]}]