https://winspec.co.kr/_next/static/chunks/8356-116ca698f392a107.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8356],{69979:function(n,t,r){r.d(t,{J:function(){return o}});var i=r(98466);let l="/v2/banners/main",o=(0,i.r)(l)},6802:function(n,t,r){var i=r(37340),l=r(85893);r(67294);var o=r(52015),s=r(17164),c=r(32600),d=r(9931);function u(){let n=(0,i._)(["\n  * {\n    font-family: 'Noto Sans KR', sans-serif;\n  }\n\n  width: 255px;\n\n  cursor: pointer;\n  .card-info-wrapper {\n    margin-top: 10px;\n    display: flex;\n    flex-direction: column;\n    row-gap: 10px;\n  }\n\n  @media "," {\n    width: 159px;\n  }\n"]);return u=function(){return n},n}function p(){let n=(0,i._)(["\n  position: relative;\n  width: 100%;\n  height: 159px;\n\n  @media "," {\n    height: 96px;\n  }\n\n  img {\n    width: 100%;\n    height: 100%;\n  }\n\n  .no-img {\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n    background-image: url('/n/images/[email protected]');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 186px;\n  }\n\n  .label-ranking {\n    width: 37px;\n    height: 47px;\n    position: absolute;\n    top: -2px;\n    left: -1px;\n    background: url('/n/images/home/[email protected]') no-repeat;\n    background-size: 37px 47px;\n\n    .rank {\n      font-size: 24px;\n      font-weight: bold;\n      text-align: center;\n      line-height: 36px;\n      color: #fff;\n    }\n  }\n"]);return p=function(){return n},n}function h(){let n=(0,i._)(["\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n\n  ",";\n\n  @media "," {\n    ",";\n  }\n"]);return h=function(){return n},n}function m(){let n=(0,i._)(["\n  display: flex;\n  column-gap: 5px;\n"]);return m=function(){return n},n}function x(){let n=(0,i._)(["\n  display: flex;\n  flex-direction: column;\n\n  span {\n    ",";\n    color: ",";\n  }\n\n  @media "," {\n    span {\n      ",";\n    }\n  }\n"]);return x=function(){return n},n}function g(){let n=(0,i._)(["\n  display: flex;\n  gap: 4px;\n  align-items: center;\n\n  .level-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n  }\n\n  span {\n    ",";\n    color: ",";\n  }\n\n  .divider {\n    padding: 0 2px;\n  }\n\n  @media "," {\n    span {\n      ",";\n    }\n  }\n"]);return g=function(){return n},n}let f={BEGINNER:"/n/icons/hrd/hrd_beginner.svg",BASIC:"/n/icons/hrd/hrd_basic.svg",ADVANCED:"/n/icons/hrd/hrd_advanced.svg"},v={BEGINNER:"입문",BASIC:"기본",ADVANCED:"심화"},y=n=>{var t,r;let{lectureData:i,className:o}=n,u=(0,c.e)();return(0,l.jsxs)(w,{className:o,children:[(0,l.jsx)(j,{children:i.lectureImage?(0,l.jsx)("img",{src:i.lectureImage,alt:i.lectureTitle}):(0,l.jsx)("div",{className:"no-img"})}),(0,l.jsxs)("div",{className:"card-info-wrapper",children:[(0,l.jsx)(_,{children:i.lectureTitle}),(0,l.jsx)(N,{children:(0,l.jsx)(s.k,{badgeTypes:(0,d.W)(i,!1,u)})}),(0,l.jsxs)(C,{children:[(0,l.jsx)("span",{children:i.archiveCategory}),(0,l.jsxs)(k,{children:[(0,l.jsx)("span",{children:i.lessonTotalTime<60?"".concat(i.lessonTotalTime,"분"):"".concat(Math.floor(i.lessonTotalTime/60),"시간")}),(0,l.jsx)("span",{className:"divider",children:"|"}),(0,l.jsx)("div",{className:"level-icon",children:(0,l.jsx)("img",{src:null!==(t=null==f?void 0:f[i.archiveLevel])&&void 0!==t?t:f.BEGINNER,alt:i.archiveLevel,width:"16px",height:"16px"})}),(0,l.jsx)("span",{children:null!==(r=null==v?void 0:v[i.archiveLevel])&&void 0!==r?r:v.BEGINNER}),(0,l.jsx)("span",{className:"divider",children:"|"}),(0,l.jsx)("div",{className:"level-icon",children:(0,l.jsx)("img",{src:"/n/icons/hrd/eye.svg",alt:"eye",width:"16px",height:"16px"})}),(0,l.jsx)("span",{children:i.viewCount})]})]})]})]})};t.Z=y;let w=o.ZP.div.withConfig({displayName:"HrdLectureCard__StyledWrapper",componentId:"sc-67084b1f-0"})(u(),n=>{let{theme:t}=n;return t.mobile}),j=o.ZP.div.withConfig({displayName:"HrdLectureCard__StyledCardImage",componentId:"sc-67084b1f-1"})(p(),n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.colors.gray[200]}),_=o.ZP.p.withConfig({displayName:"HrdLectureCard__CardInfoTitle",componentId:"sc-67084b1f-2"})(h(),n=>{let{theme:t}=n;return t.typography.headline[5].bold},n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.typography.body[4].regular}),N=o.ZP.div.withConfig({displayName:"HrdLectureCard__CardInfoBadgeList",componentId:"sc-67084b1f-3"})(m()),C=o.ZP.p.withConfig({displayName:"HrdLectureCard__CardInfoHrdCategory",componentId:"sc-67084b1f-4"})(x(),n=>{let{theme:t}=n;return t.typography.body[3].regular},n=>{let{theme:t}=n;return t.colors.gray[600]},n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.typography.body[5].regular}),k=o.ZP.p.withConfig({displayName:"HrdLectureCard__CardInfoCategory",componentId:"sc-67084b1f-5"})(g(),n=>{let{theme:t}=n;return t.typography.body[3].regular},n=>{let{theme:t}=n;return t.colors.gray[600]},n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.typography.body[5].regular})},9931:function(n,t,r){r.d(t,{W:function(){return l}});var i=r(74612);let l=(n,t,r)=>{let l=[];

1if(!n)return l;let{isLearnCard:o,isMobile:s,isDigital:c,categoryId:d,archiveLecture:u}=n;if(u){let n={E_LEARNING:"isELearning",MICRO_LEARNING:"isMicroLearning",SHORT_FORM:"isShortForm"};return l.push(n[u.type]),l}return s&&l.push("isMobile"),(0,i.Ex)(d,r)&&l.push("isMandatory"),t&&(l.push("isNCS"),o&&l.push("isLearnCard"),c&&l.push("isLearnCard","isDigital")),l}},21471:function(n,t,r){var i=r(37340),l=r(85893),o=r(67294),s=r(52015),c=r(94925),d=r(46378),u=r(88731),p=r(60582),h=r(7679),m=r(92244);function x(){let n=(0,i._)(["\n    z-index: 5;\n    width: 22px;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n\n    .base-heart {\n      cursor: pointer;\n      position: relative;\n      top: 0;\n      left: 0;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n\n      img {\n        width: 22px;\n        height: 22px;\n      }\n    }\n\n    .base-heart-active {\n      position: absolute;\n      z-index: 1;\n\n      .heart-img {\n        &[data-flag='true'] {\n          opacity: 1;\n          animation: feedLikeClickTrue forwards;\n          ",";\n        }\n\n        &[data-flag='false'] {\n          opacity: 0;\n          ",";\n        }\n      }\n    }\n  "]);return x=function(){return n},n}function g(){let n=(0,i._)(["\n  ","\n"]);return g=function(){return n},n}let f=n=>{let{id:t,isWishList:r}=n,i=(0,o.useRef)(null),[s,x]=(0,o.useState)(r),{mutateAsync:g}=d.pV.delete(),{queryFn:f}=c.so.getOptions({vars:{path:{id:t}}}),y=async()=>{try{i.current=!0,x(n=>!n);let{result:n}=await f(),{lectureGroup:r,mainLectureLesson:l}=n;await (0,m.Z)(t),(0,h.B)({items:[{item_id:t,item_name:r.title,item_category:p.y.NORMAL,price:l.standardSupportMoney,quantity:1}]})}catch(n){}},w=async()=>{try{i.current=!0,x(n=>!n),await g({path:{id:t,productType:"lecture"}})}catch(n){}},j=async()=>{let n=s?w:y;await n()};return(0,o.useEffect)(()=>{x(r)},[r]),(0,l.jsxs)(v,{ready:i.current,onClick:j,"data-gtm-category":u.M.viewHoldOnClick,children:[(0,l.jsx)("div",{className:"base-heart",style:{opacity:1},children:(0,l.jsx)("img",{src:"/n/icons/like_off.png",alt:"좋아요-off","data-gtm-category":u.M.viewHoldOnClick})}),(0,l.jsx)("div",{className:"base-heart base-heart-active",style:{zIndex:2},children:(0,l.jsx)("img",{src:"/n/icons/like_on.png",className:"heart-img","data-flag":s,alt:"좋아요-on","data-gtm-category":u.M.viewHoldOnClick})})]})};t.Z=f;let v=s.ZP.div.withConfig({displayName:"Like__StyledWrapper",componentId:"sc-77990cde-0"})(g(),n=>{let{ready:t}=n;return(0,s.iv)(x(),t&&"animation: feedLikeClickTrue 0.5s forwards",t&&"animation: feedLikeClickBgFalse 0.5s forwards")})},92244:function(n,t,r){var i=r(46378),l=r(61180);let o=async n=>{let t=!1;if(!l.t.local.get("WISHLIST_GUIDE_SHOWN")){var r;let{queryFn:n}=i.ey.getOptions(),l=await n();t=(null==l?void 0:null===(r=l.result)||void 0===r?void 0:r.total)===0}await i.pV.post.mutationFn({path:{id:n,productType:"lecture"}}),t&&(alert("찜한 강의에 추가되었어요!\n마이페이지 > 찜한 강의 메뉴에서 언제든지 확인할 수 있어요."),l.t.local.set("WISHLIST_GUIDE_SHOWN",!0))};t.Z=o},80265:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var _swc_helpers_tagged_template_literal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(37340),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(67294),styled_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(52015);function _templateObject(){let n=(0,_swc_helpers_tagged_template_literal__WEBPACK_IMPORTED_MODULE_0__._)(["\n        color: var(--color-main);\n      "]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,_swc_helpers_tagged_template_literal__WEBPACK_IMPORTED_MODULE_0__._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 7px;\n\n  .total {\n    font-weight: 500;\n    ","\n  }\n\n  .bar {\n    margin-top: 8px;\n    border-radius: 100px;\n    overflow: hidden;\n\n    .bar-outer {\n      position: relative;\n      width: 8px;\n      height: 48px;\n      border-radius: 100px;\n      background-color: #e6e9ed;\n    }\n\n    .bar-inner {\n      position: absolute;\n      width: 8px;\n      bottom: 0;\n      border-radius: 100px;\n      background-color: ",";\n    }\n  }\n\n  .score {\n    margin-top: 16px;\n  }\n"]);

1return _templateObject1=function(){return n},n}let LectureReviewRatingScoreBar=param=>{let{scoreNumber,lectureGroup,scoreNumberIndexArray}=param,{score5Count,score4Count,score3Count,score2Count,score1Count}=lectureGroup||{},scoreCounts=[score5Count,score4Count,score3Count,score2Count,score1Count],scoreCountsObject=scoreNumberIndexArray.reduce((n,t,r)=>(n[t]=scoreCounts[r],n),{}),scorePercentagesByIndex=scoreNumberIndexArray.map(scoreNumberIndex=>eval("score".concat(scoreNumberIndex,"Count"))),scoresTotal=scorePercentagesByIndex.reduce((n,t)=>n+t,0),scoresPercentages=scorePercentagesByIndex.map(n=>100*n/scoresTotal),scorePercentage=scoresPercentages[scoreNumberIndexArray.indexOf(scoreNumber)],isScoreCountsAllZero=Object.values(scoreCounts).every(n=>0===n),score=scoreCountsObject[scoreNumber],maxScore=Math.max(...scoreCounts),maxKeys=Object.keys(scoreCountsObject).reduce((n,t)=>(scoreCountsObject[t]>maxScore?(maxScore=scoreCountsObject[t],n=[t]):scoreCountsObject[t]===maxScore&&n.push(t),n),[]),isMax=!isScoreCountsAllZero&&maxKeys.includes(String(scoreNumber));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(StyledWrapper,{isMax:isMax,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"total",children:score||"0"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"bar",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"bar-outer",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"bar-inner",style:{height:"".concat(scorePercentage,"%")}})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{className:"score",children:[scoreNumber,"점"]})]})};__webpack_exports__.Z=LectureReviewRatingScoreBar;let StyledWrapper=styled_components__WEBPACK_IMPORTED_MODULE_3__.ZP.div.withConfig({displayName:"LectureReviewRatingScoreBar__StyledWrapper",componentId:"sc-50415fee-0"})(_templateObject1(),n=>{let{isMax:t}=n;return t&&(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.iv)(_templateObject())},n=>{let{isMax:t}=n;return t?"var(--color-main)":"#a4a4a4"})},98356:function(n,t,r){r.d(t,{_d:function(){return i},BK:function(){return rf},Sr:function(){return r8},n4:function(){return tJ},tB:function(){return it},MC:function(){return t1},_W:function(){return t2},GH:function(){return t4}}),function(n){n.JOB="NCS 직업교육",n.SEMICONDUCTOR="NCS반도체/2차전지",n.IT="IT",n.CERTIFICATE="자격증",n.MAJOR="대학전공",n.DIGITAL="K디지털교육",n.JOBMASTERCLASS="직무마스터클래스",n.CORPORATE="기업교육",n.MANDATORY="법정의무교육",n.COMPANY="윈스펙 강의목록",n.HRD_ARCHIVE="HRD 아카이브 전체 강의"}(l||(l={}));let i={BEGINNER:"입문",BASIC:"기본",ADVANCED:"심화"};var l,o,s=r(37340),c=r(85893),d=r(67294),u=r(52015),p=r(11163),h=r(94925),m=r(41664),x=r.n(m);let g=n=>{let{className:t,color:r}=n;return(0,c.jsx)("svg",{className:t,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)("path",{d:"M9.98543 13.4995C9.87091 13.4912 9.76141 13.4482 9.67087 13.3762L4.12884 7.38095C4.04621 7.29395 4 7.17753 4 7.05634C4 6.93516 4.04621 6.81874 4.12884 6.73174C4.16624 6.68808 4.21236 6.65309 4.2641 6.62912C4.31584 6.60515 4.372 6.59275 4.42882 6.59275C4.48564 6.59275 4.5418 6.60515 4.59354 6.62912C4.64528 6.65309 4.6914 6.68808 4.72881 6.73174L9.98543 12.3866L15.2712 6.63899C15.3086 6.59533 15.3547 6.56035 15.4065 6.53637C15.4582 6.5124 15.5144 6.5 15.5712 6.5C15.628 6.5 15.6842 6.5124 15.7359 6.53637C15.7876 6.56035 15.8338 6.59533 15.8712 6.63899C15.9538 6.726 16 6.84242 16 6.9636C16 7.08478 15.9538 7.2012 15.8712 7.28821L10.2717 13.3762C10.2362 13.4174 10.192 13.45 10.1424 13.4713C10.0928 13.4927 10.0392 13.5023 9.98543 13.4995Z",fill:r})})};var f=g;function v(){let n=(0,s._)(["\n  overflow: hidden;\n  width: 200px;\n"]);return v=function(){return n},n}function y(){let n=(0,s._)(["\n  &:last-child {\n    border-bottom: none;\n  }\n"]);return y=function(){return n},n}function w(){let n=(0,s._)(["\n      border-bottom: 1px solid #d9d9d9;\n    "]);return w=function(){return n},n}function j(){let n=(0,s._)(["\n      border-bottom: none !important;\n      color: #fff;\n    "]);return j=function(){return n},n}function _(){let n=(0,s._)(["\n      background-color: #fff;\n      .item-title {\n        color: #4bbd14;\n      }\n    "]);return _=function(){return n},n}function N(){let n=(0,s._)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 12px;\n  cursor: ",";\n  transition: background-color 0.2s ease;\n  background-color: ",";\n\n  .item-link {\n    text-decoration: none;\n  }\n\n  .item-title {\n    font-weight: 500;\n    color: ",";\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  ","\n\n  ","\n  \n  ","\n  \n\n  .toggle-button {\n    width: 16px;\n    height: 16px;\n    margin-left: 8px;\n    display: flex;

1\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.2s ease;\n\n    &.expanded {\n      transform: rotate(180deg);\n    }\n  }\n"]);return N=function(){return n},n}function C(){let n=(0,s._)(["\n  background-color: #fafafa;\n  border-bottom: 1px solid #d9d9d9;\n"]);return C=function(){return n},n}let k=n=>{let{activeKey:t,items:r,onItemClick:i}=n,l=(0,p.useRouter)(),[o,s]=(0,d.useState)(()=>new Set);(0,d.useEffect)(()=>{if(!t){s(new Set([0]));return}let n=r.find(n=>{let{id:r,nodes:i}=n;return r===t||(null==i?void 0:i.some(n=>n.id===t))});n?s(t=>t.has(n.id)&&1===t.size?t:new Set([n.id])):s(new Set)},[t,r]);let u=(n,t)=>{if(!t){s(new Set);return}s(new Set([n]))},h=()=>{let{category_id:n,...t}=l.query;l.replace({pathname:l.pathname,query:t},void 0,{shallow:!0})},m=n=>{l.replace({pathname:l.pathname,query:{...l.query,category_id:n}},void 0,{shallow:!0})},g=(n,t,r,l)=>{r?(n.preventDefault(),l?(h(),u(t.id,!1)):u(t.id,!0)):m(t.id),null==i||i(t)},v=function(n){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=!!n.nodes&&n.nodes.length>0,l=t===n.id,s=o.has(n.id)||0===t&&n.id===t;return(0,c.jsxs)(L,{children:[(0,c.jsxs)(T,{depth:r,isActive:l||s,hasChildren:i,onClick:t=>g(t,n,i,l),children:[n.url?(0,c.jsx)(x(),{href:n.url,children:(0,c.jsx)("span",{className:"item-title",children:n.name})}):(0,c.jsx)("span",{className:"item-title",children:n.name}),i&&(0,c.jsx)("span",{className:"toggle-button ".concat(s?"expanded":""),children:(0,c.jsx)(f,{color:s?"#fff":"#333"})})]}),i&&s&&(0,c.jsx)(R,{children:n.nodes.map(n=>v(n,r+1))})]},n.id)};return(0,c.jsx)(I,{children:r.map(n=>v(n))})};var S=k;let I=u.ZP.div.withConfig({displayName:"AccordionNavigation__StyledWrapper",componentId:"sc-16debae7-0"})(v()),L=u.ZP.div.withConfig({displayName:"AccordionNavigation__StyledItem",componentId:"sc-16debae7-1"})(y()),T=u.ZP.div.withConfig({displayName:"AccordionNavigation__StyledItemHeader",componentId:"sc-16debae7-2"})(N(),n=>{let{hasChildren:t}=n;return t?"pointer":"default"},n=>{let{isActive:t}=n;return t?"#4BBD14":"#fff"},n=>{let{isActive:t,depth:r}=n;return t?"#fff":1===r?"#666":"#333"},n=>{let{depth:t}=n;return 0===t&&(0,u.iv)(w())},n=>{let{isActive:t}=n;return t&&(0,u.iv)(j())},n=>{let{depth:t,isActive:r}=n;return t>0&&r&&(0,u.iv)(_())}),R=u.ZP.div.withConfig({displayName:"AccordionNavigation__StyledChildren",componentId:"sc-16debae7-3"})(C());var E=r(63846),P=r(69979),Z=r(3799);function A(){let n=(0,s._)(["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: ",";\n  width: 100%;\n\n  li {\n    margin-bottom: 10px;\n    height: 90px;\n    overflow: hidden;\n\n    a {\n      width: 100%;\n      height: 100%;\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n    }\n  }\n\n  @media "," {\n    li {\n      width: 50%;\n    }\n  }\n"]);return A=function(){return n},n}let D=n=>{let{direction:t,className:r}=n,{data:i}=(0,P.J)({vars:{params:{category:"LIST"}}});return(0,c.jsx)(M,{className:r,direction:t,children:((null==i?void 0:i.items)||[]).map((n,t)=>(0,c.jsx)("li",{children:(0,c.jsx)(x(),{href:n.link,children:(0,c.jsx)("img",{src:"".concat(Z.oq,"/data/banner/").concat(n.image),alt:n.title})})},"banner-".concat(t)))})},M=u.ZP.ul.withConfig({displayName:"EduImgBanners__StyledList",componentId:"sc-5b2c4bf9-0"})(A(),n=>{let{direction:t}=n;return t},n=>{let{theme:t}=n;return t.tablet});var z=D,W=r(88767);let B=["/v2/main/lecture/total","all"],F=n=>(0,W.useQuery)(B,()=>{let t=n.map(n=>{let{id:t}=n;return h.LY.getOptions({vars:{params:{categoryId:t}}}).queryFn()});return Promise.all(t)},{enabled:n.length>0,select:n=>{let t=n.map(n=>{let{result:t}=n;return t.total}),r=t.reduce((n,t)=>n+t,0);return[r,...t]}});var O=F;function H(){let n=(0,s._)(["\n  .menu-badge-list {\n    display: none;\n  }\n\n  @media "," {\n    .menu-badge-list {\n      display: ",";\n      gap: 10px;\n      padding-bottom: 20px;\n      overflow-x: scroll;\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n"]);return H=function(){return n},n}function q(){let n=(0,s._)(["\n  @media "," {\n    display: none;\n  }\n"]);return q=function(){return n},n}function G(){let n=(0,s._)(["\n  ",";\n  color: ",";\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  border-radius: 50px;\n  padding: 7px 15px;\n  background-color: #e9e9e9;\n  min-width: auto;\n\n  ","\n"]);return G=function(){return n},n}let V=n=>{var t;let{categoryId:r}=n,i=(0,p.useRouter)(),{data:l,isLoading:o,isFetching:s}=(0,h.Dc)(),d=(null==l?void 0:l.nodes)||[],u=[...d].sort((n,t)=>n.order-t.order),m=Number.isNaN(Number(r))?0:Number(r),x="/hrd-archive/lecture/[course_id]"===i.pathname,{data:g}=O(u),f=x?"/hrd-archive/lecture":i.pathname,v=[{id:0,name:"전체 ".concat((null==g?void 0:g[0])?" (".concat(null==g?void 0:g[0],")"):""),url:f,order:0},...null==u?void 0:u.map((n,r)=>{var i;return{id:n.id,name:"".concat(n.name).concat((null==g?void 0:g[r+1])?" (".concat(null==g?void 0:g[r+1],")"):""),url:f+"?category_id=".concat(n.id),order:n.order,parentId:n.parentId,nodes:null!==(t=null===(i=n.nodes)||void 0===i?void 0:i.map(n=>({id:n.id,name:n.name,url:"".concat(f,"?category_id=").concat(n.id),order:n.order,parentId:n.parentId})))&&void 0!==t?t:[]}})];return o||s?null:(0,c.jsxs)(U,{isHrdArchiveLectureDetail:x,children:[(0,c.jsx)("div",{className:"menu-badge-list",children:v.map(n=>{let{id:t,name:r,url:i,nodes:l}=n,o=m===t,s=null==l?void 0:l.some(n=>{let{id:t}=n;return t===m});return(0,c.jsx)(Q,{href:i,$isActive:o||s,children:r},r)})}),(0,c.jsx)(K,{direction:"column"}),(0,c.jsx)("div",{className:"menu-side",children:(0,c.jsx)(S,{items:v,activeKey:m})})]})};var Y=V;let U=u.ZP.div.withConfig({displayName:"HrdArchiveSideNavigation__StyledWrapper",componentId:"sc-a2821fc5-0"})(H(),n=>{let{theme:t}=n;return t.tablet},n=>{let{isHrdArchiveLectureDetail:t}=n;return t?"none":"flex"}),K=(0,u.ZP)(z).withConfig({displayName:"HrdArchiveSideNavigation__HrdEduImgBanners",componentId:"sc-a2821fc5-1"})(q(),n=>{let{theme:t}=n;return t.tablet}),Q=(0,u.ZP)(E.Fg).withConfig({displayName:"HrdArchiveSideNavigation__CustomLink",componentId:"sc-a2821fc5-2"})(G(),n=>{let{theme:t}=n;return t.typography.body[4].medium},n=>{let{theme:t}=n;return t.colors.gray[800]},n=>{let{$isActive:t}=n;return t&&"\n      background-color: var(--color-main);\n      color: #fff;\n    "});function J(){let n=(0,s._)(["\n  display: flex;\n\n  /* HrdArchiveSideNavigation 이 아코디언을 .menu-side 로 감싼다. 폭 230 + 우측 여백 30 이 본문과의 간격 */\n  .menu-side {\n    display: flex;\n    flex-direction: column;\n    margin-right: 30px;\n    width: 230px;\n  }\n\n  .contents-side {\n    width: calc(100% - 250px);\n  }\n\n  @media "," {\n    .menu-side {\n      display: flex;\n    }\n  }\n\n  @media "," {\n    display: block;\n\n    .menu-side {\n      display: none;\n    }\n\n    .contents-side {\n      width: 100%;\n      margin: 0;\n    }\n  }\n"]);return J=function(){return n},n}let X=n=>{let{categoryId:t,children:r}=n;return(0,c.jsxs)(nn,{children:[(0,c.jsx)(Y,{categoryId:t}),(0,c.jsx)("div",{className:"contents-side",children:r})]})};var $=X;let nn=u.ZP.div.withConfig({displayName:"ContainerHrdEducation__StyledWrapper",componentId:"sc-82d3a0f1-0"})(J(),n=>{let{theme:t}=n;return t.desktop},n=>{let{theme:t}=n;return t.tablet}),ne=()=>{let n=(0,p.useRouter)(),t=n.query.course_id,{data:r,isLoading:i,isError:l}=(0,h.so)({vars:{path:{id:t}},options:{cacheTime:100}});return{data:null==r?void 0:r.result,isLoading:i,isError:l}};var nt=ne,nr=r(6122);function ni(){let n=(0,s._)(["\n  .course-img {\n    width: 100%;\n  }\n\n  @media screen and (min-width: 768px) {\n    width: 240px;\n  }\n\n  @media "," {\n    width: 100%;\n  }\n"]);return ni=function(){return n},n}let nl=n=>{let{mainLectureLesson:t}=n;return(0,c.jsx)(no,{className:"lt-content",children:(0,c.jsx)(nr.E,{src:null==t?void 0:t.lectureImage,className:"course-img",alt:"교육 과정 사진"})})};var na=nl;let no=u.ZP.div.withConfig({displayName:"ContentLeftSide__StyledWrapper",componentId:"sc-581f4e85-0"})(ni(),n=>{let{theme:t}=n;return t.mobile});var ns=r(87066),nc=r(20789),nd=r(1828),nu=r(46378),np=r(88731),nh=r(60582),nm=r(7679),nx=r(92244);function ng(){let n=(0,s._)(["\n    position: relative;\n\n    p {\n      &[data-flag='1'] {\n        color: var(--color-main);\n      }\n    }\n\n    .heart-wrap {\n      position: relative;\n\n      .base-heart {\n        top: 0;\n        left: 0;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n\n        img {\n          width: 22px;\n          height: 22px;\n        }\n\n\n      }\n\n      .base-heart-active {\n        position: absolute;\n        z-index: 1;\n\n        .heart-img {\n          &[data-flag='true'] {\n            opacity: 1;\n            animation: feedLikeClickTrue forwards;\n            ",";\n          }\n\n          &[data-flag='false'] {\n            opacity: 0;\n            ",";\n          }\n        }\n\n        //@keyframes feedLikeClickTrue {\n        //  0% {\n        //    transform: scale(0);\n        //  }\n        //  50% {\n        //    transform: scale(1.2);\n        //  }\n        //  100% {\n        //    opacity: 1;\n        //    transform: scale(1);\n        //  }\n        //}\n        //\n        //@keyframes feedLikeClickBgFalse {\n        //  0% {\n        //    opacity: 1;\n        //    transform: scale(1);\n        //  }\n        //  50% {\n        //    transform: scale(1.2);\n        //  }\n        //  100% {\n        //    opacity: 0;\n        //    transform: scale(0);\n        //  }\n      }\n    }\n  }\n  "]);return ng=function(){return n},n}function nf(){let n=(0,s._)(["\n  width: 100%;\n  padding: 10px;\n  border: 1px solid var(--color-main);\n  border-radius: 2px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  margin-right: 4px;

1\n\n  p {\n    font-family: 'NanumSquare', '나눔스퀘어', serif;\n    font-weight: 400;\n    font-size: 16px;\n    color: #999;\n    margin-left: 5px;\n  }\n\n  @media "," {\n    flex: 1;\n    margin-right: 0;\n  }\n\n  ","\n"]);return nf=function(){return n},n}let nv=n=>{let{id:t,isWishList:r,wishlistCount:i}=n,l=(0,d.useRef)(null),[o,s]=(0,d.useState)(r),[u,p]=(0,d.useState)(i),{mutateAsync:m}=nu.pV.delete(),{queryFn:x}=h.so.getOptions({vars:{path:{id:t}}}),g=async()=>{try{l.current=!0,s(n=>!n);let{result:n}=await x(),{wishlist:r,lectureGroup:i,mainLectureLesson:o}=n,c=r.wishlistCount;p(c+1),await (0,nx.Z)(t),(0,nm.B)({items:[{item_id:t,item_name:i.title,item_category:nh.y.NORMAL,price:o.standardSupportMoney,quantity:1}]})}catch(n){}},f=async()=>{try{l.current=!0,s(n=>!n);let{result:n}=await x(),r=n.wishlist.wishlistCount;p(r-1),await m({path:{id:t,productType:"lecture"}})}catch(n){}},v=async()=>{let n=o?f:g;await n()};return(0,c.jsxs)(nb,{ready:l.current,onClick:v,"data-gtm-category":np.M.holdOnClick,children:[(0,c.jsxs)("div",{className:"heart-wrap",children:[(0,c.jsx)("div",{className:"base-heart",style:{opacity:1},children:(0,c.jsx)("img",{src:"/n/icons/like_off.png",alt:"좋아요-off","data-gtm-category":np.M.holdOnClick})}),(0,c.jsx)("div",{className:"base-heart base-heart-active",style:{zIndex:2},children:(0,c.jsx)("img",{src:"/n/icons/like_on.png",className:"heart-img","data-flag":o,alt:"좋아요-on","data-gtm-category":np.M.holdOnClick})})]}),(0,c.jsxs)("p",{"data-flag":o,"data-gtm-category":np.M.holdOnClick,children:["찜 ",u]})]})};var ny=nv;let nb=u.ZP.div.withConfig({displayName:"LikeButton__StyledWrapper",componentId:"sc-64f7c35-0"})(nf(),n=>{let{theme:t}=n;return t.mobile},n=>{let{ready:t}=n;return(0,u.iv)(ng(),t&&"animation: feedLikeClickTrue 0.5s forwards",t&&"animation: feedLikeClickBgFalse 0.5s forwards")});function nw(){let n=(0,s._)(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-direction: row-reverse;\n  @media "," {\n    flex-direction: column;\n  }\n\n  .button-left {\n    display: flex;\n    width: 50%;\n    margin-right: 4px;\n    flex: 1;\n    @media "," {\n      width: 100%;\n      margin-right: 0;\n      margin-top: 6px;\n    }\n  }\n\n  button {\n    width: 100%;\n    padding: 10px;\n    background: var(--color-main);\n    border: solid 1px var(--color-main);\n    border-radius: 2px;\n    color: #fff;\n    font-size: 16px;\n    cursor: pointer;\n    flex: 1;\n\n    &.apply-btn {\n      float: left;\n    }\n  }\n"]);return nw=function(){return n},n}let nj=()=>{var n,t,r;let i=(0,p.useRouter)(),l=null===(n=i.query)||void 0===n?void 0:n.course_id,{mutateAsync:o}=nc.Rh.post(),{data:s}=nt(),{wishlist:d}=null!=s?s:{},u=null!==(t=null==d?void 0:d.wishlistCount)&&void 0!==t?t:0,h=async()=>{if(confirm("해당 강의를 수강신청하시겠습니까?"))try{let n=parseInt(String(l),10);if(Number.isNaN(n))throw Error("course_id is invalid");await o({body:{lectureId:n}}),alert("신청되었습니다."),location.href="/mypage/myclass.html"}catch(l){var n,t,r,i,s,c,d;if(ns.Z.isAxiosError(l)&&(null===(n=l.response)||void 0===n?void 0:n.status)===404){alert(null!==(s=(0,nd.iC)(l))&&void 0!==s?s:"해당 강의를 찾을 수 없습니다."),location.href="/";return}if((0,nd.Jb)(l)){alert(null!==(c=(0,nd.iC)(l))&&void 0!==c?c:"훈련 기간이 아닙니다.");return}alert(null!==(d=null==l?void 0:null===(t=l.response)||void 0===t?void 0:null===(r=t.data)||void 0===r?void 0:null===(i=r.error)||void 0===i?void 0:i.message)&&void 0!==d?d:l)}};return(0,c.jsxs)(nN,{children:[(0,c.jsx)("button",{className:"apply-btn",onClick:h,children:"수강신청"}),(0,c.jsx)("div",{className:"button-left",children:(0,c.jsx)(ny,{id:Number(l),isWishList:null!==(r=null==d?void 0:d.isWishlist)&&void 0!==r&&r,wishlistCount:u})})]})};var n_=nj;let nN=u.ZP.div.withConfig({displayName:"LectureApplyButton__StyledWrapper",componentId:"sc-8aac982c-0"})(nw(),n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.mobile});var nC=r(27484),nk=r.n(nC);function nS(){let n=(0,s._)(["\n  width: 100%;\n\n  .category-wrapper {\n    display: flex;\n    column-gap: 7px;\n    margin-bottom: 7px;\n\n    .category-label {\n      display: inline-block;\n      position: relative;

1\n      font-family: 'NanumSquare', '나눔스퀘어', serif;\n      font-size: 16px;\n      font-weight: 600;\n      color: #212121;\n      line-height: 26px;\n    }\n\n    .category-value {\n      display: inline-block;\n      font-family: 'NanumSquare', '나눔스퀘어', serif;\n      font-size: 16px;\n      font-weight: 400;\n      color: #757575;\n      line-height: 26px;\n    }\n  }\n\n  .extra-text {\n    span {\n      ","\n      color: ",";\n      display: block;\n    }\n  }\n\n  .hrd-info-container {\n    display: flex;\n    justify-content: space-between;\n  }\n"]);return nS=function(){return n},n}let nI=n=>n<60?"".concat(n,"분"):"".concat(Math.floor(n/60),"시간"),nL=n=>{var t,r,l;let{mainLectureLesson:o}=n;return(0,c.jsx)(nR,{children:(0,c.jsxs)("div",{className:"hrd-info-container",children:[(0,c.jsxs)("div",{children:[(0,c.jsxs)("div",{className:"category-wrapper",children:[(0,c.jsx)("span",{className:"category-label",children:"카테고리:"}),(0,c.jsx)("span",{className:"category-value",children:null==o?void 0:o.archiveCategory})]}),(0,c.jsxs)("div",{className:"category-wrapper",children:[(0,c.jsx)("span",{className:"category-label",children:"강의시간: "}),(0,c.jsx)("span",{className:"category-value",children:"\n                ".concat(nI(o.lessonTotalTime),"\n                \n                 (").concat(null==o?void 0:o.lessonTotalCount,"강)")})]}),(0,c.jsxs)("div",{className:"category-wrapper",children:[(0,c.jsx)("span",{className:"category-label",children:"난이도:"}),(0,c.jsx)("span",{className:"category-value",children:i[o.archiveLevel]})]}),(0,c.jsxs)("div",{className:"extra-text",children:[(0,c.jsxs)("span",{children:["콘텐츠 제작연도:"," ",(null==o?void 0:null===(t=o.archiveLecture)||void 0===t?void 0:t.contentCreatedAt)?nk()(o.archiveLecture.contentCreatedAt).format("YYYY"):"-"]}),(0,c.jsxs)("span",{children:["업데이트 날짜:"," ",(null==o?void 0:null===(r=o.archiveLecture)||void 0===r?void 0:r.uploadedAt)?nk()(o.archiveLecture.uploadedAt).format("YYYY-MM-DD"):"-"]})]})]}),(0,c.jsxs)("div",{className:"extra-text",children:["조회수: ",null!==(l=null==o?void 0:o.viewCount)&&void 0!==l?l:0," 회"]})]})})};var nT=nL;let nR=u.ZP.div.withConfig({displayName:"LectureBasicInfo__StyledWrapper",componentId:"sc-13df3513-0"})(nS(),n=>{let{theme:t}=n;return t.typography.body[4].regular},n=>{let{theme:t}=n;return t.colors.gray[600]});function nE(){let n=(0,s._)(["\n  width: 100%;\n  margin-bottom: 30px;\n\n  .contents-inner {\n    width: 100%;\n    display: flex;\n    padding-top: 24px;\n    border-top: 2px solid #212121;\n\n    @media "," {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .lt-content {\n      width: 350px;\n\n      @media "," {\n        width: 100%;\n      }\n    }\n\n    .rt-content {\n      padding-left: 30px;\n      width: 100%;\n\n      @media "," {\n        padding-left: 0;\n      }\n\n      .owner-margin-bottom {\n        margin-bottom: 18px;\n      }\n    }\n  }\n"]);return nE=function(){return n},n}let nP=()=>{let{data:n}=nt(),{mainLectureLesson:t}=null!=n?n:{};return(0,c.jsx)(nA,{children:(0,c.jsxs)("div",{className:"contents-inner",children:[(0,c.jsx)(na,{mainLectureLesson:t}),(0,c.jsxs)("div",{className:"rt-content",children:[(0,c.jsx)(nT,{mainLectureLesson:t}),(0,c.jsx)("div",{className:"owner-margin-bottom"}),(0,c.jsx)(n_,{})]})]})})};var nZ=nP;let nA=u.ZP.section.withConfig({displayName:"ContentSection__StyledWrapper",componentId:"sc-f08136e5-0"})(nE(),n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.mobile});function nD(){let n=(0,s._)(["\n  display: flex;\n  flex-direction: column;\n\n  padding: 20px 0;\n  border-bottom: 1px solid #d1d1d1;\n\n  .title-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n\n    .title {\n      position: relative;\n      padding-left: 16px;\n      font-size: 20px;\n      font-weight: 500;\n      color: #212121;\n      line-height: 1;\n\n      &::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 8px;\n        height: 8px;\n        transform: translate(0, -50%);\n        background-color: var(--color-main);\n        border-radius: 50%;\n      }\n    }\n\n    .button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 110px;\n      height: 30px;\n      border-radius: 4px;\n      background-color: var(--color-main);\n      font-size: 14px;\n      color: white;\n      font-weight: 500;\n    }\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  .title {\n    position: relative;\n    margin-bottom: 10px;\n    padding-left: 16px;\n    font-size: 20px;\n    font-weight: 500;\n    color: #212121;\n    line-height: 1;\n\n    &::before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 8px;\n      height: 8px;\n      transform: translate(0, -50%);\n      background-color: var(--color-main);\n      border-radius: 50%;\n    }\n  }\n\n  .contents-wrapper {\n    margin-left: 15px;\n\n    &,\n    * {\n      ","\n      color: ",";\n\n      @media "," {\n        ","\n      }\n    }\n  }\n"]);return nD=function(){return n},n}let nM=n=>{let{title:t,children:r,button:i}=n;return(0,c.jsxs)(nW,{children:[(0,c.jsxs)("div",{className:"title-wrapper",children:[(0,c.jsx)("h2",{className:"title",children:t}),i]}),r]})};var nz=nM;let nW=u.ZP.div.withConfig({displayName:"DetailSectionLayout__StyledWrapper",componentId:"sc-31cd57f9-0"})(nD(),n=>{let{theme:t}=n;return t.typography.body[1].regular},n=>{let{theme:t}=n;return t.colors.gray[700]},n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.typography.body[3].regular});function nB(){let n=(0,s._)(["\n  width: 100%;\n\n  thead {\n    .lesson-tr {\n      th,\n      td {\n        background-color: #eee;\n        font-weight: 500;\n      }\n    }\n  }\n\n  .lesson-tr {\n    th,\n    td {\n      padding: 6px 10px;\n      border: 1px solid #d9d9d9;\n      font-size: 16px;\n      text-align: center;\n      vertical-align: middle;\n    }\n\n    td {\n      &:first-child {\n        text-align: center;\n        background-color: #eee;\n        font-weight: 500;\n      }\n    }\n  }\n"]);return nB=function(){return n},n}let nF=n=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("td",{children:"".concat(n.lessonIndex,"차시")}),(0,c.jsx)("td",{children:n.lessonTitle})]}),nO=n=>{let{title:t,lessonList:r}=n,i=(0,d.useMemo)(()=>r.map((n,t)=>(0,c.jsx)("tr",{className:"lesson-tr",children:nF(n)},"tr-".concat(t))),[r]);return(0,c.jsx)(nz,{title:t,children:(0,c.jsxs)(nq,{children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{width:"80px"}),(0,c.jsx)("col",{width:"*"})]}),(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{className:"lesson-tr",children:[(0,c.jsx)("th",{children:"차시"}),(0,c.jsx)("th",{children:"내용"})]})}),(0,c.jsx)("tbody",{children:i})]})})};var nH=nO;

1let nq=u.ZP.table.withConfig({displayName:"TableLesson__StyledTable",componentId:"sc-fb0c8e6d-0"})(nB());function nG(){let n=(0,s._)(["\n  border-top: 1px solid #d1d1d1;\n"]);return nG=function(){return n},n}let nV=n=>{let{lessonData:t=[]}=n;return(0,c.jsx)(nU,{children:(0,c.jsx)(nH,{title:"학습내용",lessonList:t})})};var nY=nV;let nU=u.ZP.div.withConfig({displayName:"Curriculum__StyledWrapper",componentId:"sc-ce8ec56d-0"})(nG());var nK=r(6802),nQ=r(20234),nJ=r(78689);let nX=n=>{let{isExpanded:t=!1}=n;return(0,c.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,c.jsx)("path",{d:"M13.16 8.83991H2.84C2.38 8.83991 2 8.45991 2 7.99991C2 7.53991 2.38 7.15991 2.84 7.15991H13.16C13.62 7.15991 14 7.53991 14 7.99991C14 8.45991 13.62 8.83991 13.16 8.83991Z",fill:"#4BBD14"}),!t&&(0,c.jsx)("path",{d:"M7.99991 14C7.53991 14 7.15991 13.62 7.15991 13.16V2.84C7.15991 2.38 7.53991 2 7.99991 2C8.45991 2 8.83991 2.38 8.83991 2.84V13.16C8.83991 13.62 8.45991 14 7.99991 14Z",fill:"#4BBD14"})]})};var n$=nX;function n0(){let n=(0,s._)(["\n  border-top: 1px solid #d1d1d1;\n\n  .lectureWrapper {\n    overflow-x: auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 17.5px;\n\n    @media (max-width: 767px) {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n    }\n  }\n\n  .linkButton {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    color: #666;\n    line-height: 16px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    gap: 4px;\n  }\n"]);return n0=function(){return n},n}let n1=()=>{var n,t,r;let{query:i}=(0,p.useRouter)(),{width:l}=(0,nJ.Z)(),[o,s]=(0,d.useState)(!1),[u,m]=(0,d.useState)(!1),{data:g,isLoading:f}=(0,h.Le)({vars:{path:{id:i.course_id}}});if((0,d.useEffect)(()=>{m(l<768)},[l]),f)return(0,c.jsx)(nQ.Q,{height:400});let v=null!==(t=null==g?void 0:null===(n=g.items)||void 0===n?void 0:n.length)&&void 0!==t?t:0,y=u?o?v:4:o?v:3,w=null!==(r=null==g?void 0:g.items.slice(0,y))&&void 0!==r?r:[];return(0,c.jsx)(n4,{children:(0,c.jsx)(nz,{title:"추천과정",button:(0,c.jsxs)("button",{className:"linkButton",onClick:()=>s(!o),type:"button",children:[o?"간략히 보기":"전체보기",(0,c.jsx)(n$,{isExpanded:o})]}),children:(0,c.jsx)("div",{className:"lectureWrapper",children:null==w?void 0:w.map(n=>(0,c.jsx)(x(),{href:"/hrd-archive/lecture/".concat(n.id),children:(0,c.jsx)(nK.Z,{lectureData:n})},n.id))})})})};var n2=n1;let n4=u.ZP.div.withConfig({displayName:"HrdArchiveFeaturedList__StyledWrapper",componentId:"sc-f1017de8-0"})(n0());var n6=r(18615),n9=r(21209);function n3(){let n=(0,s._)(["\n  border-top: 1px solid #d1d1d1;\n\n  .notice-text {\n    ","\n    margin-top: 20px;\n    color: ",";\n\n    a {\n      ","\n      color: ",";\n      text-decoration: underline;\n    }\n  }\n\n  @media "," {\n    .notice-text {\n      ","\n\n      a {\n        ","\n      }\n    }\n  }\n"]);return n3=function(){return n},n}let n5=n=>{let{isDigital:t,isLearnCard:r}=n;return t?"FAQ_K_DIGITAL":r?"FAQ_HRD":"FAQ_HRD_ARCHIVE"},n8=n=>{var t;let{isDigital:r,isLearnCard:i}=n,l=n5({isDigital:r,isLearnCard:i}),{data:o,isLoading:s,isError:d}=(0,n6.CD)({vars:{params:{page:1,pageSize:40,orderBy:"id",order:"asc",faqCategory:l,isDisplayAtDetailPage:!0}}});if(s)return(0,c.jsx)(nQ.Q,{height:400});if(d)return(0,c.jsx)("div",{children:"에러가 발생했습니다."});let u=null==o?void 0:null===(t=o.result)||void 0===t?void 0:t.items;return(0,c.jsx)(en,{children:(0,c.jsxs)(nz,{title:"자주하는 질문(FAQ)",children:[(0,c.jsx)(n9.U,{dataSources:u.slice(0,8),dataGtmCategory:np.M.faqClick}),(0,c.jsxs)("p",{className:"notice-text",children:["*추가 문의사항은 아래 문의하기 버튼 또는 1:1문의 게시판(",(0,c.jsxs)(x(),{href:"/support/helps",children:[(0,c.jsx)("span",{className:"sr-only",children:"1:1문의 게시판"}),"클릭"]}),")을 통해 문의 가능합니다."]})]})})};var n7=n8;let en=u.ZP.div.withConfig({displayName:"LectureFaq__StyledWrapper",componentId:"sc-8d845418-0"})(n3(),n=>{let{theme:t}=n;return t.typography.body[1].regular},n=>{let{theme:t}=n;return t.colors.gray[600]},n=>{let{theme:t}=n;return t.typography.body[1].regular},n=>{let{theme:t}=n;return t.colors.point.indigo},n=>{let{theme:t}=n;return t.mobile},n=>{let{theme:t}=n;return t.typography.body[3].regular},n=>{let{theme:t}=n;return t.typography.body[3].regular});function ee(){let n=(0,s._)(["\n  display: flex;\n  flex-direction: row;\n  flex-width: wrap;\n  margin: 0 15px;\n\n  .book-wrapper {\n    display: flex;\n    margin: 0 70px 0 0;\n  }\n\n  .book-wrapper:last-child {\n    margin: 0;\n  }\n\n  .image-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 90px;\n    height: 125px;\n    border: 1px solid #ddd;\n    overflow: hidden;\n  }\n\n  .text-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 60%;\n    margin-left: 30px;\n\n    .book-name {\n      margin-bottom: 4px;\n      color: #212121;\n      font-size: 16px;\n      font-weight: 500;\n    }\n\n    .book-price {\n      font-size: 16px;\n      color: #777;\n    }\n\n    .button-wrapper {\n      width: 130px;\n      height: 40px;\n      padding: 0 10px;\n      border: 1px solid var(--color-main);\n      border-radius: 30px;\n\n      .button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n        font-size: 14px;\n        color: var(--color-main);\n        line-height: 40px;\n      }\n    }\n  }\n\n  @media "," {\n    flex-direction: column;\n\n    .book-wrapper {\n      margin: 0 0 50px 0;\n    }\n  }\n"]);return ee=function(){return n},n}let et=n=>{let{title:t,mainLectureLesson:r}=n;return(0,c.jsx)(nz,{title:t,children:(0,c.jsx)(ei,{children:(0,c.jsxs)("div",{className:"book-wrapper",children:[(0,c.jsx)("div",{className:"image-wrapper",children:(0,c.jsx)(nr.E,{src:r.textbookImage,alt:r.textbookName,className:"textbook-image"})}),(0,c.jsxs)("div",{className:"text-wrapper",children:[(0,c.jsxs)("div",{children:[(0,c.jsx)("p",{className:"book-name",children:r.textbookName}),(0,c.jsxs)("p",{className:"book-price",children:[r.textbookPrice.toLocaleStr

1ing("ko-KR"),"원"]})]}),r.textbookLink&&(0,c.jsx)("div",{className:"button-wrapper",children:(0,c.jsx)("a",{href:r.textbookLink,className:"button",target:"_blank",children:"구매하러 가기"})})]})]})})})};var er=et;let ei=u.ZP.div.withConfig({displayName:"TextBookInfo__StyledWrapper",componentId:"sc-c780d44c-0"})(ee(),n=>{let{theme:t}=n;return t.mobile});function el(){let n=(0,s._)(["\n  border-top: 1px solid #d9d9d9;\n\n  .contents-wrapper {\n    font-size: 16px;\n    line-height: 1.5;\n    overflow-wrap: anywhere;\n\n    > * {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n  }\n"]);return el=function(){return n},n}let ea=n=>{let{mainLectureLesson:t}=n,{lectureIntroduction:r,learningTarget:i,learningGoal:l,introductionLecturer:o,textbookName:s}=t||{};return(0,c.jsxs)(ec,{"data-role":"강의상세페이지>과정소개~교수소개(교재정보)",children:[(0,c.jsx)(nz,{title:"과정소개",children:(0,c.jsx)("div",{className:"contents-wrapper",dangerouslySetInnerHTML:{__html:r}})}),(0,c.jsx)(nz,{title:"학습대상",children:(0,c.jsx)("div",{className:"contents-wrapper",dangerouslySetInnerHTML:{__html:i}})}),(0,c.jsx)(nz,{title:"학습목표",children:(0,c.jsx)("div",{className:"contents-wrapper",dangerouslySetInnerHTML:{__html:l}})}),(0,c.jsx)(nz,{title:"교수소개",children:(0,c.jsx)("div",{className:"contents-wrapper",dangerouslySetInnerHTML:{__html:o}})}),s&&(0,c.jsx)(er,{title:"교재정보",mainLectureLesson:t})]})};var eo=ea;let ec=u.ZP.div.withConfig({displayName:"LectureInfoList__StyledList",componentId:"sc-cb444e22-0"})(el());var ed=r(12909),eu=r(55912),ep=r(50049),eh=r(73445);let em=(0,eh.Ue)(n=>({data:{sortField:"id",sortDirection:"desc",sortLabel:"기본순"},update:t=>{n(n=>({...n.data,...t}))}}));var ex=r(89825);let eg=[{value:["id","desc"],label:"기본순"},{value:["createdAt","desc"],label:"최신순"},{value:["reviewScore","desc"],label:"평점높은순"},{value:["reviewScore","asc"],label:"평점낮은순"},{value:["helpfulCount","desc"],label:"도움돼요순"}],ef=[{value:0,label:"별점순"},{value:5,label:"5점"},{value:4,label:"4점"},{value:3,label:"3점"},{value:2,label:"2점"},{value:1,label:"1점"}];function ev(){let n=(0,s._)(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    width: 100%;\n\n    > div {\n      margin: 0 6px;\n    }\n\n    .bar {\n      width: 1px;\n      height: 16px;\n      margin: 0 6px;\n      background-color: #d9d9d9;\n    }\n\n    // 후기 리스트 정렬 select box 스타일\n    .sort-select {\n      width: ",";\n\n      .sort-select__control {\n        border: none;\n        box-shadow: none;\n        cursor: pointer;\n\n        .sort-select__placeholder {\n          font-size: 16px;\n          color: #3a3a3a;\n          text-align: right;\n        }\n\n        .sort-select__indicators {\n          background: url('/n/images/svg/svg-filled-arrow-bottom.svg') no-repeat\n            top 14px right;\n\n          svg {\n            display: none;\n          }\n\n          .sort-select__indicator-separator {\n            display: none;\n          }\n        }\n      }\n\n      .sort-select__single-value {\n        font-size: 16px;\n        color: #3a3a3a;\n        text-align: right;\n      }\n\n      .sort-select__menu {\n        width: 120px;\n        text-align: center;\n        z-index: 99;\n\n        .sort-select__option {\n          font-size: 16px;\n          color: #3a3a3a;\n          background-color: #fff;\n          cursor: pointer;\n\n          &:hover {\n            background-color: #f6fbf3;\n          }\n\n          &.sort-select__option--is-disabled {\n            cursor: not-allowed;\n          }\n\n          &.sort-select__option--is-selected {\n            color: #fff;\n            background-color: var(--color-main);\n\n            &:hover {\n              background-color: #487f2d;\n            }\n          }\n        }\n      }\n    }\n\n    .rating-sort-select {\n      .sort-select__menu {\n        width: 80px;\n      }\n    }\n  "]);return ev=function(){return n},n}function ey(){let n=(0,s._)(["\n  ","\n"]);return ey=function(){return n},n}let eb=n=>{let{isShowModal:t,reviewFilterData:r,setSortReviewScore:i}=n,l=em(n=>n.update),o=n=>{if(!n)return;let[t,r]=n.value;l({data:{sortField:t,sortDirection:r,sortLabel:n.label}})},s=n=>{n&&i(n.value)};return(0,c.jsxs)(ej,{isShowModal:t,children:[(0,c.jsx)(ex.ZP,{isSearchable:!1,options:eg,placeholder:"기본순",instanceId:"sort-select",className:"sort-select",classNamePrefix:"sort

1-select",onChange:o,value:{value:[null==r?void 0:r.sortField,null==r?void 0:r.sortDirection],label:null==r?void 0:r.sortLabel}}),t&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"bar"}),(0,c.jsx)(ex.ZP,{isSearchable:!1,options:ef,placeholder:"별점순",instanceId:"sort-select",className:"sort-select rating-sort-select",classNamePrefix:"sort-select",onChange:s})]})]})};var ew=eb;let ej=u.ZP.div.withConfig({displayName:"LectureReviewListSortSelect__StyledWrapper",componentId:"sc-785f4aa9-0"})(ey(),n=>{let{isShowModal:t}=n;return(0,u.iv)(ev(),t?"auto":"120px")});var e_=r(80974),eN=r(73546),eC=r(96177),ek=r(53485);let eS={SLAVE:"내일배움카드",NORMAL:"일반",DIGITAL:"K디지털",OWNER:"사업주지원",AUDIT:"심사",UNEMPLOYED:"내일배움카드"};var eI=r(24727),eL=r(7878);function eT(){let n=(0,s._)(["\n  height: 28px;\n  margin-left: 8px;\n  padding: 0px 8px;\n  border-radius: 2px;\n  ","\n  color: ",";\n  border: 1px solid ",";\n"]);return eT=function(){return n},n}let eR=n=>{var t,r;let{reviewId:i,helpfulCount:l=0}=n,o=(0,eI.ZP)(),{data:s,mutateAsync:d}=e_.Bi.patch(),u=async()=>{try{if(!o||!(null==o?void 0:o.isLogin)){let n=location.pathname+location.search,t=(0,eL.Nv)(n,{base:Z.oq});return location.href=t}await d({path:{id:i}})}catch(r){var n;let t=null==r?void 0:null===(n=r.response)||void 0===n?void 0:n.status;switch(t){case 400:alert("내가 작성한 후기는 추천할 수 없어요.");break;case 401:alert("내가 작성한 리뷰는 추천할 수 없어요.")}}};return(0,c.jsxs)(eP,{className:"button helpful",onClick:u,children:["도움돼요 ",null!==(r=null==s?void 0:null===(t=s.result)||void 0===t?void 0:t.helpfulCount)&&void 0!==r?r:l]})};var eE=eR;let eP=u.ZP.button.withConfig({displayName:"LectureReviewListItemHelpfulButton__StyledButton",componentId:"sc-72bfa3d3-0"})(eT(),n=>{let{theme:t}=n;return t.typography.body[5].bold},n=>{let{theme:t}=n;return t.colors.gray[600]},n=>{let{theme:t}=n;return t.colors.gray[300]});function eZ(){let n=(0,s._)(["\n  ","\n  color: ",";\n"]);return eZ=function(){return n},n}let eA=n=>{let{reviewData:t,setIsShowModal:r}=n,i=(0,eI.ZP)(),{refetch:l}=(0,e_.zX)({options:{enabled:!1}}),o=async()=>{try{let{data:n}=await l();return null==n?void 0:n.result}catch(n){}},s=async()=>{if(!i||!(null==i?void 0:i.isLogin)){let n=location.pathname+location.search,t=(0,eL.Nv)(n,{base:Z.oq});return location.href=t}if((null==t?void 0:t.username)===i.username)return alert("내가 작성한 후기는 신고할 수 없어요.");let n=await o();if(!n.isAvailable)return alert(n.message);r(!0)};return(0,c.jsx)(eM,{onClick:s,children:"신고"})};var eD=eA;let eM=u.ZP.button.withConfig({displayName:"LectureReviewListItemReportButton__StyledButton",componentId:"sc-18da1ac1-0"})(eZ(),n=>{let{theme:t}=n;return t.typography.body[3].regular},n=>{let{theme:t}=n;return t.colors.gray[600]});var ez=r(87536);function eW(){let n=(0,s._)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 30px;\n"]);return eW=function(){return n},n}let eB=n=>{let{reviewId:t,onClose:r}=n,{handleSubmit:i}=(0,ez.Gc)(),{mutateAsync:l}=e_.ur.post(),o=async n=>{try{let{reportType:i,reporterUsername:o,reason:s}=n;await l({path:{id:t},body:{reportType:i,reporterUsername:o,reason:s}}),alert("신고가 완료되었습니다."),r()}catch(t){let n="예기치 못한 에러가 발생했습니다.";(null==t?void 0:t.response.status)==400&&(n="이미 신고한 수강후기입니다."),(null==t?void 0:t.response.status)==500&&(n="신고사유를 선택해주세요."),alert(n)}};return(0,c.jsx)(eO,{children:(0,c.jsx)(E.zx,{width:"272px",type:"submit",onClick:i(o),children:"등록하기"})})};var eF=eB;let eO=u.ZP.div.withConfig({displayName:"LectureReviewReportButton__StyledWrapper",componentId:"sc-fe885c6b-0"})(eW());function eH(){let n=(0,s._)(["\n  width: 280px;\n  margin-top: 10px;\n"]);return eH=function(){return n},n}let eq=()=>{let{setValue:n}=(0,ez.Gc)(),t=(0,d.useRef)(null),r=[{value:"OFF_TOPIC",label:"과정과 관련없는 내용"},{value:"ABUSIVE",label:"욕설, 비방 등 부적절한 내용"},{value:"ADVERTISING",label:"광고 및 홍보성 내용"},{value:"PRIVACY",label:"개인정보 유출 또는 노출 위험"},{value:"INAPPROPRIATE",label:"음란, 선정성 등 부적절한 내용"},{value:"OTHER",label:"기타"}],i=t=>{t?n("reportType",t.value):n("reportType","")};return(0,c.jsx)(eV,{children:(0,c.jsx)(ex.ZP,{ref:t,instanceId:"reviewReportReasonSelect",isSearchable:!1,options:r,placeholder:"선택",onChange:i,className:"default-select",classNamePrefix:"default-select"})})};var eG=eq;let eV=u.ZP.div.withConfig({displayName:"LectureReviewReportSelect__StyledWrapper",componentId:"sc-3f7f51b0-0"})(eH());function eY(){let n=(0,s._)(["\n    .textarea {\n      width: 100%;\n      height: 236px;\n      margin-top: 10px;\n      padding: 16px 20px;\n      border-radius: 4px;\n      border: ",";\n      background-color: #f9f9f9;\n      resize: none;\n    }\n\n    .word-count {\n      width: 100%;\n      text-align: right;\n\n      span {\n        color: ",";\n      }\n    }\n  "]);return eY=function(){return n},n}function eU(){let n=(0,s._)(["\n  ","\n"]);return eU=function(){return n},n}let eK=n=>{let{setValue:t}=n,{register:r,watch:i}=(0,ez.Gc)(),l=i("reason",""),o=l.length>=2e3,s=n=>{let r=n.target.value;r.length<=2e3&&t("reason",r)};return(0,c.jsxs)(eJ,{overLength:o,children:[(0,c.jsx)("textarea",{className:"textarea",...r("reason"),onChange:s,maxLength:2e3}),(0,c.jsxs)("p",{className:"word-count",children:[(0,c.jsx)("span",{children:l.length}),"/2000자"]})]})};var eQ=eK;let eJ=u.ZP.div.withConfig({displayName:"LectureReviewReportTextarea__StyledWrapper",componentId:"sc-24f8b314-0"})(eU(),n=>{let{overLength:t}=n;return(0,u.iv)(eY(),t?"1px solid #ff7777":"1px solid #d9d9d9",t?"#ff7777":"#49454f")});function eX(){let n=(0,s._)(["\n  width: 100%;\n\n  .text-info {\n    margin-top: 22px;\n  }\n\n  .form-group {\n    margin-top: 40px;\n\n    label {\n      display: block;\n      font-size: 16px;\n    }\n\n    &:first-child {\n      padding-bottom: 40px;\n      border-bottom: 1px solid #d9d9d9;\n    }\n\n    &:last-child {\n      margin-top: 40px;\n    }\n  }\n\n  @media "," {\n    width: 100%;\n    height: 100%;\n\n    .form-group {\n      label {\n        text-align: center;\n      }\n    }\n  }\n"]);return eX=function(){return n},n}let e$=n=>{let{reviewId:t,username:r,onClose:i,reportData:l={}}=n,{reportType:o,reporterUsername:s,reason:d}=l||{},u=(0,ez.cI)({defaultValues:{reportType:o||"",reporterUsername:s||r,reason:d||""}});return(0,c.jsxs)(e1,{children:[(0,c.jsx)("p",{className:"text-info",children:"신고내용은 관리자 검토 후 운영정책에 의거 조치되며, 별도의 처리 ê²°ê

1³¼ëŠ” 안내해드리지 않습니다."}),(0,c.jsx)(ez.RV,{...u,children:(0,c.jsxs)("form",{"data-review-id":t,children:[(0,c.jsxs)("div",{className:"form-group",children:[(0,c.jsx)("label",{htmlFor:"report-reason",children:"신고사유를 선택해주세요."}),(0,c.jsx)(eG,{})]}),(0,c.jsxs)("div",{className:"form-group",children:[(0,c.jsx)("label",{htmlFor:"reporter-username",children:"상세내용을 작성해주세요.(선택)"}),(0,c.jsx)(eQ,{setValue:u.setValue})]}),(0,c.jsx)(eF,{reviewId:t,onClose:i})]})})]})};var e0=e$;let e1=u.ZP.div.withConfig({displayName:"LectureReviewReportModal__StyledWrapper",componentId:"sc-7ce836fb-0"})(eX(),n=>{let{theme:t}=n;return t.tablet});function e2(){let n=(0,s._)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: 174px;\n    padding: 20px 0;\n    border-top: 1px solid #d9d9d9;\n\n    .list-item-header {\n      display: flex;\n      gap: 8px;\n\n      .completed {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 2px 8px;\n        font-size: 14px;\n        color: white;\n        border-radius: 20px;\n        background-color: #8d49f6;\n      }\n\n      .lecture-type {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 2px 8px;\n        font-size: 14px;\n        color: white;\n        border-radius: 20px;\n        background-color: var(--color-main);\n      }\n    }\n    .user-wrapper {\n      display: flex;\n      gap: 4px;\n      margin-top: 12px;\n\n      .user-name {\n        color: #000;\n      }\n\n      .created-date {\n        color: #8b8b8b;\n\n        &:before {\n          content: '|';\n          margin-right: 4px;\n        }\n      }\n    }\n\n    .content {\n      display: -webkit-box;\n      width: 100%;\n      max-height: ",";\n      margin-top: 18px;\n      font-size: 16px;\n      color: #49454f;\n      white-space: break-spaces;\n      text-overflow: ",";\n      -webkit-line-clamp: ",";\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .button-expand {\n      display: flex;\n      align-items: center;\n      margin-top: 8px;\n      font-size: 16px;\n      font-weight: 500;\n\n      img {\n        margin-left: 8px;\n        width: 16px;\n      }\n    }\n\n    .star-rating {\n      margin-top: 4px;\n      display: flex;\n    }\n\n    .button-wrapper {\n      margin-top: 16px;\n    }\n\n    @media "," {\n      width: 100%;\n      margin: 0;\n    }\n  "]);return e2=function(){return n},n}function e4(){let n=(0,s._)(["\n  ","\n"]);return e4=function(){return n},n}let e6=n=>{let{reviewData:t}=n,{id:r,completed:i,reviewScore:l,reviewContent:o,username:s,createdAt:u,helpfulCount:p,isDisplayed:h,lectureType:m}=t,[x,g]=(0,d.useState)(!1),[f,v]=(0,d.useState)(!1),{starRating:y}=(0,eC.Z)({initValue:l,isClickable:!1}),w=255,j=s.charAt(0)+"*".repeat(s.length-2)+s.charAt(s.length-1),{displayText:_,handleToggleExpand:N,contentLengthWithoutSpaces:C,toggleButtonLabel:k,toggleButtonSrc:S}=(0,ek.y)({maxLength:w,isExpand:x,setIsExpand:g,reviewContent:o}),I=()=>v(!1);return(0,c.jsx)(c.Fragment,{children:h&&(0,c.jsxs)(e3,{className:"list-item-wrapper",isExpand:x,children:[(0,c.jsxs)("div",{className:"list-item-header",children:[i&&(0,c.jsx)("div",{className:"completed",children:"수료"}),(0,c.jsx)("div",{className:"lecture-type",children:eS[m]})]}),(0,c.jsxs)("div",{className:"user-wrapper",children:[(0,c.jsx)("span",{className:"user-name",children:j}),(0,c.jsx)("span",{className:"created-date",children:nk()(u).format("YYYY-MM-DD")})]}),(0,c.jsx)("div",{className:"star-rating",children:y}),(0,c.jsx)("pre",{className:"content",children:_}),w<C&&(0,c.jsxs)("button",{className:"button-expand",onClick:N,children:[k,(0,c.jsx)("img",{src:S,alt:k})]}),(0,c.jsxs)("div",{className:"button-wrapper",children:[(0,c.jsx)(eD,{reviewData:t,setIsShowModal:v}),(0,c.jsx)(eE,{reviewId:r,helpfulCount:p})]}),f&&(0,c.jsx)(ed.u,{onClose:I,titleText:"후기 신고하기",isScrollY:!0,children:(0,c.jsx)(e0,{reviewId:r,username:s,onClose:I})})]})})};var e9=e6;let e3=u.ZP.li.withConfig({displayName:"ModalDetailLectureReviewListItem__StyledListItem",componentId:"sc-148123ca-0"})(e4(),n=>{let{isExpand:t}=n;return(0,u.iv)(e2(),t?"130px":"none",t?"ellipsis":"unset",t?5:"unset",n=>{let{theme:t}=n;return t.mobile})});function e5(){let n=(0,s._)(["\n  width: 100%;\n  height: calc(100% - 50px);\n  margin: 12px 0;\n  border-top: 1px solid #d9d9d9;\n  overflow-y: auto;\n\n  .list-item-wrapper {\n    &:first-child {\n      border-top: none;\n    }\n\n    &:nth-child(3),\n    &:nth-child(4) {\n      border-bottom: none;\n    }\n  }\n\n  @media "," {\n    margin: 0;\n  }\n"]);return e5=function(){return n},n}let e8=n=>{let{sortReviewScore:t,reviewFilterData:r,mainLectureLesson:i}=n,{mergePages:l,isLoading:o,isError:s,isFetching:d,hasNextPage:u,fetchNextPage:p}=(0,e_.Lt)({vars:{params:{field:r.sortField,lectureGroupId:i.lectureGroupId,direction:r.sortDirection,...0!==t&&{reviewScore:t}}},pageSize:10,options:{cacheTime:100}}),{ref:h}=(0,eN.Z)({enabled:!!u&&!d,onEnter:()=>p()});return s?(0,c.jsx)(eu.x,{text:"예기치 못한 에러가 발생했습니다."}):o?(0,c.jsx)(nQ.Q,{height:400}):(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(tn,{children:l&&0===l.length?(0,c.jsx)(eu.x,{text:"수강후기가 없어요 :-(\n첫번째 수강후기의 주인공이 되세요"}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(c.Fragment,{children:null==l?void 0:l.map((n,t)=>(0,c.jsx)(e9,{reviewData:n,mainLectureLesson:i},"review".concat(t)))}),(0,c.jsx)("li",{className:"infinity-point",children:(0,c.jsx)("div",{ref:h})})]})})})};var e7=e8;let tn=u.ZP.ul.withConfig({displayName:"ModalDetailLectureReviewList__StyledList",componentId:"sc-d3c3caad-0"})(e5(),n=>{let{theme:t}=n;return t.mobile});function te(){let n=(0,s._)(["\n  width: 100%;\n  height: 100%;\n\n  .sort-wrapper {\n    > div {\n      justify-content: flex-start;\n    }\n\n    .sort-select {\n      margin: 0;\n\n      .sort-select__control {\n        min-height: 36px;\n\n        .sort-select__value-container {\n          padding: 2px 0;\n        }\n      }\n    }\n  }\n"]);return te=function(){return n},n}let tt=n=>{let{mainLectureLesson:t}

1=n,[r,i]=d.useState(0),l=em(n=>n.data);return(0,c.jsxs)(ti,{children:[(0,c.jsx)("div",{className:"sort-wrapper",children:(0,c.jsx)(ew,{isShowModal:!0,reviewFilterData:l,setSortReviewScore:i})}),(0,c.jsx)(e7,{sortReviewScore:r,reviewFilterData:l,mainLectureLesson:t})]})};var tr=tt;let ti=u.ZP.div.withConfig({displayName:"ModalDetailLectureReview__StyledWrapper",componentId:"sc-b1b9022e-0"})(te());function tl(){let n=(0,s._)(["\n  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */\n\n  .rating-group {\n    display: inline-flex;\n    transition: 0.1s;\n  }\n\n  /* make hover effect work properly in IE */\n\n  .rating__icon {\n    pointer-events: none;\n    text-align: center;\n    font-size: 24px;\n  }\n\n  /* hide radio inputs */\n\n  .rating__input {\n    position: absolute !important;\n    left: -9999px !important;\n  }\n\n  /* set icon padding and size */\n\n  .rating__label {\n    padding: 0 2px;\n    font-size: 29px;\n    cursor: ",";\n\n    img {\n      display: block;\n    }\n  }\n\n  /* add padding and positioning to half star labels */\n\n  .rating__label--half {\n    margin-right: -28px;\n    z-index: 2;\n  }\n"]);return tl=function(){return n},n}let ta=n=>{let{value:t,starPoint:r,isClickable:i,handleClick:l,isHalf:o}=n,s=r>Number(t)?"empty":o?"half":"fill";return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("label",{"aria-label":"".concat(r," stars"),className:"rating__label ".concat(o?"rating__label--half":""),htmlFor:"starRating-".concat(r),children:(0,c.jsx)("img",{src:"/n/images/svg/rating-star-".concat(s,".svg"),alt:"star ".concat(s)})}),i&&(0,c.jsx)("input",{className:"rating__input",name:"starRating",id:"starRating-".concat(r),value:r,type:"radio",defaultChecked:t===r,onClick:l})]})},to=n=>{let{initValue:t=0,isClickable:r=!0}=n,i=[.5,1,1.5,2,2.5,3,3.5,4,4.5,5],[l,o]=(0,d.useState)(t),s=n=>{o(Number(n.currentTarget.value))};return(0,d.useEffect)(()=>{o(null!=t?t:5)},[t]),{starRating:(0,c.jsx)(tc,{isClickable:r,children:(0,c.jsx)("div",{className:"rating-group",children:i.map((n,t)=>(0,c.jsx)(ta,{value:l,starPoint:n,isClickable:r,handleClick:s,isHalf:(t+1)%2!=0},t))})}),value:l}};var ts=to;let tc=u.ZP.div.withConfig({displayName:"useStarIntHalfRating__StyledWrapper",componentId:"sc-583d8b9b-0"})(tl(),n=>{let{isClickable:t}=n;return t?"pointer":"default"});var td=r(80265);function tu(){let n=(0,s._)(["\n  display: flex;\n  justify-content: space-around;\n  width: 100%;\n  height: 180px;\n  margin-top: 20px;\n  background-color: #f6fbf3;\n\n  .rating-average {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;

1\n    align-items: center;\n\n    .rating-average-score {\n      font-size: 32px;\n      font-weight: 500;\n      color: #3a3a3a;\n    }\n\n    .rating-average-star {\n      display: flex;\n    }\n  }\n\n  .rating-each-score-total {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 -14px;\n  }\n"]);return tu=function(){return n},n}let tp=n=>{let{lectureGroup:t}=n,{starRating:r}=ts({initValue:null==t?void 0:t.averageReviewScore,isClickable:!1}),i=[5,4,3,2,1],l=i.map((n,r)=>(0,c.jsx)(td.Z,{scoreNumber:n,lectureGroup:t,scoreNumberIndexArray:i},r));return(0,c.jsxs)(tm,{"data-role":"수강후기>종합평점",children:[(0,c.jsxs)("div",{className:"rating-average",children:[(0,c.jsx)("div",{className:"rating-average-score",children:null==t?void 0:t.averageReviewScore}),(0,c.jsx)("div",{className:"rating-average-star",children:r})]}),(0,c.jsx)("div",{className:"rating-each-score-total",children:l})]})};var th=tp;let tm=u.ZP.div.withConfig({displayName:"LectureReviewAverage__StyledWrapper",componentId:"sc-faf228bc-0"})(tu());var tx=r(22900);function tg(){let n=(0,s._)(["\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    width: calc(50% - 14px);\n    margin: 0 7px;\n    padding: 20px 0 64px;\n    border-top: 1px solid #d9d9d9;\n\n    .list-item-header {\n      display: flex;\n      gap: 8px;\n\n      .completed {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 2px 8px;\n        font-size: 14px;\n        color: white;\n        border-radius: 20px;\n        background-color: #8d49f6;\n        ","\n      }\n\n      .lecture-type {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 2px 8px;\n        font-size: 14px;\n        color: white;\n        border-radius: 20px;\n        background-color: var(--color-main);\n        ","\n      }\n\n      .user-wrapper {\n        display: flex;\n        gap: 4px;\n\n        .user-name {\n          ",";\n          color: ",";\n        }\n\n        .created-date {\n          ","\n          color: ",";\n\n          &:before {\n            content: '|';\n            margin-right: 4px;\n          }\n        }\n      }\n    }\n\n    .content {\n      display: -webkit-box;\n      width: 100%;\n      max-height: ",";\n      margin-top: 18px;\n      font-size: 16px;\n      color: ",";\n      white-space: break-spaces;\n      text-overflow: ",";\n      -webkit-line-clamp: ",";\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      ","\n\n      @media "," {\n        ","\n      }\n    }\n\n    .button-expand {\n      display: flex;\n      align-items: center;\n      margin-top: 8px;\n      font-size: 16px;\n      font-weight: 500;\n\n      img {\n        margin-left: 8px;\n        width: 16px;\n      }\n    }\n\n    .star-rating {\n      margin-top: 8px;\n      display: flex;\n    }\n\n    .button-wrapper {\n      position: absolute;\n      right: 0;\n      bottom: 20px;\n      left: 0;\n      margin-top: 16px;\n    }\n\n    @media "," {\n      width: 100%;\n      margin: 0;\n    }\n  "]);return tg=function(){return n},n}function tf(){let n=(0,s._)(["\n  ","\n"]);return tf=function(){return n},n}let tv=n=>{let{reviewData:t}=n,{id:r,completed:i,reviewScore:l,reviewContent:o,username:s,createdAt:u,helpfulCount:p,isDisplayed:h,lectureType:m}=t,[x,g]=(0,d.useState)(!1),[f,v]=(0,d.useState)(!1),{starRating:y}=(0,eC.Z)({initValue:l,isClickable:!1}),w=170,j=s.charAt(0)+"*".repeat(s.length-2)+s.charAt(s.length-1),{displayText:_,handleToggleExpand:N,contentLengthWithoutSpaces:C,toggleButtonLabel:k,toggleButtonSrc:S}=(0,ek.y)({maxLength:w,isExpand:x,setIsExpand:g,reviewContent:o}),I=()=>{v(!1)};return(0,ep.N)(f),(0,c.jsx)(c.Fragment,{children:h&&(0,c.jsxs)(tb,{className:"list-item-wrapper",isExpand:x,children:[(0,c.jsxs)("div",{className:"list-item-header",children:[i&&(0,c.jsx)("div",{className:"completed",children:"수료"}),eS[m]&&(0,c.jsx)("div",{className:"lecture-type",children:eS[m]}),(0,c.jsxs)("div",{className:"user-wrapper",children:[(0,c.jsx)("span",{className:"user-name",children:j}),(0,c.jsx)("span",{className:"created-date",children:tx.Z.utc(u).format("YYYY-MM-DD")})]})]}),(0,c.jsx)("div",{className:"star-rating",children:y}),(0,c.jsx)("pre",{className:"content",children:_}),w<C&&(0,c.jsxs)("button",{className:"button-expand",onClick:N,children:[k,(0,c.jsx)("img",{src:S,alt:k})]}),(0,c.jsxs)("div",{className:"button-wrapper",children:[(0,c.jsx)(eD,{reviewData:t,setIsShowModal:v}),(0,c.jsx)(eE,{reviewId:r,helpfulCount:p})]}),f&&(0,c.jsx)(ed.u,{onClose:I,titleText:"후기 신고하기",isScrollY:!0,children:(0,c.jsx)(e0,{reviewId:r,username:s,onClose:I})})]})})};var ty=tv;let tb=u.ZP.li.withConfig({displayName:"LectureReviewListItem__StyledListItem",componentId:"sc-dc159326-0"})(tf(),n=>{let{isExpand:t,theme:r}=n;return(0,u.iv)(tg(),r.typography.body[3].medium,r.typography.body[3].medium,r.typography.body[3].medium,r.colors.gray[800],r.typography.body[3].medium,r.colors.gray[600],t?"130px":"none",r.colors.gray[600],t?"ellipsis":"unset",t?5:"unset",r.typography.body[2].regular,r.mobile,r.typography.body[3].regular,n=>{let{theme:t}=n;return t.mobile})});function tw(){let n=(0,s._)(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  height: auto;\n  margin: 0 -7px;\n  overflow-y: hidden;\n\n  .list-item-wrapper {\n    &:nth-child(3),\n    &:nth-child(4) {\n      border-bottom: 1px solid #d9d9d9;\n    }\n  }\n\n  @media "," {\n    margin: 0;\n\n    .list-item-wrapper {\n      &:nth-child(3) {\n        border-bottom: none;\n      }\n    }\n  }\n"]);return tw=function(){return n},n}let tj=n=>{var t,r;let{sortReviewScore:i,reviewFilterData:l,mainLectureLesson:o}=n,{data:s,isLoading:d}=(0,e_.nF)({vars:{params:{field:l.sortField,lectureGroupId:null==o?void 0:o.lectureGroupId,direction:l.sortDirection,...0!==i&&{reviewScore:i}}},options:{cacheTime:100}});if(d)return(0,c.jsx)(nQ.Q,{height:400});let u=null!==(r=null==s?void 0:null===(t=s.result)||void 0===t?void 0:t.items)&&void 0!==r?r:[];return(0,c.jsx)(tN,{children:u&&0===u.length?(0,c.jsx)(eu.x,{text:"수강후기가 없어요 :-(\n첫번째 수강후기의 주인공이 되세요"}):(0,c.jsx)(c.Fragment,{children:null==u?void 0:u.filter(n=>n.isDisplayed).slice(0,4).map((n,t)=>(0,c.jsx)(ty,{reviewData:n},"review".concat(t)))})})};var t_=tj;let tN=u.ZP.ul.withConfig({displayName:"LectureReviewList__StyledList",componentId:"sc-df41cd1e-0"})(tw(),n=>{let{theme:t}=n;return t.mobile});function tC(){let n=(0,s._)(["\n  padding-top: 10px;\n\n  .no-result {\n    margin: 40px auto;\n  }\n\n  .list-wrapper {\n    display: flex;\n    flex-direction: column;\n    margin-top: 24px;\n  }\n\n  .button-more {\n    display: flex;\n    justify-content: center;\n    margin: 32px auto;\n  }\n"]);return tC=function(){return n},n}let tk=n=>{var t,r,i;let{mainLectureLesson:l}=n,[o,s]=(0,d.useState)(!1),[u,p]=d.useState(0),h=em(n=>n.data),m=()=>s(!0),x=()=>{s(!1)};return(0,ep.N)(o),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(tI,{"data-role":"강의상세페이지>수강후기",children:(0,c.jsx)(nz,{title:"수강후기",children:(null==l?void 0:null===(t=l.lectureGroup)||void 0===t?void 0:t.reviewCount)===0?(0,c.jsx)(eu.x,{className:"no-result",text:"수강후기가 없어요 :-(\n첫번째 수강후기의 주인공이 되세요"}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(th,{lectureGroup:null==l?void 0:l.lectureGroup}),(0,c.jsxs)("div",{className:"list-wrapper",children:[(0,c.jsx)(ew,{reviewFilterData:h,setSortReviewScore:p}),(0,c.jsx)(t_,{sortReviewScore:u,reviewFilterData:h,mainLectureLesson:l})]}),(0,c.jsx)("div",{className:"button-more",children:(0,c.jsxs)(E.zx,{width:"210px",height:"40px",color:"#4BBD14",outlineColor:"#4BBD14",backgroundColor:"#fff",onClick:m,children:["후기 ",null==l?void 0:null===(r=l.lectureGroup)||void 0===r?void 0:r.reviewCount,"건 모두 보기"]})})]})})}),o&&(0,c.jsx)(ed.u,{onClose:x,titleText:"후기 ".concat(null==l?void 0:null===(i=l.lectureGroup)||void 0===i?void 0:i.reviewCount,"건 모두 보기"),children:(0,c.jsx)(tr,{mainLectureLesson:l})})]})};

1var tS=tk;let tI=u.ZP.div.withConfig({displayName:"LectureReview__StyledWrapper",componentId:"sc-9212f9a7-0"})(tC());function tL(){let n=(0,s._)(["\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 56px;\n\n  border-bottom: 1px solid #e4f0de;\n  background-color: #fff;\n\n  .list-item {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    font-size: 14px;\n    ","\n    color: ",";\n  }\n\n  .checked {\n    border-bottom: 2px solid ",";\n    color: ",";\n    font-weight: 500;\n    ","\n  }\n"]);return tL=function(){return n},n}let tT=[{no:0,title:"수강후기"},{no:1,title:"과정정보"},{no:2,title:"커리큘럼"},{no:3,title:"추천과정"}],tR=n=>{let{reviewTotal:t,scrollMove:r}=n,[i,l]=(0,d.useState)(0),o=tT.map((n,o)=>{let{title:s}=n;return(0,c.jsxs)("div",{className:"list-item ".concat(o===i?"checked":""),onClick:()=>{l(o),r(o)},children:[s," ","수강후기"===s&&" (".concat(t,")")]},o)});return(0,c.jsx)(tP,{children:o})};var tE=tR;let tP=u.ZP.div.withConfig({displayName:"DetailSectionTabList__StyledWrapper",componentId:"sc-602e1f5-0"})(tL(),n=>{let{theme:t}=n;return t.typography.body[1].bold},n=>{let{theme:t}=n;return t.colors.gray[700]},n=>{let{theme:t}=n;return t.colors.brand.primary},n=>{let{theme:t}=n;return t.colors.brand.primary},n=>{let{theme:t}=n;return t.typography.body[1].bold});function tZ(){let n=(0,s._)(["\n  border-top: 1px solid #d9d9d9;\n"]);return tZ=function(){return n},n}let tA=()=>{var n;let{data:t}=nt(),r=(0,d.useRef)(null),i=(0,d.useRef)(null),l=(0,d.useRef)(null),o=(0,d.useRef)(null),s=[r,i,l,o],{mainLectureLesson:u,lectureLessons:p}=null!=t?t:{},h=(null==u?void 0:null===(n=u.lectureGroup)||void 0===n?void 0:n.reviewCount)||0,m=null==u?void 0:u.isDigital,x=null==u?void 0:u.isLearnCard,g=n=>{var t;return null===(t=s[n].current)||void 0===t?void 0:t.scrollIntoView({behavior:"smooth"})};return(0,c.jsxs)(tM,{children:[(0,c.jsx)(tE,{scrollMove:g,reviewTotal:h}),(0,c.jsx)("div",{ref:r}),(0,c.jsx)(tS,{mainLectureLesson:u}),(0,c.jsx)("div",{ref:i}),(0,c.jsx)(eo,{mainLectureLesson:u}),(0,c.jsx)("div",{ref:l}),(0,c.jsx)(nY,{lessonData:p}),(0,c.jsx)(n7,{isDigital:m,isLearnCard:x}),(0,c.jsx)("div",{ref:o}),(0,c.jsx)(n2,{})]})};var tD=tA;let tM=u.ZP.div.withConfig({displayName:"DetailSection__StyledWrapper",componentId:"sc-51736d31-0"})(tZ());var tz=r(9931),tW=r(17164),tB=r(32600);function tF(){let n=(0,s._)(["\n  display: inline-block;\n  width: 40px;\n  height: 25px;\n  background-image: url('/n/icons/icon_best.png');\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n  margin-right: 10px;\n"]);return tF=function(){return n},n}let tO=()=>(0,c.jsx)(tq,{});var tH=tO;let tq=u.ZP.span.withConfig({displayName:"BestBadge__StyledWrapper",componentId:"sc-9515ce21-0"})(tF());function tG(){let n=(0,s._)(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-flow: wrap;\n  padding-bottom: 10px;\n\n  h1 {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    margin: 0 10px 0 0;\n    font-family: 'NanumSquare', '나눔스퀘어', serif;\n    font-size: 22px;\n    font-weight: 600;\n    color: #212121;\n    line-height: 1.4;\n    max-height: calc(1.4em * 3);\n  }\n"]);return tG=function(){return n},n}let tV=()=>{let{data:n}=nt(),t=(0,tB.e)(),{mainLectureLesson:r}=null!=n?n:{},i=null==r?void 0:r.isAudit;return(0,c.jsxs)(tY,{children:[(null==r?void 0:r.bestLectureExposure)&&(0,c.jsx)(tH,{}),(0,c.jsx)("h1",{children:null==r?void 0:r.lectureTitle}),(0,c.jsx)(tW.k,{badgeTypes:(0,tz.W)(r,i,t)})]})},tY=u.ZP.section.withConfig({displayName:"TitleSection__StyledWrapper",componentId:"sc-50e88a58-0"})(tG());var tU=tV;function tK(){let n=(0,s._)(["\n  width: 100%;\n\n  * {\n    font-family: 'Noto Sans KR', sans-serif !important;\n  }\n"]);return tK=function(){return n},n}let tQ=()=>{var n;let{data:t}=nt(),r=String(null!==(n=null==t?void 0:t.mainLectureLesson.archiveCategoryId)&&void 0!==n?n:0);

1return(0,c.jsx)(tX,{children:(0,c.jsxs)($,{categoryId:r,children:[(0,c.jsx)(tU,{}),(0,c.jsx)(nZ,{}),(0,c.jsx)(tD,{})]})})};var tJ=tQ;let tX=u.ZP.div.withConfig({displayName:"ScreenHrdLectureDetail__StyledWrapper",componentId:"sc-32b26f34-0"})(tK());!function(n){n.sales="SALES",n.id="ID",n.reviewScore="REVIEW_SCORE",n.price="PRICE",n.task="TASK"}(o||(o={}));let t$=[{id:1,value:o.sales,text:"베스트순"},{id:2,value:o.id,text:"최신순"},{id:3,value:o.reviewScore,text:"평점순"},{id:4,value:o.price,text:"낮은 가격순"},{id:5,value:o.task,text:"빠른 수료순"}],t0=[{id:1,value:"",text:"전체"},{id:2,value:"E_LEARNING",text:"환급(4시간 이상)"},{id:3,value:"MICRO_LEARNING",text:"비환급(25분~4시간)"},{id:4,value:"SHORT_FORM",text:"비환급(25분 미만)"}],t1=n=>{let{query:t}=n,{page:r,archiveType:i,category_id:l,field:s,lectureTitle:c}=t,d=s&&s!==o.sales&&s!==o.id&&s!==o.reviewScore?"asc":"desc";return{page:r?Number(r):1,...c&&{lectureTitle:c},...i&&{archiveType:i},...l&&{categoryId:l},field:s||o.sales,direction:d}},t2=n=>{if(!n)return"";let{isAudit:t,ncsCode:r}=n;if(t)return r;let i=r.indexOf("("),l=r.substring(0,i);return l},t4=n=>{let{page:t,lectureTitle:r,field:i,applyTypeList:l,hasBook:s,hasTest:c,hasTask:d,hasMiddleExam:u,category_id:p,archiveType:h}=n,m={page:t?Number(t):1,field:i||o.sales,hasBook:0,hasTest:0,hasTask:0,...p&&{category_id:p},lectureTitle:r||"",...l&&{applyTypeList:Array.isArray(l)?l:[l]},...s&&{hasBook:Number(s)},...c&&{hasTest:Number(c)},...d&&{hasTask:Number(d)},...u&&{hasMiddleExam:Number(u)},...h&&{archiveType:null!=h?h:""}};return m},t6=n=>{let{hasBook:t,hasTest:r,hasTask:i,hasMiddleExam:l,lectureTitle:o}=n,s={...n,hasBook:String(t||0),hasTest:String(r||0),hasTask:String(i||0),hasMiddleExam:String(l||0),...o&&{lectureTitle:o}};return s},t9=n=>{var t;let r=(null==n?void 0:null===(t=n.applyTypeList)||void 0===t?void 0:t.length)?n.applyTypeList:void 0,i=n.lectureTitle||void 0,l=Number(n.hasBook)||void 0,s=Number(n.hasTest)||void 0,c=Number(n.hasTask)||void 0,d=Number(n.hasMiddleExam)||void 0,u=n.field!==o.sales?n.field:void 0,p=n.archiveType?n.archiveType:void 0;return{...r&&{applyTypeList:r},...i&&{lectureTitle:i},...l&&{hasBook:l},...s&&{hasTest:s},...c&&{hasTask:c},...d&&{hasMiddleExam:d},...u&&{field:u},...p&&{archiveType:p}}};function t3(){let n=(0,s._)(["\n  display: flex;\n  justify-content: flex-end;\n  column-gap: 10px;\n\n  @media "," {\n    column-gap: 6px;\n  }\n"]);return t3=function(){return n},n}function t5(){let n=(0,s._)(["\n  position: relative;\n  text-align: right;\n\n  .filter-select {\n    width: 130px;\n    height: 38px;\n    padding: 0 10px;\n    font-size: 14px;\n    border: 1px solid #d1d1d1;\n    border-radius: 2px;\n    appearance: none;\n    font-weight: 400;\n  }\n  .filter-select.archive {\n    width: 150px;\n  }\n  &:after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    top: 50%;\n    right: 10px;\n    transform: translateY(-50%);\n    margin-left: 0.255em;

1\n    border-top: 4px solid #49454f;\n    border-right: 4px solid transparent;\n    border-bottom: 0;\n    border-left: 4px solid transparent;\n  }\n"]);return t5=function(){return n},n}let t8=t$.slice(0,3),t7=()=>{let{register:n}=(0,ez.Gc)();return(0,c.jsxs)(re,{children:[(0,c.jsx)(rt,{children:(0,c.jsx)("select",{...n("archiveType"),className:"filter-select archive","aria-label":"필터 선택 박스",children:t0.map(n=>{let{value:t,text:r,id:i}=n;return(0,c.jsx)("option",{value:t,children:r},i)})})}),(0,c.jsx)(rt,{children:(0,c.jsx)("select",{...n("field"),className:"filter-select","aria-label":"필터 선택 박스",children:t8.map(n=>{let{value:t,text:r,id:i}=n;return(0,c.jsx)("option",{value:t,children:r},i)})})})]})};var rn=t7;let re=u.ZP.div.withConfig({displayName:"FilterSelectBoxEducation__StyledWrapper",componentId:"sc-dc335af7-0"})(t3(),n=>{let{theme:t}=n;return t.tablet}),rt=u.ZP.div.withConfig({displayName:"FilterSelectBoxEducation__StyledSelectWrapper",componentId:"sc-dc335af7-1"})(t5());var rr=r(46068);function ri(){let n=(0,s._)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 44px;\n  padding: 0 19px;\n  border: 1px solid ",";\n  border-radius: 2px;\n\n  @media "," {\n    width: 256px;\n  }\n\n  @media "," {\n    width: 100%;\n  }\n\n  input {\n    flex: 1;\n    height: 100%;\n    ",";\n\n    &::placeholder {\n      color: ",";\n    }\n  }\n\n  button {\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n    height: 100%;\n    cursor: pointer;\n  }\n"]);return ri=function(){return n},n}let rl=()=>{let{register:n,setValue:t,getValues:r}=(0,ez.Gc)(),[i,l]=(0,d.useState)(r("lectureTitle")),o=n=>{l(n.target.value)},s=n=>{(13===n.keyCode||"Enter"===n.key)&&t("lectureTitle",i)},u=()=>{t("lectureTitle",i)};return(0,c.jsxs)(ro,{children:[(0,c.jsx)("input",{...n("lectureTitle"),type:"text",placeholder:"검색어를 입력하세요",onChange:o,onKeyDown:s}),(0,c.jsx)("button",{type:"button",onClick:u,children:(0,c.jsx)(rr.zb,{})})]})};var ra=rl;let ro=u.ZP.div.withConfig({displayName:"InputBoxSearchEducation__StyledWrapper",componentId:"sc-86f3a5fc-0"})(ri(),n=>{let{theme:t}=n;return t.colors.gray[300]},n=>{let{theme:t}=n;return t.desktop},n=>{let{theme:t}=n;return t.tablet},n=>{let{theme:t}=n;return t.typography.body[2].medium},n=>{let{theme:t}=n;return t.colors.gray[600]});function rs(){let n=(0,s._)(["\n  ","\n  color: ",";\n\n  .highlight {\n    ","\n    color: ",";\n  }\n"]);return rs=function(){return n},n}let rc=n=>{let{pageTitle:t,isSearchPage:r}=n;return r?(0,c.jsxs)(ru,{children:[(0,c.jsx)("span",{className:"highlight",children:"'".concat(t,"'")})," 검색결과"]}):(0,c.jsx)(ru,{children:t})};var rd=rc;let ru=u.ZP.h1.withConfig({displayName:"TitleEducationPage__StyledWrapper",componentId:"sc-417fc0af-0"})(rs(),n=>{let{theme:t}=n;return t.typography.headline[4].bold},n=>{let{theme:t}=n;return t.colors.gray[800]},n=>{let{theme:t}=n;return t.typography.headline[2].bold},n=>{let{theme:t}=n;return t.colors.brand.primary});function rp(){let n=(0,s._)(["\n        justify-content: ",";\n      "]);return rp=function(){return n},n}function rh(){let n=(0,s._)(["\n  width: 100%;\n\n  form {\n    width: 100%;\n\n    .top {\n      display: flex;\n      ","\n      align-items: center;\n      margin-bottom: 20px;\n\n      @media "," {\n        flex-direction: column;\n        align-items: flex-start;\n        row-gap: 10px;\n      }\n    }\n  }\n\n  @media "," {\n    form {\n      .banner-wrapper {\n        display: none;\n      }\n    }\n  }\n\n  @media "," {\n    form {\n      .banner-wrapper {\n        display: block;\n      }\n    }\n  }\n"]);return rh=function(){return n},n}function rm(){let n=(0,s._)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  & > span {\n    ",";\n    color: ",";\n  }

1\n\n  @media "," {\n    align-items: stretch;\n    flex-direction: column;\n    row-gap: 10px;\n  }\n"]);return rm=function(){return n},n}let rx=n=>{let{pageTitle:t,qsInitValues:r,total:i}=n,l=t6(r),o=(0,ez.cI)({defaultValues:l});return(0,c.jsx)(ez.RV,{...o,children:(0,c.jsx)(rg,{pageTitle:t,total:i})})},rg=n=>{let{pageTitle:t,total:r}=n,i=(0,p.useRouter)(),{reset:l,getValues:o,watch:s}=(0,ez.Gc)(),u=i.pathname.includes("search");return(0,d.useEffect)(()=>{(i.query.category_id!=o("category_id")||0===Object.keys(i.query).length)&&l({...t6(t4({})),category_id:i.query.category_id}),u&&l({...t6(t4(i.query))});let n=s(n=>{var t;let r=t9(n);i.push({pathname:location.pathname,query:{...n.category_id&&{category_id:n.category_id},...r,...u&&{lectureTitle:null===(t=i.query)||void 0===t?void 0:t.lectureTitle}}})});return()=>n.unsubscribe()},[s,i.query]),(0,c.jsx)(rv,{"data-role":"강의리스트 > 검색기능",isSearchPage:u,children:(0,c.jsxs)("form",{id:"educationFilterForm",onSubmit:n=>n.preventDefault(),children:[(0,c.jsxs)("div",{className:"top",children:[(0,c.jsx)(rd,{pageTitle:t,isSearchPage:u}),!u&&(0,c.jsx)(ra,{})]}),!u&&(0,c.jsx)("div",{className:"banner-wrapper",children:(0,c.jsx)(z,{direction:"row"})}),(0,c.jsxs)(ry,{children:[(0,c.jsx)("span",{children:"총 ".concat(r," 건")}),(0,c.jsx)(rn,{})]})]})})};var rf=rx;let rv=u.ZP.div.withConfig({displayName:"FilterFormEducation__StyledWrapper",componentId:"sc-57363f43-0"})(rh(),n=>{let{isSearchPage:t}=n;return(0,u.iv)(rp(),t?"center":"space-between")},n=>{let{theme:t}=n;return t.tablet},n=>{let{theme:t}=n;return t.desktop},n=>{let{theme:t}=n;return t.tablet}),ry=u.ZP.div.withConfig({displayName:"FilterFormEducation__StyledFilterWrapper",componentId:"sc-57363f43-1"})(rm(),n=>{let{theme:t}=n;return t.typography.body[1].medium},n=>{let{theme:t}=n;return t.colors.gray[700]},n=>{let{theme:t}=n;return t.tablet});var rb=r(11951),rw=r(82707),rj=r(8846),r_=r(21471);function rN(){let n=(0,s._)(["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  column-gap: 20px;\n\n  .info-item {\n    ",";\n    color: ",";\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    &:not(:last-child)::after {\n      content: '';\n      display: inline-block;\n      width: 1px;\n      height: 12px;\n      position: absolute;\n      right: -10px;\n      background-color: ",";\n    }\n  }\n\n  @media "," {\n    flex-direction: column;\n    align-items: center;\n\n    .info-item {\n      text-align: center;\n\n      &:not(:last-child)::after {\n        display: none;\n      }\n    }\n  }\n"]);return rN=function(){return n},n}let rC=n=>{var t;let{item:r}=n;return(0,c.jsxs)(rk,{children:[(0,c.jsxs)("div",{className:"info-item",children:["카테고리: ",r.archiveCategory]}),(0,c.jsxs)("div",{className:"info-item",children:["강의시간:"," ",r.lessonTotalTime<60?"".concat(r.lessonTotalTime,"분"):"".concat(Math.floor(r.lessonTotalTime/60),"시간")]}),(0,c.jsxs)("div",{className:"info-item",children:["난이도:"," ",null!==(t=null==i?void 0:i[r.archiveLevel])&&void 0!==t?t:i.BEGINNER]}),(0,c.jsxs)("div",{className:"info-item",children:["조회수: ",r.viewCount]})]})},rk=u.ZP.div.withConfig({displayName:"LectureListItemDetailBrief__StyledWrapper",componentId:"sc-ea145c4b-0"})(rN(),n=>{let{theme:t}=n;return t.typography.body[3].regular},n=>{let{theme:t}=n;return t.colors.gray[600]},n=>{let{theme:t}=n;return t.colors.gray[600]},n=>{let{theme:t}=n;return t.mobile});var rS=rC;let rI=n=>{let{href:t,text:r,className:i,isImportant:l,isTitle:o=!1,handleGa4Event:s}=n;return(0,c.jsx)(x(),{href:t,className:i,onClick:s,prefetch:!(0,Z.gw)(t)&&void 0,children:(0,c.jsxs)("div",{className:"link-text","data-title":r,children:[o?(0,c.jsx)("h2",{className:"link-text",children:r}):r,l&&(0,c.jsx)("span",{className:"dot"})]})})};var rL=rI,rT=r(38650),rR=r(36346);function rE(){let n=(0,s._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 40px;\n  border: solid 1px var(--color-main);\n  background: var(--color-main);\n  cursor: pointer;\n\n  .link-text {\n    color: #fff;\n    font-size: 16px;\n  }\n"]);return rE=function(){return n},n}let rP=n=>{let{item:t}=n,r=(0,rT.q)(),i=async()=>{r(t.id),(0,rR.w)({itemList:rw.S.LECTURE_LIST,items:[{item_id:t.id,item_name:t.lectureTitle,item_category:nh.y.NORMAL,price:t.standardSupportMoney,quantity:1}]})};return(0,c.jsx)(rZ,{children:(0,c.jsx)(rL,{href:"/hrd-archive/lecture/".concat(t.id),text:"수강신청",handleGa4Event:i})})},rZ=u.ZP.span.withConfig({displayName:"LectureListItemDetailButton__StyledAnchor",componentId:"sc-e2c603ad-0"})(rE());var rA=rP;function rD(){let n=(0,s._)(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 10px;\n\n  .buttons-wrapper {\n    width: 140px;\n  }\n\n  @media "," {\n    flex-direction: column;

1\n    align-items: center;\n    align-items: flex-start;\n\n    .buttons-wrapper {\n      width: 100%;\n      margin-top: 10px;\n    }\n  }\n\n  @media "," {\n    align-items: center;\n\n    .buttons-wrapper {\n      display: none;\n    }\n  }\n"]);return rD=function(){return n},n}let rM=n=>{let{item:t}=n;return(0,c.jsxs)(rW,{children:[(0,c.jsx)("div",{}),(0,c.jsx)("div",{className:"buttons-wrapper",children:(0,c.jsx)(rA,{item:t})})]})};var rz=rM;let rW=u.ZP.div.withConfig({displayName:"LectureListItemDetailExpanded__StyledWrapper",componentId:"sc-a3fb8986-0"})(rD(),n=>{let{theme:t}=n;return t.tablet},n=>{let{theme:t}=n;return t.mobile});function rB(){let n=(0,s._)(["\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n\n  .rating-star {\n    min-width: 140px;\n  }\n\n  .rating-score {\n    margin-left: 8px;\n  }\n\n  @media "," {\n    justify-content: center;\n  }\n"]);return rB=function(){return n},n}let rF=n=>{let{lectureGroup:{averageReviewScore:t,reviewCount:r}}=n,{starRating:i}=ts({initValue:t,isClickable:!1});return(0,c.jsx)(c.Fragment,{children:0!==r&&(0,c.jsxs)(rH,{"data-role":"강의리스트 > 총점평점",children:[(0,c.jsx)("div",{className:"rating-star",children:i}),(0,c.jsxs)("div",{className:"rating-score",children:["(",r,")"]})]})})};var rO=rF;let rH=u.ZP.div.withConfig({displayName:"LectureListItemDetailStarRating__StyledWrapper",componentId:"sc-21a833d0-0"})(rB(),n=>{let{theme:t}=n;return t.mobile});function rq(){let n=(0,s._)(["\n  width: calc(100% - 230px);\n\n  @media "," {\n    width: 100%;\n  }\n"]);return rq=function(){return n},n}let rG=n=>{let{item:t}=n;return(0,c.jsxs)(rV,{children:[(0,c.jsx)(rS,{item:t.lecture}),(0,c.jsx)(rO,{lectureGroup:t.lectureGroup}),(0,c.jsx)(rz,{item:t.lecture})]})},rV=u.ZP.div.withConfig({displayName:"LectureListItemDetails__StyledWrapper",componentId:"sc-22d98be7-0"})(rq(),n=>{let{theme:t}=n;return t.mobile});var rY=rG;function rU(){let n=(0,s._)(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n\n  .title-wrapper {\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n\n    .best-icon {\n      width: 40px;\n      margin-right: 10px;\n    }\n\n    .link-text {\n      font-size: 22px;\n      color: #212121;\n      font-weight: 500;\n      ",";\n      color: ",";\n    }\n  }\n\n  /* 타이틀 한줄로 표시 */\n  @media (min-width: 768px) {\n    flex-wrap: nowrap;\n\n    .title-wrapper {\n      flex-shrink: 1;\n      min-width: 0;\n      max-width: 100%;\n\n      .best-icon {\n        flex-shrink: 0;\n      }\n\n      a {\n        flex-shrink: 1;\n        min-width: 0;\n        max-width: 100%;\n      }\n\n      .link-text {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    }\n\n    .badge-wrapper {\n      flex-shrink: 0;\n    }\n  }\n\n  @media "," {\n    .title-wrapper {\n      margin-bottom: 10px;\n\n      > * {\n        display: inline-block;\n        vertical-align: middle;\n      }\n\n      .title {\n        font-size: 16px;\n      }\n    }\n\n    .badge-wrapper {\n      margin-bottom: 10px;\n    }\n  }\n"]);return rU=function(){return n},n}let rK=n=>{let{title:t,item:r}=n,i=(0,rT.q)(),l=(0,tB.e)(),o=null==r?void 0:r.bestLectureExposure,s=null==r?void 0:r.isAudit,d=async()=>{i(r.id),(0,rR.w)({itemList:rw.S.LECTURE_LIST,items:[{item_id:r.id,item_name:r.lectureTitle,item_category:nh.y.NORMAL,price:r.standardSupportMoney,quantity:1}]})};return(0,c.jsxs)(rQ,{children:[(0,c.jsxs)("div",{className:"title-wrapper",children:[o&&(0,c.jsx)("img",{src:"/n/icons/icon_best.png",className:"best-icon",alt:"best icon"}),(0,c.jsx)(rL,{href:"/hrd-archive/lecture/".concat(r.id),text:t,isTitle:!0,handleGa4Event:d})]}),(0,c.jsx)(tW.k,{badgeTypes:(0,tz.W)(r,s,l)})]})},rQ=u.ZP.div.withConfig({displayName:"LectureListItemHeader__StyledWrapper",componentId:"sc-4f9d60e1-0"})(rU(),n=>{let{theme:t}=n;return t.typography.headline[5].bold},n=>{let{theme:t}=n;return t.colors.gray[800]},n=>{let{theme:t}=n;return t.mobile});var rJ=rK;function rX(){let n=(0,s._)(["\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  -webkit-box-align: center;\n  align-items: center;\n  overflow: hidden;\n  z-index: 2;\n  background: #eee;\n\n  img {\n    width: 100%;\n    height: 100%;\n  }\n"]);return rX=function(){return n},n}let r$=n=>{let{lectureImgPath:t}=n;return(0,c.jsx)(r0,{children:(0,c.jsx)(nr.E,{src:t,alt:"강의 대표 이미지"})})},r0=u.ZP.div.withConfig({displayName:"LectureListItemImage__StyledWrapper",componentId:"sc-c8189ad0-0"})(rX());var r1=r$;function r2(){let n=(0,s._)(["\n  padding: 30px 0;\n  margin-bottom: 0;\n  border-bottom: 1px solid #bdbdbd;\n  background-color: #fff;\n\n  .lecture-contents {\n    display: flex;\n    justify-content: flex-start;

1\n    align-items: flex-start;\n    flex-direction: row;\n    margin-top: 20px;\n\n    .img-wrap {\n      width: 200px;\n      height: 125px;\n      margin-right: 20px;\n      position: relative;\n    }\n  }\n\n  @media "," {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    .lecture-contents {\n      width: 100%;\n      display: flex;\n      margin-top: 10px;\n      flex-direction: column;\n\n      .img-wrap {\n        width: 100%;\n        height: auto;\n        margin-right: 0;\n        margin-bottom: 20px;\n        padding: 59% 0 0;\n        position: relative;\n      }\n    }\n  }\n"]);return r2=function(){return n},n}let r4=n=>{let{item:t}=n,{lecture:r,lectureCo:i,wishlist:l}=t;return(0,c.jsxs)(r6,{"data-role":"강의리스트-아이템",children:[(0,c.jsx)(rJ,{title:null==r?void 0:r.lectureTitle,item:null==t?void 0:t.lecture}),(0,c.jsxs)("div",{className:"lecture-contents",children:[(0,c.jsxs)("div",{className:"img-wrap",children:[(0,c.jsx)(r_.Z,{height:22,id:null==i?void 0:i.lectureId,isWishList:l.isWishlist}),(0,c.jsx)(r1,{lectureImgPath:null==r?void 0:r.lectureImage})]}),(0,c.jsx)(rY,{item:t})]})]})},r6=u.ZP.li.withConfig({displayName:"LectureListItem__StyledItem",componentId:"sc-f067710a-0"})(r2(),n=>{let{theme:t}=n;return t.mobile});var r9=r4;function r3(){let n=(0,s._)(["\n  & > ul {\n    margin-top: 30px;\n    border-top: 1px solid #d1d1d1;\n\n    @media screen and (min-width: 768px) {\n      background-color: #fff;\n    }\n\n    @media "," {\n      background-color: #eee;\n    }\n  }\n"]);return r3=function(){return n},n}let r5=n=>{let{data:t,total:r,isLoading:i}=n,l=(0,p.useRouter)(),o=Number(l.query.page)||1,s=n=>{l.push({pathname:l.pathname,query:{...l.query,page:n}})},d=(0,rj.Z)({itemList:rw.S.LECTURE_LIST,items:t.map((n,t)=>({item_id:n.lecture.id,item_name:n.lecture.lectureTitle,item_category:nh.y.NORMAL,price:n.lecture.standardSupportMoney,quantity:1,index:t}))});return i?(0,c.jsx)(nQ.Q,{}):0===r?(0,c.jsx)(eu.x,{text:"검색 결과가 없습니다."}):(0,c.jsxs)(r7,{ref:d,children:[(0,c.jsx)("ul",{children:t.map(n=>(0,c.jsx)(r9,{item:n},"lectureId-".concat(n.lecture.id)))}),(0,c.jsx)(rb.p,{total:r,pageSize:10,current:o,onChange:s})]})};var r8=r5;let r7=u.ZP.div.withConfig({displayName:"LectureList__StyledWrapper",componentId:"sc-c91e1cff-0"})(r3(),n=>{let{theme:t}=n;return t.mobile}),ie=n=>{var t;let{pageTitle:r,qsInitValues:i}=n,l=(0,p.useRouter)(),o=Number(l.query.page)||1,s=t1({query:{...i,page:o}}),{data:d,isLoading:u,isRefetching:m}=(0,h.Im)({vars:{params:s},options:{onError:nd.EE}}),x=(null==d?void 0:d.result.items)||[],g=(null==d?void 0:d.result.total)||0;return(0,c.jsxs)($,{categoryId:null==l?void 0:null===(t=l.query)||void 0===t?void 0:t.category_id,children:[(0,c.jsx)(rf,{pageTitle:r,qsInitValues:i,total:g}),(0,c.jsx)(r8,{data:x,total:g,isLoading:u||m})]})};var it=ie},96177:function(n,t,r){var i=r(37340),l=r(85893),o=r(67294),s=r(52015);function c(){let n=(0,i._)(["\n  height: 24px;\n\n  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */\n  .rating-group {\n    display: inline-flex;\n  }\n\n  /* make hover effect work properly in IE */\n  .rating__icon {\n    pointer-events: none;\n    text-align: center;\n    font-size: 24px;\n  }\n\n  /* hide radio inputs */\n  .rating__input {\n    position: absolute !important;\n    left: -9999px !important;\n  }\n\n  /* set icon padding and size */\n  .rating__label {\n    cursor: ",";\n    /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */\n    height: 24px;\n    padding: 0 2px;\n    //font-size: 29px;\n  }\n\n  /* add padding and positioning to half star labels */\n  .rating__label--half {\n    padding-right: 0;\n    margin-right: -0.6em;\n    z-index: 2;\n  }\n\n  /* set default star color */\n  .rating__icon--star {\n    color: #ffbf00;\n  }\n\n  /* set color of none icon when unchecked */\n  .rating__icon--none {\n    color: #eee;\n  }\n\n  /* if none icon is checked, make it red */\n  .rating__input--none:checked + .rating__label .rating__icon--none {\n    color: red;\n  }\n\n  /* if any input is checked, make its following siblings grey */\n  .rating__input:checked ~ .rating__label .rating__icon--star {\n    color: #e6e9ed;\n  }\n\n  /* make none icon grey on rating group hover */\n  .rating-group:hover\n    .rating__input--none:not(:hover)\n    + .rating__label\n    .rating__icon--none {\n    color: #eee;\n  }\n\n  /* make none icon red on hover */\n  .rating__input--none:hover + .rating__label .rating__icon--none {\n    color: red;\n  }\n"]);return c=function(){return n},n}let d=n=>

1{let{value:t,starPoint:r,isClickable:i,handleClick:o}=n,s=r>t?"empty":"fill";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{"aria-label":"".concat(r," stars"),className:"rating__label",htmlFor:"starRating-".concat(r),children:(0,l.jsx)("img",{src:"/n/images/svg/rating-star-".concat(s,".svg"),alt:"star ".concat(s)})}),i&&(0,l.jsx)("input",{className:"rating__input",name:"starRating",id:"starRating-".concat(r),value:r,type:"radio",defaultChecked:t===r,onClick:o})]})},u=n=>{let{initValue:t=5,isClickable:r=!0,setValue:i}=n,[s,c]=(0,o.useState)(t),u=[1,2,3,4,5],h=n=>{c(Number(n.currentTarget.value)),i("reviewScore",n.currentTarget.value)},m=(0,o.useMemo)(()=>u.map((n,t)=>(0,l.jsx)(d,{value:s,starPoint:n,isClickable:r,handleClick:h},t)),[u]);return{starRating:(0,l.jsx)(p,{isClickable:r,children:(0,l.jsx)("div",{className:"rating-group",children:m})}),value:s}};t.Z=u;let p=s.ZP.div.withConfig({displayName:"useStarIntRating__StyledWrapper",componentId:"sc-79aabe0e-0"})(c(),n=>{let{isClickable:t}=n;return t?"pointer":"default"})},53485:function(n,t,r){r.d(t,{y:function(){return l}});var i=r(67294);let l=n=>{let{maxLength:t,isExpand:r,setIsExpand:l,reviewContent:o}=n,[s,c]=(0,i.useState)(o),d=o.split("\n"),u=d.length,p=o.split(/\s/).join("").length,h=r?"더보기":"접기",m="/n/images/svg/svg-arrow-".concat(r?"bottom":"top",".svg");(0,i.useEffect)(()=>{t<p?(c(r?o.substring(0,t)+"...":o),l(!0)):(c(o),l(!1)),5<=u&&l(!0)},[o]);let x=()=>{l(!r)};return{displayText:s,handleToggleExpand:x,isExpand:r,contentLengthWithoutSpaces:p,toggleButtonLabel:h,toggleButtonSrc:m}}}}]);