:root{--cb:#1D44A5;--cb-d:#16367f;--co:#FF4B33;--ink:#191821;--pl:#1F1524;--text:#33323a;--soft:#5b5a62;--faint:#6f6e76;
--line:#E6E5EA;--gray:#F7F7F9;--tint:rgba(29,68,165,.06);--tint2:rgba(29,68,165,.12);
--kr:Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;--en:"Space Grotesk",Pretendard,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:hidden;overflow-x:clip}
body{background:#fff;color:var(--text);font-family:var(--kr);font-size:17px;line-height:1.65;word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
img{max-width:100%;height:auto}a{color:inherit}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}ul,ol{list-style:none}b,strong{color:var(--ink)}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.wrap.narrow{max-width:960px}
:focus-visible{outline:2px solid var(--cb);outline-offset:3px;border-radius:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:10px;font-size:16.5px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn.pri{background:var(--cb);color:#fff}.btn.pri:hover{background:var(--cb-d)}
.btn.line{border:1.5px solid #c9c8d0;color:var(--ink);background:#fff}.btn.line:hover{border-color:var(--ink)}
.lg{width:40px;height:28px;flex:none}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.wm{font-family:var(--en);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
em{font-style:normal;color:var(--cb)}

/* 헤더 */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.sc{border-bottom-color:var(--line)}
.top>.wrap{display:flex;align-items:center;height:76px;gap:32px}
.top nav{margin-left:auto}#menu{display:flex;gap:34px;font-size:16px;font-weight:600}#menu a:not(.btn){text-decoration:none;color:var(--ink)}#menu a:not(.btn):hover{color:var(--cb)}
.m-only{display:none}
.navcta{height:44px;padding:0 20px;font-size:15px;border-radius:8px}
.tog{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative;margin-left:auto}
.tog span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .3s}.tog span:first-child{top:17px}.tog span:last-child{top:25px}
body.menu .tog span:first-child{transform:translateY(4px) rotate(45deg)}body.menu .tog span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* 섹션 공통 */
.s{padding:128px 0}.s.gray{background:var(--gray)}.s.nt{padding-top:24px}
.sh{text-align:center;max-width:860px;margin:0 auto}
.lab{display:inline-block;font-size:15px;font-weight:700;color:var(--cb);margin-bottom:14px}
.lab:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--co);margin-right:8px;vertical-align:2px}
.h2{font-size:44px;line-height:1.3;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.sub{font-size:18px;color:var(--soft);margin-top:18px}

/* 1. 히어로 */
.hero{padding:104px 0 0;text-align:center}
.kick{font-size:17px;font-weight:700;color:var(--cb)}
.hero h1{font-size:66px;line-height:1.22;font-weight:800;letter-spacing:-.045em;color:var(--ink);margin-top:20px}
.hero h1 .lt{font-weight:400;color:var(--ink)}
.lede{font-size:20px;color:var(--soft);margin-top:28px;line-height:1.7}
.cta{display:flex;gap:12px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.hero-img{margin-top:72px;border-radius:20px;overflow:hidden;aspect-ratio:1136/440}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}
.flow{margin-top:56px;padding:34px 0 40px;border-top:1px solid var(--line);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.flow .track{display:flex;width:max-content;animation:lg 40s linear infinite}.flow:hover .track{animation-play-state:paused}
.flow .set{display:flex;align-items:center;gap:72px;padding-right:72px}
.flow img,.wall img{height:calc(var(--h)*1px);width:auto;max-width:none;filter:grayscale(1);opacity:.62}
.flow img[src*="skt"],.wall img[src*="skt"]{filter:grayscale(1) brightness(.55)}
.tx{font-family:var(--en);font-size:21px;font-weight:700;letter-spacing:-.02em;color:#6b6972;white-space:nowrap}
@keyframes lg{to{transform:translateX(-50%)}}

/* 2. 변화 선언 */
.decl{text-align:center;padding:150px 0 140px}
.say{font-size:48px;line-height:1.42;font-weight:800;letter-spacing:-.045em;color:#c4c3cb}
.say span{color:#c4c3cb;transition:color .7s}.say em{color:#c4c3cb;transition:color .7s 1.2s}
.reveal.in .say{color:var(--ink)}.reveal.in .say span:nth-child(1){color:var(--ink);transition-delay:.2s}.reveal.in .say span:nth-child(2){color:var(--ink);transition-delay:.55s}.reveal.in .say span:nth-child(3){color:var(--ink);transition-delay:.9s}.reveal.in .say em{color:var(--cb)}
.say{transition:color .8s}
.say-sub{font-size:18px;color:var(--soft);margin-top:30px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:56px auto 0;text-align:left}
.trio li{border-top:2px solid var(--ink);padding-top:18px;font-size:16px;color:var(--soft)}.trio b{display:block;font-size:20px;margin-bottom:6px}
.trio li:nth-child(2){border-color:var(--cb)}

/* 3. 비교표 */
.cmp{margin-top:64px;display:grid;grid-template-columns:180px 1fr 1.25fr;position:relative}
.cmp-h,.cmp-r{display:contents}
.cmp-h span{padding:0 28px 18px;font-size:15px;font-weight:700;color:var(--faint);display:flex;align-items:center;gap:10px}
.cmp-h span:first-child{padding-left:0}
.cmp-h .us{background:var(--cb);color:#fff;border-radius:16px 16px 0 0;padding-top:22px;font-size:17px}.cmp-h .us .lg{width:30px;height:21px}
.cmp-r>*{padding:26px 28px;border-top:1px solid var(--line);font-size:16.5px;display:flex;align-items:center}
.cmp-r b{padding-left:0;font-size:17px}
.cmp-r .them{color:var(--soft)}
.cmp-r .us{background:var(--cb);color:#fff;font-weight:600;border-top-color:rgba(255,255,255,.18)}
.cmp-r:last-child .us{border-radius:0 0 16px 16px}
.cmp-r:last-child>*{border-bottom:1px solid var(--line)}.cmp-r:last-child .us{border-bottom-color:var(--cb)}

/* 4. 탭 */
.tabs{margin-top:60px}
.tablist{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}
.tablist button{font:inherit;background:none;border:0;cursor:pointer;padding:20px 8px 18px;font-size:19px;font-weight:700;color:var(--faint);position:relative;display:flex;justify-content:center;align-items:baseline;gap:10px}
.tablist button .no{font-family:var(--en);font-size:15px}
.tablist button[aria-selected="true"]{color:var(--ink)}
.tablist button[aria-selected="true"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cb)}
.tablist button[aria-selected="true"] .no{color:var(--cb)}
.tabpanel{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:#fff;border-radius:0 0 20px 20px;padding:56px}
.js .tabpanel[hidden]{display:none}
html:not(.js) .tabpanel+.tabpanel{margin-top:16px;border-radius:20px}
.pre{display:block;font-size:17px;font-weight:600;color:var(--cb)}
.tp-tx h3{font-size:34px;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1.3;margin-top:6px}
.tp-tx>p{font-size:17px;color:var(--soft);margin-top:18px}
.svc{margin-top:28px;background:var(--gray);border-radius:14px;padding:22px 26px}
.svc b{font-size:14.5px;color:var(--cb)}.svc ul{margin-top:8px;display:grid;gap:6px}
.svc li{font-size:16px;font-weight:600;color:var(--ink);padding-left:18px;position:relative}
.svc li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--cb)}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:700;font-size:16px;color:var(--cb);text-decoration:none}.more:after{content:"\2192"}
.tv{border-radius:16px;overflow:hidden;aspect-ratio:4/3.3;background:var(--gray)}
.tv img{width:100%;height:100%;object-fit:cover;display:block}
.tv.doc{background:var(--tint);padding:36px 48px 0}.tv.doc img{object-fit:cover;object-position:top;border-radius:6px 6px 0 0;box-shadow:0 10px 40px rgba(25,24,33,.14)}
.tv.chk{aspect-ratio:auto;background:var(--tint);padding:44px;display:flex;flex-direction:column;justify-content:center}
.chk b{font-size:20px}.chk ul{margin:22px 0;display:grid;gap:10px}
.chk li{background:#fff;border-radius:12px;padding:16px 20px;font-size:16.5px;font-weight:600;color:var(--ink);display:flex;gap:16px;align-items:center}
.chk li span{font-size:13.5px;font-weight:700;color:#fff;background:var(--cb);border-radius:6px;padding:2px 10px;flex:none}
.chk em{font-size:15px;font-weight:600;color:var(--soft)}

/* 5. 성과 */
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.stats div{padding:30px 28px;border-left:1px solid var(--line)}.stats div:first-child{border-left:0;padding-left:0}
.stats b{display:block;font-family:var(--en);font-size:48px;line-height:1.05;letter-spacing:-.03em;color:var(--cb)}
.stats small{font-family:var(--kr);font-size:22px;font-weight:700;margin-left:3px;color:var(--cb)}
.stats span{display:block;font-size:16.5px;font-weight:700;color:var(--ink);margin-top:12px}.stats em{display:block;font-size:14px;color:var(--faint);margin-top:2px}
.asof{text-align:right;font-size:13px;color:var(--faint);margin-top:10px}
.pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.pc{border:1px solid var(--line);border-radius:16px;padding:28px 26px 26px;display:flex;flex-direction:column;background:#fff;transition:border-color .25s,transform .25s}
.pc:hover{border-color:var(--cb);transform:translateY(-3px)}
.hash{font-size:14.5px;font-weight:700;color:var(--cb)}
.pc h3{font-size:19px;line-height:1.4;letter-spacing:-.03em;color:var(--ink);margin-top:12px}
.pc p{font-size:15px;color:var(--soft);margin-top:10px;flex:1}
.pc .org{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px;font-weight:700;color:var(--ink)}
.closing{text-align:center;font-size:32px;line-height:1.45;font-weight:800;letter-spacing:-.04em;color:var(--ink);margin-top:96px}

/* 6. 사례 캐러셀 */
.car{margin-top:60px;position:relative}
.car-nav{position:absolute;right:0;top:-104px;display:flex;gap:10px}
.car-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid #c9c8d0;background:#fff;font-size:20px;color:var(--ink);cursor:pointer;transition:border-color .2s,opacity .2s}
.car-nav button:hover{border-color:var(--ink)}.car-nav button:disabled{opacity:.35;cursor:default}
.car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px) / 1.18);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.car-track::-webkit-scrollbar{display:none}
.cs{scroll-snap-align:start;display:grid;grid-template-columns:320px 1fr;background:#fff;border-radius:20px;overflow:hidden;min-height:400px}
.cs-l{background:var(--cb);color:#fff;padding:40px 36px;display:flex;flex-direction:column}
.cs-l .org{font-size:30px;font-weight:800;letter-spacing:-.03em}.cs-l .crs{font-size:16px;color:rgba(255,255,255,.78);margin-top:4px}
.kpis{margin-top:auto;display:flex;flex-direction:column;gap:8px}.kpis em{font-family:var(--en);font-size:26px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em}
.kpis em:first-child:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--co);margin-bottom:14px}
.cs-r{padding:44px 48px;display:flex;flex-direction:column}
.cs-r h3{font-size:28px;line-height:1.38;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.cs-r>p{font-size:16.5px;color:var(--soft);margin:18px 0 28px}
.cs-r blockquote{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:16.5px;color:var(--ink);line-height:1.7}
.cs-r blockquote:before{content:"\201C";display:block;font-family:var(--en);font-size:40px;line-height:.6;color:var(--cb);margin-bottom:8px}
.cs-r cite{display:block;font-style:normal;font-size:14px;color:var(--faint);margin-top:10px}

/* 7. 로고 벽 */
.wall{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:60px}
.wall li{flex:0 0 calc((100% - 56px) / 5);height:120px;display:flex;align-items:center;justify-content:center;background:var(--gray);border-radius:14px;padding:0 16px}

/* 8. 서비스 */
.svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.sv{border-radius:18px;background:var(--gray);padding:34px 28px 28px;display:flex;flex-direction:column}
.sv .no{font-family:var(--en);font-weight:700;font-size:40px;line-height:1;color:var(--cb);letter-spacing:-.02em}
.sv .for{font-size:14.5px;font-weight:600;color:var(--soft);margin-top:26px;min-height:46px}
.sv h3{font-size:25px;font-weight:800;letter-spacing:-.04em;color:var(--ink);margin-top:4px}
.sv p{font-size:15.5px;color:var(--soft);margin-top:12px;min-height:78px}
.sv dl{margin-bottom:auto}
.sv dl{display:grid;grid-template-columns:62px 1fr;margin-top:22px;border-top:1px solid #dcdbe2;font-size:14.5px}
.sv dt,.sv dd{padding:9px 0;border-bottom:1px solid #dcdbe2}.sv dt{color:var(--faint)}.sv dd{color:var(--ink);font-weight:600}.sv dd.k{color:var(--cb)}
.outs{margin-top:40px;border:1px solid var(--line);border-radius:18px;padding:30px 32px;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.outs-h{font-size:18px;line-height:1.45}
.outs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px}
.outs-g div{display:grid;grid-template-columns:52px 1fr;column-gap:14px;align-items:center}
.outs-g svg{width:52px;height:38px;grid-row:span 2}.outs-g b{font-size:15.5px;align-self:end}.outs-g span{font-size:14px;color:var(--soft);align-self:start;line-height:1.5}

/* 커리큘럼 */
.cur{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;margin-top:64px}
.docimg{display:block;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(25,24,33,.06),0 24px 60px rgba(25,24,33,.14);transition:transform .4s}
.docimg:hover{transform:translateY(-4px)}.docimg img{width:100%;display:block;border-radius:6px}
.ct{font-size:36px;line-height:1.25;font-weight:800;letter-spacing:-.04em;color:var(--ink);margin-top:6px}.cs2{font-size:18px;color:var(--soft);margin-top:6px}
.pts{margin-top:30px;border-top:1px solid #dcdbe2}
.pts li{padding:18px 0 18px 26px;border-bottom:1px solid #dcdbe2;font-size:15.5px;color:var(--soft);position:relative}
.pts li:before{content:"";position:absolute;left:0;top:26px;width:9px;height:9px;border-radius:50%;background:var(--cb)}
.pts b{display:block;font-size:17px;margin-bottom:2px}
.lens{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.lens div{background:#fff;border-radius:14px;padding:18px 20px;font-size:14.5px;color:var(--soft)}
.lens .h{display:block;font-family:var(--en);font-weight:700;font-size:26px;color:var(--cb);line-height:1.1}.lens b{display:block;margin:4px 0 2px;font-size:15.5px}
.note{margin-top:16px;font-size:14.5px;color:var(--soft)}

/* 직접 만든 것 */
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;margin-top:64px}
.shot{text-decoration:none;display:block}.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:14px;border:1px solid var(--line);display:block;transition:transform .35s}
.shot:hover img{transform:translateY(-4px)}.shot b{display:block;font-size:17px;margin-top:14px}.shot span{font-family:var(--en);font-size:14px;color:var(--cb)}
.phones{display:grid;grid-template-columns:160px 160px 160px 1fr;gap:24px;align-items:center;margin-top:56px;padding-top:56px;border-top:1px solid var(--line)}
.phones img{width:100%;border-radius:22px;border:1px solid var(--line);display:block}
.ph-tx{padding-left:32px}.ph-tx b{display:block;font-size:22px;letter-spacing:-.03em}.ph-tx p{font-size:16px;color:var(--soft);margin-top:10px}
.ph-tx a{display:inline-block;margin-top:16px;font-weight:700;color:var(--cb);text-decoration:none}.ph-tx a:after{content:" \2192"}

/* 진행 방식 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.steps li{background:#fff;border-radius:18px;padding:30px 26px;display:flex;flex-direction:column}
.steps .no{font-family:var(--en);font-weight:700;font-size:14px;color:var(--cb);letter-spacing:.02em}
.steps b{font-size:21px;letter-spacing:-.03em;margin-top:14px}.steps p{font-size:15.5px;color:var(--soft);margin-top:8px;flex:1}
.steps em{margin-top:18px;font-size:14px;font-weight:700;background:var(--tint);border-radius:6px;padding:4px 10px;align-self:flex-start}
.rules{margin-top:20px;background:#fff;border-radius:18px;padding:28px 34px;display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.rules b{font-size:18px}.rules ul{display:grid;gap:6px}.rules li{font-size:16px;padding-left:18px;position:relative}
.rules li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--cb)}

/* FAQ */
.faq{margin-top:56px;border-top:1.5px solid var(--ink)}
details{border-bottom:1px solid #dcdbe2}
summary{list-style:none;cursor:pointer;padding:24px 48px 24px 0;font-size:18px;font-weight:700;color:var(--ink);position:relative}
summary::-webkit-details-marker{display:none}
summary:before{content:"Q";font-family:var(--en);color:var(--cb);margin-right:14px}
summary:after{content:"";position:absolute;right:8px;top:31px;width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .25s}
details[open] summary:after{transform:rotate(-135deg);top:36px}
details p{padding:0 48px 26px 30px;font-size:16.5px;color:var(--soft)}

/* 9. 마무리 CTA */
.final{padding:0 0 128px}
.fin{display:grid;grid-template-columns:1fr minmax(0,.9fr);gap:40px;align-items:center;background:var(--gray);border-radius:28px;padding:64px 48px 64px 64px;overflow:hidden}
.fin .h2{font-size:40px}.fin-tx>p{font-size:17px;color:var(--soft);margin-top:20px}
.fin .cta{justify-content:flex-start}.mail{font-size:15px!important;margin-top:22px!important}.mail a{color:var(--cb);font-weight:700;font-family:var(--en);text-decoration:none}
.fin-img{width:100%;display:block}

/* 10. 푸터 */
.foot{border-top:1px solid var(--line);padding:72px 0 48px;font-size:15px}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:28px}
.fbrand p{color:var(--soft);margin-top:14px}
.fgrid b{font-size:15px}.fgrid ul{margin-top:14px;display:grid;gap:9px}.fgrid a{text-decoration:none;color:var(--soft)}.fgrid a:hover{color:var(--cb)}
.biz{margin-top:56px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:14px}
.biz i{display:inline-block;width:1px;height:11px;background:#cfced5;margin:0 12px}.biz .en{font-family:var(--en)}
.sticky{display:none}

/* 등장 모션 (JS 있을 때만 숨김, 줄인 동작 설정 존중) */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.flow .track{animation:none}.say,.say span,.say em{transition:none}}

/* 태블릿 */
@media (max-width:1100px){
 .pcards,.svcs{grid-template-columns:repeat(2,1fr)}.sv .for,.sv p{min-height:0}
 .steps{grid-template-columns:repeat(2,1fr)}
 .fgrid{grid-template-columns:repeat(3,1fr)}.fbrand{grid-column:1/-1}
 .outs{grid-template-columns:1fr}.outs-g{grid-template-columns:repeat(2,1fr)}
}
/* 폰 */
@media (max-width:860px){
 body{font-size:16px}.wrap{padding:0 20px}

 .s{padding:84px 0}.s.nt{padding-top:12px}.h2{font-size:29px}.sub{font-size:16px}
 .hero{padding:56px 0 0}.hero h1{font-size:36px}.lede{font-size:16.5px}.lede br{display:none}
 .cta .btn{flex:1;padding:0 16px}
 .hero-img{margin-top:44px;aspect-ratio:4/3;border-radius:14px}
 .flow{margin-top:36px;padding:24px 0 28px}.flow .set{gap:44px;padding-right:44px}.flow img{height:calc(var(--h)*.8px)}
 .decl{padding:92px 0 84px}.say{font-size:27px}.say br{display:none}.trio{grid-template-columns:1fr;gap:22px;margin-top:40px}
 .cmp{grid-template-columns:1fr;margin-top:40px}.cmp-h{display:none}
 .cmp-r{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:12px}
 .cmp-r>*{display:block;border:0!important;padding:14px 20px}.cmp-r b{padding:18px 20px 6px;font-size:18px}
 .cmp-r span:before{content:attr(data-l);display:block;font-size:12.5px;font-weight:700;margin-bottom:2px;opacity:.75}
 .cmp-r .us,.cmp-r:last-child .us{border-radius:0;padding-bottom:18px}
 .tablist{display:flex;overflow-x:auto;scrollbar-width:none}.tablist button{flex:none;padding:16px 16px;font-size:16px}
 .tabpanel{grid-template-columns:1fr;gap:32px;padding:32px 22px}.tp-tx h3{font-size:26px}.tv.chk{padding:24px}.tv.doc{padding:24px 28px 0}
 .stats{grid-template-columns:1fr 1fr}.stats div{padding:22px 0 22px 18px}.stats div:nth-child(odd){border-left:0;padding-left:0}.stats div:nth-child(n+3){border-top:1px solid var(--line)}.stats b{font-size:38px}
 .pcards{grid-template-columns:1fr;gap:12px}.closing{font-size:23px;margin-top:64px}
 .car-nav{position:static;justify-content:flex-end;margin-bottom:14px}.car-track{grid-auto-columns:88%;gap:12px}
 .cs{grid-template-columns:1fr;min-height:0}.cs-l{padding:26px 24px}.cs-l .org{font-size:24px}.kpis{margin-top:18px;flex-direction:row;flex-wrap:wrap;gap:4px 16px}.kpis em{font-size:19px}.kpis em:first-child:before{display:none}
 .cs-r{padding:26px 24px}.cs-r h3{font-size:21px}.cs-r h3 br{display:none}
 .wall{gap:8px}.wall li{flex-basis:calc((100% - 8px) / 2);height:84px}.wall img{height:calc(var(--h)*.7px)}.wall .tx{font-size:17px}
 .svcs{grid-template-columns:1fr;gap:12px}.outs{padding:24px 20px}.outs-g{grid-template-columns:1fr}
 .cur{grid-template-columns:1fr;gap:40px}.ct{font-size:28px}.lens{grid-template-columns:1fr}
 .shots{grid-template-columns:1fr 1fr;gap:20px 14px}.shot b{font-size:14.5px}.shot span{font-size:12px;word-break:break-all}
 .phones{grid-template-columns:repeat(3,1fr);gap:12px}.ph-tx{grid-column:1/-1;padding-left:0;margin-top:8px}
 .steps{grid-template-columns:1fr;gap:12px}.rules{grid-template-columns:1fr;gap:12px;padding:24px 22px}
 summary{font-size:16.5px}details p{padding-left:0;padding-right:0}
 .final{padding:20px 0 84px}.fin{grid-template-columns:1fr;padding:36px 22px 28px;border-radius:20px;gap:24px}.fin .h2{font-size:27px}.fin .h2 br{display:none}.fin-img{width:110%;margin-left:-5%}
 .fgrid{grid-template-columns:1fr 1fr;gap:28px 20px}
 .foot{padding:56px 0 110px}.biz{flex-direction:column}.biz p:first-child span{display:block;line-height:1.9}.biz i{display:none}
 .sticky{display:flex;position:fixed;left:16px;right:16px;bottom:16px;z-index:30;height:54px;box-shadow:0 8px 24px rgba(25,24,33,.22)}
 .js .sticky{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s,transform .3s,visibility .3s}.js body.past .sticky{opacity:1;visibility:visible;transform:none}
}

/* ── 메가 메뉴 ── */
.top>.wrap{position:static}
#menu{align-items:stretch;height:76px}
.mm{display:flex;align-items:center}
.mm-t{font:inherit;font-size:16px;font-weight:600;color:var(--ink);background:none;border:0;cursor:pointer;height:100%;display:flex;align-items:center;gap:7px;padding:0 2px}
.mm-t:after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s;opacity:.55}
.mm.on>.mm-t{color:var(--cb)}
.mm-p{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 30px 40px -24px rgba(25,24,33,.18);display:none}
.mm.open>.mm-p{display:block}.mm.open>.mm-t:after{transform:translateY(2px) rotate(-135deg)}
html:not(.js) .mm:focus-within>.mm-p{display:block}
.mm-in{display:grid;grid-template-columns:300px 1fr;gap:56px;padding-top:40px;padding-bottom:44px}
.gh b{display:block;font-size:26px;font-weight:800;letter-spacing:-.04em}
.gh p{font-size:15px;color:var(--soft);margin-top:10px;line-height:1.6}
.gh .all{display:inline-flex;gap:6px;margin-top:20px;font-size:15px;font-weight:700;color:var(--cb);text-decoration:none}.gh .all:after{content:"\2192"}
.mm-l{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px;align-content:start}.mm-l.k2{grid-template-columns:repeat(2,1fr);max-width:620px}
.mm-l a{display:block;padding:14px 18px;border-radius:12px;text-decoration:none;transition:background .15s}
.mm-l a:hover,.mm-l a:focus-visible,.mm-l a[aria-current]{background:var(--gray)}
.mm-l b{display:block;font-size:16px;letter-spacing:-.02em}.mm-l span{display:block;font-size:14px;color:var(--soft);margin-top:2px;line-height:1.5}
.mm-l a[aria-current] b{color:var(--cb)}
@media (min-width:1101px) and (hover:hover){html:not(.js) .mm:hover>.mm-p{display:block}.mm:hover>.mm-t{color:var(--cb)}}
@media (max-width:1100px){
 .navcta{display:none}.tog{display:block}.top nav{margin-left:0}
 #menu{display:none;position:absolute;top:100%;left:0;right:0;height:auto;max-height:calc(100vh - 64px);overflow-y:auto;background:#fff;flex-direction:column;gap:0;padding:4px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(25,24,33,.2)}
 body.menu #menu{display:flex}
 .mm{display:block}.mm-t{width:100%;justify-content:space-between;padding:17px 0;font-size:17px;border-bottom:1px solid var(--line)}
 .mm-p{position:static;box-shadow:none;border:0}
 .mm-in{display:block;padding:6px 0 10px}.gh{display:none}
 .mm-l,.mm-l.k2{grid-template-columns:1fr;max-width:none}.mm-l a{padding:11px 4px}.mm-l span{font-size:13.5px}
 .m-only{display:block;padding-top:18px}.m-only .btn{width:100%}
 #menu li a{border-bottom:0}
 html:not(.js) .tog{display:none}html:not(.js) .top>.wrap{height:auto;flex-wrap:wrap;padding-top:12px}html:not(.js) .top nav{width:100%}html:not(.js) #menu{display:flex;position:static;max-height:none;box-shadow:none;border:0;padding:0 0 12px}
}
@media (max-width:860px){.top>.wrap{height:64px}}

/* ── 하위 페이지 공용 ── */
.ph{padding:72px 0 64px;border-bottom:1px solid var(--line)}
.bc{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--faint);margin-bottom:30px}
.bc a{text-decoration:none}.bc a:hover{color:var(--cb)}.bc>*+*:before{content:"/";margin-right:8px;color:#c9c8d0}
.ph h1{font-size:52px;line-height:1.25;font-weight:800;letter-spacing:-.045em;color:var(--ink);max-width:900px}
.lede2{font-size:19px;color:var(--soft);margin-top:22px;max-width:780px}
.cta.l{justify-content:flex-start;margin-top:34px}
.topics{display:flex;flex-wrap:wrap;gap:10px}.topics span{background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px 18px;font-size:15px;font-weight:600;color:var(--ink)}
.chips2{display:flex;gap:8px;margin-top:22px}.chips2 span{font-size:14px;font-weight:700;color:var(--cb);background:var(--tint);border-radius:6px;padding:5px 12px}
.ph-logo{margin-top:30px}.ph-logo img{filter:none;opacity:1}.ph-logo .tx{font-size:28px;color:var(--ink)}
.kp2{display:flex;gap:56px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.kp2 b{display:block;font-family:var(--en);font-size:40px;line-height:1.1;color:var(--cb);letter-spacing:-.03em}.kp2 span{font-size:15px;color:var(--soft)}
.s2{padding:96px 0}.s2.gray{background:var(--gray)}
.bh{margin-bottom:40px;max-width:820px}
.h3x{font-size:32px;line-height:1.35;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.sub2{font-size:17px;color:var(--soft);margin-top:12px}
.h4x{font-size:22px;letter-spacing:-.03em;margin:56px 0 22px}
.spec{display:grid;grid-template-columns:180px 1fr;border-top:1.5px solid var(--ink)}
.spec dt,.spec dd{padding:20px 0;border-bottom:1px solid var(--line);font-size:16.5px}.spec dt{font-weight:700;color:var(--ink)}.spec dd{color:var(--text)}
.goals{margin-top:32px;background:var(--gray);border-radius:16px;padding:28px 32px}.goals b{font-size:17px}
.goals ol{list-style:decimal;padding-left:22px;margin-top:10px;display:grid;gap:6px}.goals li{font-size:16px}
.mdoc{background:#fff;border-radius:18px;padding:32px;border:1px solid var(--line)}
.mdoc-h{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline;margin-bottom:18px}.mdoc-h b{font-size:20px}.mdoc-h span{font-size:14.5px;color:var(--faint)}
.tbl{overflow-x:auto}
.mtab{width:100%;border-collapse:collapse;font-size:15.5px;min-width:720px}
.mtab th{text-align:left;font-size:13.5px;color:var(--faint);font-weight:600;padding:10px 14px 10px 0;border-bottom:1.5px solid var(--ink);white-space:nowrap}
.mtab td{padding:18px 14px 18px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text)}
.mtab .m{font-family:var(--en);font-weight:700;color:var(--cb);width:52px}.mtab .tit,.mtab .o{font-weight:700;color:var(--ink)}.mtab .o{width:200px}
.mtab .min{white-space:nowrap;color:var(--soft);font-family:var(--en);font-size:14.5px}.mtab .min small{font-family:var(--kr)}
.mtab tr.hi td{background:var(--tint)}.mtab tr.hi td:first-child{box-shadow:inset 3px 0 0 var(--cb);padding-left:12px}
.notes{margin-top:16px;display:grid;gap:4px}.notes li{font-size:14.5px;color:var(--soft);padding-left:14px;position:relative}.notes li:before{content:"※";position:absolute;left:0;font-size:12px;top:2px}
.tbd{background:#fff;border:1.5px dashed #c9c8d0;border-radius:16px;padding:30px 32px}.tbd b{font-size:19px}.tbd p{color:var(--soft);margin-top:8px}
.lens3{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.lens3 div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;font-size:15px;color:var(--soft)}
.lens3 .h{display:block;font-family:var(--en);font-weight:700;font-size:26px;color:var(--cb);line-height:1.1}.lens3 b{display:block;margin:4px 0 2px}
.six{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.six div,.ops div,.ind div{border:1px solid var(--line);border-radius:16px;padding:26px 26px;background:#fff}
.six .no,.n3 .no,.prom .no,.dbox .no{font-family:var(--en);font-weight:700;font-size:15px;color:var(--cb)}
.six b{display:block;font-size:22px;margin-top:8px;letter-spacing:-.03em}.six p{color:var(--soft);font-size:15.5px;margin-top:4px}
.ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ops b{font-size:18px}.ops p{font-size:15px;color:var(--soft);margin-top:6px}
.ind{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ind span{font-size:13.5px;font-weight:700;color:var(--cb)}.ind b{display:block;font-size:18px;margin-top:6px}.ind p{font-size:15px;color:var(--soft);margin-top:6px}
.outl{display:grid;gap:10px}.outl li{font-size:17px;font-weight:600;color:var(--ink);padding:16px 20px 16px 48px;background:#fff;border:1px solid var(--line);border-radius:12px;position:relative}
.outl li:before{content:"";position:absolute;left:20px;top:22px;width:14px;height:8px;border-left:2px solid var(--cb);border-bottom:2px solid var(--cb);transform:rotate(-45deg)}
.n3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.n3 li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px}
.n3 b{display:block;font-size:20px;margin-top:10px;letter-spacing:-.03em}.n3 p{font-size:15.5px;color:var(--soft);margin-top:8px}
.prom{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.prom div{background:#fff;border-radius:16px;padding:32px}.prom b{display:block;font-size:22px;margin-top:10px;letter-spacing:-.03em}.prom p{color:var(--soft);margin-top:8px}
.prom em{display:inline-block;margin-top:16px;font-size:14px;font-weight:700;background:var(--tint);border-radius:6px;padding:4px 10px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dbox{border:1px solid var(--line);border-radius:18px;padding:34px}.dbox b{display:block;font-size:26px;margin-top:10px;letter-spacing:-.03em}.dbox p{color:var(--soft);margin-top:10px}
.safe{display:grid;gap:10px}.safe li{font-size:17px;padding:18px 22px 18px 50px;border:1px solid var(--line);border-radius:12px;position:relative;color:var(--ink)}
.safe li:before{content:"!";position:absolute;left:18px;top:18px;width:20px;height:20px;border-radius:50%;background:var(--cb);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--en)}
.center-more{text-align:center;margin-top:32px}
.lk3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lk{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:28px 26px;background:#fff;transition:border-color .2s,transform .2s}
.lk:hover{border-color:var(--cb);transform:translateY(-3px)}.lk b{font-size:20px;letter-spacing:-.03em;margin-top:10px;color:var(--ink)}.lk p{font-size:15px;color:var(--soft);margin-top:6px;flex:1}
.lk:after{content:"자세히 보기 \2192";margin-top:18px;font-size:14.5px;font-weight:700;color:var(--cb)}
.ccs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
a.cc:hover{border-color:var(--cb);transform:translateY(-3px)}a.cc:after{content:"사례 자세히 보기 \2192";margin-top:16px;font-size:14.5px;font-weight:700;color:var(--cb)}
.cc-lg{height:44px;display:flex;align-items:center;margin-bottom:16px}.cc-lg img,.ph-logo img{height:calc(var(--h)*1px);width:auto;max-width:100%}.cc-lg img{filter:grayscale(1);opacity:.7}.cc-lg img[src*="skt"]{filter:grayscale(1) brightness(.55)}.cc-lg .tx{font-size:19px}
.cc b{font-size:18px;letter-spacing:-.03em;margin-top:8px;color:var(--ink)}.cc p{font-size:15px;color:var(--soft);margin-top:6px;flex:1}
.cc .org{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:14.5px;font-weight:700;color:var(--ink)}
.qs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qs.one{grid-template-columns:1fr;max-width:820px}
.qs blockquote{background:var(--gray);border-radius:18px;padding:32px;font-size:17px;line-height:1.75;color:var(--ink)}
.qs blockquote:before{content:"\201C";display:block;font-family:var(--en);font-size:44px;line-height:.6;color:var(--cb);margin-bottom:10px}
.qs cite{display:block;font-style:normal;font-size:14px;color:var(--faint);margin-top:14px}
.s2.gray .qs blockquote{background:#fff}
a.sv.lkc{text-decoration:none;transition:transform .2s}a.sv.lkc:hover{transform:translateY(-3px)}a.sv.lkc:after{content:"자세히 보기 \2192";margin-top:18px;font-size:14.5px;font-weight:700;color:var(--cb)}
a.sv.lkc p{flex:1;min-height:0}
.svcs:has(.lkc){grid-template-columns:repeat(5,1fr)}
.toc3{display:grid;gap:12px}.toc3>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px}.toc3 .no{font-family:var(--en);font-weight:700;color:var(--cb);font-size:15px}.toc3 b{font-size:18px;margin-left:10px}.toc3 ul{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px}.toc3 li{font-size:14.5px;color:var(--soft)}
.bro2{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}.bro2 img{width:100%}
.sd{font-size:14.5px;color:var(--soft);margin-top:2px}
.shots.s3{margin-top:0}
.sv .more,.cs-r .more{margin-top:18px}
@media (max-width:1100px){.svcs:has(.lkc){grid-template-columns:repeat(2,1fr)}.lk3,.ccs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
 .ph{padding:40px 0 44px}.bc{margin-bottom:22px}.ph h1{font-size:32px}.lede2{font-size:16.5px}.kp2{gap:28px;flex-wrap:wrap}.kp2 b{font-size:30px}
 .s2{padding:64px 0}.h3x{font-size:25px}.bh{margin-bottom:28px}
 .spec{grid-template-columns:1fr}.spec dt{padding:16px 0 2px;border-bottom:0}.spec dd{padding:0 0 16px}
 .mdoc{padding:20px 16px}.six,.n3,.prom,.two,.lens3,.lk3,.ccs,.qs,.bro2,.svcs:has(.lkc){grid-template-columns:1fr}
 .goals{padding:22px}.prom div,.dbox{padding:24px}
}

/* ══ 261010 2차: 피드백 5건 + 회사소개서 문법 ══ */
.top{border-bottom:1px solid #d6d5dd}.top.sc{border-bottom-color:#d6d5dd;box-shadow:0 6px 18px -8px rgba(25,24,33,.16)}
.icc{width:52px;height:52px;border-radius:50%;background:var(--tint);color:var(--cb);display:inline-flex;align-items:center;justify-content:center;flex:none}
.icc svg{width:26px;height:26px}.icc.sq{border-radius:12px;background:var(--cb);color:#fff}
.h4b{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin:48px 0 20px}
.ar{width:28px;height:28px;border-radius:5px;background:var(--cb);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.ar svg{width:18px;height:18px}
.bh .h3x{display:flex;align-items:center;gap:14px}.bh .h3x:before{content:"";width:30px;height:30px;border-radius:6px;flex:none;background:var(--cb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/19px no-repeat}

/* A2 히어로 결과물 묶음 */


/* A3 도구 → 업무 → 팀 */
.trio{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:stretch;gap:0;max-width:1060px;margin:56px auto 0;text-align:left}
.trio .tc{border:1px solid var(--line);border-radius:18px;padding:30px 28px;background:#fff;border-top:1px solid var(--line)}
.trio .tc:nth-child(3){border-color:var(--cb);box-shadow:0 10px 30px -14px rgba(29,68,165,.4)}
.trio .ti{width:56px;height:56px;border-radius:50%;background:var(--tint);color:var(--cb);display:flex;align-items:center;justify-content:center}.trio .ti svg{width:28px;height:28px}
.trio .no{display:block;font-family:var(--en);font-weight:700;font-size:13.5px;color:var(--cb);margin-top:20px}
.trio .tc b{display:block;font-size:24px;letter-spacing:-.03em;margin-top:4px}.trio .tc p{font-size:15.5px;color:var(--soft);margin-top:6px}
.trio .tarr{display:flex;align-items:center;justify-content:center;color:#a5b3d8;border:0;padding:0}.trio .tarr svg{width:26px;height:26px}

/* A4 비교표 */
.cmp{grid-template-columns:210px 1fr 1.3fr;gap:0}
.cmp-h span{padding:20px 28px;font-size:16px}.cmp-h span:first-child{padding-left:0}
.cmp-h .them{background:#f1f1f4;color:#8a8891;border-radius:16px 16px 0 0;margin-right:12px}
.cmp-h .us{background:var(--cb);color:#fff;border-radius:16px 16px 0 0;font-size:18px;padding-top:20px;margin-left:0}
.cmp-r>*{padding:22px 28px;border-top:1px solid var(--line)}
.cmp-r b{gap:14px;font-size:17px}.ci{width:42px;height:42px;border-radius:50%;background:var(--tint);color:var(--cb);display:inline-flex;align-items:center;justify-content:center;flex:none}.ci svg{width:21px;height:21px}
.cmp-r .them{background:#f7f7f9;color:#9a99a1;margin-right:12px;border-top-color:#ececf0;font-size:15.5px}
.cmp-r .us{background:rgba(29,68,165,.07);color:var(--ink);font-weight:600;border-top-color:rgba(29,68,165,.14);gap:12px;border-left:2px solid var(--cb);border-right:2px solid var(--cb)}
.cmp-r .us .ck{display:inline-flex;color:var(--cb);flex:none}.cmp-r .us .ck{margin-right:2px}.cmp-r .us .ck svg{width:22px;height:22px}
.cmp-r:last-child .them{border-radius:0 0 16px 16px}
.cmp-r:last-child .us{border-radius:0 0 16px 16px;border-bottom:2px solid var(--cb)}
.cmp-r:last-child>*{border-bottom:0}.cmp-r:last-child b{border-bottom:1px solid var(--line)}

/* A5 고객사례 3장 */
.cs3s{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.cs3{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e9e8ee}
.cs3-h{background:var(--cb);color:#fff;padding:28px 28px 24px}
.cs3-h .org{display:block;font-size:24px;font-weight:800;letter-spacing:-.03em}.cs3-h .crs{display:block;font-size:15px;color:rgba(255,255,255,.78);margin-top:2px}
.cs3-h .kpis{margin-top:20px;flex-direction:row;flex-wrap:wrap;gap:4px 16px}.cs3-h .kpis em{font-family:var(--en);font-size:20px;font-weight:700;color:#fff}
.cs3-h .kpis em:first-child:before{display:none}
.cs3-b{padding:28px;display:flex;flex-direction:column;flex:1}
.cs3-b h3{font-size:21px;line-height:1.4;letter-spacing:-.035em;color:var(--ink)}.cs3-b>p{font-size:15.5px;color:var(--soft);margin:14px 0 20px}
.cs3-b blockquote{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--ink);line-height:1.7}
.cs3-b blockquote:before{content:"\201C";display:block;font-family:var(--en);font-size:36px;line-height:.6;color:var(--cb);margin-bottom:6px}
.cs3-b cite{display:block;font-style:normal;font-size:13.5px;color:var(--faint);margin-top:8px}
.cs3-b .more{margin-top:18px}.cs3-b>p+.more{margin-top:auto}

/* B 만족도 막대 + 영역 타일 */
.scb{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:64px}
.sc-card{border:1px solid var(--line);border-radius:20px;padding:30px 34px 26px}
.sc-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.sc-h>b{font-size:19px}.sc-h small{font-weight:500;color:var(--soft);font-size:15px}
.avgb{font-size:15px;font-weight:600;color:var(--cb);background:var(--tint);border-radius:16px;padding:4px 14px;white-space:nowrap}.avgb b{font-family:var(--en);font-size:17px;margin-left:2px;color:var(--cb)}
.chart{display:grid;grid-template-columns:34px 1fr;gap:10px;height:270px;margin-top:30px}
.yax{display:flex;flex-direction:column;justify-content:space-between;font-family:var(--en);font-size:12px;color:var(--faint);text-align:right;padding-bottom:30px;margin-top:-7px}
.cbars{display:flex;gap:22px;align-items:stretch}
.cbar{flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.cbar i{display:block;position:relative;font-style:normal;background:#dfe4f1;border-radius:4px 4px 0 0}
.cbar.hi i{background:var(--cb)}
.cbar i b{position:absolute;top:-28px;left:0;right:0;text-align:center;font-family:var(--en);font-size:18px;color:var(--ink)}.cbar.hi i b{color:var(--cb)}
.cbar span{height:30px;line-height:30px;text-align:center;font-size:14px;white-space:nowrap;color:var(--text);border-top:1.5px solid #9a98a0}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tiles div{background:var(--tint);border-radius:16px;padding:22px 22px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.tiles b{font-size:21px;color:var(--cb);letter-spacing:-.03em;line-height:1.35}.tiles span{font-size:14px;color:var(--soft);margin-top:4px}

/* B 사업 분야 두 축 */
.biz2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.bz{border:1px solid #dcdbe2;border-radius:18px;overflow:hidden;background:#fff}
.bz-h{background:var(--cb);color:#fff;text-align:center;font-size:21px;font-weight:700;padding:14px;letter-spacing:-.02em}.bz-h span{font-family:var(--en);font-weight:500}
.bz-3{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 22px 8px}
.bz-3>div{padding:0 14px;border-left:1px solid var(--line)}.bz-3>div:first-child{border-left:0}
.bz-3 h4{display:flex;align-items:center;gap:8px;color:var(--cb);font-size:17px}.bz-3 h4 svg{width:24px;height:24px}
.bz-3 ul{margin-top:10px;display:grid;gap:4px}.bz-3 li{font-size:14.5px;padding-left:12px;position:relative;color:var(--text)}.bz-3 li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--ink)}
.bz-p{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 22px 22px}
.bz-p a{background:var(--tint);color:var(--cb);font-weight:700;font-size:15.5px;text-align:center;padding:11px 8px;border-radius:8px;text-decoration:none;transition:background .2s}.bz-p a:hover{background:var(--tint2)}
.band2{margin-top:20px;background:var(--ink);color:rgba(255,255,255,.85);border-radius:14px;padding:18px 24px;text-align:center;font-size:17px}
.band2 b{color:#fff;box-shadow:inset 0 -3px 0 var(--co)}

/* 과정 카드 (회사소개서 19쪽) */
.secs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.secc{display:grid;grid-template-columns:150px 1fr;gap:18px;border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;background:#fff;transition:border-color .2s,transform .2s}
.secc:hover{border-color:var(--cb);transform:translateY(-3px)}
.badge{display:block;background:var(--cb);color:#fff;border-radius:12px;padding:9px 6px;text-align:center;font-weight:700;font-size:15px;line-height:1.3;position:relative}
.badge small{display:block;font-family:var(--en);font-weight:500;font-size:12.5px;opacity:.85}
.badge:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--cb)}
.art2{width:100%;height:auto;margin-top:18px}
.secc-r p{font-size:14.5px;color:var(--text);line-height:1.6;padding-bottom:10px;border-bottom:1px solid var(--line)}.secc-r em{color:var(--cb)}
.secc-r ul{margin-top:10px;display:grid;gap:3px}.secc-r li{font-size:14px;padding-left:12px;position:relative}.secc-r li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--ink)}
.secc-r .who{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--cb)}
.kc{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:30px 36px}
.kc-d{font-size:18px;color:var(--ink)}.kc-d em{color:var(--cb);font-weight:700}
.kc-l{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:16px}.kc-l li{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:600;color:var(--ink)}.kc-l svg{width:20px;height:20px;color:var(--cb);flex:none}
.kc-w{margin-top:16px;font-size:14.5px;font-weight:700;color:var(--cb)}
.kc .art2{margin:0}

/* about: 역량 아이콘 줄 · 연혁 · 개요 · 차별화 */
.caps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.caps div{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;color:var(--ink)}
.ovw{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.tab{display:inline-block;background:var(--cb);color:#fff;font-size:14.5px;font-weight:700;border-radius:6px;padding:3px 18px}
.hcols{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:18px}
.hcols li{display:grid;grid-template-columns:72px 1fr;gap:12px;font-size:15px;padding:9px 0;border-bottom:1px solid var(--line)}.hcols li span{font-family:var(--en);font-weight:700;color:var(--cb)}
.info{background:var(--tint);border-radius:20px;padding:24px 28px;display:grid;grid-template-columns:100px 1fr}
.info dt,.info dd{padding:13px 0;border-bottom:1px solid rgba(29,68,165,.14);font-size:15.5px}.info dt{font-family:var(--en);font-weight:700;color:var(--ink)}
.info dt:nth-last-of-type(1),.info dd:last-child{border-bottom:0}.info .en{font-family:var(--en)}
.info ul{display:grid;gap:4px}.info li{padding-left:12px;position:relative}.info li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--ink)}
.d3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.d3>div{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff}
.d3-t{display:flex;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.d3-t b{display:block;font-size:20px;letter-spacing:-.03em}.d3-t small{font-size:14px;color:var(--soft)}
.d3 ul{margin-top:16px;display:grid;gap:8px}.d3 li{font-size:15.5px;padding-left:14px;position:relative}.d3 li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--cb)}

/* process: 12단계 */
.s12{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 14px}
.zone{grid-column:span 6}.zone.z2,.zone.z3{grid-column:span 3}
.zh{display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;font-size:16px;padding:9px 16px;border-radius:8px;background:#7389c6}.zh small{font-family:var(--en);font-weight:600;font-size:13px}
.z2 .zh{background:#4565b8}.z3 .zh{background:var(--cb)}
.zc{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:12px}.z2 .zc,.z3 .zc{grid-template-columns:repeat(3,1fr)}
.zc li{border:1px solid var(--line);border-radius:14px;padding:16px 10px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;background:#fff;position:relative}
.zc li+li:before{content:"";position:absolute;left:-11px;top:50%;margin-top:-5px;border:5px solid transparent;border-right:0;border-left-color:#9fb0dc}
.zc .k{font-family:var(--en);font-weight:700;font-size:12.5px;background:#f1f1f4;border-radius:10px;padding:1px 10px;color:var(--text)}
.zc .icc{margin:12px 0 10px;width:58px;height:58px}.zc b{font-size:15px;letter-spacing:-.03em;line-height:1.35}.zc small{font-size:13px;color:var(--soft);margin-top:4px}

/* process: ISD */
.isd{border:1px solid #dcdbe2;border-radius:16px;padding:14px;background:#fff}
.ph6{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;min-width:820px}
.ph-top{background:var(--cb);color:#fff;text-align:center;font-family:var(--en);font-size:13.5px;padding:5px;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}
.ph-nm{text-align:center;font-weight:800;font-size:17px;padding:8px 0;border-bottom:1px solid var(--line)}
.ph6 ul{display:grid;gap:7px;margin-top:8px}.ph6 li{text-align:center;font-size:13.5px;padding:8px 4px;border-top:3px solid var(--cb);box-shadow:0 1px 0 #e6e5ea,0 0 0 1px #ecebf0 inset}
.ph6 li.ok{background:var(--cb);color:#fff;font-weight:700}
.isd-o{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;text-align:center}.isd-o b{font-size:15.5px}
.isd-o div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.isd-o span{background:var(--tint);color:var(--cb);font-weight:600;font-size:13.5px;border-radius:6px;padding:10px 4px}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.md{display:flex;gap:16px;align-items:flex-start;background:var(--gray);border-radius:16px;padding:22px}
.s2.gray .md{background:#fff}
.md b{font-size:19px}.md b small{font-family:var(--en);font-weight:500;font-size:13.5px;color:var(--cb);margin-left:8px}.md p{font-size:14.5px;color:var(--soft);margin-top:4px}

/* process: 역량 진단 */
.dgw{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
.dg3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dg{border:1px solid var(--line);border-radius:16px;padding:22px 20px;background:#fff}
.dg-h{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.03em}
.dg-h .num{width:28px;height:28px;border-radius:6px;background:var(--cb);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--en);font-size:15px;flex:none}
.dg-v{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;margin:14px 0}.dg-v svg{width:84px;height:76px}
.dg-v p{font-size:13.5px;line-height:1.6}.dg-v em{font-style:normal;color:var(--cb);font-weight:700}.dg-v br{display:none}
.dg ul{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:3px}.dg li{font-size:13.5px;padding-left:12px;position:relative}.dg li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--ink)}
.st5{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st5 .st{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:14.5px;font-weight:700;min-width:104px;background:#fff}.st5 .st svg{width:24px;height:24px;color:var(--cb)}
.st5 .gt{color:#9fb0dc;display:inline-flex}.st5 .gt svg{width:20px;height:20px}
.svy{position:sticky;top:100px}

/* process: 운영 로드맵 */
.rmw{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start}
.rm-ph{display:grid;gap:12px}.rm-ph img{width:100%;height:230px;object-fit:cover;border-radius:14px;display:block}
.rm{display:grid;gap:14px}
.rr{display:grid;grid-template-columns:120px 1fr;gap:12px}
.stg{border-radius:14px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 6px;background:#6f86c4}
.rr.s02 .stg{background:#4565b8}.rr.s03 .stg{background:var(--cb)}
.stg b{font-family:var(--en);font-size:26px;line-height:1.1}.stg span{font-weight:700;font-size:16px}.stg small{font-size:12.5px;opacity:.8}
.rcs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}
.rcs>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.rcs b{display:block;color:var(--cb);font-size:15px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.rcs ul{margin-top:6px;display:grid;gap:2px}.rcs li{font-size:13.5px;padding-left:10px;position:relative}.rcs li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--ink)}

/* consulting: 4단계 · 트랙 · 산출물 */
.proc4{display:flex;align-items:stretch;gap:10px}
.pc4{flex:1;border:1px solid var(--line);border-radius:18px;padding:22px 24px;position:relative;overflow:hidden;background:#fff;min-height:150px}
.pc4-h{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--cb)}.pc4-h i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--cb);color:#fff;font-family:var(--en);font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.pc4 p{font-size:15px;margin-top:12px;max-width:72%}.pc4 p br{display:none}.pc4 svg.bg{position:absolute;right:16px;bottom:16px;width:52px;height:52px;color:#c5cfe9}
.proc4 .gt{display:flex;align-items:center;color:#9fb0dc}.proc4 .gt svg{width:22px;height:22px}
.msg{margin-top:16px;background:var(--tint);border-radius:12px;padding:16px 20px;text-align:center;font-size:17px;font-weight:600;color:var(--ink)}.msg em{color:var(--cb)}
.tro{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.hd2{background:var(--cb);color:#fff;text-align:center;font-weight:700;padding:9px;border-radius:8px}
.trk{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:6px 18px}
.trk li{display:grid;grid-template-columns:44px 100px 120px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.trk li:last-child{border-bottom:0}
.trk .icc{width:40px;height:40px}.trk .icc svg{width:20px;height:20px}.trk b{color:var(--cb);font-size:16px}
.who2{background:var(--cb);color:#fff;font-size:13px;text-align:center;border-radius:5px;padding:4px 6px}.trk p{font-size:14.5px}
.o8{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.o8 div{border:1px solid var(--line);border-radius:12px;padding:16px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff}.o8 svg{width:26px;height:26px;color:var(--cb)}.o8 span{font-size:14px;line-height:1.4}

/* resources: 콘텐츠 자산 */
.checks{display:grid;gap:10px}.checks li{display:flex;gap:10px;align-items:flex-start;font-size:17px;color:var(--ink)}.checks svg{width:22px;height:22px;color:var(--cb);flex:none;margin-top:2px}
.cta3{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.blk3{border:1px solid var(--line);border-radius:18px;padding:22px 24px;background:#fff}.blk3 .tt{text-align:center;font-weight:700;font-size:17px;margin-bottom:14px}
.bk{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bk div{height:140px;border-radius:4px 12px 12px 4px;padding:14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 6px 12px rgba(25,24,33,.14)}
.bk div:nth-child(1){background:var(--cb)}.bk div:nth-child(2){background:var(--pl)}.bk div:nth-child(3){background:var(--ink)}
.bk small{font-family:var(--en);font-size:12px;opacity:.8}.bk b{color:#fff;font-size:16px;line-height:1.4}
.bkc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;font-size:14.5px;margin-top:8px}
.as3{display:grid;gap:12px}.as3>div{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff}
.as3 b{display:block;font-size:17px}.as3 small{font-size:14px;color:var(--soft)}
.sh2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.sh2>div{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}
.sh2 img{width:100%;height:170px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.sh2 .k{font-size:13.5px;font-weight:700;color:var(--cb)}.sh2 b{display:block;font-size:17px;margin-top:2px}
.sh2 ul{margin-top:8px;display:grid;gap:2px}.sh2 li{font-size:13.5px;padding-left:12px;position:relative}.sh2 li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--ink)}

@media (max-width:1100px){
 .secs{grid-template-columns:repeat(2,1fr)}.caps{grid-template-columns:repeat(3,1fr)}.s12{grid-template-columns:1fr}.zone,.zone.z2,.zone.z3{grid-column:auto}
 .zc{grid-template-columns:repeat(3,1fr)}.dgw{grid-template-columns:1fr}.svy{position:static;max-width:360px}.models{grid-template-columns:1fr}
 .proc4{flex-wrap:wrap}.proc4 .gt{display:none}.pc4{flex:1 1 40%}.tro,.cta3,.rmw{grid-template-columns:1fr}
}
@media (max-width:860px){
 .trio{grid-template-columns:1fr;gap:0}.trio .tarr{height:40px}.trio .tarr svg{transform:rotate(90deg)}
 .cmp{grid-template-columns:1fr}.cmp-r .them{margin-right:0}.isd-o div{grid-template-columns:repeat(3,1fr)}.cmp-r .us,.cmp-r:last-child .us{border:0;border-top:2px solid var(--cb)}.cmp-r b .ci{width:34px;height:34px}.cmp-r b{display:flex!important;align-items:center}
 .cs3s{grid-template-columns:1fr;gap:14px;margin-top:40px}
 .scb{grid-template-columns:1fr;margin-top:40px}.sc-card{padding:22px 18px}.cbars{gap:10px}.cbar span{font-size:11.5px}.cbar i b{font-size:15px}.chart{height:230px}
 .tiles b{font-size:17px}
 .biz2{grid-template-columns:1fr;margin-top:40px}.bz-3{grid-template-columns:1fr;gap:14px;padding:20px}.bz-3>div{border-left:0;padding:0}
 .secs{grid-template-columns:1fr}.secc{grid-template-columns:110px 1fr;padding:18px}.kc{grid-template-columns:1fr;padding:22px}.kc .art2{max-width:200px}.kc-l{grid-template-columns:1fr}
 .caps{grid-template-columns:1fr 1fr}.caps div{font-size:14.5px}.caps .icc{width:40px;height:40px}.caps .icc svg{width:20px;height:20px}
 .ovw,.hcols,.d3{grid-template-columns:1fr}.info{grid-template-columns:90px 1fr;padding:18px 20px}
 .zc,.z2 .zc,.z3 .zc{grid-template-columns:1fr 1fr}.zc li+li:before{display:none}
 .dg3{grid-template-columns:1fr}.rr{grid-template-columns:1fr}.rcs{grid-auto-flow:row}.rm-ph img{height:180px}
 .pc4{flex:1 1 100%}.pc4 p{max-width:none}.trk li{grid-template-columns:40px 1fr;gap:4px 10px}.trk .who2{grid-column:2;justify-self:start}.trk p{grid-column:2}
 .o8{grid-template-columns:repeat(2,1fr)}.bk{grid-template-columns:1fr}.bk div{height:96px}.bkc{display:none}.sh2,.sh2>div{grid-template-columns:1fr}
 .band2{font-size:15px}
}

.survey { background: var(--tint); border-radius: 18px; padding: 14px; display: flex; flex-direction: column; gap: 10px }
.sv-top { background: #fff; border-radius: 10px; padding: 11px 14px; border-top: 4px solid var(--cb) }
.sv-top .sv-k { display: inline-block; font-size: 11.5px; font-weight: 700; color: #fff; background: var(--cb); border-radius: 10px; padding: 1px 9px }
.sv-top b { display: block; font-size: 16px; margin-top: 6px }
.sv-top small { font-size: 12.5px; color: var(--soft) }
.sv-shot { flex: 1; min-height: 0; position: relative; overflow: hidden }
.sv-shot img { width: 100%; height: auto; border-radius: 10px; display: block; border: 1px solid var(--tint2); background: #fff }
/* 과정 썸네일 부채꼴 (261010) — 기본(JS 없음 · 폰) = 가로 스와이프 줄, .fan.on = 넓은 화면 아치 */
.fan{position:relative;margin-top:56px;outline:none}
.fan:focus-visible .fan-tr{outline:2px solid var(--cb);outline-offset:6px;border-radius:20px}
.fan-tr{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px max(20px,calc(50vw - 170px)) 24px;margin:0}
.fan-tr::-webkit-scrollbar{display:none}
.fc{flex:none;width:340px;scroll-snap-align:center;list-style:none}
.fc-a{display:block;text-decoration:none;background:#fff;border:1px solid #e3e2e8;border-radius:18px;padding:8px;box-shadow:0 18px 40px -22px rgba(25,24,33,.35);transition:box-shadow .3s}
.fc-th{position:relative;height:270px;border-radius:12px;overflow:hidden;color:var(--fg);padding:18px 22px 20px;display:flex;flex-direction:column;text-align:left}
/* 테마: fg=글자 · p=판 · a=강조 · s=보조 · d=판 위 진한 색 · w=판 위 옅은 선 · cb=칩 바탕 · cl=칩 테두리 */
.t-cb{background:var(--cb);--fg:#fff;--p:#fff;--a:var(--co);--s:rgba(255,255,255,.55);--d:var(--cb);--w:#d9deea;--pb:rgba(255,255,255,.22);--chb:rgba(255,255,255,.16);--chl:rgba(255,255,255,.3);--dot:var(--co)}
.t-bw{background:#F4F2ED;--fg:var(--ink);--p:#fff;--a:var(--cb);--s:var(--co);--d:var(--ink);--w:#e4e1d9;--pb:#e9e6de;--chb:#fff;--chl:#dcd8ce;--dot:var(--co)}
.t-co{background:var(--co);--fg:var(--ink);--p:#fff;--a:var(--cb);--s:rgba(25,24,33,.55);--d:var(--ink);--w:#f0e3e0;--pb:rgba(255,255,255,.35);--chb:rgba(255,255,255,.88);--chl:rgba(255,255,255,0);--dot:var(--ink)}
.t-ink{background:var(--ink);--fg:#fff;--p:#2c2b36;--a:var(--co);--s:#7389c6;--d:#fff;--w:#4a4956;--pb:#26252f;--chb:rgba(255,255,255,.12);--chl:rgba(255,255,255,.22);--dot:var(--co)}
.t-tn{background:#E8ECF6;--fg:var(--ink);--p:#fff;--a:var(--cb);--s:var(--co);--d:var(--cb);--w:#dfe4f1;--pb:#d6ddf0;--chb:#fff;--chl:#cfd7ec;--dot:var(--co)}
.t-pl{background:var(--pl);--fg:#fff;--p:#fff;--a:var(--co);--s:#7389c6;--d:var(--pl);--w:#e3e0e6;--pb:rgba(255,255,255,.14);--chb:rgba(255,255,255,.12);--chl:rgba(255,255,255,.24);--dot:var(--co)}
.fc-art{position:absolute;left:14px;right:14px;top:42px;width:calc(100% - 28px);height:130px}
.fc-art .p{fill:var(--p)}.fc-art .a{fill:var(--a)}.fc-art .s{fill:var(--s)}.fc-art .d{fill:var(--d)}.fc-art .w{fill:var(--w)}.fc-art .pb{fill:var(--pb)}
.fc-art .pw{fill:#fff;opacity:.85}.fc-art .pc{fill:var(--p)}.fc-art .lt{fill:var(--s);opacity:.6}
.fc-art .lp{stroke:var(--w);stroke-width:1.5}.fc-art .la{fill:none;stroke:var(--a);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fc-art .lf{fill:none;stroke:var(--s);stroke-width:2;stroke-linecap:round}
.t-ink .fc-art .la{stroke:var(--a)}.t-co .fc-art .pc,.t-tn .fc-art .pc{fill:#fff}
.fc-sec{display:inline-flex;align-items:center;gap:7px;font-family:var(--en);font-size:12.5px;font-weight:700;color:var(--fg)}
.fc-sec i{width:7px;height:7px;border-radius:50%;background:var(--dot)}
.fc-art text{font-family:var(--kr);font-size:15px;font-weight:700;text-anchor:middle}.fc-art .td{fill:var(--d)}.fc-art .tw{fill:#fff}
.fc-t{display:block;color:var(--fg);position:relative;font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.04em;margin-top:auto;max-width:86%}
.fc-ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.fc-ch em{font-style:normal;color:var(--fg);font-size:12px;font-weight:600;background:var(--chb);border:1px solid var(--chl);border-radius:20px;padding:2px 10px;white-space:nowrap}
.fc-b{padding:14px 10px 8px;text-align:left}.fc-b p{font-size:15px;font-weight:600;color:var(--ink);line-height:1.45;min-height:44px}
.fc-m{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--soft)}.fc-m svg{width:15px;height:15px;color:var(--cb)}
.fc-a:hover{box-shadow:0 24px 50px -20px rgba(29,68,165,.45)}
.fan-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.fan-ctl button{font:inherit;cursor:pointer;background:#fff;border:1.5px solid #d6d5dd;color:var(--ink);border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.fan-ctl button:hover{border-color:var(--ink)}.fan-ctl svg{width:18px;height:18px}.fan-pv svg{transform:rotate(180deg)}
.fan-dots{display:flex;gap:0}.fan-dots button{width:24px!important;height:24px!important;border:0!important;background:none!important;border-radius:0!important;position:relative}.fan-dots button:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#cfd0da;border-radius:4px;transition:width .3s,margin .3s,background .3s}
.fan-dots button[aria-current="true"]{width:38px!important}.fan-dots button[aria-current="true"]:before{width:26px;margin-left:-13px;background:var(--cb)}
.fan-pp i{display:block;width:3px;height:13px;background:currentColor;border-radius:1px;margin:0 2px}
.fan-pp[aria-pressed="true"] i:first-child{width:0;height:0;background:none;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:4px}
.fan-pp[aria-pressed="true"] i:last-child{display:none}
html:not(.js) .fan-ctl{display:none}
/* 넓은 화면: 아치 */
.fan.on{margin-top:48px}
.fan.on .fan-tr{display:block;position:relative;height:500px;overflow:hidden;overflow:clip;padding:0;margin:0 calc(50% - 50vw);-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.fan.on .fc{position:absolute;left:50%;top:18px;margin-left:-170px;transform-origin:50% 50%;transition:transform .9s cubic-bezier(.45,.05,.25,1),opacity .6s}
.fan.on .fc.c .fc-a{box-shadow:0 30px 60px -24px rgba(29,68,165,.5)}
.fan.on .fc.off{opacity:0;pointer-events:none}
/* 진단 미팅 띠 (패스트캠퍼스 방식, 흰 바탕 규칙에 맞춰 옅은 코발트) */
.dband{margin-top:40px;background:var(--tint);border-top:1px solid rgba(29,68,165,.12);border-bottom:1px solid rgba(29,68,165,.12)}
.dband .wrap{display:flex;align-items:center;justify-content:center;gap:28px;padding-top:20px;padding-bottom:20px}
.dband p{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.03em}.dband em{color:var(--cb)}
.dband .btn{height:48px;padding:0 24px;font-size:16px;gap:8px;border-radius:24px}.dband .btn svg{width:17px;height:17px;display:block}
.hero .flow{margin-top:0;border-top:0}
@media (prefers-reduced-motion:reduce){.fan.on .fc{transition:none}}
@media (max-width:860px){
 .fan{margin-top:40px}.fc{width:min(300px,78vw)}.fan-tr{padding:8px calc(50vw - min(150px,39vw)) 20px;gap:12px}
 .fc-th{height:248px;padding:16px 18px 18px}.fc-art{top:38px;height:118px}.fc-t{font-size:23px}
 .fan-pp,.fan-pv,.fan-nx{display:none!important}
 .dband .wrap{flex-direction:column;gap:12px;text-align:center}.dband p{font-size:17px}
}

/* 교육 결과물 6종 큰 카드 */
.ocs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.oc{background:#fff;border:1px solid #e6e5ea;border-radius:20px;padding:22px 26px 28px}
.oc-art{background:#fff;border-radius:14px;display:flex;justify-content:center;margin:-4px -6px 14px;padding:4px 0;background:linear-gradient(180deg,#f6f7fb,#fff)}
.oc-art .art2{width:200px;height:auto;margin:0}
.oc-n{font-family:var(--en);font-weight:700;font-size:14px;color:var(--cb)}
.oc b{display:block;font-size:23px;letter-spacing:-.035em;margin-top:4px;line-height:1.35}
.oc p{font-size:15.5px;color:var(--soft);margin-top:8px}
@media (max-width:1100px){.ocs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.ocs{grid-template-columns:1fr;gap:12px;margin-top:40px}.oc{display:grid;grid-template-columns:96px 1fr;column-gap:16px;padding:16px 18px;align-items:center}
 .oc-art{grid-row:span 3;margin:0;padding:0;background:none}.oc-art .art2{width:96px}.oc b{font-size:18px}.oc p{font-size:14.5px;grid-column:2}.oc-n{grid-column:2}}

/* 상담 문의 폼 */
.cwrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
.cform .h3x:before{display:none}
.inq{margin-top:28px;display:grid;gap:22px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fld{min-width:0;border:0;padding:0;margin:0}
.fld label,.fld legend{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px;padding:0}
.fld em{font-style:normal;font-size:12px;font-weight:700;color:#c4321d}.fld small{font-size:12px;font-weight:500;color:var(--faint)}
.fld input[type=text],.fld input[type=tel],.fld input[type=email],.fld textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid #d6d5dd;border-radius:10px;padding:12px 14px;transition:border-color .2s}
.fld textarea{resize:vertical;min-height:160px;line-height:1.6}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--cb);box-shadow:0 0 0 3px rgba(29,68,165,.15)}
.fld [aria-invalid=true]{border-color:#c4321d}
.hint{font-size:13px;color:var(--faint);margin-top:6px}.err{font-size:13.5px;font-weight:600;color:#c4321d;margin-top:6px}.err:empty{display:none}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{margin:0;font-weight:600;cursor:pointer}.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts span{display:inline-block;border:1.5px solid #d6d5dd;border-radius:22px;padding:8px 16px;font-size:15px;color:var(--text);transition:all .15s}
.opts input:checked+span{background:var(--cb);border-color:var(--cb);color:#fff}
.opts input:focus-visible+span{outline:2px solid var(--cb);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cbox{background:var(--gray);border-radius:12px;padding:18px 20px;font-size:14px;color:var(--soft)}
.cbox b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:8px}
.cbox dl{display:grid;grid-template-columns:76px 1fr;gap:4px 10px}.cbox dt{font-weight:700;color:var(--text)}.cbox p{margin-top:8px}
.agree{display:flex!important;align-items:flex-start;gap:10px;margin-top:14px;font-weight:600!important;cursor:pointer}
.agree input{width:20px;height:20px;margin-top:2px;accent-color:var(--cb);flex:none}
.submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.submit .btn{min-width:200px;border:0;cursor:pointer;font-family:inherit}
.submit .btn[disabled]{opacity:.6;cursor:progress}.rule{font-size:14px;color:var(--soft)}
.status:empty{display:none}.status{border-radius:12px;padding:16px 18px;font-size:15.5px;font-weight:600}
.status.ok{background:var(--tint);color:var(--cb)}.status.no{background:#fdecea;color:#a3271a}.status a{color:inherit}
.cside{display:grid;gap:14px;position:sticky;top:100px}
.cs-box{border:1px solid var(--line);border-radius:16px;padding:22px 24px;background:#fff}
.cs-box b{display:block;font-size:17px}.cs-box p{font-size:14.5px;color:var(--soft);margin-top:4px}.cs-box .btn{margin-top:14px;width:100%}
.cs-box ul{margin-top:8px;display:grid;gap:6px}.cs-box li{font-size:14.5px;padding-left:14px;position:relative}.cs-box li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--cb)}
.cs-box .ml{font-family:var(--en);font-weight:700;color:var(--cb);text-decoration:none}.cs-box .more{margin-top:10px}
.kk{align-self:center;font-weight:700;font-size:15px;color:var(--cb);text-decoration:none;margin-left:6px}.kk:hover{text-decoration:underline}
.formlink{font-weight:700;color:var(--cb)!important;font-family:var(--kr)!important}.mail .sep{display:inline-block;width:1px;height:12px;background:#cfced5;margin:0 12px;vertical-align:-1px}
@media (max-width:960px){.cwrap{grid-template-columns:1fr}.cside{position:static}}
@media (max-width:600px){.g2{grid-template-columns:1fr;gap:18px}.submit .btn{width:100%}.cbox dl{grid-template-columns:1fr}.cbox dt{margin-top:6px}.mail .sep{display:block;height:0;margin:6px 0}}

/* 인사이트 */
.insl{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:56px}.s2 .insl{justify-content:flex-start}
.s2 .insl{margin-top:0}
.insc{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid #e3e2e8;border-radius:18px;padding:18px;text-decoration:none;transition:border-color .2s,transform .2s;flex:1 1 340px;max-width:600px}
.insc:hover{border-color:var(--cb);transform:translateY(-3px)}
.insc-art{background:var(--cb);border-radius:12px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.insc-art svg{width:78%}
.insc-tx b{display:block;font-size:20px;line-height:1.4;letter-spacing:-.03em;color:var(--ink);margin-top:6px}.insc-tx p{font-size:15px;color:var(--soft);margin-top:4px}
.insc-m{display:block;margin-top:12px;font-size:13px;color:var(--faint)}
.insc-art.pic{background:#E8ECF6;overflow:hidden;position:relative}.insc-art.pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.insl.rows{display:block}.rows .insc{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:32px;max-width:none;padding:32px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.rows .insc:first-child{padding-top:0}
.rows .insc:hover{transform:none}.rows .insc:hover b{color:var(--cb)}.rows .insc-art{aspect-ratio:3/2;width:240px;border-radius:12px}.rows .insc-art svg{width:42%}
.rows .insc-tx b{font-size:26px;line-height:1.35;margin-top:10px}.rows .insc-tx p{font-size:16.5px;margin-top:10px}.rows .insc-m{margin-top:18px;font-size:14px;line-height:1}.rows .insc-tx .hash{display:block;line-height:1}
.art-h{padding:64px 0 40px;border-bottom:1px solid var(--line)}
.aw{max-width:760px}
.art-h h1{font-size:42px;line-height:1.3;font-weight:800;letter-spacing:-.045em;color:var(--ink);margin-top:2px}
.art-sub{font-size:19px;color:var(--soft);margin-top:12px}.art-m{font-size:14px;color:var(--faint);margin-top:20px}
.art-b{padding-top:48px;padding-bottom:96px;font-size:17.5px;line-height:1.85;color:var(--text)}
.art-b p{margin-top:16px}
.afig{margin:32px 0;padding:26px 26px 18px;border-radius:20px;background:#E8ECF6}.afig .afh{margin:0 0 16px;font-size:16px;font-weight:800;color:var(--ink)}.afig ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.afig li{background:#fff;border-radius:14px;padding:18px 18px 16px}.afig .tag{display:inline-block;font-size:12px;font-weight:700;color:var(--soft);border:1px solid var(--line);border-radius:99px;padding:1px 8px}.afig b{display:block;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.03em;color:var(--cb);margin:10px 0 6px}.afig li p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}.afig figcaption{margin-top:14px;font-size:12.5px;color:var(--faint)}@media(max-width:560px){.afig{padding:20px 16px 14px}.afig ul{grid-template-columns:1fr}}.asum{margin:32px 0 0;overflow-x:auto}.asum table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.6}.asum th{text-align:left;font-size:14px;color:var(--faint);font-weight:700;padding:0 14px 10px;border-bottom:2px solid var(--ink)}.asum td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.asum td:first-child{font-weight:800;color:var(--ink);white-space:nowrap}.asum th:first-child,.asum td:first-child{padding-left:0}
.atoc{margin:36px 0 8px;background:var(--gray);border-radius:14px;padding:22px 26px}.atoc b{font-size:15px;color:var(--ink)}
.atoc ol{margin-top:8px;padding-left:20px;list-style:decimal;display:grid;gap:4px}.atoc a{color:var(--cb);text-decoration:none;font-size:16px}.atoc a:hover{text-decoration:underline}
.aq{margin-top:64px;scroll-margin-top:96px}
.aq h2{display:flex;gap:14px;align-items:flex-start;font-size:27px;line-height:1.4;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.aq h2 .n{flex:none;width:36px;height:36px;border-radius:9px;background:var(--cb);color:#fff;font-family:var(--en);font-size:19px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.aq h3{font-size:17px;font-weight:800;color:var(--cb);margin-top:26px}
.abox{margin-top:22px;border-radius:14px;padding:20px 24px}.abox p{margin-top:6px;font-size:16.5px}.abox p:first-of-type{margin-top:8px}
.lab2{display:inline-block;font-size:13.5px;font-weight:800;border-radius:6px;padding:2px 10px}
.abox.good{background:var(--tint);border-left:4px solid var(--cb)}.abox.good .lab2{background:var(--cb);color:#fff}.abox.good p{color:var(--ink)}
.abox.bad{background:#f6f5f7;border-left:4px solid #b9b8c0}.abox.bad .lab2{background:#6f6e76;color:#fff}.abox.bad .q{font-weight:700;color:var(--ink)}
.atip{margin-top:20px!important;font-size:16px;color:var(--soft);padding-left:16px;border-left:2px solid var(--co)}.atip b{display:block;font-size:14px;color:var(--ink);margin-bottom:2px}
.achk{margin-top:24px;border:1.5px solid var(--cb);border-radius:16px;padding:22px 26px}
.achk-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.achk-h b{font-size:18px;color:var(--ink)}
.copy{font:inherit;font-size:14px;font-weight:700;color:var(--cb);background:var(--tint);border:0;border-radius:8px;padding:7px 14px;cursor:pointer}
.achk ul{margin-top:12px;display:grid;gap:8px}.achk li{font-size:16.5px;padding-left:30px;position:relative;line-height:1.6}
.achk li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border:2px solid var(--cb);border-radius:4px}
.copied{font-size:14px!important;color:var(--cb);margin-top:8px!important}.copied:empty{display:none}
.acta{margin-top:56px;background:var(--gray);border-radius:20px;padding:34px 36px}.acta b{font-size:23px;line-height:1.45;letter-spacing:-.03em;color:var(--ink)}.acta .cta{margin-top:20px}
@media (max-width:860px){
 .art-h{padding:40px 0 30px}.art-h h1{font-size:30px}.art-sub{font-size:17px}.art-b{font-size:16.5px;padding-top:32px;padding-bottom:64px}
 .aq{margin-top:48px}.aq h2{font-size:22px}.aq h2 .n{width:30px;height:30px;font-size:16px}.abox{padding:16px 18px}.achk{padding:18px}.acta{padding:24px 20px}.acta b{font-size:19px}.acta b br{display:none}
 .insc{flex-basis:100%;grid-template-columns:96px 1fr;gap:14px;padding:14px}.insc-tx b{font-size:17px}.rows .insc{grid-template-columns:auto 1fr;gap:14px;padding:20px 0}.rows .insc-art{width:116px!important}.rows .insc-tx b{font-size:20px}.rows .insc-tx p{font-size:15px}
}

/* 고객사례 9곳 카드 · 업종 필터 */
.cfil{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;scroll-margin-top:100px}
.cfil button{font:inherit;font-size:15px;font-weight:700;color:var(--text);background:#fff;border:1.5px solid #d6d5dd;border-radius:22px;padding:8px 18px;cursor:pointer}
.cfil button small{font-family:var(--en);font-size:13px;color:var(--faint);margin-left:2px}
.cfil button[aria-pressed=true]{background:var(--cb);border-color:var(--cb);color:#fff}.cfil button[aria-pressed=true] small{color:rgba(255,255,255,.8)}
html:not(.js) .cfil{display:none}
.c9s{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c9{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e2e8;border-radius:18px;padding:24px 24px 22px;min-height:300px}
.c9[hidden]{display:none}
.c9-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;height:48px}
.c9-lg{display:flex;align-items:center;height:44px}.c9-lg img{height:calc(var(--h)*1px);width:auto;max-width:150px;filter:none}.c9-lg .tx{font-size:20px;color:var(--ink)}
.c9-b{flex:none;font-size:12.5px;font-weight:700;color:var(--soft);background:#f1f1f4;border-radius:14px;padding:4px 10px;white-space:nowrap}.c9-b.s{color:var(--cb);background:var(--tint)}
.c9-ind{align-self:flex-start;margin-top:16px;font-size:12.5px;font-weight:700;color:var(--cb);border:1px solid rgba(29,68,165,.3);border-radius:6px;padding:1px 8px}
.c9 h3{font-size:19px;line-height:1.4;letter-spacing:-.03em;color:var(--ink);margin-top:10px}
.c9-m{font-size:14px;color:var(--faint);margin-top:4px}.c9-d{font-size:15px;color:var(--soft);margin-top:12px;flex:1}
.c9 .more{margin-top:16px;font-size:15px}
.c9-empty{text-align:center;color:var(--soft);padding:40px 0}
@media (max-width:1100px){.c9s{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.c9s{grid-template-columns:1fr}.c9{min-height:0}.cfil button{font-size:14px;padding:7px 14px}}