https://bank-mall.co.kr/_next/static/chunks/pages/customer/faq-1a3f633d83f360bc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3825],{30466:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>X,default:()=>U});var i=n(23798),o=n(21462),a=n(79308),r=n(53555),l=n(62815),s=n(2949),c=n(28123),d=n(25550),p=n(46649),u=n(48623),g=n(5926),h=n(97930),f=n.n(h);let x=function(e){let{url:t,children:n,active:o,dataCode:a}=e;return(0,i.jsx)(f(),{href:t,className:(0,c.QP)("flex min-w-fit h-[54px] px-5 items-center justify-center font-subtitle-1-B text-blueGray-300 border-blueGray-300 border-bottom-basic desktop:px-0",o?"category--active":"category",o&&"text-text-primary"),"data-code":a,"aria-current":o?"page":void 0,children:n})};var m=n(57666),y=n(43299);let b=m.Ay.div.withConfig({componentId:"sc-2a71534b-0"})(["margin-bottom:20px;overflow-x:auto;background-color:white;&::-webkit-scrollbar{display:none;}@media screen and (","){margin-bottom:0;}"],y.PK.PC);function w(e){let{containerRef:t}=e,{query:n}=(0,l.useRouter)(),{category:a}=(0,u.Db)(n),r=(0,o.useRef)(null),h=(0,o.useRef)(null),[f,m]=(0,o.useState)({left:0,opacity:0,width:0}),y=p.gL.use.isMobile(),{stickyTargetRef:w,placeholderRef:v,stickyStyle:j}=(0,d.tD)({containerRef:t}),{data:C=[]}=(0,s.I)({queryKey:["faq"],queryFn:async()=>{let{data:e}=await g.XH.get("/posts/faq/count");return e},staleTime:1/0,cacheTime:1/0});return o.useEffect(()=>{let e=y?h.current:r.current;if(!e)return;let t=null!=a?a:"all",n=e.querySelector('[data-code="'.concat(t,'"]'));if(n){let t=n.offsetLeft-(e.offsetWidth-n.offsetWidth)/2;e.scrollTo({left:t,behavior:"smooth"}),m({left:n.offsetLeft,opacity:1,width:n.offsetWidth})}},[C,a,y]),(0,i.jsx)("div",{ref:y?void 0:v,children:(0,i.jsx)(b,{ref:r,children:(0,i.jsxs)("nav",{ref:y?h:w,style:y?void 0:j,"aria-label":"FAQ 카테고리",className:(0,c.QP)("relative flex bg-gray-0 desktop:grid desktop:grid-cols-6",y&&"fixed inset-x-0 top-mo-header z-[100] w-full overflow-x-auto overflow-y-hidden flex-nowrap overscroll-x-contain scroll-smooth [-webkit-overflow-scrolling:touch] no-scrollbar"),children:[null==C?void 0:C.map(e=>{let{code:t,label:n,count:o}=e,r="all"!==a&&a?a===t:null===t;return(0,i.jsxs)(x,{active:r,url:{pathname:"/customer/faq",query:{category:null!=t?t:"all"}},dataCode:null!=t?t:"all",children:[n,"FAQC004"!==t&&" (".concat(o,")")]},"faq-category-".concat(t))}),(0,i.jsx)("span",{"aria-hidden":!0,className:"absolute bottom-0 h-[3px] bg-purple-500 transition-[left,width,opacity] duration-300 ease-out",style:f})]})})})}m.Ay.div.withConfig({componentId:"sc-2a71534b-1"})(["display:flex;background-color:white;@media screen and (","){display:grid;grid-template-columns:repeat(6,1fr);}"],y.PK.PC),w.Category=x;var v=n(90658),j=n(97383),C=n(69317),A=n(30127),P=n(63968);let I=e=>(null==e?void 0:e.trim())?e:null,k=e=>{let{categoryCode:t,initialFaqs:n}=e,o=A.O.자주하는_질문,a=t?"".concat(o.pathname,"?category=").concat(encodeURIComponent(t)):o.pathname,r=n.reduce((e,t)=>{var n;let i=null!=(n=I(t.contentWithOutMarkup))?n:I(t.contents);return i&&e.push({"@type":"Question",name:t.title,acceptedAnswer:{"@type":"Answer",text:i}}),e},[]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(v.bV,{title:o.title,description:o.description,canonical:a,openGraph:{...o.openGraph,url:a},additionalMetaTags:o.metaTags,additionalLinkTags:o.linkTags}),(0,i.jsx)(j.o,{url:a,name:o.title,description:o.description}),(0,i.jsx)(C.gA,{items:[{pathname:"/",name:"홈"},{pathname:"/customer/faq",name:"자주하는 질문"}]}),r.length>0&&(0,i.jsx)("script",{id:"faq-page-json-ld",type:"application/ld+json",dangerouslySetInnerHTML:{__html:(0,P.n)({"@context":"https://schema.org","@type":"FAQPage",mainEntity:r})}})]})},_=m.Ay.div.withConfig({componentId:"sc-6648191b-0"})(["text-align:center;"]),S=m.Ay.img.withConfig({componentId:"sc-6648191b-1"})(["width:90px;height:90px;margin-bottom:30px;"]),z=m.Ay.p.withConfig({componentId:"sc-6648191b-2"})(["font-size:18px;"]),K=e=>{let{text:t,orange:n,srcOrange:o="/icons/icon_empty_orange.png",src:a="/icons/icon_empty.png"}=e;return(0,i.jsxs)(_,{children:[(0,i.jsx)(S,{src:n?o:a,alt:"empty"}),(0,i.jsx)(z,{children:t})]})},q=function(e){let{enabled:t,isLoading:n,onIntersect:a}=e,r=(0,o.useRef)(null),l=(0,o.useRef)(!1);return(0,o.useEffect)(()=>{let e=r.current;if(!e||!t||n||l.current||"undefined"==typeof IntersectionObserver)return;let i=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&!l.current&&(l.current=!0,i.unobserve(t.target),a())});return i.observe(e),()=>i.disconnect()},[t,n,a]),(0,i.jsx)("div",{ref:r,"aria-hidden":"true","data-testid":"faq-infinite-scroll-tr

1igger"})};var M=n(52080),E=n(92838);let N=(0,m.i7)(["from{opacity:0.01;}to{opacity:0.05;}"]),H=m.Ay.li.withConfig({componentId:"sc-f61bd6e6-0"})(["&:not(:last-child){border-bottom:1px solid #ddd;}"]),L=m.Ay.button.withConfig({componentId:"sc-f61bd6e6-1"})(["display:flex;align-items:center;width:100%;padding:16px 20px;color:",";cursor:pointer;"," @media screen and (","){padding:24px 20px;}"],E.Ay.gray[900],e=>{let{$loading:t}=e;return t&&(0,m.AH)(["cursor:not-allowed;"])},y.PK.PC),R=m.Ay.b.withConfig({componentId:"sc-f61bd6e6-2"})(["align-self:flex-start;margin-right:10px;font-size:14px;font-weight:700;line-height:26px;color:",";@media screen and (","){margin-right:20px;font-size:20px;}"],E.Ay.gray[900],y.PK.PC),T=m.Ay.span.withConfig({componentId:"sc-f61bd6e6-3"})(["display:none;@media screen and (","){display:inline;width:100px;font-weight:700;line-height:26px;color:",";text-align:left;}"],y.PK.PC,E.Ay.gray[900]),O=m.Ay.span.withConfig({componentId:"sc-f61bd6e6-4"})(["flex:1 0 0;min-height:20px;margin-right:12px;font-size:14px;line-height:26px;color:",";text-align:left;letter-spacing:-0.8px;word-break:break-all;"," @media screen and (","){min-height:auto;font-size:16px;}"],E.Ay.gray[900],e=>{let{$loading:t}=e;return t&&(0,m.AH)(["background-color:#000;opacity:0.05;animation:"," 0.5s infinite ease-in-out alternate;"],N)},y.PK.PC);m.Ay.img.withConfig({componentId:"sc-f61bd6e6-5"})(["width:18px;height:18px;opacity:0.4;transition:all 0.3s ease 0s;"," @media screen and (","){width:30px;height:30px;}"],e=>{let{$active:t}=e;return t&&(0,m.AH)(["transform:rotate(180deg);"])},y.PK.PC);let F=m.Ay.div.withConfig({componentId:"sc-f61bd6e6-6"})(["display:none;align-items:baseline;padding:15px 20px;font-size:14px;line-height:22px;color:#333;letter-spacing:-0.8px;word-break:break-all;background-color:#f8f8f8;"," @media screen and (","){padding:30px 45px;font-size:18px;line-height:30px;}"],e=>{let{$active:t}=e;return t&&(0,m.AH)(["display:flex;"])},y.PK.PC),Y=m.Ay.b.withConfig({componentId:"sc-f61bd6e6-7"})(["margin-right:15px;font-size:14px;font-weight:700;color:rgb(255 89 20);@media screen and (","){margin-right:25px;font-size:20px;}"],y.PK.PC),D=function(e){let{id:t,title:n,category:a,contents:r,loading:l}=e,[s,c]=o.useState(!1),d=p.gL.use.isMobile(),u="customer-faq-answer-".concat(t),g=o.useCallback(()=>{l||c(e=>!e)},[l]);return(0,i.jsxs)(H,{$active:s,$loading:l,"aria-hidden":l?"true":void 0,children:[(0,i.jsxs)(L,{type:"button",$loading:l,onClick:g,"aria-controls":l?void 0:u,"aria-expanded":l?void 0:s,children:[(0,i.jsx)(R,{children:"Q"}),(null==a?void 0:a.label)&&(0,i.jsxs)(T,{children:["[",a.label,"]"]}),(0,i.jsx)(O,{$loading:l,children:n}),(0,i.jsx)("span",{"aria-hidden":"true",children:(0,i.jsx)(M.In,{name:s?"ChevronUp":"ChevronDown",size:d?"16":"24"})})]}),(0,i.jsxs)(F,{id:u,role:"region","aria-label":"".concat(n," 답변"),$active:s,children:[(0,i.jsx)(Y,{children:"A"}),r]})]})},Q=m.Ay.div.withConfig({componentId:"sc-55ccb612-0"})(["margin-top:54px;margin-bottom:20px;@media screen and (","){margin-top:0;}"],y.PK.PC),W=m.Ay.div.withConfig({componentId:"sc-55ccb612-1"})(["padding:75px 0;"]),$=m.Ay.div.withConfig({componentId:"sc-55ccb612-2"})(["width:100%;height:1px;margin:0;background-color:#d1d1d1;border:0;box-shadow:rgb(0 0 0 / 35%) 0 3px 11px 0;"]),B=m.Ay.button.withConfig({componentId:"sc-55ccb612-3"})(["display:block;width:calc(100% - 40px);height:60px;margin:30px auto;font-size:14px;font-weight:bold;color:#333;text-align:center;letter-spacing:-0.4px;border:solid 1px #ddd;border-radius:10px;&:disabled{color:#ccc;cursor:not-allowed;}@media screen and (","){width:500px;font-size:16px;}"],y.PK.PC);function G(e){let{initialItems:t=[],totalElements:n=0,categoryCode:a}=e,[r,l]=o.useState(t),[s,c]=o.useState(1),[d,p]=o.useState(!1),[u,h]=o.useState(!1),f="".concat(null!=a?a:"all",":").concat(n,":").concat(t.map(e=>"".concat(e.id,":").concat(e.title,":").concat(e.contents)).join("|")),x=o.useRef(f),m=o.useRef(0);x.current!==f&&(x.current=f,m.current+=1),o.useEffect(()=>{l(t),c(1),p(!1),h(!1)},[f]);let y=r.length<n,b=o.useCallback(async()=>

1{if(d||!y)return;p(!0),h(!1);let e=m.current;try{var t,n;let{data:i}=await (n={params:{...a&&{categoryCode:a},limit:10,order:"DESC",page:s,sort:"createdAt"}},g.XH.get("/posts/faq",n)),o=null!=(t=i.content)?t:[];if(e!==m.current)return;l(e=>{let t=new Set(e.map(e=>e.id));return[...e,...o.filter(e=>!t.has(e.id))]}),c(e=>e+1)}catch(t){e===m.current&&h(!0)}finally{e===m.current&&p(!1)}},[a,y,d,s]);return(0,i.jsxs)(Q,{children:[(0,i.jsxs)("ul",{children:[!d&&!r.length&&(0,i.jsx)(W,{children:(0,i.jsx)(K,{text:"데이터가 존재하지 않습니다."})}),r.map(e=>(0,i.jsx)(D,{...e},"customer-faq-list-".concat(e.id))),d&&[...Array(10)].map((e,t)=>(0,i.jsx)(D,{loading:!0,"aria-hidden":"true"},"customer-faq-list-loading-".concat(t)))]}),(0,i.jsx)($,{}),u&&y&&(0,i.jsx)(B,{type:"button",onClick:b,children:"다시 시도"}),y&&!u&&(0,i.jsx)(q,{enabled:y,isLoading:d,onIntersect:b},"".concat(f,":").concat(s))]})}G.Item=D;var X=!0;let U=function(e){let{categoryCode:t,initialFaqs:n,totalElements:l}=e,s=(0,o.useRef)(null);return(0,a.A)({header:{mobile:{type:"withBackspace",title:"자주하는 질문",isBorderHidden:!0}}}),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(k,{initialFaqs:n,categoryCode:t}),(0,i.jsx)(r.A,{category:"faq"}),(0,i.jsxs)("main",{className:"w-full desktop:mt-5 max-w-[768px] mx-auto",ref:s,"data-total-elements":l,children:[(0,i.jsx)("h1",{className:"sr-only",children:"자주하는 질문"}),(0,i.jsx)("p",{className:"sr-only",children:"뱅크몰 서비스와 대출 비교에 관해 자주 묻는 질문을 확인하세요."}),(0,i.jsx)(w,{containerRef:s}),(0,i.jsx)(G,{initialItems:n,totalElements:l,categoryCode:t})]})]})}},53555:(e,t,n)=>{"use strict";n.d(t,{A:()=>h});var i=n(23798),o=n(46649),a=n(43299),r=n(57666),l=n(92838);let s=r.Ay.div.withConfig({componentId:"sc-cdf20e92-0"})(["width:100%;padding:54px 20px 18px;background:",";@media screen and (","){height:200px;padding:44px 0 40px;}"],e=>{let{$background:t}=e;return t},a.PK.PC),c=r.Ay.div.withConfig({componentId:"sc-cdf20e92-1"})(["width:100%;height:100%;margin:0 auto;text-align:center;@media screen and (","){display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:768px;}"],a.PK.PC),d=r.Ay.img.withConfig({componentId:"sc-cdf20e92-2"})(["width:132px;height:132px;margin-bottom:18px;@media screen and (","){margin-bottom:0;}"],a.PK.PC),p=r.Ay.div.withConfig({componentId:"sc-cdf20e92-3"})(["text-align:left;"]),u=r.Ay.h1.withConfig({componentId:"sc-cdf20e92-4"})(["font-size:24px;font-weight:700;line-height:32px;color:",";&:last-of-type{margin-bottom:10px;}@media screen and (","){&:last-of-type{margin-bottom:30px;}}"],l.Ay.gray[900],a.PK.PC),g=r.Ay.p.withConfig({componentId:"sc-cdf20e92-5"})(["font-size:16px;font-weight:400;line-height:22px;color:#0009;"]),h=e=>{let{category:t,showOnMobile:n=!1}=e,r=a.YU[t],l=o.gL.use.isMobile(),{background:h,bannerImageSrc:f,title:x,description:m}=r;return!n&&l?null:(0,i.jsx)(s,{$background:h,children:(0,i.jsxs)(c,{children:[(0,i.jsx)(d,{src:f}),(0,i.jsxs)(p,{children:[x.map((e,t)=>(0,i.jsx)(u,{children:e},t)),(0,i.jsx)(g,{children:m})]})]})})}},72493:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/customer/faq",function(){return n(30466)}])},79308:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var i=n(62815),o=n(46649),a=n(72060);let r=(e,t)=>{let{header:n,bottomNavigator:r,main:l}=e,s=(0,i.useRouter)(),c=o.ty.use.initializeMobileHeaderState(),d=o.ty.use.initializePCHeaderState(),p=o.ty.use.updateMobileHeaderState(),u=o.ty.use.updatePCHeaderState(),g=o.AF.use.updateBottomNavigatorState(),h=o.AF.use.initializeBottomNavigatorState(),f=o.dK.use.updateMainStore(),x=o.dK.use.reset(),m=o.PS.use.menuOpen(),y=o.PS.use.setMenuState(),b=o.gL.use.isMobile(),{headerDeps:w,bottomNavigatorDeps:v,mainDeps:j}=null!=t?t:{};(0,a.E)(()=>{c(null==n?void 0:n.mobile),d(null==n?void 0:n.pc),h(r),x(),y(!1)},[s]),(0,a.E)(()=>{(null==n?void 0:n.mobile)&&b&&p({...n.mobile,type:m?"withLogo":n.mobile.type});let e=null==n?void 0:n.pc;b||u({...e})},[s,m,b,...null!=w?w:[]]),(0,a.E)(()=>{void 0!==r&&g(r)},[s,...null!=v?v:[]]),(0,a.E)(()=>{void 0!==l&&f(l)},[s,...null!=j?j:[]])}}

1,97383:(e,t,n)=>{"use strict";n.d(t,{o:()=>s});var i=n(23798),o=n(58822),a=n.n(o),r=n(87594),l=n(63968);let s=e=>{let{url:t,name:n,description:o,datePublished:s,dateModified:c}=e,d={"@context":"https://schema.org","@type":"WebPage","@id":t,name:n,description:o,url:t,inLanguage:"ko-KR",isPartOf:{"@type":"WebSite",name:"뱅크몰",url:r._J},...s&&{datePublished:a()(s).format("YYYY-MM-DD")},...c&&{dateModified:a()(c).format("YYYY-MM-DD")},publisher:{"@type":"Organization",name:"뱅크몰",logo:{"@type":"ImageObject",url:"".concat(r._J,"/app-icon.png")}}};return(0,i.jsx)("script",{id:"webpage-json-ld",type:"application/ld+json",dangerouslySetInnerHTML:{__html:(0,l.n)(d)}})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=72493)),_N_E=e.O()}]);