/* PROCESS VISUAL V12 — readability-tuned editorial typography */
.process-hero{background:#fff!important;border:0!important;padding-bottom:42px}
.process-visual-section{background:#fff;padding:8px 0 120px}
.process-visual-shell{max-width:1240px}
.process-visual-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.process-visual-item{margin:0;padding:0;border:0;background:#fff;border-radius:22px;overflow:hidden;transition:background .35s ease,box-shadow .35s ease,transform .35s ease}
.process-visual-item:hover{background:#fcfbfa}
.process-visual-item.is-open{background:#fcfbfa;box-shadow:0 18px 50px rgba(41,29,24,.045)}
.process-visual-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:24px 28px;cursor:pointer;font:inherit}
.process-visual-head{display:grid;grid-template-columns:50px minmax(0,1fr) auto 24px;column-gap:20px;align-items:center}
.process-visual-num{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.07em;color:#B9707C}
.process-visual-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f7f2f3;color:#CE1735;transition:transform .48s cubic-bezier(.65,0,.35,1),background .35s ease,color .35s ease}
.process-visual-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.process-visual-en{font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;font-weight:400;font-size:clamp(20px,2vw,27px);letter-spacing:.045em;color:#211e1f}
.process-visual-ko{display:flex;align-items:center;gap:12px;font-size:13px;color:#746d6b;font-weight:400;white-space:nowrap}
.process-visual-arrow{width:18px;height:18px;position:relative;display:block;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.process-visual-arrow:before{content:"";position:absolute;left:2px;right:2px;top:8px;height:1px;background:#8a6f65;transform:rotate(-45deg)}
.process-visual-arrow:after{content:"";position:absolute;right:2px;top:1px;width:8px;height:8px;border-top:1px solid #8a6f65;border-right:1px solid #8a6f65}
.process-visual-item.is-open .process-visual-arrow{transform:rotate(90deg)}
.process-visual-item.is-open .process-visual-icon{transform:scale(1.06);background:#CE1735;color:#fff}
.process-visual-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .68s cubic-bezier(.65,0,.35,1),opacity .35s ease}
.process-visual-item.is-open .process-visual-panel{grid-template-rows:1fr;opacity:1}
.process-visual-panel-in{overflow:hidden;min-height:0}
.process-visual-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:64px;align-items:center;padding:0 30px 44px 114px;opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .6s cubic-bezier(.65,0,.35,1)}
.process-visual-item.is-open .process-visual-body{opacity:1;transform:none;transition-delay:.18s}
.process-visual-art{aspect-ratio:1;width:100%;max-width:360px}
.process-visual-art svg{width:100%;height:100%;display:block;overflow:visible}
.process-visual-copy{align-self:center}
.process-visual-copy .k{margin:0 0 18px;font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;font-weight:400;font-size:12px;letter-spacing:.12em;color:#B95264}
.process-visual-copy .d{margin:0;max-width:560px;font-size:16px;line-height:1.85;color:#514b49;font-weight:400;word-break:keep-all;text-wrap:pretty}
/* svg */
.process-visual-art svg :where(circle,ellipse,rect,polygon,polyline,path){fill:none}
.process-visual-art .s{fill:none;stroke:#655f61;stroke-width:1.4;stroke-linejoin:round}
.process-visual-art .sr{stroke:#aaa4a6}.process-visual-art .sf{fill:none;stroke:#e8e4e5;stroke-width:1}
.process-visual-art .fb{fill:#fff;stroke:#655f61;stroke-width:1.3}.process-visual-art .fr{fill:#fff;stroke:#aaa4a6;stroke-width:1.3}.process-visual-art .fg{fill:#fff}
.process-visual-art svg text{font-family:"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;font-weight:300;font-size:12.5px;fill:#8c8688;text-anchor:middle}
.process-visual-art .draw{stroke-dasharray:1 1;stroke-dashoffset:1;stroke-linecap:butt}.process-visual-art .play .draw{animation:pv-draw var(--t,1.4s) cubic-bezier(.65,0,.35,1) var(--d,0s) forwards}.process-visual-art .fade{opacity:0}.process-visual-art .play .fade{animation:pv-fade .9s ease var(--d,0s) forwards}
@keyframes pv-draw{to{stroke-dashoffset:0}}@keyframes pv-fade{to{opacity:1}}@keyframes pv-spin{to{transform:rotate(360deg)}}@keyframes pv-spinr{to{transform:rotate(-360deg)}}
.process-visual-art .ring-slow{transform-origin:240px 240px;animation:pv-spin 90s linear infinite}.process-visual-art .p1a,.process-visual-art .p1b{transform-origin:240px 240px}.process-visual-art .play .p1a{animation:pv-spin 42s linear infinite}.process-visual-art .play .p1b{animation:pv-spinr 34s linear infinite}.process-visual-art .pulse{opacity:0;transform-origin:240px 240px}.process-visual-art .play .pulse{animation:pv-pulse 2.8s ease-out 1.4s infinite}@keyframes pv-pulse{0%{transform:scale(.5);opacity:.7}100%{transform:scale(4);opacity:0}}
.process-visual-art .liquid{transform:translateY(95px)}.process-visual-art .play .liquid{animation:pv-rise 2.8s cubic-bezier(.3,.7,.3,1) 1.1s forwards}@keyframes pv-rise{to{transform:translateY(0)}}.process-visual-art .play .wave{animation:pv-wave 4s linear infinite}@keyframes pv-wave{to{transform:translateX(-120px)}}.process-visual-art .bub{opacity:0}.process-visual-art .play .bub{animation:pv-bub 3.2s ease-in infinite var(--d)}@keyframes pv-bub{0%{transform:translateY(0);opacity:0}18%{opacity:.85}100%{transform:translateY(-62px);opacity:0}}.process-visual-art .flow{stroke-dasharray:3 9}.process-visual-art .play .flow{animation:pv-flow 6s linear infinite}@keyframes pv-flow{to{stroke-dashoffset:-120}}
.process-visual-art .play .lid{animation:pv-lid 5.2s cubic-bezier(.65,0,.35,1) 2.6s infinite}@keyframes pv-lid{0%,100%{transform:translateY(0)}40%,60%{transform:translateY(-20px)}}
.process-visual-art .play .items{animation:pv-belt 3s linear infinite}@keyframes pv-belt{to{transform:translateX(100px)}}.process-visual-art .gear{transform-box:fill-box;transform-origin:center}.process-visual-art .play .g1{animation:pv-spin 16s linear infinite}.process-visual-art .play .g2{animation:pv-spinr 16s linear infinite}.process-visual-art .teeth{stroke-width:7;stroke-dasharray:.12 .88;stroke:#655f61;fill:none}
.process-visual-art .ticks{transform-origin:240px 205px}.process-visual-art .play .ticks{animation:pv-spin 60s linear infinite}.process-visual-art .scan{opacity:0}.process-visual-art .play .scan{animation:pv-scan 3.4s ease-in-out 1.8s infinite alternate}@keyframes pv-scan{0%{transform:translateY(-96px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(96px);opacity:0}}
.process-visual-art .mover{offset-path:path("M80 380 C 180 380 160 240 250 240 S 320 100 400 100");offset-distance:0%;opacity:0}.process-visual-art .play .mover{animation:pv-move 3.8s cubic-bezier(.45,0,.3,1) .6s infinite}@keyframes pv-move{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{opacity:1}100%{offset-distance:100%;opacity:0}}.process-visual-art .wp{transform-origin:250px 240px;opacity:0}.process-visual-art .play .wp{animation:pv-pulse2 3.8s ease-out 1.6s infinite}@keyframes pv-pulse2{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}
@media(max-width:820px){.process-visual-section{padding-bottom:84px}.process-visual-list{gap:8px}.process-visual-row{padding:18px 14px}.process-visual-head{grid-template-columns:40px minmax(0,1fr) 18px;column-gap:12px}.process-visual-icon{width:40px;height:40px}.process-visual-ko span{display:none}.process-visual-ko{display:none}.process-visual-en{font-size:18px;letter-spacing:.03em;font-weight:400}.process-visual-body{grid-template-columns:1fr;gap:20px;padding:0 18px 32px}.process-visual-art{max-width:285px;margin:0 auto}.process-visual-copy .d{font-size:15px;line-height:1.8}.process-visual-item{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.process-visual-item,.process-visual-panel,.process-visual-body,.process-visual-icon,.process-visual-arrow{transition:none!important}.process-visual-art *, .process-visual-art *:before,.process-visual-art *:after{animation:none!important;transition:none!important}.process-visual-art .draw{stroke-dashoffset:0!important}.process-visual-art .fade{opacity:1!important}.process-visual-art .liquid{transform:none}.process-visual-art .mover{offset-distance:100%;opacity:1}.process-visual-art .bub,.process-visual-art .pulse,.process-visual-art .wp,.process-visual-art .scan{opacity:0}}


/* V13 — remove numbering + improve EN readability */
.process-visual-num{display:none!important}
html[lang="en"] .process-visual-en,
html[lang="en"] .process-visual-copy .k{
  color:#1f1b1c!important;
  font-weight:400!important;
  letter-spacing:.035em!important;
  opacity:1!important;
}
html[lang="en"] .process-visual-copy .d{
  color:#3f3a3b!important;
  font-weight:400!important;
  opacity:1!important;
  line-height:1.78!important;
}
html[lang="en"] .process-visual-ko{color:#625b59!important;opacity:1!important}
html[lang="en"] .process-visual-art .s{stroke:#565052!important;opacity:1!important}
html[lang="en"] .process-visual-art .sr{stroke:#8f888a!important;opacity:1!important}
html[lang="en"] .process-visual-art .sf{stroke:#ddd8da!important;opacity:1!important}
html[lang="en"] .process-visual-art svg text{fill:#6f686a!important;font-weight:400!important;opacity:1!important}


/* V14 — sequence rail animation on the left */
.process-visual-row{position:relative}
.process-visual-head{grid-template-columns:16px 50px minmax(0,1fr) auto 24px;column-gap:18px}
.process-visual-seq{position:relative;width:16px;height:74px;justify-self:center;align-self:center;display:block}
.process-visual-seq-line{position:absolute;left:7px;top:4px;bottom:4px;width:1px;background:linear-gradient(180deg,rgba(206,23,53,.10) 0%,rgba(206,23,53,.22) 35%,rgba(206,23,53,.12) 100%)}
.process-visual-seq-arrow{position:absolute;left:3px;top:6px;width:9px;height:9px;border-right:1.6px solid #CE1735;border-bottom:1.6px solid #CE1735;transform:rotate(45deg);opacity:.58;filter:drop-shadow(0 2px 2px rgba(206,23,53,.10));animation:pv-seq-idle 2.4s ease-in-out infinite}
.process-visual-item.is-open .process-visual-seq-line{background:linear-gradient(180deg,rgba(206,23,53,.16) 0%,rgba(206,23,53,.42) 45%,rgba(206,23,53,.14) 100%)}
.process-visual-item.is-open .process-visual-seq-arrow{opacity:1;animation:pv-seq-run 1.3s cubic-bezier(.45,0,.3,1) infinite}
@keyframes pv-seq-idle{0%,100%{transform:translateY(0) rotate(45deg);opacity:.42}50%{transform:translateY(8px) rotate(45deg);opacity:.72}}
@keyframes pv-seq-run{0%{transform:translateY(0) rotate(45deg);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translateY(52px) rotate(45deg);opacity:0}}
@media(max-width:820px){.process-visual-head{grid-template-columns:12px 40px minmax(0,1fr) 18px;column-gap:10px}.process-visual-seq{width:12px;height:58px}.process-visual-seq-line{left:5px;top:3px;bottom:3px}.process-visual-seq-arrow{left:2px;width:7px;height:7px;animation-duration:2s}.process-visual-item.is-open .process-visual-seq-arrow{animation-duration:1s}}
@media(prefers-reduced-motion:reduce){.process-visual-seq-arrow{animation:none!important;opacity:.82;transform:translateY(22px) rotate(45deg)}}