https://clipo.ai/_next/static/chunks/app/page-dd6f101d4a4c7132.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{21384:function(e,t,l){Promise.resolve().then(l.bind(l,11691))},11691:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return ex}});var i=l(57437),n=l(2265),r=l(90101),s=l(33348),o=l(73965),a=l(72129),c=l(92741),d=l(86764),x=l(28888),p=l(23929),g=l(6586),h=l(62013),m=l(48267),u=l(29393),b=l(25056),j=l(2519),f=l(90244),w=l(59126),S=l(87824),I=l(24033),k=l(49300),y=l(25376),G=l(70519),v=l(84534),C=l(61325),z=l(33280),F=l(96839),A=()=>{let{checkBreakpoint:e}=(0,S.Z)(),t=e.lte("md"),l=e.between("md","lg"),n=t?1:l?2:3;return(0,i.jsxs)(c.VStack,{rowGap:16,w:"full",children:[(0,i.jsx)(x.Text,{fontSize:"2rem",fontWeight:700,lineHeight:"135%",letterSpacing:"-0.48px",children:"이용 후기"}),(0,i.jsxs)(F.fC,{slideCount:W.length,slidesPerPage:n,slidesPerMove:n,spacing:"1.5rem",style:{width:"100%",minWidth:0},children:[(0,i.jsxs)(j.Box,{position:"relative",onWheel:e=>{e.stopPropagation(),window.scrollBy(0,e.deltaY)},children:[(0,i.jsx)(j.Box,{overflow:"hidden",children:(0,i.jsx)(F.BW,{children:W.map((e,t)=>(0,i.jsx)(F.ck,{index:t,asChild:!0,children:(0,i.jsxs)(c.VStack,{justify:"space-between",border:"1px solid",borderColor:"blue.muted",borderRadius:"xl",p:6,background:"linear-gradient(180deg, #FFF 0%, #F4F9FF 100%)",h:"19.5rem",children:[(0,i.jsxs)(c.VStack,{rowGap:4,alignItems:"flex-start",children:[(0,i.jsx)(v.Image,{src:"/seo/icons/double_quote_icon.svg",alt:"deco-icon",w:10}),(0,i.jsx)(x.Text,{textStyle:"b1-medium",children:'"'.concat(e.content,'"')})]}),(0,i.jsxs)(c.VStack,{rowGap:4,alignItems:"stretch",w:"full",children:[(0,i.jsx)(C.Separator,{}),(0,i.jsxs)(c.VStack,{align:"flex-start",rowGap:1,children:[(0,i.jsx)(x.Text,{textStyle:"b1-semibold-compact",fontWeight:700,children:e.name}),(0,i.jsx)(x.Text,{textStyle:"b3-regular-compact",children:e.school}),(0,i.jsxs)(x.Text,{textStyle:"b3-medium-compact",color:"fg.info",children:[e.subject," 교사"]})]})]})]})},"".concat(e.school,"-").concat(e.name,"-").concat(e.subject)))})}),(0,i.jsx)(F.uQ,{asChild:!0,children:(0,i.jsx)(z.IconButton,{"aria-label":"이전",variant:"ghost",colorPalette:"gray",borderRadius:"full",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10)",w:12,h:12,bg:"white",position:"absolute",top:"50%",left:-6,transform:"translateY(-50%)",zIndex:1,opacity:1,_disabled:{opacity:1},children:(0,i.jsx)(k.XWG,{})})}),(0,i.jsx)(F.$v,{asChild:!0,children:(0,i.jsx)(z.IconButton,{"aria-label":"다음",variant:"ghost",colorPalette:"gray",borderRadius:"full",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10)",w:12,h:12,bg:"white",position:"absolute",top:"50%",right:-6,transform:"translateY(-50%)",zIndex:1,opacity:1,_disabled:{opacity:1},children:(0,i.jsx)(k.sFD,{})})})]}),(0,i.jsx)(F.jL,{asChild:!0,children:(0,i.jsx)(d.HStack,{justify:"center",gap:2,mt:6,children:Array.from({length:Math.ceil(W.length/n)}).map((e,t)=>(0,i.jsx)(F.z$,{index:t,asChild:!0,children:(0,i.jsx)(j.Box,{w:2,h:2,borderRadius:"full",bg:"#D1D5DC",cursor:"pointer",transition:"all 0.2s",_current:{bg:"#155DFC",w:8,h:2}})},t))})})]})]})};let W=[{content:"100명 채점에 10시간이 걸렸다면, 이제는 3시간으로 줄어들었어요. AI의 채점 근거를 비판적으로 바라보면서 교사로서의 채점 기준도 탄탄하게 바로 잡을 수 있었어요.",school:"경기 광수중학교",subject:"과학",name:"김요섭 선생님"},{content:"악필도 AI가 맥락으로 파악해서 과목의 특성과 문제의 맥락에 맞게 읽어주네요. 수학 수식과 그래프도 잘 인식합니다!",school:"경기 고림중학교",subject:"수학",name:"최동민 선생님"},{content:"AI가 학생들의 문학적 상상력까지 이해하고 평가해줍니다. 채점 조교인 클리포가 1차 채점을 해주니 선생님께서는 검토와 피드백에 집중해주세요.",school:"서울 서울여자중학교",subject:"국어",name:"성예은 선생님"},{content:"학생들이 자신의 의도를 밝히지 않고 답안을 작성하는 경우가 있는데 AI가 답의 의도를 파악해 피드백을 작성해준 부분이 놀라웠어요.",school:"경기 위례한빛고등학교",subject:"수학",name:"윤정민 선생님"},{content:"AI 채점은 교사가 신뢰할 수 있는 1차 평가 판독기이며, 채점의 편차를 줄여 학생별 채점의 일관성과 근거를 강화해주는 역할을 합니다.",school:"경기 종덕초등학교",subject:"초등",name:"김현희 선생님"},{content:"학생이 작성한 수식과 도형을 정확히 인식하고 문제 조건에 따른 풀이 과정을 이해하기 때문에 평가 정확도가 매우 높습니다.",school:"경기 안용중학교",subject:"수학",name:"권병준 선생님"}

1,{content:"클리포 덕분에 세부능력특기사항을 매우 편리하게 작성하고 있습니다. 교사가 일일이 읽고 확인하지 못하는 부분에 대해서 구체적으로 언급해주는 부분이 좋습니다.",school:"중학교",subject:"영어",name:"-"},{content:"서논술형 평가의 확대 방향에 있어서 교사의 피드백이 사실상 쉽지 않은데, 클리포 덕분에 학생들에게 더욱 의미 있는 피드백을 주는 것이 가능해졌습니다.",school:"중학교",subject:"사회",name:"-"},{content:"수기로 작성한 파일에서 텍스트를 읽어내는 정확도가 꽤 높고 개별화된 AI 세특 내용도 놀랍습니다. 학기별 세특 부담이 컸는데 업무경감을 확실하게 해줄 것 같아요.",school:"고등학교",subject:"사회",name:"-"},{content:"수행기준만 잘 넣으면 제대로 된 성적이 나오니 교사 입장에서 평가가 수월합니다. 세특이 과장없이 써지기에 다시 점검하는데도 오류가 별로 없었습니다.",school:"고등학교",subject:"수학",name:"-"},{content:"클리포는 반복적이고 시간이 많이 드는 평가\xb7기록 업무를 대신 처리해 주어, 수업 준비와 학생 지도에 더 집중할 수 있게 해줘요.",school:"고등학교",subject:"기술가정",name:"-"},{content:"기능을 사용하면서 현장에서 필요하다고 느꼈던 부분들이 수시로 반영되어 있었습니다. 현장에 있는 교사의 의견을 들어주시고 반영해주시는 점이 정말 좋았어요.",school:"중학교",subject:"음악",name:"-"}];var T=l(2456),B=l(12690),_=l(30170),H=e=>{let{badge:t,title:l,description:n,align:r="center",dark:s=!1}=e,o="left"===r?"flex-start":"center",a=s?"white":"fg.fg";return(0,i.jsxs)(c.VStack,{w:"full",rowGap:3,alignItems:o,children:[(0,i.jsxs)(c.VStack,{w:"full",rowGap:5,alignItems:o,children:[(0,i.jsxs)(_.Badge,{colorPalette:"blue",size:"md",variant:s?"outline":"surface",color:s?"blue.muted":"blue.fg",children:[(0,i.jsx)(k.QBd,{}),t]}),(0,i.jsx)(x.Text,{fontSize:"2rem",fontWeight:700,lineHeight:"125%",letterSpacing:"-0.48px",textAlign:r,whiteSpace:"pre-wrap",color:a,children:l})]}),n&&(0,i.jsx)(x.Text,{fontSize:{base:"1rem",lg:"1.125rem"},fontWeight:400,lineHeight:"155%",color:a,opacity:.9,letterSpacing:"-0.18px",children:n})]})};let V=e=>{let{leftItems:t,rightItems:l}=e;return(0,i.jsxs)(T.Grid,{w:"full",maxW:B.k,mx:"auto",templateColumns:"1fr auto 1fr",alignItems:"stretch",gap:0,children:[(0,i.jsx)(h.Flex,{flexDirection:"column",justifyContent:"space-between",gap:4,children:t.map(e=>(0,i.jsx)(Z,{...e},e.title))}),(0,i.jsx)(j.Box,{backgroundImage:"url(/seo/images/landing_bg_with_logo_pc.svg)",backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat",w:"351px",aspectRatio:"351 / 335",flexShrink:0}),(0,i.jsx)(h.Flex,{flexDirection:"column",justifyContent:"space-between",gap:4,children:l.map(e=>(0,i.jsx)(Z,{...e},e.title))})]})},R=e=>{let{topItems:t,bottomItems:l}=e;return(0,i.jsxs)(c.VStack,{w:"full",gap:0,children:[(0,i.jsx)(c.VStack,{w:"full",gap:3,px:4,alignItems:"stretch",children:t.map(e=>(0,i.jsx)(Z,{...e},e.title))}),(0,i.jsx)(j.Box,{backgroundImage:"url(/seo/images/landing_bg_with_logo_mobile.svg)",backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat",w:"196px",aspectRatio:"196 / 340",mx:"auto",flexShrink:0}),(0,i.jsx)(c.VStack,{w:"full",gap:3,px:4,children:l.map(e=>(0,i.jsx)(Z,{...e},e.title))})]})};var D=()=>{let{checkBreakpoint:e}=(0,S.Z)(),t=e.lte("md"),l=P.slice(0,3),n=P.slice(3,6);return(0,i.jsxs)(c.VStack,{w:"full",rowGap:12,children:[(0,i.jsx)(H,{badge:"클리포 소개",title:"클리포는 평가계획부터 기록까지\n평가의 모든 과정을 AI로 지원합니다"}),t?(0,i.jsx)(R,{topItems:l,bottomItems:n}):(0,i.jsx)(V,{leftItems:l,rightItems:n})]})};let Z=e=>{let{title:t,description:l,icon:n}=e;return(0,i.jsxs)(d.HStack,{w:"full",flex:1,bg:"white",borderRadius:"xl",boxShadow:"0 2px 8px 0 rgba(0, 0, 0, 0.10)",py:{base:4,lg:6},px:{base:3,lg:5},alignItems:"flex-start",columnGap:{base:3,md:4,lg:5},children:[(0,i.jsx)(m.Circle,{bg:"blue.subtle",w:{base:10,lg:12},h:{base:10,lg:12},children:(0,i.jsx)(u.Icon,{as:n,boxSize:{base:5,lg:6},color:"blue.solid"})}),(0,i.jsxs)(c.VStack,{rowGap:{base:1,lg:2},alignItems:"flex-start",children:[(0,i.jsx)(x.Text,{textStyle:{base

1:"b3-semibold",lg:"t4-semibold"},children:t}),(0,i.jsx)(x.Text,{textStyle:{base:"c-regular",lg:"b2-regular"},children:l})]})]})},P=[{title:"평가설계 AI",description:"국가 교육과정 성취기준을 바탕으로, 서・논술형 채점기준을 단 몇 초 만에 완성합니다.",icon:k.pGJ},{title:"자동 채점 AI",description:"학생의 서술형 답안을 다각도로 분석하여 정교한 예상 점수와 객관적인 채점 근거를 제시합니다.",icon:k.Zsp},{title:"개인화 피드백 AI",description:"채점 기준을 바탕으로 잘한 점과 보완점을 정리하여 성장을 돕는 맞춤형 메시지를 생성합니다.",icon:k.yY4},{title:"수행 기반 세특 AI",description:"학생의 실제 수행 내역과 과제물 데이터를 기반으로, 풍성한 세특 초안을 생성합니다.",icon:k.dKs},{title:"간편 세특\xb7행특 AI",description:"선생님의 간단한 관찰 키워드만으로 개성 있는 세특과 행특 기록을 빠르게 완성합니다.",icon:k.Cd1},{title:"리포트 AI",description:"전 과목 수행평가 결과를 종합한 학생 포트폴리오를 통해 인사이트를 제공합니다. (학교 도입 전용)",icon:k.Mxt}],E=["/seo/videos/landing-video-1.mp4","/seo/videos/landing-video-2.mp4","/seo/videos/landing-video-3.mp4"],L=["평가계획 작성 : 국가 교육과정의 과목별 성취기준을 선택하면, AI가 채점 기준을 생성해서 평가계획 작성을 도와드립니다.","AI 채점 결과 확인 : 학생의 손글씨\xb7이미지 답안을 AI가 분석해 자동으로 채점하고, 채점 근거와 피드백을 함께 확인할 수 있습니다.","세특 작성 : 과제 수행 과정, 학생 관찰 내용을 분석해 AI가 세특 기록 초안을 작성합니다. 생성된 내용은 선생님이 원하는 방향에 맞게 수정할 수 있습니다."];var O=()=>{let e=(0,n.useRef)(null),t=(0,n.useRef)([]),[l,r]=(0,n.useState)(!1),[s,o]=(0,n.useState)(0),{checkBreakpoint:a}=(0,S.Z)(),p=a.gte("lg");(0,n.useEffect)(()=>{let t=e.current;if(!t)return;let l=new IntersectionObserver(e=>{let[t]=e;return r(t.isIntersecting)},{threshold:.3});return l.observe(t),()=>l.disconnect()},[]),(0,n.useEffect)(()=>{t.current.forEach((e,t)=>{e&&(l&&t===s?(e.currentTime=0,e.play()):e.pause())})},[l,s]);let g=(0,n.useCallback)(()=>{o(e=>(e+1)%E.length)},[]),h=(0,n.useCallback)(e=>{o(e.page)},[]);return(0,i.jsxs)(c.VStack,{rowGap:15,ref:e,children:[(0,i.jsx)(H,{badge:"클리포 강점",title:"공교육 평가 전 과정을\n하나의 서비스로 연결합니다",description:"클리포는 평가계획부터 기록까지 평가의 모든 과정을 AI로 지원합니다"}),(0,i.jsxs)(F.fC,{page:s,slideCount:E.length,onPageChange:h,style:{width:"100%",display:"flex",flexDirection:"column",gap:0},children:[p&&(0,i.jsx)(F.jL,{asChild:!0,children:(0,i.jsx)(d.HStack,{justify:"center",mb:10,columnGap:10,children:E.map((e,t)=>(0,i.jsx)(F.z$,{index:t,asChild:!0,children:(0,i.jsxs)(d.HStack,{columnGap:3,children:[(0,i.jsx)(m.Circle,{size:{base:9,md:10},bg:s===t?"blue.solid":"gray.subtle",color:s===t?"white":"fg.muted",cursor:"pointer",fontWeight:700,_hover:{bg:s===t?"blue.solid":"gray.muted"},children:t+1}),(0,i.jsxs)(x.Text,{fontSize:"1.125rem",fontWeight:500,letterSpacing:"-0.18px",children:[0===t&&"학기 초",1===t&&"학기 중",2===t&&"학기 말"]})]})},t))})}),(0,i.jsxs)(c.VStack,{w:"full",rowGap:0,p:0,children:[(0,i.jsx)(j.Box,{w:"full",maxH:"700px",overflow:"hidden",borderTopRadius:"2xl",lineHeight:0,fontSize:0,onWheel:e=>{e.stopPropagation(),window.scrollBy(0,e.deltaY)},children:(0,i.jsx)(F.BW,{style:{overflowY:"hidden"},children:E.map((e,l)=>(0,i.jsx)(F.ck,{index:l,asChild:!0,children:(0,i.jsx)(j.Box,{w:"full",flexShrink:0,children:(0,i.jsx)("video",{ref:e=>{t.current[l]=e},src:e,muted:!0,playsInline:!0,onEnded:g,style:{width:"100%",display:"block"}})})},e))})}),(0,i.jsx)(b.Center,{p:4,w:"full",bg:"bg.muted",textStyle:{base:"b3-medium-compact",md:"b1-medium-compact",lg:"t4-medium-compact"},letterSpacing:"-0.1px",borderBottomRadius:"2xl",children:L[s]})]}),!p&&(0,i.jsx)(F.jL,{asChild:!0,children:(0,i.jsx)(d.HStack,{justify:"center",gap:3,mt:{base:6,md:9},children:E.map((e,t)=>(0,i.jsx)(F.z$,{index:t,asChild:!0,children:(0,i.jsx)(m.Circle,{size:{base:9,md:10},bg:"gray.subtle",color:"fg.muted",cursor:"pointer",fontWeight:700,_hover:{bg:"gray.muted"},_current:{bg:"blue.solid",color:"white",_hover:{bg:"blue.solid"}},children:t+1})},t))})})]})]})},Y=()=>(0,i.jsxs)(c.VStack,{rowGap:12,w:"full",children:[(0,i.jsx)(H,{badge:"보안 및 안전성",title:"학생 데이터, 가장 안전한 환경에서 관리됩니다",description:"공공기관 수준의 인프라와 개인정보 보호 설계로 안전한 서비스를 제공합니다."}),(0,i.jsx)(c.VStack,{rowGap:{base:5,md:6},w:"full",alignItems:"flex-start",children:(0,i.jsx)(h.Flex,{flexDirection:{base:"column",md:"row"},gap:{base:4,md:5,lg:6},children:q.map(e=>(0,i.jsxs)(h.Flex,{flex:1,flexDirection:"column",py:{base:4,md:6,lg:8},px:{base:6,md:6,lg:8},outline:"1px solid",outlineColor:"blue.emphasized",borderRadius:"2xl",bg:"white",rowGap:{base:4,md:3,lg:4},children:[(0,i.jsxs)(h.Flex,{flexDirection:{base:"row",md:"column"},columnGap:3,rowGap:5,alignItems:{base:"center",md:"flex-start"},children:[(0,i.jsx)(b.Center,{bg:"blue.subtle",w:{base:"36px",md:"48px",lg:"54px"},h:{base:"36px",md:"48px",lg:"54px"},borderRadius:"lg",children:(0,i.jsx)(u.Icon,{as:e.icon,boxSize:{base:5,md:6},color:"blue.solid"})}),(0,i.jsx)(x.Text,{fontSize:{base:"16px",md:"18px",lg:"20px"},fontWeight:700,lineHeight:"125%",letterSpacing:"-0.2px",children:e.title})]}),(0,i.jsx)(x.Text,{fontSize:{base:"14px",md:"16px",lg:"16px"},lineHeight:"155%",children:e.description})]},e.title))})})]});let q=[{title:"교육부 에듀집 학습지원 소프트웨어 목록 공식 등재 서비스",description:"교육부가 운영하는 에듀집 학습지원 소프트웨어 목록에 공식 등재됐습니다. 교육 현장에 적합한 개인정보보호 기준을 충족한 서비스만 등재되는 목록입니다.",icon:k.B_I},{title:"공공기관 전용 클라우드로 학교망에서도 안정적인 서비스 제공",description:"일반 민간 서버와 분리된 네이버 클라우드 공공 전용 인프라를 사용합니다. 수업 중 서비스 장애나 자료 유실 걱정 없이 안정적으로 사용할 수 있습니다.",icon:k.nje},{title:"과제물 속 학생 정보, AI 채점 전 자동 비식별 처리",description:"과제물의 학번\xb7이름을 AI에 전달하기 전에 자동으로 가립니다. 학생 개인정보가 생성형 AI에 노출되지 않도록 안전하게 처리합니다.",icon:k.LYv}];var $=l(60383),M=()=>(0,i.jsxs)(c.VStack,{rowGap:{base:7,md:12,lg:15},w:"full",children:[(0,i.jsx)(H,{badge:"기술 및 특허",title:"검증된 기술로 만든 AI,\n선생님 평가 업무에 적용됩니다",description:"3종 특허, 과기부 연구사업, ISO 국제 표준 - 검증된 기술이 선생님의 평가 업무를 돕습니다."}),(0,i.jsx)($.SimpleGrid,{columns:{base:1,md:2},w:"full",maxW:"63.75rem",columnGap:6,rowGap:{base:4,md:6},children:N.map(e=>

1(0,i.jsxs)(h.Flex,{w:"full",maxW:{base:"420px",sm:"full"},flexDirection:"column",py:{base:4,md:6,lg:8},px:{base:6,md:6,lg:8},border:"1px solid",borderColor:"blue.emphasized",borderRadius:"2xl",bg:"white",rowGap:{base:4,md:3,lg:4},children:[(0,i.jsxs)(h.Flex,{flexDirection:{base:"row",md:"column"},alignItems:{base:"center",md:"flex-start"},columnGap:3,rowGap:{md:5,lg:6},children:[(0,i.jsx)(b.Center,{bg:"blue.subtle",w:{base:"36px",md:"48px",lg:"54px"},h:{base:"36px",md:"48px",lg:"54px"},borderRadius:"lg",flexShrink:0,children:(0,i.jsx)(u.Icon,{as:e.icon,boxSize:{base:5,md:6,lg:7},color:"blue.solid"})}),(0,i.jsx)(x.Text,{fontSize:{base:"16px",md:"18px",lg:"20px"},fontWeight:700,lineHeight:"125%",letterSpacing:"-0.2px",children:e.title})]}),(0,i.jsx)(x.Text,{fontSize:{base:"14px",md:"16px",lg:"16px"},lineHeight:"155%",children:e.description})]},e.title))})]});let N=[{title:"평가\xb7채점 AI, 특허받은 독자 기술",description:"AI로 평가 결과 작성을 보조하는 방법 등 3종 특허를 보유하고 있습니다. 클리포의 독자적인 AI 기술을 국가로부터 인증받았습니다.",icon:k.o4u},{title:"과기부 선정, 국가 AI 연구사업 주관기관",description:"맞춤형 교육을 위한 과정중심평가 AI 기술 개발의 주관사로 선정됐습니다. 75억 원 규모 국가 연구사업을 통해 기술력을 검증받았습니다.",icon:k.l2j},{title:"AI 평가 기술, 국제 표준으로 공인",description:"클리포의 IT 기반 평가 방식이 ISO 국제 표준 사례로 공식 등재됐습니다. 국내를 넘어 국제적으로도 기술 수준을 인정받았습니다.",icon:k.D_L},{title:"AI 평가 기술, 경기도 전체 초\xb7중\xb7고 공급",description:"경기도 전체 학교에 공급되는 '하이러닝 AI 서\xb7논술형 평가 서비스'를 개발 및 제공하는 공식 기술 파트너입니다.",icon:k.qWM}];var U=l(16691),Q=l.n(U),J=()=>{let{checkBreakpoint:e}=(0,S.Z)(),t=e.gte("lg");return(0,i.jsxs)(c.VStack,{rowGap:{base:7,md:12,lg:15},w:"full",children:[(0,i.jsx)(H,{badge:"이용 후기",title:"선생님들과 함께 만들고 검증하며,\n현장의 목소리를 담습니다",description:"교육 현장의 피드백을 적극적으로 수용하여 서비스 만족도를 높이고 있습니다.",dark:!0,align:"left"}),(0,i.jsxs)(c.VStack,{w:"full",rowGap:5,alignItems:{base:"center",md:"flex-end"},children:[(0,i.jsx)(T.Grid,{w:"full",templateColumns:{base:"1fr",md:"repeat(2, 1fr)",lg:"repeat(4, 1fr)"},gap:{base:6,md:7},children:K.map(e=>(0,i.jsxs)(c.VStack,{alignItems:"flex-start",rowGap:3,position:"relative",background:"linear-gradient(149deg, #4688F4 0%, rgba(70, 136, 244, 0.90) 100%)",borderRadius:"2xl",p:{base:5,md:7,lg:8},overflow:"hidden",minH:{base:"184px",md:"216px",lg:"382px"},children:[(0,i.jsx)(j.Box,{display:"inline-flex",alignItems:"center",border:"1px solid rgba(255, 255, 255, 0.50)",borderRadius:"full",px:"14px",py:"7px",children:(0,i.jsx)(x.Text,{textStyle:"b3-semibold-compact",color:"white",children:e.tag})}),(0,i.jsxs)(d.HStack,{columnGap:1,fontWeight:700,color:"white",children:[(0,i.jsx)(x.Text,{fontFamily:"'Outfit', sans-serif",fontSize:{base:"48px",md:"52px",lg:"60px"},lineHeight:"100%",children:e.percent}),(0,i.jsx)(x.Text,{as:"span",fontSize:{base:"32px",md:"40px"},children:"%"})]}),(0,i.jsx)(x.Text,{fontSize:"1rem",fontWeight:600,lineHeight:"125%",color:"white",letterSpacing:"-0.16px",children:e.label}),(0,i.jsx)(j.Box,{position:"absolute",bottom:0,right:0,children:(0,i.jsx)(Q(),{src:e.image,alt:e.alt,width:t?180:128,height:t?180:128})})]},e.tag))}),(0,i.jsx)(x.Text,{textStyle:"b3-regular",color:"blue.emphasized",opacity:.9,children:"*25' 6월~7월, 클리포 이용 교사(교사 인증 완료) 1,405명 참여"})]})]})};let K=[{tag:"#전반적으로 만족해요",percent:"86.8",label:"서비스 만족도",image:"/seo/images/Graphic_Thumb.svg",alt:"Graphic Thumb"},{tag:"#주변에 추천하고 싶어요",percent:"91.2",label:"동료 추천 의향",image:"/seo/images/Graphic_User.svg",alt:"Graphic User"},{tag:"#평가 시간이 줄었어요",percent:"42.1",label:"업무 시간 경감 효과",image:"/seo/images/Graphic_Clock.svg",alt:"Graphic Clock"},{tag:"#평가가 두렵지 않아요",percent:"49.7",label:"업무 부담 경감 효과",image:"/seo/images/Graphic_Heart.svg",alt:"Graphic Heart"}];var X=()=>{let{checkBreakpoint:e}=(0,S.Z)(),t=e.lt("md"),l=e.gte("lg");return(0,i.jsxs)(h.Flex,{w:"full",direction:{base:"column",lg:"row"},rowGap:12,py:15,mt:{base:"60px",md:"80px",lg:"100px"}

1,justifyContent:{base:"center",lg:"space-between"},alignItems:{base:"center",lg:"flex-start"},children:[(0,i.jsx)(x.Text,{color:"white",fontSize:"28px",fontWeight:700,lineHeight:"135%",letterSpacing:"-0.28px",whiteSpace:"pre-wrap",textAlign:{base:"center",lg:"left"},flexShrink:0,children:t||l?"2025 공공\xb7교육 분야\n2개 부문 수상":"2025 공공\xb7교육 분야 2개 부문 수상"}),(0,i.jsxs)(h.Flex,{flexDirection:{base:"column",lg:"row"},gap:15,children:[(0,i.jsx)(j.Box,{minW:0,children:(0,i.jsx)(v.Image,{src:"/seo/images/award_1.svg",alt:"교육현안 해결형 프로젝트 최상위팀 선정 2025",w:"full",maxW:"400px",display:"block"})}),(0,i.jsx)(j.Box,{minW:0,children:(0,i.jsx)(v.Image,{src:"/seo/images/award_2.svg",alt:"에듀테크 소프트랩 우수기업 선정 2025",w:"full",maxW:"400px",display:"block"})})]})]})},ee=l(63673),et=l(86765),el=()=>(0,i.jsxs)(c.VStack,{w:"full",alignItems:"center",rowGap:{base:8,md:10},children:[(0,i.jsx)(x.Text,{fontSize:{base:"1.5rem",md:"2rem"},lineHeight:"135%",letterSpacing:"-0.32px",fontWeight:700,children:"자주 묻는 질문"}),(0,i.jsx)(j.Box,{w:"full",maxWidth:820,children:(0,i.jsx)(ee.AccordionRoot,{multiple:!0,bg:"white",width:"100%",borderRadius:"2xl",p:5,children:et.TB.map(e=>(0,i.jsxs)(ee.AccordionItem,{value:e.question,borderTopWidth:0,borderBottomWidth:1,css:{"&:last-child":{borderBottom:"none"}},color:"black.600",children:[(0,i.jsxs)(ee.AccordionItemTrigger,{py:6,borderRadius:"lg",fontSize:"xl",_hover:{bg:"blue.50"},children:[(0,i.jsx)(j.Box,{as:"span",flex:"1",textAlign:"left",children:(0,i.jsx)(x.Text,{fontSize:{base:"1rem",md:"1.125rem"},fontWeight:600,lineHeight:"155%",letterSpacing:"-0.16px",children:e.question})}),(0,i.jsx)(ee.AccordionItemIndicator,{color:"fg.fg"})]}),(0,i.jsx)(ee.AccordionItemContent,{children:(0,i.jsx)(ee.AccordionItemBody,{pt:2,pb:6,children:(0,i.jsx)(x.Text,{textStyle:"b1-regular",whiteSpace:"pre-line",children:e.answer})})})]},e.question))})}),(0,i.jsxs)(b.Center,{px:9,py:8,bg:"blue.solid",borderRadius:"xl",maxW:820,w:"full",flexDirection:"column",rowGap:3,color:"white",children:[(0,i.jsxs)(c.VStack,{alignItems:"center",children:[(0,i.jsx)(x.Text,{fontSize:{base:"1.125rem",md:"1.25rem"},fontWeight:700,lineHeight:"125%",letterSpacing:"0.07px",children:"더 궁금한 점이 있으신가요?"}),(0,i.jsx)(x.Text,{fontSize:{base:"0.875rem",md:"1rem"},fontWeight:400,lineHeight:"155%",letterSpacing:"-0.24px",children:"고객 지원팀이 언제든지 도와드리겠습니다."})]}),(0,i.jsxs)(d.HStack,{columnGap:3,children:[(0,i.jsx)(x.Text,{children:"E. [email protected]"}),(0,i.jsx)(C.Separator,{orientation:"vertical",h:"1rem",borderColor:"blue.emphasized"}),(0,i.jsx)(x.Text,{children:"T. 02-875-5075"})]})]})]}),ei=l(48977),en=l(9567);let er=(0,o.chakra)(a.Container,{base:{maxWidth:B.k,display:"flex",px:0}});var es=()=>{var e,t,l;let n=(0,I.useRouter)(),{data:o,isPending:a}=(0,s.a)(r.Z.unauthorized.serviceInfo),{checkBreakpoint:f}=(0,S.Z)(),v=f.lte("md");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(en.Z,{}),(0,i.jsxs)(c.VStack,{py:{base:"139px",md:"146px",lg:"169px"},background:"linear-gradient(180deg, #FFF 0%, #E3EFFF 50%)",rowGap:8,children:[(0,i.jsxs)(c.VStack,{rowGap:0,fontSize:{base:"36px",md:"52px",lg:"60px"},color:"#101828",lineHeight:"125%",letterSpacing:"-0.6px",fontWeight:800,textAlign:"center",children:["채점은 쉽게, 기록은 빠르게",(0,i.jsxs)(d.HStack,{rowGap:0,columnGap:1,children:[(0,i.jsx)(x.Text,{color:"#2F5CFF",fontSize:{base:"40px",md:"52px",lg:"64px"},fontWeight:700,fontFamily:"Outfit",whiteSpace:"nowrap",children:"CLIPO AI"}),"로 한 번에!"]})]}),(0,i.jsx)(x.Text,{fontSize:"1.125rem",fontWeight:400,lineHeight:"155%",whiteSpace:"pre-wrap",textAlign:"center",color:"fg.fg",children:"서\xb7논술형 평가 설계부터 채점, 피드백, 기록까지\n공교육 평가 전 과정을 하나의 AI로 연결합니다."}),(0,i.jsxs)(p.ButtonGroup,{columnGap:4,flexDirection:{base:"column",md:"row"},children:[(0,i.jsxs)(g.Button,{"data-gtm":"free-top",size:"xl",onClick:()=>n.push("/signup"),children:["무료로 시작하기 ",(0,i.jsx)(k.D3e,{})]}),(0,i.jsx)(w.Z,{triggerButton:(0,i.jsx)(g.Button,{"data-gtm":"contact-top",size:"xl",variant:"outline",bg:"white",borderColor:"blue.solid",w:v?"full":"fit-content",children:"도입 문의하기"})})]})]}),(0,i.jsx)(h.Flex,{w:"full",justifyContent:"center",background:"linear-gradient(90deg, #152B4F 0%, #18183A 100%), var(--Color-blue-solid, #365EEF)",py:6,px:{base:4,md:6},color:"white",children:(0,i.jsxs)(h.Flex,{w:"full",maxWidth:B.k,flexDirection:v?"column":"row",justifyContent:v?"center":"space-between",columnGap:6,rowGap:6,children:[(0,i.jsxs)(d.HStack,{columnGap:4,minW:0,children:[(0,i.jsx)(m.Circle,{bg:"rgba(255, 255, 255, 0.1)",size:12,flexShrink:0,children:(0,i.jsx)(u.Icon,{as:k.AgU,boxSize:6})}),(0,i.jsxs)(c.VStack,{alignItems:"flex-start",rowGap:0,minW:0,children:[(0,i.jsx)(x.Text,{fontSize:{base:"1rem",lg:"1.125rem"},fontWeight:700,lineHeight:"155%",children:"교육부 - 학습지원 소프트웨어 필수기준 체크리스트(공급자용)를 다운받아 활용하세요!"}),(0,i.jsx)(x.Text,{color:"blue.muted",fontSize:"0.875rem",fontWeight:400,lineHeight:"155%",children:"에듀집 학습지원 소프트웨어 등록 완료"})]})]}),(0,i.jsx)(h.Flex,{p:0,w:v?"full":"fit-content",alignItems:"center",asChild:!0,children:(0,i.jsx)("a",{href:y.z3,children:(0,i.jsxs)(g.Button,{w:v?"full":"fit-content",size:"lg",rounded:"full",children:[(0,i.jsx)(u.Icon,{as:k.$0x}),"체크리스트 다운로드"]})})})]})}),(0,i.jsx)(b.Center,{w:"full",justifyContent:"center",columnGap:6,bg:"blue.solid",py:15,px:6,children:(0,i.jsxs)(er,{w:"full",columnGap:6,children:[(0,i.jsx)(eo,{count:null!==(e=null==o?void 0:o.school_count)&&void 0!==e?e:0,title:"도입 학교",isLoading:a}),(0,i.jsx)(eo,{count:null!==(t=null==o?void 0:o.teachers_count)&&void 0!==t?t:0,title:"이용 선생님",isLoading:a}),(0,i.jsx)(eo,{count:null!==(l=null==o?void 0:o.ai_execution_count)&&void 0!==l?l:0,title:"클리포 AI 실행",isLoading:a})]})}),(0,i.jsx)(j.Box,{background:"linear-gradient(180deg, #FFF 10%, rgba(255, 255, 255, 0.00) 50%), var(--Color-background-info, #F4F8FF)",children:(0,i.jsx)(er,{id:"introduction",px:{base:4,md:6,lg:6},py:{base:"5rem",md:"6.25rem"},children:(0,i.jsx)(D,{})})}),(0,i.jsx)(er,{px:{base:4,md:6,lg:10},py:{base:"5rem",md:"6.25rem"},children:(0,i.jsx)(O,{})}

1),(0,i.jsxs)(j.Box,{id:"tech",bg:"#EFF4FC",as:h.Flex,flexDirection:"column",rowGap:6,children:[(0,i.jsx)(er,{px:{base:4,md:6,lg:6},py:{base:"5rem",md:"6.25rem"},children:(0,i.jsx)(Y,{})}),(0,i.jsx)(er,{px:{base:4,md:6,lg:6},py:{base:"5rem",md:"6.25rem"},children:(0,i.jsx)(M,{})})]}),(0,i.jsx)(j.Box,{id:"reviews",background:"linear-gradient(236deg, #13285D 0%, #113182 100.01%)",children:(0,i.jsxs)(er,{w:"full",px:{base:4,md:6},py:{base:"3.75rem",md:"6.25rem"},flexDirection:"column",children:[(0,i.jsx)(J,{}),(0,i.jsx)(X,{})]})}),(0,i.jsx)(j.Box,{px:{base:4,md:6},py:{base:"3.75rem",md:"6.25rem"},children:(0,i.jsx)(er,{w:"full",children:(0,i.jsx)(A,{})})}),(0,i.jsx)(j.Box,{id:"prices",background:"bg.layout",children:(0,i.jsxs)(er,{py:{base:15,md:30},px:{base:4,md:6},rowGap:8,flexDirection:"column",alignItems:"center",children:[(0,i.jsx)(x.Text,{fontSize:"4xl",fontWeight:700,letterSpacing:"-0.36px",children:"이용권 안내"}),(0,i.jsx)(G.Z,{})]})}),(0,i.jsx)(j.Box,{id:"faq",background:"bg.layout",children:(0,i.jsx)(er,{py:{base:15,md:30},px:{base:4,md:6},children:(0,i.jsx)(el,{})})}),(0,i.jsx)(ei.Z,{})]})};let eo=e=>{let{count:t,title:l,isLoading:n}=e,{checkBreakpoint:r}=(0,S.Z)(),s=r.gte("lg"),o=r.between("md","lg");return(0,i.jsxs)(c.VStack,{rowGap:2,flex:1,minW:0,children:[n?(0,i.jsx)(f.Spinner,{color:"white",size:{base:"sm",md:"md"}}):(0,i.jsx)(x.Text,{fontFamily:"Outfit",fontSize:s?"52px":o?"48px":"28px",color:"white",lineHeight:"48px",fontWeight:700,children:t.toLocaleString()}),(0,i.jsx)(x.Text,{color:"white",fontSize:"1rem",fontWeight:500,lineHeight:"155%",children:l})]})};var ea=l(19649),ec=l(74370),ed=l(72688);function ex(){return(0,ec.Z)(),(0,ed.Z)(),(0,ea.Z)(),(0,i.jsx)(es,{})}}},function(e){e.O(0,[212,908,94,529,839,967,55,971,938,744],function(){return e(e.s=21384)}),_N_E=e.O()}]);