https://www.littlepicasso.io/_next/static/chunks/6548-0688a5dfff7f29f0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6548],{97332:function(e,t,r){var n=r(35944);t.Z=e=>{let{sub:t,des:r,padding:l}=e;return(0,n.tZ)("div",{className:"relative flex flex-col items-center justify-center",style:{paddingTop:"".concat(l,"px"),paddingBottom:"".concat(l,"px")},children:(0,n.BX)("div",{className:"flex flex-col items-center gap-[12px] md:gap-[16px]",children:[(0,n.tZ)("span",{className:"rounded-[8px] bg-[#DCF4ED] px-[7px] py-[1px] text-[12px] font-bold leading-[22px] text-[#0BAA80]",children:t}),(0,n.tZ)("p",{className:"flex w-full items-center text-[14px] font-normal leading-[24px] text-[#333333]",children:r})]})})}},52133:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(35944);function l(e){let{number:t,title:r,darkColor:l,lightColor:o}=e;return(0,n.BX)("div",{className:"flex",children:[(0,n.tZ)("p",{className:"rounded-l-[8px] p-[10px] text-[16px] font-bold leading-[26px] text-[#ffffff]",style:{backgroundColor:"".concat(l)},children:t}),(0,n.tZ)("p",{className:"rounded-r-[8px] p-[10px] text-[16px] text-[#ffffff]",style:{backgroundColor:"".concat(o),fontFamily:"Jalnan, sans-serif",fontSize:"16px",fontWeight:400,lineHeight:"26px"},children:r})]})}},51876:function(e,t,r){var n=r(35944);t.Z=e=>{let{keyword:t}=e;return(0,n.tZ)("div",{className:"rounded-[24px] border border-[#E2E2E2] px-[9px] py-[3px]",children:(0,n.tZ)("p",{className:"text-[14px] font-normal leading-[22px] text-[#B52592]",children:t})})}},49510:function(e,t,r){r.d(t,{Z:function(){return d}});var n=r(35944),l=r(25675),o=r.n(l),a=r(97332),i=e=>{let{sub:t,des:r,padding:l}=e;return(0,n.tZ)("div",{className:"relative flex flex-col items-center justify-center",style:{paddingTop:"".concat(l,"px"),paddingBottom:"".concat(l,"px")},children:(0,n.BX)("div",{className:"flex flex-col items-center gap-[12px] md:gap-[16px]",children:[(0,n.tZ)("span",{className:"rounded-[8px] bg-[#DCF4ED] px-[7px] py-[1px] text-[12px] font-bold leading-[22px] text-[#0BAA80]",children:t}),(0,n.tZ)("p",{children:r.map(e=>(0,n.BX)("span",{className:"flex w-full items-center text-[14px] font-normal leading-[24px] text-[#333333]",children:["• ",e]},e))})]})})},c=r(51876);function d(e){let{group:t,colorInfo:r}=e;return(0,n.BX)("div",{className:"relative flex flex-col gap-[24px] md:gap-[32px]",children:[(0,n.BX)("div",{className:"relative mt-[10px] flex flex-col items-center justify-center rounded-[24px] bg-[#ffffff] p-[32px] md:mt-[20px]",children:[(0,n.BX)("div",{className:"relative flex h-[284px] w-[231px] flex-col items-center justify-between pb-[26px] ",children:[(0,n.tZ)(o(),{src:"/assets/images/worldvision/ico-big-".concat(r.characterInfo.characterImageUrl),alt:"Analysis Class Icon",width:231,height:284}),(0,n.tZ)("p",{className:"absolute bottom-[26px] rounded-[8px] px-[9px] pb-[4px] pt-[6px] text-[16px] leading-[22px] text-[#ffffff]",style:{backgroundColor:r.characterInfo.characterColor,fontFamily:"Jalnan, sans-serif",fontSize:"16px",fontWeight:400,lineHeight:"22px"},children:r.characterInfo.characterName})]}),(0,n.BX)("p",{className:"mt-[16px] text-[20px] font-bold leading-[30px] text-[#333333]",style:{fontFamily:"Jalnan, sans-serif",fontSize:"20px",fontWeight:400,lineHeight:"30px"},children:[t," 캐릭터는"," ",(0,n.tZ)("span",{style:{color:r.characterInfo.characterColor,fontFamily:"Jalnan, sans-serif",fontSize:"20px",fontWeight:400,lineHeight:"30px"},children:r.characterInfo.characterName}),"예요"]}),(0,n.tZ)("div",{className:"mt-[8px] flex gap-[6px]",children:r.characterInfo.characterTags.map(e=>(0,n.tZ)(c.Z,{keyword:e},e))})]}),(0,n.tZ)("div",{className:"flex flex-col justify-center rounded-[24px] bg-[#ffffff] p-[24px]",children:(0,n.tZ)(a.Z,{sub:"우리반 색채 성향 요약",des:r.colorAnalysisInfo.groupSummary,padding:0})}),(0,n.tZ)("div",{className:"flex flex-col justify-center rounded-[24px] bg-[#ffffff] p-[24px]",children:(0,n.tZ)(i,{sub:"학습 및 학교 생활",des:r.colorAnalysisInfo.groupLife,padding:0})}),(0,n.tZ)("div",{className:"flex flex-col justify-center rounded-[24px] bg-[#ffffff] p-[24px]",children:(0,n.tZ)(i,{sub:"교육적 추천 사항",des:r.colorAnalysisInfo.groupEduTips,padding:-0})}),(0,n.tZ)("div",{className:"flex flex-col justify-center rounded-[24px] bg-[#ffffff] p-[24px]",children:(0,n.tZ)(a.Z,{sub:"보색의 활용",des:r.colorAnalysisInfo.groupComplementaryColor,padding:0})}),(0,n.tZ)("div",{className:"flex flex-col justify-center rounded-[24px] bg-[#ffffff] p-[24px]",children:(0,n.tZ)(a.Z,{sub:"색채 심리적 배경 및 활용",des:r.colorAnalysisInfo.groupColorUsage,padding:0})})]})}},9927:function(e,t,r){r.d(t,{Z:function(){return a}});

1var n=r(35944),l=r(25675),o=r.n(l);function a(e){let{index:t,icon:r,color:l,hexColor:a,percent:i,count:c}=e,d=0===t;return(0,n.BX)("div",{className:"flex items-center gap-[13px]",children:[(0,n.tZ)(o(),{src:"/assets/images/worldvision/ico-character-".concat(r,".svg"),alt:"".concat(l," Icon"),width:80,height:80}),(0,n.tZ)("p",{className:"text-[12px] font-semibold leading-[16px]",style:{color:d?a:"#999999",fontWeight:600},children:l}),(0,n.BX)("div",{className:"flex flex-1 items-center gap-[13px] overflow-hidden",children:[(0,n.tZ)("div",{className:"h-[12px] rounded-[50px]",style:{width:"".concat(i,"%"),backgroundColor:a}}),(0,n.BX)("p",{className:"flex w-[80px] text-[12px] font-bold leading-[22px]",style:{color:d?a:"#999999",fontWeight:700},children:[i,"% ",(0,n.BX)("span",{className:"hidden font-normal md:ml-[4px] md:flex",children:["(",c,"명)"]})]})]})]},r)}},94850:function(e,t,r){r.d(t,{Z:function(){return i}});var n=r(35944),l=r(70656),o=r(25675),a=r.n(o);function i(e){var t;let{mainSub:r,items:o}=e,{isOpen:i,getToggleButtonProps:c,getMenuProps:d,getItemProps:p,selectedItem:s}=(0,l.L7)({items:o,itemToString:e=>null!==(t=null==e?void 0:e.name)&&void 0!==t?t:"",onSelectedItemChange:e=>{let{selectedItem:t}=e;t&&window.open(t.link,"_blank")}});return(0,n.BX)("div",{className:"relative inline-block",children:[(0,n.BX)("button",{type:"button",...c(),className:"flex w-full gap-[20px] rounded border border-[#aaaaaa] px-[12px] py-[8px] text-left",style:{fontFamily:"Jalnan",fontSize:13,fontWeight:400,lineHeight:"24px"},children:[s?s.name:r,(0,n.tZ)(a(),{src:i?"/assets/images/worldvision/ico-arrow-small.svg":"/assets/images/worldvision/ico-arrow-down.svg",alt:"Dropdown Arrow Icon",width:16,height:16})]}),(0,n.tZ)("ul",{...d(),style:{boxShadow:"0px 4px 8px 0px rgba(0, 0, 0, 0.05)",maxHeight:"150px",overflowY:"auto"},className:"absolute z-10 mt-[2px] w-full rounded border bg-[#ffffff] ".concat(i?"block":"hidden"),children:i&&o.map((e,t)=>(0,n.tZ)("li",{...p({item:e,index:t}),className:"cursor-pointer px-[16px] py-[8px] hover:bg-gray-100",style:{fontFamily:"Jalnan",fontSize:12,fontWeight:400,lineHeight:"22px"},children:e.name},e.link))})]})}},34967:function(e,t,r){r.d(t,{Z:function(){return c}});var n=r(35944),l=r(25675),o=r.n(l),a=r(39332),i=r(67294);function c(e){let{sub:t}=e,r=(0,a.useSearchParams)(),l=r.get("error"),[c,d]=(0,i.useState)(t||"잠시만 기다려주세요.");return(0,i.useEffect)(()=>{"authenticated"===l&&d("가입 정보가 존재하지 않습니다. 다시 시도해주세요.")},[l]),(0,n.BX)("div",{className:"flex flex-col items-center pt-[200px] md:mt-[300px] md:pt-[0px]",children:[(0,n.tZ)(o(),{src:"/assets/images/worldvision/loading-indicator.gif",alt:"Loading Gif",width:150,height:84}),(0,n.tZ)("p",{className:"mt-[24px] text-[16px] font-bold leading-[26px] text-[#AAAAAA]",style:{fontFamily:"Jalnan",fontSize:"16px",fontWeight:400,lineHeight:"24px"},children:c})]})}},62085:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(35944);function l(e){let{message:t}=e;return(0,n.tZ)("p",{className:"py-[200px]",style:{fontFamily:"Jalnan",fontSize:"16px",fontWeight:400,lineHeight:"24px"},children:t})}},30650:function(e,t,r){r.d(t,{Z:function(){return a}});var n=r(35944),l=r(25675),o=r.n(l);function a(){return(0,n.tZ)("div",{className:"fixed inset-0 z-[101] flex items-center justify-center bg-black bg-opacity-40",children:(0,n.BX)("div",{className:"shadow-lg flex flex-col items-center rounded-lg bg-white px-6 py-4",children:[(0,n.tZ)(o(),{src:"/assets/images/worldvision/loading-indicator.gif",alt:"Loading Gif",width:150,height:84}),(0,n.tZ)("p",{className:"mt-[24px] text-[16px] font-bold leading-[26px] text-[#ACACAC]",style:{fontFamily:"Jalnan",fontSize:"16px",fontWeight:400,lineHeight:"24px"},children:"PDF를 다운로드 중입니다."})]})})}},15480:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(35944);function l(e){let{download:t,buttonDisabled:r}=e;return(0,n.tZ)("div",{className:"mx-auto w-[1440px] max-w-full items-center justify-items-center bg-[#ffffff]",children:(0,n.BX)("div",{className:"mx-auto mb-[80px] mt-[40px] flex w-[1024px] max-w-full flex-col items-center gap-[32px] md:mt-[60px]",children:[(0,n.tZ)("span",{className:"flex w-[280px] flex-col items-center text-center text-[14px] font-normal leading-[24px] text-[#333333] md:w-[390px]",children:"이 데이터는 학생의 진료 상담 및 학습 지도 자료로 활용할 수 있습니다. 상세 보고서에서 자세한 내용을 살펴보세요."}),(0,n.tZ)("button",{type:"button",onClick:t,disabled:r,className:"flex h-[52px] w-[221px] items-center justify-center rounded-[48px] bg-[#F38C15]",children:(0,n.tZ)("p",{className:"text-[18px] font-bold leading-[28px] text-[#ffffff]",style:{fontFamily:"Jalnan, sans-serif",fontSize:"18px",fontWeight:400,lineHeight:"28px"},children:"보고서 다운로드 받기"})})]})})}},74341:function(e,t,r){r.d(t,{Z:function(){return m}});

1var n=r(35944),l=r(1852),o=r(29009),a=r(22046),i=r(90508),c=r(39277),d=r(81508),p=r(3758),s=r(63348),f=r(52133),x=r(7720);let u=e=>(0,n.tZ)(x.Z,{...e});function m(e){let{titleOne:t,titleTwo:r,titleThree:x,titleFour:m,hideSecondRadar:h,radarData:g,typeName:b,careerAmount:y,totalAmount:A}=e,Z=y.reduce((e,t)=>(e[t.group]=(e[t.group]||0)+1,e),{}),v=new Set,N=(0,l.useMediaQuery)({maxWidth:768}),w=N?2:3;return(0,n.BX)("div",{className:"relative flex flex-col gap-[24px] md:gap-[32px]",children:[(0,n.BX)("div",{className:"relative flex flex-col gap-[16px]",children:[(0,n.tZ)(f.Z,{number:1,title:t,darkColor:"#0376BF",lightColor:"#338FCA"}),(0,n.tZ)("div",{className:"overflow-hidden overflow-x-auto rounded-[8px] border border-[#AAAAAA] ",children:(0,n.BX)("table",{className:"w-full text-sm",children:[(0,n.tZ)("thead",{children:(0,n.BX)("tr",{className:"bg-[#C5DCEA]",children:[(0,n.tZ)("th",{className:"w-[36px] px-[2px] py-[8px] md:w-[40px] md:px-[6px]",children:"번호"}),(0,n.tZ)("th",{className:"w-[60px] border-x border-b border-[#AAAAAA] p-[8px] md:w-[100px]",children:"최종 유형명"}),(0,n.tZ)("th",{className:"border-b border-l border-[#AAAAAA] p-2",children:"서브 별칭"})]})}),(0,n.tZ)("tbody",{children:s.N.map(e=>(0,n.BX)("tr",{children:[(0,n.tZ)("td",{className:"border-r border-t border-[#AAAAAA] bg-[#DCE8EF] p-2 text-center",children:e.number}),(0,n.tZ)("td",{className:"border-t border-[#AAAAAA] bg-[#ffffff] p-2 text-center",children:e.type}),(0,n.tZ)("td",{className:"border-l border-t border-[#AAAAAA] bg-[#ffffff] p-2",children:e.description})]},e.number))})]})})]}),(0,n.BX)("div",{className:"relative flex flex-col gap-[16px]",children:[(0,n.tZ)(f.Z,{number:2,title:r,darkColor:"#0376BF",lightColor:"#338FCA"}),(0,n.BX)("div",{className:"flex w-full rounded-[8px] border border-[#AAAAAA]",children:[(0,n.tZ)("p",{className:"rounded-l-[8px] bg-[#C5DCEA] p-[10px] text-[16px] font-normal leading-[26px] text-[var(--black)]",children:h?"우리 학교 대표 유형":"우리반 대표 유형"}),(0,n.tZ)("p",{className:"rounded-l-[8px] p-[10px] text-[16px] font-normal leading-[26px] text-[var(--black)]",children:b})]})]}),(0,n.BX)("div",{className:"relative flex flex-col gap-[16px]",children:[(0,n.tZ)(f.Z,{number:3,title:x,darkColor:"#0376BF",lightColor:"#338FCA"}),(0,n.tZ)("div",{className:"overflow-hidden overflow-x-auto rounded-lg border border-[#AAAAAA]",children:(0,n.BX)("table",{className:"w-full border-collapse text-sm",children:[(0,n.tZ)("thead",{children:(0,n.BX)("tr",{className:"bg-[#C5DCEA] text-center",children:[(0,n.tZ)("th",{className:"rounded-tl-lg p-2 md:px-[12px]",children:"유형"}),(0,n.tZ)("th",{className:"border-x border-b border-[#AAAAAA] px-1 py-2 md:px-1",children:"그룹"}),(0,n.tZ)("th",{className:"border-x border-b border-[#AAAAAA] px-1 py-2 md:px-[2px]",children:"인원"}),(0,n.tZ)("th",{className:"hidden py-2 md:block md:px-[130px]",children:"분포"})]})}),(0,n.tZ)("tbody",{children:y.map(e=>{let t=!v.has(e.group);return t&&v.add(e.group),(0,n.BX)("tr",{className:"text-center",children:[(0,n.tZ)("td",{className:"border-r border-t border-[#AAAAAA] bg-[#ECECEC] text-[14px]",children:e.type}),t&&(0,n.tZ)("td",{className:"border-t border-[#AAAAAA] bg-[#ffffff] align-middle text-[14px] ",rowSpan:Z[e.group],children:e.group}),(0,n.tZ)("td",{className:"border-x border-t border-[#AAAAAA] bg-[#ffffff] p-2 text-[14px]",children:e.score.toString()}),(0,n.tZ)("td",{className:"hidden items-center border-t border-[#AAAAAA] md:table-cell",children:(0,n.tZ)("div",{className:"relative flex h-full w-full items-center",children:(0,n.tZ)("div",{className:"h-[18px] bg-[#D9D9D9]",style:{width:"".concat(e.score/A*100,"%")}})})},e.number)]},e.number)})})]})})]}),(0,n.BX)("div",{className:"relative flex w-full flex-col",children:[(0,n.tZ)(f.Z,{number:4,title:m,darkColor:"#0376BF",lightColor:"#338FCA"}),(0,n.tZ)("div",{className:"mt-[0px] h-[300px] w-full md:mt-[-18px] md:h-[550px]",children:(0,n.tZ)(o.h,{width:"100%",height:"100%",children:(0,n.BX)(a.H,{cx:"49%",cy:"50%",outerRadius:N?"72%":"77%",data:g,children:[(0,n.tZ)(i.n,{}),(0,n.tZ)(c.I,{dataKey:"subject",tick:u}),(0,n.tZ)(d.S,{angle:90,tickCount:9,tick:!1}),(0,n.tZ)(p.F,{name:"성향",dataKey:"A",stroke:"#0376BF",strokeWidth:w,fillOpacity:0}),(0,n.tZ)(p.F,{hide:h,name:"성향",dataKey:"B",stroke:"#D9D9D9",strokeWidth:w,fillOpacity:0})]})})})]})]})}}

1,7720:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(35944);function l(e){let{x:t,y:r,cx:l,cy:o,index:a,payload:i}=e,c=Math.atan2(r-o,t-l),d=t+34*Math.cos(c),p=r+14*Math.sin(c);return(0,n.BX)("g",{transform:"translate(".concat(d,", ").concat(p,")"),children:[(0,n.tZ)("circle",{cx:-18,cy:0,r:12,fill:"".concat(a<=2?"#C5DCEA":"#ECECEC")}),(0,n.tZ)("text",{x:-18,y:4.5,textAnchor:"middle",fill:"#333",fontSize:14,fontWeight:"bold",children:a+1}),(0,n.tZ)("text",{x:0,y:5,textAnchor:"start",fill:"#000",fontSize:14,fontWeight:400,children:i.value})]})}},17099:function(e,t,r){r.d(t,{s:function(){return l}});let n=[{number:1,key:"care",type:"배려형",group:"감정 중심",score:0},{number:2,key:"goal",type:"목표형",group:"감정 중심",score:0},{number:3,key:"creative",type:"창의형",group:"감정 중심",score:0},{number:4,key:"explore",type:"탐구형",group:"사고 중심",score:0},{number:5,key:"trust",type:"신뢰형",group:"사고 중심",score:0},{number:6,key:"adventure",type:"모험형",group:"사고 중심",score:0},{number:7,key:"principle",type:"원칙형",group:"본능 중심",score:0},{number:8,key:"leader",type:"리더형",group:"본능 중심",score:0},{number:9,key:"harmony",type:"조화형",group:"본능 중심",score:0}];function l(e){return n.map(t=>{var r;let n=t.key;return{number:t.number,key:t.key,type:t.type,group:t.group,score:null!==(r=e[n])&&void 0!==r?r:0}})}},63348:function(e,t,r){r.d(t,{N:function(){return n},d:function(){return o}});let n=[{number:1,type:"배려형",score:90,group:"감정 중심",description:"따뜻한 마음의 조력자"},{number:2,type:"목표형",score:40,group:"감정 중심",description:"도전과 성취를 즐기는 성취가"},{number:3,type:"창의형",score:75,group:"감정 중심",description:"감성 가득한 예술가"},{number:4,type:"탐구형",score:46,group:"사고 중심",description:"지식을 파고드는 분석가"},{number:5,type:"신뢰형",score:68,group:"사고 중심",description:"책임감 강한 든든이"},{number:6,type:"모험형",score:38,group:"사고 중심",description:"에너지가 넘치는 열정가"},{number:7,type:"원칙형",score:57,group:"본능 중심",description:"완벽을 추구하는 개혁가"},{number:8,type:"리더형",score:46,group:"본능 중심",description:"앞장서는 카리스마 리더"},{number:9,type:"조화형",score:34,group:"본능 중심",description:"모두를 아우르는 평화주의자"}],l={emotionGroup:[{key:"careScore",type:"배려형"},{key:"goalScore",type:"목표형"},{key:"creativeScore",type:"창의형"}],thoughtGroup:[{key:"exploreScore",type:"탐구형"},{key:"trustScore",type:"신뢰형"},{key:"adventureScore",type:"모험형"}],instinctGroup:[{key:"principleScore",type:"원칙형"},{key:"leaderScore",type:"리더형"},{key:"harmonyScore",type:"조화형"}]};function o(e){let t=[...n];return Object.entries(l).forEach(r=>{let[n,l]=r;l.forEach(r=>{var l;let{key:o,type:a}=r,i=null===(l=e[n])||void 0===l?void 0:l[o],c=t.find(e=>e.type===a);c&&"number"==typeof i&&(c.score=i)})}),t}}}]);