https://tarotmoon.co.kr/_next/static/chunks/pages/customer/notice/info-d686eb806bdcb56e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9590],{8570:(n,t,e)=>{"use strict";e.d(t,{A:()=>l}),e(14232);var i=e(77232),r=e(37876),o=i.Ay.div.withConfig({displayName:"RighLargeBlackIcon__BottomBlock",componentId:"sc-1wc3qih-0"})(["width:24px;height:24px;float:right;svg{width:24px;height:24px;}#hover{display:none;}#pressed{display:none;}#disabled{display:none;}&:hover{#normal{display:none;}#hover{display:block;}#pressed{display:none;}#disabled{display:none;}}&:active{#normal{display:none;}#hover{display:none;}#pressed{display:block;}#disabled{display:none;}}"]);let l=function(){return(0,r.jsxs)(o,{children:[(0,r.jsx)("svg",{id:"normal",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",opacity:".88",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z"}),(0,r.jsx)("path",{fill:"#645A82",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z"})]})})}),(0,r.jsx)("svg",{id:"hover",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z"}),(0,r.jsx)("path",{fill:"#7A6F98",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z"})]})})}),(0,r.jsx)("svg",{id:"pressed",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z"}),(0,r.jsx)("path",{fill:"#3B3153",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z"})]})})}),(0,r.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z"}),(0,r.jsx)("path",{fill:"#CEC5E0",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z"})]})})})]})}},9532:(n,t,e)=>{"use strict";e.d(t,{A:()=>l}),e(14232);var i=e(77232),r=e(37876),o=i.Ay.div.withConfig({displayName:"RightLargeBlackDisabledIcon__BottomBlock",componentId:"sc-y9prww-0"})(["width:24px;height:24px;float:right;svg{width:24px;height:24px;cursor:default;}"]);let l=function(){return(0,r.jsx)(o,{children:(0,r.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z"}),(0,r.jsx)("path",{fill:"#CEC5E0",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z"})]})})})})}},29724:(n,t,e)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/customer/notice/info",function(){return e(84121)}])},30289:(n,t,e)=>{"use strict";e.d(t,{aS:()=>h,Db:()=>c});var i=e(43081),r=e.n(i),o=e(74359),l=e(63857),a=e(12310),s=function(){var n=(0,l.A)(r().mark(function n(t){var e;return r().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,a.o.get().get("/api/notice/list",{params:{page:t}});case 2:return e=n.sent,n.abrupt("return",e.data.data);case 4:case"end":return n.stop()}},n)}));return function(t){return n.apply(this,arguments)}}(),d=function(){var n=(0,l.A)(r().mark(function n(t){var e;return r().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,a.o.get().get("/api/notice/view",{params:{notice_id:t}});case 2:return e=n.sent,n.abrupt("return",e.data.data.notice);case 4:case"end":return n.stop()}},n)}));return function(t){return n.apply(this,arguments)}}(),h=function(n){return(0,o.I)({queryKey:["noticeList",n],queryFn:function(){return s(n)},staleTime:3e5,placeholderData:function(n){return n}})},c=function(n){return(0,o.I)({queryKey:["noticeView",n],queryFn:function(){return d(n)},enabled:"number"==typeof n&&n>0})}},33341:(n,t,e)=>{"use strict";e.d(t,{A:()=>l});var i=e(77232),r=e(37876),o=i.Ay.button.withConfig({displayName:"LightSolidButton2Fix__LargeLineButton",componentId:"sc-12skzxw-0"})(["width:100%;height:56px;border:none;border-radius:8px;float:left;background-color:var(--PG300);color:var(--PG700);#active{background-color:var(--PG600);p{color:var(--PG100);}}p{height:24px !important;font-family:NotoSansCJKkr;font-size:16px !important;font-weight:bold !important;font-stretch:normal;font-style:normal;line-height:24px !important;letter-spacing:normal;text-align:center !important;color:var(--PG700) !important;}&:hover{background-color:var(--PG300);p{color:var(--PG600) !important;}}&:active{background-color:var(--PG300);p{color:var(--PG800) !important;}}&:disabled{background-color:var(--PG300);p{color:var(--PG500) !important;}cursor:default;}"]);let l=function(n){var t=n.title,e=n.isDisabled,i=n.onClick;return(0,r.jsx)(o,{disabled:e,onClick:i,children:(0,r.jsx)("p",{children:t})})}},38436:(n,t,e)=>{"use strict";e.d(t,{A:()=>l}),e(14232);var i=e(77232),r=e(37876),o=i.Ay.div.withConfig({displayName:"LeftLargeDisabled__BottomBlock",componentId:"sc-1v5l6k9-0"})(["width:24px;height:24px;float:right;svg{width:24px;height:24px;

1cursor:default;}"]);let l=function(){return(0,r.jsx)(o,{children:(0,r.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z",transform:"matrix(-1 0 0 1 24 0)"}),(0,r.jsx)("path",{fill:"#CEC5E0",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z",transform:"matrix(-1 0 0 1 24 0)"})]})})})})}},84121:(n,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>T});var i,r,o,l,a,s,d,h,c,p,x,u,g,f,v,w,m,j,b,y=e(63857),A=e(43081),k=e.n(A),B=e(33341),L=e(97032),C=e(38436),P=e(8570),N=e(9532),_=e(30289),z=e(62867),M=e(89099),G=e(14232),I=e(32228),D=e(62341),E=e(45709),W={PageContainer:(0,D.A)(E.A)(i||(i=(0,I.A)(["\n    min-height: 100vh;\n    flex-direction: column;\n    align-items: center;\n    display: flex;\n    width: 100%;\n  "]))),HeaderBlock:(0,D.A)(E.A)(r||(r=(0,I.A)(["\n    position: sticky;\n    width: 100%;\n    left: 0;\n    top: 0;\n    z-index: 2;\n    float: left;\n  "]))),Main:D.A.main(o||(o=(0,I.A)(["\n    padding: 0 24px;\n    width: 100%;\n    height: 100%;\n    min-height: calc(100vh - 600px);\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n  "]))),PageMain:(0,D.A)(E.A)(l||(l=(0,I.A)(["\n    width: 100%;\n    height: 100%;\n    float: left;\n    margin: 0 0 56px 0;\n    padding: 24px 0 48px 0;\n  "]))),NoticeTitleWrap:(0,D.A)(E.A)(a||(a=(0,I.A)(["\n    width: 100%;\n    height: 100%;\n    float: left;\n    border-bottom: 1px solid var(--PG200);\n    padding-bottom: 24px;\n  "]))),TitleWrap:(0,D.A)(E.A)(s||(s=(0,I.A)(["\n    width: 100%;\n    height: 100%;\n    float: left;\n    p {\n      font-family: NotoSansCJKkr;\n      font-size: 18px;\n      font-weight: bold;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 36px;\n      letter-spacing: normal;\n      color: var(--PG900);\n    }\n  "]))),TitleInfoWrap:(0,D.A)(E.A)(d||(d=(0,I.A)(["\n    width: 100%;\n    height: 24px;\n    float: left;\n    margin-top: 8px;\n    p {\n      height: 24px;\n      font-family: NotoSansCJKkr;\n      font-size: 16px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 24px;\n      letter-spacing: normal;\n      color: var(--PG600);\n    }\n  "]))),NoticeLabel:(0,D.A)(E.A)(h||(h=(0,I.A)(["\n    width: 36px;\n    height: 24px;\n    float: left;\n    padding: 4px 6px;\n    border-radius: 4px;\n    background: var(--P500);\n    margin: 0 16px 0 0;\n    h5 {\n      color: var(--white);\n      height: 16px;\n      font-family: NotoSansCJKkr;\n      font-size: 12px;\n      font-weight: 500;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 16px;\n      letter-spacing: normal;\n      text-align: center;\n    }\n  "]))),NewLabel:(0,D.A)(E.A)(c||(c=(0,I.A)(["\n    width: 36px;\n    height: 24px;\n    float: left;\n    padding: 4px 6px;\n    border-radius: 4px;\n    background: var(--PG300);\n    margin: 0 16px 0 0;\n    h5 {\n      color: var(--PG700);\n      height: 16px;\n      font-family: NotoSansCJKkr;\n      font-size: 12px;\n      font-weight: 500;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 16px;\n      letter-spacing: normal;\n      text-align: center;\n    }\n  "]))),NoticeContentsWrap:(0,D.A)(E.A)(p||(p=(0,I.A)(["\n    margin-top: 24px;\n    width: 100%;\n    height: 100%;\n    float: left;\n    padding-bottom: 24px;\n    border-bottom: 1px solid var(--PG200);\n    word-break: break-all;\n    pre {\n      width: 100%;\n      height: 100%;\n      font-family: NotoSansCJKkr;\n      font-size: 14px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 20px;\n      letter-spacing: normal;\n      color: var(--PG800);\n      white-space: pre-wrap;\n    }\n  "]))),ListButtonWrap:(0,D.A)(E.A)(x||(x=(0,I.A)(["\n    width: calc(100% - 136px);\n    height: 52px;\n    float: right;\n  "]))),DesktopButtonWrap:(0,D.A)(E.A)(u||(u=(0,I.A)(["\n    width: 100%;\n    height: 56px;\n    float: left;\n    display: block;\n    margin: 24px 0 0 0;\n  "]))),ButtonWrap:(0,D.A)(E.A)(g||(g=(0,I.A)(["\n    width: 112px;\n    height: 56px;\n    float: left;\n  "]))),ButtonWrapper:(0,D.A)(E.A)(f||(f=(0,I.A)(["\n    width: 100%;\n    height: 100%;\n    float: left;\n    border-radius: 8px;\n    border: solid 1px var(--PG400);\n  "]))),PreviousButton:(0,D.A)(E.A)(v||(v=(0,I.A)(["\n    width: 50%;\n    height: 100%;\n    float: left;\n    cursor: pointer;\n    border-right: 1px solid var(--PG400);\n  "]))),PreviousDisabled:(0,D.A)(E.A)(w||(w=(0,I.A)(["\n    width: 50%;\n    height: 100%;\n    float: left;\n    border-right: 1px solid var(--PG400);\n    cursor: default;\n  "]))),NextButton:(0,D.A)(E.A)(m||(m=(0,I.A)(["\n    width: 50%;\n    height: 100%;\n    float: right;\n    cursor: pointer;\n  "]))),NextDisabled:(0,D.A)(E.A)(j||(j=(0,I.A)(["\n    width: 50%;\n    height: 100%;\n    float: right;\n    cursor: default;\n  "]))),Icon:(0,D.A)(E.A)(b||(b=(0,I.A)(["\n    width: 24px;\n    height: 24px;\n    float: left;\n    margin: 16px;\n  "])))},R=e(37876);let S=function(){var n,t,e,i,r,o,l=(0,M.useRouter)(),a=l.push,s=(0,G.useMemo)(function(){var n=l.query.id;if(!(void 0===n||Array.isArray(n))){var t=Number(n);return Number.isNaN(t)?void 0:t}},[l.query.id]),d=(0,_.Db)(s),h=d.data,c=d.isSuccess,p=(0,_.aS)(1).data,x=null!=(n=null==p||null==(t=p.paging)?void 0:t.totalCount)?n:0,u=null!=s?s-1:0,g=null!=s?s+1:0,f=(0,G.useCallback)(function(){u<1||a("/customer/notice/info/?id=".concat(u),void 0,{shallow:!0})},[u,a]),v=(0,G.useCallback)(function(){g>x||a("/customer/notice/info/?id=".concat(g),void 0,{shallow:!0})},[g,x,a]),w=(0,G.useCallback)(function(){a("/customer/notice")}

1,[a]),m=(0,G.useCallback)(function(n){("Enter"===n.key||" "===n.key)&&(n.preventDefault(),f())},[f]),j=(0,G.useCallback)(function(n){("Enter"===n.key||" "===n.key)&&(n.preventDefault(),v())},[v]),b=(null==h?void 0:h.content)!=null?String(h.content):"";return null==s||s<1?null:(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)(W.PageContainer,{children:[(0,R.jsx)(z.bV,{title:h?"타로문 :: ".concat(h.title):"타로문 :: 공지사항",description:null!=(e=null==h?void 0:h.content)?e:"",canonical:"/customer/notice/info?id=".concat(s),openGraph:{url:"/customer/notice/info?id=".concat(s),title:h?"타로문 :: ".concat(h.title):"타로문 :: 공지사항",description:null!=(i=null==h?void 0:h.content)?i:"",images:[{url:"/logo-text.svg",width:600,height:400,alt:"tarotmoon",type:"image/jpeg"}],site_name:"타로문"}}),(0,R.jsx)(W.Main,{children:(0,R.jsx)(W.PageMain,{children:(0,R.jsxs)("div",{children:[(0,R.jsxs)(W.NoticeTitleWrap,{children:[(0,R.jsx)(W.TitleWrap,{children:(0,R.jsx)("p",{children:c&&null!=(r=null==h?void 0:h.title)?r:""})}),(0,R.jsxs)(W.TitleInfoWrap,{children:[null!=h&&h.top?(0,R.jsx)(W.NoticeLabel,{children:(0,R.jsx)("h5",{children:h.category_text})}):(0,R.jsx)(W.NewLabel,{children:(0,R.jsx)("h5",{children:null==h?void 0:h.category_text})}),(0,R.jsx)("p",{children:null==h||null==(o=h.create_datetime)?void 0:o.replace(/-/gi,".").split(" ")[0]})]})]}),(0,R.jsx)(W.NoticeContentsWrap,{children:(0,R.jsx)("pre",{dangerouslySetInnerHTML:{__html:b}})}),(0,R.jsxs)(W.DesktopButtonWrap,{children:[(0,R.jsx)(W.ButtonWrap,{children:(0,R.jsxs)(W.ButtonWrapper,{children:[u<1?(0,R.jsx)(W.PreviousDisabled,{children:(0,R.jsx)(W.Icon,{children:(0,R.jsx)(C.A,{})})}):(0,R.jsx)(W.PreviousButton,{role:"button",tabIndex:0,"aria-label":"이전 공지",onClick:f,onKeyDown:m,children:(0,R.jsx)(W.Icon,{children:(0,R.jsx)(L.A,{})})}),g>x?(0,R.jsx)(W.NextDisabled,{children:(0,R.jsx)(W.Icon,{children:(0,R.jsx)(N.A,{})})}):(0,R.jsx)(W.NextButton,{role:"button",tabIndex:0,"aria-label":"다음 공지",onClick:v,onKeyDown:j,children:(0,R.jsx)(W.Icon,{children:(0,R.jsx)(P.A,{})})})]})}),(0,R.jsx)("div",{role:"button",tabIndex:0,"aria-label":"목록으로 돌아가기",onClick:w,onKeyDown:function(n){("Enter"===n.key||" "===n.key)&&(n.preventDefault(),w())},children:(0,R.jsx)(W.ListButtonWrap,{children:(0,R.jsx)(B.A,{title:"목록으로 돌아가기"})})})]})]})})})]})})};var K=function(){return(0,R.jsx)(S,{})};K.getInitialProps=function(){var n=(0,y.A)(k().mark(function n(t){return k().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",{id:t.query.id,pathname:"my",menu:"my"});case 1:case"end":return n.stop()}},n)}));return function(t){return n.apply(this,arguments)}}();let T=K},97032:(n,t,e)=>{"use strict";e.d(t,{A:()=>l}),e(14232);var i=e(77232),r=e(37876),o=i.Ay.div.withConfig({displayName:"LeftLargeBlackIcon__BottomBlock",componentId:"sc-1vio4wi-0"})(["width:24px;height:24px;float:right;svg{width:24px;height:24px;}#hover{display:none;}#pressed{display:none;}#disabled{display:none;}&:hover{#normal{display:none;}#hover{display:block;}#pressed{display:none;}#disabled{display:none;}}&:active{#normal{display:none;}#hover{display:none;}#pressed{display:block;}#disabled{display:none;}}"]);let l=function(){return(0,r.jsxs)(o,{children:[(0,r.jsx)("svg",{id:"normal",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z",transform:"matrix(-1 0 0 1 24 0)"}),(0,r.jsx)("path",{fill:"#645A82",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z",transform:"matrix(-1 0 0 1 24 0)"})]})})}),(0,r.jsx)("svg",{id:"hover",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z",transform:"matrix(-1 0 0 1 24 0)"}),(0,r.jsx)("path",{fill:"#7A6F98",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z",transform:"matrix(-1 0 0 1 24 0)"})]})})}),(0,r.jsx)("svg",{id:"pressed",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z",transform:"matrix(-1 0 0 1 24 0)"}),(0,r.jsx)("path",{fill:"#3B3153",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z",transform:"matrix(-1 0 0 1 24 0)"})]})})}),(0,r.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:(0,r.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:"M0 0L24 0 24 24 0 24z",transform:"matrix(-1 0 0 1 24 0)"}),(0,r.jsx)("path",{fill:"#CEC5E0",d:"M10 6L8.59 7.41 13.17 12 8.59 16.59 10 18 16 12z",transform:"matrix(-1 0 0 1 24 0)"})]})})})]})}}},n=>{n.O(0,[636,6593,8792],()=>n(n.s=29724)),_N_E=n.O()}]);