@font-face{font-family:FlowLabSection3;src:url('assets/pretendard-subset.woff2') format('woff2');font-weight:45 920;font-display:swap}
#flowlab-section3{--fl-bg:#101010;--fl-white:#f7f7f4;--fl-muted:#a5a5a5;--fl-dim:#535353;--fl-line:#303030;--fl-speed:2.4s;background:var(--fl-bg);color:var(--fl-white);font-family:FlowLabSection3,Pretendard,Arial,sans-serif;width:100%;overflow:hidden;container-type:inline-size}
#flowlab-section3 *{box-sizing:border-box}
#flowlab-section3 .fl-film{position:relative;background:#090909;isolation:isolate}
#flowlab-section3 video{display:block;width:100%;aspect-ratio:2.32;object-fit:cover;background:#090909;pointer-events:none;user-select:none}
#flowlab-section3 video::-webkit-media-controls{display:none!important}
#flowlab-section3 video::-webkit-media-controls-enclosure{display:none!important}
#flowlab-section3 .fl-method{position:relative;padding:54px 38px 64px}
#flowlab-section3 .fl-kicker{margin:0 0 29px;font-size:10px;font-weight:550;line-height:1;letter-spacing:.16em;color:var(--fl-muted)}
#flowlab-section3 .fl-grid{display:grid;grid-template-columns:1.13fr 1fr;column-gap:36px;align-items:start}
#flowlab-section3 h2{margin:0;font-size:clamp(24px,4.04cqw,38px);font-weight:740;letter-spacing:-.055em;line-height:1.43;word-break:keep-all}
#flowlab-section3 .fl-heading-line{display:block;white-space:nowrap}
#flowlab-section3 .fl-payline{color:var(--fl-white)}
#flowlab-section3 .fl-description{grid-column:1 / -1;margin:30px 0 0;max-width:610px;font-size:14px;font-weight:400;letter-spacing:-.02em;line-height:1.95;word-break:keep-all;color:var(--fl-muted)}
#flowlab-section3 .fl-description span{display:block}
#flowlab-section3 .fl-process{position:relative;padding-top:17px}
#flowlab-section3 .fl-track{position:absolute;display:flex;height:1px;top:22px;left:22px;right:22px;background:var(--fl-line)}
#flowlab-section3 .fl-track-segment{position:relative;width:33.333333%;height:1px}
#flowlab-section3 .fl-track-segment::after{content:"";position:absolute;inset:0;background:#a9a9a7;transform-origin:left}
#flowlab-section3 .fl-steps{position:relative;margin:0;padding:0;display:flex;justify-content:space-between;list-style:none;gap:0}
#flowlab-section3 .fl-step{position:relative;width:44px;flex:0 0 44px;text-align:center;color:var(--fl-white)}
#flowlab-section3 .fl-dot{display:block;width:11px;height:11px;margin:0 auto 18px;border:3px solid var(--fl-bg);border-radius:50%;background:currentColor;box-sizing:content-box;position:relative;top:-3px}
#flowlab-section3 .fl-dot::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 12px 3px rgba(255,255,246,.16);opacity:1}
#flowlab-section3 .fl-step-name{display:block;font-size:15px;font-weight:600;letter-spacing:-.035em;line-height:1.3}
#flowlab-section3 .fl-step:last-child .fl-step-name{font-weight:750}
#flowlab-section3 .fl-next{display:flex;gap:14px;align-items:center;padding:29px 38px 31px;border-top:1px solid #292929;color:var(--fl-muted);font-size:11px;letter-spacing:-.01em}
#flowlab-section3 .fl-next-label{color:var(--fl-white);font-size:12px;font-weight:600;margin-right:auto}
#flowlab-section3[data-layout="stacked"] .fl-grid{grid-template-columns:1fr}
#flowlab-section3[data-layout="stacked"] .fl-process{max-width:440px;width:100%;margin-top:30px}
#flowlab-section3[data-layout="stacked"] .fl-description{max-width:610px;margin-top:28px}
#flowlab-section3[data-layout="stacked"] h2{font-size:clamp(27px,4.8cqw,42px)}
#flowlab-section3[data-motion="running"] .fl-firstline{animation:fl-s3-copy-in calc(var(--fl-speed)*.26) cubic-bezier(.16,1,.3,1) both}
#flowlab-section3[data-motion="running"] .fl-payline{animation:fl-s3-payment calc(var(--fl-speed)*.11) calc(var(--fl-speed)*.83) ease-out both}
#flowlab-section3[data-motion="running"] .fl-track-segment::after{animation:fl-s3-segment-on calc(var(--fl-speed)*.13) calc(var(--fl-speed)*var(--at)) linear both}
#flowlab-section3[data-motion="running"] .fl-step{animation:fl-s3-step-light calc(var(--fl-speed)*.11) calc(var(--fl-speed)*var(--at)) ease-out both}
#flowlab-section3[data-motion="running"] .fl-dot::after{animation:fl-s3-dot-on calc(var(--fl-speed)*.16) calc(var(--fl-speed)*var(--at)) ease-out both}
#flowlab-section3[data-motion="waiting"] .fl-step,#flowlab-section3[data-motion="waiting"] .fl-payline{color:var(--fl-dim)}
#flowlab-section3[data-motion="waiting"] .fl-dot::after{opacity:0}
#flowlab-section3[data-motion="waiting"] .fl-track-segment::after{transform:scaleX(0)}
#flowlab-section3[data-paused="true"] *,#flowlab-section3[data-paused="true"] *::after{animation-play-state:paused!important}
@keyframes fl-s3-copy-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes fl-s3-payment{from{color:var(--fl-dim)}to{color:var(--fl-white)}}
@keyframes fl-s3-segment-on{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes fl-s3-step-light{from{color:var(--fl-dim)}to{color:var(--fl-white)}}
@keyframes fl-s3-dot-on{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@container (max-width:590px){
 #flowlab-section3 .fl-method{padding:38px 25px 44px}
 #flowlab-section3 .fl-kicker{margin-bottom:22px;font-size:10px}
 #flowlab-section3 .fl-grid{grid-template-columns:1fr;row-gap:0}
 #flowlab-section3 h2{font-size:clamp(25px,6cqw,34px)}
 #flowlab-section3 .fl-process{margin-top:29px;width:100%;max-width:450px;padding-top:17px}
 #flowlab-section3 .fl-description{margin-top:27px;font-size:13px;line-height:1.95}
 #flowlab-section3 .fl-description span{display:inline}
 #flowlab-section3 .fl-description span:last-child{display:block;margin-top:6px}
 #flowlab-section3 .fl-next{padding:24px 25px;gap:15px;flex-wrap:wrap;font-size:11px}
 #flowlab-section3 .fl-next-label{width:100%}
 #flowlab-section3[data-layout="stacked"] h2{font-size:clamp(25px,6cqw,34px)}
}
@media(prefers-reduced-motion:reduce){#flowlab-section3 *{animation:none!important;transition:none!important}}