/* 두 수정 영역의 치수만 공유한다. 문구와 브랜드색은 각 영역에 둔다. */
#ksap-certificate-showcase .certificate-benefits,
#process.ksap-issuance-concise{
 --section-width:1180px;
 --section-gutter:32px;
 --section-space:80px;
 --layout-gap:24px;
 --card-radius:16px;
 --card-padding:28px;
 --section-title:40px;
}
#ksap-certificate-showcase .certificate-benefits{padding:var(--section-space) var(--section-gutter)}
#process.ksap-issuance-concise{padding:var(--section-space) 0}
#ksap-certificate-showcase .certificate-benefits .cb-inner{width:min(var(--section-width),100%);max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;grid-template-areas:"heading details" "cta details";column-gap:var(--layout-gap);row-gap:28px;align-items:stretch}
#process.ksap-issuance-concise .issuance-container{width:min(var(--section-width),calc(100% - var(--section-gutter)*2))}
#ksap-certificate-showcase .certificate-benefits .cb-heading{display:block;grid-area:heading;align-self:end;padding:0}
#ksap-certificate-showcase .certificate-benefits .cb-cta{grid-area:cta;align-self:start}
#ksap-certificate-showcase .certificate-benefits .cb-heading h2,
#process.ksap-issuance-concise .issuance-heading h2{font-size:var(--section-title);line-height:1.35;letter-spacing:-1.2px;font-weight:750}
#ksap-certificate-showcase .certificate-benefits .cb-eyebrow{margin:0 0 16px}
#ksap-certificate-showcase .certificate-benefits .cb-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:360px;margin:0}
#ksap-certificate-showcase .certificate-benefits .cb-actions a{min-height:48px;padding:12px 16px;font-size:14px;line-height:1.5;gap:12px;border-radius:8px}
#ksap-certificate-showcase .certificate-benefits .cb-review-link{margin:16px 0 0;padding:2px 0;font-size:12px;line-height:1.75}
#ksap-certificate-showcase .certificate-benefits .cb-details{grid-area:details;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));padding:0 var(--card-padding);border-radius:var(--card-radius)}
#ksap-certificate-showcase .certificate-benefits .cb-service{grid-template-columns:40px minmax(0,1fr);gap:16px;align-content:center;min-height:180px;margin:0;padding:28px 0}
#ksap-certificate-showcase .certificate-benefits .cb-service+.cb-service{margin:0;padding:28px 0;border-left:0;border-top:1px solid #e9ecf0}
#ksap-certificate-showcase .certificate-benefits .cb-icon{width:40px;height:40px;border-radius:10px}
#ksap-certificate-showcase .certificate-benefits .cb-icon svg{width:23px;height:23px}
#ksap-certificate-showcase .certificate-benefits .cb-service h3,
#process.ksap-issuance-concise .issuance-steps h3{font-size:22px;line-height:1.45;letter-spacing:-.6px}
#process.ksap-issuance-concise .issuance-heading{margin-bottom:32px}
#process.ksap-issuance-concise .issuance-steps{gap:var(--layout-gap);grid-auto-rows:1fr;margin-bottom:var(--layout-gap)}
#process.ksap-issuance-concise .issuance-steps>li{display:flex;flex-direction:column;min-height:176px;padding:24px;border-radius:var(--card-radius)}
#process.ksap-issuance-concise .issuance-step-top{margin:0 0 16px}
#process.ksap-issuance-concise .issuance-steps h3{margin:0 0 8px}
#process.ksap-issuance-concise .issuance-steps p{font-size:14px;line-height:1.75;margin:0}
#process.ksap-issuance-concise .issuance-icon{width:40px;height:40px;border-radius:10px}
#process.ksap-issuance-concise .issuance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-gap);align-items:stretch}
#process.ksap-issuance-concise .issuance-showcase{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:16px;min-height:384px;padding:var(--card-padding);border-radius:var(--card-radius)}
#process.ksap-issuance-concise .issuance-documents{height:240px;margin:0}
#process.ksap-issuance-concise .issuance-document{top:10px}
#process.ksap-issuance-concise .issuance-registration{align-self:auto;padding:0}
#process.ksap-issuance-concise .issuance-types{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto repeat(2,minmax(0,1fr));gap:16px;min-width:0}
#process.ksap-issuance-concise .issuance-types-heading{grid-column:1/-1;margin:0}
#process.ksap-issuance-concise .issuance-types-heading h3{font-size:22px;line-height:1.45}
#process.ksap-issuance-concise .issuance-type{display:flex;flex-direction:column;justify-content:center;min-height:160px;margin:0;padding:20px var(--card-padding);border-radius:var(--card-radius)}
#process.ksap-issuance-concise .issuance-type+.issuance-type{margin:0}
#process.ksap-issuance-concise .issuance-type h4{font-size:20px;line-height:1.6}
@media(max-width:1050px){
 #ksap-certificate-showcase .certificate-benefits,#process.ksap-issuance-concise{--section-space:72px;--card-padding:24px;--section-title:36px}
 #ksap-certificate-showcase .certificate-benefits .cb-actions a{font-size:13px;padding-inline:12px}
}
@media(max-width:900px){
 #ksap-certificate-showcase .certificate-benefits,#process.ksap-issuance-concise{--section-space:64px}
 #ksap-certificate-showcase .certificate-benefits .cb-inner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"heading" "details" "cta";gap:var(--layout-gap)}
 #ksap-certificate-showcase .certificate-benefits .cb-heading,#ksap-certificate-showcase .certificate-benefits .cb-cta{align-self:auto}
 #ksap-certificate-showcase .certificate-benefits .cb-details{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;padding:0}
 #ksap-certificate-showcase .certificate-benefits .cb-service{min-height:196px;padding:var(--card-padding);align-content:start}
 #ksap-certificate-showcase .certificate-benefits .cb-service+.cb-service{padding:var(--card-padding);border-top:0;border-left:1px solid #e9ecf0}
 #ksap-certificate-showcase .certificate-benefits .cb-service h3,#process.ksap-issuance-concise .issuance-steps h3{font-size:20px}
 #process.ksap-issuance-concise .issuance-detail-grid{grid-template-columns:minmax(0,1fr)}
 #process.ksap-issuance-concise .issuance-showcase{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto;min-height:0;column-gap:24px;row-gap:16px}
 #process.ksap-issuance-concise .issuance-showcase-heading{align-self:end}
 #process.ksap-issuance-concise .issuance-registration{align-self:start;justify-content:flex-start}
 #process.ksap-issuance-concise .issuance-documents{grid-column:2;grid-row:1/3}
 #process.ksap-issuance-concise .issuance-types{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr)}
}
@media(min-width:681px) and (max-width:900px){
 #process.ksap-issuance-concise .issuance-document{width:144px;top:16px}
 #process.ksap-issuance-concise .document-l2{transform:translateX(calc(-50% - 65px)) rotate(-13deg) scale(.83)}
 #process.ksap-issuance-concise .document-l1{transform:translateX(calc(-50% - 36px)) rotate(-7deg) scale(.92)}
 #process.ksap-issuance-concise .document-r2{transform:translateX(calc(-50% + 65px)) rotate(13deg) scale(.83)}
 #process.ksap-issuance-concise .document-r1{transform:translateX(calc(-50% + 36px)) rotate(7deg) scale(.92)}
}
@media(max-width:680px){
 #ksap-certificate-showcase .certificate-benefits,#process.ksap-issuance-concise{--section-gutter:20px;--section-space:48px;--card-padding:20px;--section-title:30px;--layout-gap:20px}
 #ksap-certificate-showcase .certificate-benefits .cb-heading h2,#process.ksap-issuance-concise .issuance-heading h2{letter-spacing:-.9px}
 #ksap-certificate-showcase .certificate-benefits .cb-eyebrow{font-size:11px;margin-bottom:12px}
 #ksap-certificate-showcase .certificate-benefits .cb-details{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));padding:0 var(--card-padding)}
 #ksap-certificate-showcase .certificate-benefits .cb-service{grid-template-columns:32px minmax(0,1fr);gap:12px;align-content:center;min-height:176px;padding:24px 0}
 #ksap-certificate-showcase .certificate-benefits .cb-service+.cb-service{padding:24px 0;border-left:0;border-top:1px solid #e9ecf0}
 #ksap-certificate-showcase .certificate-benefits .cb-service h3{font-size:20px}
 #ksap-certificate-showcase .certificate-benefits .cb-icon{width:32px;height:32px;border-radius:8px}
 #ksap-certificate-showcase .certificate-benefits .cb-icon svg{width:20px;height:20px}
 #ksap-certificate-showcase .certificate-benefits .cb-actions{max-width:none;gap:10px}
 #ksap-certificate-showcase .certificate-benefits .cb-actions a{min-height:48px;padding:12px 10px;font-size:13px;gap:8px}
 #process.ksap-issuance-concise .issuance-heading{margin-bottom:24px}
 #process.ksap-issuance-concise .issuance-steps{gap:12px}
 #process.ksap-issuance-concise .issuance-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;min-height:112px;padding:20px}
 #process.ksap-issuance-concise .issuance-step-top{grid-row:1/3;flex-direction:column;gap:10px;justify-content:flex-start;margin:0}
 #process.ksap-issuance-concise .issuance-number{font-size:24px}
 #process.ksap-issuance-concise .issuance-icon{width:32px;height:32px;border-radius:8px}
 #process.ksap-issuance-concise .issuance-icon svg{width:20px;height:20px}
 #process.ksap-issuance-concise .issuance-steps h3{align-self:end;font-size:20px;margin-bottom:8px}
 #process.ksap-issuance-concise .issuance-steps p{font-size:13px}
 #process.ksap-issuance-concise .issuance-showcase{display:flex;min-height:344px;gap:16px}
 #process.ksap-issuance-concise .issuance-showcase-heading{align-self:auto}
 #process.ksap-issuance-concise .issuance-registration{align-self:auto;justify-content:center}
 #process.ksap-issuance-concise .issuance-documents{height:228px}
 #process.ksap-issuance-concise .issuance-types{grid-template-columns:minmax(0,1fr);grid-template-rows:auto repeat(2,minmax(0,1fr))}
 #process.ksap-issuance-concise .issuance-type{min-height:160px;padding:20px}
 #process.ksap-issuance-concise .issuance-type h4{font-size:18px}
}