https://www.hankookilbo.com/_next/static/chunks/782-b61273bd354add10.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[782,5872],{193:(e,r,t)=>{"use strict";t.d(r,{A:()=>a});let a={src:"/_next/static/media/default_image.e22e9258.png",height:720,width:720,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAABlBMVEXi4+bZ29+Uc32DAAAACXBIWXMAACE4AAAhOAFFljFgAAAAHElEQVR4nGNghAIGJAYDA4gHYYBIJAYjTApNFwAHZQA0r8MjyQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8}},7530:(e,r,t)=>{"use strict";t.d(r,{E:()=>u});var a=t(97251),l=t(2081),s=t(65294),n=t(62332),o=t(61141);let i={large:"px-6 h-40 text-15 font-semibold",medium:"px-6 h-32 text-13 font-semibold",small:"px-6 h-24 text-12 font-semibold",tiny:"px-4 h-20 text-11 font-semibold"},c={large:"2.4rem ",medium:"2rem",small:"1.6rem",tiny:"1.2rem"},d={large:"px-4",medium:"px-4",small:"px-4",tiny:"px-4"},u=e=>{let{className:r,textClassName:t,iconClassName:u,iconSize:m,size:h,text:f,leftIconName:p,rightIconName:g,link:b}=e,x=b?o.A:"span";return(0,a.jsxs)(x,{...b?{href:b}:{},className:(0,l.cn)("rounded-sm w-fit flex justify-center items-center",i[h],r),children:[p&&(0,a.jsx)(s.A,{name:p,width:null!=m?m:c[h],height:null!=m?m:c[h],className:u,color:"text-inherit"}),(0,a.jsx)(n.A,{TagName:"span",className:(0,l.cn)("text-box-trim",d[h],t),children:f}),g&&(0,a.jsx)(s.A,{name:g,width:c[h],height:c[h],className:u,color:"text-inherit"})]})}},12270:(e,r,t)=>{"use strict";t.d(r,{A:()=>u});var a=t(97251),l=t(61141),s=t(2081),n=t(65294);let o={default:"btn",primary:"btn-primary",secondary:"btn-secondary",neutral_black:"btn-neutral-black",neutral_gray:"btn-neutral-gray",white:"btn-white"},i={default:"btn-size rounded-sm aspect-square",giant:"p-16 h-56",large:"p-14 h-48",medium:"p-10 h-40",small:"p-7 h-32",tiny:"p-4 h-24"},c={primary:"btn-primary-icon",secondary:"btn-primary-icon",neutral_black:"btn-primary-icon",neutral_gray:"btn-neutral-gray-icon",white:"btn-white-icon"},d={giant:"2.4rem",large:"2rem",medium:"2rem",small:"1.8rem",tiny:"1.6rem"},u=e=>{let{color:r,size:t,iconName:u,className:m,link:h,disabled:f,ariaLabel:p,onClick:g}=e;return h?(0,a.jsx)(l.A,{href:h,"aria-label":p,className:(0,s.cn)(o.default,o[r],i.default,i[t],"group",m),children:(0,a.jsx)(n.A,{name:u,width:d[t],height:d[t],color:c[r]})}):(0,a.jsx)("button",{type:"button","aria-label":p,className:(0,s.cn)(o.default,o[r],i.default,i[t],"group",m),disabled:f,onClick:g,children:(0,a.jsx)(n.A,{name:u,width:d[t],height:d[t],color:c[r]})})}},18931:(e,r,t)=>{"use strict";t.d(r,{o:()=>d,r:()=>i});var a=t(97251),l=t(2081);t(52931);var s=t(88038),n=t(94643);let o="flex items-center gap-8 *:text-13 text-grayscale-60",i=e=>{let{className:r}=e;return(0,a.jsxs)("div",{className:(0,l.cn)(o,r),children:[(0,a.jsx)("span",{"aria-hidden":!0,children:"페이지 이동"}),(0,a.jsx)(n.default,{size:"small",className:(0,l.cn)("h-33 w-70"),"aria-label":"페이지 이동"})]})},c=[{value:"10",label:"10"},{value:"15",label:"15"},{value:"20",label:"20"}],d=e=>{let{className:r,options:t=c}=e;return(0,a.jsxs)("div",{className:(0,l.cn)(o,r),children:[(0,a.jsx)(s.default,{size:"small",options:t,className:(0,l.cn)("h-33 w-70"),placeholder:"10"}),(0,a.jsx)("span",{children:"씩 보기"})]})}},19023:(e,r,t)=>{"use strict";t.d(r,{SectionHeader:()=>u});var a=t(97251),l=t(52931),s=t(42914),n=t(84704),o=t(42947),i=t(64380),c=t(33),d=t(2081);let u=e=>{let{isTop:r,isScrolled:t}=(0,n.A)(),u=(0,s.A)(e=>e.isOpenSiteMap),m=(0,s.A)(e=>e.setHeaderTop),h=(0,s.A)(e=>e.setHeaderScroll),f=(0,s.A)(e=>e.setOpenSiteMap),p=(0,c.useDevice)(e=>e.device),g=u?"black":"premium"===e.pageVariant?"white":"photo"===e.pageVariant||"video"===e.pageVariant?r?"white":"black":"game"===e.pageVariant||"obituary"===e.pageVariant||"memorial"===e.pageVariant||r&&"white"===e.type?"white":"black",b=(0,d.cn)("function"==typeof e.className?e.className(r):e.className,"premium"===e.pageVariant&&!r&&"bg-grayscale-10","game"===e.pageVariant&&!r&&"bg-grayscale-10","obituary"===e.pageVariant&&"dark","memorial"===e.pageVariant&&"dark");return(0,l.useEffect)(()=>{m(r),h(t)},[r,t,u,m,h,f]),"pc"===p?(0,a.jsx)(i._B,{...e,isTop:r,type:g,className:b}):(0,a.jsx)(o.Z,{...e,type:g,className:b})}},20383:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>o});var a,l,s=t(52931);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}let o=function(e){return s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 94 17","aria-hidden":"true",focusable:"false"},e),a||(a=s.createElement("path",{fill:"url(#paint0_linear_529_2802)",d:"M0 12.902V.176h4.992c2.9 0 4.553 1.775 4.553 4.289 0 2.549-1.688 4.289-4.623 4.289H2.637v4.148zm2.637-6.275H4.5c1.564 0 2.32-.879 2.32-2.162 0-1.266-.756-2.127-2.32-2.127H2.637zM13.264.176v12.726h-2.602V.176zm1.064 10.055c0-2.127 1.723-2.83 3.55-2.936a159 159 0 0 1 2.374-.123v-.774c-.018-.79-.562-1.265-1.53-1.265-.878 0-1.44.404-1.581 1.055h-2.479c.158-1.653 1.6-2.954 4.131-2.954 2.074 0 4.043.932 4.043 3.235v6.433h-2.461v-1.318h-.07c-.475.879-1.371 1.494-2.795 1.494-1.828 0-3.182-.95-3.182-2.847m2.496-.07c0 .737.598 1.124 1.424 1.124 1.178 0 2.021-.79 2.004-1.793V8.79a55 55 0 0 0-1.951.123c-.897.088-1.477.51-1.477 1.248m8.676 6.327c-.51 0-.984-.017-1.318-.052v-2.022c.334.018.72.035 1.054.035.51 0 .932-.053 1.248-.879l.159-.404-3.428-9.809h2.724l2.004 7.032h.106l2.021-7.032h2.76l-3.726 10.6c-.545 1.53-1.582 2.531-3.604 2.531M43.447 4.271c-.351-1.195-1.318-1.933-2.707-1.933-1.968 

10-3.305 1.512-3.305 4.183 0 2.69 1.301 4.22 3.323 4.22 1.82 0 2.9-1.03 2.935-2.637h-2.76V6.117h5.31V7.7c0 3.34-2.286 5.38-5.503 5.38-3.568 0-5.994-2.497-5.994-6.522C34.746 2.426 37.33 0 40.687 0c2.866 0 5.08 1.758 5.432 4.271zm4.176 8.631V3.357h2.514V5.01h.105c.352-1.178 1.23-1.793 2.303-1.793.264 0 .598.035.826.088v2.32a5 5 0 0 0-1.107-.14c-1.178 0-2.04.826-2.04 1.986v5.431zm10.504.194c-2.883 0-4.676-1.987-4.676-4.94s1.793-4.922 4.676-4.922 4.693 1.97 4.693 4.922-1.81 4.94-4.693 4.94m.017-2.022c1.337 0 2.022-1.248 2.022-2.918 0-1.687-.685-2.935-2.021-2.935-1.354 0-2.057 1.248-2.057 2.935 0 1.67.703 2.918 2.057 2.918m11.928-2.232V3.357h2.602v9.545h-2.496V11.18h-.106c-.44 1.107-1.459 1.845-2.9 1.845-1.916 0-3.217-1.353-3.217-3.586V3.357h2.602v5.625c0 1.125.65 1.846 1.67 1.846.949 0 1.845-.685 1.845-1.986m6.725-1.46v5.52h-2.602V3.357h2.479v1.67h.105c.44-1.107 1.46-1.793 2.865-1.793 1.987 0 3.305 1.354 3.288 3.586v6.082h-2.584V7.277c0-1.177-.65-1.88-1.723-1.88-1.09 0-1.828.72-1.828 1.986m11.172 5.679c-2.18 0-3.885-1.74-3.885-4.922 0-3.27 1.775-4.905 3.885-4.905 1.6 0 2.355.95 2.707 1.723h.088V.176h2.601v12.726H90.8v-1.529h-.123c-.37.791-1.16 1.688-2.707 1.688m.808-2.075c1.301 0 2.04-1.142 2.04-2.865s-.739-2.812-2.04-2.812c-1.318 0-2.021 1.142-2.021 2.812 0 1.688.703 2.865 2.021 2.865"})),l||(l=s.createElement("defs",null,s.createElement("linearGradient",{id:"paint0_linear_529_2802",x1:-1.317,x2:94.683,y1:6.902,y2:6.902,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#2bc3bc"}),s.createElement("stop",{offset:1,stopColor:"#4ad7d1"})))))}},36105:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var a,l=t(52931);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}let n=function(e){return l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 76 16","aria-hidden":"true",focusable:"false"},e),a||(a=l.createElement("path",{fill:"currentColor",d:"M59.996 14.941V4.336h2.754V6.19h.117c.45-1.23 1.524-1.992 2.95-1.992 1.464 0 2.539.762 2.89 1.992h.098c.449-1.21 1.64-1.992 3.203-1.992 1.973 0 3.34 1.309 3.34 3.614v7.128h-2.891V8.38c0-1.211-.703-1.797-1.66-1.797-1.094 0-1.719.762-1.719 1.875v6.484h-2.812v-6.64c0-1.055-.664-1.719-1.641-1.719s-1.738.781-1.738 1.992v6.367zM55.86 10.43V4.336h2.89V14.94h-2.773v-1.914h-.118c-.488 1.23-1.62 2.051-3.222 2.051-2.13 0-3.575-1.504-3.575-3.984V4.336h2.891v6.25c0 1.25.723 2.05 1.856 2.05 1.054 0 2.05-.761 2.05-2.206m-10.933 4.511V4.336h2.89V14.94zM46.37 2.95c-.879 0-1.582-.664-1.582-1.465 0-.82.703-1.484 1.582-1.484.86 0 1.563.664 1.563 1.484 0 .801-.703 1.465-1.563 1.465M28.348 14.941V4.336h2.754V6.19h.117c.449-1.23 1.523-1.992 2.949-1.992 1.465 0 2.539.762 2.89 1.992h.098c.45-1.21 1.64-1.992 3.203-1.992 1.973 0 3.34 1.309 3.34 3.614v7.128h-2.89V8.38c0-1.211-.703-1.797-1.66-1.797-1.094 0-1.72.762-1.72 1.875v6.484h-2.812v-6.64c0-1.055-.664-1.719-1.64-1.719-.977 0-1.739.781-1.739 1.992v6.367zm-5.68.215c-3.242 0-5.234-2.11-5.234-5.469 0-3.28 2.011-5.488 5.117-5.488 2.793 0 4.98 1.758 4.98 5.371v.82h-7.246c0 1.602.957 2.598 2.442 2.598.976 0 1.68-.43 1.972-1.074h2.754c-.41 1.953-2.168 3.242-4.785 3.242m-2.383-6.582h4.512c0-1.289-.899-2.207-2.188-2.207-1.328 0-2.275.987-2.324 2.207m-8.883 6.367V4.336h2.793v1.836h.117c.391-1.309 1.368-1.992 2.56-1.992.292 0 .663.039.917.097v2.578a5.4 5.4 0 0 0-1.23-.156c-1.309 0-2.266.918-2.266 2.207v6.035zM0 14.941V.801h5.547c3.223 0 5.059 1.972 5.059 4.765 0 2.832-1.876 4.766-5.137 4.766h-2.54v4.61zM2.93 7.97H5c1.738 0 2.578-.977 2.578-2.403 0-1.406-.84-2.363-2.578-2.363H2.93z"})))}},40736:(e,r,t)=>{"use strict";t.d(r,{c:()=>o});var a=t(97251),l=t(2081),s=t(20383),n=t(61141);let o=e=>{let{customClass:r}=e;return(0,a.jsx)(n.A,{href:"/game","aria-label":"Play Ground",children:(0,a.jsx)(s.default,{className:(0,l.cn)("h-17 w-94",r)})})}},41954:(e,r,t)=>{"use strict";t.d(r,{PcSectionHeader:()=>u});var a=t(97251),l=t(68298),s=t(27970),n=t(36227),o=t(59355),i=t(2081),c=t(40736),d=t(42914);let u=e=>{let{isTop:r,type:t="black",className:u,pageVariant:m,hideNavi:h=!1}=e,f=(0,d.A)(e=>e.hasMoreDepthChildren),p="premium"===m||!f||r;return(0,a.jsxs)(n.SectionHeaderLayout,{isMobile:!1,className:u,pageVariant:m,children:[(0,a.jsxs)("div",{className:(0,i.cn)("relative z-600 flex w-full items-center justify-between"),children:[(0,a.jsxs)("div",{className:(0,i.cn)(("premium"===m||"game"===m)&&"flex items-center gap-10"),children:[(0,a.jsx)(l.default,{color:t,width:"10.5rem",height:"3rem",link:"/"}),"premium"===m&&(0,a.jsx)(o.T,{}),"game"===m&&(0,a.jsx)(c.c,{})]}),(0,a.jsx)(s.UY,{children:(0,a.jsxs)(a.Fragment,{children:[!h&&(0,a.jsx)(s.KX,{type:t,pageVariant:m}),(0,a.jsx)(s.Lu,{color:t,pageVariant:m,renderAlarmLayer:p})]})})]}),(0,a.jsx)(s.P,{utilityColor:t,utilityPageVariant:m,renderAlarmLayer:!r})]})}},42947:(e,r,t)=>{"use strict";t.d(r,{Z:()=>u});var a=t(97251),l=t(68298),s=t(27970),n=t(36227),o=t(2081),i=t(59355),c=t(40736),d=t(33);let u=e=>{let{type:r="black",className:t,pageVariant:u}=e,m=(0,d.useDevice)(e=>e.device),h=(0,d.useDevice)(e=>e.isSmallTablet);return(0,a.jsxs)(n.SectionHeaderLayout,{isMobile:!0,className:t,pageVariant:u,children:[(0,a.jsxs)("div",{className:(0,o.cn)("xssm:px-0 relative z-600 flex w-full items-center justify-between gap-60 px-6"),children:[(0,a.jsxs)("div",{className:(0,o.cn)(("premium"===u||"game"===u)&&"flex items-center gap-10"),children:[(0,a.jsx)(l.default,{color:r,width:"8.36rem",he

1ight:"2.4rem",link:"/"}),"premium"===u&&(0,a.jsx)(i.T,{}),"game"===u&&(0,a.jsx)(c.c,{})]}),(0,a.jsxs)("div",{className:(0,o.cn)("ml-auto flex items-center gap-56"),children:[("tablet"===m||h)&&"game"!==u&&(0,a.jsx)(s.KX,{type:r,pageVariant:u}),(0,a.jsx)(s.k9,{color:r,pageVariant:u})]})]}),(0,a.jsx)(s.P,{})]})}},44879:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var a=t(97251);t(52931);var l=t(2081),s=t(33);let n=e=>{let{className:r,children:t}=e,n=(0,s.useDevice)(e=>e.device);return(0,a.jsx)("div",{className:(0,l.cn)("relative z-2 grid gap-x-8 gap-y-16",r,"mobile"===n?"grid-cols-0":"sm:grid-cols-[1fr_34rem]"),children:t})}},53721:(e,r,t)=>{"use strict";function a(e){let r=[...e];for(let e=r.length-1;e>0;e--){let t=Math.floor(Math.random()*(e+1));[r[e],r[t]]=[r[t],r[e]]}return r}function l(e,r){let t=[];for(let a=0;a<e.length;a+=r)t.push(e.slice(a,a+r));return t}function s(e,r){let t=[];return!function e(a){if(Array.isArray(a))a.forEach(e);else if(null!==a&&"object"==typeof a)for(let[l,s]of Object.entries(a))r.includes(l)&&"string"==typeof s&&t.push(s),e(s)}(e),[...new Set(t)]}t.d(r,{ZG:()=>s,k4:()=>a,ln:()=>l})},57467:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var a=t(97251),l=t(2081),s=t(55257);let n=e=>{let{deep:r=!1,ai:t=!1,keyword:n=!1,type:o="relative",absoluteSection:i,children:c,className:d,wrapClassName:u,withWrap:m=!0}=e;return(0,a.jsxs)(s.A,{className:(0,l.cn)("relative flex-1 pb-80 transition-colors duration-500 ease-in-out sm:pb-120","absolute"===o?"pt-0":"pt-80 md:pt-96",r?'bg-reverse-grayscale-97 after:absolute after:top-0 after:left-0 after:z-0 after:h-[680px] after:w-full after:bg-[linear-gradient(180deg,#D9E1EA,var(--color-reverse-grayscale-97))] after:content-[""] dar

1k:after:bg-[linear-gradient(180deg,#18222C,var(--color-reverse-grayscale-97))]':"bg-reverse-grayscale-97",d),children:[i,m?(0,a.jsx)("div",{className:(0,l.cn)("wrap",u),children:c}):c]})}},57483:(e,r,t)=>{"use strict";t.d(r,{useSuspenseQuery:()=>n});var a=t(32847),l=t(60404),s=t(16074);function n(e,r){return(0,l.t)({...e,enabled:!0,suspense:!0,throwOnError:s.R3,placeholderData:void 0},a.$,r)}},59355:(e,r,t)=>{"use strict";t.d(r,{T:()=>o});var a=t(97251),l=t(2081),s=t(36105),n=t(61141);let o=e=>{let{className:r}=e;return(0,a.jsx)(n.A,{href:"/premium",className:(0,l.cn)("rounded-sm bg-linear-(--gradient-premium-primary02) px-10 py-6.5 sm:px-12 sm:py-8",r),"aria-label":"프리미엄",children:(0,a.jsx)(s.default,{className:"text-grayscale-10 w-[6.122rem] sm:w-[7.535rem]"})})}},64380:(e,r,t)=>{"use strict";t.d(r,{X3:()=>a.SectionHeader,_B:()=>l.PcSectionHeader});var a=t(19023),l=t(41954);t(42947)},65872:(e,r,t)=>{"use strict";t.d(r,{A:()=>u});var a=t(97251),l=t(63258),s=t(2081),n=t(65294);t(52931);var o=t(18931),i=t(33);let c={default:{first:"fast_arrow_left",prev:"arrow_left",next:"arrow_right",last:"fast_arrow_right"},premium:{first:"fast_arrow_left_sharp",prev:"arrow_left_sharp",next:"arrow_right_sharp",last:"fast_arrow_right_sharp"}},d={width:"1.8rem",height:"1.8rem"},u=e=>{let{renderPageSwitcher:r=!1,renderPageLimitSelector:t=!1,totalItemsCount:u,onChange:m,activePage:h,pageRangeDisplayed:f,variant:p="default",...g}=e,b=(0,i.useDevice)(e=>e.device);return(0,a.jsxs)("nav",{"aria-label":"페이지 목록",className:(0,s.cn)("relative flex justify-center max-sm:pt-20 sm:py-12"),children:[t&&(0,a.jsx)("div",{className:(0,s.cn)("absolute top-1/2 left-0 -translate-y-1/2"),children:(0,a.jsx)(o.o,{})}),(0,a.jsx)(l.A,{...g,totalItemsCount:u,onChange:m,activePage:h,pageRangeDisplayed:"mobile"===b?4:null!=f?f:5,innerClass:(0,s.cn)("pagination",g.innerClass),itemClass:"pagination-item",itemClassPrev:"arrow arrow-left arrow-prev",itemClassNext:"arrow arrow-right arrow-next",itemClassFirst:"arrow arrow-left arrow-first",itemClassLast:"arrow arrow-right arrow-last",linkClass:"pagination-link",prevPageText:(0,a.jsx)(n.A,{name:c[p].prev,...d}),nextPageText:(0,a.jsx)(n.A,{name:c[p].next,...d}),firstPageText:(0,a.jsx)(n.A,{name:c[p].first,...d}),lastPageText:(0,a.jsx)(n.A,{name:c[p].last,...d})}),r&&(0,a.jsx)("div",{className:(0,s.cn)("absolute top-1/2 right-0 -translate-y-1/2"),children:(0,a.jsx)(o.r,{})})]})}},69059:(e,r,t)=>{"use strict";t.d(r,{A:()=>b});var a=t(97251);t(41470);var l=t(62332),s=t(65294),n=t(2081),o=t(15473),i=t(44232),c=t(20834),d=t(53966),u=t.n(d);t(7644);var m=t(52931);t(74718);var h=t(95682),f=t(3074),p=t(79339);let g=(0,m.forwardRef)((e,r)=>{let{size:t,position:l,readOnly:s,disabled:d,status:g,onSelect:b,value:x=null,datePickerOptions:v,placeholder:y="날짜선택",inputReadOnly:j=!0,showTodayOnOpen:w=!1,onKeyDown:A,clearOnSelect:N=!1}=e,k=(0,f.useCustomBreakpoint)(0,689),[V,C]=(0,m.useState)(x),[_,E]=(0,m.useState)(!1),[O,S]=(0,m.useState)(y);return(0,m.useImperativeHandle)(r,()=>({openPicker:()=>{d||s||E(!0)}})),(0,m.useEffect)(()=>{C(x)},[x]),(0,p.y)(k&&_),(0,m.useEffect)(()=>{w&&!V&&S(_?u()().format("YYYY.MM.DD"):y)},[_,V,w,y]),(0,a.jsx)(o.Ay,{locale:c.A,children:k?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.A,{"aria-label":"날짜 선택",t

1itle:"날짜 선택",open:!1,inputReadOnly:j,className:(0,n.cn)(t,g,d&&"disabled",s&&"read_only","left"===l?"left":"",V?"w-119":"w-93"),value:V,placeholder:y,disabled:d||s,onClick:()=>{!j||d||s||E(!0)},onKeyDown:A,...v}),(0,a.jsx)(h.P2,{open:_,onClose:()=>E(!1),type:"other",text:(0,a.jsx)(i.A,{"aria-label":"날짜 선택",title:"날짜 선택",open:!0,value:V,className:(0,n.cn)("!hidden",t,g,d&&"disabled",s&&"read_only","left"===l?"left":"",V||_?"w-119":"w-93",w&&_&&"preview"),classNames:{popup:{root:(0,n.cn)("custom-delay-picker")}},onChange:e=>{N?C(null):C(e),null==b||b(e)},inputReadOnly:!0,format:"YYYY.MM.DD",placeholder:y,needConfirm:!0,showToday:!0,getPopupContainer:e=>e.parentElement,onKeyDown:A,...v,onOk:e=>{var r;E(!1),N?C(null):C(e),null==b||b(e),null==v||null==(r=v.onOk)||r.call(v,e)}}),className:"w-full"})]}):(0,a.jsx)("div",{className:(0,n.cn)(V||_?"w-119":"w-93"),children:(0,a.jsx)(i.A,{"aria-label":"날짜 선택",title:"날짜 선택",open:_,onOpenChange:E,inputReadOnly:j,className:(0,n.cn)(t,g,d&&"disabled",s&&"read_only","left"===l?"left":"",w&&_&&"preview"),value:V,onChange:e=>{N?C(null):C(e),null==b||b(e)},format:"YYYY.MM.DD",placeholder:O,needConfirm:!0,showToday:!0,disabled:d||s,placement:"bottomRight",getPopupContainer:e=>e.parentElement,builtinPlacements:{bottomRight:{points:["tr","br"],offset:[0,4],overflow:{adjustX:!0,adjustY:!1}}},onKeyDown:A,...v})})})});g.displayName="CustomDatePicker";let b=e=>{let{size:r,position:t,label:o,essential:i,supportingText:c,readOnly:d,disabled:u,status:h="default",className:f,boxClassName:p,onSelect:b,value:x,datePickerOptions:v,placeholder:y,showIcon:j=!0,inputReadOnly:w=!0,iconName:A="calendar",showTodayOnOpen:N,onKeyDown:k,clearOnSelect:V=!1}=e,C=(0,m.useRef)(null);return(0,a.jsxs)("div",{className:(0,n.cn)("flex flex-col",f),children:[o&&(0,a.jsx)("label",{className:"mb-2 block",children:(0,a.jsxs)(l.A,{type:"14",color:"form-label-text",children:[o,i&&(0,a.jsx)("span",{className:"text-status-negative ml-1",children:"*"})]})}),(0,a.jsxs)("div",{className:(0,n.cn)("group relative",p),children:[(0,a.jsx)(g,{ref:C,placeholder:y,size:r,inputReadOnly:w,readOnly:d,disabled:u,status:h,position:t,onSelect:b,value:x,datePickerOptions:v,showTodayOnOpen:N,onKeyDown:k,clearOnSelect:V}),j&&(0,a.jsx)("button",{type:"button","aria-label":"달력 열기",disabled:u||d,onClick:()=>{var e;null==(e=C.current)||e.openPicker()},className:(0,n.cn)("left"===t?"absolute top-[50%] left-12 mt-[-0.8rem]":"absolute top-[50%] right-12 mt-[-0.8rem]",u&&"opacity-50",d&&"opacity-50",!u&&!d&&"cursor-pointer"),children:(0,a.jsx)(s.A,{name:A,width:"1.6rem",height:"1.6rem"})})]}),c&&(0,a.jsxs)("div",{role:"error"===h?"alert":"success"===h?"status":void 0,className:"mt-2 flex items-center gap-2",children:[(0,a.jsx)(s.A,{name:"success"===h?"success":"help_fill",width:"12",height:"12","aria-hidden":!0,color:(0,n.cn)("error"===h?"text-form-error-guide-icon":"success"===h?"text-form-success-guide-icon":"text-form-guide-icon")}),(0,a.jsx)(l.A,{type:"12",color:(0,n.cn)("error"===h?"text-form-error-guide-text":"success"===h?"text-form-success-guide-text":"text-form-guide-text"),children:c})]})]})}},69408:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>u});var a=t(97251),l=t(52931),s=t(11886),n=t(80306),o=t(9957),i=t(2081),c=t(33);let d=e=>{let{minHeight:r,minMoHeight:t,className:l}=e,s=(0,c.useDevice)(e=>e.device);return(0,a.jsx)("div",{className:(0,i.cn)("relative inset-0 z-500 flex w-full items-center justify-center",l),style:{height:"mobile"===s&&void 0!==t?"number"==typeof t?"".concat(t,"px"):t:void 0!==r?"number"==typeof r?"".concat(r,"px"):r:"100%"},children:(0,a.jsx)("div",{role:"status",className:"bg-reverse-grayscale-96 flex h-full w-full animate-pulse items-center justify-center rounded-lg"})})},u=function(e){let{minHeight:r,minMoHeight:t,children:i,loading:c,fallback:u=(0,a.jsx)(a.Fragment,{}),isMyPage:m=!1,onError:h,className:f}=e,p=c||(m?(0,a.jsx)(d,{minHeight:r,minMoHeight:t}):(0,a.jsx)(s.A,{minHeight:r})),g=(e,r)=>{null==h||h(e,r)};return(0,a.jsx)(o.QueryErrorResetBoundary,{children:e=>{let{reset:r}=e;return(0,a.jsx)(n.tH,{onReset:r,fallback:u,onError:g,children:(0,a.jsx)(l.Suspense,{fallback:p,children:i})})}})}},69684:(e,r,t)=>{"use strict";t.d(r,{B:()=>s});var a=t(97251),l=t(2081);let s=e=>{let{children:r,className:t,sectionName:s,ga4Trigger:n,asSection:o=!1,...i}=e;return(0,a.jsx)(o?"section":"div",{...s&&{"data-section":s},className:(0,l.cn)("bg-reverse-common-100 xssm:p-24 w-full overflow-hidden rounded-lg px-16 pt-24 pb-32 sm:p-32",t),...n?{"data-ga4":n}:{},...i,children:r})}},74718:()=>{},80306:(e,r,t)=>{"use strict";t.d(r,{tH:()=>n});var a=t(52931);let l=(0,a.createContext)(null),s={didCatch:!1,error:null};class n extends a.Component{static getDerivedStateFromError(e){return{didCatch:!0,error:e}}resetErrorBoundary(){let{error:e}=this.state;if(null!==e){for(var r,t,a=arguments.length,l=Array(a),n=0;n<a;n++)l[n]=arguments[n];null==(r=(t=this.props).onReset)||r.call(t,{args:l,reason:"imperative-api"}),this.setState(s)}}componentDidCatch(e,r){var t,a;null==(t=(a=this.props).onError)||t.call(a,e,r)}componentDidUpdate(e,r){let{didCatch:t}=this.state,{resetKeys:a}=this.props;if(t&&null!==r.error&&function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e.length!==r.length||e.some((e,t)=>!Object.is(e,r[t]))}(e.resetKeys,a)){var l,n;null==(l=(n=this.props).onReset)||l.call(n,{next:a,prev:e.resetKeys,reason:"keys"}),this.setState(s)}}render(){let{children:e,fallbackRender:r,FallbackComponent:t,fallback:s}=this.props,{didCatch:n,error:o}=this.state,i=e;if(n){let e={error:o,resetErrorBoundary:this.resetErrorBoundary};if("function"==typeof r)i=r(e);else if(t)i=(0,a.createElement)(t,e);else if(void 0!==s)i=s;else throw o}return(0,a.createElement)(l.Provider,{value:{didCatch:n,error:o,resetErrorBoundary:this.resetErrorBoundary}},i)}constructor(e){super(e),this.resetErrorBoundary=this.resetErrorBoundary.bind(this),this.state=s}}},83277:(e,r,t)=>{"use strict";t.d(r,{B:()=>a.B});var a=t(69684)},88038:(e,r,t)=>{"use strict";t.d(r,{default:()=>h});var a=t(97251),l=t(52931),s=t(28381),n=t(62332),o=t(65294),i=t(2081);let c=(0,s.default)(()=>Promise.all([t.e(6291),t.e(4695),t.e(2389),t.e(1087)]).then(t.bind(t,12389)),{loadableGenerated:{webpack:()=>[12389]},ssr:!1}),d={large:"h-48",medium:"h-40",small:"h-32"},u={large:"!max-h-[22rem]",medium:"!max-h-[22rem]",small:"!max-h-[15.5rem]"},m={large:"px-16 py-14 mt-4",medium:"px-16 py-14 mt-4",small:"px-16 py-6 mt-2"},h=e=>{let{size:r,label:t,essential:s,supportingText:h,options:f,placeholder:p,readOnly:g,disabled:b,status:x="default",className:v}=e,[y,j]=(0,l.useState)(null);return(0,a.jsxs)(a.Fragment,{children:[t&&(0,a.jsx)("label",{className:"mb-2 block",children:(0,a.jsxs)(n.A,{type:"14",color:"form-label-text",children:[t,s&&(0,a.jsx)("span",{className:"text-status-negative ml-2 inline",children:"*"})]})}),(0,a.jsx)(c,{value:y,onChange:e=>j(e),placeholder:p,options:f,isDisabled:b||g,"aria-invalid":"error"===x||void 0,unstyled:!0,isSearchable:!1,components:{DropdownIndicator:e=>{let{selectProps:r,isDisabled:t}=e,{menuIsOpen:l}=r;return(0,a.jsx)("div",{className:(0,i.cn)("px-0",l&&!t&&"rotate-180"),children:(0,a.jsx)(o.A,{name:"arrow_down",width:"16",height:"16",color:t?"text-grayscale-80":"text-gray-40"})})}},className:(0,i.cn)("w-full",v),classNames:{control:e=>(0,i.cn)("text-14 px-12 border-1 border-form-border rounded-sm flex items-center gap-8\n                hover:border-form-hover-border\n                 focus:border-form-active-border\n                 active:border-form-active-border\n              ",d[r],b&&"bg-form-disabled-bg border-form-disabled-border cursor-not-allowed",g&&"bg-form-readonly-bg border-form-readonly-border cursor-not-allowed","error"===x?e.menuIsOpen?"bg-form-bg border-form-active-border border-b-common-100 rounded-b-none":"bg-form-error-bg border-form-error-border hover:border-form-error-border":"success"===x?e.menuIsOpen?"bg-form-bg border-form-active-border border-b-common-100 rounded-b-none":"bg-form-success-bg border-form-success-border hover:border-form-success-border":e.menuIsOpen?"border-form-active-border border-b-common-100 rounded-b-none":"border-grayscale-95 hover:border-grayscale-60"),valueContainer:()=>"p-0",placeholder:()=>"text-form-placeholder",singleValue:()=>"text-reverse-grayscale-10",menu:()=>"rounded-b-[0.4rem] py-3 pr-3 border border-t-0 border-form-active-border bg-form-option-bg mt-[-0.1rem]",menuList:()=>(0,i.cn)("mt-[-0.4rem] pr-3 overflow-auto",u[r]),option:e=>(0,i.cn)("!text-14 border-2 border-form-option-bg cursor-pointer",m[r],e.isSelected?"border-form-option-active-border":e.isFocused?"bg-form-option-hover-bg border-form-option-hover-bg":""),dropdownIndicator:()=>(0,i.cn)("px-0 rotate-0"),indicatorSeparator:()=>"hidden"}}),h&&(0,a.jsxs)("div",{role:"error"===x?"alert":"success"===x?"status":void 0,className:"mt-2 flex items-center gap-2",children:[(0,a.jsx)(o.A,{name:"success"===x?"success":"help_fill",width:"12",height:"12","aria-hidden":!0,

1color:(0,i.cn)("default"===x&&"text-form-guide-icon","error"===x&&"text-form-error-guide-icon","success"===x&&"text-form-success-guide-icon")}),(0,a.jsx)(n.A,{type:"12",color:(0,i.cn)("default"===x&&"text-form-guide-text","error"===x&&"text-form-error-guide-text","success"===x&&"text-form-success-guide-text"),children:h})]})]})}},94643:(e,r,t)=>{"use strict";t.d(r,{default:()=>f});var a=t(97251),l=t(62332),s=t(65294),n=t(52931),o=t(2081),i=t(27760),c=t(97560);let d={default:"relative inline-block w-full border-1 border-form-border bg-form-bg rounded-[0.4rem] pl-16\n  hover:border-form-hover-border",defaultWithOutline:"focus-within:before:content-[''] focus-within:before:absolute focus-within:before:inset-[-0.1rem] focus-within:before:border-2 focus-within:before:border-form-active-border focus-within:before:rounded-[0.4rem] focus-within:before:pointer-events-none",large:"py-12.5",medium:"py-7",small:"py-4.5"},u={default:"w-full text-16 sm:text-14 pr-22 bg-transparent border-none scale-[0.875] origin-left sm:scale-100\n     placeholder:text-form-placeholder\n     focus:outline-none\n     active:outline-none\n     read-only:cursor-default\n     disabled:text-form-disabled-bg\n     ",large:"",medium:"",small:""},m={default:"absolute top-1/2 -translate-y-1/2 right-12 cursor-pointer",large:"",medium:"",small:""},h=(0,n.forwardRef)((e,r)=>{var t;let{size:h,label:f,essential:p,supportingText:g,status:b="default",className:x,boxClassName:v,rootClassName:y,hasButtonText:j,onButtonClick:w,showCount:A,maxLength:N,counterClassName:k,disableNativeMaxLength:V,defaultValue:C,value:_,onChange:E,type:O="text",noOutline:S=!1,...D}=e,[M,H]=(0,n.useState)(null!=C?C:0),P=(0,n.useId)(),B=null!=(t=D.id)?t:P,z=(0,n.useRef)(null),R=(0,n.useRef)(null);(0,n.useEffect)(()=>{"phone"===O&&z.current&&null!==R.current&&(z.current.setSelectionRange(R.current,R.current),R.current=null)}),(0,n.useEffect)(()=>{"phone"===O?H(_?(0,c.e0)(String(_)).length:0):H(_?String(_).length:0)},[_,O]);let T="phone"===O&&_?(0,c.n4)(String(_)):_;return(0,a.jsxs)("div",{className:(0,o.cn)(y),children:[f&&(0,a.jsx)("label",{htmlFor:B,className:"mb-4 block",children:(0,a.jsxs)(l.A,{type:"14",color:"form-label-text text-left",children:[f,p&&(0,a.jsx)("span",{className:"text-status-negative ml-2 inline",children:"*"})]})}),(0,a.jsxs)("div",{className:(0,o.cn)(j&&"flex items-center gap-6"),children:[(0,a.jsxs)("div",{className:(0,o.cn)(d.default,!S&&d.defaultWithOutline,d[h],D.readOnly&&"bg-form-readonly-bg border-form-readonly-border!",D.disabled&&"bg-form-disabled-bg border-form-disabled-border","error"===b&&"bg-form-error-bg border-form-error-border hover:border-form-error-border focus-within:border-form-error-border","success"===b&&"bg-form-success-bg border-form-success-border hover:border-form-success-border focus-within:border-form-success-border",v),children:[(0,a.jsx)("input",{ref:e=>{z.current=e,"function"==typeof r?r(e):r&&(r.current=e)},defaultValue:C,value:T,className:(0,o.cn)("peer",u.default,u[h],x),type:"text",inputMode:"phone"===O?"numeric":"text",maxLength:"phone"===O?13:V?void 0:N,...D,id:B,"aria-invalid":"error"===b||void 0,"aria-describedby":g?"".concat(B,"-support"):void 0,onChange:e=>{if("phone"===O){let r=(0,c.e0)(e.target.value);null==E||E(r)}else{let r=e.target.value;V&&N&&(r=e.target.value.slice(0,N)),null==E||E(r)}},onInput:e=>{let r=e.currentTarget.value,t=e.currentTarget.selectionStart||0;if("phone"===O){let a=(0,c.e0)(r),l=(0,c.n4)(a),s=e.currentTarget.value,n=(0,c.e0)(s),o=t;if(a.length<n.length){let e=s.slice(0,t),r=(0,c.e0)(e).length,a=0;for(let e=0;e<l.length;e++)if("-"!==l[e]&&a++,a===r){o=e+1;break}}else{let e=r.slice(0,t),a=(0,c.e0)(e).length,s=0;for(let e=0;e<l.length;e++)if("-"!==l[e]&&s++,s===a){o=e+1;break}}e.currentTarget.value=l,R.current=o,H(a.length),null==E||E(a)}else{let e=r;V&&N&&(e=r.slice(0,N)),H(e.length),null==E||E(e)}}}),_&&!D.readOnly&&!D.disabled&&(0,a.jsx)("button",{type:"button","aria-label":"입력 내용 지우기",className:(0,o.cn)(m.default,m[h],"peer-not-focus:hidden"),onMouseDown:e=>e.preventDefault(),onClick:()=>null==E?void 0:E(""),children:(0,a.jsx)(s.A,{name:"delete_fill",width:"14",height:"14",color:"text-form-del"})})]}),j&&(0,a.jsx)(i.A,{color:"neutral_black",size:"medium",text:j,className:"shrink-0",onClick:w})]}),(g||A)&&(0,a.jsxs)("div",{className:"mt-4 flex",children:[g&&(0,a.jsxs)("div",{id:"".concat(B,"-support"),role:"error"===b?"alert":"success"===b?"status":void 0,className:"flex flex-1 items-start gap-4",children:[(0,a.jsx)(s.A,{name:"success"===b?"success":"error"===b?"notice_fill":"help_fill",width:"1.2rem",height:"1.2rem",color:(0,o.cn)("default"===b&&"text-form-guide-icon","error"===b&&"text-form-error-guide-icon","success"===b&&"text-form-success-guide-icon"),className:"mt-3 shrink-0","aria-hidden":!0}),(0,a.jsx)(l.A,{type:"12",color:(0,o.cn)("default"===b&&"text-form-guide-text","error"===b&&"text-form-error-guide-text","success"===b&&"text-form-success-guide-text"),children:g})]}),A&&(0,a.jsxs)(l.A,{type:"12",className:"text-reverse-grayscale-60 ml-auto shrink-0 whitespace-nowrap",children:[(0,a.jsx)("span",{className:"text-reverse-grayscale-10",children:M}),"/",N,"자"]})]})]})});h.displayName="BasicInput";let f=h}}]);