PageSourceSearch

https://www.docenty.ai/_next/static/immutable/chunks/2luxn95okz5wk.js

js docenty.ai collected 2026-10-05 11:57:34 UTC 116,567 bytes, 1,324 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,896796,(s,i,a)=>{Object.defineProperty(a,"__esModule",{value:!0});var l=s.r(94513),e=l&&"object"==typeof l&&"default"in l?l:{default:l};!function(s){if(!s||"u"<typeof window)return;let i=document.createElement("style");i.setAttribute("type","text/css"),i.innerHTML=s,document.head.appendChild(i)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}'),a.default=l.forwardRef(function({style:s={},className:i="",autoFill:a=!1,play:t=!0,pauseOnHover:d=!1,pauseOnClick:n=!1,direction:c="left",speed:r=50,delay:v=0,loop:o=0,gradient:p=!1,gradientColor:x="white",gradientWidth:b=200,onFinish:m,onCycleComplete:h,onMount:f,children:g},u){let[y,I]=l.useState(0),[A,w]=l.useState(0),[P,N]=l.useState(1),[C,j]=l.useState(!1),E=l.useRef(null),T=u||E,k=l.useRef(null),S=l.useCallback(()=>{if(k.current&&T.current){let s=T.current.getBoundingClientRect(),i=k.current.getBoundingClientRect(),l=s.width,e=i.width;("up"===c||"down"===c)&&(l=s.height,e=i.height),a&&l&&e?N(e<l?Math.ceil(l/e):1):N(1),I(l),w(e)}},[a,T,c]);l.useEffect(()=>{if(C&&(S(),k.current&&T.current)){let s=new ResizeObserver(()=>S());return s.observe(T.current),s.observe(k.current),()=>{s&&s.disconnect()}}},[S,T,C]),l.useEffect(()=>{S()},[S,g]),l.useEffect(()=>{j(!0)},[]),l.useEffect(()=>{"function"==typeof f&&f()},[]);let R=l.useMemo(()=>a?A*P/r:A<y?y/r:A/r,[a,y,A,P,r]),L=l.useMemo(()=>Object.assign(Object.assign({},s),{"--pause-on-hover":!t||d?"paused":"running","--pause-on-click":!t||d&&!n||n?"paused":"running","--width":"up"===c||"down"===c?"100vh":"100%","--transform":"up"===c?"rotate(-90deg)":"down"===c?"rotate(90deg)":"none"}),[s,t,d,n,c]),M=l.useMemo(()=>({"--gradient-color":x,"--gradient-width":"number"==typeof b?`${b}px`:b}),[x,b]),z=l.useMemo(()=>({"--play":t?"running":"paused","--direction":"left"===c?"normal":"reverse","--duration":`${R}s`,"--delay":`${v}s`,"--iteration-count":o?`${o}`:"infinite","--min-width":a?"auto":"100%"}),[t,c,R,v,o,a]),B=l.useMemo(()=>({"--transform":"up"===c?"rotate(90deg)":"down"===c?"rotate(-90deg)":"none"}),[c]),K=l.useCallback(s=>[...Array(Number.isFinite(s)&&s>=0?s:0)].map((s,i)=>e.default.createElement(l.Fragment,{key:i},l.Children.map(g,s=>e.default.createElement("div",{style:B,className:"rfm-child"},s)))),[B,g]);return C?e.default.createElement("div",{ref:T,style:L,className:"rfm-marquee-container "+i},p&&e.default.createElement("div",{style:M,className:"rfm-overlay"}),e.default.createElement("div",{className:"rfm-marquee",style:z,onAnimationIteration:h,onAnimationEnd:m},e.default.createElement("div",{className:"rfm-initial-child-container",ref:k},l.Children.map(g,s=>e.default.createElement("div",{style:B,className:"rfm-child"},s))),K(P-1)),e.default.createElement("div",{className:"rfm-marquee",style:z},K(P))):null})},907691,s=>{"use strict";var i=s.i(706496),a=s.i(726406),l=s.i(896796);
1let e=["lg.png","woomi.png","upstage.png","kisti.png","tips.png","sccei.png","primer.png","s-valley.png","kicxup.png","withie.png","matrixcloud.png","mfds.png","kaist.png","flab.png","kesia.png","kodit.png","ai-hub.png","skku.png","ccei.png","genip.png","tap.png","black-circle.png","axa.png","abetter.png"];s.s(["default",0,function(){let s=(0,a.useTranslations)("landingCmp.LandingTrustedPartners");return(0,i.jsx)("div",{className:"mt-[120px] xl:mt-[200px]",children:(0,i.jsxs)("div",{className:"bg-gray-linear flex flex-col items-center gap-10 py-[80px]",children:[(0,i.jsx)("div",{className:"text-boldlg xl:text-title-lg",children:s("title")}),(0,i.jsx)(l.default,{children:e.map((s,a)=>(0,i.jsx)("div",{className:"mx-10",children:(0,i.jsx)("img",{src:`https://bin.docenty.ai/pub-files/landing/partners/${s}`,alt:s,className:"max-h-[24px]"})},a))}),(0,i.jsx)(l.default,{children:e.reverse().map((s,a)=>(0,i.jsx)("div",{className:"mx-10",children:(0,i.jsx)("img",{src:`https://bin.docenty.ai/pub-files/landing/partners/${s}`,alt:s,className:"max-h-[24px]"})},a))})]})})}])},93411,s=>{"use strict";var i=s.i(706496),a=s.i(985835),l=s.i(94513),e=s.i(726406),t=s.i(320718);s.s(["default",0,function(){let s=(0,e.useTranslations)("landingCmp.LandingBlog"),[d,n]=(0,l.useState)([]);return((0,l.useEffect)(()=>{(async()=>{let{posts:s}=await (0,t.getPosts)();n(s)})()},[]),d.length)?(0,i.jsx)("div",{id:"blog",className:"mt-[120px] flex scroll-mt-[120px] flex-col items-center px-5 lg:mt-[200px] lg:px-10",children:(0,i.jsxs)("div",{className:"flex w-full max-w-[1200px] flex-col gap-6",children:[(0,i.jsx)("h2",{className:"text-title-xl text-center",children:s("title")}),(0,i.jsxs)("div",{className:"divide-gray-lighter rounded-5 border-gray-lighter bg-white-normal flex flex-col divide-y border",children:[d.map(s=>(0,i.jsx)(a.default,{href:s.url,target:"_blank",children:(0,i.jsxs)("div",{className:"m-[10px] flex gap-[15px] p-[15px]",children:[(0,i.jsx)("div",{className:"h-[100px] min-w-[100px] rounded-lg bg-cover bg-center",style:{backgroundImage:`url(${s.feature_image})`}}),(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("h3",{className:"my-[5px] text-base",children:s.title}),(0,i.jsx)("p",{className:"line-clamp-3 text-sm",children:s.excerpt})]})]})},s.uuid)),(0,i.jsx)(a.default,{href:"https://blog.docenty.ai/",target:"_blank",className:"text-blue-normal flex items-center justify-center p-2",children:s("viewMore")})]})]})}):null}])},500836,s=>{"use strict";var i=s.i(706496),a=s.i(94513),l=s.i(726406),e=s.i(678824);let t=({q:s,a:l})=>{let[t,d]=(0,a.useState)(!1);return(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsxs)("button",{type:"button",className:"text-boldmd flex w-full justify-between px-6 py-4",onClick:()=>d(!t),children:[s,(0,i.jsx)(e.IconChevronDown,{className:`transition-transform ${t?"rotate-180":""} shrink-0`})]}),t&&(0,i.jsx)("div",{className:"text-md px-6 py-3",children:l})]})};s.s(["default",0,function(){let s=(0,l.useTranslations)("landingCmp.LandingFaq"),a=Array.from({length:11},(i,a)=>({q:s(`q${a+1}`),a:s(`a${a+1}`)}));return(0,i.jsx)("div",{id:"faq",className:"mt-[120px] flex scroll-mt-[120px] flex-col items-center px-5 lg:mt-[200px] lg:px-10",children:(0,i.jsxs)("div",{className:"flex w-full max-w-[1200px] flex-col gap-6",children:[(0,i.jsx)("h2",{className:"text-title-xl text-center",children:s("title")}),(0,i.jsx)("div",{className:"divide-gray-lighter rounded-5 border-gray-lighter bg-white-normal flex flex-col divide-y border",children:a.map((s,a)=>(0,i.jsx)(t,{...s},a))})]})})}])},241712,s=>{"use strict";var i=s.i(706496),a=s.i(538697),l=s.i(726406),e=s.i(957800),t=s.i(519455);let d=({fowardText:s,spinTexts:l,trailingText:e})=>{let t="ko-KR"===(0,a.useLocale)();return(0,i.jsxs)("div",{className:"flex gap-2",children:[s&&(0,i.jsx)("div",{className:`${t?"text-title-lg":"text-boldlg lg:text-sub-title-3xl"} xl:text-[63px] xl:leading-[100px] xl:font-bold`,children:s}),(0,i.jsx)("div",{className:`${t?"h-[54px]":"h-[26px] lg:h-[40px]"} overflow-hidden xl:h-[100px]`,children:(0,i.jsx)("div",{className:"bg-blue-light flex flex-col items-center px-2",children:l.map((s,a)=>(0,i.jsx)("div",{className:`${t?"text-title-lg":"text-boldlg lg:text-sub-title-3xl"} animate-spin-words xl:text-[63px] xl:leading-[100px] xl:font-bold`,children:s},a))})}),e&&(0,i.jsx)("div",{className:`${t?"text-title-lg":"text-boldlg lg:text-sub-title-3xl"} xl:text-[63px] xl:leading-[100px] xl:font-bold`,children:e})]})};s.s(["default",0,function(){let s=(0,l.useTranslations)("landingCmp.LandingHero"),n=(0,a.useLocale)(),{showLandingModal:c}=(0,e.useLandingContext)(),r="en-US"===n;return(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsxs)("div",{className:"mt-[120px] flex flex-col items-center gap-[60px] xl:mt-[200px]",children:[(0,i.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,i.jsx)(d,{fowardText:r?"Automated":void 0,spinTexts:[s("spinShipping"),s("spinSchedule"),s("spinInventory"),s("spinShipping")],trailingText:s("trailingResponse")}),(0,i.jsxs)("div",{className:"flex flex-col items-center gap-4 xl:flex-row",children:[(0,i.jsx)(d,{fowardText:r?"Use":void 0,spinTexts:[s("spinSns"),s("spinCoupons"),s("spinReviews"),s("spinSns")],trailingText:r?void 0:s("trailingUse")}),(0,i.jsx)(d,{fowardText:r?"for":void 0,spinTexts:[s("spinMarketing"),s("spinSales"),s("spinPromotion"),s("spinMarketing")],trailingText:s("trailingMarketing")})]})]}),(0,i.jsx)("div",{className:"flex flex-col items-center gap-5",children:(0,i.jsx)(t.Button,{type:"button",onClick:c,className:"bg-blue-linear text-white-normal lg:text-sub-title-xl xl:text-sub-title-2xl h-auto rounded-3 px-5 py-3 text-lg hover:opacity-90 lg:px-7 lg:py-4",children:s("bookDemo")})})]}),(0,i.jsx)("div",{className:"mt-[200px] flex flex-col items-center",children:(0,i.jsx)("video",{width:"1200",height:"675",controlsList:"nodownload",autoPlay:!0,muted:!0,loop:!0,playsInl
1ine:!0,children:(0,i.jsx)("source",{src:"https://bin.docenty.ai/pub-files/videos/PRIMER_docenty.mp4",type:"video/mp4"})})})]})}])},173009,s=>{"use strict";var i=s.i(706496),a=s.i(468743),l=s.i(538697),e=s.i(726406),t=s.i(957800),d=s.i(33128),n=s.i(519455);let c=({headerTitle:s,headerBgColor:a,headerTextColor:l,planName:t,price:c,desc:r,options:v,buttonBgColor:o,buttonBorderColor:p,buttonTextColor:x,onClick:b})=>{let m=(0,e.useTranslations)("landingCmp.LandingPricing");return(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:`${a} ${l} rounded-5 rounded-b-none p-2 text-center text-lg`,children:s}),(0,i.jsxs)("div",{className:"rounded-5 border-gray-lighter bg-white-normal flex flex-1 flex-col gap-10 rounded-t-none border border-t-0 px-6 py-8",children:[(0,i.jsxs)("div",{className:"flex h-[201px] flex-col justify-between",children:[(0,i.jsx)("div",{className:"text-sub-title-xl",children:t}),c]}),(0,i.jsx)("div",{className:"text-md min-h-[92px]",children:r}),(0,i.jsx)("div",{className:"flex flex-1 flex-col gap-4",children:v.map((s,a)=>(0,i.jsxs)("div",{className:"flex gap-3",children:[(0,i.jsx)("svg",{className:"mt-1 shrink-0",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,i.jsx)("path",{d:"M8 0C7.8256 0 7.6544 0.00160009 7.4864 0.00400009L6.9936 0.0176001L6.7544 0.0280001L6.2912 0.0552L5.8488 0.092C2.0208 0.4632 0.4632 2.0208 0.092 5.8488L0.0552 6.2912L0.0280001 6.7544C0.0240001 6.8328 0.0200001 6.9128 0.0176001 6.9936L0.00400009 7.4864L0.000799942 7.7408L0 8C0 8.1744 0.00160009 8.3456 0.00400009 8.5136L0.0176001 9.0064L0.0280001 9.2456L0.0552 9.7088L0.092 10.1512C0.4632 13.9792 2.0208 15.5368 5.8488 15.908L6.2912 15.9448L6.7544 15.972C6.8328 15.976 6.9128 15.98 6.9936 15.9824L7.4864 15.996L8 16L8.5136 15.996L9.0064 15.9824L9.2456 15.972L9.7088 15.9448L10.1512 15.908C13.9792 15.5368 15.5368 13.9792 15.908 10.1512L15.9448 9.7088L15.972 9.2456C15.976 9.1672 15.98 9.0872 15.9824 9.0064L15.996 8.5136L16 8L15.996 7.4864L15.9824 6.9936L15.972 6.7544L15.9448 6.2912L15.908 5.8488C15.5368 2.0208 13.9792 0.4632 10.1512 0.092L9.7088 0.0552L9.2456 0.0280001C9.16589 0.0241082 9.08615 0.0206415 9.0064 0.0176001L8.5136 0.00400009L8.2592 0.000799942L8 0ZM9.8344 5.8344C9.97837 5.69092 10.1715 5.60762 10.3747 5.60142C10.5779 5.59521 10.7758 5.66657 10.9282 5.801C11.0807 5.93543 11.1762 6.12284 11.1955 6.32518C11.2148 6.52752 11.1563 6.72961 11.032 6.8904L10.9656 6.9656L7.7656 10.1656C7.62785 10.3033 7.44457 10.3861 7.25014 10.3983C7.05572 10.4105 6.86352 10.3514 6.7096 10.232L6.6344 10.1656L5.0344 8.5656C4.89092 8.42163 4.80762 8.22845 4.80142 8.02529C4.79521 7.82213 4.86657 7.62423 5.001 7.47178C5.13543 7.31932 5.32284 7.22376 5.52518 7.20448C5.72752 7.18521 5.92961 7.24367 6.0904 7.368L6.1656 7.4344L7.2 8.468L9.8344 5.8344Z",fill:"#416BFF"})}),(0,i.jsx)("div",{className:"text-boldmd whitespace-pre-wrap",children:s})]},a))}),(0,i.jsx)("div",{className:"flex flex-col",children:(0,i.jsxs)(n.Button,{type:"button",onClick:b,className:`${o} ${p} ${x} rounded-3 text-ml h-auto w-full gap-2 border p-3 hover:opacity-90`,children:[m("inquireButton"),(0,i.jsx)(d.IconArrowRight,{})]})})]})]})};s.s(["default",0,function(){let s=(0,a.useRouter)(),d=(0,e.useTranslations)("landingCmp.LandingPricing"),n=(0,l.useLocale)(),{showLandingModal:r}=(0,t.useLandingContext)(),v=d("monthSuffix"),o=[{headerTitle:d("basic.headerTitle"),headerBgColor:"bg-blue-light",headerTextColor:"text-black-normal",planName:d("basic.planName"),price:(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsxs)("div",{className:"text-title-lg",children:[d("basic.price"),(0,i.jsx)("span",{className:"text-sub-title-2xl",children:v})]}),(0,i.jsx)("span",{className:"ja-JP"===n?"text-gray-normal text-sm":"text-md text-gray-normal",children:d("vatExcluded")}),(0,i.jsx)("div",{className:"text-md text-blue-normal",children:d("basic.agentRate")})]}),desc:d("basic.desc"),options:[d("basic.option1"),d("basic.option2"),d("basic.option3"),d("basic.option4"),d("basic.option5"),d("basic.option6"),d("basic.option7")],buttonBgColor:"bg-white-normal",buttonBorderColor:"border-black-normal",buttonTextColor:"text-black-normal",onClick:()=>s.push("/subscription-plan/basic")},{headerTitle:d("pro.headerTitle"),headerBgColor:"bg-blue-medium",headerTextColor:"text-black-normal",planName:d("pro.planName"),price:(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsxs)("div",{className:"text-title-lg",children:[d("pro.price"),(0,i.jsx)("span",{className:"text-sub-title-2xl",children:v})]}),(0,i.jsx)("span",{className:"ja-JP"===n?"text-gray-normal text-sm":"text-md text-gray-normal",children:d("vatExcluded")}),(0,i.jsx)("div",{className:"text-md text-blue-normal",children:d("pro.agentRate")})]}),desc:d("pro.desc"),options:[d("pro.option1"),d("pro.option2"),d("pro.option3"),d("pro.option4"),d("pro.option5"),d("pro.option6"),d("pro.option7"),d("pro.option8"),d("pro.option9"),(0,i.jsxs)(i.Fragment,{children:[d("pro.multiChannelTitle"),(0,i.jsx)("span",{className:"text-boldsm text-gray-light",children:d("pro.multiChannelChannels")}),(0,i.jsx)("br",{}),d("pro.multiChannelExtra")]})],buttonBgColor:"bg-white-normal",buttonBorderColor:"border-black-normal",buttonTextColor:"text-black-normal",onClick:()=>s.push("/subscription-plan/pro")},{headerTitle:d("business.headerTitle"),headerBgColor:"bg-blue-linearbright",headerTextColor:"text-white-normal",planName:d("business.planName"),price:(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsxs)("div",{className:"text-title-lg",children:[d("business.price"),(0,i.jsx)("span",{className:"text-sub-title-2xl",children:v})]}),(0,i.jsx)("span",{className:"ja-JP"===n?"text-gray-normal text-sm":"text-md text-gray-normal",children:d("vatExcluded")}),(0,i.jsx)("div",{className:"text-gray-normal text-lg",children:d("business.setupFee")})]}),(0,i.jsx)("div",{className:"text-md text-blue-normal",children:d("business.agentRate")})]}),desc:d("business.desc"),options:[d("business.option1"),d("business.option2"),d("business.option3"),d("business.option4"),d("business.option5")],buttonBgColor:"bg-white-normal",buttonBorderColor:"border-black-normal",buttonTextColor:"text-black-normal",onClick:()=>{r()}},{headerTitle:d("enterprise.headerTitle"),headerBgColor:"bg-black-linear",headerTextColor:"text-white-normal",planName:d("enterprise.planName"),price:(0,i.jsxs)("div",{className:"mt-9 flex flex-col gap-1",children:[(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:"text-md text-gray-normal",children:d("enterprise.setupPrefix")}),(0,i.jsxs)("div",{className:"text-title-lg",children:[(0,i.jsx)("span",{className:"text-md",children:d("enterprise.pricePrefix")}),(0,i.jsx)("span",{className:"text-sub-title-3xl",children:d("enterprise.price")}),(0,i.jsx)("span",{className:"text-sub-title-2xl",children:v})]}),(0,i.jsx)("span",{className:"ja-JP"===n?"text-gray-normal text-sm":"text-md text-gray-normal",children:d("vatExcluded")}),(0,i.jsx)("div",{className:"text-gray-normal text-lg",children:d("enterprise.setupFee")})]}),(0,i.jsx)("div",{className:"text-md text-blue-normal",children:d("enterprise.agentRate")})]}),desc:d("enterprise.desc"),options:[d("enterprise.option1"),d("enterprise.option2"),d("enterprise.option3"),d("enterprise.option4"),d("enterprise.option5"),d("enterprise.option6"),d("enterprise.option7"),d("enterprise.option8"),d("enterprise.option9"),d("enterprise.option10")],buttonBgColor:"bg-black-normal",buttonBorderColor:"border-white-normal",buttonTextColor:"text-white-normal",onClick:()=>{r()}}];return(0,i.jsx)("div",{id:"pricing",className:"mt-[120px] flex scroll-mt-[120px] flex-col items-center px-5 lg:mt-[200px] lg:px-10",children:(0,i.jsxs)("div",{className:"flex w-full max-w-[1200px] flex-col items-center gap-10 xl:py-[80px]",children:[(0,i.jsxs)("div",{className:"flex flex-col items-center gap-3",children:[(0,i.jsxs)("div",{className:"text-title-xl text-center",children:[(0,i.jsx)("span",{className:"text-blue-normal",children:d("headlineHighlight")}),d("headlineRest")]}),(0,i.jsx)("div",{className:"text-boldlg text-gray-normal",children:d("subheadline")})]}),(0,i.jsx)("div",{className:"grid w-full gap-3 md:grid-cols-2 xl:grid-cols-4",children:o.map((s,a)=>(0,i.jsx)(c,{...s},a))})]})})}])},502339,s=>{"use strict";var i=s.i(706496),a=s.i(538697),l=s.i(726406);let e=({title:s,subTitle:a})=>(0,i.jsxs)("div",{className:"rounded-10 bg-white-normal flex flex-1 flex-col items-center gap-5 px-5 py-8",children:[(0,i.jsx)("div",{className:"text-sub-title-2xl text-blue-normal lg:text-sub-title-3xl text-center xl:whitespace-pre-wrap",children:s}),(0,i.jsx)("div",{className:"text-boldlg text-center xl:whitespace-pre-wrap",children:a})]}),t=({index:s,title:a,subTitle:l,imageUrl:e,reverse:t})=>(0,i.jsxs)("div",{className:`${t?"lg:flex-row-reverse":"lg:flex-row"} flex flex-col gap-2`,children:[(0,i.jsx)("div",{className:"rounded-10 relative w-full xl:max-w-[750px]",children:(0,i.jsx)("img",{src:e,alt:"image"})}),(0,i.jsxs)("div",{className:"rounded-10 bg-gray-bright flex flex-col gap-10 p-10",children:[(0,i.jsx)("div",{className:"text-sub-title-3xl text-gray-light xl:text-title-lg",children:s}),(0,i.jsx)("div",{className:"text-sub-title-3xl text-blue-normal xl:text-title-lg",children:a}),(0,i.jsx)("div",{className:"text-md text-gray-normal xl:text-lg",children:l})]})]});s.s(["default",0,function(){let s=(0,l.useTranslations)("landingCmp.LandingTopSix"),d=(0,a.useLocale)(),n=[{title:s("topItem1Title"),subTitle:s("topItem1Subtitle")},{title:s("topItem2Title"),subTitle:s("topItem2Subtitle")},{title:s("topItem3Title"),subTitle:s("topItem3Subtitle")}],c=s=>"ko-KR"===d?`https://bin.docenty.ai/pub-files/landing/landing-top-six-bottom-${s}.png`:`https://bin.docenty.ai/pub-files/landing/landing-top-six-bottom-${s}-en.png`,r=[{index:"1",title:s("bottomItem1Title"),subTitle:s("bottomItem1Subtitle"),imageUrl:c("1"),reverse:!1},{index:"2",title:s("bottomItem2Title"),subTitle:s("bottomItem2Subtitle"),imageUrl:c("2"),reverse:!0},{index:"3",title:s("bottomItem3Title"),subTitle:s("bottomItem3Subtitle"),imageUrl:c("3"),reverse:!1}];return(0,i.jsxs)("div",{className:"flex flex-col",children:[(0,i.jsx)("div",{className:"bg-blue-medium mt
1-[120px] flex flex-col items-center px-5 py-[120px] lg:mt-[200px] lg:px-10",children:(0,i.jsxs)("div",{className:"flex w-full max-w-[1200px] flex-col items-center gap-[48px]",children:[(0,i.jsxs)("div",{className:"flex flex-col items-center",children:[(0,i.jsx)("div",{className:"text-gray-normal lg:text-boldlg text-center text-lg",children:s("topHeadlineLead")}),(0,i.jsxs)("div",{className:"text-sub-title-3xl lg:text-title-xl text-center",children:[s("topHeadlinePrefix")," ",(0,i.jsx)("span",{className:"text-blue-dark",children:s("topHeadlineHighlight")})]})]}),(0,i.jsx)("div",{className:"flex w-full flex-col gap-7 lg:flex-row",children:n.map((s,a)=>(0,i.jsx)(e,{...s},a))})]})}),(0,i.jsx)("div",{className:"mt-[120px] flex flex-col items-center px-5 lg:mt-[200px] lg:px-10",children:(0,i.jsxs)("div",{className:"flex w-full max-w-[1200px] flex-col items-center gap-[48px]",children:[(0,i.jsx)("div",{className:"flex flex-col",children:(0,i.jsx)("div",{className:"text-sub-title-3xl lg:text-title-xl text-center",children:"en-US"===d?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"text-blue-dark",children:s("bottomHeadlineHighlight")})," for Store Q&A"]}):(0,i.jsxs)(i.Fragment,{children:[s("bottomHeadlinePrefix")," ",(0,i.jsx)("span",{className:"text-blue-dark",children:s("bottomHeadlineHighlight")})]})})}),(0,i.jsx)("div",{className:"flex w-full flex-col gap-10",children:r.map(s=>(0,i.jsx)(t,{...s},s.index))})]})})]})}])},684480,s=>{"use strict";var i=s.i(706496),a=s.i(985835),l=s.i(538697),e=s.i(726406),t=s.i(957800),d=s.i(33128);let n=(0,s.i(404055).default)("outline","rotate","Rotate",[["path",{d:"M19.95 11a8 8 0 1 0 -.5 4m.5 5v-5h-5",key:"svg-0"}]]);var c=s.i(519455);let r=({title:s,descs:a,imageUrl:e,button:t})=>{let d=(0,l.useLocale)();return(0,i.jsxs)("div",{className:"rounded-5 bg-gray-bright xl:rounded-10 flex flex-col gap-10 px-5 py-8 xl:flex-row xl:items-center xl:px-[120px] xl:py-[60px]",children:[(0,i.jsxs)("div",{className:"flex w-full flex-col gap-10 xl:py-10",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)("div",{className:"text-sub-title-2xl xl:text-title-lg xl:whitespace-pre-wrap",children:s}),a&&(0,i.jsx)("ul",{className:"prose my-0 pl-7",children:a.map((s,a)=>(0,i.jsx)("li",{className:"text-md text-gray-normal xl:text-lg",children:s},a))})]}),t]}),(0,i.jsx)("div",{className:`${"ko-KR"===d?"xl:max-w-[540px]":"xl:max-w-[466px]"} `,children:(0,i.jsx)("img",{src:e,alt:"use case"})})]})};s.s(["default",0,function(){let s=(0,e.useTranslations)("landingCmp.LandingUseCases"),{showLandingModal:l}=(0,t.useLandingContext)(),v=[{title:s("commerceTitle"),descs:[s("commerceDesc1"),s("commerceDesc2"),s("commerceDesc3")],imageUrl:"https://bin.docenty.ai/pub-files/landing/use-cases/1.png",button:(0,i.jsx)("div",{className:"flex flex-col items-start gap-2",children:(0,i.jsxs)(c.Button,{type:"button",onClick:l,className:"bg-blue-linear text-white-normal rounded-3 h-auto gap-2 px-6 py-4 text-lg hover:opacity-90",children:[s("commerceCta"),(0,i.jsx)(d.IconArrowRight,{})]})})},{title:s("enterpriseTitle"),descs:[s("enterpriseDesc1"),s("enterpriseDesc2"),s("enterpriseDesc3")],imageUrl:"https://bin.docenty.ai/pub-files/landing/use-cases/2.png",button:(0,i.jsx)("div",{className:"flex flex-col items-start gap-2",children:(0,i.jsxs)(c.Button,{type:"button",onClick:l,className:"bg-blue-linear text-white-normal rounded-3 h-auto gap-2 px-6 py-4 text-lg hover:opacity-90",children:[s("enterpriseCta"),(0,i.jsx)(d.IconArrowRight,{})]})})},{title:s("smbTitle"),imageUrl:"https://bin.docenty.ai/pub-files/landing/use-cases/3.png",button:(0,i.jsxs)("div",{className:"flex flex-col items-start gap-2",children:[(0,i.jsx)("div",{className:"text-boldmd text-gray-normal",children:s("smbNote")}),(0,i.jsx)(c.Button,{asChild:!0,className:"bg-blue-linear text-white-normal rounded-3 h-auto gap-2 px-6 py-4 text-lg hover:opacity-90",children:(0,i.jsxs)(a.default,{href:"https://talkorder.app/",target:"_blank",children:[s("smbCta"),(0,i.jsx)(d.IconArrowRight,{})]})})]})},{title:s.rich("naverTitle",{naver:s=>(0,i.jsx)("span",{className:"text-[#00C63B]",children:s})}),descs:[s("naverDesc1"),s("naverDesc2"),s("naverDesc3")],imageUrl:"https://bin.docenty.ai/pub-files/landing/use-cases/4.png",button:(0,i.jsxs)("div",{className:"flex flex-col items-start gap-2",children:[(0,i.jsxs)("div",{className:"text-boldmd text-gray-normal flex items-center gap-2",children:[(0,i.jsx)(n,{className:"text-gray-light"}),s("naverNote")]}),(0,i.jsxs)(c.Button,{type:"button",onClick:l,className:"rounded-3 text-white-normal h-auto gap-2 bg-[#00C63B] px-6 py-4 text-lg hover:opacity-90",children:[s("naverCta"),(0,i.jsx)(d.IconArrowRight,{})]})]})}];return(0,i.jsx)("div",{id:"use-cases",className:"mt-[120px] flex scroll-mt-[80px] flex-col items-center px-5 lg:mt-[200px] lg:px-10",children:(0,i.jsxs)("div",{className:"flex w-full max-w-[1200px] flex-col items-center gap-[80px] py-[80px]",children:[(0,i.jsxs)("div",{className:"flex flex-col items-center gap-3",children:[(0,i.jsx)("div",{className:"text-title-xl",children:s("sectionTitle")}),(0,i.jsx)("div",{className:"text-boldlg text-blue-normal",children:s("sectionSubtitle")})]}),(0,i.jsx)("div",{className:"flex w-full flex-col gap-10 xl:gap-[80px]",children:v.map((s,a)=>(0,i.jsx)(r,{...s},a))})]})})}],684480)},631119,s=>{"use strict";var i=s.i(706496),a=s.i(94513),l=s.i(293527);let e=(0,l.createServerReference)("402840e48f45181cc62538c38e66d5498e227f29c9",l.callServer,void 0,l.findSourceMapURL,"sendKistiRegistration"),t=`
2<div class="hudfix" aria-hidden="true"><i class="a"></i><i class="b"></i><i class="c"></i><i class="d"></i></div>
3
4<header class="top">
5  <nav class="tabs" role="tablist">
6    <button data-t="home" class="on">홈</button>
7    <button data-t="ax">패밀리기업 AX 특화지원</button>
8    <button data-t="agents">AI 에이전트 쇼케이스</button>
9    <button data-t="value">AI 에이전트 가치분석</button>
10    <button data-t="rnd">지방정부 R&amp;D 전략지원</button>
11    <button data-t="join">참여\xb7문의</button>
12  </nav>
13  <div class="topcta">
14    <a class="prismlink" href="/prism">AX 진단 시작</a>
15    <a class="loginlink" href="/get-started">로그인</a>
16  </div>
17</header>
18
19<main>
20
21<!-- ================================================== 홈 ================================================== -->
22<section class="panel on" id="p-home">
23
24  <div class="hero">
25    <canvas id="field"></canvas>
26    <div class="veil"></div>
27    <div class="inner">
28      <div class="ey">R&amp;D OBSERVATORY // NTIS EVIDENCE ENGINE</div>
29      <h2>국가 R&amp;D 데이터가 그리는<br><b>지역의 별자리</b></h2>
30      <p class="sub">과제 하나하나가 점이 되고, 협력이 선이 됩니다.<br>
31      수도권과 4극\xb73특을 잇는 연구개발 네트워크를 실시간으로 관측하세요.</p>
32      <div class="read">
33        <div><div class="l">Region</div><div class="v">4 SI\xb7DO</div></div>
34        <div><div class="l">Poles</div><div class="v">5 + 3</div></div>
35        <div><div class="l">AI Platforms</div><div class="v">6 LIVE</div></div>
36        <div><div class="l">Status</div><div class="v">OBSERVING</div></div>
37      </div>
38      <div class="cta">
39        <span class="cbtn" data-go="ax">[ 패밀리기업 AX 지원 ]</span>
40        <span class="cbtn" data-go="agents">[ AI 에이전트 사례 ]</span>
41        <span class="cbtn" data-go="value" data-anchor="fin">[ AX 재무성과 ]</span>
42        <span class="cbtn" data-go="rnd">[ 지역R&amp;D 전략지원 ]</span>
43      </div>
44    </div>
45  </div>
46
47
48</section>
49
50<!-- ================================================== 패밀리기업 AX ================================================== -->
51<section class="panel" id="p-ax">
52
53  <div class="sechead">
54    <div class="eyebrow">Pillar 01 \xb7 Family AX</div>
55    <h2>수도권 패밀리기업 AX 특화지원</h2>
56    <p>거창한 '전사 디지털 전환'이 아니라, 현장에서 매일 반복되는 문제 하나에서 시작합니다.
57    KISTI 수도권은 그 문제를 AI 에이전트로 해결하는 여정을 진단부터 교육까지 동행합니다.</p>
58  </div>
59
60  <div class="grid g31">
61    <div class="card ncard2">
62      <div class="mline2">// PROGRAM OVERVIEW</div>
63      <h3>사업 개요</h3>
64      <ul class="dots">
65        <li><b>대상</b> — 수도권(서울\xb7인천\xb7경기\xb7강원) 소재 KISTI 패밀리기업 (신규 가입 병행 안내)</li>
66        <li><b>방식</b> — 기업 pain-point 진단 → 전문 AX 공급기업 매칭 → PoC 수준 AI 에이전트 개발 <b>지원</b> → 실무 교육\xb7내재화</li>
67        <li><b>기간</b> — 과제당 4~8주 내외의 단기 집중 PoC (연차 공고에 따라 변동)</li>
68        <li><b>성격</b> — KISTI는 공공 조정자(수요 발굴\xb7진단\xb7매칭\xb7성과 검증)로 참여하며, 개발\xb7교육은 매칭된 전문 AX 공급기업이 수행</li>
69      </ul>
70      <div class="note">※ 지원 규모\xb7자부담\xb7선정 기준 등 세부 조건은 연차별 공고를 따릅니다.</div>
71    </div>
72    <div class="card ncard2">
73      <span class="tag c">Brand</span>
74      <h3 style="margin-top:10px">FamilyAX<span style="color:var(--mut);font-weight:700;font-size:13px"> — 패밀리기업 AX 서비스 라인</span></h3>
75      <p style="color:var(--mut);margin-top:8px;font-size:13px">
76      KISTI 패밀리기업 지원에서 태어난 AI 에이전트 서비스군의 통합 명칭입니다.
77      개별 공급기업이 아닌 <b style="color:var(--ink)">지원 프로그램의 공공 브랜드</b>로 운영합니다.</p>
78      <ul class="dots" style="font-size:13px">
79        <li><b>FamilyAX GEO</b> — AI 검색 최적화 에이전트</li>
80        <li><b>FamilyAX ERP</b> — AI 네이티브 ERP 에이전트</li>
81        <li><b>FamilyAX Global</b> — 해외영업 멀티 에이전트</li>
82      </ul>
83    </div>
84  </div>
85
86  <div class="sechead">
87    <div class="eyebrow">Tracks</div>
88    <h2>지원 트랙</h2>
89  </div>
90  <div class="grid g4">
91    <div class="card">
92      <span class="tag c">Track A</span>
93      <h4 style="margin-top:10px">마케팅\xb7고객 AX</h4>
94      <p style="font-size:12.5px;color:var(--mut)">생성형 AI 검색(GEO) 시대의 브랜드 가시성 확보.
95      AI 답변에 우리 회사가 인용되도록 진단\xb7개선\xb7모니터링.</p>
96    </div>
97    <div class="card">
98      <span class="tag c">Track B</span>
99      <h4 style="margin-top:10px">경영\xb7운영 AX</h4>
100      <p style="font-size:12.5px;color:var(--mut)">기존 ERP를 바꾸지 않고 AI를 연결.
101      자연어 조회, 증빙 자동 전표화, 재고\xb7미수금 에이전트.</p>
102    </div>
103    <div class="card">
104      <span class="tag c">Track C</span>
105      <h4 style="margin-top:10px">글로벌 AX</h4>
106      <p style="font-size:12.5px;color:var(--mut)">해외 바이어 발굴→접촉→응대→관리를
107      5개 AI 에이전트로 자동화하는 해외영업 체계.</p>
108    </div>
109    <div class="card" style="border-style:dashed">
110      <span class="tag line">Track D \xb7 준비 중</span>
111      <h4 style="margin-top:10px">제조 암묵지 AX</h4>
112      <p style="font-size:12.5px;color:var(--mut)">숙련 기술자의 노하우(암묵지)를 질문\xb7응답 데이터로
113      포착해 AI로 전수하는 특화 트랙.</p>
114    </div>
115  </div>
116
117  <div class="sechead">
118    <div class="eyebrow">Process</div>
119    <h2>추진 절차</h2>
120  </div>
121  <div class="card ncard2">
122    <div class="mline2">// 6-STEP PROCESS</div>
123    <div class="steps">
124      <div class="step"><b>수요 발굴</b><span>부서별 인터뷰 \xb7 업무 흐름 관찰로 pain-point 목록화</span></div>
125      <div class="step"><b>AX 진단</b><span>데이터\xb7시스템 현황 진단, PoC 과제 정의(KPI 포함)</span></div>
126      <div class="step"><b>공급기업 매칭</b><span>과업지시서 기반 매칭 \xb7 비밀유지약정 체결</span></div>
127      <div class="step"><b>PoC 개발</b><span>4~8주 시범 구축 \xb7 중간 점검</span></div>
128      <div class="step"><b>성과 검증</b><span>수행결과보고서 \xb7 KPI 달성도 검토</span></div>
129      <div class="step"><b>교육\xb7확산</b><span>실무자 교육 \xb7 운영 매뉴얼 \xb7 후속 확산 연계</span></div>
130    </div>
131    <div class="note">모든 PoC는 <b>수행결과보고서</b>와 <b>운영 매뉴얼(한글)</b>을 산출물로 남겨, 기업이 자체 운영할 수 있는 상태로 이관하는 것을 원칙으로 합니다.</div>
132  </div>
133
134  <div class="grid g2">
135    <div class="card">
136      <h3>KISTI가 지원하는 것</h3>
137      <ul class="dots">
138        <li>pain-point 진단 및 AX 과제 설계 컨설팅</li>
139        <li>전문 AX 공급기업 매칭 및 과업 관리</li>
140        <li>PoC 개발비 지원 (연차 공고 기준)</li>
141        <li>성과 검증 \xb7 KPI 리포트 체계</li>
142        <li>실무자 교육 및 활용 가이드</li>
143        <li>우수사례 확산 \xb7 후속 사업 연계</li>
144      </ul>
145    </div>
146    <div class="card">
147      <h3>기업이 준비하는 것</h3>
148      <ul class="dots">
149        <li>현장 담당자의 참여 시간 (인터뷰\xb7검증)</li>
150        <li>업무 데이터 접근 협조 (비밀유지약정 하)</li>
151        <li>PoC 결과의 검증 피드백 (QA 시트 등)</li>
152        <li>내재화 의지 — 교육 이수 및 운영 담당 지정</li>
153      </ul>
154      <div class="note">기업 데이터는 비밀유지약정 및 보안서약 체계 안에서만 활용되며, AI 모델 학습에 사용하지 않는 것을 원칙으로 합니다.</div>
155    </div>
156  </div>
157
158  <div class="ctaband">
159    <div>
160      <h3>어떤 에이전트가 만들어졌는지 먼저 확인해 보세요</h3>
161      <p>실제 패밀리기업의 pain-point에서 출발한 3개 에이전트의 기능\xb7활용법\xb7예상 성과를 공개합니다.</p>
162    </div>
163    <div class="sp">
164      <span class="btn pri" data-go="agents">AI 에이전트 쇼케이스 →</span>
165    </div>
166  </div>
167
168</section>
169
170<!-- ================================================== 쇼케이스 ================================================== -->
171<section class="panel" id="p-agents">
172
173  <div class="sechead">
174    <div class="eyebrow">Showcase</div>
175    <h2>FamilyAX AI 에이전트 쇼케이스</h2>
176    <p>모두 실제 수도권 패밀리기업의 pain-point에서 출발해 PoC로 개발된 에이전트입니다.
177    주요 특징 \xb7 활용 방법 \xb7 예상 성과를 확인하고, 우리 회사에 맞는 트랙을 찾아보세요.</p>
178  </div>
179
180  <!-- A. GEO -->
181  <div class="agent">
182    <div class="head">
183      <div class="ic">GEO</div>
184      <div>
185        <span class="tag c">Track A \xb7 마케팅\xb7고객 AX</span>
186        <h3 style="margin-top:7px"><b>FamilyAX GEO</b> — AI 검색 최적화 에이전트</h3>
187        <div class="cap">Generative Engine Optimization \xb7 AI 답변에 우리 브랜드가 등장하게 만듭니다</div>
188      </div>
189    </div>
190    <div class="body">
191      <div class="pain">"고객이 ChatGPT에 물어봐도 우리 회사는 등장하지 않습니다.
192      검색 상위가 아니라, 이제는 AI 답변 노출이 목표입니다."
193      <small>— 제조 중소기업의 공통 pain-point. ChatGPT\xb7Gemini\xb7Perplexity 등 AI 검색이 기본이 되는 시대입니다.</small></div>
194      <div class="grid g2" style="margin-top:14px">
195        <div>
196          <h4>무엇을 하나요 — 주요 특징</h4>
197          <ul class="dots">
198            <li><b>AI 인용 준비도 진단</b> — 크롤링 접근성\xb7구조화 데이터\xb7콘텐츠 등 7개 영역, 36점 척도 스코어카드</li>
199            <li><b>AI 노출 모니터링</b> — 6개 플랫폼(ChatGPT\xb7Perplexity\xb7Google AI Overview/AI Mode\xb7Gemini\xb7Copilot)에서 언급률\xb7인용률\xb7인용순위 추적</li>
200            <li><b>경쟁사 비교 분석</b> — 누가 먼저 추천되는지, 어떤 토픽이 유리한지 기회 도출</li>
201            <li><b>질문 세트 설계</b> — 고객 페르소나 기반 토픽 클러스터\xb7100개+ 롱테일 질문</li>
202            <li><b>AI 친화형 웹 개선</b> — 구조화 데이터(JSON-LD)\xb7AI 봇 허용\xb7다국어 콘텐츠 자동 발행</li>
203          </ul>
204        </div>
205        <div>
206          <h4>어떻게 쓰나요 — 활용 방법</h4>
207          <ul class="dots">
208            <li>주간 단위 <b>Execution(실측)</b>으로 AI 답변 내 브랜드 상태 실시간 추적</li>
209            <li>대시보드에서 경쟁사 대비 노출 추이를 데이터로 비교</li>
210            <li>월간 KPI 리포트로 개선 방향(무엇을 고쳐야 AI가 추천하는지) 확인</li>
211            <li>생성된 콘텐츠를 검수 후 버튼 한 번으로 다국어(한\xb7영\xb7일\xb7중) 게시</li>
212          </ul>
213          <div class="quotes">
214            <span class="q">AI가 내 브랜드를 팔아주는지 통계로 확인</span>
215            <span class="q">광고비 의존도↓ 지속 유입 구조 확보</span>
216            <span class="q">AI 추천 → 방문 → 문의 전환 흐름 추적</span>
217          </div>
218        </div>
219      </div>
220      <div class="mini">
221        <div class="m"><div class="lab">진단 영역</div><div class="val">7<small>개 \xb7 36점 척도</small></div></div>
222        <div class="m"><div class="lab">모니터링 플랫폼</div><div class="val">6<small>종</small></div></div>
223        <div class="m"><div class="lab">타깃 질문 세트</div><div class="val">100<small>+ 문항</small></div></div>
224        <div class="m"><div class="lab">다국어 자동 발행</div><div class="val">4<small>개 언어</small></div></div>
225      </div>
226      <div class="case">
227        <div class="ct">PoC Case — 방음\xb7방진 소재 제조 A사 (업력 50년)</div>
228        <p>진단 결과 AI 인용 준비도 <b>6/36점</b>, 6개 AI 플랫폼 인용 <b>0건</b>으로 'AI 검색 미개척' 상태.
229        경쟁사 2개사 심층 분석과 3개 페르소나\xb7100개+ 질문 세트로 측정 기준을 세우고, 웹사이트 60여 페이지를
230        AI가 읽을 수 있는 구조로 리디자인했습니다. 경쟁사도 구조화 데이터를 적용하지 않은 지금이
231        <b>AI 인용을 선점할 기회 구간</b> — 0%에서 출발하는 개선 추이를 주간 단위로 측정하고 있습니다.</p>
232      </div>
233    </div>
234  </div>
235
236  <!-- B. ERP -->
237  <div class="agent">
238    <div class="head">
239      <div class="ic">ERP</div>
240      <div>
241        <span class="tag c">Track B \xb7 경영\xb7운영 AX</span>
242        <h3 style="margin-top:7px"><b>FamilyAX ERP</b> — AI 네이티브 ERP 에이전트</h3>
243        <div class="cap">교체가 아니라 진화 \xb7 쓰던 ERP 위에서 AI가 일합니다</div>
244      </div>
245    </div>
246    <div class="body">
247      <div class="pain">"세금계산서 입력, 미수금 정리, 월마감 점검… 반복 업무에 사람이 묶여 있고,
248      ERP 데이터 하나 찾으려면 화면을 수십 번 눌러야 합니다."
249      <small>— 사무\xb7관리 인력이 부족한 중소 제조기업의 공통 pain-point</small></div>
250      <div class="grid g2" style="margin-top:14px">
251        <div>
252          <h4>무엇을 하나요 — 주요 특징</h4>
253          <ul class="dots">
254            <li><b>AI 코파일럿</b> — "포스코 후판 16~26년 출하 이력 찾아줘"처럼 말로 물으면 표로 정리해 엑셀로 내보내기 (출처 데이터 표시)</li>
255            <li><b>문서 AI</b> — 세금계산서\xb7영수증을 읽어 매입 전표 초안 자동 생성, 애매한 항목만 담당자 확인</li>
256            <li><b>업무 에이전트</b> — 안전재고 미달 시 발주 선제안, 미수금 독촉 제안 — 근거(소진율\xb7리드타임) 제시 후 승인 시 실행</li>
257            <li><b>기존 ERP 연동</b> — 쓰던 ERP는 그대로, API로 연결해 부족한 부분만 보완</li>
258            <li><b>개방형(MCP)\xb7한국 현지화</b> — 특정 AI에 종속되지 않는 표준 개방, 부가세\xb7전자세금계산서\xb7급여(4대보험) 지원</li>
259          </ul>
260        </div>
261        <div>
262          <h4>어떻게 쓰나요 — 부서별 활용 예</h4>
263          <div class="quotes">
264            <span class="q">영업 — 이번 달 확정매출, 다음 달 예상매출 거래처별로 나눠서 엑셀로</span>
265            <span class="q">구매 — 이 외주 품목 단가 이력이랑 협력사별 납기 보여줘</span>
266            <span class="q">생산 — 이 설비 이번 달 가동률이랑 작업지시 총 m/h 산출해줘</span>
267            <span class="q">경리 — 협력사 세금계산서 올릴 테니 전표 초안 만들어줘</span>
268          </div>
269          <h4 style="margin-top:14px">신뢰 4원칙 — AI에게 일을 맡기는 조건</h4>
270          <div class="trust">
271            <div class="t"><b>권한</b><span>사용자에게 허용된 범위 안에서만 동작</span></div>
272            <div class="t"><b>승인</b><span>돈\xb7세금\xb7대외 작업은 사람 승인 후 실행</span></div>
273            <div class="t"><b>기록</b><span>누가 무엇을 왜 했는지 전 작업 감사 추적</span></div>
274            <div class="t"><b>데이터</b><span>모델 학습에 미사용 \xb7 분리/온프렘 설치 가능</span></div>
275          </div>
276        </div>
277      </div>
278      <div class="mini">
279        <div class="m"><div class="lab">기존 ERP 교체</div><div class="val">0<small>회 — 연동\xb7보완</small></div></div>
280        <div class="m"><div class="lab">업무 모듈</div><div class="val">12<small>+ 영역</small></div></div>
281        <div class="m"><div class="lab">AI 기능</div><div class="val">3<small>종</small></div></div>
282        <div class="m"><div class="lab">의사결정</div><div class="val">사람<small> — AI는 초안만</small></div></div>
283      </div>
284      <div class="case">
285        <div class="ct">PoC Case — 철강 절단용 나이프 제조 B사</div>
286        <p>영업\xb7구매\xb7생산 부서별 인터뷰로 "그대로 말로 시키면 되는" 업무 시나리오를 정의하고,
287        기존 ERP 데이터와 연계한 AI 코파일럿\xb7문서 AI\xb7업무 에이전트 MVP를 기획\xb7구축 중입니다.
288        <b>AI는 초안을 만들고, 결정은 사람이 합니다</b> — 승인\xb7감사 체계를 PoC 단계부터 내장했습니다.</p>
289      </div>
290    </div>
291  </div>
292
293  <!-- C. Global -->
294  <div class="agent">
295    <div class="head">
296      <div class="ic">GLB</div>
297      <div>
298        <span class="tag c">Track C \xb7 글로벌 AX</span>
299        <h3 style="margin-top:7px"><b>FamilyAX Global</b> — 해외영업 멀티 AI 에이전트</h3>
300        <div class="cap">찾기 → 저장 → 연락 → 응대 → 알리기 \xb7 5개 에이전트가 해외영업을 함께 뜁니다</div>
301      </div>
302    </div>
303    <div class="body">
304      <div class="pain">"해외 바이어 발굴부터 메일, 문의 응대, 고객 관리까지 —
305      담당자 한 명의 엑셀 파일에 회사의 해외영업이 갇혀 있습니다."
306      <small>— 수출 확대를 원하지만 전담 조직이 없는 중소기업의 공통 pain-point</small></div>
307      <div style="margin-top:14px">
308        <h4>무엇을 하나요 — 5개 에이전트 구성</h4>
309        <div class="flow">
310          <span class="f"><b>01</b> 해외 리드 발굴 — 국가별 잠재 바이어 리스트 매월 공급</span><span class="ar">→</span>
311          <span class="f"><b>02</b> 아웃바운드 영업 — 국가\xb7언어 맞춤 메일 자동 발송</span><span class="ar">→</span>
312          <span class="f"><b>03</b> 인바운드 리드 수집 — 홈페이지 문의 자동 분류\xb7알림</span><span class="ar">→</span>
313          <span class="f"><b>04</b> 해외 콘텐츠 발행 — 검색\xb7AI 노출 콘텐츠 (GEO 연계)</span><span class="ar">→</span>
314          <span class="f"><b>05</b> CRM 관리 — 접촉\xb7응답\xb7견적 통합 관리</span>
315        </div>
316      </div>
317      <div class="grid g2" style="margin-top:16px">
318        <div>
319          <h4>어떻게 쓰나요 — 단계별 도입 로드맵</h4>
320          <ul class="dots">
321            <li>우선 공략 국가 <b>3개</b> 선정, 제품군별 타깃 산업 정의</li>
322            <li>샘플 리드 <b>30~50개</b> 수집 후 영업팀이 품질 검증</li>
323            <li>영문 회사\xb7제품 소개서 정리, 메일 템플릿 <b>3종</b>(소개\xb7소구\xb7재접촉) 작성</li>
324            <li>1차 <b>50개 업체</b> 테스트 발송 — 발송 전 영업팀 검토, 월 발송량 안전 한도 설정</li>
325            <li>리드 상태값(신규→접촉→반응→견적→수주) 정의, 월간 영업 리포트 자동화</li>
326          </ul>
327        </div>
328        <div>
329          <h4>무엇이 좋아지나요 — 예상 성과 지표</h4>
330          <ul class="dots">
331            <li><b>월 신규 리드 수</b> — 사람이 찾던 속도의 한계를 넘는 안정적 파이프라인</li>
332            <li><b>메일 응답률</b> — 국가\xb7언어 맞춤형 콘텐츠로 반응 개선</li>
333            <li><b>문의→견적 전환율</b> — 응대 누락 제로화, 담당자 알림\xb7재배정 규칙</li>
334            <li><b>영업 자산화</b> — 개인 엑셀이 아닌 회사 CRM에 접촉 이력 축적</li>
335          </ul>
336        </div>
337      </div>
338      <div class="mini">
339        <div class="m"><div class="lab">구성 에이전트</div><div class="val">5<small>개</small></div></div>
340        <div class="m"><div class="lab">우선 공략 국가</div><div class="val">3<small>개국부터</small></div></div>
341        <div class="m"><div class="lab">샘플 리드 검증</div><div class="val">30~50<small>건</small></div></div>
342        <div class="m"><div class="lab">1차 테스트 발송</div><div class="val">50<small>개사</small></div></div>
343      </div>
344      <div class="case">
345        <div class="ct">PoC Case — 철강 절단용 나이프 제조 B사 (해외영업 확장)</div>
346        <p>내수 중심 매출 구조를 넘어 해외 바이어를 찾기 위해, 리드 발굴부터 CRM까지 5개 에이전트
347        체계를 설계했습니다. 자동 발송 허용 범위\xb7월 발송량 안전 한도 등 <b>운영 가드레일을 먼저 합의</b>하고
348        단계적으로 자동화 수준을 높이는 방식으로 진행합니다.</p>
349      </div>
350    </div>
351  </div>
352
353  <div class="note">※ 사례 기업명은 수혜기업 동의 절차를 거쳐 공개 예정이며, 초안에서는 익명(A사\xb7B사)으로 표기합니다.
354  화면\xb7수치는 PoC 수행 자료 기준이며 기업별 적용 범위에 따라 달라질 수 있습니다.</div>
355
356  <!-- ================= 선보인 AX 서비스 라인업 (화이트라벨) ================= -->
357  <div class="sechead">
358    <div class="eyebrow">Showcase \xb7 Live Services</div>
359    <h2>바로 투입 가능한 AX 서비스 라인업</h2>
360    <p>수도권 패밀리기업 현장에 즉시 적용 가능한 AI 에이전트\xb7서비스입니다. 아래는 실제 시연\xb7운영 중인 서비스로, 진단 결과에 따라 조합해 제공합니다.</p>
361  </div>
362
363  <!-- 피처: AI 고객응대 챗봇 (실제 데모 화면) -->
364  <div class="agent">
365    <div class="head">
366      <div class="ic">CS</div>
367      <div>
368        <h3>AI <b>고객응대 챗봇</b></h3>
369        <div class="cap">자사 상품\xb7정책을 학습해 24시간 응대 — 네이버\xb7쿠팡\xb711번가\xb7G마켓 문의를 단일 대시보드에서</div>
370      </div>
371    </div>
372    <div class="body">
373      <div class="flow">
374        <div class="f">문의 <b>수신</b></div><div class="ar">→</div>
375        <div class="f">RAG <b>근거 검색</b></div><div class="ar">→</div>
376        <div class="f">답변\xb7<b>주문 정리</b></div><div class="ar">→</div>
377        <div class="f">상담원 <b>이관</b></div>
378      </div>
379      <img class="svcshot" src="/images/kisti/svc-chatbot.jpeg" alt="대화형 주문 접수가 자동으로 주문 관리\xb7주문서로 정리되는 화면 예시" loading="lazy" width="1280" height="860">
380      <div class="mini">
381        <div class="m"><div class="lab">응대 채널</div><div class="val">5<small>+ 채널</small></div></div>
382        <div class="m"><div class="lab">상시 응대</div><div class="val">24/7</div></div>
383        <!-- 아래 두 수치는 자체주장(미검증) — 실측 근거 확인 전까지 마케팅 문구로만 사용 -->
384        <div class="m"><div class="lab">응대 시간</div><div class="val">100→10<small>분</small></div></div>
385        <div class="m"><div class="lab">반복 문의</div><div class="val">-90<small>%</small></div></div>
386      </div>
387      <div class="case"><div class="ct">Preview</div><p>대화로 접수된 주문이 자동으로 주문 관리\xb7주문서로 정리됩니다. (실제 데모 화면)</p></div>
388    </div>
389  </div>
390
391  <!-- 나머지 핵심 서비스 6종 -->
392  <div class="grid g3">
393    <div class="card">
394      <span class="tag c">기업 AI OS</span>
395      <h4 style="margin-top:10px">기업용 AI 운영체계</h4>
396      <p style="font-size:12.5px;color:var(--mut)">사내 지식\xb7데이터\xb7API를 안전하게 AI에 연결하는 운영 기반. 스킬 스토어\xb7권한으로 전사 확산.</p>
397      <ul class="dots" style="font-size:12.5px">
398        <li>쓰기 작업 = 사람 <b>승인</b> 게이트</li>
399        <li>API 키 <b>비노출</b> 연결 \xb7 감사 로그</li>
400        <li>부서별 <b>스킬 스토어</b> 배포</li>
401      </ul>
402    </div>
403    <div class="card">
404      <span class="tag c">생산성</span>
405      <h4 style="margin-top:10px">업무용 AI 에이전트</h4>
406      <p style="font-size:12.5px;color:var(--mut)">사내 지식 DB를 근거로 임직원 업무를 돕는 에이전트. 고객응대 챗봇과 <b>동일 엔진</b>.</p>
407      <ul class="dots" style="font-size:12.5px">
408        <li>문서\xb7데이터 기반 <b>근거 답변</b></li>
409        <li>기본/심층 <b>리서치</b> 모드</li>
410        <li>대화 검색 \xb7 블로그 자동작성</li>
411      </ul>
412    </div>
413    <div class="card">
414      <span class="tag c">AI 검색 (GEO)</span>
415      <h4 style="margin-top:10px">AI 검색 노출 최적화</h4>
416      <p style="font-size:12.5px;color:var(--mut)">ChatGPT\xb7Perplexity\xb7Gemini 답변에 우리 브랜드가 인용되도록 진단\xb7모니터링\xb7최적화.</p>
417      <div class="mini" style="margin-top:12px;grid-template-columns:1fr 1fr">
418        <div class="m"><div class="lab">진단</div><div class="val">7<small>영역\xb736점</small></div></div>
419        <div class="m"><div class="lab">모니터링</div><div class="val">6<small>플랫폼</small></div></div>
420        <div class="m"><div class="lab">질문셋</div><div class="val">100<small>+</small></div></div>
421        <div class="m"><div class="lab">발행</div><div class="val">4<small>개국어</small></div></div>
422      </div>
423    </div>
424    <div class="card">
425      <span class="tag c">음성 \xb7 콜</span>
426      <h4 style="margin-top:10px">음성 AI 콜</h4>
427      <p style="font-size:12.5px;color:var(--mut)">브라우저\xb7전화 음성 응대. 통화 내용을 자동 요약해 상담 인박스로 전달합니다.</p>
428      <div class="mini" style="margin-top:12px;grid-template-columns:1fr 1fr">
429        <div class="m"><div class="lab">응답 p50</div><div class="val">1.73<small>초</small></div></div>
430        <div class="m"><div class="lab">통화 요약</div><div class="val">자동</div></div>
431      </div>
432      <ul class="dots" style="font-size:12.5px">
433        <li>정책\xb7답변카드\xb7툴 <b>3계층</b>으로 오답 억제</li>
434      </ul>
435    </div>
436    <div class="card">
437      <span class="tag c">ERP 버티컬</span>
438      <h4 style="margin-top:10px">ERP 위의 AI 에이전트</h4>
439      <p style="font-size:12.5px;color:var(--mut)">기존 ERP는 그대로 두고 그 위에 AI. 자연어 질의\xb7문서 자동화\xb7업무 선제안.</p>
440      <ul class="dots" style="font-size:12.5px">
441        <li>기존 ERP <b>교체 0</b> \xb7 얹는 방식</li>
442        <li>자연어 → <b>표\xb7엑셀</b>(출처 표시)</li>
443        <li>세금계산서 → <b>전표 초안</b> \xb7 MCP 개방형</li>
444      </ul>
445    </div>
446    <div class="card">
447      <span class="tag m">교육 \xb7 실습</span>
448      <h4 style="margin-top:10px">AX 바이브코딩 교육</h4>
449      <p style="font-size:12.5px;color:var(--mut)">비개발자가 '말'로 업무 자동화 웹앱을 만드는 실습형 교육. 현업 확산까지 연결.</p>
450      <div class="mini" style="margin-top:12px;grid-template-columns:1fr 1fr">
451        <div class="m"><div class="lab">입문 과정</div><div class="val">5<small>시간</small></div></div>
452        <div class="m"><div class="lab">방식</div><div class="val">노코드</div></div>
453      </div>
454      <ul class="dots m" style="font-size:12.5px">
455        <li>교육 → 현업 <b>실습 과제</b>로 연결</li>
456      </ul>
457    </div>
458  </div>
459
460  <div class="note">서비스 화면\xb7구성은 예시이며 기업별 데이터\xb7연동 범위에 따라 달라집니다.
461  일부 수치(응대 시간\xb7반복 문의 감소 등)는 자체 측정 기준으로, 도입 환경에 따라 차이가 있을 수 있습니다.</div>
462
463  <div class="ctaband">
464    <div>
465      <h3>다음 에이전트의 주인공은 귀사입니다</h3>
466      <p>세 가지 트랙 중 어디에도 없는 pain-point여도 좋습니다. 진단 단계에서 함께 과제를 설계합니다.</p>
467    </div>
468    <div class="sp">
469      <span class="btn pri" data-go="join">AX 지원 상담 신청</span>
470      <span class="btn ghost" data-go="ax">지원 절차 보기</span>
471    </div>
472  </div>
473
474</section>
475
476<!-- ================================================== AI 에이전트 가치분석 ================================================== -->
477<section class="panel" id="p-value">
478
479  <div class="sechead">
480    <div class="eyebrow">Value Analysis \xb7 PRISM</div>
481    <h2>AI 에이전트 가치분석</h2>
482    <p>"AI를 도입하면 얼마나 좋아지는가?" — 이 질문에 감(感)이 아니라 <b>숫자</b>로 답하기 위해,
483    KISTI는 기업의 pain-point를 정량 KPI로 전환하고 그 KPI를 재무제표 계정까지 연결하는
484    다중 AI 에이전트 분석 체계 <b>PRISM</b>을 자체 개발해 운영합니다.</p>
485  </div>
486
487  <div class="card ncard2">
488    <div class="mline2">// PAIN POINT \xb7 KPI \xb7 VALUE</div>
489    <div class="grid g31" style="gap:20px">
490      <div>
491        <h3 style="font-size:17px">PRISM <span style="color:var(--mut);font-weight:600;font-size:13.5px">— Pain-point Resolution &amp; Indicator Signal Mapping</span></h3>
492        <p style="color:var(--mut);margin-top:9px">현장의 문제점(Pain Point)을 분석해 적합한 <b>성과신호(KPI)</b>를 매핑하고,
493        AI 기반 개선이 만들어내는 <b>재무\xb7기술 성과</b>를 평가하여 종합 진단 리포트를 자동 생성하는 분석 플랫폼입니다.
494        KISTI가 자체 연구개발한 프로그램으로 권리 전부를 보유합니다.</p>
495        <ul class="dots" style="font-size:12.5px">
496          <li><b>로컬 전용 설계</b> — 기업이 올린 자료와 분석 결과는 해당 컴퓨터 안에서만 저장\xb7처리되며 인터넷으로 전송하지 않습니다</li>
497          <li><b>사람이 마지막에 판단</b> — AI 산출물을 전문가가 Accept / Modify로 판정하고, 수정 의견은 재분석에 반영됩니다</li>
498          <li><b>근거를 붙인 추천</b> — 내장된 KPI 사전과 학술 문헌을 근거로 KPI를 제안합니다</li>
499        </ul>
500      </div>
501      <div>
502        <div class="fin" style="grid-template-columns:1fr 1fr;margin-top:0">
503          <div class="f"><div class="l">KPI Library</div><div class="v">55<small>개</small></div><div class="s">BSC 3관점 분류</div></div>
504          <div class="f"><div class="l">Evidence</div><div class="v">19<small>편</small></div><div class="s">KPI 학술 논문</div></div>
505          <div class="f"><div class="l">Agents</div><div class="v">3<small>+2</small></div><div class="s">진단\xb7추천\xb7평가 +검증\xb7통합</div></div>
506          <div class="f"><div class="l">AX 서비스</div><div class="v">8<small>영역</small></div><div class="s">대표 pain-point 24종</div></div>
507        </div>
508      </div>
509    </div>
510  </div>
511
512  <!-- 파이프라인 -->
513  <div class="card ncard2 pipe">
514    <div class="mline2">// ANALYSIS PIPELINE \xb7 5 STAGES</div>
515    <svg viewBox="0 0 1000 168" role="img" aria-label="PRISM 5단계 분석 파이프라인: 기술역량진단 → AX 역량평가 → KPI 추천\xb7검증 → 가치평가\xb7확산 → 전문가 검증\xb7종합리포트">
516      <defs>
517        <radialGradient id="ndg" cx="50%" cy="50%" r="50%">
518          <stop offset="0%" stop-color="#bdf1ff" stop-opacity=".55"/>
519          <stop offset="100%" stop-color="#58e6ff" stop-opacity="0"/>
520        </radialGradient>
521      </defs>
522      <!-- 연결선 -->
523      <g fill="none" stroke="#58e6ff" stroke-opacity=".5" stroke-width="1.6" stroke-linecap="round">
524        <line class="pipeflow" x1="128" y1="72" x2="272" y2="72"/>
525        <line class="pipeflow" x1="308" y1="72" x2="452" y2="72"/>
526        <line class="pipeflow" x1="488" y1="72" x2="632" y2="72"/>
527        <line class="pipeflow" x1="668" y1="72" x2="812" y2="72"/>
528      </g>
529      <!-- 입력 -->
530      <g>
531        <text x="100" y="30" font-size="10" fill="#5f7889" text-anchor="middle" font-family="ui-monospace,Consolas,monospace" letter-spacing="2">INPUT</text>
532        <rect x="24" y="42" width="80" height="60" rx="9" fill="rgba(88,230,255,.05)" stroke="rgba(88,230,255,.28)" stroke-dasharray="4 4"/>
533        <text x="64" y="66" font-size="10.5" fill="#93a8b8" text-anchor="middle">기업현황</text>
534        <text x="64" y="82" font-size="10.5" fill="#93a8b8" text-anchor="middle">pain-point</text>
535        <text x="64" y="98" font-size="10.5" fill="#93a8b8" text-anchor="middle">재무자료</text>
536      </g>
537      <!-- 노드 5개 -->
538      <g>
539        <circle cx="290" cy="72" r="30" fill="url(#ndg)"/><circle cx="290" cy="72" r="15" fill="none" stroke="#58e6ff" stroke-width="1.6"/><circle cx="290" cy="72" r="5.5" fill="#bdf1ff"/>
540        <text x="290" y="122" font-size="11.5" fill="#e8f4fb" text-anchor="middle" font-weight="700">기술역량 진단</text>
541        <text x="290" y="138" font-size="9" fill="#5f7889" text-anchor="middle" font-family="ui-monospace,Consolas,monospace">AGENT 1</text>
542      </g>
543      <g>
544        <circle cx="470" cy="72" r="30" fill="url(#ndg)"/><circle cx="470" cy="72" r="15" fill="none" stroke="#58e6ff" stroke-width="1.6"/><circle cx="470" cy="72" r="5.5" fill="#bdf1ff"/>
545        <text x="470" y="122" font-size="11.5" fill="#e8f4fb" text-anchor="middle" font-weight="700">AX 역량평가</text>
546        <text x="470" y="138" font-size="9" fill="#5f7889" text-anchor="middle" font-family="ui-monospace,Consolas,monospace">CAPACITY LEVEL</text>
547      </g>
548      <g>
549        <circle cx="650" cy="72" r="30" fill="url(#ndg)"/><circle cx="650" cy="72" r="15" fill="none" stroke="#58e6ff" stroke-width="1.6"/><circle cx="650" cy="72" r="5.5" fill="#bdf1ff"/>
550        <text x="650" y="122" font-size="11.5" fill="#e8f4fb" text-anchor="middle" font-weight="700">KPI 추천\xb7검증</text>
551        <text x="650" y="138" font-size="9" fill="#5f7889" text-anchor="middle" font-family="ui-monospace,Consolas,monospace">AGENT 2</text>
552      </g>
553      <g>
554        <circle cx="830" cy="72" r="30" fill="url(#ndg)"/><circle cx="830" cy="72" r="15" fill="none" stroke="#58e6ff" stroke-width="1.6"/><circle cx="830" cy="72" r="5.5" fill="#bdf1ff"/>
555        <text x="830" y="122" font-size="11.5" fill="#e8f4fb" text-anchor="middle" font-weight="700">가치평가\xb7확산</text>
556        <text x="830" y="138" font-size="9" fill="#5f7889" text-anchor="middle" font-family="ui-monospace,Consolas,monospace">AGENT 3</text>
557      </g>
558      <!-- 전문가 검증 (상단 분기) -->
559      <g>
560        <path d="M830,42 Q830,14 900,14 L940,14" fill="none" stroke="#8fe3d8" stroke-opacity=".55" stroke-width="1.4" stroke-dasharray="3 5"/>
561        <circle cx="952" cy="14" r="9" fill="rgba(143,227,216,.12)" stroke="#8fe3d8" stroke-width="1.4"/>
562        <text x="952" y="18" font-size="9" fill="#8fe3d8" text-anchor="middle" font-weight="700">E</text>
563        <text x="952" y="38" font-size="9" fill="#8fe3d8" text-anchor="middle" font-family="ui-monospace,Consolas,monospace">EXPERT</text>
564      </g>
565      <!-- 출력 -->
566      <g>
567        <text x="944" y="94" font-size="10" fill="#5f7889" text-anchor="middle" font-family="ui-monospace,Consolas,monospace" letter-spacing="2">REPORT</text>
568        <path d="M866,72 L906,72" stroke="#58e6ff" stroke-opacity=".5" stroke-width="1.6" class="pipeflow"/>
569        <rect x="908" y="56" width="72" height="32" rx="8" fill="rgba(88,230,255,.1)" stroke="rgba(88,230,255,.45)"/>
570        <text x="944" y="76" font-size="10.5" fill="#bdf1ff" text-anchor="middle" font-weight="700">종합리포트</text>
571      </g>
572    </svg>
573    <div class="note">각 단계는 앞 단계의 산출물을 입력으로 받아 누적 추론합니다. 전문가(E)는 세 에이전트의 결과를 독립 검토해
574    <b>Accept / Modify</b>를 판정하고, Modify 항목에 남긴 의견은 <b>다시 분석에 반영</b>되어 재실행됩니다 —
575    사람의 의견이 리포트 각주가 아니라 분석 입력으로 되돌아가는 구조입니다.</div>
576  </div>
577
578  <!-- 5단계 카드 -->
579  <div class="sechead">
580    <div class="eyebrow">Stages</div>
581    <h2>다섯 개의 에이전트가 이어 답합니다</h2>
582  </div>
583  <div class="grid g3">
584    <div class="stage">
585      <div class="sno">Stage 01 \xb7 Agent 1</div>
586      <h4>기술역량 진단</h4>
587      <div class="en">Tech Capacity Diagnosis</div>
588      <p>표준산업분류 기반 산업 진단(시장규모\xb7무역경쟁), 동업종 대비 재무\xb7SWOT 분석을 거쳐
589      pain-point 4대를 도출하고 <b>업무영향도 \xd7 AI실현성 \xd7 초기투자</b> 3축 매트릭스로 순위화합니다.</p>
590      <div class="out">→ 산업분석 \xb7 SWOT \xb7 Pain Point 우선순위</div>
591    </div>
592    <div class="stage">
593      <div class="sno">Stage 02 \xb7 Capacity Level</div>
594      <h4>AX 역량평가</h4>
595      <div class="en">AX Capacity Level</div>
596      <p>
596AI 전환 성숙도를 L1~L5로 판정하고, 8개 점검영역(36점)으로 "지금 AX 사업을
597      해도 되는가"를 판단합니다. 핵심 게이트를 못 넘으면 점수와 무관하게 재진단 대상입니다.</p>
598      <div class="out">→ 성숙도 레벨 \xb7 사업 적합등급 \xb7 게이트 판정</div>
599    </div>
600    <div class="stage">
601      <div class="sno">Stage 03 \xb7 Agent 2</div>
602      <h4>KPI 추천\xb7검증</h4>
603      <div class="en">KPI Recommendation</div>
604      <p>pain-point를 측정 가능한 정량 KPI로 전환하고, 각 KPI를 재무 Value Driver와
605      재무제표 계정에 연결합니다. 국제 표준으로 타당성을 교차 검증합니다.</p>
606      <div class="out">→ KPI 정의\xb7목표치 \xb7 재무연계 \xb7 PoC 게이트</div>
607    </div>
608    <div class="stage">
609      <div class="sno">Stage 04 \xb7 Agent 3</div>
610      <h4>가치평가\xb7확산</h4>
611      <div class="en">KPI Evaluation &amp; Valuation</div>
612      <p>KPI 개선폭을 현금흐름으로 환산해 ROI\xb7NPV\xb7회수기간을 산출하고,
613      시나리오\xb7민감도 분석과 단계별 확산 로드맵을 설계합니다.</p>
614      <div class="out">→ 재무 대시보드 \xb7 시나리오 \xb7 확산 Gate</div>
615    </div>
616    <div class="stage exp">
617      <div class="sno">Stage 05 \xb7 Expert</div>
618      <h4>전문가 검증</h4>
619      <div class="en">Expert Verification</div>
620      <p>AI 산출물을 사람이 검토합니다. 항목별 Accept / Modify 판정과 의견을 남기면
621      해당 의견을 반영해 앞 단계 분석이 재실행됩니다.</p>
622      <div class="out">→ 검증의견 \xb7 재분석 반영</div>
623    </div>
624    <div class="stage exp">
625      <div class="sno">Output \xb7 Report</div>
626      <h4>종합리포트</h4>
627      <div class="en">Comprehensive Report</div>
628      <p>다섯 단계를 하나의 문서로 통합해 결론\xb7권고와 실행 로드맵을 제시합니다.
629      모든 추정치에는 (추정) 표기를 유지합니다.</p>
630      <div class="out">→ 결론\xb7권고 \xb7 3단계 로드맵</div>
631    </div>
632  </div>
633
634  <!-- AX 역량평가 체계 -->
635  <div class="sechead">
636    <div class="eyebrow">Stage 02 \xb7 Diagnosis</div>
637    <h2>지금 AX를 해도 되는 회사인가</h2>
638    <p>성숙도(어디까지 왔는가)와 사업 적합성(지금 시작해도 되는가)을 분리해 평가합니다.</p>
639  </div>
640  <div class="grid g2">
641    <div class="card ncard2">
642      <div class="mline2">// PART 1 \xb7 MATURITY L1—L5</div>
643      <h3>AX 성숙도 5단계</h3>
644      <p class="cap">기업의 AI 전환이 어느 단계에 있는지 판정합니다.</p>
645      <div class="lv">
646        <div class="l"><b>L1</b><span>준비 — 경영진 의지 선언, 담당자 지정</span></div>
647        <div class="l now"><b>L2</b><span>탐색 — AI 후보 비교, PoC 1건 착수</span></div>
648        <div class="l"><b>L3</b><span>파일럿 — 모델 현장 배포, KPI 달성</span></div>
649        <div class="l"><b>L4</b><span>내재화 — 전사 확산, CoE 운영</span></div>
650        <div class="l"><b>L5</b><span>자율화 — 인증 취득, BM 혁신</span></div>
651      </div>
652      <div class="note">판정 방식 — 레벨마다 <b>주요 KPI 3개</b>(총 15개)를 두고 달성 항목에 체크한 뒤,
653      <b>✓가 가장 많은 레벨</b>을 현재 성숙도로 채택합니다(동점이면 상위 레벨).
654      아래 사례 기업(B사)은 <b>L2 \xb7 탐색</b> 단계로, 데이터 축적\xb7공정 자동화\xb7AI 도입 경험은 열위이나
655      경영진의 도입 의지는 확인된 상태입니다.</div>
656    </div>
657    <div class="card ncard2">
658      <div class="mline2">// PART 2 \xb7 READINESS 8 CHECKS</div>
659      <h3>사업 여부 판단 8개 점검영역</h3>
660      <p class="cap">각 항목을 ○(충분)\xb7△(일부)\xb7\xd7(없음)로 답해 총 36점으로 환산합니다 — ③④는 반드시 넘어야 하는 게이트입니다.</p>
661      <div class="gauge">
662        <div class="row"><div class="nm"><i>①</i>명확한 Pain Point 존재<small>수작업 검사\xb7예지보전 부재 명확</small></div><div class="tr"><div class="fl" style="width:89%"></div></div><div class="vv">4.0</div></div>
663        <div class="row"><div class="nm"><i>②</i>AI 적용 데이터 확보<small>이미지 수집 가능하나 라벨링 미비</small></div><div class="tr"><div class="fl" style="width:67%"></div></div><div class="vv">3.0</div></div>
664        <div class="row"><div class="nm"><i>③</i>경영진 의지\xb7투자여력 <span class="tag line" style="font-size:9px;padding:1px 6px">GATE</span><small>의지 있음, 투자여력 제한적 \xb7 조건부 충족</small></div><div class="tr"><div class="fl gate" style="width:67%"></div></div><div class="vv">3.0</div></div>
665        <div class="row"><div class="nm"><i>④</i>최소 데이터\xb7인프라 <span class="tag line" style="font-size:9px;padding:1px 6px">GATE</span><small>
665촬영조건\xb7라벨링 표준화 필요 \xb7 조건부 충족</small></div><div class="tr"><div class="fl gate" style="width:56%"></div></div><div class="vv">2.5</div></div>
666        <div class="row"><div class="nm"><i>⑤</i>기대 재무효과 규모<small>품질비용 연 2.3억 절감 (추정)</small></div><div class="tr"><div class="fl" style="width:78%"></div></div><div class="vv">3.5</div></div>
667        <div class="row"><div class="nm"><i>⑥</i>현업 적용\xb7확산 가능성<small>단일 라인 → 전 공정 확산 가능</small></div><div class="tr"><div class="fl" style="width:67%"></div></div><div class="vv">3.0</div></div>
668        <div class="row"><div class="nm"><i>⑦</i>기술 실현가능성<small>비전검사 성숙 기술, 실현성 높음</small></div><div class="tr"><div class="fl" style="width:78%"></div></div><div class="vv">3.5</div></div>
669        <div class="row"><div class="nm"><i>⑧</i>리스크 관리 체계<small>NIST\xb7ISO 42001 경량 적용 여지</small></div><div class="tr"><div class="fl" style="width:56%"></div></div><div class="vv">2.5</div></div>
670        <div class="tot"><span class="lb">Total Score</span><span class="vl">24 <em>/ 36 \xb7 게이트 조건부 충족</em></span></div>
671      </div>
672      <div class="note">배점 — 핵심 항목 6개는 ○5\xb7△3\xb7\xd70점, 일반 항목 2개는 ○3\xb7△1\xb7\xd70점으로 <b>만점 36점</b>이며,
673      달성률에 따라 S(95%↑)\xb7A(85~94%)\xb7B(75~84%)\xb7C(75% 미만) 등급을 부여합니다.
674      다만 <b>게이트 항목이 ○가 아니면 등급과 무관하게 '역량 보완 후 재진단'</b>으로 판정합니다 —
675      점수가 높아도 데이터가 없으면 시작할 수 없다는 원칙입니다.</div>
676    </div>
677  </div>
678
679  <!-- Pain → KPI -->
680  <div class="sechead">
681    <div class="eyebrow">Stage 03 \xb7 Pain → KPI</div>
682    <h2>불편함을 측정 가능한 숫자로</h2>
683    <p>현장의 말로 된 불편함을 정의\xb7측정식\xb7목표치를 가진 KPI로 전환합니다. 아래는 사례 기업(B사)의 4대 pain-point에서 도출된 6개 KPI입니다.</p>
684  </div>
685
686  <div class="card ncard2">
687    <div class="mline2">// STEP 0 \xb7 WHERE DOES IT HURT</div>
688    <h3>먼저 어디가 아픈지부터 고릅니다</h3>
689    <p class="cap">진단은 8개 AX 서비스 영역과 그 안의 대표 pain-point 24종에서 해당 항목을 고르는 것으로 시작합니다.
690    고른 뒤에는 "언제\xb7얼마나 자주\xb7누가\xb7얼마나 걸리는지"를 구체적으로 적어 우선순위 3개까지 좁힙니다.</p>
691    <div class="flow" style="margin-top:14px">
692      <span class="f"><b>01</b> 고객상담\xb7AS 챗봇</span>
693      <span class="f"><b>02</b> 기업지식 RAG 챗봇</span>
694      <span class="f"><b>03</b> AI 검색 최적화</span>
695      <span class="f"><b>04</b> 인증\xb7규제 문서 대응</span>
696      <span class="f"><b>05</b> 품질\xb7불량 이슈 분석</span>
697      <span class="f"><b>06</b> B2B 영업 리드 발굴</span>
698      <span class="f"><b>07</b> 재고\xb7자재 데이터화</span>
699      <span class="f"><b>08</b> AX 교육 + 현업 실습</span>
700    </div>
701    <div class="note">이 8개 영역은 앞선 <b>패밀리기업 AX 특화지원</b>의 지원 트랙(마케팅\xb7운영\xb7글로벌)과 이어집니다 —
702    진단에서 고른 pain-point가 곧 어떤 에이전트를 만들지의 출발점이 됩니다.</div>
703  </div>
704  <div class="card ncard2">
705    <div class="mline2">// PAIN-POINT → QUANTIFIED KPI</div>
706    <div class="k2k">
707      <div class="r">
708        <div class="pn"><b>① 수작업 품질검사</b>육안 검사 편차로 불량이 유출되고 클레임이 발생</div>
709        <div class="kn">불량 유출률 (PPM)<small>출하 100만 개당 불량 유출 수</small></div>
710        <div class="ba"><span class="b4">3,000</span><span class="ar">→</span><span class="af">500 이하</span><span class="pr">P1</span></div>
711      </div>
712      <div class="r">
713        <div class="pn"><b>① 수작업 품질검사</b>검사 인력 의존, 처리량 한계</div>
714        <div class="kn">검사 자동화율<small>전체 검사 중 자동검사 비중</small></div>
715        <div class="ba"><span class="b4">10%</span><span class="ar">→</span><span class="af">70%</span><span class="pr">P1</span></div>
716      </div>
717      <div class="r">
718        <div class="pn"><b>② 공구수명 예측</b>설비가 예고 없이 멈춰 납기가 흔들림</div>
719        <div class="kn">돌발 설비정지<small>월간 비계획 정지 시간</small></div>
720        <div class="ba"><span class="b4">
72040h/월</span><span class="ar">→</span><span class="af">15h 이하</span><span class="pr">P2</span></div>
721      </div>
722      <div class="r">
723        <div class="pn"><b>② 공구수명 예측</b>교체 시점을 경험에 의존</div>
724        <div class="kn">공구수명 예측 정확도<small>잔여수명 예측 모델 정확도</small></div>
725        <div class="ba"><span class="b4">0% (미도입)</span><span class="ar">→</span><span class="af">85%</span><span class="pr">P2</span></div>
726      </div>
727      <div class="r">
728        <div class="pn"><b>③ 데이터 미축적</b>공정 지식이 종이\xb7경험에 머물러 승계가 어려움</div>
729        <div class="kn">공정 데이터 디지털화율<small>디지털로 축적되는 공정 데이터 비중</small></div>
730        <div class="ba"><span class="b4">20%</span><span class="ar">→</span><span class="af">80%</span><span class="pr">P3</span></div>
731      </div>
732      <div class="r">
733        <div class="pn"><b>④ 수요예측\xb7재고</b>재고가 과다하거나 결품이 발생</div>
734        <div class="kn">재고회전율<small>연간 재고 회전 횟수</small></div>
735        <div class="ba"><span class="b4">6회/년</span><span class="ar">→</span><span class="af">9회</span><span class="pr">P4</span></div>
736      </div>
737    </div>
738    <div class="note">1순위 KPI인 <b>불량 유출률</b>은 재작업\xb7폐기 감소(Cost Saving), 품질 신뢰도 기반 수주(Revenue Increase),
739    클레임 절감(SG&amp;A)의 <b>3중 재무효과</b>를 유발하는 고레버리지 지표로 선정되었습니다.
740    현수준 수치는 (추정)이며 PoC 착수 시 실측 베이스라인으로 재보정합니다.</div>
741  </div>
742
743  <!-- Value Driver -->
744  <div class="grid g2">
745    <div class="card ncard2">
746      <div class="mline2">// VALUE DRIVER → ACCOUNT</div>
747      <h3>KPI를 재무제표에 연결합니다</h3>
748      <p class="cap">개선된 KPI가 어느 계정에 얼마로 잡히는지까지 규정해야 '성과'가 됩니다.</p>
749      <div class="tbl-wrap"><table>
750        <tr><th>재무 성과 유형</th><th>Value Driver</th><th>연결 계정</th></tr>
751        <tr><td><b>Cost Saving</b></td><td>돌발정지 감소에 따른 잔업\xb7긴급수리비 절감</td><td>제조원가 — 수선비/노무비</td></tr>
752        <tr><td><b>Cost Saving</b></td><td>재작업\xb7소재편차 손실 축소</td><td>제조원가 — 재료비/외주가공비</td></tr>
753        <tr><td><b>Revenue Increase</b></td><td>품질 신뢰도\xb7가동률 향상에 따른 수주 확대</td><td>매출액</td></tr>
754        <tr><td><b>SG&amp;A</b></td><td>검사\xb7문서 자동화로 공수 절감</td><td>판관비 — 급여/외주용역비</td></tr>
755        <tr><td><b>Risk Cost</b></td><td>노하우 데이터화로 핵심인력 이탈 리스크 완화</td><td>우발손실 — 생산차질 리스크</td></tr>
756        <tr><td><b>Risk Cost</b></td><td>납기지연 클레임\xb7페널티 방지</td><td>판관비 — 대손/클레임충당금</td></tr>
757      </table></div>
758    </div>
759    <div class="card ncard2">
760      <div class="mline2">// STANDARDS CROSS-CHECK</div>
761      <h3>국제 표준으로 교차 검증</h3>
762      <p class="cap">KPI와 검증 절차가 자의적이지 않도록 3종 표준에 연계합니다.</p>
763      <ul class="dots">
764        <li><b>NIST AI RMF</b> — MAP(적용맥락\xb7리스크 식별) / MEASURE(성능\xb7신뢰성 정량 측정) / MANAGE(드리프트 감시\xb7재학습)</li>
765        <li><b>ISO/IEC 42001</b> — AI 경영시스템(AIMS)의 PDCA, 데이터 거버넌스와 담당자 R&amp;R 문서화</li>
766        <li><b>Lean Six Sigma</b> — DMAIC로 기준선 측정 → 근본원인 분석 → 개선 → SPC 관리도로 통제</li>
767      </ul>
768      <div class="note">실행 지침 예: 설비 이상감지 모델은 <b>미탐 비용이 오탐보다 크므로 Recall 우선</b>으로 최적화하고,
769      이를 MEASURE 단계 지표로 명문화합니다. 소기업 수준에 맞춰 <b>경량 적용</b>하는 것을 원칙으로 합니다.</div>
770    </div>
771  </div>
772
773  <div class="card ncard2">
774    <div class="mline2">// EVIDENCE LIBRARY</div>
775    <h3>KPI를 아무거나 고르지 않습니다</h3>
776    <p class="cap">KPI 사전 55종(BSC 3관점)과 제조\xb7품질\xb7공급망 분야 학술 논문 19편(2021~2026)을 근거로 후보를 좁힙니다.</p>
777    <div class="grid g2" style="gap:14px;margin-top:12px">
778      <div>
779        <h4>KPI가 갖춰야 할 요건</h4>
780        <ul class="dots" style="font-size:12.5px">
781          <li><b>측정가능성</b> — 지금 있는 데이터로 실제로 잴 수 있는가</li>
782          <li><b>민감도</b> — 개선 활동에 지표가 반응하는가</li>
783          <li><b>실행가능성</b> — 지표를 보고 무엇을 할지 정할 수 있는가</li>
784          <li><b>
784신뢰성\xb7적시성</b> — 반복 측정해도 일관되고 제때 나오는가</li>
785        </ul>
786      </div>
787      <div>
788        <h4>문헌이 말하는 것</h4>
789        <ul class="dots" style="font-size:12.5px">
790          <li>KPI는 고정 목록이 아니라 <b>풀(pool)에서 기업 상황에 맞게 선택</b>하는 것</li>
791          <li>AI 기술은 성과에 직접 작용하지 않고 <b>가시성\xb7유연성 등을 매개</b>로 간접 작용</li>
792          <li>AI 도입은 기존 지표 최적화를 넘어 <b>새 역량을 담을 새 지표</b>를 요구</li>
793        </ul>
794      </div>
795    </div>
796    <div class="note">"AI를 넣으면 좋아진다"가 아니라 <b>"무엇을 매개로 어떤 지표가 얼마나 움직이는가"</b>를
797    설명할 수 있어야 성과 검증이 가능하다는 것이 문헌의 공통된 지적입니다. KISTI가 공공 조정자로서
798    성과 검증을 강조하는 이유이기도 합니다.</div>
799  </div>
800
801  <!-- PoC 게이트 -->
802  <div class="sechead">
803    <div class="eyebrow">Stage 03 \xb7 PoC Design</div>
804    <h2>넘어야 통과하는 관문</h2>
805    <p>PoC는 "해봤다"로 끝나지 않습니다. 각 게이트마다 통과기준과 미달 시 대응책을 미리 정합니다.</p>
806  </div>
807  <div class="gates">
808    <div class="gt">
809      <div class="g">G1</div><b>데이터 준비</b>
810      <span>불량/양품 이미지 각 500건 이상 라벨링, 촬영조건\xb7조명 표준화</span>
811      <span class="fail">미달 시 → 수집 항목 축소\xb7센서 추가 후 재측정</span>
812    </div>
813    <div class="gt">
814      <div class="g">G2</div><b>모델 성능</b>
815      <span>미검출률 1% \xb7 오검출률 5% \xb7 Recall 95% 달성</span>
816      <span class="fail">미달 시 → 피처 재설계\xb7룰기반 하이브리드 전환</span>
817    </div>
818    <div class="gt">
819      <div class="g">G3</div><b>A/B 현장 검증</b>
820      <span>실험군\xb7대조군 분리 운영, 불량 유출률 50%↑ 개선의 통계적 유의성 확인</span>
821      <span class="fail">미달 시 → 대상 공정 재선정\xb7기간 연장 후 재검증</span>
822    </div>
823    <div class="gt">
824      <div class="g">G4</div><b>재무 타당성</b>
825      <span>검사 자동화율 50% 이상 \xb7 투자회수 24개월 이내 전망</span>
826      <span class="fail">미달 시 → 적용범위 축소\xb7정부 지원사업 연계</span>
827    </div>
828  </div>
829  <div class="note">모든 게이트는 <b>'보완 후 재검증'</b> 원칙으로 운영합니다. G1 미달 시에도 중단이 아니라
830  혼합운영(AI 1차 판정 + 숙련자 2차 확인) 모드로 전환해 리스크를 분산합니다.</div>
831
832  <!-- ============ AX 재무성과 ============ -->
833  <div class="sechead" id="fin" style="scroll-margin-top:80px">
834    <div class="eyebrow">Stage 04 \xb7 Financial Outcome</div>
835    <h2>AX 재무성과</h2>
836    <p>아래는 사례 기업 <b>B사(철강 절단용 나이프 제조, 수도권 소재)</b>의 비전 품질검사\xb7공구 예지보전 AI 도입에 대한
837    간이 가치평가 결과입니다. 5년\xb7할인율 12% 기준이며, 모든 수치는 PoC 착수 전 <b>추정치</b>입니다.</p>
838  </div>
839
840  <div class="fin">
841    <div class="f"><div class="l">Base ROI</div><div class="v">142<small>%</small></div><div class="s">5년 누적 기준</div></div>
842    <div class="f"><div class="l">NPV</div><div class="v">3.1<small>억 원</small></div><div class="s">할인율 12%</div></div>
843    <div class="f"><div class="l">회수기간 PBP</div><div class="v">20<small>개월</small></div><div class="s">목표 24개월 이내</div></div>
844    <div class="f"><div class="l">IRR</div><div class="v">48<small>%</small></div><div class="s">내부수익률(추정)</div></div>
845  </div>
846  <div class="grid g2" style="margin-top:12px">
847    <div class="card" style="margin:0">
848      <div class="mline2">// INVESTMENT</div>
849      <h4>총투자 2.8억 원 (추정)</h4>
850      <ul class="dots" style="font-size:12.5px">
851        <li>비전검사 설비\xb7SI — 1.8억</li>
852        <li>데이터\xb7모델 구축 — 0.6억</li>
853        <li>운영 — 0.4억</li>
854      </ul>
855      <div class="note">정부 스마트공장\xb7제조 AX 지원사업(투자비 30~50% 보조, 추정) 연계 시
856      자기부담은 <b>1.4~2.0억</b> 수준으로 낮아집니다.</div>
857    </div>
858    <div class="card" style="margin:0">
859      <div class="mline2">// ANNUAL NET EFFECT</div>
860      <h4>연간 순효과 1.7억 원 (추정)</h4>
861      <ul class="dots" style="font-size:12.5px">
862        <li>품질비용(반품\xb7재작업\xb7클레임) 절감 — 연 2.3억</li>
863        <li>운영비 — 연 0.6억 차감</li>
864      </ul>
865      <div class="note">가장 민감한 변수가 <b>품질비용 절감액</b>이므로, PoC G1의 실측 검증이
866      투자 확정의 핵심 관문이 됩니다.</div>
867    </div>
868  </div>
869
870  <!-- Before / After -->
871  <div class="card ncard2" style="margin-top:15px">
872    <div class="mline2">// BEFORE → AFTER</div>
873    <h3>AI 도입 전후 지표 변화 (추정)</h3>
874    <div class="ba2">
875      <div class="row">
876        <div class="hd"><span class="nm">불량 유출률 (PPM)</span><span class="dt">3,000 → <b>500 이하</b></span><span class="chg">−83%</span></div>
877        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:100%"></div></div></div>
878        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:17%"></div></div></div>
879      </div>
880      <div class="row">
881        <div class="hd"><span class="nm">검사 자동화율</span><span class="dt">10% → <b>70%</b></span><span class="chg">+60%p</span></div>
882        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:14%"></div></div></div>
883        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:100%"></div></div></div>
884      </div>
885      <div class="row">
886        <div class="hd"><span class="nm">돌발 설비정지 (hrs/월)</span><span class="dt">40시간 → <b>15시간 이하</b></span><span class="chg">−63%</span></div>
887        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:100%"></div></div></div>
888        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:37%"></div></div></div>
889      </div>
890      <div class="row">
891        <div class="hd"><span class="nm">재고회전율 (회/년)</span><span class="dt">6회 → <b>9회</b></span><span class="chg">+50%</span></div>
892        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:67%"></div></div></div>
893        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:100%"></div></div></div>
894      </div>
895      <div class="row">
896        <div class="hd"><span class="nm">품질비용 (반품\xb7재작업)</span><span class="dt">
896연 3.8억 → <b>연 1.5억</b></span><span class="chg">−60%</span></div>
897        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:100%"></div></div></div>
898        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:39%"></div></div></div>
899      </div>
900      <div class="row">
901        <div class="hd"><span class="nm">영업이익률</span><span class="dt">6% → <b>9%</b></span><span class="chg">+3%p</span></div>
902        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:67%"></div></div></div>
903        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:100%"></div></div></div>
904      </div>
905      <div class="row">
906        <div class="hd"><span class="nm">연매출</span><span class="dt">품질 신뢰도 기반 <b>수주 확대</b></span><span class="chg">+7.4%</span></div>
907        <div class="bars"><span class="tag2">AI 전</span><div class="t"><div class="f" style="width:93%"></div></div></div>
908        <div class="bars"><span class="tag2">AI 후</span><div class="t"><div class="f on" style="width:100%"></div></div></div>
909      </div>
910    </div>
911    <div class="note">불량 유출률 83% 개선이 품질비용 연 2.3억 절감으로 직결되고, 품질 신뢰도 제고에 따른
912    재구매\xb7신규 수주가 매출 증대로 이어집니다. 영업이익률 개선은 원가절감과 매출증대의 복합 효과입니다(추정).</div>
913  </div>
914
915  <!-- 시나리오 -->
916  <div class="sechead">
917    <div class="eyebrow">Scenarios</div>
918    <h2>세 가지 시나리오로 함께 봅니다</h2>
919    <p>하나의 숫자가 아니라 범위로 제시해야 의사결정에 쓸 수 있습니다. 5년\xb7할인율 12% 기준(추정).</p>
920  </div>
921  <div class="scn">
922    <div class="s">
923      <div class="t">Conservative \xb7 보수</div>
924      <div class="big">ROI 78%</div>
925      <ul>
926        <li><span>회수기간</span><b>31개월</b></li>
927        <li><span>NPV</span><b>1.4억 원</b></li>
928        <li><span>판정</span><b>경제성 확보</b></li>
929      </ul>
930    </div>
931    <div class="s base">
932      <div class="t">Base \xb7 기본 (권고 기준)</div>
933      <div class="big">ROI 142%</div>
934      <ul>
935        <li><span>회수기간</span><b>20개월</b></li>
936        <li><span>NPV</span><b>3.1억 원</b></li>
937        <li><span>판정</span><b>조건부 Go</b></li>
938      </ul>
939    </div>
940    <div class="s">
941      <div class="t">Optimistic \xb7 낙관</div>
942      <div class="big">ROI 215%</div>
943      <ul>
944        <li><span>회수기간</span><b>14개월</b></li>
945        <li><span>NPV</span><b>5.2억 원</b></li>
946        <li><span>판정</span><b>조기 확산</b></li>
947      </ul>
948    </div>
949  </div>
950
951  <!-- 민감도 -->
952  <div class="card ncard2" style="margin-top:15px">
953    <div class="mline2">// SENSITIVITY \xb7 KEY VARIABLES \xb120%</div>
954    <h3>가정이 흔들리면 결과는 어떻게 되나</h3>
955    <div class="sens">
956      <div class="s key"><div class="q"><b>품질비용 절감액 −20%</b> — 가장 민감한 변수</div><div class="o">NPV 3.1억 → 2.0억 \xb7 PBP 20 → 25개월</div></div>
957      <div class="s"><div class="q"><b>총투자액 +20%</b></div><div class="o">ROI 142% → 102% \xb7 PBP 20 → 24개월</div></div>
958      <div class="s"><div class="q"><b>불량 유출률 목표 미달</b> (500 → 800 PPM)</div><div class="o">연간 순효과 1.7 → 1.3억 \xb7 NPV 2.1억</div></div>
959      <div class="s"><div class="q"><b>할인율 12% → 15% 상향</b></div><div class="o">NPV 3.1억 → 2.6억 (금리 변동에 견조)</div></div>
960    </div>
961    <div class="note">네 가지 악조건 모두에서 <b>양(+)의 NPV와 24~25개월 내 회수</b>가 유지됩니다.
962    다만 품질비용 절감액은 PoC G1에서 반드시 실측으로 확인해야 하는 변수입니다.</div>
963  </div>
964
965  <!-- 비재무 + 로드맵 -->
966  <div class="grid g2" style="margin-top:15px">
967    <div class="card ncard2" style="margin:0">
968      <div class="mline2">// NON-FINANCIAL EFFECTS</div>
969      <h3>숫자로 잡히지 않는 효과 5영역</h3>
970      <div class="tbl-wrap"><table>
971        <tr><th>영역</th><th>도입 전</th><th>도입 후</th></tr>
972        <tr><td><b>품질\xb7신뢰도</b></td><td>육안검사 편차\xb7불량 유출로 클레임</td><td>검사 표준화로 품질 일관성\xb7거래처 신뢰</td></tr>
973        <tr><td><b>기술\xb7데이터 자산</b></td><td>공정지식 종이\xb7경험 기반, 승계 취약</td><td>디지털 데이터\xb7예측모델 축적, 기술 자산화</td></tr>
974        <tr><td><b>인력\xb7역량</b></td><td>숙련자 의존, 검사 피로\xb7고령화 리스크</td><td>AI 보조로 부담 완화\xb7데이터 인력 육성</td></tr>
975        <tr><td><b>ESG\xb7안전</b></td><td>수작업 반복\xb7폐기물 발생</td><td>불량 폐기 감소\xb7자원효율\xb7근로환경 개선</td></tr>
976        <tr><td><b>대외\xb7브랜드</b></td><td>가격경쟁 노출, 차별화 약함</td><td>품질데이터 기반 차별화 마케팅</td></tr>
977      </table></div>
978      <div class="note"><b>기술\xb7데이터 자산화</b>와 <b>품질 신뢰도</b>는 재무성과로 전이되는 선행지표입니다.
979      30년 축적된 공정 노하우의 디지털 전환은 숙련 인력 고령화에 대응하는 기술승계 효과가 큽니다.</div>
980    </div>
981    <div class="card ncard2" style="margin:0">
982      <div class="mline2">// DIFFUSION ROADMAP</div>
983      <h3>확산 3단계</h3>
984      <div class="tbl-wrap"><table>
985        <tr><th>단계</th><th>기간</th><th>목표 KPI</th></tr>
986        <tr><td><b>1단계 \xb7 PoC 검증</b><br><small style="color:var(--faint)">단일 라인 A/B 검증</small></td><td>0~6개월</td><td>불량 유출률 50%↑ 개선 \xb7 ROI 24개월 전망</td></tr>
987        <tr><td><b>2단계 \xb7 본업 확산</b><br><small style="color:var(--faint)">전 공정 확대 + 예지보전</small></td><td>6~18개월</td><td>검사 자동화율 70% \xb7 예측 정확도 85% \xb7 품질비용 50%↓</td></tr>
988        <tr><td><b>3단계 \xb7 신규 사업화</b><br><small style="color:var(--faint)">예측모델 특허화</small></td><td>18~36개월</td><td>특허 출원 \xb7 기술가치 4억↑ \xb7 신규 매출 기여 5%↑</td></tr>
989      </table></div>
990      <div class="note">3단계에서 공구수명 예측 알고리즘을 특허화하면 소득접근법 기준
991      <b>기술가치 4~6억 원(추정)</b>의 무형자산을 추가로 확보할 수 있습니다.</div>
992    </div>
993  </div>
994
995  <!-- 전문가 검증 + 판정 -->
996  <div class="card ncard2" style="margin-top:15px">
997    <div class="mline2">// EXPERT VERIFICATION</div>
998    <h3>전문가는 이렇게 판정했습니다</h3>
999    <ul class="dots">
1000      <li><b>[Pain Point\xb7KPI] Modify</b> — 불량 유출률 1순위 선정은 타당하나, 현수준 3,000 PPM은 추정값이므로 PoC 초기 베이스라인 실측으로 목표 재보정 필요</li>
1001      <li><b>[가치평가] Modify</b> — ROI 142%\xb7PBP 20개월 경제성은 인정되나, 총투자 2.8억은 소기업에 부담이므로 정부 지원사업 연계로 자기부담 축소 전제 필수</li>
1002      <li><b>[표준\xb7거버넌스] Accept</b> — NIST AI RMF\xb7ISO/IEC 42001 경량 적용 방향 타당, 과도하지 않게 설계</li>
1003      <li><b>[확산 전략] Accept</b> — 3단계 순차 로드맵과 '보완 후 재검증' 게이트 원칙 유효, 특허화는 2단계 성공 전제</li>
1004    </ul>
1005    <div class="verdict"><i></i><b>종합 판정 \xb7 조건부 Go</b><span>데이터 확보\xb7투자여력 게이트 보완 시 1단계 PoC 즉시 착수 권고</span></div>
1006    <div class="note">AI가 만든 초안을 사람이 검토해 <b>Accept / Modify</b>로 판정하고, 그 결과가 최종 리포트에 반영됩니다.
1007    KISTI는 AI 산출물을 그대로 결론으로 삼지 않습니다.</div>
1008  </div>
1009
1010  <div class="note">※ 본 페이지의 수치는 특정 기업 1개사의 <b>진단 예시</b>이며, (추정) 표기가 붙은 값은 PoC 실측 전 추정치입니다.
1011  본 분석은 AI 에이전트가 생성하고 전문가가 검토한 <b>의사결정 지원 자료</b>로, 감정평가기관의 공식 기술가치평가서나
1012  회계감사 결과가 아닙니다. 기술가치(4~6억) 등 무형자산 가치는 사업화 단ê
1012³„에서 별도의 정밀 평가가 필요합니다.
1013  기업명은 수혜기업 동의 절차 전까지 익명(B사)으로 표기하며, 다른 기업에 그대로 적용되는 값이 아닙니다.</div>
1014
1015  <div class="ctaband">
1016    <div>
1017      <h3>우리 회사의 AX는 얼마짜리인가</h3>
1018      <p>pain-point 진단부터 KPI 설계, 재무 타당성 검토까지 — 같은 절차로 분석해 드립니다.</p>
1019    </div>
1020    <div class="sp">
1021      <span class="btn pri" data-go="join">가치분석 신청</span>
1022      <span class="btn ghost" data-go="agents">에이전트 사례 보기</span>
1023    </div>
1024  </div>
1025
1026</section>
1027
1028<!-- ================================================== R&D 전략지원 ================================================== -->
1029<section class="panel" id="p-rnd">
1030
1031  <div class="sechead">
1032    <div class="eyebrow">Pillar 02 \xb7 Evidence-Based</div>
1033    <h2>지방정부 R&amp;D 예산 전략 지원</h2>
1034    <p>2027년 1월, 지역주도 과학기술혁신 촉진법이 시행됩니다. 시\xb7도가 직접 R&amp;D 투자의 방향을
1035    정하는 시대 — KISTI 수도권은 국가 R&amp;D 데이터에 기반한 <b>증거기반 예산전략 정보</b>로 지방정부의 의사결정을 지원합니다.</p>
1036  </div>
1037
1038  <div class="grid g3">
1039    <div class="card">
1040      <span class="tag m">배경 01 \xb7 제도</span>
1041      <h4 style="margin-top:10px">지역이 주도하는 R&amp;D 시대</h4>
1042      <p style="font-size:12.5px;color:var(--mut)">시\xb7도지사가 5년 단위 <b>지역과학기술혁신계획</b>을 수립하고
1043      지역 전담기관을 둘 수 있게 됩니다. 투자 실적이 우수한 지방정부에는 인센티브가 제공됩니다.</p>
1044    </div>
1045    <div class="card">
1046      <span class="tag m">배경 02 \xb7 산업</span>
1047      <h4 style="margin-top:10px">국가전략산업의 지역 배치</h4>
1048      <p style="font-size:12.5px;color:var(--mut)">Physical AI 등 국가전략산업의 지역연구개발사업 예산을
1049      어디에, 어떤 기능에 배분할지 — 감이 아닌 <b>데이터 근거</b>가 필요합니다.</p>
1050    </div>
1051    <div class="card">
1052      <span class="tag m">배경 03 \xb7 협력</span>
1053      <h4 style="margin-top:10px">메가시티 초광역 협력</h4>
1054      <p style="font-size:12.5px;color:var(--mut)">전남\xb7강원\xb7제주 메디뷰티 R&amp;D처럼 권역을 넘는 공동사업이
1055      확산 중입니다. 권역 간 <b>보완성\xb7협력 구조</b>를 읽는 눈이 곧 기획 역량입니다.</p>
1056    </div>
1057  </div>
1058
1059  <div class="sechead">
1060    <div class="eyebrow">Platform</div>
1061    <h2>Physical AI R&amp;D Observatory</h2>
1062    <p>NTIS 국가연구개발사업 데이터를 기반으로 Physical AI 분야의 투자\xb7특화\xb7협력 구조를
1063    권역 단위로 분석하는 증거기반 대시보드입니다. (시범 서비스 — kisti.ai 내 통합 예정)</p>
1064  </div>
1065
1066  <div class="grid g31">
1067    <div class="card ncard">
1068      <div class="mline">// OBSERVATORY MODULES</div>
1069      <h3>제공 모듈</h3>
1070      <div class="tbl-wrap"><table>
1071        <tr><th>모듈</th><th>내용</th></tr>
1072        <tr><td><b>종합 대시보드</b></td><td>Physical AI 국가 R&amp;D 투자 규모\xb7추이\xb7핵심 지표 요약</td></tr>
1073        <tr><td><b>E\xd7A 결합구조</b></td><td>기술기능(E) \xd7 응용분야(A) 매트릭스로 투자 포트폴리오 진단 — 과제 수\xb7투자액\xb7OER(관측/기대)</td></tr>
1074        <tr><td><b>권역 분석 (5극\xb73특)</b></td><td>권역별 특화도(전국 대비 LQ)\xb7투자 구조 비교, 강점\xb7공백 영역 식별</td></tr>
1075        <tr><td><b>협력 구조</b></td><td>기관 간 공동연구 네트워크 — 권역 내/권역 간 협력 패턴 분석</td></tr>
1076        <tr><td><b>과제 탐색</b></td><td>조건별 국가 R&amp;D 과제 검색\xb7목록화</td></tr>
1077        <tr><td><b>데이터\xb7방법론</b></td><td>분류체계\xb7지표 정의\xb7산출 방법 공개 (재현 가능성)</td></tr>
1078      </table></div>
1079      <div class="note">분석 지표: <b>LQ</b>(입지계수\xb7지역 특화도) \xb7 <b>RSI</b>(상대특화지수) \xb7 <b>OER</b>(관측/기대 비율) \xb7 협력 네트워크 지수 등
1080      — 학술 방법론에 기반해 산출하며 방법론 탭에서 정의를 공개합니다.</div>
1081    </div>
1082    <div class="card ncard">
1083      <div class="mline">// USE CASES</div>
1084      <h3>이렇게 활용합니다</h3>
1085      <ul class="dots m">
1086        <li><b>지역과학기술혁신계획 수립</b> — 5년 계획의 투자 방향을 데이터 근거로 설계</li>
1087        <li><b>전략산업 포지셔닝</b> — 우리 지역이 Physical AI 가치사슬 어디에 강한지 진단</li>
1088        <li><b>공동기획 파트너 탐색</b> — 보완성이 높은 권역\xb7기관을 협력 네트워크에서 발굴</li>
1089        <li><b>예산 심의 대응</b> — 관측/기대 비율(OER) 등으로 중복\xb7공백 투자 설명</li>
1090      </ul>
1091      <div style="margin-top:16px">
1092        <span class="btn mint" data-go="join">시범 분석 협력 문의</span>
1093      </div>
1094    </div>
1095  </div>
1096
1097  <div class="card ncard">
1098    <div class="mline">// PARTNERS \xb7 FIELD QUESTIONS</div>
1099    <h3>누구와 함께 하나요</h3>
1100    <p style="color:var(--mut);margin-top:6px;font-size:13px">시\xb7도 과학기술 부서, 지역 테크노파크, 지역과학기술 전담기관(설치 예정 포함),
1101    출연연 지역조직, 지역 대학 산학협력단 등 — 수도권과 4극\xb73특 권역의 공동기획을 우선 지원합니다.</p>
1102    <div class="quotes" style="margin-top:10px">
1103      <span class="q">우리 시\xb7도의 Physical AI 특화도는 전국 대비 어느 수준인가요?</span>
1104      <span class="q">인접 권역과 공동으로 기획할 만한 보완 영역은 어디인가요?</span>
1105      <span class="q">차기 혁신계획에 담을 투자 공백 영역을 데이터로 보여줄 수 있나요?</span>
1106    </div>
1107  </div>
1108
1109  <div class="sechead">
1110    <div class="eyebrow">Regional Constellation</div>
1111    <h2>수도권에서 출발해, 전국과 연결됩니다</h2>
1112    <p>5극\xb73특 국가균형성장 구도 속에서 KISTI 수도권은 관할 4개 시\xb7도를 지원하는 동시에,
1113    나머지 4극\xb73특 권역과의 공동연계(메가시티 초광역 협력 등)를 추진합니다.</p>
1114  </div>
1115  <div class="card ncard constel">
1116    <div class="grid g31">
1117      <div class="mapbox mappanel" aria-label="KISTI 수도권 관할(서울\xb7인천\xb7경기\xb7강원)과 4극\xb73특 권역의 공동연계, 광역 간 연계망 모식도">
1118        <svg viewBox="0 0 430 480" role="img">
1119          <g fill="none" stroke="#ffffff" stroke-opacity=".45" stroke-width="1.8" stroke-linecap="round">
1120            <path class="arcflow" d="M178,128 Q150,178 150,206"/>
1121            <path class="arcflow" d="M178,128 Q252,176 266,226"/>
1122            <path class="arcflow" d="M178,128 Q322,222 301,316"/>
1123            <path class="arcflow" d="M178,128 Q84,252 132,340"/>
1124            <path class="arcflow" d="M178,128 Q108,225 126,282"/>
1125            <path class="arcflow" d="M178,128 Q40,318 111,436"/>
1126          </g>
1127          <g fill="none" stroke="#ffffff" stroke-opacity=".22" stroke-width="1.4" stroke-dasharray="2 6" stroke-linecap="round">
1128            <path d="M173,240 L245,250"/>
1129            <path d="M144,254 L131,285"/>
1130            <path d="M130,316 L133,343"/>
1131            <path d="M157,374 L277,349"/>
1132            <path d="M274,272 L292,320"/>
1133            <path d="M129,388 L120,435"/>
1134            <path d="M234,105 L262,229"/>
1135          </g>
1136          <text x="217" y="396" font-size="9.5" fill="#ffffff" opacity=".6" text-anchor="middle">광역 간 연계망</text>
1137          <rect x="50" y="34" width="214" height="152" rx="18" fill="rgba(88,230,255,.08)" stroke="rgba(88,230,255,.55)" stroke-width="1.3"/>
1138          <text x="66" y="57" font-size="11.5" fill="#ffffff" font-weight="800">KISTI 수도권 관할</text>
1139          <circle cx="178" cy="128" r="28" fill="none" stroke="#ffffff" stroke-opacity=".35"/>
1140          <circle cx="178" cy="128" r="34" fill="none" stroke="#ffffff" stroke-opacity=".14"/>
1141          <circle cx="128" cy="96" r="16" fill="#ffffff"/>
1142          <text x="128" y="100" font-size="10.5" font-weight="800" fill="#062333" text-anchor="middle">서울</text>
1143          <circle cx="88" cy="132" r="14" fill="#ffffff"/>
1144          <text x="88" y="136" font-size="10" font-weight="800" fill="#062333" text-anchor="middle">인천</text>
1145          <circle cx="178" cy="128" r="21" fill="#ffffff"/>
1146          <text x="178" y="132" font-size="10.5" font-weight="800" fill="#062333" text-anchor="middle">경기</text>
1147          <circle cx="228" cy="86" r="22" fill="none" stroke="#8fe3d8" stroke-width="1.4" stroke-dasharray="3 4"/>
1148          <circle cx="228" cy="86" r="16" fill="#ffffff"/>
1149          <text x="228" y="90" font-size="10" font-weight="800" fill="#062333" text-anchor="middle">강원</text>
1150          <text x="228" y="120" font-size="8.5" fill="#8fe3d8" opacity=".95" text-anchor="middle">3특 중첩</text>
1151          <g stroke="#ffffff" stroke-opacity=".9" stroke-width="1.6" fill="rgba(255,255,255,.22)">
1152            <circle cx="150" cy="232" r="24"/>
1153            <circle cx="268" cy="252" r="24"/>
1154            <circle cx="135" cy="365" r="23"/>
1155            <circle cx="300" cy="342" r="24"/>
1156          </g>
1157          <g font-size="11" font-weight="800" fill="#ffffff" text-anchor="middle">
1158            <text x="150" y="236">충청권</text>
1159            <text x="268" y="256">대경권</text>
1160            <text x="135" y="369">호남권</text>
1161            <text x="300" y="346">동남권</text>
1162          </g>
1163          <g stroke="#8fe3d8" stroke-width="1.4" stroke-dasharray="3 4" fill="rgba(143,227,216,.08)">
1164            <circle cx="128" cy="300" r="16"/>
1165            <circle cx="118" cy="448" r="14"/>
1166          </g>
1167          <g font-size="10" font-weight="800" fill="#d9f7f2" text-anchor="middle">
1168            <text x="128" y="304">전북</text>
1169            <text x="118" y="452">제주</text>
1170          </g>
1171        </svg>
1172        <div class="lgd">
1173          <span><span class="sw core"></span>관할 시\xb7도</span>
1174          <span><span class="sw pole"></span>4극 권역</span>
1175          <span><span class="sw spc"></span>3특 권역</span>
1176          <span><span class="sw lnk"></span>공동연계 흐름</span>
1177        </div>
1178        <div class="mcap">수도권 ⇄ 4극\xb73특 공동연계 \xb7 광역 간 연계망 (모식도)</div>
1179      </div>
1180      <div class="regionmap">
1181        <div class="rbox core">
1182          <div class="rt">KISTI 수도권 관할 <small>지원 대상 지역</small></div>
1183          <div class="rchips">
1184            <span class="rchip core">서울</span>
1185            <span class="rchip core">인천</span>
1186            <span class="rchip core">경기</span>
1187            <span class="rchip core">강원*</span>
1188          </div>
1189        </div>
1190        <div class="linkmark">⇅<span style="font-size:10.5px;font-weight:700;margin-left:7px;vertical-align:2px">공동연계</span></div>
1191        <div class="rbox">
1192          <div class="rt">4극\xb73특 권역 <small>공동기획\xb7초광역 협력 파트너</small></div>
1193          <div class="rchips">
1194            <span class="rchip">충청권</span>
1195            <span class="rchip">호남권</span>
1196            <span class="rchip">대경권</span>
1197            <span class="rchip">동남권</span>
1198            <span class="rchip sp">강원*</span>
1199            <span class="rchip sp">전북</span>
1200            <span class="rchip sp">제주</span>
1201          </div>
1202        </div>
1203      </div>
1204    </div>
1205    <div class="note">* 강원특별자치도는 KISTI 수도권 관할이면서 3특 권역에 동시에 해당합니다. 점선은 3개 특별자치권을 나타냅니다.</div>
1206  </div>
1207
1208  <div class="ctaband">
1209    <div>
1210      <h3>증거로 설계하는 지역 R&amp;D 예산</h3>
1211      <p>Observatory 시연과 시범 분석(권역 1개 심층)을 요청할 수 있습니다. 촉진법 시행 전 준비를 함께 시작하세요.</p>
1212    </div>
1213    <div class="sp">
1214      <span class="btn mint" data-go="join">협력 문의하기</span>
1215      <a class="btn ghost" href="https://www.ntis.go.kr" target="_blank" rel="noopener">NTIS 바로가기</a>
1216    </div>
1217  </div>
1218
1219</section>
1220
1221<!-- ================================================== 참여\xb7문의 ================================================== -->
1222<section class="panel" id="p-join">
1223
1224  <div class="sechead">
1225    <div class="eyebrow">Contact</div>
1226    <h2>참여\xb7문의</h2>
1227    <p>대상에 따라 신청 경로가 다릅니다. 어디에 해당하는지 확인하고 문의를 남겨주세요.</p>
1228  </div>
1229
1230  <div class="grid g3">
1231    <div class="card">
1232      <span class="tag c">기업 \xb7 패밀리기업</span>
1233      <h4 style="margin-top:10px">AX 특화지원 신청</h4>
1234      <p style="font-size:12.5px;color:var(--mut)">수도권 소재 KISTI 패밀리기업.
1235      pain-point 상담 → 진단 → PoC 지원의 순서로 진행됩니다.</p>
1236      <ul class="dots" style="font-size:12.5px">
1237        <li>연차 공고 확인 (ASTI 공지)</li>
1238        <li>수요 조사서 제출 \xb7 현장 인터뷰</li>
1239      </ul>
1240    </div>
1241    <div class="card">
1242      <span class="tag c">기업 \xb7 예비 패밀리기업</span>
1243      <h4 style="margin-top:10px">패밀리기업 가입 안내</h4>
1244      <p style="font-size:12.5px;color:var(--mut)">아직 패밀리기업이 아닌 수도권 중소기업.
1245      가입 절차부터 안내해 드립니다.</p>
1246      <ul class="dots" style="font-size:12.5px">
1247        <li>ASTI(과학기술정보협의회) 문의</li>
1248        <li>가입 후 AX 수요 상담 연계</li>
1249      </ul>
1250    </div>
1251    <div class="card">
1252      <span class="tag m">지자체 \xb7 공공</span>
1253      <h4 style="margin-top:10px">R&amp;D 전략지원 협력</h4>
1254      <p style="font-size:12.5px;color:var(--mut)">시\xb7도, 테크노파크, 지역 전담기관.
1255      Observatory 시연\xb7시범 분석\xb7공동기획을 지원합니다.</p>
1256      <ul class="dots m" style="font-size:12.5px">
1257        <li>협력 수요서 접수</li>
1258        <li>시범 분석(권역 1개 심층) 협의</li>
1259      </ul>
1260    </div>
1261  </div>
1262
1263  <div class="grid g31">
1264    <div class="card ncard2">
1265      <div class="mline2">// REGISTRATION</div>
1266      <h3>관심 등록</h3>
1267      <p style="font-size:12.5px;color:var(--mut);margin-top:3px">아래 정보를 남겨주시면 담당자가 확인 후 연락드립니다.</p>
1268      <div class="form" id="reg-form">
1269        <div><label>구분</label><select id="reg-type">
1270          <option value="패밀리기업 (AX 지원)">패밀리기업 (AX 지원)</option>
1271          <option value="예비 패밀리기업 (가입)">예비 패밀리기업 (가입)</option>
1272          <option value="지자체\xb7공공 (R&amp;
1272D 전략)">지자체\xb7공공 (R&amp;D 전략)</option>
1273        </select></div>
1274        <div><label>기관\xb7기업명</label><input id="reg-org" placeholder="예) ○○정밀 주식회사"></div>
1275        <div><label>담당자</label><input id="reg-manager" placeholder="이름 / 직책"></div>
1276        <div><label>연락처</label><input id="reg-contact" placeholder="이메일 또는 전화"></div>
1277        <div class="full"><label>문의 내용 (pain-point를 자유롭게)</label><textarea id="reg-message" placeholder="예) 견적\xb7도면 검토에 시간이 오래 걸립니다 / AI 검색에 회사가 안 나옵니다 / 차기 혁신계획 수립에 데이터 근거가 필요합니다"></textarea></div>
1278        <div class="hp" aria-hidden="true"><label>웹사이트</label><input id="reg-website" tabindex="-1" autocomplete="off" placeholder="비워두세요"></div>
1279        <div class="full">
1280          <label class="agree"><input type="checkbox" id="reg-agree"><span>개인정보 수집\xb7이용에 동의합니다. (담당자 배정\xb7연락 목적, 최소 수집)</span></label>
1281        </div>
1282        <div class="full">
1283          <button type="button" class="btn pri" id="reg-submit">관심 등록 제출</button>
1284          <span class="reg-status" id="reg-status" role="status" aria-live="polite"></span>
1285        </div>
1286      </div>
1287      <div class="note">수집 항목(기관\xb7담당자\xb7연락처\xb7문의 내용)은 담당자 배정\xb7연락 목적에만 사용됩니다. 접수 시 담당자에게 알림이 전달됩니다.</div>
1288    </div>
1289    <div class="stack">
1290      <div class="card">
1291        <h3>관련 사이트</h3>
1292        <ul class="dots">
1293          <li><a href="https://www.kisti.re.kr" target="_blank" rel="noopener">KISTI 한국과학기술정보연구원</a></li>
1294          <li><a href="https://astinet.kr" target="_blank" rel="noopener">ASTI 과학기술정보협의회</a></li>
1295          <li><a href="https://www.ntis.go.kr" target="_blank" rel="noopener">NTIS 국가과학기술지식정보서비스</a></li>
1296        </ul>
1297      </div>
1298    </div>
1299  </div>
1300
1301  <div class="sechead">
1302    <div class="eyebrow">FAQ</div>
1303    <h2>자주 묻는 질문</h2>
1304  </div>
1305  <details class="faq"><summary>비용은 어떻게 되나요?</summary>
1306    <div class="a">PoC 개발은 KISTI 지원 범위 내에서 진행되며, 지원 규모\xb7자부담 여부는 연차별 공고에 따릅니다.
1307    PoC 이후의 본격 구축\xb7확산은 기업과 공급기업 간 별도 협의 사항입니다.</div></details>
1308  <details class="faq"><summary>우리 회사 데이터는 안전한가요?</summary>
1309    <div class="a">모든 PoC는 비밀유지약정과 보안서약 체계 안에서 진행됩니다. 기업 데이터는 AI 모델 학습에 사용하지 않는 것을
1310    원칙으로 하며, 요구 시 분리 환경\xb7온프레미스 구성도 검토합니다. 돈\xb7세금\xb7대외 관련 AI 작업은 반드시 사람의 승인을 거칩니다.</div></details>
1311  <details class="faq"><summary>PoC 기간은 얼마나 걸리나요?</summary>
1312    <div class="a">과제 범위에 따라 다르지만 통상 4~8주 내외의 단기 집중 방식입니다. 진단\xb7매칭 기간은 별도이며,
1313    종료 시 수행결과보고서와 운영 매뉴얼을 제공해 기업이 자체 운영할 수 있도록 이관합니다.</div></details>
1314  <details class="faq"><summary>특정 업체의 서비스를 쓰게 되는 건가요?</summary>
1315    <div class="a">KISTI는 공공기관으로서 특정 기업의 서비스를 지정하지 않습니다. 과업지시서 기반의 공개 절차로
1316    전문 AX 공급기업을 매칭하며, 산출물은 기업에 귀속되고 특정 AI\xb7벤더에 종속되지 않는 개방형 표준(MCP 등)을 지향합니다.</div></details>
1317  <details class="faq"><summary>수도권이 아닌 기업\xb7기관도 참여할 수 있나요?</summary>
1318    <div class="a">AX 특화지원은 수도권(서울\xb7인천\xb7경기\xb7강원) 패밀리기업이 우선 대상입니다. 다만 R&amp;D 전략지원은
1319    4극\xb73특 권역과의 공동연계를 전제로 하므로, 타 권역 지자체\xb7기관의 협력 문의를 환영합니다.</div></details>
1320
1321</section>
1322
1323</main>
1324`;s.s(["default",0,function(){let s=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let i=s.current;if(!i)return;let a=Array.from(i.querySelectorAll("nav.tabs button")),l=Array.from(i.querySelectorAll("section.panel"));
1324function t(s,e){if(a.forEach(i=>i.classList.toggle("on",i.dataset.t===s)),l.forEach(i=>i.classList.toggle("on",i.id==="p-"+s)),i.dataset.tab=s,e){let s=document.getElementById(e);if(s)return void requestAnimationFrame(()=>s.scrollIntoView({behavior:"smooth",block:"start"}))}window.scrollTo({top:0,behavior:"smooth"})}i.dataset.tab="home";let d=[];a.forEach(s=>{let i=()=>t(s.dataset.t||"home");s.addEventListener("click",i),d.push([s,i])}),i.querySelectorAll("[data-go]").forEach(s=>{let i=i=>{i.preventDefault(),t(s.dataset.go||"home",s.dataset.anchor)};s.addEventListener("click",i),d.push([s,i])});let n=i.querySelector("#reg-submit"),c=null;if(n){let s=i.querySelector("#reg-status"),a=(i,a)=>{s&&(s.textContent=i,s.className="reg-status"+(a?" "+a:""))},l=s=>(i.querySelector(s)?.value||"").trim();c=async()=>{let s=l("#reg-type"),t=l("#reg-org"),d=l("#reg-manager"),c=l("#reg-contact"),r=l("#reg-message"),v=l("#reg-website"),o=i.querySelector("#reg-agree")?.checked??!1;if(!t||!d||!c)return void a("기관·기업명, 담당자, 연락처를 입력해주세요.","err");if(!o)return void a("개인정보 수집·이용 동의가 필요합니다.","err");n.disabled=!0,a("전송 중…","");try{await e({type:s,org:t,manager:d,contact:c,message:r,agree:o,honeypot:v}),a("접수되었습니다. 담당자가 확인 후 연락드립니다. 감사합니다.","ok"),i.querySelectorAll("#reg-form input, #reg-form textarea, #reg-form select").forEach(s=>{s.disabled=!0})}catch{a("전송에 실패했습니다. 잠시 후 다시 시도하거나 문의처로 연락해주세요.","err"),n.disabled=!1}},n.addEventListener("click",c)}let r=()=>document.documentElement.style.setProperty("--vw",document.documentElement.clientWidth+"px");r(),window.addEventListener("resize",r);let v=i.querySelector("#field"),o=()=>{};if(v){let s=v.parentElement,i=v.getContext("2d"),a=matchMedia("(prefers-reduced-motion: reduce)").matches,l=0,e=0,t=[],d=0,n=0,c=(s,a,l)=>{i.beginPath(),i.moveTo(s,a-l),i.quadraticCurveTo(s+.18*l,a-.18*l,s+l,a),i.quadraticCurveTo(s+.18*l,a+.18*l,s,a+l),i.quadraticCurveTo(s-.18*l,a+.18*l,s-l,a),i.quadraticCurveTo(s-.18*l,a-.18*l,s,a-l),i.closePath(),i.fill()},r=(s=0)=>{for(let s of(i.clearRect(0,0,l,e),t))s.x+=s.vx,s.y+=s.vy,(s.x<0||s.x>l)&&(s.vx*=-1),(s.y<0||s.y>e)&&(s.vy*=-1);i.shadowBlur=0;let n=t.length;for(let s=0;s<n;s++)for(let a=s+1;a<n;a++){let l=t[s],e=t[a],d=Math.hypot(l.x-e.x,l.y-e.y);d<130&&(i.strokeStyle=`rgba(88,230,255,${(1-d/130)*.3})`,i.lineWidth=1,i.beginPath(),i.moveTo(l.x,l.y),i.lineTo(e.x,e.y),i.stroke())}for(let l of t){let e=a?.9:.6+.4*Math.sin(6e-4*s+l.ph);i.fillStyle=`rgba(189,241,255,${e})`,i.shadowColor="rgba(88,230,255,.85)",i.shadowBlur=l.spark?16:9,l.spark?c(l.x,l.y,2.6*l.r):(i.beginPath(),i.arc(l.x,l.y,l.r,0,7),i.fill())}i.shadowBlur=0,a||(d=requestAnimationFrame(r))},p=()=>{let a;if(cancelAnimationFrame(d),a=Math.min(window.devicePixelRatio||1,2),l=s.clientWidth,e=s.clientHeight,v.width=l*a,v.height=e*a,i.setTransform(a,0,0,a,0,0),!l||l<10){n=window.setTimeout(p,450);return}t=Array.from({length:Math.max(40,Math.min(78,Math.round(l*e/16e3)))},()=>({x:Math.random()*l,y:Math.random()*e,vx:(Math.random()-.5)*.32,vy:(Math.random()-.5)*.32,r:2.8*Math.random()+2.2,spark:.16>Math.random(),ph:Math.random()*Math.PI*2})),r(0)};p();let x=()=>p(),b=()=>{document.hidden||p()};window.addEventListener("resize",x),document.addEventListener("visibilitychange",b),o=()=>{cancelAnimationFrame(d),clearTimeout(n),window.removeEventListener("resize",x),document.removeEventListener("visibilitychange",b)}}return()=>{d.forEach(([s,i])=>s.removeEventListener("click",i)),n&&c&&n.removeEventListener("click",c),window.removeEventListener("resize",r),o()}},[]),(0,i.jsx)("div",{ref:s,className:"kistiRoot","data-tab":"home",dangerouslySetInnerHTML:{__html:t}})}],631119)}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.