/* 홈페이지의 자격증 발급 프로세스 영역 전용 스타일 */
#process.ksap-issuance-renewal{padding:64px 0;background:radial-gradient(ellipse at 90% 0,#eaf4ff 0,transparent 40%),linear-gradient(#fff,#f7f9fc);color:#1c3152}
#process.ksap-issuance-renewal *,#process.ksap-issuance-renewal *::before,#process.ksap-issuance-renewal *::after{box-sizing:border-box;word-break:keep-all;overflow-wrap:normal}
#process .issuance-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
#process .issuance-term{white-space:nowrap}
#process .issuance-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}
#process .issuance-eyebrow{margin:0 0 9px;color:#2964ad;font-size:12px;font-weight:750;line-height:1.6}
#process .issuance-heading h2{margin:0;color:#172d4c;font-size:38px;font-weight:800;line-height:1.4;letter-spacing:-.035em}
#process .issuance-intro{margin:12px 0 0;font-size:15px;color:#64758e;line-height:1.8}
#process .issuance-availability{display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid #d8e7f5;border-radius:14px;background:#ffffffb3;flex-shrink:0}
#process .issuance-availability>span{color:#275b9d;font-size:40px;font-weight:800;line-height:1;letter-spacing:-.05em}
#process .issuance-availability>span>span{font-size:22px}
#process .issuance-availability p{margin:0;color:#728198;font-size:12px;line-height:1.8}
#process .issuance-availability strong{color:#274c7d;font-weight:700}
#process .issuance-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px;padding:0;list-style:none}
#process .issuance-steps li{position:relative;padding:24px 26px;border:1px solid #d9e5f3;border-radius:15px;background:linear-gradient(125deg,#f0f6ff,#fff 85%);box-shadow:0 8px 20px #1a3a5d05}
#process .issuance-steps li:nth-child(2){background:linear-gradient(125deg,#eaf8f6,#fff 85%);border-color:#d0e9e5}
#process .issuance-steps li:nth-child(3){background:linear-gradient(125deg,#f4f0ff,#fff 85%);border-color:#e2dbf3}
#process .issuance-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
#process .issuance-number{font-size:32px;font-weight:800;line-height:1;color:#2e65aa;letter-spacing:-.03em}
#process .issuance-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #2b63a812;border-radius:12px;background:#fff;color:#2e65aa}
#process .issuance-icon svg{width:24px;height:24px}
#process .issuance-steps li:nth-child(2) .issuance-number,#process .issuance-steps li:nth-child(2) .issuance-icon{color:#258880}
#process .issuance-steps li:nth-child(3) .issuance-number,#process .issuance-steps li:nth-child(3) .issuance-icon{color:#7662b1}
#process .issuance-steps h3{margin:0 0 9px;color:#1c3152;font-size:23px;line-height:1.5;font-weight:750;letter-spacing:-.02em}
#process .issuance-steps p{margin:0 0 18px;color:#63758e;font-size:14px;line-height:1.8}
#process .issuance-step-label{display:inline-block;padding:4px 9px;border:1px solid #dce7f5;border-radius:6px;background:#ffffffa8;color:#466d9e;font-size:11px;font-weight:650;line-height:1.6}
#process .issuance-steps li:nth-child(2) .issuance-step-label{color:#287f79;border-color:#d4eae6}
#process .issuance-steps li:nth-child(3) .issuance-step-label{color:#7863a5;border-color:#e5dcf5}
#process .issuance-detail-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:stretch}
#process .issuance-showcase{position:relative;isolation:isolate;overflow:hidden;padding:32px;border:1px solid #285287;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#29869e8c,transparent 62%),linear-gradient(135deg,#152b53,#234b87);display:flex;flex-direction:column;justify-content:space-between}
#process .issuance-showcase::before{position:absolute;z-index:-1;content:"";width:460px;height:460px;border:1px solid #ffffff16;border-radius:50%;right:-240px;top:-180px;box-shadow:0 0 0 45px #ffffff04}
#process .issuance-showcase .issuance-eyebrow{color:#b1d8ec}
#process .issuance-showcase h3{margin:0;color:#fff;font-size:27px;line-height:1.5;font-weight:750;letter-spacing:-.03em}
#process .issuance-showcase h3>span{color:#a5e5ec}
#process .issuance-documents{position:relative;width:100%;height:300px;margin:14px 0 10px;flex-shrink:0}
#process .issuance-document{position:absolute;left:50%;top:24px;width:172px;height:auto;aspect-ratio:680/962;border-radius:5px;border:1px solid #fff8;object-fit:contain;box-shadow:0 15px 26px #06172b4d;transform-origin:50% 90%}
#process .document-l2{z-index:1;transform:translateX(calc(-50% - 91px)) rotate(-15deg) scale(.83)}
#process .document-l1{z-index:2;transform:translateX(calc(-50% - 49px)) rotate(-8deg) scale(.92)}
#process .document-r2{z-index:1;transform:translateX(calc(-50% + 91px)) rotate(15deg) scale(.83)}
#process .document-r1{z-index:2;transform:translateX(calc(-50% + 49px)) rotate(8deg) scale(.92)}
#process .document-main{z-index:3;transform:translateX(-50%)}
#process .issuance-registration{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin:0;color:#d4e5f7;font-size:12px;line-height:1.8}
#process .issuance-registration>span:first-child{color:#bfe9bf}
#process .issuance-divider{width:1px;height:11px;background:#ffffff38}
#process .issuance-types-heading{margin-bottom:19px}
#process .issuance-types-heading h3{margin:0;font-size:27px;font-weight:750;line-height:1.5;letter-spacing:-.03em;color:#243c5e}
#process .issuance-types-heading h3>span{color:#2861a6}
#process .issuance-type-break{display:none}
#process .issuance-type{padding:23px 25px;border:1px solid #d6e4f6;border-radius:14px;background:linear-gradient(110deg,#f0f6ff,#fff)}
#process .issuance-type+.issuance-type{margin-top:15px}
#process .issuance-type-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
#process .issuance-type-tag{padding:4px 10px;border-radius:6px;background:#dfeafb;color:#2b60a2;font-size:12px;font-weight:750;line-height:1.6}
#process .issuance-type-status{font-size:12px;font-weight:700;color:#386ba6}
#process .issuance-type-status::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}
#process .issuance-type h4{margin:0 0 9px;color:#253d60;font-size:20px;font-weight:750;line-height:1.5;letter-spacing:-.025em}
#process .issuance-type h4>span{color:#245caa}
#process .issuance-type p{margin:0;color:#61738c;font-size:14px;line-height:1.8}
#process .issuance-type ul{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 0;padding:0;list-style:none}
#process .issuance-type li{color:#53739c;border:1px solid #d8e4f5;border-radius:5px;background:#ffffffb3;padding:3px 8px;font-size:11px;line-height:1.7}
#process .issuance-practical{background:linear-gradient(110deg,#eff9f7,#fff);border-color:#d1e9e3}
#process .issuance-practical .issuance-type-tag{background:#d8eeea;color:#287f77}
#process .issuance-practical .issuance-type-status,#process .issuance-practical h4>span{color:#287f77}
#process .issuance-practical li{border-color:#d5e9e4;color:#4e807b}
#process .issuance-download{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px;padding:26px 30px;background:#edf3fb;border:1px solid #d7e4f5;border-radius:15px}
#process .issuance-download h3{margin:0;color:#203c62;font-size:23px;line-height:1.5;font-weight:750;letter-spacing:-.025em}
#process .issuance-download p:not(.issuance-eyebrow){margin:8px 0 0;color:#5e7390;font-size:13px;line-height:1.8}
#process .issuance-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0}
#process .issuance-button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:11px 16px;border:1px solid #245a9f;border-radius:7px;background:#245a9f;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
#process .issuance-button:hover{background:#1d4d8c}
#process .issuance-button-secondary{background:#fff;color:#295d9d;border-color:#c9daee}
#process .issuance-button-secondary:hover{background:#f8fbff}
#process .issuance-button:focus-visible,#process .issuance-coupon a:focus-visible{outline:3px solid #16858f;outline-offset:4px}
#process .issuance-included{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:17px 0 0;color:#59728e;font-size:12px;line-height:1.8}
#process .issuance-included>span{color:#29897e;flex-shrink:0}
#process .issuance-coupon{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:25px;padding:18px 22px;border:1px solid #efdfb9;border-radius:12px;background:linear-gradient(100deg,#fff8e8,#fffdf8)}
#process .issuance-coupon>div{display:flex;align-items:center;gap:15px}
#process .issuance-coupon-label{color:#9c7322;font-size:11px;font-weight:700;flex-shrink:0}
#process .issuance-coupon strong{font-size:15px;color:#655838;font-weight:650;line-height:1.7}
#process .issuance-coupon strong>span{color:#98650c;font-weight:800}
#process .issuance-coupon a{display:flex;align-items:center;gap:20px;min-height:44px;font-size:12px;color:#956819;font-weight:750;text-decoration:none;white-space:nowrap}
@media(max-width:1050px){#process .issuance-steps li{padding:23px 20px}#process .issuance-steps h3{font-size:21px}#process .issuance-steps p{font-size:13px}#process .issuance-detail-grid{gap:20px}#process .issuance-showcase{padding:26px}#process .issuance-showcase h3{font-size:25px}#process .issuance-types-heading h3{font-size:25px}#process .issuance-type{padding:20px}#process .issuance-type h4{font-size:19px}}
@media(max-width:900px){#process .issuance-heading h2{font-size:32px}#process .issuance-availability{padding:12px 16px}#process .issuance-steps{gap:12px}#process .issuance-steps li{padding:20px 16px}#process .issuance-steps p br{display:none}#process .issuance-steps h3{font-size:19px}#process .issuance-detail-grid{grid-template-columns:1fr}#process .issuance-showcase{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:30px}#process .issuance-documents{grid-column:2;grid-row:1/3;height:285px;margin:0}#process .issuance-registration{justify-content:flex-start;align-self:end;padding-bottom:20px}#process .issuance-types{display:grid;grid-template-columns:1fr 1fr;gap:15px}#process .issuance-types-heading{grid-column:1/-1;margin-bottom:0}#process .issuance-type+.issuance-type{margin-top:0}#process .issuance-download{gap:24px;padding:25px}#process .issuance-download h3{font-size:22px}}
@media(max-width:680px){#process.ksap-issuance-renewal{padding:35px 0}#process .issuance-container{width:calc(100% - 32px)}#process .issuance-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:22px}#process .issuance-heading h2{font-size:27px}#process .issuance-intro{font-size:14px;margin-top:10px}#process .issuance-availability{padding:9px 13px;gap:12px;border-radius:10px}#process .issuance-availability>span{font-size:29px}#process .issuance-availability>span>span{font-size:16px}#process .issuance-availability p{font-size:11px}#process .issuance-availability br{display:none}#process .issuance-steps{grid-template-columns:1fr;gap:10px;margin-bottom:22px}#process .issuance-steps li{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:20px}#process .issuance-step-top{flex-direction:column;gap:13px;justify-content:flex-start;grid-row:1/4;margin:2px 0 0}#process .issuance-number{font-size:25px}#process .issuance-icon{width:36px;height:36px;border-radius:10px}#process .issuance-icon svg{width:21px;height:21px}#process .issuance-steps h3{font-size:21px;margin-bottom:6px}#process .issuance-steps p{font-size:13px;margin-bottom:12px}#process .issuance-step-label{justify-self:start;font-size:10px}#process .issuance-detail-grid{gap:25px}#process .issuance-showcase{display:flex;padding:25px 22px;align-items:stretch;border-radius:15px}#process .issuance-showcase h3{font-size:25px}#process .issuance-documents{height:275px;margin:12px 0 5px}#process .issuance-document{width:158px;top:20px}#process .document-l2{transform:translateX(calc(-50% - 65px)) rotate(-15deg) scale(.83)}#process .document-l1{transform:translateX(calc(-50% - 36px)) rotate(-8deg) scale(.92)}#process .document-r2{transform:translateX(calc(-50% + 65px)) rotate(15deg) scale(.83)}#process .document-r1{transform:translateX(calc(-50% + 36px)) rotate(8deg) scale(.92)}#process .issuance-registration{justify-content:center;align-self:auto;padding-bottom:0;font-size:11px}#process .issuance-types{grid-template-columns:1fr;gap:14px}#process .issuance-types-heading{margin-bottom:3px}#process .issuance-types-heading h3{font-size:25px}#process .issuance-type{padding:21px}#process .issuance-type h4{font-size:20px}#process .issuance-type p{font-size:13px}#process .issuance-type li{font-size:10px}#process .issuance-download{align-items:stretch;flex-direction:column;gap:22px;margin-top:23px;padding:25px 22px}#process .issuance-download h3{font-size:23px}#process .issuance-actions{gap:10px}#process .issuance-button{min-height:48px}#process .issuance-included{font-size:11px;justify-content:flex-start;margin-top:14px}#process .issuance-coupon{align-items:flex-start;flex-direction:column;gap:7px;padding:18px 21px;margin-top:22px}#process .issuance-coupon>div{flex-direction:column;align-items:flex-start;gap:6px}#process .issuance-coupon strong{font-size:15px}#process .issuance-coupon a{min-height:40px}}
