https://class101.net/_next/static/chunks/pages/[lang]/courses/[courseId]-ba2941dbd1248421.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80874],{315:(e,t,n)=>{"use strict";n.d(t,{v:()=>a});var r=n(304930),i=n(242503),l=n(20523),s=n(40365);let a=(0,n(301391)._)("StackedHeader")()(e=>{let{id:t,order:n=1,height:a,dynamicHeight:o=!0,mode:d="sticky",safeAreaInset:c=!1,backgroundColor:u="background",display:h,zIndex:p,width:g="100%",minWidth:m,as:v="header",children:f,testId:x}=e,{getResponsiveValue:b}=(0,i.tv)();if(void 0!==h&&"none"===b(h))return null;if("flow"===d)return(0,r.jsx)(s.l,{id:t,order:n,position:"top",height:0,safeAreaInset:c,renderBeforeCalculate:!0,children:()=>(0,r.jsx)(l.a,{as:v,backgroundColor:u,width:g,minWidth:m,position:"relative",zIndex:p,display:h,testId:x,children:f})});let j=void 0===a&&o,w="fixed"===d?"fixed":"web_sticky";return(0,r.jsx)(s.l,{id:t,order:n,position:"top",height:a,safeAreaInset:c,renderBeforeCalculate:!0,children:e=>{let{offset:t,setHeight:n}=e;return(0,r.jsx)(l.a,{as:v,backgroundColor:u,width:g,minWidth:m,position:w,top:t,left:0,zIndex:p,display:h,testId:x,onLayout:j?e=>{let{height:t}=e;return n(t)}:void 0,children:f})}})})},1289:(e,t,n)=>{"use strict";n.d(t,{E:()=>c});var r=n(945783),i=n(720657),l=n(710612),s=n(402453),a=n(2078);let o=e=>(0,a.I)({queryKey:o.getKey(),queryFn:()=>r.LV.get("/v1/stube/focus-roadmap"),...e});o.getKey=()=>["stube-focus-roadmap"];let d=e=>{let{roadmapId:t}=e;return r.LV.put("/v1/stube/focus-roadmap",{body:{roadmapId:t}})},c=e=>{let{setItem:t}=(0,s.C)(),{onSuccess:n,...r}=null!=e?e:{};return(0,i.n)({mutationFn:d,onSuccess:function(){for(var e=arguments.length,r=Array(e),i=0;i<e;i++)r[i]=arguments[i];l.qQ.invalidateQueries({queryKey:o.getKey()}),t("course"),null==n||n(...r)},...r})}},13175:(e,t,n)=>{"use strict";n.d(t,{w:()=>a});var r=n(304930),i=n(20523),l=n(426999),s=n(715404);let a=(0,n(301391)._)("ImageThumbnail")()(e=>{let{src:t,alt:n="",aspectRatio:a,dim:o=!0,loading:d,width:c="100%",testId:u="image-thumbnail",sizes:h,objectFit:p,...g}=e;return(0,r.jsxs)(s.w,{"data-testid":u,ratio:a,width:c,overflow:"hidden",...g,children:[o&&(0,r.jsx)(i.a,{"data-testid":"".concat(u,"-overlay"),position:"absolute",zIndex:2,width:"100%",height:"100%",backgroundColor:"surface1"}),(0,r.jsx)(l._,{"data-testid":"".concat(u,"-content"),width:"100%",height:"100%",src:t,alt:n,loading:d,sizes:h,objectFit:p})]})})},21587:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="home-regular",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M2.35 21.85a.2.2 0 0 1-.2-.2V9.5a.1.1 0 0 1 .034-.075l9.75-8.5a.1.1 0 0 1 .132 0l9.715 8.47a.2.2 0 0 1 .069.15V21.65a.2.2 0 0 1-.2.2zm17.3-2.2v-9.194L12 3.786l-7.65 6.67v9.194h6.55v-4.8c0-.11.09-.2.2-.2h1.8c.11 0 .2.09.2.2v4.8z"})})}),{iconType:"Regular"});a.displayName="HomeRegular"},26351:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var r=n(114612),i=n(141231),l=n(343549);function s(e,t){(0,l.A)(2,arguments);var n=(0,i.A)(e),s=(0,i.A)(t);return Math.round((n.getTime()-(0,r.A)(n)-(s.getTime()-(0,r.A)(s)))/864e5)}},40365:(e,t,n)=>{"use strict";n.d(t,{l:()=>a});var r=n(665162),i=n(266267),l=n(242503),s=n(30003);let a=(0,n(301391)._)("StackedItem")()(e=>{let{id:t,order:n,position:a,height:o,renderBeforeCalculate:d,safeAreaInset:c=!1,children:u}=e,{offset:h,unregister:p,changeHeight:g}=(0,i.Zz)({id:t,order:n,position:a,safeAreaInset:c}),{getResponsiveValue:m}=(0,l.tv)();return(0,r.useEffect)(()=>{(0,s.O)(o)&&g(m(o))},[g,m,o]),(0,r.useEffect)(()=>()=>{p()},[]),d||(0,s.O)(h)?u({offset:null!=h?h:0,setHeight:g}):null})},57243:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(671813),i=n(194704),l=n(343549),s=n(821723);function a(e,t,n){(0,l.A)(2,arguments);var a=(0,i.A)(e,t)/r.s0;return(0,s.u)(null==n?void 0:n.roundingMethod)(a)}},58995:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});let r=e=>"string"==typeof e&&e.endsWith("rem")?16*parseFloat(e.replace("rem","")):e},59158:(e,t,n)=>{"use strict";n.d(t,{B:()=>i});var r=n(665162);let i=(0,n(301391)._)("CSSTransition")()(e=>{let{innerRef:t,children:n,property:i,duration:l,easing:s="easeOutQuad"}=e;return(0,r.cloneElement)(n,{ref:t,style:{transitionProperty:i,transitionDuration:"".concat(l,"ms"),transitionTimingFunction:s}})})},87130:(e,t,n)=>{"use strict";n.d(t,{H:()=>z});var r=n(304930),i=n(665162),l=n(916949),s=n(932562),a=n(572441),o=n(266771),d=n(213995),c=n(869950),u=n(971188),h=n(956598),p=n(937706),g=n(901477),m=n(570341),v=n(48150),f=n(20523),x=n(426999),b=n(240067),j=n(992040),w=n(1289),y=n(137902),k=n(586382),C=n(875669),A=n(241908),T=n(780412);let z=(0,u.o)(e=>{let{roadmapId:t,courseId:n,courseLessonId:r,hasOutline:l=!1,...s}=e,{push:a}=(0,A.W)(),{getUrl:o}=(0,y.h)(),{isClass101InAppBrowser:d}=(0,k.e)(),{pathname:c,search:u}=(0,T.z)(),{mutate:h,isPending:p}=(0,w.E)(),{eventPropertiesRef:g}=(0,C.T)(),m=g.current,v=(0,i.useCallback)(()=>{let e=o("/[lang]/courses/[courseId]/lessons/[courseLessonId]",{courseId:n,courseLessonId:r});p||h({roadmapId:t},{onSuccess:()=>{d?a(e,null,{openPageInWebView:!0}):a(e)}})},[n,r,o,d,p,a,h,t]),f=(0,i.useCallback)(()=>{let e=o("/[lang]/courses/[courseId]/lessons/[courseLessonId]/quiz",{courseId:n,courseLessonId:r},{query:{returnUrl:c+(u?"".concat(u):""),...m.page_name?{page_name:m.page_name}:void 0}});d?a(e,null,{openPageInWebView:!0}):a(e)},[n,r,o,d,m.page_name,c,a,u]);return{courseId:n,courseLessonId:r,moveToLessonPlayPage:v,moveToQuizPage:f,hasOutline:l,...s}},e=>{let{isActive:t,title:n,thumbnailUrl:i,hasQuiz:l,lessonCompleted:s,quizCompleted:a,locked:o,canJumpToNext:d,courseLessonId:c,onSelect:u,moveToLessonPlayPage:h,moveToQuizPage:p,hasOutline:g}=e;return t?(0,r.jsx)(S,{title:n,thumbnailUrl:i,hasQuiz:l,lessonCompleted:s,quizCompleted:a,courseLessonId:c,onMoveToLessonPlayClick:h,onMoveToQuizClick:p,hasOutline:g}):(0,r.jsx)(B,{title:n,locked:o,canJumpToNext:d,lessonCompleted:s,hasQuiz:l,quizCompleted:a,onSelect:d?h:u,hasOutline:g})}),S=(0,i.memo)(e=>{let{title:t,thumbnailUrl:n,hasQuiz:i,lessonCompleted:a,quizCompleted:o,courseLessonId:d,onMoveToLessonPlayClick:c,onMoveToQuizClick:u,hasOutline:p}=e,g=a&&i&&!o;return i?(0,r.jsx)(h.T,{width:"100%",children:(0,r.jsx)(l.l,{slidesPerView:1,spacing:16,initial:+!!g,children:(0,s.t)(2).map((e,l)=>(0,r.jsx)(f.a,{pb:4,p:+!!p,children:(0,r.jsx)(j._,{title:t,type:1===l&&i?"quiz":"video",imageUrl:n,currentIndex:l,totalCount:2,lessonCompleted:a,onClick:1===l&&i?u:c,hasOutline:p})},"course_lesson_item_".concat(l)))},d)}):(0,r.jsx)(h.T,{width:"100%",children:(0,r.jsx)(f.a,{pb:4,children:(0,r.jsx)(j._,{title:t,type:"video",currentIndex:0,totalCount:1,lessonCompleted:a,imageUrl:n,onClick:c,hasOutline:p})})})}),B=(0,i.memo)(e=>{let{title:t,locked:n,canJumpToNext:i,lessonCompleted:l,quizCompleted:s,hasQuiz:u,onSelect:x,hasOutline:b}=e,j=!i&&n;return(0,r.jsx)(a.b,{properties:{isCompletedLesson:l,isCompletedQuiz:s,isLocked:n},children:(0,r.jsx)(o.I,{name:"Course Lesson Item Impressed",children:(0,r.jsx)(p.z,{width:"100%",children:(0,r.jsx)(f.a,{outlineColor:b?"outline2":void 0,outlineWidth:b?1:void 0,outlineStyle:b?"solid":void 0,rounded:"lg",width:"100%",children:(0,r.jsx)(d.W,{name:"Course Lesson Item Clicked",children:(0,r.jsx)(g.o,{backgroundColor:"surface2",rounded:"lg",py:12,px:16,width:"100%",onClick:x,disabled:j,children:(0,r.jsxs)(h.T,{gap:12,children:[(0,r.jsxs)(p.z,{gap:16,alignVertical:"center",children:[(0,r.jsx)(I,{locked:n,lessonCompleted:l,quizCompleted:s,hasQuiz:u}),(0,r.jsx)(m.n,{level:1,weight:"semiBold",lineLimit:2,children:t})]}),i&&(0,r.jsx)(o.I,{name:"Course Home Step Jump Button Impressed",children:(0,r.jsx)(d.W,{name:"Course Home Step Jump Button Clicked",children:(0,r.jsx)(v.W,{kind:"primary",size:"lg",onClick:x,full:!0,children:(0,r.jsx)(c.V,{id:"AEGychRENTDq",defaultMessage:"여기로 건너뛰기"})})})})]})})})})})})})}),I=(0,i.memo)(e=>{let{locked:t,lessonCompleted:n,quizCompleted:i,hasQuiz:l}=e;return(0,r.jsxs)(f.a,{rounded:"full",borderColor:n?"primary":"outline2",borderStyle:"solid",borderWidth:4,justifyContent:"center",alignItems:"center",flexShrink:0,children:[(0,r.jsx)(f.a,{rounded:"full",borderColor:"background",borderWidth:3,borderStyle:"solid",overflow:"hidden",justifyContent:"center",alignItems:"center",children:(0,r.jsx)(x._,{sizes:50,width:50,height:50,alt:"",src:t?"https://cdn.class101.net/images/edeade0e-d826-470b-9647-b1e597caf95d":"https://cdn.class101.net/images/de39fcf7-4eb0-44d7-87d6-316aff8b60b6"})}),(0,r.jsx)(f.a,{rounded:"full",overflow:"hidden",position:"absolute",bottom:-4,right:-6,hidden:l?!(n&&i):!n,borderColor:"background",borderWidth:2,borderStyle:"solid",backgroundColor:"background",justifyContent:"center",alignItems:"center",children:(0,r.jsx)(b.S,{size:22,fill:"primary"})})]})})},93590:(e,t,n)=>{"use strict";n.d(t,{n:()=>i});var r=n(401765);let i=e=>{let{children:t,fallback:n}=e,{isViewModeEnabled:i,isLoading:l}=(0,r.f)();return l?n:i?null:t}}

1,98649:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var r=n(880400),i=n(716364),l=n(343549);function s(e,t){(0,l.A)(2,arguments);var n=(0,r.A)(t);return(0,i.A)(e,-n)}},104727:(e,t,n)=>{"use strict";n.d(t,{o:()=>h});var r=n(304930),i=n(734232),l=n(869950),s=n(971188),a=n(956598),o=n(937706),d=n(570341),c=n(524767),u=n(791275);let h=(0,s.o)(e=>{let{businessInfos:t,showDetailBusinessInfoButton:n=!1}=e,{serviceRegion:r}=(0,u.z)();return{businessInfos:t,businessInfoPageUrl:"https://www.ftc.go.kr/bizCommPop.do?wrkr_no=4578100277",showDetailBusinessInfoButton:n&&r===u.s.KR}},e=>{let{businessInfos:t,businessInfoPageUrl:n,showDetailBusinessInfoButton:s}=e;return(0,r.jsxs)(a.T,{spacing:4,children:[(0,r.jsx)(o.z,{flexWrap:"wrap",width:"100%",rowGap:4,columnGap:16,children:t.map((e,t)=>(0,r.jsx)(a.T,{children:(0,r.jsx)(d.n,{level:6,color:"onView3",children:e})},"business-info-".concat(t)))}),s&&(0,r.jsx)(i.a,{to:n,target:"_blank",children:(0,r.jsxs)(o.z,{spacing:2,alignVertical:"center",mb:4,children:[(0,r.jsx)(d.n,{level:6,color:"onView2",children:(0,r.jsx)(l.V,{defaultMessage:"사업자 정보 자세히 보기",id:"Kjxz9Z+QQOa7"})}),(0,r.jsx)(c.L,{fill:"onView2",size:10})]})})]})})},114612:(e,t,n)=>{"use strict";function r(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}n.d(t,{A:()=>r})},121683:(e,t,n)=>{"use strict";n.d(t,{F:()=>i});var r=n(665162);let i=(e,t)=>{let n=(0,r.useCallback)(()=>{switch(document.visibilityState){case"visible":"visible"===e&&t();break;case"hidden":("invisible"===e||"background"===e||"inactive"===e)&&t();break;default:return}},[t,e]);(0,r.useEffect)(()=>(document.addEventListener("visibilitychange",n),()=>{document.removeEventListener("visibilitychange",n)}),[n])}},128977:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(441967),i=n(906824),l=n(343549),s=n(880400),a=n(98649);function o(e,t){if((0,l.A)(2,arguments),!t||"object"!==(0,r.A)(t))return new Date(NaN);var n=t.years?(0,s.A)(t.years):0,o=t.months?(0,s.A)(t.months):0,d=t.weeks?(0,s.A)(t.weeks):0,c=t.days?(0,s.A)(t.days):0,u=t.hours?(0,s.A)(t.hours):0,h=t.minutes?(0,s.A)(t.minutes):0,p=t.seconds?(0,s.A)(t.seconds):0;return new Date((function(e,t){(0,l.A)(2,arguments);var n=(0,s.A)(t);return(0,i.A)(e,-n)})((0,a.A)(e,o+12*n),c+7*d).getTime()-1e3*(p+60*(h+60*u)))}},134421:(e,t,n)=>{"use strict";n.r(t),n.d(t,{CourseDetailPage:()=>er,default:()=>ei});var r=n(304930),i=n(665162),l=n(882051),s=n(882647),a=n(604841),o=n(137902),d=n(99354),c=n(93590),u=n(513626),h=n(247129),p=n(338957),g=n(856685),m=n(409602),v=n(482465),f=n(586382),x=n(213995),b=n(869950),j=n(364232),w=n(577810),y=n(937706),k=n(441418),C=n(297346),A=n(916049),T=n(205116);let z=e=>{let{openInfoModal:t}=e,n=(0,v.G)(),{goBack:l,canGoBack:s}=(0,j.L)(),{isClass101InAppBrowser:a}=(0,f.e)(),o=(0,i.useCallback)(()=>{if(a&&!s)return void p.m2.send({type:g.p.WebToApp,messageType:m.sE.ClosePage});l()},[s,l,a]);return(0,r.jsx)(h.J,{type:"stickyOnScroll",order:1,hidden:!1,isShowEventBanner:!1,renderContent:()=>(0,r.jsx)(w.V,{zIndex:10,title:"",renderLeft:()=>[(0,r.jsxs)(y.z,{alignVertical:"center",gap:8,children:[(0,r.jsx)(k.K,{IconComponent:A.S,size:"md",onClick:o}),n&&(0,r.jsx)(C.h,{level:5,children:(0,r.jsx)(b.V,{defaultMessage:"코스 상세",id:"f0aSANPOFBQ8"})})]},"backButton")],renderRight:()=>[(0,r.jsx)(x.W,{name:"Course Info Button Clicked",children:(0,r.jsx)(k.K,{IconComponent:T.Y,size:"md",onClick:t})},"courseInfoButton")]})})};var S=n(572441),B=n(258867),I=n(971188),M=n(956598),E=n(87130),L=n(932562),_=n(94899),V=n(462012),P=n(20523);let R=(0,I.o)(e=>{let{loading:t,courseId:n,lessons:r,roadmapId:l}=e,[s,a]=(0,i.useState)(null);return{isLoading:t,lessons:r,courseId:n,activeLessonId:s,handleSelect:e=>{a(e)},roadmapId:l}},e=>{let{lessons:t,courseId:n,activeLessonId:i,handleSelect:l,isLoading:s,roadmapId:a}=e;return(0,r.jsx)(M.T,{children:s?(0,r.jsx)(D,{}):t.map((e,s)=>{let{id:o,title:d,locked:c,hasQuiz:u,thumbnailUrl:h,completed:p,quizCompleted:g}=e;return(0,r.jsxs)(M.T,{alignHorizontal:"center",children:[(0,r.jsx)(S.b,{properties:{courseId:n,courseLessonId:o,isCompletedLesson:p,isCompletedQuiz:g},children:(0,r.jsx)(E.H,{roadmapId:a,title:d,thumbnailUrl:null!=h?h:"",lessonCompleted:p,quizCompleted:g,locked:c&&0!==s,hasQuiz:u,isActive:i===o,canJumpToNext:!1,courseId:n,courseLessonId:o,onSelect:()=>l(o)})}),(0,r.jsx)(P.a,{hidden:t.length-1===s,height:16,width:1.5,backgroundColor:"outline2",mt:i===o?-4:0})]},o)})})}),D=()=>(0,r.jsx)(M.T,{children:(0,L.t)(10).map((e,t)=>(0,r.jsxs)(M.T,{alignHorizontal:"center",px:8,children:[(0,r.jsx)(_.t,{backgroundColor:"surface2",rounded:"lg",px:16,py:12,width:"100%",children:(0,r.jsxs)(y.z,{gap:16,width:"100%",alignVertical:"center",children:[(0,r.jsx)(M.T,{flexShrink:0,children:(0,r.jsx)(V.E.Image,{ratio:1,width:64,rounded:"full"})}),(0,r.jsx)(V.E.Text,{typography:"body1",lines:2})]})}),(0,r.jsx)(P.a,{hidden:9===t,height:16,width:1.5,backgroundColor:"outline2"})]},"skeleton-".concat(t)))});var O=n(901477),W=n(570341),H=n(226061),F=n(144793),N=n(233698),Y=n(241908);let G=(0,I.o)(e=>{let{loading:t,roadmapId:n,roadmapTitle:r,courseTitle:l,courseDescription:s,contentDurationSec:a,completionPercent:d}=e,{isClass101InAppBrowser:c}=(0,f.e)(),[u,h]=(0,i.useState)(!1),{push:p}=(0,Y.W)(),{getUrl:g}=(0,o.h)(),m=(0,i.useCallback)(()=>{p(g("/[lang]/roadmaps/[roadmapId]",{roadmapId:n}),void 0,{openPageInWebView:c})},[p,g,n,c]);return{isLoading:t,completionPercent:d,roadmapId:n,roadmapTitle:r,courseTitle:l,courseDescription:s,contentDurationSec:a,showAllDescription:u,setShowAllDescription:h,handleRoadmapClick:m}},e=>{let{isLoading:t,completionPercent:n,roadmapTitle:i,courseTitle:l,courseDescription:s,contentDurationSec:a,showAllDescription:o,setShowAllDescription:d,handleRoadmapClick:c}=e;return(0,r.jsx)(_.t,{backgroundColor:"surface2",width:"100%",zIndex:1,flexShrink:0,pb:[24,24,28],pt:[8,8,28],px:[20,28],maxWidth:["100%","100%",800],mx:"auto",rounded:["none","none","lg"],children:(0,r.jsx)(M.T,{width:"100%",maxWidth:[400,400,800],gap:28,alignSelf:"center",children:t?(0,r.jsx)(K,{}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(M.T,{width:"100%",gap:12,children:[(0,r.jsx)(O.o,{onClick:c,children:(0,r.jsxs)(y.z,{alignVertical:"center",gap:4,children:[(0,r.jsx)(W.n,{level:1,weight:"medium",color:"onView2",lineLimit:1,children:i}),(0,r.jsx)(k.K,{IconComponent:N.Y,size:"sm",onClick:c,color:"onView2"})]})}),(0,r.jsxs)(M.T,{width:"100%",gap:8,children:[(0,r.jsx)(C.h,{level:4,color:"onView1",children:l}),s?(0,r.jsx)(O.o,{onClick:()=>d(!0),children:(0,r.jsx)(H.f,{level:3,weight:"regular",color:"onView2",lineLimit:o?void 0:2,children:s})}):null]})]}),(0,r.jsxs)(M.T,{width:"100%",gap:12,children:[(0,r.jsxs)(y.z,{width:"100%",alignHorizontal:"space-between",children:[(0,r.jsx)(H.f,{level:3,weight:"medium",color:"onView2",children:(0,r.jsx)(b.V,{defaultMessage:"{n}분 코스",id:"3uKeqRxoL1SJ",values:{n:Math.floor(a/60)}})}),(0,r.jsx)(H.f,{level:3,weight:"medium",color:"onView2",children:(0,r.jsx)(b.V,{defaultMessage:"{n}% 완료",id:"JIT+8pp83V/5",values:{n:n}})})]}),(0,r.jsx)(F.z,{progress:n<=3?3:n,durationMs:0,size:"xl"})]})]})})})}),K=()=>(0,r.jsxs)(M.T,{width:"100%",gap:28,children:[(0,r.jsxs)(M.T,{width:"100%",gap:12,children:[(0,r.jsx)(V.E.Text,{typography:"body1",maxWidth:160}),(0,r.jsxs)(M.T,{width:"100%",gap:8,children:[(0,r.jsx)(V.E.Text,{typography:"title4",maxWidth:220}),(0,r.jsx)(V.E.Text,{typography:"paragraph3",lines:2})]})]}),(0,r.jsxs)(M.T,{width:"100%",gap:12,children:[(0,r.jsxs)(y.z,{width:"100%",alignHorizontal:"space-between",children:[(0,r.jsx)(V.E.Text,{typography:"paragraph3",lines:1,maxWidth:60}),(0,r.jsx)(V.E.Text,{typography:"paragraph3",lines:1,maxWidth:60})]}),(0,r.jsx)(V.E,{width:"100%",height:8,rounded:"full"})]})]});var q=n(945783),X=n(2078);let U=(e,t)=>{let{courseId:n}=e;return(0,X.I)({queryKey:U.getKey(n),queryFn:()=>(e=>{let{courseId:t}=e;return q.LV.get("/v1/stube/sections/courses/".concat(t))})({courseId:n}),...t})};U.getKey=e=>["stube-course-detail",e];let J=(0,I.o)(e=>{var t,n,r,l;let{courseId:s}=e,{isLoggedIn:o}=(0,a.h)(),{data:d,isLoading:c}=U({courseId:s},{enabled:o&&!!s}),u=null!=(r=null==d||null==(t=d.roadmap)?void 0:t.id)?r:"",h=(0,i.useMemo)(()=>{var e,t,n,r,i,l;return{courseId:s,completionPercent:null!=(t=null==d?void 0:d.completionPercent)?t:0,roadmapTitle:null!=(n=null==d||null==(e=

1d.roadmap)?void 0:e.title)?n:"",courseTitle:null!=(r=null==d?void 0:d.title)?r:"",courseDescription:null!=(i=null==d?void 0:d.description)?i:"",contentDurationSec:null!=(l=null==d?void 0:d.contentDurationSec)?l:0}},[null==d?void 0:d.completionPercent,null==d?void 0:d.contentDurationSec,null==d?void 0:d.description,null==d||null==(n=d.roadmap)?void 0:n.title,null==d?void 0:d.title,s]);return{roadmapId:u,isLoading:c,courseId:s,course:d,lessons:null!=(l=null==d?void 0:d.courseLessons)?l:[],eventProperties:h}},e=>{var t,n,i,l,s,a,o;let{courseId:d,course:c,lessons:u,isLoading:h,eventProperties:p,roadmapId:g}=e;return(0,r.jsx)(M.T,{children:(0,r.jsxs)(S.b,{properties:p,children:[(0,r.jsx)(B.a,{name:"Course Detail",properties:{courseId:d,courseProgress:null!=(n=null==c?void 0:c.completionPercent)?n:0}}),(0,r.jsx)(M.T,{pt:[0,0,40],children:(0,r.jsx)(G,{loading:h,roadmapId:g,roadmapTitle:null!=(i=null==c||null==(t=c.roadmap)?void 0:t.title)?i:"",courseTitle:null!=(l=null==c?void 0:c.title)?l:"",courseDescription:null!=(s=null==c?void 0:c.description)?s:"",contentDurationSec:null!=(a=null==c?void 0:c.contentDurationSec)?a:0,completionPercent:null!=(o=null==c?void 0:c.completionPercent)?o:0})}),(0,r.jsx)(M.T,{px:[20,0],width:"100%",children:(0,r.jsx)(M.T,{maxWidth:[400,400,800],mx:"auto",width:"100%",py:24,pt:[24,24,16],pb:[24,24,100],children:(0,r.jsx)(R,{loading:h,lessons:u,courseId:d,roadmapId:g})})})]})})});var Q=n(206259),Z=n(270653),$=n(75524),ee=n(274560),et=n(423237),en=n(125747);let er=e=>{let{match:{params:{courseId:t}}}=e,{isClass101InAppBrowser:n}=(0,f.e)(),{isLoggedIn:h,isAuthenticationInProgress:p}=(0,a.h)(),{hasSubscribed:g,isLoading:m}=(0,d.k)(),{getUrl:v}=(0,o.h)(),{push:b}=(0,Y.W)(),{mode:j}=(0,et.Rk)(),w=j===Q.lGv.dark,{open:y}=(0,en.e)(),{value:C,setItem:A}=(0,ee.M)("course_detail_page_shown"),{localizeText:B}=(0,$.B)(),I=p||m,E=B({defaultMessage:"코스 상세",id:"JIWu5Ds2QEsw"}),L=(0,i.useCallback)(()=>{y(e=>{let{isOpen:t,close:n}=e;return(0,r.jsx)(S.b,{properties:{pageName:"course_detail"},children:(0,r.jsx)(u.l,{isOpen:t,onClose:()=>{n(),C||A(!0)}})})})},[C,y,A]);return((0,Z.S)(()=>{!C&&h&&g&&L()}),(0,i.useEffect)(()=>{if(!I&&!n){if(!h)return void b(v("/[lang]/login/all",void 0,{query:{redirect:v("/[lang]/courses/[courseId]",{courseId:t})}}));if(!g)return void b(v("/[lang]"))}},[h,g,b,p,L,v,t,I,n]),I||h||g)?(0,r.jsx)(S.b,{properties:{pageName:"course_detail"},children:(0,r.jsxs)(M.T,{children:[(0,r.jsxs)(P.a,{height:"100%",minHeight:"100vh",backgroundColor:w?"background":"neutralMuted",children:[(0,r.jsx)(l.t,{title:E,noDefaultRenderRight:[!0,!0,!1],renderRight:()=>[(0,r.jsx)(x.W,{name:"Course Info Button Clicked",children:(0,r.jsx)(k.K,{IconComponent:T.Y,size:"md",onClick:L,ariaLabel:B({defaultMessage:"코스 정보",id:"pyuTlA28mPV0"})})},"courseInfoButton")]}),(0,r.jsx)(c.n,{children:(0,r.jsx)(z,{openInfoModal:L})}),(0,r.jsx)(J,{courseId:t})]}),(0,r.jsx)(s.s,{})]})}):null},ei=er},135983:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="clock-thin",...o}=e;return(0,r.jsxs)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:[(0,r.jsx)(l.B.Path,{d:"M12 2.75c5.1 0 9.25 4.15 9.25 9.25S17.1 21.25 12 21.25 2.75 17.1 2.75 12 6.9 2.75 12 2.75M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1"}),(0,r.jsx)(l.B.Path,{d:"M12.9 11.7V6.8c0-.15-.1-.25-.25-.25H11.4c-.15 0-.25.1-.25.25V12c0 .25.1.5.3.7l3.6 3.6c.1.1.25.1.35 0l.9-.9c.1-.1.1-.25 0-.35z"})]})}),{iconType:"Thin"});a.displayName="ClockThin"},136224:(e,t,n)=>{"use strict";n.d(t,{E:()=>l});var r=n(965923),i=n(379436);function l(e){return t=>{let{props:n,variants:l}=e,{__theme__:s}=t,a={...t},o=n?n.reduce((e,n)=>(n.skipForward&&delete a[n.name],void 0===t[n.name])?e:{...e,[n.name]:n.responsive?(0,r.K)(s.breakpoints,t[n.name]):t[n.name]},{}):t;return{...a,...(0,i.H)(o,l)}}}},141231:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(25595),i=n(343549);function l(e){(0,i.A)(1,arguments);var t=(0,r.A)(e);return t.setHours(0,0,0,0),t}}

1,144793:(e,t,n)=>{"use strict";n.d(t,{z:()=>c});var r=n(304930),i=n(665162),l=n(20523),s=n(683018),a=n(94899),o=n(301391),d=n(556275);let c=(0,o._)("ProgressBar")((0,d.X)({props:[{name:"size",default:"md",responsive:!0}],variants:{xs:{height:1,rounded:"sm"},sm:{height:2,rounded:"sm"},md:{height:4,rounded:"sm"},lg:{height:6,rounded:"sm"},xl:{height:8,rounded:"sm"}}}),(0,d.X)({props:[{name:"kind",default:"default"}],variants:{default:{color:"primary",bgColor:"surfaceThin"},neutral:{color:"onView1",bgColor:"surfaceThin"}}}))(e=>{let{color:t="primary",bgColor:n="surfaceThin",height:o=6,durationMs:d=1e3,progress:c=100,onProgressEnd:u}=e,h=(0,i.useCallback)(()=>{null==u||u()},[u]);return(0,r.jsx)(a.t,{backgroundColor:n,width:"100%",height:o,overflow:"hidden",rounded:"sm",children:(0,r.jsx)(s.e,{animation:{width:"".concat(c,"%")},duration:d,onEnd:h,children:(0,r.jsx)(l.a,{width:"100%",height:"100%",backgroundColor:t})})})})},145544:(e,t,n)=>{"use strict";n.d(t,{Y:()=>l});var r=n(665162),i=n(328758);function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{interval:t=56,threshold:n}=e,l=(0,r.useRef)(0),[s,a]=(0,r.useState)(),[o,d]=(0,r.useState)(!1),c=(0,r.useCallback)(()=>{void 0!==n&&d(window.scrollY>=n),window.scrollY<l.current+t&&window.scrollY>l.current-t&&0!==window.scrollY||(window.scrollY<l.current?a("up"):window.scrollY>l.current&&a("down"),l.current=window.scrollY)},[t,n]);return(0,r.useEffect)(()=>(window.addEventListener("scroll",c,{passive:!0}),()=>{window.removeEventListener("scroll",c)}),[c]),{isScrollUp:"up"===s&&!(0,i.c)(),isScrollDown:"down"===s&&!(0,i.c)(),isPastThreshold:o}}},150626:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="lock-fill",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M20.75 9H18V7.2c0-3.1-2.3-5.85-5.4-6.15C9.05.7 6 3.5 6 7v2H3.25C3.1 9 3 9.1 3 9.25v13c0 .15.1.25.25.25h17.5c.15 0 .25-.1.25-.25v-13c0-.15-.1-.25-.25-.25m-7.5 8.55c0 .1-.1.2-.25.2h-2c-.15 0-.25-.1-.25-.2v-3.6c0-.1.1-.2.25-.2h2c.15 0 .25.1.25.2zM15.5 9h-7V7c0-1.95 1.55-3.5 3.5-3.5s3.5 1.55 3.5 3.5z"})})}),{iconType:"Fill"});a.displayName="LockFill"},157234:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(25595),i=n(343549);function l(e,t){(0,i.A)(2,arguments);var n=(0,r.A)(e),l=(0,r.A)(t),s=n.getTime()-l.getTime();return s<0?-1:s>0?1:s}},174846:(e,t,n)=>{"use strict";n.d(t,{T:()=>s,h:()=>a});var r=n(304930),i=n(665162);let l=(0,i.createContext)({avatar:{placeholder:"https://cdn.class101.net/images/2483a7e5-8c20-4ac7-a209-805b4482664d"},cardNumberField:{cardIconMap:{}}}),s=e=>{let{children:t,...n}=e,s=a(),o=(0,i.useMemo)(()=>({...s,...n}),[s,n]);return(0,r.jsx)(l.Provider,{value:o,children:t})},a=()=>(0,i.useContext)(l);s.displayName="CustomizationProvider"},175253:(e,t,n)=>{"use strict";n.d(t,{G:()=>l});var r=n(665162),i=n(310423);let l=e=>{let{date:t,maxTimeUnit:n,children:l,onFinish:s,skip:a,initWithEnd:o=!1}=e,{remainingTime:d}=(0,i.L)(t,n,void 0,void 0,s,a,o);return o?(0,r.cloneElement)(l(d),{suppressHydrationWarning:!0}):l(d)}},191106:(e,t,n)=>{"use strict";n.d(t,{X:()=>f});var r=n(304930),i=n(971188),l=n(956598),s=n(297636),a=n(937706),o=n(570341),d=n(901477),c=n(308748),u=n(963467),h=n(104727),p=n(540302),g=n(882457),m=n(241908),v=n(780427);let f=(0,i.o)(e=>{var t;let{menus:n,isPlusHomeFooterMenu:r=!1}=e,{toggleState:i,state:l}=(0,g.B)(!1),{push:s}=(0,m.W)(),a=null==(t=n.find(e=>(0,v.z)(e.descriptionList)))?void 0:t.descriptionList;return{menus:n,isMoreInfoOpened:l,clickMenuItem:e=>{let{descriptionList:t,to:n,target:r,onClick:l}=e;if((0,v.z)(t))return void i();if(!n){null==l||l();return}if(r)return void window.open(n,r);s(n)},descriptionList:null!=a?a:[],isPlusHomeFooterMenu:r}},e=>{let{menus:t,isMoreInfoOpened:n=!1,clickMenuItem:i,descriptionList:g,isPlusHomeFooterMenu:m}=e;return(0,r.jsxs)(l.T,{spacing:12,flex:1,children:[(0,r.jsx)(s.B,{direction:m?"vertical":"horizontal",flexWrap:"wrap",rowGap:m?12:8,columnGap:24*!m,children:t.map((e,t)=>{var l;return(0,r.jsxs)(a.z,{py:2,height:14,spacing:8,alignVertical:"center",children:[(0,r.jsx)(p.v,{menu:e,children:(0,r.jsx)(a.z,{alignHorizontal:"center",children:(0,r.jsx)(o.n,{level:5,weight:null!=(l=e.weight)?l:"regular",color:"onView2",children:e.title})})}),e.descriptionList&&(0,r.jsx)(d.o,{onClick:()=>i(e),children:(0,r.jsxs)(a.z,{children:[n&&(0,r.jsx)(c.L,{size:10,fill:"onView2"}),!n&&(0,r.jsx)(u.L,{size:10,fill:"onView2"})]})})]},"footer-menu-".concat(t))})}),g&&n?(0,r.jsx)(l.T,{mb:-10,children:(0,r.jsx)(h.o,{businessInfos:g,showDetailBusinessInfoButton:!0})}):null]})})},198100:(e,t,n)=>{"use strict";n.d(t,{u:()=>l});var r=n(510947),i=n(274560);function l(e,t){var n;let{storageKey:l,transformBeforeSave:s,...a}=t,{value:o,setItem:d,removeItem:c}=(0,i.M)(l),u=(0,r.IT)(e,{...a,onCompleted:e=>{try{d({timestamp:Date.now(),data:s?s(e):e})}catch(e){c()}}}),h=null!=(n=u.data)?n:null==o?void 0:o.data,p=!h&&u.loading;return{...u,data:h,loading:p}}}

1,204793:(e,t,n)=>{"use strict";n.d(t,{U:()=>i});var r=n(665162);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return(0,r.useSyncExternalStore)(t=>{if(!window.matchMedia)return()=>{};let n=window.matchMedia(e);return n.addEventListener?(n.addEventListener("change",t),()=>n.removeEventListener("change",t)):(n.addListener(t),()=>n.removeListener(t))},()=>window.matchMedia?window.matchMedia(e).matches:t,()=>t)}},213995:(e,t,n)=>{"use strict";n.d(t,{W:()=>s});var r=n(665162),i=n(340586),l=n(72731);let s=(0,r.memo)((0,r.forwardRef)((e,t)=>{let{name:n,properties:s,disabled:a=!1,children:o,...d}=e,{trackEvent:c}=(0,l.j)(),u=(0,r.useCallback)(e=>{var t,r;null==(t=(r=o.props).onClick)||t.call(r,e),c({name:n,properties:(0,i.D)(s)})},[o.props,c,n,s]);return(0,r.cloneElement)(o,{...d,...a?{}:{onClick:u},ref:t})}))},240067:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="checkcircle-fill",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1m5.75 8.85-6.6 6.6c-.1.1-.25.1-.35 0l-4.7-4.7c-.1-.1-.1-.25 0-.35L7.5 10c.1-.1.25-.1.35 0l3.1 3.1 5-5c.1-.1.25-.1.35 0l1.4 1.4c.15.1.15.25.05.35"})})}),{iconType:"Fill"});a.displayName="CheckCircleFill"},247129:(e,t,n)=>{"use strict";n.d(t,{J:()=>L});var r=n(304930),i=n(665162),l=n(908868),s=n(971188),a=n(315),o=n(956598),d=n(937706),c=n(40365),u=n(59158),h=n(963529),p=n(366369),g=n(604841),m=n(791275),v=n(371585),f=n(9076),x=n(588874),b=n(586382),j=n(206259),w=n(310672),y=n(145544),k=n(340233),C=n(421984),A=n(242503),T=n(686739),z=n(456392),S=n(78975);function B(){let e=(0,T._)(["\n    query ActiveEventContentOnPlusGlobalHeader($site: EventDisplaySiteType = CONTROL) {\n  activeEventContent(site: $site) {\n    id\n    title\n    startedAt\n    endedAt\n    enableGlobalBanner\n    globalBanner {\n      appText\n      appLink\n      enableApp\n      link\n      text\n      theme\n    }\n    keyColor\n    promotionId\n  }\n}\n    "]);return B=function(){return e},e}let I={},M=(0,z.J1)(B()),E=new Date,L=(0,s.o)(e=>{let{type:t="sticky",order:n=1,hidden:r,height:l,renderContent:s,isBannerShown:a=!1,isBannerLoading:o=!1,isShowEventBanner:d=!0,isQuickReturn:c=!1}=e,{addEventListener:u}=(0,k.c)(),[h,p]=(0,i.useState)(!1);(0,i.useEffect)(()=>u(e=>{let{scrollDirection:t}=e;(0,w.n)()||p("up"===t)}),[u]);let{isScrollDown:T,isPastThreshold:z}=(0,y.Y)({interval:28,threshold:200}),{isClass101InAppBrowser:B}=(0,b.e)(),{height:L}=(0,C.P)({hidden:r,height:null!=l?l:[52,52,72]},e=>({height:e.hidden?0:e.height})),{serviceRegion:_}=(0,m.z)(),V=_===m.s.KR,{isAuthenticationInProgress:P}=(0,g.h)(),{isViewModeApplied:R,isLoading:D}=(0,v.X)(),{viewMode:O}=(0,f.a)(),{activeEventContentData:W,isActiveEventContentLoading:H}=function(e){let t={...I,...e},n=S.I(M,t);return i.useMemo(()=>{let{data:e,loading:t,error:r,called:i,refetch:l,fetchMore:s,...a}=n;return{activeEventContentData:null==e?void 0:e.activeEventContent,isActiveEventContentLoading:t,activeEventContentError:r,isActiveEventContentCalled:i,refetchActiveEventContent:l,fetchMoreActiveEventContent:s,...a}},[n])}({variables:{site:R?O===x.a.svod?j.oLQ.SVOD:j.oLQ.TVOD:j.oLQ.CONTROL},skip:!V||P||D}),F=(0,i.useMemo)(()=>{var e,t,n,r,i,l,s,a,o,d,c;return{eventContentId:(null==W?void 0:W.id)||"",isEnabled:V&&!!(null==W?void 0:W.globalBanner)&&!!(null==W?void 0:W.enableGlobalBanner)&&!!(!B||(null==W||null==(e=W.globalBanner)?void 0:e.enableApp)),text:B&&(null==W||null==(t=W.globalBanner)?void 0:t.enableApp)?(null==W||null==(n=W.globalBanner)?void 0:n.appText)||(null==W||null==(r=W.globalBanner)?void 0:r.text)||"":(null==W||null==(i=W.globalBanner)?void 0:i.text)||"",link:B&&(null==W||null==(l=W.globalBanner)?void 0:l.enableApp)?(null==W||null==(s=W.globalBanner)?void 0:s.appLink)||(null==W||null==(a=W.globalBanner)?void 0:a.link)||"":(null==W||null==(o=W.globalBanner)?void 0:o.link)||"",keyColor:(null==W?void 0:W.keyColor)||"",theme:null!=(c=null==W||null==(d=W.globalBanner)?void 0:d.theme)?c:j.T_J.DARK,endedAt:(null==W?void 0:W.endedAt)||E}},[W,V,B]),{breakpointIndex:N}=(0,A.tv)();return{type:t,order:n,height:L,hidden:r,isScrollUp:h,renderContent:s,isShowEventBanner:d,isBannerShown:a&&!!(V||F.isEnabled),isBannerLoading:o&&H,globalBanner:F,isQuickReturnActive:c&&N<2&&T&&z}},e=>{let{type:t,order:n,height:s,hidden:g,isScrollUp:m,renderContent:v,isBannerShown:f,isBannerLoading:x,globalBanner:b,isShowEventBanner:j,isQuickReturnActive:w}=e,y=(0,i.useMemo)(()=>!l.i&&j&&(x||b.isEnabled)?(0,r.jsx)(p.J,{hidden:g,show:f,loading:x,globalBanner:b}):null,[b,g,x,f,j]);return"static"===t?(0,r.jsx)(a.v,{id:"sticky-header",order:n,mode:"flow",height:s,backgroundColor:"transparent",children:(0,r.jsxs)(o.T,{width:"100%",children:[y,(0,r.jsx)(d.z,{hidden:g,width:"100%",children:v()})]})}):"sticky"===t?(0,r.jsxs)(r.Fragment,{children:[y,(0,r.jsx)(c.l,{id:"sticky-header",order:n,position:"top",height:w?0:s,renderBeforeCalculate:!0,children:e=>{let{offset:t}=e;return(0,r.jsx)(u.B,{property:"top",duration:300,children:(0,r.jsx)(d.z,{position:"web_sticky",top:w?s.map(e=>(0,h.N)(t,-e)):t,zIndex:199,hidden:g,width:"100%",children:v()})})}})]}):"stickyOnScroll"===t?(0,r.jsxs)(r.Fragment,{children:[y,(0,r.jsx)(c.l,{id:"stickyOnScroll-header",order:n,position:"top",height:m?s:0,renderBeforeCalculate:!0,children:e=>{let{offset:t}=e;return(0,r.jsx)(u.B,{property:"top",duration:300,children:(0,r.jsx)(d.z,{position:"web_sticky",top:m?t:s.map(e=>(0,h.N)(t,-e)),zIndex:199,hidden:g,width:"100%",children:v()})})}})]}):"fixed"===t?(0,r.jsxs)(r.Fragment,{children:[y,(0,r.jsx)(c.l,{id:"fixed-header",order:n,position:"top",height:s,renderBeforeCalculate:!0,children:e=>{let{offset:t}=e;return(0,r.jsx)(d.z,{position:"web_sticky",top:t,zIndex:199,hidden:g,width:"100%",mb:s.map(e=>-e),children:v()})}})]}):"fixedOnScroll"===t?(0,r.jsxs)(r.Fragment,{children:[y,(0,r.jsx)(c.l,{id:"fixedOnScroll-header",order:n,position:"top",height:m?s:0,renderBeforeCalculate:!0,children:e=>{let{offset:t}=e;return(0,r.jsx)(u.B,{property:"top",duration:300,children:(0,r.jsx)(d.z,{position:"web_sticky",top:m?t:s.map(e=>(0,h.N)(t,-e)),zIndex:199,hidden:g,width:"100%",mb:s.map(e=>-e),children:v()})})}})]}):null})}

1,253433:(e,t,n)=>{"use strict";n.d(t,{C:()=>i});var r=n(401765);let i=e=>{let{children:t,fallback:n}=e,{isViewModeEnabled:i,isLoading:l}=(0,r.f)();return l?n:i?t:null}},258867:(e,t,n)=>{"use strict";n.d(t,{a:()=>u});var r=n(665162),i=n(340586),l=n(405581),s=n(586382),a=n(293445),o=n(875669),d=n(861395),c=n(77609);let u=e=>{let{name:t,properties:n,skip:u=!1,once:h=!1}=e,p=(0,r.useRef)(!1),{trackPage:g}=(0,c.$)(),{eventPropertiesRef:m,fulfilled:v}=(0,o.T)(),f=(0,r.useRef)({...(0,i.D)(n)}),x=(0,r.useCallback)(()=>{v&&!u&&(h&&p.current||(p.current=!0,g(t,(0,d.g)({...m.current,...f.current}))))},[v,t,h,m,u,g]);(0,a.I)(()=>{f.current={...f.current,...(0,i.D)(n)}},[n]),(0,r.useEffect)(()=>{x()},[v,x,u]);let{isClass101InAppBrowser:b}=(0,s.e)();return(0,r.useEffect)(()=>{if(b)return;let e=e=>{e.persisted&&(p.current=!1,x())};return window.addEventListener("pageshow",e),()=>window.removeEventListener("pageshow",e)},[b,x]),(0,r.useEffect)(()=>{if(b){let e=l.yS.addEventListener("webviewFocusChanged",e=>{let{isFocused:t,uri:n}=e;t&&n===window.location.href&&x()});return()=>{e()}}},[b,x]),null}},266771:(e,t,n)=>{"use strict";n.d(t,{I:()=>l});var r=n(665162),i=n(844911);let l=(0,r.memo)((0,r.forwardRef)((e,t)=>{let{children:n,name:l,properties:s,fulfilled:a,skip:o,...d}=e,{ref:c}=(0,i.a)({name:l,properties:s,fulfilled:a,skip:o}),u=(0,r.useCallback)(e=>{c(e),"function"==typeof t&&t(e)},[t,c]);return"function"==typeof n?n(u):(0,r.cloneElement)(n,{...d,ref:u})}))},286078:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="chevronleft-regular",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M6.065 12.707a1 1 0 0 1 0-1.414l8.476-8.477a1 1 0 0 1 1.414 0l.142.141a1 1 0 0 1 0 1.414L8.47 12l7.627 7.628a1 1 0 0 1 0 1.414l-.142.142a1 1 0 0 1-1.414 0z"})})}),{iconType:"Regular"});a.displayName="ChevronLeftRegular"},293445:(e,t,n)=>{"use strict";n.d(t,{I:()=>l});var r=n(665162),i=n(226659);function l(e,t){(0,r.useEffect)(e,(0,i.f)(t))}},308748:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="arrowtriangleup-regular",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"m16.95 14.602-4.75-7c-.1-.15-.3-.15-.4 0l-4.75 7c-.1.15 0 .4.2.4h9.5c.2 0 .3-.25.2-.4"})})}),{iconType:"Regular"});a.displayName="ArrowTriangleUpRegular"},310423:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(157234),i=n(665162),l=n(598261);let s={years:0,months:0,days:0,hours:0,minutes:0,seconds:0,milliseconds:0},a=function(e,t,n,a,o,d){let c=arguments.length>6&&void 0!==arguments[6]&&arguments[6],u=(0,i.useRef)(void 0),[h,p]=(0,i.useState)(()=>c?(0,l.P)(e,t):s),[g,m]=(0,i.useState)(!1),[v,f]=(0,i.useState)(!1);(0,i.useEffect)(()=>{g&&(null==o||o())},[g,o]);let x=()=>{u.current&&clearInterval(u.current)};return(0,i.useEffect)(()=>{f(!0)},[]),(0,i.useEffect)(()=>{if(v)return 0>(0,r.A)(Date.now(),e)?(m(!1),p((0,l.P)(e,t)),d||(u.current=setInterval(()=>{(0,r.A)(Date.now(),e)>=0&&(m(!0),x()),p((0,l.P)(e,t))},"milliseconds"===a?10:1e3))):(m(!0),p(s)),()=>x()},[v,e,t,a,d]),(0,i.useEffect)(()=>{!1===n&&x()},[n]),{remainingTime:h,isFinished:g}}},310672:(e,t,n)=>{"use strict";n.d(t,{n:()=>a,w:()=>s});var r=n(954003);let i=!1,l=0,s=()=>{let e=l+=1;i=!0;let t=null;function n(){null!==t&&(clearTimeout(t),t=null)}function s(){n(),window.removeEventListener("scroll",o),e===l&&(i=!1)}let a=(0,r.s)(s,300);function o(){n(),a()}t=setTimeout(s,1e3),window.addEventListener("scroll",o,{passive:!0})},a=()=>i},312092:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var r=n(25595),i=n(899647),l=n(157234),s=n(343549),a=n(556892),o=n(907372);function d(e,t){(0,s.A)(2,arguments);var n,d=(0,r.A)(e),c=(0,r.A)(t),u=(0,l.A)(d,c),h=Math.abs((0,i.A)(d,c));if(h<1)n=0;else{1===d.getMonth()&&d.getDate()>27&&d.setDate(30),d.setMonth(d.getMonth()-u*h);var p=(0,l.A)(d,c)===-u;(function(e){(0,s.A)(1,arguments);var t=(0,r.A)(e);return(0,a.A)(t).getTime()===(0,o.A)(t).getTime()})((0,r.A)(e))&&1===h&&1===(0,l.A)(e,c)&&(p=!1),n=u*(h-Number(p))}return 0===n?0:n}},325205:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(304930),i=n(20523),l=n(301391),s=n(556275);let a=(0,l._)("Divider")((0,s.X)({props:[{name:"margin",responsive:!0,default:"none"}],variants:{none:{spacing:0},md:{spacing:16},lg:{spacing:24}}}),(0,s.X)({props:[{name:"kind",responsive:!0,keep:!0,default:"default"}],variants:{dashed:{borderColor:"outline1",size:1,borderStyle:"dashed"},thick:{borderColor:"outline2",size:12,borderStyle:"solid"},default:{borderColor:"outline1",size:1,borderStyle:"solid"}}}),(0,s.X)({props:[{name:"direction"},{name:"borderStyle",responsive:!0},{name:"borderColor",responsive:!0},{name:"size",responsive:!0},{name:"spacing",responsive:!0}],variants:e=>{let{direction:t,size:n,spacing:r,borderColor:i,borderStyle:l}=e;return"horizontal"===t?{width:"100%",height:0,borderStyle:void 0,borderColor:void 0,borderTopColor:i,borderTopStyle:l,borderTopWidth:n,my:r}:{width:0,height:"100%",borderStyle:void 0,borderColor:void 0,borderRightColor:i,borderRightStyle:l,borderRightWidth:n,mx:r}}}))(e=>{let{...t}=e;return(0,r.jsx)(i.a,{flexGrow:0,flexShrink:0,flexBasis:"auto",borderWidth:0,...t})})},328758:(e,t,n)=>{"use strict";n.d(t,{R:()=>s,c:()=>a});var r=n(954003),i=n(890926);let l=!1,s=(e,t)=>{l=!0;let n=(0,r.s)(()=>{l=!1,window.removeEventListener("scroll",n)},300);window.addEventListener("scroll",n,{passive:!0});let{offset:s,...a}=null!=t?t:{};if(void 0!==s){var o;let t=(0,i.h)(),n=e.getBoundingClientRect().top;window.scrollTo({top:t+n+s,behavior:null!=(o=a.behavior)?o:"auto"})}else e.scrollIntoView({...a})},a=()=>l}

1,328862:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="movieclapperplay-fill",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{fillRule:"evenodd",d:"M23.122 3.593 9.625 5.4H23.1v16.2H.9V5.694L.75 4.37l22.124-2.963zM9.752 9.418a.1.1 0 0 0-.151.085v8a.1.1 0 0 0 .152.085l6.5-4a.1.1 0 0 0 0-.17z",clipRule:"evenodd"})})}),{iconType:"Fill"});a.displayName="MovieClapperPlayFill"},329941:(e,t,n)=>{"use strict";n.d(t,{K:()=>a});var r=n(304930),i=n(665162),l=n(459845),s=n(598614);let a=e=>{let{cursor:t,...n}=e,a=(0,i.useMemo)(()=>(0,l.O)(t)?t:void 0===n.onClick||n.disabled?void 0:"pointer",[t,n.disabled,n.onClick]);return(0,r.jsx)(s.x,{cursor:a,...function(e){return Object.fromEntries(Object.entries(e).flatMap(t=>{let[n,r]=t;if(e.disabled&&n.startsWith("on"))return[];if(n.startsWith("on")&&"string"==typeof r)return[[n,e=>{switch(r){case"stopPropagation":e.stopPropagation();break;case"preventDefault":e.preventDefault();break;case"preventAndStopPropagation":e.stopPropagation(),e.preventDefault()}}]];return[[n,r]]}))}(n)})};a.forwardStyle=!0},358042:(e,t,n)=>{"use strict";n.d(t,{K:()=>x});var r=n(304930),i=n(773676),l=n(175253),s=n(572441),a=n(266771),o=n(213995),d=n(570341),c=n(901477),u=n(937706),h=n(20523),p=n(127334),g=n(992230),m=n(855975);let v=e=>{let{value:t,color:n,weight:i}=e;return(0,r.jsx)(d.n,{level:2,color:n,weight:i,whiteSpace:"nowrap",children:(0,r.jsx)(h.a,{as:"span",style:{fontVariantNumeric:"tabular-nums",fontFeatureSettings:"'cv13'",fontWeight:"600"},children:(0,r.jsx)(r.Fragment,{children:t})})})},f=e=>{let{color:t,weight:n}=e;return(0,r.jsx)(d.n,{level:2,color:t,weight:n,whiteSpace:"nowrap",children:(0,r.jsx)(h.a,{as:"span",color:t,fontWeight:n,style:{fontFeatureSettings:"'ss03'"},children:(0,r.jsx)(r.Fragment,{children:":"})})})},x=e=>{var t,n;let{hidden:x,texts:b,endDateTime:j,propRemainingDays:w,propRemainingTime:y,propButton:k,delay:C,duration:A,linkUrl:T,show:z,loading:S,skipAnimation:B,centerOffset:I,backgroundColor:M,eventContentId:E,skipCountdown:L=!1,isClient:_}=e;return _&&(0,r.jsxs)(h.a,{hidden:x,width:"100%",children:[!S&&z&&(0,r.jsx)(h.a,{position:"absolute",width:"100%",height:[102,102,122],mb:[-52,-52,-72],background:M,children:(0,r.jsx)(h.a,{position:"absolute",bottom:0,left:0,width:"100%",height:[50,50,70],backgroundColor:"background"})}),(0,r.jsx)(m.c,{duration:400,loading:S,children:z&&(0,r.jsx)(p.NP,{theme:{mode:"dark"},children:(0,r.jsx)(s.b,{properties:{eventContentId:E,bannerTitle:null!=(n=null==(t=b[0])?void 0:t.value)?n:"",bannerUrl:T},children:(0,r.jsx)(a.I,{name:"Global Banner Impressed",children:(0,r.jsx)(o.W,{name:"Global Banner Clicked",children:(0,r.jsx)(c.o,{width:"100%",href:T,overflow:"hidden",testId:"topBannerButton",children:(0,r.jsxs)(u.z,{height:50,alignHorizontal:"center",alignVertical:"center",gap:8,width:"100%",children:[(0,r.jsx)(i.P.div,{initial:!B&&{x:I},animate:B?{x:0}:{x:[I,-5,0]},transition:{duration:A,ease:"easeOut",delay:B?0:C,times:[0,.8,1]},children:(0,r.jsx)(u.z,{children:b.map((e,t)=>(0,r.jsxs)(d.n,{display:"inline-flex",level:2,color:e.color,weight:e.weight,lineLimit:1,children:[e.value," ",t<b.length-1?(0,r.jsx)(r.Fragment,{children:"\xa0"}):""]},"".concat(e.value,"-").concat(t)))})}),(0,r.jsx)(l.G,{date:j,maxTimeUnit:"days",initWithEnd:!0,skip:L,children:e=>{var t,n,l,s,a,o;return(0,r.jsx)(i.P.div,{initial:!B&&{opacity:0},animate:{opacity:1},transition:{duration:A,ease:"easeOut",delay:C},children:(0,r.jsxs)(u.z,{alignVertical:"center",width:e.days>9?134:e.days>0?120:84,gap:8,children:[e.days>0&&(0,r.jsx)(v,{value:"D-".concat(e.days),color:w.color,weight:null!=(t=w.weight)?t:"medium"}),(0,r.jsxs)(u.z,{children:[(0,r.jsx)(v,{value:e.hours.toString().padStart(2,"0"),color:y.color,weight:null!=(n=y.weight)?n:"medium"}),(0,r.jsx)(f,{color:y.color,weight:null!=(l=y.weight)?l:"bold"}),(0,r.jsx)(v,{value:e.minutes.toString().padStart(2,"0"),color:y.color,weight:null!=(s=y.weight)?s:"medium"}),(0,r.jsx)(f,{color:y.color,weight:null!=(a=y.weight)?a:"bold"}),(0,r.jsx)(v,{value:e.seconds.toString().padStart(2,"0"),color:y.color,weight:null!=(o=y.weight)?o:"medium"})]}),(0,r.jsx)(u.z,{flexShrink:0,children:(0,r.jsx)(g.S,{size:16,fill:k.color})})]})})}})]})})})})})})})]})}},364232:(e,t,n)=>{"use strict";n.d(t,{L:()=>i});var r=n(617849);let i=()=>{let{useGoBackHook:e}=(0,r.G)();return e()}},366369:(e,t,n)=>{"use strict";n.d(t,{J:()=>h});var r=n(971188),i=n(358042),l=n(665162),s=n(137902),a=n(684796),o=n(77965),d=n(961144),c=n(423237),u=n(456684);let h=(0,r.o)(e=>{let{hidden:t,show:n=!1,loading:r=!1,globalBanner:i}=e,{value:h,setItem:p}=(0,d.H)("event_banner_animation_played",!1),{getUrl:g}=(0,s.h)(),{mode:m}=(0,c.Rk)(),v=(0,l.useMemo)(()=>({texts:[{value:i.text,color:"onView1",weight:"semiBold"}],propRemainingDays:{color:"onView1",weight:"semiBold"},propRemainingTime:{color:"onView1",weight:"semiBold"},propButton:{color:"onView2"},endDate:i.endedAt,animationDelay:1,animationDuration:.4,linkUrl:i.link||g("/[lang]/intro"),backgroundColor:(0,u.O)(i.theme,i.keyColor,m)}),[i.text,i.endedAt,i.link,g,i.theme,i.keyColor,m]),f=(0,l.useMemo)(()=>new Date(v.endDate),[v.endDate]);(0,l.useEffect)(()=>

1{if(n&&!h){let e=setTimeout(()=>{p(!0)},(v.animationDelay+v.animationDuration)*1e3);return()=>clearTimeout(e)}},[n,h,p,v.animationDelay,v.animationDuration]);let x=(0,l.useMemo)(()=>(0,a.A)(new Date,f),[f]),b=(0,o.D)();return{hidden:t,texts:v.texts,endDateTime:f,propRemainingDays:v.propRemainingDays,propRemainingTime:v.propRemainingTime,propButton:v.propButton,delay:v.animationDelay,duration:v.animationDuration,linkUrl:v.linkUrl,show:n,loading:r,skipAnimation:h,centerOffset:x?45:60,backgroundColor:v.backgroundColor,eventContentId:i.eventContentId,isClient:b}},i.K)},371585:(e,t,n)=>{"use strict";n.d(t,{X:()=>l});var r=n(948238),i=n(9076);function l(){let{isModeSwitchEnabled:e,isLoading:t}=(0,r.Y)(),{appViewMode:n}=(0,i.a)();return{isViewModeApplied:e||void 0!==n,isLoading:t}}},395101:(e,t,n)=>{"use strict";n.d(t,{m:()=>o});var r=n(198100),i=n(686739),l=n(456392);function s(){let e=(0,i._)(["\n    query KlassSubscriptionPlanOnSubscriptionKlassCount($planToken: String!) {\n  klassSubscriptionPlan(planToken: $planToken) {\n    includesKlassCount\n    planToken\n    planName\n  }\n}\n    "]);return s=function(){return e},e}n(665162);let a=(0,l.J1)(s()),o=e=>{var t,n;let{planToken:i="pl_AS18J1KD8wOC2Y4p",skip:l}=e,{data:s,loading:o}=(0,r.u)(a,{variables:{planToken:i},skip:l,storageKey:"usePersist-includesKlassCount-".concat(i)});return{klassCount:null!=(n=null==s||null==(t=s.klassSubscriptionPlan)?void 0:t.includesKlassCount)?n:0,isLoading:o}}},401765:(e,t,n)=>{"use strict";n.d(t,{f:()=>l});var r=n(326211),i=n(948238);function l(){let{isModeSwitchEnabled:e,isLoading:t}=(0,i.Y)(),{isGlobalWebSvodEnabled:n}=(0,r.P)();return{isViewModeEnabled:e||n,isLoading:t}}},402453:(e,t,n)=>{"use strict";n.d(t,{C:()=>d,X:()=>o});var r=n(665162),i=n(338957),l=n(409602),s=n(856685),a=n(274560);let o="course_home_mode",d=()=>{let{setItem:e,...t}=(0,a.M)(o),n=(0,r.useCallback)(t=>{e(t),i.m2.send({messageType:l.sE.SetLocalStorageValue,type:s.p.WebToApp,properties:{key:o,value:t}})},[e]);return{...t,setItem:n}}},419941:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="heart-thin",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M2.518 13.054A6.7 6.7 0 0 1 .65 8.244a6.7 6.7 0 0 1 2.067-4.728A6.7 6.7 0 0 1 7.376 1.65c1.749 0 3.286.614 4.523 1.73l.1.09.1-.09a6.74 6.74 0 0 1 4.524-1.73c1.68 0 3.404.662 4.657 1.866a6.7 6.7 0 0 1 2.067 4.728 6.7 6.7 0 0 1-1.867 4.81L12 22.785zM7.376 3.35a5 5 0 0 0-3.482 1.392 5.054 5.054 0 0 0-.149 7.136l8.147 8.36.107.11.108-.11 8.157-8.37c1.92-2.003 1.848-5.2-.16-7.126a5 5 0 0 0-3.481-1.392 4.95 4.95 0 0 0-3.385 1.292L12 5.76l-1.24-1.118A5.04 5.04 0 0 0 7.376 3.35"})})}),{iconType:"Thin"});a.displayName="HeartThin"},421984:(e,t,n)=>{"use strict";function r(e,t){let n=Math.max(...Object.values(e).map(e=>Array.isArray(e)?e.length:1)),r=Object.fromEntries(Object.entries(e).map(e=>{let[t,r]=e;return[t,((e,t)=>{let n=Array.isArray(e)?e:[e],r=n[n.length-1];return Array.from({length:t}).map((e,t)=>{var i;return null!=(i=n[t])?i:r})})(r,n)]}));return Array.from({length:n}).map((e,n)=>t(Object.fromEntries(Object.entries(r).map(e=>{let[t,r]=e;return[t,r[n]]})))).reduce((e,t)=>({...e,...Object.fromEntries(Object.entries(t).map(t=>{var n;let[r,i]=t;return[r,[...null!=(n=e[r])?n:[],i]]}))}),{})}n.d(t,{P:()=>r})}

1,426999:(e,t,n)=>{"use strict";n.d(t,{_:()=>a});var r=n(304930),i=n(20523),l=n(204243),s=n(423237);let a=(0,n(301391)._)("Image")()(e=>{var t;let{innerRef:n,src:a,alt:o,loading:d,fetchPriority:c,draggable:u=!1,testId:h="image",sizes:p,borderColor:g,borderWidth:m,borderStyle:v,...f}=e,{dependencies:{image:x}}=(0,l.U)(),{theme:b}=(0,s.Am)(),j=Array.isArray(g)?g.map(e=>{var t;return e&&null!=(t=b.colors[e])?t:e}):g?null!=(t=b.colors[g])?t:g:void 0,w=Array.isArray(j)?j.some(e=>null!=e):null!=j,y=w?null!=m?m:1:m,k=w?null!=v?v:"solid":v,C={...void 0!==j&&{borderColor:j},...void 0!==y&&{borderWidth:y},...void 0!==k&&{borderStyle:k}},A=Array.isArray(a)?a.length:1,T=(Array.isArray(a)?a:[a]).map((e,t)=>{let n=Array(A).fill("none");return n[t]="flex",{src:"string"==typeof e?e:"",display:n}}),z=c?{fetchpriority:c}:void 0;return x?(0,r.jsx)(r.Fragment,{children:T.map((e,t)=>{let{src:i,display:l}=e;return(0,r.jsx)(x,{"data-testid":h,ref:n,loading:d,alt:o,src:i,display:l,sizes:p,draggable:u,...c?{fetchPriority:c}:{},...f,...C},"".concat(i,"_").concat(t))})}):(0,r.jsx)(r.Fragment,{children:T.map((e,t)=>{let{src:l,display:s}=e;return(0,r.jsx)(i.a,{as:"img","data-testid":h,ref:n,loading:d,alt:o,src:l,display:s,draggable:u,...null!=z?z:{},...f,...C},"".concat(l,"_").concat(t))})})})},429340:(e,t,n)=>{"use strict";n.d(t,{a5:()=>d});var r=n(665162),i=n(780412),l=n(177560);let s=/\/business(\/|$)/,a="context",o="business",d=()=>{let{pathname:e}=(0,i.z)(),{queryParams:t}=(0,l.s)(),n=s.test(e)||t[a]===o,d=(0,r.useMemo)(()=>n?{[a]:o}:void 0,[n]);return{isBusinessContext:n,businessLinkQuery:d}}},448849:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lang]/courses/[courseId]",function(){return n(134421)}])},453583:(e,t,n)=>{"use strict";n.d(t,{S:()=>s});var r=n(304930),i=n(665162),l=n(414283);let s=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",testId:i="playcircle-fill",...s}=e;return(0,r.jsx)(l.B,{viewBox:"0 0 24 24",width:t,height:t,fill:n,"data-testid":i,...s,children:(0,r.jsx)(l.B.Path,{fillRule:"evenodd",d:"M12 .9c2.965 0 5.752 1.155 7.849 3.251A11.03 11.03 0 0 1 23.099 12c0 2.965-1.154 5.752-3.25 7.849A11.02 11.02 0 0 1 12 23.099a11.03 11.03 0 0 1-7.849-3.25A11.03 11.03 0 0 1 .9 12c0-2.965 1.156-5.752 3.252-7.849A11.03 11.03 0 0 1 12 .9M9.753 7.914A.1.1 0 0 0 9.6 8v8a.1.1 0 0 0 .152.085l6.5-4a.1.1 0 0 0 0-.17z",clipRule:"evenodd"})})}),{iconType:"Fill"});s.displayName="PlayCircleFill"},456684:(e,t,n)=>{"use strict";n.d(t,{O:()=>a,w:()=>s});var r=n(206259),i=n(507669);let l={light:{red:{soft:i.B.red["80"],vibrant:i.B.red["50"]},orange:{soft:i.B.orange["80"],vibrant:i.B.orange["60"]},yellow:{soft:i.B.yellow["85"],vibrant:i.B.yellow["75"]},green:{soft:i.B.green["90"],vibrant:i.B.green["60"]},blue:{soft:i.B.blue["80"],vibrant:i.B.blue["50"]},violet:{soft:i.B.violet["80"],vibrant:i.B.violet["50"]},magenta:{soft:i.B.magenta["80"],vibrant:i.B.magenta["55"]}},dark:{red:{soft:i.B.red["30"],vibrant:i.B.red["55"]},orange:{soft:i.B.orange["30"],vibrant:i.B.orange["60"]},yellow:{soft:i.B.yellow["30"],vibrant:i.B.yellow["75"]},green:{soft:i.B.green["35"],vibrant:i.B.green["65"]},blue:{soft:i.B.blue["25"],vibrant:i.B.blue["50"]},violet:{soft:i.B.violet["25"],vibrant:i.B.violet["55"]},magenta:{soft:i.B.magenta["30"],vibrant:i.B.magenta["55"]}}},s=e=>Object.prototype.hasOwnProperty.call(l.light,e),a=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark",a=s(t)?t:"green",{soft:o,vibrant:d}=l[n][a];switch(e){case r.T_J.SOLID:return d;case r.T_J.VIBRANT:return"radial-gradient(110% 64% at 50% 64%, ".concat(o," 0%, ").concat(d," 100%)");case r.T_J.DARK:default:return"radial-gradient(110% 85% at 50% 85%, ".concat(d," 0%, ").concat(i.B.globalBlack," 100%)")}}},462012:(e,t,n)=>{"use strict";n.d(t,{E:()=>S});var r=n(304930),i=n(596732),l=n(624995),s=n(273639),a=n(423237),o=n(20523),d=n(301391);let c=(0,d._)("Skeleton")(),u=667/Math.sin(100*Math.PI/180),h=(0,i.sf)("from { transform: translate3d(0, 0, 0); } to { transform: translate3d(".concat(u,"px, 0, 0); }")),p=e=>{let{baseColor:t,peakColor:n}=e,s=(0,i.jH)({position:"absolute",top:0,bottom:0,left:-u,right:0,pointerEvents:"none",backgroundImage:"repeating-linear-gradient(".concat(100,"deg, ").concat(t," 0px, ").concat(t," ").concat(198.5,"px, ").concat(n," ").concat(333.5,"px, ").concat(t," ").concat(468.5,"px, ").concat(t," ").concat(667,"px)"),animation:"".concat(h.className," ").concat(2e3,"ms linear infinite")});return(0,l.Yq)(h),(0,l.Yq)(s),(0,l.a0)(h,(0,l.a0)(s,(0,r.jsx)("div",{className:null==s?void 0:s.className})))},g=e=>{let{children:t,...n}=e,i=(0,s.T)(),{theme:{colors:l}}=(0,a.Am)();return(0,r.jsxs)(o.a,{backgroundColor:i?"overlay":"transparent",overflow:"hidden","aria-hidden":!0,...n,children:[t,i?null:(0,r.jsx)(p,{baseColor:l.overlay,peakColor:l.skeletonHighlight})]})};var m=n(556275);let v=(0,d._)("SkeletonAvatar")((0,m.X)({props:[{name:"size",responsive:!0}],variants:e=>{let{size:t}=e;return"number"==typeof t?{size:t}:"xs"===t?{size:16}:"sm"===t?{size:24}:"md"===t?{size:30}:{size:44}}}

1))(e=>{let{size:t}=e;return(0,r.jsx)(g,{rounded:"full",width:t,height:t})});var f=n(624291),x=n(58995),b=n(575053);let j=(0,d._)("SkeletonButton")((0,m.X)({props:[{name:"size",responsive:!0},{name:"width",responsive:!0}],variants:e=>{let{size:t,width:n}=e,{py:r,typography:i,rounded:l}=b.w1[t];switch(t){case"sm":return{py:r,typography:i,rounded:l,width:null!=n?n:62};case"md":return{py:r,typography:i,rounded:l,width:null!=n?n:72};case"lg":return{py:r,typography:i,rounded:l,width:null!=n?n:76};default:return{py:r,typography:i,rounded:l,width:null!=n?n:86}}}}))(e=>{let{typography:t,py:n,width:i,rounded:l}=e,{theme:{typography:s}}=(0,a.Am)();return(0,r.jsx)(g,{rounded:l,py:n,width:i,children:(0,r.jsx)(o.a,{height:(0,f.i)(t,e=>(0,x.m)(s[e].lineHeight))})})}),w=(0,d._)("SkeletonChip")((0,m.X)({props:[{name:"size",responsive:!0},{name:"width",responsive:!0}],variants:e=>{let{size:t,width:n}=e;return"sm"===t?{height:30,width:null!=n?n:48}:{height:38,width:null!=n?n:60}}}))(e=>{let{width:t="100%",height:n}=e;return(0,r.jsx)(g,{rounded:"full",width:t,height:n})}),y=(0,d._)("SkeletonField")((0,m.X)({props:[{name:"size",responsive:!0}],variants:{md:{height:38},lg:{height:50}}}))(e=>{let{width:t="100%",height:n}=e;return(0,r.jsx)(g,{rounded:"md",width:t,height:n})});var k=n(715404);let C=(0,d._)("SkeletonImage")()(e=>{let{width:t="100%",ratio:n,maxWidth:i,rounded:l="sm",...s}=e;return(0,r.jsx)(k.w,{width:t,ratio:n,maxWidth:i,children:(0,r.jsx)(g,{width:"100%",height:"100%",rounded:l,...s})})});var A=n(421984),T=n(956598);let z=(0,d._)("SkeletonText")()(e=>{let{lines:t=1,typography:n,maxWidth:i}=e,{theme:{typography:l}}=(0,a.Am)(),{fontSize:s,lineHeight:o}=(0,A.P)({typography:n},e=>({fontSize:(0,x.m)(l[e.typography].fontSize),lineHeight:(0,x.m)(l[e.typography].lineHeight)}));return(0,r.jsx)(T.T,{width:"100%",maxWidth:i,children:Array.from({length:t},(e,n)=>(0,r.jsx)(T.T,{width:n===t-1&&1!==t?"40%":"100%",height:o,alignVertical:"center",children:(0,r.jsx)(g,{height:s,rounded:"sm"})},n))})}),S=c(e=>(0,r.jsx)(g,{...e}));S.Image=C,S.Button=j,S.Field=y,S.Avatar=v,S.Text=z,S.Chip=w},463713:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(671813),i=n(194704),l=n(343549),s=n(821723);function a(e,t,n){(0,l.A)(2,arguments);var a=(0,i.A)(e,t)/r.Cg;return(0,s.u)(null==n?void 0:n.roundingMethod)(a)}},482465:(e,t,n)=>{"use strict";n.d(t,{G:()=>a});var r=n(461392),i=n(253017),l=n(204793),s=n(586382);let a=()=>{let{isDesktop:e}=(0,s.e)(),t=(0,l.U)("(min-width: ".concat(r.$.breakpoints[1],"px)"),e);return i.S?e:t}},513626:(e,t,n)=>{"use strict";n.d(t,{l:()=>j});var r=n(304930),i=n(266771),l=n(869950),s=n(971188),a=n(133189),o=n(956598),d=n(937706),c=n(462012),u=n(570341),h=n(94899),p=n(297346),g=n(20523);let m=['수강한 코스는 "내 클래스 > 코스" 탭에서 이어볼 수 있어요.',"코스 홈은 가장 마지막에 수강한 코스로 자동 변경돼요."];var v=n(665162),f=n(395101),x=n(72731),b=n(75524);let j=(0,s.o)(e=>{let{isOpen:t,onClose:n}=e,{trackEvent:r}=(0,x.j)(),{localizeText:i,localizeNumber:l}=(0,b.B)(),{klassCount:s,isLoading:a}=(0,f.m)({skip:!1});return{isOpen:t,handleClose:(0,v.useCallback)(e=>{null==e||e(),n()},[n]),courseDescriptions:[{title:i({defaultMessage:"주제별 인기 강의를 모아",id:"zJQwvdBKa6bH"}),description:i({defaultMessage:"가장 인기 있는 BEST 강의의 핵심만 모았어요.",id:"ou75H3Kdv9aI"})},{title:i({defaultMessage:"고민 없이 따라갈 수 있게",id:"mCRPbGMkkVYx"}),description:i({defaultMessage:"순서대로 따라가면 핵심 개념을 익힐 수 있어요.",id:"7CWZGaYqgTl9"})},{title:i({defaultMessage:"클래스101이 엄선한 핵심 코스",id:"2A8VEAa1xz3a"}),description:i({defaultMessage:"{klassCount}개 강의 중 중요한 부분만 압축했어요.",id:"ntURUWHexi7b"},{klassCount:l(s)})}],klassCount:s,isLoading:a,trackEvent:r}},e=>{let{trackEvent:t,isOpen:n,handleClose:s,courseDescriptions:v,isLoading:f}=e;return(0,r.jsx)(a.Yb,{open:n,onClose:()=>s(()=>{t({name:"Course Info Close Button Clicked"})}),title:(0,r.jsx)(l.V,{defaultMessage:"코스란?",id:"Course.Info.Modal.Title"}),showCloseButton:!0,subtitle:(0,r.jsx)(l.V,{defaultMessage:"여러 크리에이터들의 인기 강의를 주제별로 선별하고, 꼭 필요한 세부 강의만 골라 하나의 코스로 만들었어요.",id:"ZiMTmKCBP3ok"}),renderContents:()=>(0,r.jsx)(i.I,{name:"Course Info Modal Impressed",children:(0,r.jsxs)(o.T,{gap:40,width:"100%",children:[(0,r.jsx)(o.T,{gap:20,px:[20,32],width:"100%",children:v.map((e,t)=>

1f&&2===t?(0,r.jsxs)(d.z,{alignVertical:"start",gap:16,width:"100%",children:[(0,r.jsx)(c.E.Image,{ratio:1,width:24,rounded:"sm"}),(0,r.jsx)(c.E.Text,{typography:"body1",lines:2,maxWidth:"100%"})]},e.title):(0,r.jsxs)(d.z,{alignVertical:"start",gap:16,width:"100%",children:[(0,r.jsx)(g.a,{backgroundColor:"surface1",borderRadius:4,width:24,height:24,minWidth:24,minHeight:24,alignItems:"center",justifyContent:"center",children:(0,r.jsx)(u.n,{level:2,weight:"semiBold",color:"onView2",children:t+1})}),(0,r.jsxs)(o.T,{gap:4,flexGrow:1,children:[(0,r.jsx)(u.n,{level:1,weight:"semiBold",color:"onView1",children:e.title}),(0,r.jsx)(u.n,{level:2,weight:"regular",color:"onView2",children:e.description})]})]},e.title))}),(0,r.jsx)(h.t,{backgroundColor:"surface1",width:"100%",children:(0,r.jsxs)(o.T,{gap:12,px:[20,32],pt:[20,32],pb:24,width:"100%",children:[(0,r.jsx)(p.h,{level:6,weight:"bold",color:"onView2",children:(0,r.jsx)(l.V,{defaultMessage:"코스 사용 안내",id:"7KJA6z6N3o6V"})}),(0,r.jsx)(o.T,{gap:4,width:"100%",children:m.map(e=>(0,r.jsxs)(d.z,{alignVertical:"start",gap:12,width:"100%",children:[(0,r.jsx)(g.a,{width:4,height:4,minWidth:4,minHeight:4,mt:8,backgroundColor:"onView3",borderRadius:2}),(0,r.jsx)(u.n,{level:2,weight:"regular",color:"onView2",flexGrow:1,children:e})]},e))})]})})]})}),primaryButtonOptions:{text:(0,r.jsx)(l.V,{defaultMessage:"확인",id:"q2DcHj0lRoOP"}),onClick:()=>s(()=>{t({name:"Course Info Confirm Button Clicked"})})}})})},540302:(e,t,n)=>{"use strict";n.d(t,{v:()=>c});var r=n(304930),i=n(734232),l=n(213995),s=n(971188),a=n(780427),o=n(796186),d=n(882457);let c=(0,s.o)(e=>{let{menu:t,children:n}=e,{descriptionList:r,to:i,target:l,onClick:s,trackEventName:a}=t,{toggleState:o}=(0,d.B)(!1);return{children:n,descriptionList:r,to:i,target:l,onClick:s,toggleMoreInfo:o,trackEventName:a}},e=>{let{children:t,to:n,target:s,onClick:d,descriptionList:c,toggleMoreInfo:u,trackEventName:h}=e;return((0,a.z)(c)&&u(),n)?h?(0,r.jsx)(l.W,{name:h,children:(0,r.jsx)(i.a,{to:n,target:s,children:t})}):(0,r.jsx)(i.a,{to:n,target:s,children:t}):(0,r.jsx)(o.a,{size:"sm",color:"onView2",onClick:d,children:t})})},556892:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(25595),i=n(343549);function l(e){(0,i.A)(1,arguments);var t=(0,r.A)(e);return t.setHours(23,59,59,999),t}},567833:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(25595),i=n(343549);function l(e,t){(0,i.A)(2,arguments);var n=(0,r.A)(e),l=(0,r.A)(t);return n.getTime()<l.getTime()}},577810:(e,t,n)=>{"use strict";n.d(t,{V:()=>g});var r=n(304930),i=n(665162),l=n(242503),s=n(423237),a=n(20523),o=n(30003),d=n(570341),c=n(937706),u=n(297346),h=n(301391),p=n(556275);let g=(0,h._)("TopBar")((0,p.X)({props:[{name:"kind",default:"default"}],variants:{emphasis:{titleKind:"title",titleLevel:[3,3,4],titleWeight:"bold",titleCentered:!1},default:{titleKind:["body","body","title"],titleLevel:[1,1,4],titleWeight:["semiBold","semiBold","bold"],titleCentered:[!0,!0,!1]}}}))(e=>{let{as:t,backgroundColor:n="background",title:h,titleAs:p="h1",titleKind:g,titleLevel:m,titleWeight:v,titleCentered:f,testId:x="top-bar",renderLeft:b,renderRight:j,rightSpacing:w=16,renderCenter:y,zIndex:k}=e,{getResponsiveValue:C}=(0,l.tv)(),A=C(g),T=C(m),z=C(v),S=C(f),[B,I]=(0,i.useState)(void 0),[M,E]=(0,i.useState)(void 0),L=B||M?Math.max(null!=B?B:0,null!=M?M:0):"auto",{theme:{contentArea:_}}=(0,s.Am)(),V=S&&(b||j)&&!(0,o.O)(B)&&!(0,o.O)(M)?"hidden":"visible";return(0,r.jsx)(a.a,{as:t,"data-testid":x,width:"100%",height:[56,56,72],px:_.padding,backgroundColor:n,justifyContent:"center",zIndex:k,children:(0,r.jsxs)(c.z,{mx:"auto",width:"100%",maxWidth:_.maxWidth,spacing:16,children:[(S||b)&&(0,r.jsx)(a.a,{"data-testid":"top-bar-left-area",flexShrink:0,minWidth:S?L:void 0,alignItems:"flex-start",children:(0,r.jsx)(c.z,{onLayout:e=>{let{width:t}=e;return I(t)},height:"100%",spacing:16,alignVertical:"center",children:null==b?void 0:b()})}),y?(0,r.jsx)(a.a,{"data-testid":"top-bar-center-area",width:"100%",flex:1,flexShrink:0,justifyContent:"center",alignItems:"center",visibility:V,children:y()}):(0,i.isValidElement)(h)?(0,r.jsx)(a.a,{"data-testid":"top-bar-element-title",width:"100%",flex:1,flexShrink:0,justifyContent:"center",visibility:V,children:h}):"body"===A?(0,r.jsx)(d.n,{"data-testid":"top-bar-text-title",as:"h1"===p?"p":p,level:T,weight:z,flex:1,alignSelf:"center",textAlign:S?"center":"left",lineLimit:1,visibility:V,children:h}):(0,r.jsx)(u.h,{"data-testid":"top-bar-text-title",as:p,level:T,weight:z,flex:1,alignSelf:"center",textAlign:S?"center":"left",lineLimit:1,visibility:V,children:h}),(S||j)&&(0,r.jsx)(a.a,{"data-testid":"top-bar-right-area",flexShrink:0,minWidth:S?L:void 0,alignItems:"flex-end",children:(0,r.jsx)(c.z,{onLayout:e=>{let{width:t}=e;return E(t)},height:"100%",spacing:w,alignVertical:"center",children:null==j?void 0:j()})})]})})})},582771:(e,t,n)=>{"use strict";n.d(t,{$:()=>l});var r=n(304930),i=n(20523);let l=(0,n(301391)._)("Space")()(e=>(0,r.jsx)(i.a,{flexShrink:0,...e}))},591432:(e,t,n)=>{"use strict";n.d(t,{E:()=>a});var r=n(304930),i=n(665162),l=n(183767),s=n(218712);let a=(0,i.forwardRef)((e,t)=>{let{page:n,params:i,query:a,fragment:o,appName:d,onMove:c,testId:u,...h}=e,{LinkComponent:p}=(0,l.k)();return(0,r.jsx)(s.q,{page:n,params:i,query:a,appName:d,fragment:o,children:e=>{let{url:n}=e;return(0,r.jsx)(p,{to:n,ref:t,onClick:c,testId:u,...h})}})})},598261:(e,t,n)=>{"use strict";n.d(t,{P:()=>h});var r=n(652974),i=n(312092),l=n(947805),s=n(57243),a=n(463713),o=n(957073),d=n(194704),c=n(157234),u=n(128977);function h(e,t){let n={years:0,months:0,days:0,hours:0,minutes:0,seconds:0,milliseconds:0},h=Date.now(),p=Math.abs((0,r.A)(h,e)),g=Math.abs((0,i.A)(h,e)),m=Math.abs((0,l.A)(h,e)),v=Math.abs((0,s.A)(h,e)),f=Math.abs((0,a.A)(h,e)),x=Math.abs((0,o.A)(h,e)),b=Math.abs((0,d.A)(h,e)),j=(0,c.A)(h,e),w=(0,u.A)(h,{years:j*p}),y=Math.abs((0,i.A)(w,e)),k=(0,u.A)(w,{months:j*y}),C=Math.abs((0,l.A)(k,e)),A=(0,u.A)(k,{days:j*C}),T=Math.abs((0,s.A)(A,e)),z=(0,u.A)(A,{hours:j*T}),S=Math.abs((0,a.A)(z,e)),B=(0,u.A)(z,{minutes:j*S}),I=Math.abs((0,o.A)(B,e)),M=(0,u.A)(B,{seconds:j*I}),E=Math.abs((0,d.A)(M,e));return"milliseconds"===t?{...n,milliseconds:b}:"seconds"===t?{...n,milliseconds:E,seconds:x}:"minutes"===t?{...n,milliseconds:E,seconds:I,minutes:f}:"hours"===t?{...n,milliseconds:E,seconds:I,minutes:S,hours:v}:"days"===t?{...n,milliseconds:E,seconds:I,minutes:S,hours:T,days:m}:"months"===t?{...n,milliseconds:E,seconds:I,minutes:S,hours:T,days:C,months:g}:{milliseconds:E,seconds:I,minutes:S,hours:T,days:C,months:y,years:p}}}

1,598614:(e,t,n)=>{"use strict";n.d(t,{x:()=>d});var r=n(304930),i=n(665162),l=n(672512),s=n(617068),a=n(212819);let o=(0,l.A)(e=>{var t;let{children:n,className:r,...l}=e;return(0,i.cloneElement)(n,{...l,className:[null!=(t=n.props.className)?t:"",null!=r?r:""].join(" ").trim()})},{shouldForwardProp:s.Ay})(a.xf),d=(0,i.memo)((0,i.forwardRef)((e,t)=>{let{children:n,...l}=e;return(0,i.useCallback)(e=>(0,i.isValidElement)(e)&&!0===e.type.forwardStyle,[]),(0,r.jsx)(o,{...l,ref:t,children:n})}))},628007:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="bookmark-thin",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{fillRule:"evenodd",d:"M4.5 21.75c0 .087.033.156.09.2q.063.049.16.05c.05 0 .1 0 .1-.05L12 18l7.15 3.95c.05 0 .1.05.1.05.15 0 .25-.1.25-.25V2.25c0-.15-.1-.25-.25-.25H4.75c-.15 0-.25.1-.25.25zm13.4-2.318V3.6H6.1v15.832l5.9-3.26z",clipRule:"evenodd"})})}),{iconType:"Thin"});a.displayName="BookmarkThin"},647589:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="calendar-thin",...o}=e;return(0,r.jsxs)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:[(0,r.jsx)(l.B.Path,{d:"M17.25 13.5h-3.5c-.15 0-.25.1-.25.25v3.5c0 .15.1.25.25.25h3.5c.15 0 .25-.1.25-.25v-3.5c0-.15-.1-.25-.25-.25"}),(0,r.jsx)(l.B.Path,{d:"M21.75 4h-4.6V2.25C17.1 2.1 17 2 16.9 2h-1.25c-.15 0-.25.1-.25.25V4H8.6V2.25c0-.15-.1-.25-.2-.25H7.15c-.15 0-.25.1-.25.25V4H2.25C2.1 4 2 4.1 2 4.25v17.5c0 .15.1.25.25.25h19.5c.15 0 .25-.1.25-.25V4.25c0-.15-.1-.25-.25-.25m-1.5 16.25H3.75V5.75h3.1V7.5c0 .15.1.25.25.25h1.25c.15 0 .25-.1.25-.25V5.75h6.75V7.5c0 .15.1.25.25.25h1.25c.15 0 .25-.1.25-.25V5.75h3.1v14.5z"})]})}),{iconType:"Thin"});a.displayName="CalendarThin"},652974:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var r=n(25595),i=n(343549),l=n(157234);function s(e,t){(0,i.A)(2,arguments);var n=(0,r.A)(e),s=(0,r.A)(t),a=(0,l.A)(n,s),o=Math.abs(function(e,t){(0,i.A)(2,arguments);var n=(0,r.A)(e),l=(0,r.A)(t);return n.getFullYear()-l.getFullYear()}(n,s));n.setFullYear(1584),s.setFullYear(1584);var d=(0,l.A)(n,s)===-a,c=a*(o-Number(d));return 0===c?0:c}},664551:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="check-fill",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M1.565 10.621a1 1 0 0 1 0-1.414l.142-.142a1 1 0 0 1 1.414 0L10 15.944 20.879 5.065a1 1 0 0 1 1.414 0l.141.142a1 1 0 0 1 0 1.414L10.707 18.348a1 1 0 0 1-1.414 0z"})})}),{iconType:"Fill"});a.displayName="CheckFill"},671813:(e,t,n)=>{"use strict";n.d(t,{Cg:()=>r,_m:()=>l,s0:()=>i});var r=6e4,i=36e5,l=1e3}

1,681962:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="person-thin",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{fillRule:"evenodd",d:"M12 14.1c-4.063 0-7.4 3.4-7.4 7.65H2.9c0-5.14 4.05-9.35 9.1-9.35s9.1 4.21 9.1 9.35h-1.7c0-4.25-3.337-7.65-7.4-7.65m0-11.25a3.4 3.4 0 1 0 0 6.8 3.4 3.4 0 0 0 0-6.8m-5.1 3.4a5.1 5.1 0 1 1 10.2 0 5.1 5.1 0 0 1-10.2 0",clipRule:"evenodd"})})}),{iconType:"Thin"});a.displayName="PersonThin"},684796:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(141231),i=n(343549);function l(e,t){(0,i.A)(2,arguments);var n=(0,r.A)(e),l=(0,r.A)(t);return n.getTime()===l.getTime()}},715404:(e,t,n)=>{"use strict";n.d(t,{w:()=>a});var r=n(304930),i=n(20523),l=n(301391),s=n(556275);let a=(0,l._)("Ratio")((0,s.X)({props:[{name:"ratio",responsive:!0}],variants:e=>{let{ratio:t}=e;return{aspectRatio:t,paddingBottom:"".concat(1/t*100,"%")}}}))(e=>{let{innerRef:t,aspectRatio:n,children:l,paddingBottom:s,width:a="100%",testId:o="ratio",...d}=e;return(0,r.jsx)(i.a,{ref:t,width:a,"data-testid":o,...d,children:(0,r.jsx)(i.a,{position:"relative",width:"100%",height:0,pb:s,children:(0,r.jsx)(i.a,{position:"absolute",top:0,left:0,bottom:0,right:0,children:l})})})})},718182:(e,t,n)=>{"use strict";n.d(t,{e:()=>u});var r=n(304930),i=n(665162),l=n(426999);let s=(0,i.createContext)(void 0);var a=n(174846),o=n(301391),d=n(556275);let c=(0,o._)("Avatar")((0,d.X)({props:[{name:"size",responsive:!0}],variants:e=>{let{size:t}=e;return"number"==typeof t?{size:t,borderRadius:t/2}:"xs"===t?{size:16,borderRadius:8}:"sm"===t?{size:24,borderRadius:12}:"md"===t?{size:30,borderRadius:15}:{size:44,borderRadius:22}}}))(e=>{let{testId:t,src:n,alt:s,size:o,borderRadius:d,placeholder:c,innerRef:u}=e,{avatar:h}=(0,a.h)(),p=(0,i.useMemo)(()=>c||(null==h?void 0:h.placeholder)||"",[h,c]),[g,m]=(0,i.useState)(n||p);return(0,i.useEffect)(()=>{m(n||p)},[p,n]),(0,r.jsx)(l._,{ref:u,testId:t,src:g,alt:s,width:o,height:o,borderRadius:d,onError:()=>{m(p)},loading:"eager",sizes:o})}),u=(0,i.memo)(e=>{let{size:t,ref:n,...l}=e,a=(0,i.useContext)(s);return(0,r.jsx)(c,{...l,size:null!=a?a:t,ref:n})});u.displayName="Avatar"},763208:(e,t,n)=>{"use strict";n.d(t,{o:()=>a});var r=n(805242),i=n(76304),l=n(429340),s=n(159478);let a=()=>{let{segments:e}=(0,i.w)(),{isBusinessContext:t}=(0,l.a5)(),{cookie:n}=(0,s.G)("hasSubscribed"),{cookie:a}=(0,s.G)("hasPlusTicket"),{cookie:o}=(0,s.G)("hasSubscribedShorts"),{value:d}=(0,r.Z)("business_home_renewal",!0),c=e.includes("business"),u=c||t||d&&"true"===n&&"false"===a&&"false"===o;return{isBusinessRoute:c,isBusinessLink:u,productDetailPagePath:u?"/[lang]/business/products/[productId]":"/[lang]/products/[productId]",categoryPagePath:u?"/[lang]/business/categories/[categoryId]":"/[lang]/categories/[categoryId]",homePagePath:u?"/[lang]/business/home":"/[lang]",myClassPagePath:u?"/[lang]/business/my-classe

1s":"/[lang]/my-classes"}}},772330:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="crown-thin",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"m12 5.85 3.65 6.6c.05.1.2.15.35.1l4.85-2.75-1.45 9.95H4.65L3.15 9.8 8 12.55c.1.05.25 0 .35-.1zm0-3.35c-.1 0-.2.05-.25.15l-4.2 7.6L1.4 6.8c-.05-.05-.1-.05-.15-.05-.15 0-.3.15-.25.3l2.1 14.2c0 .15.15.2.25.2h17.3c.15 0 .25-.1.25-.2L23 7.05c.05-.15-.1-.3-.25-.3-.05 0-.1 0-.15.05l-6.15 3.45-4.2-7.6A.28.28 0 0 0 12 2.5"})})}),{iconType:"Thin"});a.displayName="CrownThin"},811257:(e,t,n)=>{"use strict";n.d(t,{W:()=>i});var r=n(665162);let i=(e,t)=>{let[n,i]=(0,r.useState)(e),{ref:l}=((e,t)=>{let n=(0,r.useRef)(void 0),i=(0,r.useCallback)(t=>{let[n]=t;e(n)},[e]),l=(0,r.useCallback)(e=>{e&&e instanceof Element&&(n.current=new IntersectionObserver(i,t),n.current.observe(e))},[i,t]),s=(0,r.useCallback)(()=>{var e;null==(e=n.current)||e.disconnect(),n.current=void 0},[]),a=(0,r.useCallback)(e=>{s(),l(e)},[l,s]);return(0,r.useEffect)(()=>s,[s]),{ref:a}})((0,r.useCallback)(e=>{(0,r.startTransition)(()=>i(e.isIntersecting))},[]),t);return{ref:l,isInView:n}}},844911:(e,t,n)=>{"use strict";n.d(t,{a:()=>h});var r=n(665162),i=n(340586),l=n(279332),s=n(121683),a=n(811257),o=n(875669),d=n(861395),c=n(77609);let u={threshold:.1};function h(e){let{name:t,properties:n,fulfilled:h=!0,skip:p=!1}=e,{trackEvent:g}=(0,c.$)(),{eventPropertiesRef:m,fulfilled:v}=(0,o.T)(),{ref:f,isInView:x}=(0,a.W)(!1,u),b=(0,r.useRef)(void 0),j=(0,r.useRef)(!1),w=(0,r.useCallback)(()=>{b.current&&clearTimeout(b.current),!p&&x&&!j.current&&h&&v&&(b.current=setTimeout(()=>{g(t,(0,d.g)({...m.current,...(0,i.D)(n)})),j.current=!0},1e3))},[v,h,x,p]);return(0,r.useEffect)(()=>{w()},[w]),(0,s.F)("visible",(0,r.useCallback)(()=>{l.f&&w()},[w])),(0,s.F)("invisible",(0,r.useCallback)(()=>{l.f&&(j.current=!1)},[])),{ref:f}}},855975:(e,t,n)=>{"use strict";n.d(t,{c:()=>a});var r=n(304930),i=n(773676),l=n(665162),s=n(20523);let a=(0,n(301391)._)("SlideInLoader")()(e=>{let{loading:t,skeleton:n,children:a,direction:o="vertical",duration:d=400,offset:c=8}=e,u=(0,l.useRef)(null),h=(0,l.useRef)(null),p=(0,l.useRef)(0),g=(0,l.useRef)(t),[m,v]=(0,l.useState)("auto"),[f,x]=(0,l.useState)(!1),[,b]=(0,l.useTransition)(),j="vertical"===o,w=j?"scrollHeight":"scrollWidth",y=j?"y":"x";return(0,l.useEffect)(()=>{if(g.current&&!t){x(!0);let e=setTimeout(()=>{x(!1)},d);return g.current=t,()=>clearTimeout(e)}g.current=t},[t,d]),(0,l.useLayoutEffect)(()=>{if(t){let e;m!==(e=p.current>0?p.current:u.current&&n?u.current[w]:0)&&b(()=>{v(e)})}else if(h.current){let e=h.current[w];p.current=e,m!==e&&b(()=>{v(e)})}},[t,a,n,m,w]),(0,r.jsx)(i.P.div,{animate:{[j?"height":"width"]:m},transition:{duration:d/1e3,ease:[.22,1,.36,1]},children:t?(0,r.jsx)(s.a,{ref:u,children:n}):f?(0,r.jsx)(i.P.div,{ref:h,initial:{opacity:0,[y]:-c},animate:{opacity:1,[y]:0},transition:{duration:d/1e3,ease:[.22,1,.36,1]},children:a}):(0,r.jsx)(s.a,{as:"div",ref:h,children:a})})})},882051:(e,t,n)=>{"use strict";n.d(t,{t:()=>M});var r=n(304930),i=n(591432),l=n(253433),s=n(869950),a=n(971188),o=n(40365),d=n(937706),c=n(901222),u=n(577810),h=n(901477),p=n(570341),g=n(20523),m=n(286078),v=n(21587),f=n(830653),x=n(665162),b=n(137902),j=n(763208),w=n(338957),y=n(856685),k=n(409602),C=n(586382),A=n(75524),T=n(364232),z=n(242503),S=n(421984);let B=[16,16,24],I=[56,56,0],M=(0,a.o)(function(){let{title:e,hidden:t,renderRight:n,noDefaultRenderRight:r}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{getUrl:i}=(0,b.h)(),{canGoBack:l,goBack:s}=(0,T.L)(),{localizeText:a}=(0,A.B)(),{getResponsiveValue:o}=(0,z.tv)(),{isClass101InAppBrowser:d}=(0,C.e)(),{homePagePath:c,myClassPagePath:u}=(0,j.o)(),h=(0,x.useCallback)(()=>{if(d&&!l)return void w.m2.send({type:y.p.WebToApp,messageType:k.sE.ClosePage});s(i(c))},[d,l,s,i,c]),p=Array.isArray(e)?o(e):e,g=Array.isArray(r)?o(r):null!=r&&r,m=Array.isArray(r)?B.map((e,t)=>r[Math.min(t,r.length-1)]?16:e):g?void 0:B,v=o(["default","default","emphasis"]),{mobileHidden:f,desktopHidden:I}=(0,S.P)({hidden:null!=t&&t,mobileDefault:[!1,!1,!0],desktopDefault:[!0,!0,!1]},e=>({mobileHidden:e.hidden||e.mobileDefault,desktopHidden:e.hidden||e.desktopDefault}));return{goBack:h,title:p,mobileHidden:f,desktopHidden:I,renderRight:n,myClassPagePath:u,isDefaultRenderRightHidden:g,rightSpacing:m,kind:v,homeAriaLabel:a({defaultMessage:"홈",id:"OMwluIPtvP5M"}),homeUrl:i(c)}},e=>{let{goBack:t,title:n,mobileHidden:a,desktopHidden:x,renderRight:b,isDefaultRenderRightHidden:j,rightSpacing:w,kind:y,homeAriaLabel:k,homeUrl:C,myClassPagePath:A}=e;return(0,r.jsxs)(l.C,{fallback:(0,r.jsx)(g.a,{width:"100%",height:[56,56,72],hidden:a}),children:[(0,r.jsx)(o.l,{id:"sticky-header",order:0,position:"top",height:I,renderBeforeCalculate:!0,children:e=>{let{offset:l}=e;return(0,r.jsx)(d.z,{position:"web_sticky",top:l,zIndex:199,hidden:a,width:"100%",children:(0,r.jsx)(g.a,{width:"100%",height:56,justifyContent:"center",background:"background",children:(0,r.jsx)(c.f,{padding:!1,children:(0,r.jsx)(u.V,{title:n,kind:y,rightSpacing:w,renderLeft:()=>[(0,r.jsx)(h.o,{hitSlop:8,onClick:t,children:(0,r.jsx)(m.L,{size:22})},"back")],renderRight:j?()=>{var e;

1return[...null!=(e=null==b?void 0:b())?e:[],(0,r.jsx)(h.o,{href:C,ariaLabel:k,children:(0,r.jsx)(v.L,{size:22})},"home")]}:()=>{var e;return[...null!=(e=null==b?void 0:b())?e:[],(0,r.jsx)(h.o,{href:C,ariaLabel:k,children:(0,r.jsx)(v.L,{size:22})},"home"),(0,r.jsx)(i.E,{page:A,children:(0,r.jsx)(p.n,{as:"span",level:1,weight:"bold",whiteSpace:"nowrap",children:(0,r.jsx)(s.V,{defaultMessage:"내 학습",id:"xTx83ZbzER7r"})})},"my-class"),(0,r.jsx)(f.k,{showSearchButton:!1},"user-profile")]}})})})})}}),(0,r.jsx)(g.a,{width:"100%",height:[0,0,72],justifyContent:"center",background:"background",hidden:x,children:(0,r.jsx)(c.f,{padding:!1,children:(0,r.jsx)(u.V,{title:n,kind:y,rightSpacing:w,renderLeft:()=>[(0,r.jsx)(h.o,{hitSlop:8,onClick:t,children:(0,r.jsx)(m.L,{size:22})},"back"),(0,r.jsx)(h.o,{href:C,ariaLabel:k,children:(0,r.jsx)(v.L,{size:22})},"home")],renderRight:j?b:()=>{var e;return[...null!=(e=null==b?void 0:b())?e:[],(0,r.jsx)(i.E,{page:A,children:(0,r.jsx)(p.n,{as:"span",level:1,weight:"bold",whiteSpace:"nowrap",children:(0,r.jsx)(s.V,{defaultMessage:"내 학습",id:"xTx83ZbzER7r"})})},"my-class"),(0,r.jsx)(f.k,{showSearchButton:!1},"user-profile")]}})})})]})})},882457:(e,t,n)=>{"use strict";n.d(t,{B:()=>i});var r=n(665162);let i=e=>{let[t,n]=(0,r.useState)(e),i=(0,r.useCallback)(()=>{n(e=>!e)},[]);return{state:t,toggleState:i,setTrue:(0,r.useCallback)(()=>{n(!0)},[]),setFalse:(0,r.useCallback)(()=>{n(!1)},[])}}},882647:(e,t,n)=>{"use strict";n.d(t,{s:()=>j});var r=n(304930),i=n(869950),l=n(971188),s=n(94899),a=n(901222),o=n(956598),d=n(325205),c=n(570341),u=n(104727),h=n(191106),p=n(650775),g=n(795460),m=n(689815),v=n(791275),f=n(586382);let x={KR:["(주)클래스101","대표 공대선","서울특별시 강남구 도곡로 111 (역삼동) 미진빌딩 6층,13층","대표전화 : 1800-2109","이메일 : [email protected]","사업자등록번호 : 457-81-00277","통신판매업신고 : 2022-서울강남-02525","클라우드 호스팅 : Amazon Web Services Korea Inc."],US:["CLASS 101, LLC.","1201 North Market St. Suite 111, Wilmington, DE, 19801","[email protected]"],JP:["CLASS101JAPAN株式会社","[email protected]"]},b={KR:[[{title:"홈",to:"/ko"},{title:"고객센터",clickAction:"openMessenger"},{title:"헬프센터",to:"https://help.class101.tv/classmate/class101-service-intro?lang=ko",target:"_blank"},{title:"클래스 개별 구매",to:"https://class101.net/ko/my-classes/purchased-class",target:"_blank"},{title:"크리에이터 센터",to:"https://creator.class101.net",target:"_blank"},{title:"국비 지원",to:"https://class101.net/ko/pages/b2g_collection",target:"_blank",trackEventName:"B2G_collection_footer"},{title:"기업고객 문의",to:"https://business.class101.net",target:"_blank",trackEventName:"B2B_landing_footer"},{title:"개인정보 처리방침",to:"https://class101.net/ko/docs/terms/privacy",target:"_blank",weight:"bold"},{title:"이용약관",to:"https://class101.net/ko/docs/terms/use",target:"_blank"},{title:"쿠키 정책",to:"https://class101.net/en/docs/terms/cookie",target:"_blank",gdpr:!0},{title:"쿠키 설정",clickAction:"openCookieSetting",gdpr:!0},{title:"클래스101 사업자 정보",descriptionList:x.KR}]],US:[[{title:"Home",to:"/en"},{title:"Support",clickAction:"openMessenger"},{title:"FAQ",to:"https://help.class101.tv/classmate/class101-service-intro?lang=en",target:"_blank"},{title:"Creator Center",to:"https://creator.class101.net",target:"_blank"},{title:"Privacy",to:"https://class101.net/en/docs/terms/privacy",target:"_blank"},{title:"Terms of Use",to:"https://class101.net/en/docs/terms/use",target:"_blank"},{title:"Refund",to:"https://class101.net/en/docs/terms/refund",target:"_blank"},{title:"Cookie Policy",to:"https://class101.net/en/docs/terms/cookie",target:"_blank",gdpr:!0},{title:"Cookie Setting",clickAction:"openCookieSetting",gdpr:!0}]],JP:[[{title:"ホーム",to:"/plus/ja"},{title:"カスタマーセンター",clickAction:"openMessenger"},{title:"ヘルプ",to:"https://help.class101.tv/classmate/class101-service-intro?lang=ja",target:"_blank"},{title:"クリエイターセンター",to:"https://creator.class101.net",target:"_blank"},{title:"プライバシー規約",to:"https://class101.net/ja/docs/terms/privacy",target:"_blank"},{title:"利用約款",to:"https://class101.net/ja/docs/terms/use",target:"_blank"},{title:"返品・返金規約",to:"https://class101.net/ja/docs/terms/refund",target:"_blank"},{title:"Cookie ポリシー",to:"https://class101.net/en/docs/terms/cookie",target:"_blank",gdpr:!0},{title:"Cookie 設定",clickAction:"openCookieSetting",gdpr:!0}]]},j=(0,l.o)(e=>{let{serviceRegion:t}

1=(0,v.z)(),{openMessenger:n}=(0,p.P)(),{openCookieSetting:r}=(0,g.M)({appName:"web"}),{isGdprCountry:i}=(0,m.H)(),{isClass101InAppBrowser:l}=(0,f.e)(),s=b[t].map(e=>e.filter(e=>{let{gdpr:t}=e;return!!i||!t}).map(e=>"openMessenger"===e.clickAction?{...e,onClick:n}:"openCookieSetting"===e.clickAction?{...e,onClick:r}:e));return{isHidden:l,isServiceRegionKorea:t===v.s.KR,menuList:s,businessInfos:x[t]}},e=>{let{isHidden:t,isServiceRegionKorea:n,menuList:l,businessInfos:p}=e;return t?null:(0,r.jsx)(s.t,{backgroundColor:"background",children:(0,r.jsx)(a.f,{children:(0,r.jsxs)(o.T,{width:"100%",gap:12,children:[(0,r.jsx)(d.c,{direction:"horizontal"}),(0,r.jsxs)(o.T,{width:"100%",pt:[20,20,32],pb:[48,48,100],gap:12,children:[l.map((e,t)=>(0,r.jsx)(h.X,{menus:e},"menu-list-".concat(t))),(0,r.jsx)(o.T,{gap:4,maxWidth:640,width:"100%",children:(0,r.jsx)(u.o,{businessInfos:p,showDetailBusinessInfoButton:!0})}),n&&(0,r.jsx)(c.n,{level:6,color:"onView3",children:(0,r.jsx)(i.V,{defaultMessage:"클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.",id:"W46/tEh0C9z1"})})]})]})})})})},890926:(e,t,n)=>{"use strict";n.d(t,{h:()=>i});var r=n(269065);function i(){return r.S?document.documentElement&&document.documentElement.scrollTop&&document.documentElement.scrollTop>0?document.documentElement.scrollTop:document.body&&document.body.scrollTop&&document.body.scrollTop>0?document.body.scrollTop:0:0}},899647:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(25595),i=n(343549);function l(e,t){(0,i.A)(2,arguments);var n=(0,r.A)(e),l=(0,r.A)(t);return 12*(n.getFullYear()-l.getFullYear())+(n.getMonth()-l.getMonth())}},901222:(e,t,n)=>{"use strict";n.d(t,{f:()=>o});var r=n(304930),i=n(956598),l=n(423237),s=n(421984);let a=e=>{let{padding:t,children:n}=e,{theme:{contentArea:a}}=(0,l.Am)(),{px:o}=(0,s.P)({padding:t,px:a.padding},e=>({px:e.padding?e.px:0}));return(0,r.jsx)(i.T,{maxWidth:a.maxWidth,width:"100%",px:o,children:n})},o=(0,n(301391)._)("ContentArea")()(e=>{let{padding:t=!0,children:n,testId:l="content-area",...s}=e;return(0,r.jsx)(i.T,{alignHorizontal:"center",width:"100%","data-testid":l,...s,children:(0,r.jsx)(a,{padding:t,children:n})})})},907372:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(25595),i=n(343549);function l(e){(0,i.A)(1,arguments);var t=(0,r.A)(e),n=t.getMonth();return t.setFullYear(t.getFullYear(),n+1,0),t.setHours(23,59,59,999),t}},916049:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="chevronleft-fill",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"M6.065 12.707a1 1 0 0 1 0-1.414l8.476-8.477a1 1 0 0 1 1.414 0l.142.141a1 1 0 0 1 0 1.414L8.47 12l7.627 7.628a1 1 0 0 1 0 1.414l-.142.142a1 1 0 0 1-1.414 0z"})})}),{iconType:"Fill"});a.displayName="ChevronLeftFill"},916949:(e,t,n)=>{"use strict";n.d(t,{l:()=>z});var r=n(686739),i=n(304930),l=n(665162),s=n(93505),a=n(380349),o=n(688961),d=n(467391),c=n(672512),u=n(20523),h=n(30003),p=n(6182),g=n(373760),m=n(965923),v=n(540924),f=n(492351);class x{init(e){this._flicking&&this.destroy(),e.on({[f.qY.MOVE_START]:this.stop,[f.qY.HOLD_START]:this.stop,[f.qY.MOVE_END]:this.play,[f.qY.SELECT]:this.play}),this._flicking=e,this.play()}destroy(){let e=this._flicking;if(this._mouseEntered=!1,this.stop(),!e)return;e.off(f.qY.MOVE_START,this.stop),e.off(f.qY.HOLD_START,this.stop),e.off(f.qY.MOVE_END,this.play),e.off(f.qY.SELECT,this.play);let t=e.element;t.removeEventListener("mouseenter",this._onMouseEnter,!1),t.removeEventListener("mouseleave",this._onMouseLeave,!1),this._flicking=null}update(){}constructor({duration:e=2e3}={}){this._flicking=null,this._timerId=0,this._mouseEntered=!1,this.play=()=>{var e;let t=this._flicking;t&&(this.stop(),this._mouseEntered||t.animating||(null==(e=this._flicking)||e.trigger("progressStart"),this._timerId=window.setTimeout(()=>{t.next().catch(()=>{}),this.play()},this._duration)))},this.stop=()=>{var e;null==(e=this._flicking)||e.trigger("progressEnd"),clearTimeout(this._timerId)},this._onMouseEnter=()=>{this._mouseEntered=!0,this.stop()},this._onMouseLeave=()=>{this._mouseEntered=!1,this.play()},this._duration=e}}function b(e){if(!(e instanceof Error)||!("code"in e)||e.code!==f.bo.ANIMATION_ALREADY_PLAYING)throw e}var j=n(278740),w=n(136224),y=n(576960);let k=(0,j.q)({root:!0})((0,w.E)({props:[{name:"slidesPerView",responsive:!0},{name:"slideWidth",responsive:!0},{name:"offsetX",responsive:!0},{name:"spacing",responsive:!0},{name:"align"}],variants:e=>{let{slidesPerView:t=[1,1,1,1],slideWidth:n=[void 0],offsetX:r=[0],spacing:i=[0],align:l="prev"}=e,{panelWidth:s}=(0,y.P)(t,n,r,i,(e,t,n,r)=>({panelWidth:t||(1===e?"100%":"calc((100% + ".concat(n,"px - ").concat(r?r*(Math.ceil(e)-1):0,"px) / ").concat(e,")"))}));return{panelWidth:s,align:1===Math.max(...t)?"center":l,moveType:1===Math.max(...t)?"strict":"snap",offsetPaddingX:r,offsetMarginX:r.map(e=>-1*e)}}}));function C(){let e=(0,r._)(["\n     ","}\n        "]);return C=function(){return e},e}function A(){let e=(0,r._)(["\n  .flicking-viewport {\n    position: relative;\n    overflow: hidden;\n\n    ","\n  }\n\n  .flicking-camera {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    position: relative;\n    flex-direction: row;\n  }\n  .flicking-camera > * {\n    flex-shrink: 0;\n  }\n\n  .flicking-viewport.vertical {\n    display: inline-flex;\n  }\n  .flicking-viewport.vertical > .flicking-camera {\n    display: inline-flex;\n    flex-direction: column;\n  }\n\n  .flicking-viewport.flicking-hidden .flicking-camera > * {\n    visibility: hidden;\n  }\n"]);return A=function(){return e},e}o.Ay.forwardStyle=!0;let T=(0,c.A)(u.a,{shouldForwardProp:e=>(0,g.MC)(String(e))})({display:"block",flexDirection:"row",position:"static"},g.xf),z=k((0,l.forwardRef)((e,t)=>{let{children:n,slidesPerView:r=1,web_syncRef:d,panelWidth:c,spacing:u,initial:h=0,autoPlay:g=!1,autoPlayDurationMs:j,loop:w=!1,align:y,moveType:k,control:C=!0,offsetPaddingX:A,offsetMarginX:z,boun

1d:B=!0,onEndReached:I,changeOnHold:M,renderOnlyVisible:E=!0,autoHeight:L=!1}=e,_=(0,l.useRef)(null),{breakpoints:V}=(0,p.DP)(),P=(0,v.t)(r,{watch:!0}),R=(0,s.J)(P),[D,O]=(0,l.useState)(),W=(0,l.useCallback)(()=>{null==I||I()},[I]),H=(0,l.useMemo)(()=>g?[new x({duration:j})]:[],[g,j]),F=(0,m.K)(V,C),N=(0,l.useCallback)(e=>{if(!e.isTrusted||F.every(e=>e))return;if(F.every(e=>!e))return void e.stop();let t=V.findIndex(e=>parseInt(e,10)>window.innerWidth),n=-1===t?F.length-1:t;F[n]||e.stop()},[V,F]),{focusToSlide:Y,moveToSlide:G,moveToPrevSlide:K,moveToNextSlide:q,moveToPrevPage:X,moveToNextPage:U}=(e=>{let{sliderRef:t,slidesPerView:n,loop:r,onEndReached:i}=e,s=(0,l.useCallback)((e,n)=>{var r;if(t.current&&!t.current.animating){if(t.current.control instanceof f.BW){t.current.control.count=t.current.panelCount,t.current.control.updateInput(),t.current.moveTo(e).catch(()=>{}),t.current.control.count=1;return}t.current.moveTo(e,null!=(r=null==n?void 0:n.duration)?r:1e3).catch(()=>{})}},[t]),a=(0,l.useCallback)(()=>{t.current&&!t.current.animating&&t.current.prev().catch(()=>{})},[t]),o=(0,l.useCallback)(()=>{t.current&&!t.current.animating&&t.current.next().catch(()=>{})},[t]),d=(0,l.useCallback)(()=>{var e,i;if(!t.current||t.current.animating)return;let l=null!=(e=t.current.panelCount)?e:0,s=null!=(i=t.current.index)?i:0,a=Math.floor(n);if(r)return void t.current.moveTo((l+s-a)%l).catch(()=>{});let o=Math.max(0,s-a);t.current.moveTo(o).catch(()=>{})},[n,r,t]),c=(0,l.useCallback)(()=>{var e,l;if(!t.current||t.current.animating)return;let s=null!=(e=t.current.panelCount)?e:0,a=null!=(l=t.current.index)?l:0,o=Math.floor(n);if(r)return void t.current.moveTo((a+o)%s).catch(()=>{});if(s<=o){null==i||i();return}let d=Math.min(s-o,a+o);t.current.moveTo(d).catch(()=>{})},[t,n,r,i]);return{focusToSlide:(0,l.useCallback)(e=>{var n;if(!t.current||t.current.animating)return;let r=t.current.getPanel(e);if(!r)return;let i=r.position,l=r.position+r.size,s=t.current.viewport.width,a=null==(n=t.current.visiblePanels[0])?void 0:n.position;if(i<a)return void d();l>a+s&&c()},[c,d,t]),moveToSlide:s,moveToPrevSlide:a,moveToNextSlide:o,moveToPrevPage:d,moveToNextPage:c}})({sliderRef:_,loop:w,slidesPerView:R.current,onEndReached:W}),J=(0,l.useCallback)(()=>{var e,t,n,r;return null!=(r=(null==(e=_.current)?void 0:e.index)===-1?null==(t=_.current)?void 0:t.defaultIndex:null==(n=_.current)?void 0:n.index)?r:0},[_]);(0,l.useImperativeHandle)(t,()=>({focusToSlide:Y,moveToSlide:G,moveToPrevSlide:K,moveToNextSlide:q,moveToPrevPage:X,moveToNextPage:U,getCurrentIndex:J,addEventListener:(e,t)=>{var n;null==(n=_.current)||n.on(e,t)},removeEventListener:(e,t)=>{var n;null==(n=_.current)||n.off(e,t)}}),[Y,J,U,q,X,K,G]),(0,l.useEffect)(()=>{var e;return null==d||null==(e=d.current)||e.addEventListener("indexChange",Y),()=>{var e;null==d||null==(e=d.current)||e.removeEventListener("indexChange",Y)}},[Y,d]),(0,l.useEffect)(()=>{var e;return null==(e=_.current)||e.on("moveStart",N),()=>{var e;null==(e=_.current)||e.off("moveStart",N)}},[N]);let Q=(0,l.useCallback)(e=>{var t,n,r;let i=null!=(r=null==(t=_.current)?void 0:t.panelCount)?r:0,l=Math.floor(R.current),s=null!=e?e:J(),a=w||s>0,o=w||i>l+s;null==(n=_.current)||n.trigger("pageInfoChange",{hasPrevPage:a,hasNextPage:o})},[J,w]),Z=l.Children.toArray(n).filter(e=>(0,l.isValidElement)(e)).map(e=>e.key).join(""),$=(0,a.Z)(Z);return((0,l.useEffect)(()=>{Q()},[P,Q]),(0,l.useEffect)(()=>{if(!Z.startsWith(null!=$?$:"")){var e;null==(e=_.current)||e.moveTo(0,0).catch(b),Q()}},[Z,$,Q]),l.Children.toArray(n).length)?(0,i.jsx)(S,{height:L?"auto":null!=D?D:"auto",offsetMarginX:z,offsetPaddingX:A,children:(0,i.jsx)(o.Ay,{ref:_,align:y,bound:B,noPanelStyleOverride:!0,inputType:["touch","mouse"],renderOnlyVisible:E,autoResize:!0,plugins:H,defaultIndex:h,circular:w,moveType:k,onWillChange:e=>{var t,n,r;let{index:i,isTrusted:l}=e;null==(t=_.current)||t.trigger("indexChange",i,{isTrusted:l}),(null!=(r=null==(n=_.current)?void 0:n.panelCount)?r:0)>Math.floor(R.current)+i||null==W||W(),Q(i)},onSelect:e=>{var t;let{index:n}=e;return null==d||null==(t=d.current)?void 0:t.moveToSlide(n)},onAfterResize:e=>{var t;let{width:n,prev:{width:r}}=e;O(null==(t=_.current)?void 0:t.panels[0].height),r!==n&&Q()},onReady:()=>{var e,t;(null==(e=_.current)?void 0:e.panels[0].height)&&O(null==(t=_.current)?void 0:t.panels[0].height),Q()},onPanelChange:()=>Q(),changeOnHold:M,hideBeforeInit:!0,children:l.Children.toArray(n).map((e,t)=>(0,l.isValidElement)(e)&&(0,i.jsx)(T,{width:c,ml:t>0||w?u:void 0,flexShrink:0,children:e},t))})}):null})),S=(0,c.A)(T)(A(),e=>(0,d.AH)(C(),["0px",...e.theme.breakpoints].map((t,n)=>"\n      @media (min-width: ".concat(t,") {\n        ").concat((0,h.O)(e.offsetMarginX[n])&&"\n            margin-left: ".concat(e.offsetMarginX[n],"px;\n            margin-right: ").concat(e.offsetMarginX[n],"px;\n          "),"\n        ").concat((0,h.O)(e.offsetPaddingX[n])&&"\n        padding-left: ".concat(e.offsetPaddingX[n],"px;\n        padding-right: ").concat(e.offsetPaddingX[n],"px;\n         "),"\n      }"))))}

1,932562:(e,t,n)=>{"use strict";n.d(t,{t:()=>r});let r=e=>[...Array(e>0?e:0)]},940150:(e,t,n)=>{"use strict";n.d(t,{F:()=>l});var r=n(304930),i=n(75524);let l=e=>{let{value:t,format:n,currency:l}=e,{localizeNumber:s}=(0,i.B)();return(0,r.jsx)(r.Fragment,{children:s(t,{style:n,currency:l})})}},947805:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(25595),i=n(26351),l=n(343549);function s(e,t){var n=e.getFullYear()-t.getFullYear()||e.getMonth()-t.getMonth()||e.getDate()-t.getDate()||e.getHours()-t.getHours()||e.getMinutes()-t.getMinutes()||e.getSeconds()-t.getSeconds()||e.getMilliseconds()-t.getMilliseconds();return n<0?-1:n>0?1:n}function a(e,t){(0,l.A)(2,arguments);var n=(0,r.A)(e),a=(0,r.A)(t),o=s(n,a),d=Math.abs((0,i.A)(n,a));n.setDate(n.getDate()-o*d);var c=Number(s(n,a)===-o),u=o*(d-c);return 0===u?0:u}},954003:(e,t,n)=>{"use strict";function r(e){let t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};"object"!=typeof r&&(r={});let{leading:i=!1,trailing:l=!0,maxWait:s}=r,a=[,,];i&&(a[0]="leading"),l&&(a[1]="trailing");let o=null,d=function(e,t){let n,{signal:r,edges:i}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=null,s=null!=i&&i.includes("leading"),a=null==i||i.includes("trailing"),o=()=>{null!==l&&(e.apply(n,l),n=void 0,l=null)},d=null,c=()=>{null!=d&&clearTimeout(d),d=setTimeout(()=>{d=null,a&&o(),u()},t)},u=()=>{null!==d&&(clearTimeout(d),d=null),n=void 0,l=null},h=function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];if(null==r?void 0:r.aborted)return;n=this,l=t;let a=null==d;c(),s&&a&&o()};return h.schedule=c,h.cancel=u,h.flush=()=>{o()},null==r||r.addEventListener("abort",u,{once:!0}),h}(function(){for(var n=arguments.length,r=Array(n),i=0;i<n;i++)r[i]=arguments[i];t=e.apply(this,r),o=null},n,{edges:a}),c=function(){for(var n=arguments.length,r=Array(n),i=0;i<n;i++)r[i]=arguments[i];return null!=s&&(null===o&&(o=Date.now()),Date.now()-o>=s)?(t=e.apply(this,r),o=Date.now(),d.cancel(),d.schedule(),t):(d.apply(this,r),t)};return c.cancel=d.cancel,c.flush=()=>(d.flush(),t),c}n.d(t,{s:()=>r})},963467:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="arrowtriangledown-regular",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{d:"m7.05 9.4 4.75 7c.1.15.3.15.4 0l4.75-7c.1-.15 0-.4-.2-.4h-9.5c-.2 0-.3.25-.2.4"})})}),{iconType:"Regular"});a.displayName="ArrowTriangleDownRegular"},990609:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="headgraduationcap-fill",...o}=e;return(0,r.jsxs)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:[(0,r.jsx)(l.B.Path,{d:"M17.6 9.05c.53.51 1 1.1 1.38 1.74.16-.02.32-.05.49-.05 2.19 0 3.97 1.79 3.97 3.98s-1.78 3.97-3.97 3.97c-.1 0-.21-.01-.32-.02-1.36 2.56-4.06 4.31-7.15 4.31s-5.79-1.75-7.15-4.31c-.11.02-.21.02-.32.02a3.97 3.97 0 0 1-3.98-3.97c0-2.2 1.79-3.98 3.98-3.98.16 0 .33.03.49.05.38-.64.85-1.22 1.38-1.74v-.69l5.6 2.22 5.6-2.22z"}),(0,r.jsx)(l.B.Path,{d:"m23.29 4.47-11.3 4.48L.7 4.47 11.99 0z"})]})}),{iconType:"Fill"});a.displayName="HeadGraduationCapFill"},992040:(e,t,n)=>{"use strict";n.d(t,{_:()=>w});var r=n(304930),i=n(932562),l=n(266771),s=n(213995),a=n(869950),o=n(956598),d=n(13175),c=n(94899),u=n(297346),h=n(937706),p=n(570341),g=n(48150),m=n(20523),v=n(426999),f=n(453583),x=n(990609),b=n(328862),j=n(150626);let w=e=>{let{title:t,imageUrl:n,type:i="video",currentIndex:s,totalCount:a,onClick:h,lessonCompleted:p,hasOutline:g}=e;return(0,r.jsx)(l.I,{name:"Course Lesson Focus Card Impressed",properties:{taskCardType:"video"===i?"lesson":"quiz"},children:(0,r.jsx)(m.a,{outlineColor:g?"outline2":void 0,outlineWidth:g?1:void 0,outlineStyle:g?"solid":void 0,rounded:"lg",overflow:"hidden",children:(0,r.jsxs)(o.T,{children:["video"===i?(0,r.jsx)(m.a,{roundedTopLeft:"lg",roundedTopRight:"lg",p:16,width:"100%",backgroundColor:"#FECE00",alignItems:"center",height:130,children:(0,r.jsxs)(m.a,{borderStyle:"solid",borderColor:"white",borderWidth:3,rounded:"lg",width:156,overflow:"hidden",elevationLevel:3,children:[(0,r.jsx)(d.w,{src:n||"https://cdn.class101.net/images/8cb20ae3-c216-4e2f-9453-4de92272e990",alt:t,width:156,aspectRatio:16/9}),(0,r.jsx)(m.a,{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"black",opacity:.2}),(0,r.jsx)(o.T,{position:"absolute",top:0,left:0,right:0,bottom:0,alignHorizontal:"center",alignVertical:"center",opacity:.8,children:(0,r.jsx)(f.S,{size:40,fill:"white"})})]})}):(0,r.jsx)(c.t,{height:130,roundedTopLeft:"lg",roundedTopRight:"lg",children:(0,r.jsx)(v._,{src:"https://cdn.class101.net/images/77ebd49e-bf55-4ccc-9361-c130226272d2",sizes:[335,700]})}),(0,r.jsx)(c.t,{roundedBottomLeft:"lg",roundedBottomRight:"lg",p:16,backgroundColor:"surface2",children:(0,r.jsxs)(o.T,{gap:20,children:[(0,r.jsxs)(o.T,{gap:16,alignHorizontal:"center",children:[(0,r.jsx)(y,{currentIndex:s,totalCount:a}),(0,r.jsxs)(o.T,{gap:6,alignHorizontal:"center",px:16,children:[(0,r.jsx)(k,{type:i}),(0,r.jsx)(u.h,{as:"span",level:5,color:"neutralInverse",textAlign:"center",children:t})]})]}),(0,r.jsx)(C,{type:i,onClick:h,lessonCompleted:p})]})})]})})})},y=e=>{let{currentIndex:t,totalCount:n}=e;return n<=1?null:(0,r.jsx)(h.z,{gap:7,children:(0,i.t)(n).map((e,n)=>(0,r.jsx)(c.t,{width:7,height:7,backgroundColor:n===t?"primary":"neutralSoft",rounded:"2xl"},"indicator-".concat(n)))})},k=e=>{let{type:t}=e;return"quiz"===t?(0,r.jsxs)(h.z,{gap:6,alignVertical:"center",children:[(0,r.jsx)(x.S,{size:14,fill:"onView3"}),(0,r.jsx)(p.n,{level:2,color:"onView2",weight:"medium",children:(0,r.jsx)(a.V,{id:"BQ8beG057ANC",defaultMessage:"퀴즈 풀이"})})]}):(0,r.jsxs)(h.z,{gap:6,alignVertical:"center",children:[(0,r.jsx)(b.S,{size:14,fill:"onView3"}),(0,r.jsx)(p.n,{level:2,color:"onView2",weight:"medium",children:(0,r.jsx)(a.V,{id:"1HUU8va9aNsd",defaultMessage:"영상 학습"})})]})},C=e=>{let{type:t,onClick:n,lessonCompleted:i}=e;return(0,r.jsx)(s.W,{name:"Course Lesson Focus Card Clicked",properties:{taskCardType:"video"===t?"lesson":"quiz"},children:(0,r.jsx)(g.W,{size:"lg",kind:"primary",full:!0,onClick:n,disabled:"quiz"===t&&!i,children:"quiz"===t?i?(0,r.jsx)(a.V,{defaultMessage:"퀴즈 풀이 시작하기",id:"ECHDZn6AIL3t"}):(0,r.jsxs)(h.z,{gap:2,alignVertical:"center",children:[(0,r.jsx)(j.S,{size:18,fill:"onView3"}),(0,r.jsx)(a.V,{id:"ifQaVeQL3uPJ",defaultMessage:"영상을 보면 열려요"})]}):(0,r.jsx)(a.V,{defaultMessage:"영상 학습 시작하기",id:"95NQ+6chmfj5"})})})}},992230:(e,t,n)=>{"use strict";n.d(t,{S:()=>a});var r=n(304930),i=n(665162),l=n(414283),s=n(5310);let a=Object.assign((0,i.memo)(e=>{let{size:t=24,fill:n="onColor",linearGradient:i,testId:a="chevronrightcircle-fill",...o}=e;return(0,r.jsx)(s.z,{viewBox:"0 0 24 24",size:t,fill:n,linearGradient:i,testId:a,...o,children:(0,r.jsx)(l.B.Path,{fillRule:"evenodd",d:"M.9 12a11.03 11.03 0 0 1 3.25-7.849A11.

103 11.03 0 0 1 12 .9c2.965 0 5.752 1.155 7.848 3.251A11.03 11.03 0 0 1 23.1 12c0 2.965-1.155 5.752-3.252 7.849A11.03 11.03 0 0 1 12 23.099a11.03 11.03 0 0 1-7.85-3.25 11.03 11.03 0 0 1-3.25-7.85m9.714 5.97a.2.2 0 0 0 .283 0l5.827-5.828a.2.2 0 0 0 0-.283L10.897 6.03a.2.2 0 0 0-.283 0L9.341 7.303a.2.2 0 0 0 0 .283L13.754 12l-4.412 4.414a.2.2 0 0 0 0 .283z",clipRule:"evenodd"})})}),{iconType:"Fill"});a.displayName="ChevronRightCircleFill"}},e=>{e.O(0,[42687,73676,34723,16522,57208,30653,46593,90636,38792],()=>e(e.s=448849)),_N_E=e.O()}]);
2//# sourceMappingURL=[courseId]-ba2941dbd1248421.js.map