1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6439],{35817:(n,e,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/activity",function(){return t(13252)}])},13252:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>nS});var i=t(84577),r=t(74848),a=t(96540),l=t(99149),o=t(91106),d=t.n(o),c=t(86715),s=t(23597),p=t(22164),u=t(73963),h=t(67688),x=t(24886),g=t(8611),f=t(71877);function v(){let n=(0,i._)(["\n width: 100%;\n & > a {\n display: flex;\n flex-direction: column;\n width: 100%;\n border-radius: 12px;\n overflow: hidden;\n background: #fff;\n border: 1px solid var(--grey-100);\n transition: all 0.2s ease;\n &:hover {\n border-color: var(--purple-500);\n transform: translateY(-2px);\n box-shadow: 0 8px 16px rgba(0,0,0,0.06);\n }\n }\n"]);return v=function(){return n},n}function y(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n background: var(--grey-100, #f3f4f6);\n overflow: hidden;\n & > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n"]);return y=function(){return n},n}function w(){let n=(0,i._)(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background: linear-gradient(180deg, #f5f6f9 0%, #eceef3 100%);\n color: var(--grey-400, #b8bfc8);\n & > span {\n font-size: 13px;\n font-weight: 500;\n color: var(--grey-500, #8b96a2);\n letter-spacing: -0.4px;\n }\n"]);return w=function(){return n},n}function m(){let n=(0,i._)(["\n position: absolute;\n top: 12px;\n left: 12px;\n padding: 6px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.5px;\n background-color: ",";\n"]);return m=function(){return n},n}function j(){let n=(0,i._)(["\n position: absolute;\n top: 12px;\n right: 12px;\n padding: 6px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: -0.3px;\n color: ",";\n background: ",";\n border: 1px solid ",";\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n"]);return j=function(){return n},n}function b(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding: 20px;\n"]);return b=function(){return n},n}function k(){let n=(0,i._)(["\n font-size: 13px;\n font-weight: 500;\n color: var(--grey-500);\n letter-spacing: -0.4px;\n"]);return k=function(){return n},n}function A(){let n=(0,i._)(["\n font-size: 18px;\n font-weight: 700;\n line-height: 140%;\n color: var(--text-color);\n letter-spacing: -0.7px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n min-height: 50px;\n"]);return A=function(){return n},n}function L(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-top: 4px;\n padding-top: 12px;\n border-top: 1px solid var(--grey-100);\n"]);return L=function(){return n},n}function _(){let n=(0,i._)(["\n display: flex;\n gap: 8px;\n font-size: 14px;\n line-height: 140%;\n letter-spacing: -0.4px;\n"]);return _=function(){return n},n}function C(){let n=(0,i._)(["\n width: 40px;\n flex-shrink: 0;\n font-weight: 600;\n color: var(--grey-700);\n"]);return C=function(){return n},n}function S(){let n=(0,i._)(["\n color: var(--text-color);\n font-weight: 400;\n word-break: keep-all;\n"]);return S=function(){return n},n}let F=n=>n?n.split("T")[0]:"",z=n=>{var e;let{item:t,href:i}=n,[l,o]=(0,a.useState)(!1),c=!t.thumbnail||l,s=t.thumbnail?"".concat("https://api.scout.or.kr").concat(t.thumbnail):"";return(0,r.jsx)(E,{children:(0,r.jsxs)(d(),{href:i,children:[(0,r.jsxs)(P,{children:[c?(0,r.jsxs)(M,{"aria-hidden":"true",children:[(0,r.jsx)(q,{}),(0,r.jsx)("span",{children:"ì´ë¯¸ì§ ì¤ë¹ì¤"})]}):(0,r.jsx)("img",{src:s,alt:t.title,onError:()=>o(!0)}),(0,r.jsx)(I,{type:t.activityType,children:t.activityType}),null!=t.capacity&&(0,r.jsx)(T,{$full:!!t.isFull,children:t.isFull?"ë§ê°":"ìì¬ ".concat(null!==(e=t.remainingSeats)&&void 0!==e?e:0,"/").concat(t.capacity)})]}),(0,r.jsxs)(D,{children:[(0,r.jsx)(W,{children:[t.majorCategory,t.middleCategory].filter(
1Boolean).join(" \xb7 ")}),(0,r.jsx)(B,{children:t.title}),(0,r.jsxs)(K,{children:[(0,r.jsxs)(R,{children:[(0,r.jsx)(Z,{children:"기ê°"}),(0,r.jsxs)(N,{children:[F(t.startDate),t.endDate&&t.endDate!==t.startDate?" ~ ".concat(F(t.endDate)):""]})]}),t.location&&(0,r.jsxs)(R,{children:[(0,r.jsx)(Z,{children:"ì¥ì"}),(0,r.jsx)(N,{children:t.location})]}),t.hostAssociationName&&(0,r.jsxs)(R,{children:[(0,r.jsx)(Z,{children:"주ê´"}),(0,r.jsx)(N,{children:t.hostAssociationName})]})]})]})]})})},q=()=>(0,r.jsxs)("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,r.jsx)("rect",{x:"8",y:"12",width:"48",height:"40",rx:"4",stroke:"currentColor",strokeWidth:"2"}),(0,r.jsx)("circle",{cx:"22",cy:"26",r:"4",stroke:"currentColor",strokeWidth:"2"}),(0,r.jsx)("path",{d:"M12 46L24 34L34 44L42 36L52 46",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),E=l.A.div(v()),P=l.A.div(y()),M=l.A.div(w()),I=l.A.span(m(),n=>{let{type:e}=n;return"íë ¨"===e?"var(--purple-500)":"#1f8a70"}),T=l.A.span(j(),n=>{let{$full:e}=n;return e?"#fff":"#444"},n=>{let{$full:e}=n;return e?"#c93030":"rgba(255, 255, 255, 0.92)"},n=>{let{$full:e}=n;return e?"#a52424":"#e0e0e0"}),D=l.A.div(b()),W=l.A.p(k()),B=l.A.h3(A()),K=l.A.div(L()),R=l.A.div(_()),Z=l.A.span(C()),N=l.A.span(S());var O=t(37688),U=t(53566),$=t(74029);function Q(){let n=(0,i._)(["\n cursor: ",";\n &:hover {\n background-color: #f8f9fa;\n }\n & span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]);return Q=function(){return n},n}let X=n=>{let{children:e,onClick:t,clickable:i}=n;return(0,r.jsx)(H,{onClick:t,$clickable:i,children:e})},H=l.A.tr(Q(),n=>n.$clickable?"pointer":"default");function V(){let n=(0,i._)(["\n width: ",";\n overflow: visible;\n padding: 8px 14px;\n color: var(--TEXT, #242A30);\n font-size: 14px;\n font-weight: 400;\n line-height: 100%;\n display: table-cell;\n border-bottom: 1px solid var(--grey-100);\n background: transparent;\n \n & > p, & span {\n display: inline-block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]);return V=function(){return n},n}function Y(){let n=(0,i._)(["\n padding: 12px 14px;\n border-bottom: 1px solid var(--grey-100);\n background: #E6EEF8;\n width: ",";\n text-align: left;\n color: var(--TEXT, #242A30);\n font-size: 14px;\n font-weight: 700;\n line-height: 100%; /* 14px */\n"]);return Y=function(){return n},n}let G=n=>{let{children:e,isHeader:t=!1,width:i}=n;return t?(0,r.jsx)(nn,{width:i,children:e}):(0,r.jsx)(J,{children:"string"==typeof e?(0,r.jsx)("p",{children:e}):e})},J=l.A.td(V(),n=>n.width?n.width:"auto"),nn=l.A.th(Y(),n=>n.width),ne=n=>{let{columns:e}=n;return(0,r.jsx)("thead",{children:(0,r.jsx)(X,{children:e.map(n=>(0,r.jsx)(G,{isHeader:!0,width:n.width,children:n.title},n.key))})})},nt=n=>{let{columns:e,data:t,onRowClick:i}=n;(0,c.useRouter)();let a=(n,e)=>n.render?n.render(e[n.key],e):e[n.key];return(0,r.jsx)("tbody",{children:t.map((n,t)=>(0,r.jsx)(X,{...i&&{onClick:()=>i(n),clickable:!0},children:e.map(e=>(0,r.jsx)(G,{children:a(e,n)},"".concat(t,"-").concat(e.key)))},t))})};var ni=t(65949);function nr(){let n=(0,i._)(["\n display: flex;\n gap: 4px;\n padding: 24px 0 8px;\n @media all and (max-width: 1024px) {\n padding-top: 12px;\n overflow-x: auto;\n &::-webkit-scrollbar { display: none; }\n }\n"]);return nr=function(){return n},n}function na(){let n=(0,i._)(["\n padding: 12px 28px;\n font-size: 22px;\n font-weight: ",";\n color: ",";\n border-bottom: 2px solid ",";\n cursor: pointer;\n transition: all 0.2s ease;\n background: transparent;\n letter-spacing: -0.8px;\n &:hover { color: var(--text-color); }\n\n @media all and (max-width: 1024px) {\n padding: 10px 18px;\n font-size: 17px;\n white-space: nowrap;\n }\n"]);return na=function(){return n},n}function nl(){let n=(0,i._)(["\n position: relative;\n z-index: 20;\n display: flex;\n justify-content: space-between;
1\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 20px 0;\n flex-wrap: wrap;\n"]);return nl=function(){return n},n}function no(){let n=(0,i._)(["\n position: relative;\n z-index: 20;\n display: flex;\n align-items: center;\n gap: 12px;\n"]);return no=function(){return n},n}function nd(){let n=(0,i._)(["\n position: relative;\n z-index: 20;\n width: 180px;\n"]);return nd=function(){return n},n}function nc(){let n=(0,i._)(["\n font-size: 14px;\n color: var(--grey-500);\n letter-spacing: -0.4px;\n & > strong { color: var(--purple-500); font-weight: 700; }\n"]);return nc=function(){return n},n}function ns(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n gap: 8px;\n"]);return ns=function(){return n},n}function np(){let n=(0,i._)(["\n width: 280px;\n height: 40px;\n @media all and (max-width: 500px) {\n width: 200px;\n }\n"]);return np=function(){return n},n}function nu(){let n=(0,i._)(["\n display: flex;\n border: 1px solid var(--grey-200, #e0e0e0);\n border-radius: 4px;\n overflow: hidden;\n @media all and (max-width: 500px) { display: none; }\n"]);return nu=function(){return n},n}function nh(){let n=(0,i._)(["\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: ",";\n color: ",";\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n &:hover { color: ","; }\n"]);return nh=function(){return n},n}function nx(){let n=(0,i._)(["\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n width: 100%;\n padding: 8px 0 40px;\n\n @media all and (max-width: 1280px) { grid-template-columns: repeat(3, 1fr); }\n @media all and (max-width: 900px) { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n @media all and (max-width: 500px) { grid-template-columns: 1fr; }\n"]);return nx=function(){return n},n}function ng(){let n=(0,i._)(["\n width: 100%;\n border-top: 2px solid var(--purple-500);\n margin-bottom: 24px;\n overflow-x: auto;\n"]);return ng=function(){return n},n}function nf(){let n=(0,i._)(["\n width: 100%;\n border-collapse: collapse;\n table-layout: fixed;\n @media all and (max-width: 1024px) {\n min-width: 720px;\n }\n"]);return nf=function(){return n},n}function nv(){let n=(0,i._)(["\n color: var(--text-color);\n text-decoration: none;\n font-weight: 600;\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &:hover {\n color: var(--purple-500);\n }\n & > span {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n"]);return nv=function(){return n},n}function ny(){let n=(0,i._)(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 4px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.4px;\n background-color: ",";\n"]);return ny=function(){return n},n}function nw(){let n=(0,i._)(["\n padding: 80px 0;\n text-align: center;\n color: var(--grey-500);\n font-size: 16px;\n"]);return nw=function(){return n},n}function nm(){let n=(0,i._)(["\n padding: 60px 0;\n"]);return nm=function(){return n},n}let nj={"":"",training:"íë ¨",event:"íì¬"},nb=n=>{let e=n.toLowerCase();return"training"===e||"event"===e?e:""},nk=n=>{if(!n)return"";let e=new TextEncoder().encode(n),t="";return e.forEach(n=>{t+=n.toString(16).padStart(2,"0")}),t},nA=n=>{if(!n)return"";let e=n.toLowerCase();if(0===e.length||e.length%2!=0||!/^[0-9a-f]+$/.test(e))return"";try{let n=new Uint8Array(e.length/2);for(let t=0;t<e.length;t+=2)n[t/2]=parseInt(e.substring(t,t+2),16);return new TextDecoder().decode(n)}catch(n){return""}},nL=n=>n?n.split("T")[0]:"",n_=n=>{let e=nL(n.startDate);return n.endDate&&n.endDate!==n.startDate?"".concat(e," ~ ").concat(nL(n.endDate)):e},nC=(n,e)=>{let t=new URLSearchParams;if(e.page&&e.page>1&&t.set("page",String(e.page)),e.search&&t.set("search",e.search),e.type&&t.set("type",e.type),e.category){let n=nk(e.category);n&&t.set("category",n)}e.view&&"card"!==e.view&&t.set("view",e.view);let i=t.toString();return"/activity/".concat(n).concat(i?"?".concat(i):"")},nS=()=>{var n;let e=(0,c.useRouter)(),[t,i]=(0,a.useState)(0),[l,o]=(0,a.useState)(""),[d,v]=(0,a.useState)(""),[y,w]=(0,a.useState)(""),[m,j]=(0,a.useState)("card");(0,a.useEffect)(()=>
1{if(!e.isReady)return;let n=e.query,t=Number(n.page)||1,r=n.search||"",a=nb(n.type||""),l=nA(n.category||""),d=n.view||"card";i(t-1),o(r),v(a),w(l),j("list"===d?"list":"card")},[e.isReady,e.query]);let b=nj[d],k=(0,a.useMemo)(()=>({page:t,size:12,title:l||void 0,activityType:b||void 0,majorCategory:y||void 0,useAt:"true"}),[t,l,b,y]),{data:A,isLoading:L}=(0,ni.$F)(k),{data:_}=(0,ni.xI)({activityType:b||void 0,useAt:"true"}),C=(0,a.useMemo)(()=>{if(!_)return[];let n=new Set;return _.forEach(e=>e.majorCategory&&n.add(e.majorCategory)),[{value:"",label:"ì ì²´ ë¶ë¥"},...Array.from(n).map(n=>({value:n,label:n}))]},[_]),S=n=>{let t={};Object.entries({page:1,search:l,type:d,category:y,view:m,...n}).forEach(n=>{let[e,i]=n;if(""!==i&&null!=i){if("category"===e){let n=nk(String(i));n&&(t[e]=n)}else t[e]=String(i)}}),e.push({pathname:e.pathname,query:t},void 0,{shallow:!0})},F=n=>{S({type:n,category:"",page:1})},q=n=>{S({view:n})},E=null!==(n=null==A?void 0:A.totalCount)&&void 0!==n?n:0,P=Math.ceil(E/12),M="training"===d?"íë ¨":"event"===d?"íì¬":"íë ¨ ë° íì¬",I=[{name:"íë ¨ ë° íì¬",href:"/activity"},{name:M,href:"/activity".concat(d?"?type=".concat(d):"")}],T=(0,a.useMemo)(()=>[{key:"number",title:"ë²í¸",width:"72px"},{key:"activityType",title:"구ë¶",width:"90px"},{key:"category",title:"ë¶ë¥",width:"160px"},{key:"title",title:"íëëª
"},{key:"location",title:"ì¥ì",width:"160px"},{key:"period",title:"기ê°",width:"200px"}],[]),D=(0,a.useMemo)(()=>A?A.content.map((n,e)=>{let i=E-(12*t+e),a=nC(n.activityId,{page:t+1,search:l,type:d,category:y,view:m});return{key:n.activityId,href:a,number:i,activityType:(0,r.jsx)(nU,{type:n.activityType,children:n.activityType}),category:[n.majorCategory,n.middleCategory].filter(Boolean).join(" \xb7 ")||"-",title:(0,r.jsx)(nO,{href:a,children:(0,r.jsx)("span",{children:n.title})}),location:n.location||"-",period:n_(n)}}):[],[A,E,t,l,d,y,m]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.A,{}),(0,r.jsx)(p.A,{imgSrc:"/assets/img/banner/banner3.png",title:"íë ¨ ë° íì¬"}),(0,r.jsx)(h.A,{paths:I}),(0,r.jsx)(g.A,{title:M}),(0,r.jsxs)(x.A,{children:[(0,r.jsxs)(nq,{"data-aos":"fade-up",children:[(0,r.jsx)(nE,{active:""===d,onClick:()=>F(""),children:"ì ì²´"}),(0,r.jsx)(nE,{active:"training"===d,onClick:()=>F("training"),children:"íë ¨"}),(0,r.jsx)(nE,{active:"event"===d,onClick:()=>F("event"),children:"íì¬"})]}),(0,r.jsxs)(nP,{"data-aos":"fade-up","data-aos-delay":"100",children:[(0,r.jsxs)(nM,{children:[(0,r.jsx)(nI,{children:(0,r.jsx)($.A,{width:180,height:40,options:C,value:y,onChange:n=>{S({category:n,page:1})},placeholder:"ì ì²´ ë¶ë¥"})}),(0,r.jsxs)(nT,{children:["ì´ ",(0,r.jsx)("strong",{children:E}),"ê±´"]})]}),(0,r.jsxs)(nD,{children:[(0,r.jsx)(nW,{children:(0,r.jsx)(U.A,{placeholder:"íëëª
ì ê²ìí´ì£¼ì¸ì.",value:l,onChange:n=>{S({search:n,page:1})},height:40})}),(0,r.jsxs)(nB,{children:[(0,r.jsx)(nK,{active:"card"===m,onClick:()=>q("card"),"aria-label":"ì¹´ë 보기",type:"button",children:(0,r.jsx)(nF,{})}),(0,r.jsx)(nK,{active:"list"===m,onClick:()=>q("list"),"aria-label":"리ì¤í¸ 보기",type:"button",children:(0,r.jsx)(nz,{})})]})]})]}),L?(0,r.jsx)(n$,{children:"ë¶ë¬ì¤ë ì¤ì
ëë¤..."}):A&&0!==A.content.length?"card"===m?(0,r.jsx)(nR,{"data-aos":"fade-up","data-aos-delay":"150",children:A.content.map((n,e)=>(0,r.jsx)(z,{item:n,href:nC(n.activityId,{page:t+1,search:l,type:d,category:y,view:m})},n.activityId))}):(0,r.jsx)(nZ,{"data-aos":"fade-up","data-aos-delay":"150",children:(0,r.jsxs)(nN,{children:[(0,r.jsx)("colgroup",{children:T.map(n=>(0,r.jsx)("col",{style:n.width?{width:n.width}:void 0},n.key))}),(0,r.jsx)(ne,{columns:T}),(0,r.jsx)(nt,{columns:T,data:D,onRowClick:n=>{e.push(n.href)}})]})}):(0,r.jsx)(nQ,{children:(0,r.jsx)(O.A,{text:"ë±ë¡ë íëì´ ììµëë¤."})}),P>0&&(0,r.jsx)(f.A,{currentPage:t+1,totalPages:P,size:12,onPageChange:n=>{S({page:n})}})]}),(0,r.jsx)(u.A,{})]})},nF=()=>(0,r.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("rect",{x:"2",y:"2",width:"6",height:"6",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("rect",{x:"10",y:"2",width:"6",height:"6",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("rect",{x:"2",y:"10",width:"6",height:"6",rx:"1",stroke:"currentColor",strokeWidth:"1.5"}),(0,r.jsx)("rect",{x:"10",y:"10",width:"6",height:"6",rx:"1",stroke:"currentColor",strokeWidth:"1.5"})]}),nz=()=>(0,r.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("line",{x1:"3",y1:"4",x2:"15",y2:"4",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"}),(0,r.jsx)("line",{x1:"3",y1:"9",x2:"15",y2:"9",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"}),(0,r.jsx)("line",{x1:"3",y1:"14",x2:"15",y2:"14",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})]}),nq=l.A.div(nr()),nE=l.A.button(na(),n=>{let{active:e}=n;return e?700:500},n=>{let{active:e}=n;return e?"var(--text-color)":"var(--grey-500)"},n=>{let{active:e}=n;return e?"var(--purple-500)":"transparent"}
1),nP=l.A.div(nl()),nM=l.A.div(no()),nI=l.A.div(nd()),nT=l.A.span(nc()),nD=l.A.div(ns()),nW=l.A.div(np()),nB=l.A.div(nu()),nK=l.A.button(nh(),n=>{let{active:e}=n;return e?"var(--purple-500)":"#fff"},n=>{let{active:e}=n;return e?"#fff":"var(--grey-500)"},n=>{let{active:e}=n;return e?"#fff":"var(--text-color)"}),nR=l.A.div(nx()),nZ=l.A.div(ng()),nN=l.A.table(nf()),nO=(0,l.A)(d())(nv()),nU=l.A.span(ny(),n=>{let{type:e}=n;return"íë ¨"===e?"var(--purple-500)":"#1f8a70"}),n$=l.A.div(nw()),nQ=l.A.div(nm())},37688:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var i=t(84577),r=t(74848),a=t(99149);function l(){let n=(0,i._)(["\n width: 100%;\n height: 154px;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #8B96A2;\n font-size: 20px;\n font-weight: 500;\n line-height: 140%;\n letter-spacing: -0.24px;\n"]);return l=function(){return n},n}let o=n=>{let{text:e}=n;return(0,r.jsx)(d,{children:e})},d=a.A.div(l())},8611:(n,e,t)=>{"use strict";t.d(e,{A:()=>o});var i=t(84577),r=t(74848),a=t(99149);function l(){let n=(0,i._)(["\n display: flex;\n justify-content: center;\n width: 100%;\n padding: 50px 0 20px 0;\n & > h2 {\n color: var(--purple-500);\n font-size: 64px;\n font-weight: 500;\n line-height: 134%;\n letter-spacing: -3.2px;\n }\n\n @media all and (max-width: 1024px) {\n padding: 40px 0 20px 0;\n & > h2 {\n font-size: 28px;\n line-height: 150%;\n letter-spacing: -1.4px;\n }\n }\n"]);return l=function(){return n},n}let o=n=>{let{title:e}=n;return(0,r.jsx)(d,{"data-aos":"fade-up",children:(0,r.jsx)("h2",{children:e})})},d=a.A.div(l())},24886:(n,e,t)=>{"use strict";t.d(e,{A:()=>d,m:()=>s});var i=t(84577),r=t(74848),a=t(99149);function l(){let n=(0,i._)(["\n width: 100%;\n max-width: ",";\n margin: 0 auto;\n padding: 0 20px 160px 20px;\n"]);return l=function(){return n},n}function o(){let n=(0,i._)(["\n width: 100%;\n max-width: ",";\n margin: 0 auto;\n padding: 0 20px;\n @media all and (max-width: 1024px){\n padding: 0;\n }\n"]);return o=function(){return n},n}let d=n=>{let{children:e,fullWidth:t=!1}=n;return(0,r.jsx)(c,{"data-aos":"fade-up",fullWidth:t,children:e})},c=a.A.div(l(),n=>n.fullWidth?"none":"1640px"),s=a.A.div(o(),n=>n.fullWidth?"none":"1640px")},53566:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var i=t(84577),r=t(74848),a=t(99149);function l(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n"]);return l=function(){return n},n}function o(){let n=(0,i._)(["\n width: ",";\n height: ",";\n padding: 8px 16px;\n border-radius: 4px;\n border: 1px solid var(--grey-100);\n background: var(--wt, #FFF);\n font-size: 14px;\n &::placeholder {\n color: var(--grey-300);\n font-size: 14px;\n font-weight: 400;\n line-height: 100%; /* 14px */\n letter-spacing: -0.7px;\n }\n &:focus {\n outline: none;\n border: 1px solid var(--blue-500);\n }\n"]);return o=function(){return n},n}function d(){let n=(0,i._)(["\n position: absolute;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n"]);return d=function(){return n},n}let c=a.A.div(l()),s=a.A.input(o(),n=>n.width?"".concat(n.width,"px"):"100%",n=>n.height?"".concat(n.height,"px"):"100%"),p=a.A.button(d()),u=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.33325 0.166626C3.7434 0.166626 0.833252 3.07678 0.833252 6.66663C0.833252 10.2565 3.7434 13.1666 7.33325 13.1666C10.9231 13.1666 13.8333 10.2565 13.8333 6.66663C13.8333 3.07678 10.9231 0.166626 7.33325 0.166626ZM1.83325 6.66663C1.83325 3.62906 4.29569 1.16663 7.33325 1.16663C10.3708 1.16663 12.8333 3.62906 12.8333 6.66663C12.8333 9.70419 10.3708 12.1666 7.33325 12.1666C4.29569 12.1666 1.83325 9.70419 1.83325 6.66663Z",fill:"#677C97"}),(0,r.jsx)("path",{d:"M13.0202 11.6465C12.8249 11.4512 12.5083 11.4512 12.3131 11.6465C12.1178 11.8417 12.1178 12.1583 12.3131 12.3536L14.9797 15.0202C15.1749 15.2155 15.4915 15.2155 15.6868 15.0202C15.882 14.8249 15.882 14.5084 15.6868 14.3131L13.0202 11.6465Z",fill:"#677C97"})]}),h=n=>{let{placeholder:e="ê²ìì´ë¥¼ ì
ë ¥íì¸ìâ¦",onChange:t,value:i,width:a,height:l}=n;return(0,r.jsxs)(c,{children:[(0,r.jsx)(s,{type:"text",placeholder:e,onChange:n=>null==t?void 0:t(n.target.value),value:i,width:a,height:l}),(0,r.jsx)(p,{type:"button",children:(0,r.jsx)(u,{})})]})}},22164:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});
1var i=t(84577),r=t(74848);t(96540);var a=t(99149);function l(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n height: 636px;\n overflow: hidden;\n background-image: url(",");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center ",";\n @media all and (max-width: 1024px) {\n height: 370px;\n }\n"]);return l=function(){return n},n}function o(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);\n"]);return o=function(){return n},n}function d(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n"]);return d=function(){return n},n}function c(){let n=(0,i._)(["\n color: #FFF;\n font-size: 60px;\n font-weight: 700;\n line-height: 100%;\n letter-spacing: -3px;\n z-index: 0;\n @media all and (max-width: 1024px) {\n font-size: 40px;\n letter-spacing: -2px;\n }\n"]);return c=function(){return n},n}let s=n=>{let{imgSrc:e="ë°°ë ì´ë¯¸ì§",title:t,backgroundPostionY:i="20%",className:a}=n;return(0,r.jsxs)(p,{className:a,imgSrc:e,backgroundPostionY:i,children:[(0,r.jsx)(u,{}),t&&(0,r.jsx)(h,{children:(0,r.jsx)(x,{children:t})})]})},p=a.A.section(l(),n=>n.imgSrc,n=>n.backgroundPostionY),u=a.A.div(o()),h=a.A.div(d()),x=a.A.h1(c())},67688:(n,e,t)=>{"use strict";t.d(e,{A:()=>h});var i=t(84577),r=t(74848);t(96540);var a=t(99149);let l=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("mask",{id:"mask0_440_5977",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24",children:(0,r.jsx)("rect",{width:"24",height:"24",fill:"#D9D9D9"})}),(0,r.jsx)("g",{mask:"url(#mask0_440_5977)",children:(0,r.jsx)("path",{d:"M12.9462 12L8.34619 7.4L9.39994 6.34625L15.0537 12L9.39994 17.6538L8.34619 16.6L12.9462 12Z",fill:"#8C96A2"})})]}),o=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"29",viewBox:"0 0 26 29",fill:"none",children:(0,r.jsx)("path",{d:"M0.5 28.1667V9.41667L13 0.00958252L25.5 9.41667V28.1667H16.1729V17.0129H9.82708V28.1667H0.5Z",fill:"#8C96A2"})});var d=t(91106),c=t.n(d);function s(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 60px;\n padding: 0 160px;\n margin-bottom: 4px;\n border-bottom: 1px solid #DBDEE2;\n @media all and (max-width: 1024px) {\n height: 40px;\n padding: 0 15px;\n margin: 0;\n }\n"]);return s=function(){return n},n}function p(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n max-width: 1640px;\n width: 100%;\n margin: 0 auto;\n gap: 4px;\n & > a {\n padding: 6px 7px;\n }\n @media all and (max-width: 1024px){\n & > a {\n padding: 3px;\n & > svg {\n width: 12.5px;\n height: 15px;\n }\n }\n }\n"]);return p=function(){return n},n}function u(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n & > a, & > p {\n padding: 10px;\n font-size: 18px;\n font-weight: 500;\n line-height: 100%;\n letter-spacing: -0.9px;\n word-break: keep-all;\n text-align: center;\n }\n @media all and (max-width: 1024px) {\n & > a, & > p {\n font-size: 14px;\n letter-spacing: -0.7px;\n }\n }\n @media all and (max-width: 450px) {\n & > a, & > p {\n padding: 0;\n }\n }\n"]);return u=function(){return n},n}let h=n=>{let{paths:e}=n;return(0,r.jsx)(x,{children:(0,r.jsxs)(g,{children:[(0,r.jsx)(c(),{href:"/",children:(0,r.jsx)(o,{})}),(0,r.jsx)("span",{children:(0,r.jsx)(l,{})}),e.map((n,t)=>(0,r.jsxs)(f,{children:[t<e.length-1?(0,r.jsx)(c(),{href:n.href,children:n.name}):(0,r.jsx)("p",{children:n.name}),t<e.length-1&&(0,r.jsx)("span",{children:(0,r.jsx)(l,{})})]},n.href))]})})},x=a.A.div(s()),g=a.A.ol(p()),f=a.A.li(u())},71877:(n,e,t)=>{"use strict";t.d(e,{A:()=>p});
1var i=t(84577),r=t(74848),a=t(96540),l=t(99149);function o(){let n=(0,i._)(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n border-radius: 8px;\n border: 1px solid var(--grey-100);\n background: #FFF;\n font-size: 13px;\n font-weight: 600;\n cursor: pointer;\n\n &:hover{\n background: var(--blue-50);\n }\n ","\n ","\n\n @media all and (max-width: 1024px) {\n width: 28px;\n height: 28px;\n font-size: 12px;\n }\n"]);return o=function(){return n},n}let d=n=>{let{$active:e,...t}=n;return(0,r.jsx)(c,{$active:e,...t,children:t.children})},c=l.A.button(o(),n=>n.$active&&"\n color: #FFF;\n background: var(--purple-500);\n &:hover{\n background: var(--purple-500);\n }\n ",n=>n.disabled&&"\n cursor: not-allowed;\n & svg{\n & path{\n fill: var(--grey-200);\n }\n }\n &:hover{\n background: #FFF;\n }\n ");function s(){let n=(0,i._)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n gap: 16px;\n width: 100%;\n padding-top: 50px;\n\n @media all and (max-width: 1024px) {\n gap: 8px;\n }\n"]);return s=function(){return n},n}let p=n=>{let{currentPage:e,totalPages:t,size:i,onPageChange:l}=n,[o,c]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{let n=()=>{c(window.innerWidth<=768)};return n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[]),t<=1)?null:(0,r.jsxs)(u,{children:[(0,r.jsx)(d,{onClick:()=>l(1),disabled:1===e,children:(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,r.jsx)("path",{d:"M11.7267 12L12.6667 11.06L9.61341 8L12.6667 4.94L11.7267 4L7.72675 8L11.7267 12Z",fill:"#171719"}),(0,r.jsx)("path",{d:"M7.33344 12L8.27344 11.06L5.2201 8L8.27344 4.94L7.33344 4L3.33344 8L7.33344 12Z",fill:"#171719"})]})}),(0,r.jsx)(d,{onClick:()=>l(e-1),disabled:1===e,children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,r.jsx)("path",{d:"M10.06 12L11 11.06L7.94667 8L11 4.94L10.06 4L6.06 8L10.06 12Z",fill:"#171719"})})}),(()=>{let n=[],i=1,r=t;o?t>5&&(e<=3?(i=1,r=5):e>=t-2?(i=t-4,r=t):(i=e-2,r=e+2)):t>10&&(r=Math.min((i=10*Math.floor((e-1)/10)+1)+9,t));for(let e=i;e<=r;e++)n.push(e);return n})().map(n=>(0,r.jsx)(d,{$active:e===n,onClick:()=>l(n),children:n},n)),(0,r.jsx)(d,{onClick:()=>l(e+1),disabled:e===t,children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,r.jsx)("path",{d:"M6.94 4L6 4.94L9.05333 8L6 11.06L6.94 12L10.94 8L6.94 4Z",fill:"#171719"})})}),(0,r.jsx)(d,{onClick:()=>l(t),disabled:e===t,children:(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,r.jsx)("path",{d:"M4.27325 4L3.33325 4.94L6.38659 8L3.33325 11.06L4.27325 12L8.27325 8L4.27325 4Z",fill:"#171719"}),(0,r.jsx)("path",{d:"M8.66656 4L7.72656 4.94L10.7799 8L7.72656 11.06L8.66656 12L12.6666 8L8.66656 4Z",fill:"#171719"})]})})]})},u=l.A.div(s())},65949:(n,e,t)=>{"use strict";t.d(e,{v5:()=>s,ST:()=>f,xI:()=>p,$F:()=>c,xK:()=>h,zL:()=>y,QQ:()=>x,hO:()=>u,DX:()=>g,wO:()=>m,tm:()=>w,I9:()=>v,hI:()=>j});var i=t(35072),r=t(97665),a=t(82309),l=t(62636),o=t(4508);let d={getActivityList:async n=>(await o.SP.get("/api/activity",{params:n})).data,getActivity:async n=>(await o.SP.get("/api/activity/".concat(n))).data,getActivityCategoryList:async n=>(await o.SP.get("/api/activity-category",{params:n})).data,getEligibility:async(n,e,t)=>{let i={};return null!=e&&(i.optionId=e),null!=t&&(i.troopNo=t),(await o.SP.get("/api/activity/".concat(n,"/eligibility"),Object.keys(i).length>0?{params:i}:void 0)).data},applyActivity:async(n,e)=>(await o.SP.post("/api/activity/".concat(n,"/apply"),e)).data,confirmPayment:async(n,e)=>(await o.SP.post("/api/activity/apply/".concat(n,"/payment/confirm"),e)).data,getAllMyActivityApplies:async()=>{let n=[],e=0,t=!0;for(;t;){let{content:i,next:r}=(await o.SP.get("/api/activity/apply/me",{params:{page:e,size:100}})).data;n.push(...i),t=r&&i.length>0,e+=1}return n},getActivityApplyDetail:async n=>(await o.SP.get("/api/activity/apply/".concat(n))).data,getPaymentInit:async n=>(await o.SP.get("/api/activity/apply/".concat(n,"/payment/init"))).data,cancelActivityApply:async(n,e)=>(await o.SP.patch("/api/activity/apply/".concat(n,"/cancel"),{reason:null!=e?e:""})).data,getMyCerts:async n=>{let e=new URLSearchParams;null==n||n.forEach(n=>e.append("type",n));let t=e.toString();return(await o.SP.get("/api/member/me/certs".concat(t?"?".concat(t):""))).data},requestCertUpgrade:async(n,e)=>(await o.SP.post("/api/member/certs/".concat(n,"/upgrade-request"),e)).data,getMyCertUpgradeRequests:async()=>(await o.SP.get("/api/member/me/cert-upgrade-requests")).data},c=n=>(0,i.I)({queryKey:["activity","list",n],queryFn:()=>d.getActivityList(n)}),s=n=>(0,i.I)({queryKey:["activity","detail",n],queryFn:()=>d.getActivity(n),enabled:!!n}),p=n=>(0,i.I)({queryKey:["activity","category",n],queryFn:()=>d.getActivityCategoryList(n)}),u=function(n,e,t){let r=!(arguments.length>3)||void 0===arguments[3]||arguments[3];return(0,i.I)({queryKey:["activity","eligibility",n,null!=e?e:null,null!=t?t:null],queryFn:()=>d.getEligibility(n,null!=e?e:null,null!=t?t:null),enabled:!!n&&r})},h=function(){let{onSuccess:n,onError:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,r.jE)();return(0,a.n)({mutationFn:n=>{let{activityId:e,payload:t}=n;return d.applyActivity(e,t)},onSuccess:e=>{t.invalidateQueries({queryKey:["activity"]}),e.paymentRequired||l.Ay.success("íë ì ì²ì´ ì ìëììµëë¤."),null==n||n(e)},onError:n=>{var t,i,r,a;let l=(null===(i=n.response)||void 0===i?void 0:null===(t=i.data)||void 0===t?void 0:t.message)||(null===(a=n.response)||void 0===a?void 0:null===(r=a.data)||void 0===r?void 0:r.error)||"íë ì ì²ì ì¤í¨íìµëë¤.";null==e||e(l)}})},x=function(){let{onSuccess:n,onError:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,r.jE)();return(0,a.n)({mutationFn:n=>{let{applyId:e,payload:t}=n;return d.confirmPayment(e,t)},onSuccess:()=>{t.invalidateQueries({queryKey:["activity"]}),null==n||n()},onError:n=>{var t,i,r,a;let l=(null===(i=n.response)||void 0===i?void 0:null===(t=i.data)||void 0===t?void 0:t.message)||(null===(a=n.response)||void 0===a?void 0:null===(r=a.data)||void 0===r?void 0:r.error)||"ê²°ì ì¹ì¸ì ì¤í¨íìµëë¤.";null==e||e(l)}})},g=()=>(0,i.I)({queryKey:["activity","apply","me"],queryFn:()=>d.getAllMyActivityApplies()}),f=(n,e)=>{var t;return(0,i.I)({queryKey:["activity","apply","detail",n],queryFn:()=>d.getActivityApplyDetail(n),enabled:!!n&&(null===(t=null==e?void 0:e.enabled)||void 0===t||t)})},v=(n,e)=>{var t;return(0,i.I)({queryKey:["activity","apply","payment-init",n],queryFn:()=>d.getPaymentInit(n),enabled:!!n&&(null===(t=null==e?void 0:e.enabled)||void 0===t||t),staleTime:0})},y=function(){let{onSuccess:n,onError:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,r.jE)();return(0,a.n)({mutationFn:n=>{let{applyId:e,reason:t}=n;return d.cancelActivityApply(e,t)},onSuccess:()=>{t.invalidateQueries({queryKey:["activity","apply"]}),l.Ay.success("ì ì²ì´ ì·¨ìëììµëë¤."),null==n||n()},onError:n=>{var t,i,r,a;let l=(null===(i=n.response)||void 0===i?void 0:null===(t=i.data)||void 0===t?void 0:t.message)||(null===(a=n.response)||void 0===a?void 0:null===(r=a.data)||void 0===r?void 0:r.error)||"ì ì² ì·¨ìì ì¤í¨íìµëë¤.";null==e||e(l)}})},w=function(n){let e=!(arguments.length>1)||void 0===arguments[1]||arguments[1];return(0,i.I)({queryKey:["activity","cert","me",n],queryFn:()=>d.getMyCerts(n),enabled:e,refetchOnWindowFocus:!1})},m=function(){let n=!(arguments.length>0)||void 0===arguments[0]||arguments[0];return(0,i.I)({queryKey:["activity","cert","upgrade","me"],queryFn:()=>d.getMyCertUpgradeRequests(),enabled:n,refetchOnWindowFocus:!1})},j=function(){let{onSuccess:n,onError:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,r.jE)();return(0,a.n)({mutationFn:n=>{let{certId:e,note:t}=n;return d.requestCertUpgrade(e,{note:t})},onSuccess:()=>{t.invalidateQueries({queryKey:["activity","cert"]}),l.Ay.success("ìí¥ ìì²ì´ ì ìëììµëë¤. ê´ë¦¬ì íì¸ í ì²ë¦¬ë©ëë¤."),null==n||n()},onError:n=>{var t,i,r,a;let l=(null===(i=n.response)||void 0===i?void 0:null===(t=i.data)||void 0===t?void 0:t.message)||(null===(a=n.response)||void 0===a?void 0:null===(r=a.data)||void 0===r?void 0:r.error)||"ìí¥ ìì²ì ì¤í¨íìµëë¤.";null==e||e(l)}})}}},n=>{var e=e=>n(n.s=e);n.O(0,[7690,1106,8726,5471,636,6593,8792],()=>e(35817)),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.