"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4270],{28432:function(e,t,o){o.d(t,{m:function(){return l}});var n=o(57437);o(2265);var i=o(88862),r=o(50703),a=o(33145),c=o(39026);t.Z=e=>{let{isOpen:t,onClose:o,title:i,body:a,footer:l,children:f,className:b,overlayWidth:m="100%"}=e,w=(0,c.eA)(o);return t?(0,n.jsx)(d,{onMouseDown:w.onMouseDown,onClick:w.onClick,overlayWidth:m,children:(0,n.jsxs)(s,{...w.contentProps,onClick:e=>e.stopPropagation(),className:b,children:[(0,n.jsxs)(p,{children:[i&&(0,n.jsx)(h,{children:i}),(0,n.jsx)(u,{onClick:o,src:r.Z,alt:"close",width:12,height:12})]}),(0,n.jsx)(x,{children:a||f}),l&&(0,n.jsx)(g,{children:l})]})}):null};let l=e=>{let{bgColor:t="#403d7d",hoverColor:o="#2c2a5e",textColor:i="#fff",children:r,onClick:a,...c}=e;return(0,n.jsx)(f,{bgColor:t,hoverColor:o,textColor:i,onClick:a,...c,children:r})},d=i.ZP.div.withConfig({componentId:"sc-ec6a34aa-0"})(["position:fixed;top:0;left:0;width:",";height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000;"],e=>e.overlayWidth),s=i.ZP.div.withConfig({componentId:"sc-ec6a34aa-1"})(["background:white;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.2);position:relative;width:400px;height:200px;display:flex;flex-direction:column;"]),p=i.ZP.div.withConfig({componentId:"sc-ec6a34aa-2"})(["padding:10px 20px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;"]),h=i.ZP.h2.withConfig({componentId:"sc-ec6a34aa-3"})(["margin:0;font-size:14px;color:#333;font-weight:400;"]),u=(0,i.ZP)(a.default).withConfig({componentId:"sc-ec6a34aa-4"})(["background:none;border:none;font-size:24px;cursor:pointer;color:#333;"]),x=i.ZP.div.withConfig({componentId:"sc-ec6a34aa-5"})(["padding:27px;font-weight:500;display:flex;justify-content:center;align-items:center;flex-direction:column;"]),g=i.ZP.div.withConfig({componentId:"sc-ec6a34aa-6"})(["padding:5px 16px;display:flex;justify-content:flex-end;gap:10px;"]),f=i.ZP.button.withConfig({componentId:"sc-ec6a34aa-7"})(["border:none;background-color:",";color:",";border-radius:5px;cursor:pointer;font-size:14px;width:60px;height:30px;transition:background-color 0.2s ease-in-out;&:hover{background-color:",";}"],e=>e.bgColor,e=>e.textColor,e=>e.hoverColor)},24294:function(e,t,o){var n=o(57437),i=o(2265),r=o(88862);let a={value:1,pastel:!1,warmth:0},c="#6864d0",l="#e6e4f5",d=e=>"linear-gradient(to right, ".concat(c," 0%, ").concat(c," ").concat(e,"%, ").concat(l," ").concat(e,"%, ").concat(l," 100%)"),s=e=>e.toString(16).padStart(2,"0"),p=(e,t,o)=>"".concat(s(e)).concat(s(t)).concat(s(o)),h=e=>Math.max(0,Math.min(255,Math.round(e))),u=(e,t)=>{let o=22*t;return p(h(e+o),h(e+.5*o),h(e-o))},x=e=>{let t=e.trim().replace(/^#/,"");return/^[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():/^[0-9a-fA-F]{3}$/.test(t)?t.split("").map(e=>e+e).join("").toLowerCase():null},g=(e,t,o,n)=>(function(e,t,o){let n=o*t,i=n*(1-Math.abs(e/60%2-1)),r=o-n,a=0,c=0,l=0;return e<60?[a,c,l]=[n,i,0]:e<120?[a,c,l]=[i,n,0]:e<180?[a,c,l]=[0,n,i]:e<240?[a,c,l]=[0,i,n]:e<300?[a,c,l]=[i,0,n]:[a,c,l]=[n,0,i],{r:Math.round((a+r)*255),g:Math.round((c+r)*255),b:Math.round((l+r)*255)}})(e,n?.5*t:t,n?.85+.15*o:o);t.Z=e=>{let{selectedHex:t,onSelect:o}=e,r=(0,i.useRef)(null),[c,l]=(0,i.useState)(a.value),[s,h]=(0,i.useState)(a.pastel),[P,M]=(0,i.useState)(a.warmth);(0,i.useEffect)(()=>{a.value=c,a.pastel=s,a.warmth=P},[c,s,P]);let[S,F]=(0,i.useState)(t),[D,A]=(0,i.useState)(void 0),E=null!=D?D:S;(0,i.useEffect)(()=>{F(t)},[t]);let[z,L]=(0,i.useState)(t?"#".concat(t.toUpperCase()):"");(0,i.useEffect)(()=>{L(E?"#".concat(E.toUpperCase()):"")},[E]);let q=()=>{let e=x(z);e?(F(e),o(e)):L(E?"#".concat(E.toUpperCase()):"")};(0,i.useEffect)(()=>{let e=r.current;if(!e)return;let t=e.getContext("2d");if(!t)return;let o=t.createImageData(240,240);for(let e=0;e<240;e+=1)for(let t=0;t<240;t+=1){let n=t-120,i=e-120,r=Math.sqrt(n*n+i*i),a=(240*e+t)*4;if(r>120){o.data[a+3]=0;continue}let l=180/Math.PI*Math.atan2(i,n);l<0&&(l+=360);let{r:d,g:p,b:h}=g(l,Math.min(r/120,1),c,s);o.data[a]=d,o.data[a+1]=p,o.data[a+2]=h,o.data[a+3]=255}t.putImageData(o,0,0)},[c,s]);let R=e=>{let t=r.current;if(!t)return null;let o=t.getBoundingClientRect(),n=(e.clientX-o.left)/o.width*240,i=(e.clientY-o.top)/o.height*240,a=n-120,l=i-120,d=Math.sqrt(a*a+l*l);if(d>120)return null;let h=180/Math.PI*Math.atan2(l,a);h<0&&(h+=360);let{r:u,g:x,b:f}=g(h,Math.min(d/120,1),c,s);return p(u,x,f)},_=e=>{let t=e.currentTarget.getBoundingClientRect(),o=(e.clientX-t.left)/t.width;return u(255*(o=Math.max(0,Math.min(1,o))),P)};return(0,n.jsxs)(f,{children:[(0,n.jsx)(b,{children:(0,n.jsx)(m,{ref:r,width:240,height:240,onClick:e=>{let t=R(e);t&&(F(t),o(t))},onMouseMove:e=>{var t;A(null!==(t=R(e))&&void 0!==t?t:void 0)},onMouseLeave:()=>A(void 0)})}),(0,n.jsxs)(v,{children:[(0,n.jsx)(C,{children:"색상 코드"}),(0,n.jsx)(k,{value:z,onChange:e=>L(e.target.value),onKeyDown:e=>{"Enter"===e.key&&q()},onBlur:q,placeholder:"#FFE997",spellCheck:!1,maxLength:7}),(0,n.jsx)(w,{style:{background:E?"#".concat(E):"#fff"}})]}),(0,n.jsxs)(v,{children:[(0,n.jsx)(C,{children:"밝\xa0\xa0기"}),(0,n.jsx)(y,{type:"range",min:0,max:100,value:Math.round(100*c),onChange:e=>l(Number(e.target.value)/100),style:{background:d(Math.round(100*c))}}),(0,n.jsxs)(j,{children:[(0,n.jsx)("input",{type:"checkbox",checked:s,onChange:e=>h(e.target.checked)}),"파스텔 톤"]})]}),(0,n.jsx)(Z,{}),(0,n.jsxs)(v,{children:[(0,n.jsx)(C,{children:"무채색"}),(0,n.jsx)(I,{style:{background:"linear-gradient(to right, #".concat(u(0,P),", #").concat(u(128,P)," 50%, #").concat(u(255,P),")")},onMouseMove:e=>A(_(e)),onMouseLeave:()=>A(void 0),onClick:e=>{let t=_(e);F(t),o(t)}})]}),(0,n.jsxs)(v,{children:[(0,n.jsx)(C,{children:"색온도"}),(0,n.jsx)(y,{type:"range",min:-100,max:100,value:Math.round(100*P),onChange:e=>M(Number(e.target.value)/100),style:{background:d(Math.round((P+1)/2*100))}})]})]})};let f=r.ZP.div.withConfig({componentId:"sc-ece9bb92-0"})(["width:","px;padding:16px;box-sizing:border-box;"],272),b=r.ZP.div.withConfig({componentId:"sc-ece9bb92-1"})(["position:relative;width:","px;height:","px;"],240,240),m=r.ZP.canvas.withConfig({componentId:"sc-ece9bb92-2"})(["width:","px;height:","px;border-radius:50%;cursor:crosshair;display:block;"],240,240),w=r.ZP.div.withConfig({componentId:"sc-ece9bb92-3"})(["flex:none;width:46px;height:32px;border-radius:8px;border:1px solid #e0e0e0;"]),v=r.ZP.div.withConfig({componentId:"sc-ece9bb92-4"})(["display:flex;align-items:center;gap:10px;margin-top:14px;"]),C=r.ZP.span.withConfig({componentId:"sc-ece9bb92-5"})(["flex:none;width:60px;font-size:13px;color:#333;white-space:nowrap;"]),k=r.ZP.input.withConfig({componentId:"sc-ece9bb92-6"})(["flex:1;min-width:0;font-size:13px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:8px;color:#333;outline:none;text-transform:uppercase;&:focus{border-color:#6864d0;}"]),y=r.ZP.input.withConfig({componentId:"sc-ece9bb92-7"})(["flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:",";outline:none;cursor:pointer;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:",";border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.25);cursor:pointer;}&::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:",";border:2px solid #fff;cursor:pointer;}"],l,c,c),Z=r.ZP.div.withConfig({componentId:"sc-ece9bb92-8"})(["height:1px;background:#ececec;margin-top:14px;"]),j=r.ZP.label.withConfig({componentId:"sc-ece9bb92-9"})(["flex:none;display:flex;align-items:center;gap:4px;font-size:12px;color:#444;cursor:pointer;user-select:none;white-space:nowrap;"]),I=r.ZP.div.withConfig({componentId:"sc-ece9bb92-10"})(["flex:1;min-width:0;height:22px;border-radius:6px;border:1px solid #e0e0e0;background:linear-gradient(to right,#000000,#ffffff);cursor:crosshair;"])},2735:function(e,t,o){o.d(t,{Z:function(){return M}});var n=o(57437),i=o(2265),r=o(88862),a=o(99376),c=o(43618),l=o(82156),d=o(9607),s=o(27171),p=o(24294),h=o(78155),u=o(81929);let x=r.ZP.div.withConfig({componentId:"sc-18c33057-0"})(["display:flex;background-color:white;width:1100px;flex-direction:column;position:relative;pointer-events:",";opacity:",";@media (max-width:768px){margin-right:0px;margin-left:",";}"],e=>e.disabled?"none":"auto",e=>e.disabled?.5:1,e=>e.store?"10px":"0px"),g=r.ZP.div.withConfig({componentId:"sc-18c33057-1"})(["background-color:#efece6;border:",";border-radius:30px;align-items:center;justify-content:space-between;padding:5px 14px;display:flex;width:100%;height:36px;transition:border-color 0.18s ease,background-color 0.18s ease;@media (max-width:768px){height:36px;padding:5px 16px;}z-index:",";"],e=>e.isFocused?"2px solid #8AC4FF":"1px solid transparent",e=>e.isFocused?"5":"1"),f=r.ZP.input.withConfig({componentId:"sc-18c33057-2"})(["border:none;width:100%;height:100%;line-height:20px;background-color:transparent;outline:none;&::placeholder{color:",";}@media (max-width:768px){font-size:17px;}"],u.Z.black["20%"]);r.ZP.div.withConfig({componentId:"sc-18c33057-3"})(["width:2px;height:20px;background-color:",";margin:0 10px;"],u.Z.black["20%"]);let b=r.ZP.img.withConfig({componentId:"sc-18c33057-4"})(["width:20px;margin-right:10px;transition:background-color 0.3s;border-radius:50%;"]);r.ZP.img.withConfig({componentId:"sc-18c33057-5"})(["width:28px;height:28px;transition:background-color 0.3s;border-radius:50%;padding:5px;cursor:pointer;&:hover{background-color:#c1c1c1;}"]),r.ZP.img.withConfig({componentId:"sc-18c33057-6"})(["width:30px;height:30px;cursor:pointer;margin:0px 5px;"]),r.ZP.div.withConfig({componentId:"sc-18c33057-7"})(["display:flex;flex-wrap:wrap;position:absolute;top:20px;left:0;width:100%;background-color:white;border:1px solid ",";border-radius:0px 0px 10px 10px;box-shadow:0px 4px 6px rgba(0,0,0,0.1);list-style-type:none;padding:30px 10px 10px 10px;margin:0;z-index:4;border-top:none;gap:10px;"],u.Z.black["20%"]),r.ZP.div.withConfig({componentId:"sc-18c33057-8"})(["background-color:rgba(208,208,208,1);border-radius:20px;height:30px;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;transition:background-color 0.3s;width:auto;max-width:120px;flex-shrink:0;gap:5px;&:hover{background-color:rgba(180,180,180,1);}"]),r.ZP.div.withConfig({componentId:"sc-18c33057-9"})(["font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;"]),r.ZP.img.withConfig({componentId:"sc-18c33057-10"})(["width:10px;height:10px;cursor:pointer;"]);var m=o(26163);let w=e=>"function"==typeof structuredClone?structuredClone(e):JSON.parse(JSON.stringify(e));var v=e=>{var t;let{isModal:o,placeholder:r,onChange:u,onKeyPress:v,onEnter:C,readOnly:j,setSearchKeyword:I,searchKeyword:P,filters:M,onClickAi:S,disabled:F,value:D}=e,A=(0,a.useRouter)(),E=(0,a.usePathname)(),z=(0,a.useSearchParams)(),L=null!==(t=null==z?void 0:z.get("store"))&&void 0!==t?t:null,[q,R]=(0,i.useState)(!1);(0,i.useEffect)(()=>{try{localStorage.removeItem("searchHistory")}catch(e){}},[]);let[_,T]=(0,i.useState)(P||""),[,N]=(0,c.FV)(d.Z),[,B]=(0,c.FV)(s.Z),U=(0,c.Zl)(m.ot),[K,W]=(0,c.FV)(m.Tq),[H,O]=(0,i.useState)(!1),V=(0,l.Z)("(max-width: 768px)"),[J,X]=(0,i.useState)(!1);(0,i.useEffect)(()=>{"undefined"!=typeof document&&X(document.documentElement.classList.contains("su-plugin"))},[]);let $=!J&&V;(0,i.useEffect)(()=>{T(P||"")},[P]);let Y=(0,i.useCallback)(()=>R(!0),[]),G=(0,i.useCallback)(()=>{R(!1),T(P||"")},[P]),Q=(0,i.useCallback)(e=>{I(e),R(!1),U({...w(m.MZ)}),W({activeId:{...m.RA,txtSearch:e||""}});let t=new URLSearchParams(window.location.search);e?t.set("q",e):t.delete("q"),t.set("page","1"),N(!0),B(null),A.replace("".concat(E,"?").concat(t.toString()));{let e=document.querySelector("[data-scroll-grid]");if(null==e?void 0:e.scrollTo)e.scrollTo(0,0);else{let e=document.getElementById("main-scrollable");(null==e?void 0:e.scrollTo)?e.scrollTo(0,0):window.scrollTo(0,0)}}},[E,A,I,N,B,U,W]);return(0,n.jsxs)(x,{isModal:o,isFocused:q,store:L,disabled:F,children:[(0,n.jsxs)(y,{children:[(0,n.jsxs)(g,{isFocused:q,children:[(0,n.jsx)(b,{src:"/_next/static/media/search-gray.511275c7.svg",alt:"search-icon"}),(0,n.jsx)(f,{isFocused:q,type:"text",placeholder:r,value:_,onChange:e=>{T(e.target.value),R(!0),u&&u(e)},onKeyDown:e=>{"Enter"===e.key&&_.trim()&&(Q(_),C?C(_):v&&v(e))},readOnly:j,onFocus:Y,onBlur:G}),(0,n.jsx)(k,{type:"button",onClick:()=>{if($){B(null);{let e=new URL(window.location.href);e.searchParams.has("pid")&&(e.searchParams.delete("pid"),A.replace(e.pathname+e.search,{scroll:!1}));try{sessionStorage.setItem("macodi_ai_search_referrer",window.location.pathname+window.location.search)}catch(e){}}A.push("/ai-search")}else null==S||S()},"aria-label":"이미지 검색",children:(0,n.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"}),(0,n.jsx)("circle",{cx:"12",cy:"13",r:"4"})]})})]}),$&&(0,n.jsx)(Z,{type:"button",onClick:()=>O(!0),"aria-label":"컬러 검색",style:{background:K.activeId.color?"#".concat(K.activeId.color):"conic-gradient(from 0deg, #ff0000, #ff9900, #ffff00, #33dd00, #00ccff, #0033ff, #cc00ff, #ff0000)",border:"1px solid #e0e0e0"}})]}),H&&(0,n.jsx)(h.Z,{containerWidth:"min(92vw, 360px)",onClose:()=>O(!1),children:(0,n.jsx)(p.Z,{selectedHex:K.activeId.color||void 0,onSelect:e=>{U(e=>({...e,색상:{...e["색상"],isSelected:!0,content:"색상",activeId:[]}})),W(t=>({...t,activeId:{...t.activeId,color:e}})),O(!1)}})})]})};let C=(0,r.F4)(["0%,60%{color:#1b2c33;transform:scale(1);filter:drop-shadow(0 0 0 rgba(124,92,255,0));}70%{color:#7c5cff;transform:scale(1.18);filter:drop-shadow(0 0 6px rgba(124,92,255,0.6));}78%{color:#ff5ca8;}86%{color:#ffae34;}94%{color:#2bd4a8;transform:scale(1.12);filter:drop-shadow(0 0 5px rgba(43,212,168,0.5));}100%{color:#1b2c33;transform:scale(1);filter:drop-shadow(0 0 0 rgba(124,92,255,0));}"]),k=r.ZP.button.withConfig({componentId:"sc-1da66c4f-0"})(["display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:0;background:transparent;color:#1b2c33;cursor:pointer;padding:0;margin-left:6px;border-radius:50%;transition:background-color 0.18s ease;svg{animation:"," 5s ease-in-out infinite;transform-origin:center;will-change:color,transform,filter;}&:hover svg,&:focus-visible svg{animation:none;color:#1b2c33;transform:none;filter:none;}&:hover{background-color:rgba(0,0,0,0.06);}@media (prefers-reduced-motion:reduce){svg{animation:none;}}@media (max-width:768px){width:34px;height:34px;svg{width:24px;height:24px;}}"],C),y=r.ZP.div.withConfig({componentId:"sc-1da66c4f-1"})(["display:flex;align-items:center;gap:8px;width:100%;"]),Z=r.ZP.button.withConfig({componentId:"sc-1da66c4f-2"})(["flex:0 0 auto;display:inline-flex;width:34px;height:34px;padding:0;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,0.04);"]),j=["/magam","/magam/"],I=["/board","/board/","/point/","/point/deposit/","/point/refund/","/"],P=r.ZP.div.withConfig({componentId:"sc-1969272b-0"})(["display:flex;background-color:white;align-items:center;width:80%;justify-content:space-around;@media (max-width:768px){}"]);var M=e=>{var t;let{isModal:o,setSearchKeyword:r,searchKeyword:l,filters:d,onClickAi:s}=e,p=(0,a.useRouter)(),h=null!==(t=(0,a.usePathname)())&&void 0!==t?t:"",u=(0,c.Zl)(m.Tq),x=(0,c.Zl)(m.ot),g=(0,i.useMemo)(()=>j.includes(h),[h]),f=(0,i.useMemo)(()=>I.includes(h),[h]),b=(0,i.useCallback)(e=>{var t,o;let n=new URLSearchParams(window.location.search),i=null!==(t=n.get("q"))&&void 0!==t?t:"",r=null!==(o=n.get("page"))&&void 0!==o?o:"";if(i===(e||"")&&"1"===r)return;e?n.set("q",e):n.delete("q"),n.set("page","1");let a=g?"/":h,c=n.toString();p.replace(c?"".concat(a,"?").concat(c):a)},[g,h,p]),w=(0,i.useCallback)(e=>{b(e),u(t=>({...t,activeId:{...m.RA,txtSearch:e||""}})),x({...m.MZ})},[u,x,b]),C=(0,i.useCallback)(e=>{r(e),""===e&&w("")},[r,w]),k=(0,i.useCallback)(e=>{C(e.target.value)},[C]),y=(0,i.useCallback)(e=>{"Enter"===e.key&&(e.preventDefault(),w(l))},[l,w]),Z=(0,i.useCallback)(e=>{w(e)},[w]);return(0,n.jsx)(P,{isModal:o,children:f?null:(0,n.jsx)(v,{isModal:o,onChange:g?void 0:k,onKeyPress:g?void 0:y,onEnter:g?Z:void 0,setSearchKeyword:C,placeholder:"검색",readOnly:!1,shape:"round",searchKeyword:l,filters:d,onClickAi:s,disabled:!1})})}},9607:function(e,t,o){let n=(0,o(43618).cn)({key:"isEntireAiItemLoadingAtom",default:!1});t.Z=n},27171:function(e,t,o){let n=(0,o(43618).cn)({key:"isShowDetailIndex",default:null});t.Z=n},81929:function(e,t){t.Z={primary:{active:"#413D7D",inActive:"#D5D5E0",background:"#FAFAFA",button:"#413D7D"},error:{active:"#EA483E",inActive:"#F9C8C5",background:"#FFFAFA"},black:{"100%":"#0D0D0D","80%":"#3D3D3D","60%":"#666666","40%":"#A6A6A6","20%":"#D2D2D2",blur:"rgba(0, 0, 0, 0.70)"},white:{"100%":"#fff","60%":"#F5F5F5"}}},50703:function(e,t){t.Z={src:"/_next/static/media/x-icon.fcec8a26.svg",height:12,width:12,blurWidth:0,blurHeight:0}}}]);