https://drivingteacher.co.kr/_next/static/chunks/pages/test/concept/cluster/[key]-da1873af1ab6837a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47837],{1083:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/test/concept/cluster/[key]",function(){return l(86738)}])},69679:function(e,t,l){"use strict";function s(){return"B"}l.d(t,{G:function(){return s}})},86738:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return B},default:function(){return O}});var s=l(31549),r=l(35782),a=l(44194),n=l(71416),c=l.n(n),i=l(48046),o=l(87265),d=l(18053),x=l(17094),u=l(52407);let m="written_test_concept_study_started_clusters",p=()=>({trackConceptStudyStarted:a.useCallback((e,t,l)=>{if(!window.localStorage)return;let s=function(){try{let e=localStorage.getItem(m),t=e?JSON.parse(e):[];return Array.isArray(t)?t:[]}catch(e){return[]}}();if(s.includes(e))return;let r=[...s,e];try{localStorage.setItem(m,JSON.stringify(r))}catch(e){}u.g.활성화.track("written_test_concept_study_started",{cluster_key:e,cluster_group:t,distinct_clusters_started:r.length,variation:l})},[])});var h=l(69679),b=l(63326),y=l(8136),j=l(7265),f=l(16407),g=l(30202),v=l(33029),N=l(96600),w=l(91777),k=l(54718),G=l(3137),C=l(27118);function S(e){let{cluster:t,problems:l,examSelections:r,quizCardResults:n,onExit:c}=e,d=a.useMemo(()=>{let e=new Map((0,i.eL)(t.key).map(e=>[e.card_id,e]));return[...n.map(t=>{let l=e.get(t.cardId);return l?{kind:"quiz",card:l,result:t}:null}).filter(e=>null!==e),...l.map(e=>{var t;return{kind:"exam",problem:e,selected:null!==(t=r[e.id])&&void 0!==t?t:[]}})]},[t.key,l,r,n]),[x,u]=a.useState(0),m=d.length,p=d[x],h=m>0?Math.round((x+1)/m*100):0,b=x===m-1,y={top:"var(--top-web-to-app-banner-height, 0px)",bottom:0,scrollbarWidth:"none"},j="fixed inset-x-0 z-[1001] mx-auto w-full max-w-[var(--app-width)] bg-White-100";return 0!==m&&p?(0,s.jsxs)("div",{className:"".concat(j," flex flex-col overflow-y-auto"),style:y,children:[(0,s.jsxs)("div",{className:"sticky top-0 z-20 flex shrink-0 flex-col bg-White-100",children:[(0,s.jsxs)("div",{className:"flex h-[55px] items-center justify-between px-10",children:[(0,s.jsx)("button",{type:"button",onClick:c,className:"flex h-36 w-36 items-center justify-center","aria-label":"닫기",children:(0,s.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,s.jsx)("path",{d:"M6 6L18 18M6 18L18 6",stroke:"#242523",strokeWidth:"2",strokeLinecap:"round"})})}),(0,s.jsx)("p",{className:"text-16-normal-bold text-Gray-900",children:t.label}),(0,s.jsx)("div",{className:"h-36 w-36","aria-hidden":"true"})]}),(0,s.jsx)("div",{className:"h-[8px] w-full bg-Gray-100",children:(0,s.jsx)("div",{className:"h-[8px] rounded-lg bg-Purple-500",style:{width:"".concat(h,"%"),transition:"width 0.2s"}})}),(0,s.jsx)("div",{className:"flex h-[39px] items-center justify-start px-16",children:(0,s.jsxs)("p",{className:"text-12-medium text-Gray-600",children:[(0,s.jsx)("span",{className:"text-Purple-500",children:x+1}),(0,s.jsxs)("span",{children:["/",m]})]})})]}),(0,s.jsxs)("div",{className:"flex flex-col px-16 pb-[120px]",children:[0===n.length&&0===x&&(0,s.jsx)("div",{className:"mt-16 rounded-lg border-[1px] border-Gray-200 bg-Gray-50 px-16 py-12",children:(0,s.jsx)("p",{className:"text-14-normal-medium text-Gray-700",children:"퀴즈 풀이 기록이 없어 모의고사 해설만 보여드려요. 퀴즈도 풀면 해설이 함께 노출돼요."})}),"quiz"===p.kind?(0,s.jsx)(_,{item:p}):(0,s.jsx)(z,{item:p})]}),(0,s.jsx)("div",{className:"fixed bottom-0 left-0 right-0 z-50 mx-auto w-full max-w-[var(--app-width)] border-t-[1px] border-Gray-100 bg-White-100 px-16 pb-32 pt-10",children:(0,s.jsxs)("div",{className:"flex h-52 items-center gap-12",children:[(0,s.jsx)("button",{type:"button",onClick:()=>{x>0&&u(x-1)},disabled:0===x,className:"text-16-normal-bold flex-1 rounded-lg bg-Gray-200 px-24 py-14 text-center text-Gray-400 disabled:opacity-40",children:"이전 문제"}),(0,s.jsx)("button",{type:"button",onClick:()=>{x<m-1?u(x+1):c()},className:"text-16-normal-bold flex-1 rounded-lg bg-Yellow-400 px-24 py-14 text-center text-Gray-900",children:b?"완료":"다음 문제"})]})})]}):(0,s.jsxs)("div",{className:"".concat(j," flex flex-col items-center justify-center"),style:y,children:[(0,s.jsx)("p",{className:"text-14-normal-medium text-Gray-700",children:"해설을 표시할 카드가 없어요."}),(0,s.jsx)(o.L,{className:"h-16"}),(0,s.jsx)("button",{type:"button",onClick:c,className:"text-16-normal-bold rounded-lg bg-Yellow-400 px-24 py-14 text-Gray-900",children:"돌아가기"})]})}function _(e){let{item:t}=e,{card:l,result:r}=t;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.L,{className:"h-16"}),"blank"===l.type&&(0,s.jsx)(N.Z,{card:l,reviewAnswer:r.userAnswer}),"ox"===l.type&&(0,s.jsx)(C.Z,{card:l,reviewAnswer:r.userAnswer}),"cat"===l.type&&(0,s.jsx)(w.Z,{card:l,reviewAnswer:r.userAnswer}),"choice"===l.type&&(0,s.jsx)(k.Z,{card:l,reviewAnswer:r.userAnswer}),(0,s.jsx)(G.Z,{isCorrect:r.isCorrect,card:l,correction:"ox"===l.type?l.correction:void 0})]})}function z(e){var t;let{item:l}=e,{problem:r,selected:n}=l;return(0,s.jsxs)("div",{className:"bg-White-100 pt-16",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsxs)("div",{className:"flex items-center gap-8",children:[(0,s.jsxs)("p",{className:"text-12-medium text-Gray-600",children:["문장형"===r.type?"문장형 ".concat(r.solution.length,"답"):r.type," \xb7 문제"]}),(0,s.jsx)("span",{className:"bg-Gray-100 text-Gray-700 text-11-bold rounded-xs px-6 py-2",children:"2026 도로교통공단 출제"})]}),(0,s.jsx)("p",{className:"text-16-normal-medium text-Gray-900 leading-[1.5]",children:r.question.text})]}),(0,s.jsx)(o.L,{className:"h-[58px]"}),(0,s.jsx)("div",{className:"flex flex-col gap-8",children:r.question.options.map((e,t)=>{var l;let a=n.includes(e.value),c=r.solution.includes(e.value)?"correct":a?"wrong":"idle";return(0,s.jsxs)("div",{className:["w-full rounded-[14px] border-[1px] p-16 text-left","idle"===c?"border-Gray-200 text-14-normal-medium text-Gray-900":"","correct"===c?"bg-Green-100 border-Green-500 text-14-normal-bold text-Gray-900":"","wrong"===c?"bg-Red-100 border-Red-400 text-14-normal-bold text-Gray-900":""].filter(

1Boolean).join(" "),children:[t+1,". ",(null===(l=e.label)||void 0===l?void 0:l.replaceAll("\n",""))||""]},e.value)})}),(0,s.jsxs)("div",{className:"bg-Gray-50 leading-0 mt-16 flex flex-col gap-4 rounded-[14px] p-16",children:[(0,s.jsx)("span",{className:"text-14-normal-bold",children:"도로교통공단 공식 해설"}),(0,s.jsx)("p",{className:"text-Gray-600 text-12-medium whitespace-pre-line",children:null!==(t=r.explanation)&&void 0!==t?t:""})]}),r.aiSummary&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.L,{className:"h-16"}),(0,s.jsx)("div",{className:"flex items-center gap-4",children:(0,s.jsx)("p",{className:"text-14-normal-bold",children:"운전선생 자체해설"})}),(0,s.jsx)(o.L,{className:"h-4"}),(0,s.jsx)("p",{className:"text-12-medium text-Gray-600 whitespace-pre-line",children:r.aiSummary.split("**").map((e,t)=>t%2==0?(0,s.jsx)(a.Fragment,{children:e},t):(0,s.jsx)("span",{className:"text-Green-500 font-bold",children:e},t))})]})]})}var q=l(57542),I=l(64469),L=l(57569),W=l(58327);let A=[{key:"concept",label:"개념"},{key:"quiz",label:"퀴즈"},{key:"exam",label:"모의고사"}];function T(e){let{cluster:t,problems:l}=e,r=(0,d.useRouter)(),[n,c]=a.useState(null);a.useEffect(()=>{c(null)},[t.key]);let i=(0,h.G)(),{trackConceptStudyStarted:o}=p();a.useEffect(()=>{o(t.key,t.group,i)},[t.key,t.group,i,o]);let u=a.useCallback(e=>{c(e)},[]),[m,v]=a.useState("concept"),[N,w]=a.useState(null);a.useEffect(()=>{w(null)},[t.key]);let k=a.useCallback((e,t,l)=>{w({correctCount:e,wrongCount:t,cardResults:l})},[]),G=(0,x.Dv)(b.Fj),C=(0,x.b9)(b.rg),_=(0,x.b9)(b.r0),{user:z}=(0,j.pg)(),q=a.useRef(null);a.useEffect(()=>{if(!n||q.current===t.key)return;let e=t.cardIds[0];if(!e)return;let l="wth:clusterCompleted:".concat(t.key);if(window.sessionStorage.getItem(l)){q.current=t.key;return}q.current=t.key;let s=new Date().toISOString(),r=t.key,a=!!z&&"non-member"!==z.provider;if(G||!a){(G?_:C)(t=>{let l=(0,y.n)(t,{kind:"quiz",topicId:r,cardId:e,completedAt:s});return(0,y.n)(l,{kind:"forward-exam",topicId:r,cardId:null,completedAt:s})});try{window.sessionStorage.setItem(l,s)}catch(e){}return}(async()=>{try{var t;let a=await (null===(t=g.I8.currentUser)||void 0===t?void 0:t.getIdToken());if(!a||!e)return;await f.hi["written-test"]["home-recommendation"].complete.$post({json:{cardType:"cardA",completedAt:s,expectedKind:"quiz",expectedTopicId:r,expectedCardId:e}},{headers:{Authorization:"Bearer ".concat(a)}}),await f.hi["written-test"]["home-recommendation"].complete.$post({json:{cardType:"cardA",completedAt:s,expectedKind:"forward-exam",expectedTopicId:r,expectedCardId:null}},{headers:{Authorization:"Bearer ".concat(a)}}),(()=>{try{window.sessionStorage.setItem(l,s)}catch(e){}})()}catch(e){q.current=null,console.debug("[clusterCardAComplete] retry next visit:",e)}})()},[n,t.key,t.cardIds,z,G,C,_]);let[I,L]=a.useState(!1);if(a.useEffect(()=>{L(!1)},[t.key]),I&&n){var W;return(0,s.jsx)(S,{cluster:t,problems:l,examSelections:n.selections,quizCardResults:null!==(W=null==N?void 0:N.cardResults)&&void 0!==W?W:[],onExit:()=>{L(!1)}})}return(0,s.jsxs)("div",{className:"flex flex-col overflow-y-auto bg-White-100",style:{height:"calc(100dvh - var(--app-bar-height, 0px) - var(--top-web-to-app-banner-height, 0px))",scrollbarWidth:"none"},children:[(0,s.jsxs)("div",{className:"sticky top-0 z-20 flex shrink-0 bg-White-100",children:[(0,s.jsx)("div",{className:"flex w-full gap-16 px-16 pt-12",children:A.map(e=>{let t=e.key===m;return(0,s.jsxs)("button",{type:"button",onClick:()=>v(e.key),className:"flex flex-1 flex-col items-center gap-12",children:[(0,s.jsx)("p",{className:"whitespace-nowrap ".concat(t?"text-16-normal-bold text-Gray-900":"text-16-normal-medium text-Gray-400"),children:e.label}),(0,s.jsx)("div",{className:"h-[2px] w-full rounded-xs ".concat(t?"bg-Gray-900":"bg-transparent")})]},e.key)})}),(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-px bg-Gray-100"})]}),(0,s.jsx)("div",{className:("quiz"!==m||N)&&("exam"!==m||n)?"shrink-0 pb-[120px]":"shrink-0",children:n&&"exam"===m?(0,s.jsx)(M,{mode:"exam",cluster:t,stats:{correct:n.correct,wrong:n.wrong,total:n.total}}):N&&"quiz"===m?(0,s.jsx)(M,{mode:"quiz",cluster:t,stats:{correct:N.correctCount,wrong:N.wrongCount,total:N.correctCount+N.wrongCount}}):(0,s.jsxs)(s.Fragment,{children:["concept"===m&&(0,s.jsx)(F,{cluster:t}),"quiz"===m&&(0,s.jsx)(R,{cluster:t,onComplete:k}),"exam"===m&&(0,s.jsx)(Z,{cluster:t,problems:l,onComplete:u})]})}),!("quiz"===m&&!N||"exam"===m&&!n)&&(0,s.jsx)(E,{activeTab:m,examResult:n,quizCompleted:!!N,onJumpToTab:e=>v(e),onStartFreshQuiz:()=>{w(null),v("quiz")},onViewExplanation:()=>{L(!0)},onClearResult:()=>{c(null),r.push("/test")}})]})}function E(e){let{activeTab:t,examResult:l,quizCompleted:r,onJumpToTab:a,onStartFreshQuiz:n,onViewExplanation:c,onClearResult:i}=e;return(0,s.jsx)("div",{className:"fixed bottom-0 left-0 right-0 z-50 mx-auto w-full max-w-[var(--app-width)] border-t-[1px] border-Gray-100 bg-White-100 px-16 pb-32 pt-10",children:l&&"exam"===t?(0,s.jsxs)("div",{className:"flex flex-col items-center gap-8",children:[(0,s.jsx)("button",{type:"button",onClick:c,className:"text-16-normal-bold w-full rounded-lg bg-Yellow-400 px-24 py-14 text-center text-Gray-900 active:scale-[0.98]",style:{transition:"transform 0.15s"},children:"해설 보기"}),(0,s.jsx)("button",{type:"button",onClick:i,className:"text-16-normal-bold w-full rounded-lg px-24 py-14 text-center text-Gray-600",children:"다음에"})]}):"exam"!==t?(0,s.jsxs)("button",{type:"button",onClick:()=>{"concept"===t?n():"quiz"===t&&a("exam")},className:"text-16-normal-bold w-full rounded-lg bg-Yellow-400 px-24 py-14 text-center text-Gray-900 active:scale-[0.98]",style:{transition:"transform 0.15s"},children:["concept"===t&&"이 토픽 퀴즈로 풀어보기 ›","quiz"===t&&(r?"이 토픽 모의고사 풀어보기 ›":"모의고사 풀어보기 ›")]}):null})}function F(e){let{cluster:t}=e;switch(t.group){case"road-rules":return(0,s.jsx)(W.Z,{activeCluster:t.key});case"pedestrian":return(0,s.jsx)(L.Z,{activeCluster:t.key});case"intersection":return(0,s.jsx)(I.Z,{activeCluster:t.key});case"accident":return(0,s.jsx)(q.Z,{activeCluster:t.key});default:return null}}function R(e){let{cluster:t,onComplete:l}=e,r=a.useMemo(()=>({id:t.key,name:t.label,icon:"",color:"",cards:(0,i.eL)(t.key)}),[t.key,t.label]);return(0,s.jsx)(v.Z,{topic:r,onComplete:l})}function Z(e){var t,l;let{cluster:r,problems:n,onComplete:c}

1=e,[i,d]=a.useState(0),[x,u]=a.useState({}),[m,p]=a.useState(new Set),h=n.length;if(a.useEffect(()=>{d(0),u({}),p(new Set)},[r.key]),0===h)return(0,s.jsx)("div",{className:"px-16 pt-32",children:(0,s.jsx)("p",{className:"text-14-normal-medium text-Gray-700 text-center",children:"이 클러스터의 모의고사 문제를 불러오지 못했어요."})});let b=n[i],y=null!==(t=x[b.id])&&void 0!==t?t:[],j=b.solution.length>1,f=j?2===y.length:y.length>0,g=m.has(b.id),v=i===h-1,N=Math.round((i+1)/h*100),w=e=>{g||u(t=>{var l;let s=null!==(l=t[b.id])&&void 0!==l?l:[];return j?s.includes(e)?{...t,[b.id]:s.filter(t=>t!==e)}:s.length>=2?{...t,[b.id]:[...s.slice(1),e]}:{...t,[b.id]:[...s,e]}:{...t,[b.id]:[e]}})};return(0,s.jsxs)("div",{className:"bg-White-100",children:[(0,s.jsxs)("div",{className:"bg-White-100",children:[(0,s.jsx)("div",{className:"h-[8px] w-full bg-Gray-100",children:(0,s.jsx)("div",{className:"h-[8px] rounded-lg bg-Purple-500",style:{width:"".concat(N,"%"),transition:"width 0.2s"}})}),(0,s.jsx)("div",{className:"flex h-[39px] items-center justify-start px-16",children:(0,s.jsxs)("p",{className:"text-12-medium text-Gray-600",children:[(0,s.jsx)("span",{className:"text-Purple-500",children:i+1}),(0,s.jsxs)("span",{children:["/",h]})]})})]}),(0,s.jsxs)("div",{className:"bg-White-100 p-16 pb-[120px]",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsxs)("div",{className:"flex items-center gap-8",children:[(0,s.jsxs)("p",{className:"text-12-medium text-Gray-600",children:["문장형"===b.type?"문장형 ".concat(b.solution.length,"답"):b.type," \xb7 문제"]}),(0,s.jsx)("span",{className:"bg-Gray-100 text-Gray-700 text-11-bold rounded-xs px-6 py-2",children:"2026 도로교통공단 출제"})]}),(0,s.jsx)("p",{className:"text-16-normal-medium text-Gray-900 leading-[1.5]",children:b.question.text})]}),(0,s.jsx)(o.L,{className:"h-[58px]"}),(0,s.jsx)("div",{className:"flex flex-col gap-8",children:b.question.options.map((e,t)=>{var l;let r=y.includes(e.value),a=b.solution.includes(e.value),n=g?a?"correct":r&&!a?"wrong":"idle":"idle";return(0,s.jsxs)("button",{type:"button",onClick:()=>w(e.value),disabled:g,className:["w-full rounded-[14px] border-[1px] p-16 text-left transition-colors","idle"===n&&r?"bg-Yellow-100 border-Yellow-400 text-14-normal-bold text-Gray-900":"","idle"!==n||r?"":"border-Gray-200 text-14-normal-medium text-Gray-900","correct"===n?"bg-Green-100 border-Green-500 text-14-normal-bold text-Gray-900":"","wrong"===n?"bg-Red-100 border-Red-400 text-14-normal-bold text-Gray-900":""].filter(Boolean).join(" "),children:[t+1,". ",(null===(l=e.label)||void 0===l?void 0:l.replaceAll("\n",""))||""]},e.value)})}),g&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"bg-Gray-50 leading-0 mt-16 flex flex-col gap-4 roun

1ded-[14px] p-16",children:[(0,s.jsx)("span",{className:"text-14-normal-bold",children:"도로교통공단 공식 해설"}),(0,s.jsx)("p",{className:"text-Gray-600 text-12-medium whitespace-pre-line",children:null!==(l=b.explanation)&&void 0!==l?l:""})]}),b.aiSummary&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.L,{className:"h-16"}),(0,s.jsx)("div",{className:"flex items-center gap-4",children:(0,s.jsx)("p",{className:"text-14-normal-bold",children:"운전선생 자체해설"})}),(0,s.jsx)(o.L,{className:"h-4"}),(0,s.jsx)("p",{className:"text-12-medium text-Gray-600 whitespace-pre-line",children:b.aiSummary.split("**").map((e,t)=>t%2==0?(0,s.jsx)(a.Fragment,{children:e},t):(0,s.jsx)("span",{className:"text-Green-500 font-bold",children:e},t))})]})]})]}),(0,s.jsx)("div",{className:"fixed bottom-0 left-0 right-0 z-50 mx-auto w-full max-w-[var(--app-width)] border-t-[1px] border-Gray-100 bg-White-100 px-16 pb-32 pt-10",children:(0,s.jsxs)("div",{className:"flex h-52 items-center gap-12",children:[g&&(0,s.jsx)("button",{type:"button",onClick:()=>{i>0&&d(i-1)},disabled:0===i,className:"text-16-normal-bold flex-1 rounded-lg bg-Gray-900 px-24 py-14 text-center text-White-100 disabled:opacity-40",children:"이전 문제"}),(0,s.jsx)("button",{type:"button",onClick:()=>{if(!g){if(!f)return;p(e=>{let t=new Set(e);return t.add(b.id),t});return}if(!v){d(i+1);return}let e=0;for(let l of n){var t;let s=null!==(t=x[l.id])&&void 0!==t?t:[],r=l.solution;s.length===r.length&&s.every(e=>r.includes(e))&&r.every(e=>s.includes(e))&&(e+=1)}c({total:h,correct:e,wrong:h-e,problemIds:n.map(e=>Number(e.id)).filter(e=>Number.isFinite(e)),selections:x})},disabled:!g&&!f,className:"text-16-normal-bold rounded-lg bg-Yellow-400 px-24 py-14 text-center text-Gray-900 disabled:opacity-40 ".concat(g?"flex-[2]":"flex-1"),children:g?v?"제출":"다음 문제":"다음"})]})})]})}function M(e){let{mode:t,cluster:l,stats:r}=e,n=a.useMemo(()=>(function(e){let t=(0,i.eL)(e);if(0===t.length)return{current:0,total:0,ratio:0};let l=t[0].card_id.split("-")[0],s=t.filter(e=>e.card_id.startsWith("".concat(l,"-"))),r=(()=>{switch(l){case"T1":return 9;case"T2":return 6;case"T3":return 7;case"T4":return 8;default:return s.length}})(),a=s.length;return{current:a,total:r,ratio:r>0?a/r:0}})(l.key),[l.key]);return(0,s.jsxs)("div",{className:"bg-Gray-100",children:["exam"===t&&(0,s.jsxs)("div",{className:"bg-White-100",children:[(0,s.jsx)("div",{className:"h-[8px] w-full bg-Gray-100",children:(0,s.jsx)("div",{className:"h-[8px] rounded-lg bg-Purple-500",style:{width:"".concat(Math.min(100,100*n.ratio),"%"),transition:"width 0.2s"}})}),(0,s.jsx)("div",{className:"flex h-[39px] items-center justify-start px-16",children:(0,s.jsxs)("p",{className:"text-12-medium text-Gray-600",children:[(0,s.jsx)("span",{className:"text-Purple-500",children:n.current}),(0,s.jsxs)("span",{children:["/",n.total]})]})})]}),(0,s.jsxs)("div",{className:"flex flex-col items-center bg-White-100 px-16 py-16",children:[(0,s.jsx)(o.L,{className:"h-32"}),(0,s.jsx)("div",{className:"text-[64px] leading-none",children:"\uD83C\uDF89"}),(0,s.jsx)(o.L,{className:"h-16"}),(0,s.jsx)("p",{className:"text-28-bold text-Gray-900 text-center",children:'"'.concat(l.label,'" 완료!')}),(0,s.jsx)(o.L,{className:"h-6"}),(0,s.jsx)("p",{className:"text-12-medium text-Gray-500 text-center",children:"exam"===t?"핵심 모의고사를 모두 학습했어요":"핵심 개념을 모두 학습했어요"}),(0,s.jsx)(o.L,{className:"h-24"}),(0,s.jsxs)("div",{className:"flex w-full items-stretch justify-center rounded-lg border-[1px] border-Gray-200 px-16 py-16",children:[(0,s.jsx)(P,{label:"맞음",value:r.correct,valueClass:"text-Green-600"}),(0,s.jsx)("div",{className:"w-px self-stretch bg-Gray-200"}),(0,s.jsx)(P,{label:"틀림",value:r.wrong,valueClass:"text-Red-400"}),(0,s.jsx)("div",{className:"w-px self-stretch bg-Gray-200"}),(0,s.jsx)(P,{label:"전체",value:r.total,valueClass:"text-Gray-900"})]})]})]})}function P(e){let{label:t,value:l,valueClass:r}=e;return(0,s.jsxs)("div",{className:"flex flex-1 flex-col items-center justify-center gap-6",children:[(0,s.jsx)("p",{className:"text-24-bold ".concat(r),children:l}),(0,s.jsx)("p",{className:"text-12-medium text-Gray-500",children:t})]})}var Y=l(46473),B=!0,O=(0,r.j5)(e=>{let{clusterKey:t,problems:l}=e,r=(0,i.Vf)(t);return((0,Y.b)({conceptType:"cluster",conceptId:t,source:"cluster-study"}),r)?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(c(),{children:[(0,s.jsxs)("title",{children:[r.label," — 개념 공부 | 운전선생"]}

1,"title"),(0,s.jsx)("meta",{name:"title",content:"".concat(r.label," — 개념 공부 | 운전선생")},"meta-title"),(0,s.jsx)("meta",{name:"description",content:"".concat(r.label," 핵심 개념을 정리본\xb7퀴즈\xb7모의고사로 학습하세요.")},"meta-description"),(0,s.jsx)("meta",{property:"og:title",content:"".concat(r.label," — 개념 공부 | 운전선생")},"meta-og-title"),(0,s.jsx)("meta",{property:"og:description",content:"".concat(r.label," 핵심 개념을 정리본\xb7퀴즈\xb7모의고사로 학습하세요.")},"meta-og-description"),(0,s.jsx)("meta",{property:"og:type",content:"website"},"meta-og-type"),(0,s.jsx)("link",{rel:"canonical",href:"https://drivingteacher.co.kr/test/concept/cluster/".concat(t)})]}),(0,s.jsx)(T,{cluster:r,problems:l})]}):null})}},function(e){e.O(0,[91867,33029,92888,49774,40179],function(){return e(e.s=1083)}),_N_E=e.O()}]);
2//# sourceMappingURL=[key]-da1873af1ab6837a.js.map