(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8256],{8670:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/art/news/list",function(){return t(7215)}])},7215:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSP:function(){return E}});var n=t(7352),a=t(4924),i=t(6042),r=t(9396),c=t(9815),l=t(655),o=t(5893),d=t(9008),m=t.n(d),u=t(1664),h=t.n(u),x=t(7294),p=t(8767),j=t(580),_=t(9473),b=t(9534),N=t(1312),g=t(1163),v=t(394),f=t(7715),w=t(5616),y=t(6114),k=t(7265),Z=t(8252),S=null,E=!0;s.default=function(e){var s,d=e.fullURL;S=t(2923),t(7758),t(1007);var u=(0,g.useRouter)(),E=(0,j.Z)(),C=null===(s=(0,_.v9)((function(e){return e.service})))||void 0===s?void 0:s.isMobile,T=(0,x.useState)([]),L=T[0],P=T[1],A=(0,x.useState)(!1),F=A[0],R=A[1];(0,x.useEffect)((function(){F&&(0,Z.Z)(F)}),[F]),(0,x.useEffect)((function(){if(L.length>0){t(3770),window.UI.curationSw.init();var e=".swiper-btn-8";new S(".swiper-11 .swiper-container",{slidesPerView:"auto",loop:!0,touchRatio:.2,slideToClickedSlide:!1,speed:700,pagination:{el:e+" .pageNumber",type:"fraction",formatFractionCurrent:function(e){return("0"+e).slice(-2)},formatFractionTotal:function(e){return("0"+e).slice(-2)},renderFraction:function(e,s){return'<span class="'+e+'"></span> <span class="line"></span> <span class="'+s+'"></span>'}},navigation:{prevEl:e+" .swiper-prev",nextEl:e+" .swiper-next"},breakpoints:{767:{spaceBetween:16}}})}}),[L]);var O=(0,x.useState)("HOT"),I=O[0],H=O[1],Q=(0,x.useState)(0),q=Q[0],W=Q[1],Y=(0,x.useState)([]),B=Y[0],K=Y[1],U=(0,x.useState)([]),M=U[0],V=U[1],X=(0,x.useState)([]),D=X[0],z=X[1],G=(0,x.useState)([]),J=G[0],$=G[1],ee=(0,x.useState)([]),se=ee[0],te=ee[1],ne=(0,x.useState)(""),ae=ne[0],ie=ne[1],re=(0,x.useState)({page:0,limit:20,sort:"article_date",direction:"desc",search_keyword:"",code411:""}),ce=re[0],le=re[1],oe=(0,x.useState)(!1),de=oe[0],me=oe[1],ue=(0,x.useState)([]),he=ue[0],xe=ue[1],pe=(0,x.useState)(!1),je=pe[0],_e=pe[1];(0,p.useQuery)("getBannerItems",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/common/banner/position/EXHB_05_01")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){e.data.data=e.data.data.filter((function(e){return e.is_open>=1})),xe(e.data.data)},onError:function(e){console.error(e)}}),(0,p.useQuery)("getKvData",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/common/kv/03_05_00_00")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){e.data.data.kv_list.map((function(e){e.title=(0,v.Z)(e.title),e.content=(0,v.Z)(e.content)})),P(e.data.data.kv_list)},onError:function(e){console.error(e)}}),(0,p.useQuery)("getArtInfoThisweekKeywords",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/art/news/thisweek/keyword",{})];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){V(e.data.data)},onError:function(e){}}),(0,p.useQuery)(["getArtNewsHotNewList",I],(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/art/news/hot-new",{params:{tab_type:I}})];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){if(C){console.log("\ubaa8\ubc14\uc77c\uc774\uc5d0\uc694");var s=(0,c.Z)(J);e.data.data.map((function(e){s.push(e)})),$(s)}else console.log("pc\uc5d0\uc694"),$(e.data.data)},onError:function(e){}});(0,p.useQuery)(["getArtNewsList",ce.page,ce.sort,ce.search_keyword,ce.code411],(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return _e(!0),[4,N.Z.get("/fo/art/news/list",{params:ce})];case 1:return[2,e.sent()]}}))})),{enabled:u.isReady,onSuccess:function(e){if(_e(!1),R(!0),C&&de){me(!1);var s=(0,c.Z)(D);e.data.list.map((function(e){s.push(e)})),z(s)}else z(e.data.list);W(e.data.total)},onError:function(e){}}).refetch;(0,p.useQuery)("getArtNewsThisWeekColumnList",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/art/news/thisweek/column")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){te(e.data.data)},onError:function(e){}}),(0,p.useQuery)(["commonCode411"],(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/common/code/children/411003")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){e.data=e.data.map((function(e){return e.value=e.code,e})),e.data.unshift({name:"\uc804\uccb4",value:""}),K(e.data)},onError:function(e){console.error(e)}});var be=function(e){H(e)},Ne=function(){if(1!=ae.length){var e=(0,r.Z)((0,i.Z)({},ce),{search_keyword:ae,page:0});ve(e)}else alert("2\uc790 \uc774\uc0c1\uc73c\ub85c \uac80\uc0c9\uc5b4\ub97c \uc785\ub825\ud574\uc8fc\uc138\uc694.")},ge=function(e){var s=e.target,t=s.name,n=s.value,c=s.isMore;me(c);var l={};if("page"===t)l=(0,r.Z)((0,i.Z)({},ce),(0,a.Z)({},t,n));else if("code411"===t){var o;l=(0,r.Z)((0,i.Z)({},ce),(o={},(0,a.Z)(o,t,e.target.dataset.code),(0,a.Z)(o,"page",0),o))}else{var d;l=(0,r.Z)((0,i.Z)({},ce),(d={},(0,a.Z)(d,t,n),(0,a.Z)(d,"page",0),d))}ve(l)},ve=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:u.pathname;u.push({pathname:s,query:e},void 0,{scroll:!1})},fe=function(e,s,t,n,a){"artNewsList"===n?E.mutate({event:e,contentId:s,contentType:t,callback:function(){var e=[];(e=(0,c.Z)(D))[a].is_like="Y"===e[a].is_like?"N":"Y",e[a].like_cnt="N"===e[a].is_like?e[a].like_cnt-=1:e[a].like_cnt+=1,z(e)}}):"keyVisual"===n&&E.mutate({event:e,contentId:s,contentType:t})};return(0,x.useEffect)((function(){he.length>0&&window.UI.adBanner.init()}),[he]),(0,x.useEffect)((function(){B.length>0&&window.UI.tabList.init()}),[B]),(0,x.useEffect)((function(){var e={};e=0===Object.keys(u.query).length?(0,i.Z)({},ce):(0,i.Z)({},Object.keys(ce).reduce((function(e,s){return u.query.hasOwnProperty(s)&&(e[s]=ce[s]),e}),{}),u.query),le(e)}),[u.query]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(m(),{children:[(0,o.jsx)("title",{children:"arte : ART \ubcf4\ub2e4"}),(0,o.jsx)("meta",{property:"og:url",content:d}),(0,o.jsx)("meta",{property:"og:type",content:"article"}),(0,o.jsx)("meta",{property:"og:title",content:"ART \ubcf4\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{property:"og:description",content:"\ubbf8\uc220 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{property:"og:site_name",content:"\uc544\ub974\ub5bc - \uc138\uc0c1\uc5d0 \uc5c6\ub358 \uc608\uc220 \ub180\uc774\ud130, arte"}),(0,o.jsx)("meta",{property:"og:locale",content:"ko_KR"}),(0,o.jsx)("meta",{property:"og:image",content:"/assets/images/og_image/03_art_news.png"}),(0,o.jsx)("meta",{name:"title",content:"ART \ubcf4\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{name:"description",content:"\ubbf8\uc220 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{itemProp:"name",content:"ART \ubcf4\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{itemProp:"description",content:"\ubbf8\uc220 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{itemProp:"image",content:"/assets/images/og_image/03_art_news.png"}),(0,o.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,o.jsx)("meta",{name:"twitter:title",content:"ART \ubcf4\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{name:"twitter:description",content:"\ubbf8\uc220 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{name:"twitter:image",content:"/assets/images/og_image/03_art_news.png"})]}),(0,o.jsxs)("div",{className:"container",id:"container",children:[(0,o.jsx)("div",{className:"sub-renew bg-type-2",children:(0,o.jsxs)("div",{className:"inner-renew",children:[(0,o.jsx)("h2",{className:"common-h2-type1",children:"ART \ub274\uc2a4"}),(0,o.jsx)("div",{className:"ct",children:(0,o.jsx)("div",{className:"inner swiper-11",children:(0,o.jsx)("div",{className:"slider",children:(0,o.jsx)("div",{className:"swiper-container",children:(0,o.jsx)("ul",{className:"swiper-wrapper",children:L.length>0&&(0,o.jsx)(o.Fragment,{children:L.map((function(e,s){var t;return(0,o.jsx)("li",{className:"swiper-slide",children:(0,o.jsxs)("div",{className:"cover-img",children:[(0,o.jsx)(h(),{href:"/art/news/".concat(e.content_id),children:(0,o.jsx)("a",{className:"img-holder",children:(0,o.jsx)("img",{src:e.thumbnail,alt:""})})}),(0,o.jsx)("button",{type:"button",className:"btn-fav btn-fav--wt ".concat("Y"===e.is_like&&"is-fav"),"aria-label":"Like",onClick:function(s){return fe(s,e.content_id,e.content_type,"keyVisual")}}),(0,o.jsx)(h(),{href:"/art/news/".concat(e.content_id),children:(0,o.jsx)("a",{children:(0,o.jsx)("span",{className:"txt-1",children:(0,o.jsxs)("span",{children:["Y"===(null===e||void 0===e?void 0:e.payment)&&(0,o.jsx)(y.Z,{}),null===e||void 0===e||null===(t=e.title)||void 0===t?void 0:t.replace(" "," ")]})})})})]})},e.content_id)}))})})})})})}),(0,o.jsxs)("div",{className:"common-swiper-sb swiper-btn-8",children:[(0,o.jsxs)("div",{className:"box-swiperControl",children:[(0,o.jsx)("div",{className:"pageNumber"}),(0,o.jsx)("button",{className:"btn-playPause swiper-play"}),(0,o.jsx)("button",{className:"btn-playPause swiper-pause",style:{display:"none"}})]}),(0,o.jsxs)("div",{className:"box-prevNext",children:[(0,o.jsx)("button",{className:"swiper-prev"}),(0,o.jsx)("button",{className:"swiper-next"})]})]})]})}),(0,o.jsxs)("div",{className:"content",children:[(0,o.jsxs)("div",{className:"ad-banner-wrap text-banner",children:[(0,o.jsx)("div",{className:"ad-banner swiper",children:(0,o.jsx)("div",{className:"ad-banner__list swiper-wrapper",children:he.map((function(e){return(0,o.jsx)(h(),{href:"".concat(e.link_url),children:(0,o.jsxs)("a",{className:"ad-banner__item ".concat("W"!==e.font_color?"white":""," swiper-slide"),children:[(0,o.jsx)("img",{src:e.img1,className:"ad-banner__img img--lg",alt:e.title}),(0,o.jsx)("img",{src:e.img2,className:"ad-banner__img img--mo",alt:e.title}),""!==e.part?(0,o.jsxs)("div",{className:"inner-box",children:[(0,o.jsx)("div",{className:"inner-thumbnail",children:(0,o.jsx)("img",{src:e.thumbnail,alt:"banner-thumbnail"})}),(0,o.jsxs)("div",{className:"inner-text",children:[(0,o.jsxs)("div",{className:"tag-flex",children:[(0,o.jsx)("span",{className:"tag box",children:"\uc544\ub974\ub5bc Poll"}),(0,o.jsx)("span",{className:"tag circle",children:e.part})]}),(0,o.jsx)("strong",{children:e.title}),(0,o.jsxs)("p",{children:[(0,f.wA)(e.start_date),"-",(0,f.wA)(e.end_date)]})]})]}):""]})},e.banner_pk)}))})}),(0,o.jsx)("div",{className:"ad-banner__pagination"})]}),(0,o.jsxs)("div",{className:"hashtag-block",children:[(0,o.jsx)("h4",{className:"hashtag-block__title",children:"\uae08\uc8fc\uc758 \uc778\uae30 \uac80\uc0c9\uc5b4"}),M.map((function(e,s){return(0,o.jsx)(h(),{href:"/util/search/news?keyword=".concat(e.keyword),children:(0,o.jsxs)("span",{className:"hashtag",style:{cursor:"pointer"},children:["# ",e.keyword]})},"tag-".concat(s))}))]}),(0,o.jsxs)("section",{className:"ex-section","data-tab":"tab-wrap",children:[(0,o.jsx)("div",{className:"tab-block tab-swiper",children:(0,o.jsxs)("div",{className:"tab",children:[(0,o.jsx)("button",{type:"button",className:"tab__cur",children:"\uc804\uccb4"}),(0,o.jsx)("ul",{className:"tab__list","data-tab":"tab-list",children:B.map((function(e,s){return(0,o.jsx)("li",{className:"tab__item",children:(0,o.jsx)("a",{className:"tab__btn ".concat(ce.code411===e.value?"is-active":""),"data-tab-btn":"tab".concat(s),value:e.value,name:"code411","data-code":e.value,onClick:function(e){return ge(e)},children:e.name})},s)}))})]})}),(0,o.jsx)("div",{className:"tab-content","data-tab":"tab-content",children:(0,o.jsxs)("div",{className:"ex-container",children:[(0,o.jsxs)("div",{className:"snb-section snb-section--right",children:[(0,o.jsxs)("article",{className:"ex-snb",children:[(0,o.jsx)("div",{className:"ex-snb__head",children:(0,o.jsx)("h4",{className:"ex-snb__title",children:"\ubbf8\uc220\uacc4 \uc8fc\uc694 \ub274\uc2a4"})}),(0,o.jsx)("div",{className:"ex-snb__filter",children:(0,o.jsxs)("ul",{className:"form-group form-group--col2",children:[(0,o.jsx)("li",{children:(0,o.jsxs)("label",{className:"chkbox-rnd",children:[(0,o.jsx)("input",{type:"radio",className:"o-input",name:"chk-cate",onChange:function(){be("HOT")},checked:"HOT"===I}),(0,o.jsx)("span",{className:"label-text",children:"HOT"})]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("label",{className:"chkbox-rnd",children:[(0,o.jsx)("input",{type:"radio",className:"o-input",name:"chk-cate",onChange:function(){be("NEW")},checked:"NEW"===I}),(0,o.jsx)("span",{className:"label-text",children:"NEW"})]})})]})}),(0,o.jsx)("div",{className:"ex-snb__body",children:(0,o.jsx)("ul",{className:"sbox-list",children:J.length<=0?(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("li",{className:"sbox-item no-item",children:[(0,o.jsx)("a",{href:"#",className:"thumb-img"}),(0,o.jsx)("div",{className:"sbox-item__texts",children:(0,o.jsx)("a",{href:"#",className:"sbox-item__title",children:"\ub4f1\ub85d\ub41c \ub274\uc2a4\uac00 \uc5c6\uc2b5\ub2c8\ub2e4."})})]})}):(0,o.jsx)(o.Fragment,{children:J.map((function(e){var s;return(0,o.jsxs)("li",{className:"sbox-item",children:[e.thumbnail&&(0,o.jsx)(h(),{href:"/art/news/".concat(e.id),children:(0,o.jsx)("a",{className:"thumb-img",children:(0,o.jsx)("span",{className:"img-holder",children:(0,o.jsx)("img",{src:e.thumbnail,alt:""})})})}),(0,o.jsx)("div",{className:"sbox-item__texts",children:(0,o.jsx)(h(),{href:"/art/news/".concat(e.id),children:(0,o.jsxs)("a",{className:"sbox-item__title",children:["Y"===(null===e||void 0===e?void 0:e.payment)&&(0,o.jsx)(y.Z,{}),null===e||void 0===e||null===(s=e.title)||void 0===s?void 0:s.replace(" "," ").replace(/\n/g,"<br />")]})})})]},e.id)}))})})})]}),(0,o.jsxs)("article",{className:"ex-snb",children:[(0,o.jsx)("div",{className:"ex-snb__head",children:(0,o.jsx)("h4",{className:"ex-snb__title",children:"\uc774\ubc88 \uc8fc \ucd94\ucc9c \ud14c\ub9c8 \uce7c\ub7fc"})}),(0,o.jsx)("div",{className:"ex-snb__body",children:(0,o.jsx)("ul",{className:"sbox-list sbox-list--cards",children:se.length<=0?(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("li",{className:"sbox-item sbox-item--e no-item",children:[(0,o.jsx)("a",{href:"#",className:"thumb-img"}),(0,o.jsx)("div",{className:"sbox-item__texts",children:(0,o.jsx)("a",{href:"#",className:"sbox-item__title",children:"\ub4f1\ub85d\ub41c \ucd94\ucc9c \ud14c\ub9c8 \uce7c\ub7fc\uc774 \uc5c6\uc2b5\ub2c8\ub2e4."})})]})}):(0,o.jsx)(o.Fragment,{children:se.map((function(e){var s;return(0,o.jsxs)("li",{className:"sbox-item sbox-item--e",children:[e.thumbnail&&(0,o.jsx)(h(),{href:"/art/theme/".concat(e.id),children:(0,o.jsx)("a",{className:"thumb-img",children:(0,o.jsx)("span",{className:"img-holder",children:(0,o.jsx)("img",{src:e.thumbnail,alt:""})})})}),(0,o.jsxs)("div",{className:"sbox-item__texts",children:[(0,o.jsxs)("div",{className:"artbox__stit",children:[(0,o.jsx)("span",{className:"tag-gen-s",children:e.theme_name}),(0,o.jsx)("span",{className:"ex-name",children:e.author_name})]}),(0,o.jsx)(h(),{href:"/art/theme/".concat(e.id),children:(0,o.jsx)("a",{className:"sbox-item__title",dangerouslySetInnerHTML:{__html:null===e||void 0===e||null===(s=e.title)||void 0===s?void 0:s.replace(" "," ").replace(/\n/g,"<br />")}})})]})]},e.id)}))})})})]})]}),(0,o.jsxs)("article",{className:"ex-content",children:[(0,o.jsx)("div",{className:"sort-section",children:(0,o.jsxs)("div",{className:"sort-section__block",children:[(0,o.jsxs)("p",{className:"result-text",children:["\ucd1d ",q,"\uac1c\uc758 \ub274\uc2a4\uac00 \uc788\uc2b5\ub2c8\ub2e4"]}),(0,o.jsxs)("div",{className:"sort-section__side",children:[(0,o.jsxs)("div",{className:"view-sort",children:[(0,o.jsx)("button",{type:"button",className:"view-sort__cur",children:"\ucd5c\uc2e0\uc21c"}),(0,o.jsxs)("ul",{className:"view-sort__list",children:[(0,o.jsx)("li",{className:"article_date"===ce.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"article_date",onClick:ge,children:"\ucd5c\uc2e0\uc21c"})}),(0,o.jsx)("li",{className:"view_cnt"===ce.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"view_cnt",onClick:ge,children:"\uc870\ud68c\uc21c"})}),(0,o.jsx)("li",{className:"like_cnt"===ce.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"like_cnt",onClick:ge,children:"\uc88b\uc544\uc694\uc21c"})}),(0,o.jsx)("li",{className:"reply_cnt"===ce.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"reply_cnt",onClick:ge,children:"\ub313\uae00\uc21c"})})]})]}),(0,o.jsx)("div",{className:"rbox-block",children:(0,o.jsxs)("span",{className:"search-box",children:[(0,o.jsx)("input",{type:"text",className:"o-input",placeholder:"\uac80\uc0c9\uc5b4\ub97c \uc785\ub825\ud558\uc138\uc694",name:"search_keyword",value:ae,onChange:function(e){ie(e.target.value)},maxLength:20,onKeyDown:function(e){"Enter"===e.key&&Ne()}}),(0,o.jsx)("button",{type:"button",className:"o-btn o-btn-search","aria-label":"\uac80\uc0c9",onClick:Ne})]})})]})]})}),D.length<=0?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("div",{className:"search-result__nodata",children:(0,o.jsx)("p",{children:"\uac80\uc0c9\uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4."})})}):(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("div",{className:"art-list-wrap",children:[(0,o.jsx)(k.Z,{category:"art",newsList:D,handleClickPostLike:fe,postLikeName:"artNewsList"}),(0,o.jsx)(b.Z,{page:ce.page,limit:ce.limit,totalCount:q,handleChangePage:ge})]})})]})]})})]})]}),je&&(0,o.jsx)(w.Z,{})]})]})}}},function(e){e.O(0,[8944,9774,2888,179],(function(){return s=8670,e(e.s=s);var s}));var s=e.O();_N_E=s}]);