https://4dframe.com/_next/static/chunks/0li98e5ykg2c9.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,43761,e=>{"use strict";var r=e.i(43476),t=e.i(71645),o=e.i(99904);let n="webchon:popups-closed";function l(){try{let e=window.localStorage.getItem(n);if(!e)return{};let r=JSON.parse(e);return r&&"object"==typeof r?r:{}}catch{return{}}}function a(e){return e.some(e=>"ALWAYS"===e.closeMode)?"ALWAYS":e.some(e=>"TODAY"===e.closeMode)?"TODAY":"FOREVER"}function i({popup:e,rowH:t,width:o,capH:n,onZoom:l,onRatio:a}){let s=!!e.imageUrl,c={...t>0?{gridTemplateRows:`${t}px auto`}:{},...o?{width:`${o}px`,marginInline:"auto"}:{}},p=(0,r.jsxs)(r.Fragment,{children:[e.imageUrl&&(0,r.jsxs)("span",{className:"core-pop__frame",children:[(0,r.jsx)("img",{className:"core-pop__image",src:e.imageUrl,alt:"",draggable:!1,style:o?{maxHeight:"none"}:n>0?{maxHeight:`${n}px`}:void 0,onLoad:e=>{let r=e.currentTarget;r.naturalWidth>0&&a(r.naturalHeight/r.naturalWidth)}}),e.linkUrl&&(0,r.jsx)("button",{type:"button",className:"core-pop__zoom-open",onPointerDown:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>{e.preventDefault(),e.stopPropagation(),l()},"aria-label":"이 공지를 크게 보기",children:(0,r.jsx)(u,{})})]}),e.body&&(0,r.jsx)("p",{className:"core-pop__body",children:e.body})]});return e.linkUrl?(0,r.jsx)("a",{className:"core-pop__card core-pop__card--link",style:c,href:e.linkUrl,target:"_blank",rel:"noreferrer",onClick:e=>{e.detail>0&&e.preventDefault()},children:p}):(0,r.jsx)("div",{className:s?"core-pop__card core-pop__card--zoom":"core-pop__card",style:c,children:p})}let s=()=>(0,r.jsxs)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",fill:"currentColor",children:[(0,r.jsx)("rect",{x:"7",y:"5.5",width:"3.4",height:"13",rx:"1"}),(0,r.jsx)("rect",{x:"13.6",y:"5.5",width:"3.4",height:"13",rx:"1"})]}),c=()=>(0,r.jsx)("svg",{viewBox:"0 0 24 24","aria-hidden":"true",fill:"currentColor",children:(0,r.jsx)("path",{d:"M8 5.5v13l11-6.5z"})}),u=()=>(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M14 4h6v6M10 20H4v-6M20 4l-7 7M4 20l7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),p=()=>(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,r.jsx)("path",{d:"M14.5 5.5 8 12l6.5 6.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});e.s(["SitePopups",0,function({popups:e}){let[u,d]=(0,t.useState)([]),[m,h]=(0,t.useState)(!1),[f,_]=(0,t.useState)(0),[x,w]=(0,t.useState)(!0),[g,b]=(0,t.useState)(1),[j,v]=(0,t.useState)(0),[y,N]=(0,t.useState)(22),[k,S]=(0,t.useState)(0),[M,A]=(0,t.useState)({}),[C,E]=(0,t.useState)(0),[T,R]=(0,t.useState)(!1),[U,L]=(0,t.useState)(!1),[P,$]=(0,t.useState)(null),D=(0,t.useRef)(null),O=(0,t.useRef)(null),H=(0,t.useRef)(null),B=(0,t.useRef)(!1),W=(0,t.useRef)(null),z=(0,t.useRef)(e);(0,t.useEffect)(()=>{let e=!1,r=()=>{if(e)return;e=!0;let r=Date.now(),t=z.current.filter(e=>{var t;let o;return t=e.id,("number"==typeof(o=l()[String(t)])?o:0)<=r});0!==t.length&&(d(t),h(!0))},t=null,n=0,a=window.setTimeout(()=>{if(!(0,o.popupsLocked)())return r();t=(0,o.onPopupsUnlocked)(r),n=window.setTimeout(r,8e3)},0);return()=>{window.clearTimeout(a),window.clearTimeout(n),t?.()}},[]);let F=u.length,I=F>g;(0,t.useEffect)(()=>{let e=D.current,r=O.current;if(!e||!r)return;let t=()=>{let t,o=r.clientWidth;if(0===o)return;let n=o>=720?2:1,l=2===n?o-104:o,a=2===n?30:22,i=Math.floor((l-a*(n-1))/n),s=[...e.querySelectorAll(".core-pop__body")],c=0===s.length?0:Math.ceil(2*(Number.parseFloat((t=getComputedStyle(s[0])).lineHeight)||24)+(Number.parseFloat(t.paddingTop)+Number.parseFloat(t.paddingBottom))),u=0===s.length?0:Math.max(c,...s.map(e=>e.offsetHeight))+10;b(n),N(a),v(i),S(Math.max(200,Math.round(Math.min(.72*window.innerHeight,window.innerHeight-190-u))))};t();let o=new ResizeObserver(t);for(let r of(o.observe(e),e.querySelectorAll(".core-pop__body")))o.observe(r);return()=>o.disconnect()},[m]);let Y=(0,t.useCallback)((e,r)=>{w(!1),_(e),window.setTimeout(()=>{w(!0),void 0!==r&&_(r)},20)},[]),X=(0,t.useCallback)(()=>_(e=>Math.min(e+1,F)),[F]),q=(0,t.useCallback)(()=>{f<=0?Y(F,F-1):_(f-1)},[f,F,Y]);(0,t.useEffect)(()=>

1{if(f<F)return;let e=window.setTimeout(()=>Y(0),380);return()=>window.clearTimeout(e)},[f,F,Y]),(0,t.useEffect)(()=>{if(!m||!I||T||U||P||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=window.setInterval(X,5e3);return()=>window.clearInterval(e)},[m,I,T,U,P,X]),(0,t.useEffect)(()=>{if(!m)return;let e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[m]),(0,t.useEffect)(()=>{if(!m)return;let e=e=>{"Escape"===e.key?P?$(null):h(!1):!P&&I&&("ArrowRight"===e.key&&X(),"ArrowLeft"===e.key&&q())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[m,I,P,X,q]);let G=(0,t.useCallback)(()=>{!function(e){let r=Date.now(),t=a(e);if("ALWAYS"===t)return;let o=l();for(let[e,t]of Object.entries(o))("number"!=typeof t||t<=r)&&delete o[e];for(let n of e){let e=Date.parse(n.endsAt),l="TODAY"===t?(Math.floor((r+324e5)/864e5)+1)*864e5-324e5:Number.MAX_SAFE_INTEGER;o[String(n.id)]=Number.isNaN(e)?l:Math.min(l,e)}try{window.localStorage.setItem(n,JSON.stringify(o))}catch{}}(u),h(!1)},[u]);if(!m||0===F)return null;let J=I?[...u,...u]:u,K=J.map((e,r)=>(e=>{let r=J[e];if(!r||!r.imageUrl||0===k)return j;let t=M[r.id];return t?Math.min(j,Math.ceil(k/t)):j})(r)),V=0===j?0:Array.from({length:g},(e,r)=>K[f+r]??0).reduce((e,r)=>e+r,0)+y*(g-1),Z=Array.from({length:g},(e,r)=>(e=>{let r=u[e%F];if(!r)return -1;if(!r.imageUrl)return 0;let t=M[r.id],o=K[e];return t&&o?Math.min(o*t,k||Number.MAX_SAFE_INTEGER):-1})(f+r)),Q=Z.some(e=>-1===e)?0:Math.round(Math.max(0,...Z)),ee=52*(2===g),er=-K.slice(0,f).reduce((e,r)=>e+r+y,0)+C,et=(f%F+F)%F,eo=a(u),en=()=>{let e=W.current;if(W.current=null,null!==H.current){if(H.current=null,E(0),w(!0),R(!1),C<=-40)return void X();if(C>=40)return void q()}if(B.current||null===e)return;let r=u[e];r&&(r.linkUrl?window.open(r.linkUrl,"_blank","noopener,noreferrer"):r.imageUrl&&$(r))};return(0,r.jsxs)("div",{className:"core-pop",children:[(0,r.jsxs)("div",{className:"core-pop__stage",ref:O,role:"dialog","aria-modal":"true","aria-label":"사이트 공지",children:[(0,r.jsx)("div",{className:"core-pop__top",style:{width:V>0?`${V+104*(2===g)}px`:"100%",paddingRight:`${ee}px`},children:(0,r.jsxs)("button",{type:"button",className:"core-pop__pill core-pop__close",onClick:()=>h(!1),children:["팝업닫기",(0,r.jsx)("span",{className:"core-pop__x","aria-hidden":"true",children:"✕"})]})}),(0,r.jsxs)("div",{className:"core-pop__row",children:[I&&(0,r.jsx)("button",{type:"button",className:"core-pop__arrow core-pop__arrow--prev",onClick:q,"aria-label":"이전 공지",children:(0,r.jsx)(p,{})}),(0,r.jsx)("div",{className:"core-pop__viewport",ref:D,style:V>0?{width:`${V}px`,flexGrow:0,flexShrink:0}:void 0,onPointerDown:e=>{let r=e.target.closest("[data-slide]");W.current=r?Number(r.dataset.slide):null,B.current=!1,I&&(H.current=e.clientX,R(!0),w(!1),e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove:e=>{if(null===H.current)return;let r=e.clientX-H.current;Math.abs(r)>5&&(B.current=!0),E(r)},onPointerUp:en,onPointerCancel:en,onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1),children:(0,r.jsx)("ul",{className:"core-pop__track",style:{gap:`${y}px`,transform:`translate3d(${er}px, 0, 0)`,transition:x?"transform 340ms cubic-bezier(0.2, 0.8, 0.2, 1)":"none"},children:J.map((e,t)=>(0,r.jsx)("li",{className:"core-pop__slide","data-slide":t%F,style:K[t]>0?{flexBasis:`${K[t]}px`}:{flexBasis:"100%"},"aria-hidden":t>=F?"true":void 0,children:(0,r.jsx)(i,{popup:e,rowH:Q,width:K[t]||void 0,capH:k,onZoom:()=>$(e),onRatio:r=>A(t=>t[e.id]===r?t:{...t,[e.id]:r})})},`${e.id}-${t}`))})}),I&&(0,r.jsx)("button",{type:"button",className:"core-pop__arrow core-pop__arrow--next",onClick:X,"aria-label":"다음 공지",children:(0,r.jsx)(p,{})})]}),(0,r.jsxs)("div",{className:"core-pop__bar",children:["ALWAYS"!==eo&&(0,r.jsxs)("button",{type:"button",className:"core-pop__pill",onClick:G,children:[(0,r.jsx)("span",{className:"core-pop__mark","aria-hidden":"true"}),"FOREVER"===eo?"다시 보지 않기":"오늘 하루 보지 않기"]}),F>1&&(0,r.jsxs)("span",{className:"core-pop__pill core-pop__pill--quiet","aria-live":"polite",children:[2===g&&F>1?`${et+1}-${(et+1)%F+1}`:et+1,(0,r.jsxs)("span",{className:"core-pop__count-total",children:[" / ",F]})]}),I&&(0,r.jsx)("button",{type:"button",className:"core-pop__pill core-pop__pill--icon",onClick:()=>L(e=>!e),"aria-label":U?"자동으로 넘기기":"자동 넘김 멈추기",children:U?(0,r.jsx)(c,{}):(0,r.jsx)(s,{})})]})]}),P?.imageUrl&&(0,r.jsx)("div",{className:"core-pop__zoom",role:"presentation",onMouseDown:()=>$(null),children:(0,r.jsxs)("span",{className:"core-pop__zoom-frame",children:[(0,r.jsx)("img",{src:P.imageUrl,alt:"",draggable:!1}),(0,r.jsxs)("button",{type:"button",className:"core-pop__pill core-pop__zoom-close",onClick:()=>$(null),children:["작게 보기",(0,r.jsx)("span",{className:"core-pop__x","aria-hidden":"true",children:"✕"})]})]})})]})}],43761)}]);