@font-face{font-family:"72 Brand";src:url(/assets/fonts/72-brand/BrandRegular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"72 Brand";src:url(/assets/fonts/72-brand/BrandMedium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"72 Brand";src:url(/assets/fonts/72-brand/BrandBold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}
/* 기준: sap.folloze.com/sap-next-100-fabless (1280px 화면에서 측정한 값) */
@font-face{font-family:"72";src:url(/assets/fonts/72/72-Regular-full.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"72";src:url(/assets/fonts/72/72-Semibold-full.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"72";src:url(/assets/fonts/72/72-Bold-full.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
:root{--navy:#00144a;--blue:#0057d2;--blue2:#0070f2;--sky:#1b90ff;--hl:#4db1ff;--ink:#12171c;--sub:#666;--muted:#999;--gray:#f7f8fa;--line:#eaecee;--teal:#18837e;
 --font:"72 Brand",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}
body{margin:0;background:#fff;color:#000;font:16px/1.65 var(--font);word-break:keep-all}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3,h4,p,ul,ol{margin:0}
.wrap{max-width:1536px;margin:0 auto;padding:0 80px;box-sizing:border-box}
.wrap-l{width:min(100vw,1440px);position:relative;left:50%;transform:translateX(-50%);margin:0;padding:0 32px;box-sizing:border-box}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:100}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border:1px solid transparent;border-radius:4px;font-size:14px;line-height:38px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px rgba(17,24,39,.06);transition:background .2s ease-in-out,border-color .2s ease-in-out}
.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn-blue:hover{background:#0040b0;border-color:#0040b0}
.btn-white{background:#fff;border-color:#fff;color:#000}.btn-white:hover{background:#d5dadd;border-color:#ebf8ff}
.btn-sm{height:auto;line-height:1.65;padding:10px 22px;border-radius:22px;border:0;background:var(--sky);font-size:13.5px;font-weight:600;transition:background .2s ease}.btn-sm:hover{background:var(--blue2);border:0}
/* header */
.hd{padding-bottom:12px;position:sticky;top:0;z-index:50;background:#fff}
.hd-in{max-width:1376px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:12px;box-sizing:content-box}
.hd-logos{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.logo-gold{height:40px;width:auto}.logo-acras{height:15px;width:auto}
.hd-nav{display:flex;margin-left:auto}
.hd-nav a{display:flex;align-items:center;height:40px;padding:0 12px;white-space:nowrap;font-size:20px;line-height:38px;font-weight:600;color:#354a5f;text-decoration:none;border-bottom:3px solid transparent;padding-top:3px;transition:background .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.hd-nav a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.hd-cta{flex:none}
.menu{display:none;width:40px;height:40px;border:0;background:none;cursor:pointer;position:relative}
.menu span,.menu span:before,.menu span:after{position:absolute;left:9px;width:22px;height:2px;background:#000;content:"";transition:.2s}
.menu span{top:19px}.menu span:before{top:-7px;left:0}.menu span:after{top:7px;left:0}
.menu[aria-expanded=true] span{background:transparent}.menu[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.menu[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}
/* Folloze 플랫폼 본문과 같은 글꼴 fallback 순서 */
.hero,.band,.pain,.solve,.inst,.case,.cta{font-family:"72 Brand",sans-serif;word-break:normal}
/* hero 446px */
.hero{background:radial-gradient(104% 188%,#0040b0 0%,#170050 100%);color:#f5f6f7;overflow:hidden}
.hero-in{display:flex;justify-content:space-between;align-items:flex-start;min-height:302px;padding-top:84px;padding-bottom:60px}
.hero-copy{max-width:540px}
.hero-eyebrow{font-size:32px;line-height:44.8px;color:#f5f6f7}
.hero h1{margin-top:7px;font-size:48px;line-height:57.6px;font-weight:700;letter-spacing:-1.44px;color:#fff}
.hero h1 span{color:var(--hl)}
.hero-lead{margin-top:16px;font-size:16px;line-height:24px}.hero-lead strong{font-weight:700}
.hero-desc{font-size:16px;line-height:24px;color:#d5dadd;max-width:517px}
.hero .btn{margin-top:36px}
.hero-art{position:relative;flex:none;width:521px;height:253px;margin-top:-4px}
.art-chip{position:absolute;left:104px;top:51px;width:333px;height:166px;object-fit:cover;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}
.art-c1{position:absolute;left:2px;top:2px;width:142px;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.art-c2{position:absolute;left:257px;top:181px;width:127px;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.art-search{position:absolute;left:239px;top:2px;width:276px;height:33px;border-radius:17px;background:#fff;display:flex;align-items:center;padding:0 34px 0 16px;font-size:12.5px;color:#1a1a1a;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.art-search:after{content:"";position:absolute;right:14px;top:10px;width:9px;height:9px;border:2px solid #0a6ff5;border-radius:50%}
.art-search:before{content:"";position:absolute;right:11px;top:21px;width:6px;height:2px;background:#0a6ff5;transform:rotate(45deg)}
/* band 116px / 152px */
.band{background:var(--navy);text-align:center}
.band p{margin:0 auto;padding:40px 24px 39px;font-size:24px;line-height:36px;letter-spacing:-1.08px;color:#d5dadd}
.band strong{color:#fff;font-weight:700}
.band2 p{word-break:keep-all;max-width:830px;padding:44px 24px 45px;color:#fff}.band2 strong{color:var(--hl)}
/* dark pain 673px */
.pain{background:radial-gradient(112% 166% at 90% 20%,#00144a 0%,#000002 15%,#05070f 100%);padding-top:80px}
.h-dark{font-size:32px;line-height:44.8px;font-weight:400;letter-spacing:-1.08px;color:#d5dadd}.h-dark strong{color:#fff;font-weight:700}
.sub-dark{margin-top:24px;font-size:16px;line-height:24px;color:#d5dadd}.sub-dark strong{font-weight:700}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px}
.pain-grid{margin-top:56px;padding-bottom:40px}
.dcard{position:relative;overflow:hidden;border-radius:6px;padding:24px;min-height:148px;background:conic-gradient(from 123deg,#171d35 0%,#2d3350 100%)}
.dcard:after,.bcard:after{content:"";position:absolute;right:-18%;bottom:-75%;width:70%;height:150%;transform:rotate(-55deg);pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,0))}
.dcard h3{margin-top:4px;font-size:20px;line-height:28px;font-weight:700;color:#fff;margin-bottom:8px}
.dcard p{font-size:20px;line-height:28px;color:#aab0b4;margin-bottom:4px}
.dcard:nth-child(3) p{font-weight:500}
.pain-next{height:169px;padding-top:13px;text-align:center;color:#ebf8ff;background:linear-gradient(0deg,#0040b0 0%,#05070f 93%)}
.pain-next p{font-size:20px;line-height:28px;letter-spacing:-1.08px}
.pain-next span{letter-spacing:-1.08px;display:block;margin-top:22px;font-size:24px;line-height:36px}
/* blue solve 861px */
.solve{background:#0040b0;padding:10px 0 40px}
.solve .h-dark{color:#ebf8ff}.solve .h-dark strong{color:#f5f6f7}
.solve .sub-dark{color:#c1dae8}.solve .sub-dark strong{color:#ebf8ff}
.solve-grid{margin-top:56px}
.bcard{position:relative;overflow:hidden;border-radius:6px;padding:24px;min-height:0;background:conic-gradient(from 123deg,#85b3f5 0%,#0057d2 100%);color:#ebf8ff}
.bcard:after{background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,0))}
.bcard .tag{display:block;margin-top:4px;font-size:14px;line-height:21px;font-weight:500;color:#bbc6cd;margin-bottom:8px}
.bcard h3{font-size:24px;line-height:36px;font-weight:700;color:#fff;margin-bottom:8px}
.bcard p{position:relative;z-index:1;font-size:16px;line-height:24px;margin-bottom:24px}
.bcard .res{font-weight:700;margin:0 0 4px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:none}
/* light sections: gray 15px gaps, white panels */
.sec{background:var(--gray);padding:0}
.sec:last-of-type{padding-bottom:0}
.panel{background:var(--gray);padding:41px 0;overflow:clip}
.sec h2{font-size:30px;line-height:49.5px;font-weight:700;letter-spacing:-1.05px;color:var(--navy)}
.sub{margin-top:10px;max-width:720px;font-size:16px;line-height:27.2px;color:var(--sub)}
.sub small{display:block;margin-top:4px;font-size:15px;line-height:25.5px;color:var(--muted)}
.note{margin-top:24px;font-size:13px;line-height:22.75px;color:var(--muted)}
/* 사업 대상 */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#target .grid4{margin-top:36px}
.tcard{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#ecf8ff}
.tcard img{width:100%;height:auto;aspect-ratio:620/335;object-fit:cover;background:#eaecee}
.tcard>div{padding:18px 18px 20px}
.tcard h3{font-size:18px;line-height:25.2px;font-weight:700;letter-spacing:-.63px;margin-bottom:10px}
.tcard p{font-size:14.5px;line-height:23.2px;color:var(--sub)}
/* 평가 기준 */
.score{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,20,74,.05)}
.score{padding:36px 0 34px;position:relative;overflow:hidden}
.score article{position:static;padding:0 30px}
.score article:before{width:25%;left:auto}
.score article:nth-child(1):before{left:0}.score article:nth-child(2):before{left:25%;background:#0a5bd3}.score article:nth-child(3):before{left:50%}.score article:nth-child(4):before{left:75%}
.score article:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--c)}
.score article:first-child:before{border-top-left-radius:4px}.score article:last-child:before{border-top-right-radius:4px}
.score strong{display:block;font-size:30px;line-height:33px;font-weight:700;letter-spacing:-1.2px;color:var(--c);margin-bottom:6px}
.score strong small{font-size:19px;line-height:20.9px;letter-spacing:-1.2px;margin-left:1px}
.score h3{font-size:17px;line-height:22.95px;font-weight:700;letter-spacing:-.595px;margin-bottom:20px}
.score p{font-size:14px;line-height:22.4px;color:var(--sub)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.steps li{border:1px solid #e9ecf0;border-radius:12px;padding:22px 22px 24px;background:#fff}
.steps span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:26px;border-radius:7px;background:var(--c);color:#fff;font-size:13px;line-height:21.45px;font-weight:700;letter-spacing:.26px;margin-bottom:14px}
.steps h3{font-size:19px;line-height:25.65px;font-weight:700;letter-spacing:-.76px;margin-bottom:16px}
.steps p{font-size:14px;line-height:22.4px;color:var(--sub)}
.ic{flex:none;width:45px;height:45px;background:center/30px no-repeat}
.ck{flex:none;width:16px;height:16px;margin-top:4px;color:var(--blue2)}
/* 지원 패키지 */
.pkg-head{display:flex;align-items:center;gap:14px;margin-top:48px}
.sec .sub+.pkg-head{margin-top:36px}
.pill{display:inline-flex;align-items:center;padding:7px 15px;border-radius:20px;background:var(--blue2);color:#fff;font-size:13px;line-height:21.45px;font-weight:700;letter-spacing:.3px}.pill.teal{background:var(--teal)}
.pkg-head h3{font-size:22px;line-height:29.7px;font-weight:700;letter-spacing:-.66px;color:var(--navy)}
.pkg-desc{margin-top:12px;max-width:90ch;font-size:16px;line-height:28px;color:var(--sub)}
.pkg-desc{box-sizing:content-box;padding-bottom:18px;border-bottom:2px solid var(--line);max-width:none}
.pkg-desc>span{display:block;max-width:90ch}
.pkg-head:has(.teal)+.pkg-desc{border-bottom-color:#cfede9}
.kgrid{gap:24px;margin-top:26px}
#package .grid4{margin-top:26px}
.kcard{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,20,74,.07)}
.kcard.blue{background:#eff6ff}.kcard.teal{background:#e6f7f5}
.kcard>img{width:100%;height:150px;object-fit:cover;background:#0a1a33}
.kcard>div{flex:1;display:flex;flex-direction:column;padding:26px 24px 28px}
.klogo{align-self:flex-start;object-fit:contain;height:36px;width:auto;margin-bottom:22px}.klogo-acras{width:180px;max-width:100%;object-position:left center}.klogo[alt="SAP Partner"]{height:28px;margin:4px 0 26px}.klogo[alt="하나은행"]{height:32px;margin-bottom:24px}.klogo[alt="VISA"]{height:26px;margin:5px 0 27px}
.kcard h4{font-size:17px;line-height:24.65px;font-weight:700;margin-bottom:6px}
.pct{display:block;margin-bottom:20px;font-size:25px;line-height:33.75px;font-weight:700;color:var(--blue2)}
.kcard.teal h4{font-size:21px;line-height:28.35px;color:var(--teal)}
.kcard small{display:block;margin:-14px 0 18px;font-size:14.5px;line-height:21.75px;color:var(--sub)}
.kcard ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;font-size:16px;line-height:26.4px;color:#000}
.kcard.teal h4{margin-bottom:20px}
.kcard.teal ul{margin:0}
.kcard li{position:relative;display:block;padding-left:26px;font-size:14.5px;line-height:22.475px}.kcard .ck{position:absolute;left:4px;top:4px;margin:0;width:12px}.kcard.teal .ck{color:var(--teal)}
/* 사업 일정 */
.table-wrap{position:relative;margin-top:36px;overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,20,74,.06)}
.sched{width:100%;border-collapse:collapse;min-width:760px;font-size:14px;line-height:23.1px}
.sched thead th{background:#1a1a1a;color:#fff;font-weight:600;letter-spacing:.3px;text-align:left;padding:14px 18px}
.sched th,.sched td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line)}
.sched th:nth-child(1){width:195px}.sched th:nth-child(2){width:268px}.sched th:nth-child(4){width:219px}
.sched tbody th{font-weight:600}
.sched tr:last-child>*{border-bottom:0}
.sched tr.hl>*{background:#d1efff;font-weight:700;padding-top:16px;padding-bottom:16px}
.sched td:last-child{text-align:right}
/* 사업 과정 */
#process .sub{max-width:none;color:#000;font-size:16px;line-height:26.4px;margin-top:13px}
#schedule .note{margin-top:16px;line-height:22.1px}
.phases{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:space-between;gap:24px;margin-top:41px}
.phases li{position:relative;border:1px solid var(--line);border-radius:14px;padding:26px 24px 28px;background:#fff;box-shadow:0 1px 4px rgba(0,20,74,.05);min-height:0}
.dur{position:absolute;top:0;transform:translateY(-50%);left:24px;display:inline-flex;align-items:center;padding:6px 15px;background:var(--blue2);color:#fff;font-size:13.5px;line-height:22.275px;font-weight:700;letter-spacing:-.135px;border-radius:6px}
.phases .ic{position:absolute;right:24px;top:24px;width:46px;height:46px;border-radius:50%;background-color:#f2f3f5;background-size:20px}
.phases em{display:block;font-style:normal;margin-top:22px;font-size:17px;line-height:22.1px;font-weight:600;letter-spacing:-.17px;color:var(--sky)}
.phases h3{margin-top:4px;font-size:26px;line-height:33.8px;font-weight:700;letter-spacing:-1.04px;color:#000}
.phases p{margin-top:22px;font-size:15.5px;line-height:24.8px;color:#000}
/* 함께하는 기관 */
.inst>.wrap,.case>.wrap{max-width:1440px;padding-left:36px;padding-right:36px}
.inst{background:#fff;padding:44px 0 56px}
.inst h2,.case h2{font-size:36px;line-height:50.4px;font-weight:700;letter-spacing:-1.08px;color:var(--ink)}
.inst-sub{margin-top:25px;font-size:16px;line-height:24px;color:#354a5f}
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:61px}
.logos div{height:145px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.logos img{max-width:70%;max-height:56px;width:auto;height:auto}.logos div:first-child img{max-height:28px}
/* 도입사례 386px */
.case{background:#ebf8ff;padding:44px 0}
.case-in{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.case-copy{flex:1;min-width:0;padding-top:0}
.case p{margin-top:25px;font-size:16px;line-height:24px;color:#5b738b}.case p+p{margin-top:24px}.case p strong{font-weight:500}
.case .btn{margin-top:29px}
.case-thumb{flex:none;display:block;width:calc(50% - 20px);height:auto;aspect-ratio:960.48/540;margin-right:0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(0,20,74,.1);transition:transform .2s}
.case-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.case-thumb:hover{transform:none}
/* 원본 CTA 배경 이미지와 간격 */
.cta{position:relative;overflow:hidden;padding:80px 0;color:#fff;text-align:center;background:#0057d2 url(/assets/fabless/cta-background.jpg) center/cover no-repeat}
.cta:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:inherit}
.cta .wrap{position:relative;width:100%}
.cta h2{font-size:36px;line-height:50.4px;font-weight:700;letter-spacing:-1.08px}
.cta p{margin-top:16px;font-size:16px;line-height:24px;color:#f5f6f7}
.cta .btn{margin-top:24px}
/* footer: ACRAS 정보만 (기준 페이지 푸터 톤) */
.ft{background:#f8f8f8;color:#000;padding:36px 0 0;font-size:16px;line-height:26.4px}
.ft .wrap{max-width:1205px}
.ft-logo{height:22px;width:auto;margin-bottom:18px}
.ft p{margin:0 0 12px}.ft a{text-decoration:none}.ft a:hover{text-decoration:underline}
.ft-copy{margin:24px 0 0!important;padding:20px 0;border-top:1px solid #e1e1e1}
.ic-people{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230057d2%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%278%27%20cy%3D%278%27%20r%3D%273%27/%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%278%27%20r%3D%273%27/%3E%3Cpath%20d%3D%27M2%2019c0-3%203-5%206-5s6%202%206%205M12%2019c0-3%202-5%204-5%203%200%206%202%206%205%27/%3E%3C/g%3E%3C/svg%3E")}.ic-globe{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230057d2%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M3%2012h18M12%203c3%203%203%2015%200%2018M12%203c-3%203-3%2015%200%2018%27/%3E%3C/g%3E%3C/svg%3E")}.ic-truck{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230057d2%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%27M4%206l8%206-8%206M12%206l8%206-8%206%27/%3E%3C/g%3E%3C/svg%3E")}.ic-board{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230057d2%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M7%209h10M7%2013h6M9%2021h6%27/%3E%3C/g%3E%3C/svg%3E")}.ic-chart{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%230057d2%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%27M4%2020V10M10%2020V4M16%2020v-7M22%2020H2%27/%3E%3C/g%3E%3C/svg%3E")}
.ic-pen{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235b738b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%27M4%2020l4-1%2011-11-3-3L5%2016z%27/%3E%3C/g%3E%3C/svg%3E")}.ic-target{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235b738b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%271%27/%3E%3C/g%3E%3C/svg%3E")}.ic-doc{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235b738b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2714%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M9%208h6M9%2012h6M9%2016h4%27/%3E%3C/g%3E%3C/svg%3E")}.ic-pin{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%235b738b%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%27M14%203l7%207-4%201-4%204%201%204-2%201-4-4-4%204M9%2012l3-6%27/%3E%3C/g%3E%3C/svg%3E")}

/* hover (기준 페이지와 동일 값) */
.tcard,.steps li,.kcard,.phases li{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tcard:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,20,74,.1);border-color:#89d1ff}
.steps li:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,20,74,.09)}
.kcard:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,20,74,.12)}
.phases li:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,20,74,.1);border-color:#89d1ff}
.sched tbody tr:hover>*{background:#f4faff}
.sched tbody tr.hl:hover>*{background:#c3e9ff}
:focus-visible{outline:2px solid #0070f2;outline-offset:2px}
@media (min-width:1024px){.h-dark,.sub-dark{max-width:75%}}
/* responsive: 원본 콘텐츠의 1024 / 900 / 768px 전환 */
/* 고객사 로고가 2개이므로 메뉴 글자를 줄이지 않고 공간 부족 시 메뉴를 접는다. */
@media (max-width:1170px){
 .menu{display:block;margin-left:auto}
 .hd-nav{display:none;position:absolute;left:0;right:0;top:60px;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 16px;margin:0}
 .hd-nav.open{display:flex}.hd-nav a{height:auto;padding:12px 0;font-size:20px;line-height:33px;font-weight:400;color:#000;border-bottom:1px solid var(--line)}
}
@media (min-width:640px) and (max-width:1023px){
 .wrap{padding-left:40px;padding-right:40px}
 .pain-grid,.solve-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){
 .wrap{padding-left:16px;padding-right:16px}
 .pain-grid,.solve-grid{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:1024px){
 /* 스크롤바를 제외한 콘텐츠 폭으로 인접 섹션의 좌우 선을 맞춘다. */
 .wrap-l{width:100%}
 .inst>.wrap,.case>.wrap{padding-left:32px;padding-right:32px}
 .grid4,.score,.steps,.phases{grid-template-columns:repeat(2,minmax(0,1fr))}
 #target .grid4{gap:18px}.tcard h3{font-size:17.5px;line-height:1.4;letter-spacing:-.035em}
 .score{padding:34px 0 30px;row-gap:30px}.score article:before{display:none}.score:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00256e 50%,#0a5bd3 50%)}
 .steps{gap:18px}.phases{gap:28px 20px}.phases h3{font-size:24px;line-height:1.3;letter-spacing:-.04em}
 .kgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pct{font-size:23px;line-height:1.35}
 .sched th,.sched td{padding:13px 14px;font-size:13.5px}.sched th:nth-child(1){width:18%}.sched th:nth-child(4){width:20%}
}
@media (max-width:900px){
 .panel{padding:25px 0}.sec h2{font-size:26px;letter-spacing:-.035em}
 #criteria .score article{padding:0 24px}
 .kcard>img{height:132px}.phases .ic{width:42px;height:42px;top:22px;right:22px;background-size:22px}
 .btn-sm{padding:9px 16px;font-size:13px}
 .hero-in{flex-direction:column;gap:40px}.hero-art{align-self:center;max-width:100%}
 .case-in{flex-direction:column}.case-thumb{width:100%;margin:0}
 .logos{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
 .inst>.wrap,.case>.wrap{padding-left:20px;padding-right:20px}
 .hd-in{padding-left:16px;padding-right:16px}.wrap-l{padding:0 20px}.hd-in{gap:8px}
 .logo-gold{height:30px}.logo-acras{height:12px}.hd-logos{gap:8px}
 .hero-in{padding-top:48px}.hero-art{width:100%;height:auto;aspect-ratio:521/253}
 .art-chip{left:20%;top:20%;width:64%;height:66%}.art-c1{left:0;top:0;width:27%}.art-c2{left:49%;top:72%;width:24%}.art-search{left:46%;width:53%;height:26px;font-size:9px;padding:0 22px 0 8px}
 .art-search:after{right:8px;top:7px;width:7px;height:7px}.art-search:before{right:6px;top:15px;width:5px}
 .sec h2{font-size:23px;line-height:1.65}.sub{font-size:16px;line-height:1.7}
 .grid4,.score,.steps,.phases,.kgrid{grid-template-columns:minmax(0,1fr)}
 #target .grid4{gap:16px}.tcard>div{padding:16px 16px 18px}.tcard h3{font-size:17px;line-height:1.4}.tcard p{font-size:14px;line-height:1.6}
 .score{row-gap:26px}.score:before{background:#00256e}#criteria .score article{padding:0 20px}.score h3{margin-bottom:12px}
 .steps{gap:14px}.steps li{padding:20px 18px 22px}.steps h3{font-size:18px;line-height:1.35;letter-spacing:-.04em;margin-bottom:12px}
 .pkg-head{flex-wrap:wrap;gap:8px 12px;margin-top:36px}.pkg-head h3{font-size:19px;line-height:1.35;letter-spacing:-.03em}
 .pkg-desc{font-size:15px;line-height:1.7;padding-bottom:15px;margin-top:10px}.kgrid,#package .grid4{margin-top:20px;gap:18px}
 .kcard>img{height:120px}.kcard>div{padding:22px 20px 24px}.klogo{max-width:150px;object-fit:contain;align-self:flex-start}
 .pct{font-size:22px;line-height:1.35}.kcard.teal h4{font-size:20px;line-height:1.35}
 .phases{gap:26px;margin-top:34px}.phases li{padding:24px 20px 26px;min-height:0}.phases h3{font-size:23px;line-height:1.3}.phases p{font-size:15px;line-height:1.6;margin-top:18px}
 #process .sub{font-size:15px;line-height:1.65}
 .table-wrap{overflow:visible;box-shadow:none;border-radius:0}.sched{min-width:0}.sched thead{display:none}
 .sched,.sched tbody,.sched tr,.sched th,.sched td{display:block;width:auto!important}
 .sched tr{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;overflow:hidden}
 .sched tr.hl{background:#d1efff;border-color:var(--sky)}.sched th,.sched td,.sched tr.hl>*{padding:4px 0;border:0;background:none;font-size:14px}
 .sched tbody th{font-size:16px;font-weight:700;color:var(--navy)}.sched td:last-child{text-align:left}.sched td:empty{display:none}.sched td:has(.btn){padding-top:12px}
 .sched .m-label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.3px;color:var(--muted);margin-bottom:2px}.sched .hl .m-label{color:#002a86}
 .sched .btn-sm{width:100%;text-align:center;padding:12px 20px}
 .logos{gap:12px;margin-top:32px}.logos div{height:96px}
 .case-thumb{width:100%;height:auto;aspect-ratio:960.48/540}
}
.sched .m-label{display:none}
@media (max-width:768px){.sched .m-label{display:block}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.reveal{opacity:1;transform:none}}
/* FAQ */
.faq-list{display:grid;gap:14px;margin-top:36px}
.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.faq-item[open]{border-color:#bcdcff;box-shadow:0 10px 30px rgba(10,110,209,.08)}
.faq-item summary{display:flex;align-items:center;gap:16px;padding:22px 28px;color:var(--ink);cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{flex:1;margin:0;font-size:19px;font-weight:700;line-height:1.45}
.faq-q{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:var(--blue);color:#fff;font-weight:700;font-size:15px}
.faq-icon{flex-shrink:0;position:relative;width:18px;height:18px}
.faq-icon:before,.faq-icon:after{content:'';position:absolute;left:0;top:8px;width:18px;height:2px;background:#7d8ea3;border-radius:2px;transition:transform .2s}
.faq-icon:after{transform:rotate(90deg)}
.faq-item[open] .faq-icon:after{transform:rotate(0)}
.faq-a{padding:0 28px 24px 74px;color:var(--sub);line-height:1.85}
.faq-a p{margin:0 0 8px}.faq-a p:first-child{color:#34445a;font-weight:600}.faq-a p:last-child{margin-bottom:0}
@media(max-width:720px){.faq-list{gap:10px}.faq-item{border-radius:14px}.faq-item summary{padding:18px 16px;gap:12px}.faq-item summary h3{font-size:16px}.faq-q{width:26px;height:26px;font-size:13px}.faq-a{padding:0 16px 20px 54px;font-size:14px}}

/* 원본 업무 프로세스 도식: SVG와 반응형 구조를 그대로 유지 */
#scope{--bp-white:#fff;--bp-black:#000;--bp-dark-navy:#002a86;--bp-light-blue:#89d1ff;--bp-purple:#b79bea;--bp-purple-deep:#5b3fa8}
.bp-canvas{margin-top:36px}
.bp-canvas{
            background: var(--gray);
            border-radius: 16px;
            padding: 28px 28px 24px;
            position: relative;
        }
.bp-card{
            background: var(--bp-white);
            border-radius: 12px;
            padding: 22px 24px;
            box-shadow: 0 1px 6px rgba(0,20,74,0.07);
            position: relative;
        }
.bp-head{ display: flex; align-items: flex-start; gap: 15px; margin-bottom: 18px; }
.bp-ico{
            flex: 0 0 auto; width: 42px; height: 42px;
            display: flex; align-items: center; justify-content: center;
        }
.bp-ico svg{ width: 100%; height: 100%; display: block; }
.bp-title{ font-size: 22px; font-weight: 700; color: var(--bp-black); line-height: 1.3; }
.bp-sub{ font-size: 15px; color: var(--muted); font-weight: 400; margin-top: 3px; }
.bp-items{margin:0;padding:0;display: grid; gap: 11px 24px; }
.bp-items li{
            list-style: none; position: relative; padding-left: 23px;
            font-size: 16px; line-height: 1.5; color: var(--bp-black); word-break: keep-all;
        }
.bp-items li::before{
            content: '';
            position: absolute; left: 2px; top: 7px;
            width: 11px; height: 6px;
            border-left: 2px solid var(--bp-dark-navy);
            border-bottom: 2px solid var(--bp-dark-navy);
            transform: rotate(-45deg);
        }
.bp-row-top{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            position: relative;
        }
.bp-row-top .bp-items{ grid-template-columns: 1fr 1fr; }
.bp-flowarrow{
            position: absolute;
            z-index: 0;
            left: -16px;
            right: -46px;
            top: 46%;
            height: 52px;
            transform: translateY(-50%);
            pointer-events: none;
        }
.bp-flowarrow-bar{
            position: absolute;
            left: 0; right: 46px; top: 0; bottom: 0;
            background: linear-gradient(90deg, #0A4FC4 0%, #1470E8 55%, #1B90FF 100%);
        }
.bp-flowarrow-bar::after{
            content: '';
            position: absolute;
            right: -46px; top: 50%;
            transform: translateY(-50%);
            width: 0; height: 0;
            border-top: 42px solid transparent;
            border-bottom: 42px solid transparent;
            border-left: 46px solid #1B90FF;
        }
.bp-row-top .bp-card{
            position: relative;
            z-index: 1;
        }
.bp-connectors{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            padding: 12px 0;
        }
.bp-conn{ display: flex; justify-content: center; gap: 5px; color: var(--bp-light-blue); }
.bp-conn svg{ width: 15px; height: 26px; }
.bp-row-wide{ }
.bp-row-wide .bp-card{
            display: grid;
            grid-template-columns: 250px 1fr;
            gap: 20px;
            align-items: center;
        }
.bp-row-wide .bp-head{ margin-bottom: 0; flex-direction: column; align-items: flex-start; gap: 10px; }
.bp-row-wide .bp-items{ grid-template-columns: repeat(3, 1fr); }
.bp-foundation{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 6px;
            margin-top: 22px;
        }
.bp-foundation div{
            background: var(--bp-purple);
            color: var(--bp-purple-deep);
            text-align: center;
            padding: 15px 10px;
            font-size: 19px;
            font-weight: 600;
            letter-spacing: 0.3px;
        }
.bp-foundation div:first-child{ border-radius: 10px 0 0 10px; }
.bp-foundation div:last-child{ border-radius: 0 10px 10px 0; }
.bp-note{
            margin-top: 20px; font-size: 13px; color: var(--muted); line-height: 1.75;
        }
@media (max-width: 1024px){.bp-canvas{ padding: 24px 22px 20px; }
.bp-row-top{ grid-template-columns: 1fr; gap: 0; }
.bp-row-top .bp-card{ margin-bottom: 14px; }
.bp-row-top .bp-card:last-child{ margin-bottom: 0; }
.bp-flowarrow{ display: none; }
.bp-connectors{ grid-template-columns: 1fr; padding: 14px 0; }
.bp-conn:nth-child(n+2){ display: none; }
.bp-row-wide .bp-card{ grid-template-columns: 1fr; gap: 16px; align-items: start; }
.bp-row-wide .bp-head{ flex-direction: row; align-items: flex-start; gap: 14px; }
.bp-row-wide .bp-items{ grid-template-columns: 1fr 1fr; }}
@media (max-width: 900px){.bp-foundation div{ font-size: 17px; padding: 13px 8px; }}
@media (max-width: 768px){.bp-canvas{ padding: 18px 16px 16px; border-radius: 12px; }
.bp-card{ padding: 18px 18px; }
.bp-title{ font-size: 19px; }
.bp-sub{ font-size: 14px; }
.bp-items li{ font-size: 15px; }
.bp-row-top .bp-items,
            .bp-row-wide .bp-items{ grid-template-columns: 1fr; }
.bp-foundation{ grid-template-columns: 1fr; gap: 5px; }
.bp-foundation div{ border-radius: 8px !important; font-size: 16px; }}
#scope .note{margin-top:20px}
/* Folloze 배너 제목은 태블릿 90%, 모바일 75%로 축소된다. */
@media (max-width:1023px){.cta h2{font-size:32.4px;line-height:45.36px;letter-spacing:-.972px}}
@media (max-width:639px){.cta h2{font-size:27px;line-height:37.8px;letter-spacing:-.81px}.cta .btn{margin-top:16px}}

@media (min-width:640px){.cta h2,.cta p{max-width:75%;margin-left:auto;margin-right:auto}}

.bcard:first-child .tag{font-weight:400}