(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6173],{26021:function(e,i,t){Promise.resolve().then(t.bind(t,81878))},81878:function(e,i,t){"use strict";t.r(i),t.d(i,{default:function(){return et}});var n=t(57437),o=t(88862),r=t(2265),d=t(33145),a=t(27648),p=t(81929),s=t(77148);let l=[{title:"이름",name:"name",placeholder:"성함을 입력해  주세요"},{title:"직책",name:"position",placeholder:"직책을 입력해 주세요"},{title:"기업명",name:"companyName",placeholder:"기업명을 입력해 주세요."},{title:"연락처",name:"phoneNumber",placeholder:"연락처를 입력해 주세요"}];var c=t(61266),x={src:"/_next/static/media/arrow-right.759c9f1a.svg",height:21,width:21,blurWidth:0,blurHeight:0};let h={name:"",position:"",companyName:"",phoneNumber:""},g=o.ZP.form.withConfig({componentId:"sc-2315df-0"})(["max-height:100%;display:flex;flex-direction:column;@media screen and (max-width:1023px){justify-content:center;padding:0 0 0 24px;}"]),f=o.ZP.div.withConfig({componentId:"sc-2315df-1"})(["flex:1;overflow-y:auto;padding-right:16px;&::-webkit-scrollbar{display:block;}@media screen and (max-width:1023px){padding-right:24px;}"]),A=o.ZP.p.withConfig({componentId:"sc-2315df-2"})(["font-size:16px;font-weight:500;line-height:1.55;letter-spacing:-0.02em;color:#14141c;word-break:keep-all;b{font-size:inherit;line-height:inherit;color:#413d7d;font-weight:800;}@media screen and (max-width:1023px){font-size:14px;line-height:18px;}"]),m=o.ZP.span.withConfig({componentId:"sc-2315df-3"})(["display:block;width:100%;height:1px;background-color:var(--assoc-line,#dcd9ea);"]),b=o.ZP.li.withConfig({componentId:"sc-2315df-4"})(["display:flex;gap:5px;"]),w=o.ZP.p.withConfig({componentId:"sc-2315df-5"})(["display:flex;align-items:center;flex:none;width:44px;&,span{font-size:14px;font-weight:700;line-height:20px;color:#14141c;}span{color:",";}"],p.Z.error.active),u=o.ZP.input.withConfig({componentId:"sc-2315df-6"})(["width:100%;padding:4px 0;border-bottom:1px solid #dcd9ea;font-size:14px;line-height:20px;letter-spacing:-0.3px;color:#14141c;&:focus{border-bottom-color:#413d7d;}&::placeholder{color:#9a97a8;font-weight:400;}"]),v=o.ZP.p.withConfig({componentId:"sc-2315df-7"})(["font-size:14px;font-weight:500;line-height:20px;color:#14141c;"]),C=(0,o.ZP)(a.default).withConfig({componentId:"sc-2315df-8"})(["color:#5b5b68;font-size:14px;line-height:20px;"]),j=o.ZP.button.withConfig({componentId:"sc-2315df-9"})(["width:190px;height:69px;display:flex;justify-content:center;align-items:center;gap:4px;background-color:",";border-radius:34px;box-shadow:",";font-size:21px;font-weight:600;line-height:28px;letter-spacing:-0.6px;color:#fff;@media screen and (max-width:1023px){width:140px;height:50px;font-size:18px;img{width:18px;}}"],p.Z.primary.active,s.Z.button);var Z=()=>{let[e,i]=(0,r.useState)(h),[t,o]=(0,r.useState)(""),a=(0,c.Z)({onSuccess:()=>{alert("제휴신청에 성공하였습니다."),i(h)},onError:e=>{o(e)}}),p=t=>{let{name:n,value:o}=t.target;i({...e,[n]:o})};return(0,n.jsxs)(g,{onSubmit:i=>{if(i.preventDefault(),!Object.values(e).every(e=>!!e)){o("* 항목은 반드시 작성해 주세요");return}o(""),a.mutate({...e,inquirySource:"입점신청"})},children:[(0,n.jsxs)("div",{className:"flex-none pr-4 lg:pr-8",children:[(0,n.jsxs)(A,{children:["신청서를 작성해 제출하시면",(0,n.jsx)("br",{}),(0,n.jsx)("b",{children:"마코디 담당자가 1영업일 내"})," 연락드립니다."]}),(0,n.jsx)(m,{className:"my-[14px] lg:my-5"})]}),(0,n.jsxs)(f,{children:[(0,n.jsx)("ul",{className:"flex flex-col gap-[12px] lg:gap-3",children:l.map(i=>{let{title:t,name:o,placeholder:r}=i;return(0,n.jsxs)(b,{children:[(0,n.jsxs)(w,{children:[t,(0,n.jsx)("span",{children:"*"})]}),(0,n.jsx)("div",{className:"flex-1",children:(0,n.jsx)(u,{placeholder:r,name:o,value:e[o],onChange:p})})]},o)})}),(0,n.jsxs)("div",{className:"flex justify-between mt-[18px] mb-[20px] lg:my-5",children:[(0,n.jsx)(v,{children:"개인정보 처리방침에 동의합니다."}),(0,n.jsx)(C,{href:"/privacypolicy",target:"_blank",children:"자세히 보기"})]}),(0,n.jsx)(m,{}),t&&(0,n.jsx)("p",{className:"text-red text-xs mt-5",children:t}),(0,n.jsx)("div",{className:"flex flex-col items-end mt-[38px] lg:mt-5 lg:pb-8 lg:items-start",children:(0,n.jsxs)(j,{children:["신청하기",(0,n.jsx)(d.default,{src:x,alt:""})]})})]})]})};let P=[{id:0,image:{src:"/_next/static/media/support1.e6043a6a.png",height:222,width:325,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAPFBMVEWxuseGj5+wraugnpuHeHOms8O7x9N7h5ijlZHAy9eWj47FxsthT0ePf3u2s7NiboGbqryLiY6amJ16Zl0csp6VAAAACHRSTlP9/////////CitBBMAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAuSURBVHicBcGHAQAgCAOwikzF/f+vJsAOqBRDWISKLbTnHe4FmXzuYAe3XitN+hr6AToO8rshAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},title:"영업 응대 부담 감소",content:"고객이 제품을 직접 골라 문의합니다."},{id:1,image:{src:"/_next/static/media/support2.17f1091c.png",height:222,width:325,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAPFBMVEXi4uTU1dnS0M+BgYPNysi9vb9bWFjy7eiwrq7n5+lBQEOppJ9NR0P08Ozc3d7b292Wl5vCxMT////Jwr3qZ5iaAAAACXRSTlP+////////9f7k3lvAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAMElEQVR4nBXGtxEAIAwAsSfYYHLYf1cOVQKGi9knjOmlxo4Z7PDjZAWVg5bSmtb7ABZGASzV/uidAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},title:"설계 단계 AI 노출",content:"자재를 고르는 그 순간 추천됩니다."},{id:2,image:{src:"/_next/static/media/support3.d7ea7ad7.png",height:222,width:325,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAJFBMVEVeX2BVVlcvMDF2d3hDREUbHB2BgoNOT1ATExVsbG0ICAplZWZV44IxAAAAAnRSTlP9/GOK7P8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAApSURBVHicBcGHAQAgDMMwk3TC//8icVxVkYBto4C3TUi09mTO0JIUeT8NSQCkkPpOGQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5},title:"건설 \xb7 건축 실무자",content:"실제 구매 결정권자에게만 닿습니다."},{id:3,image:{src:"/_next/static/media/support4.fb1c52ec.png",height:222,width:325,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAANlBMVEW2t7fz9PWhlpPl5eaxr67R0NHBvry8vL2rqKfc29yXlpZsZ2NdVU97b2uTiIVmYl9IR0WLhoR2ICIuAAAACHRSTlP9/////////CitBBMAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAtSURBVHicBcGJAQAQDATBRcLFr/9mzdA6JaUAZKoRDc3xdvbKmd1LXuIO4Sb7Fv0BGnr3ndsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5},title:"1:1 직거래 연결",content:"광고비 없이 담당자와 바로 연결."}],y="#413d7d",I="#14141c",k="#5b5b68",B="#e5e3ee",E=o.ZP.section.withConfig({componentId:"sc-370b3238-0"})(["position:relative;padding:40px 0 74px;background:",";overflow:hidden;@media (max-width:1023px){padding:26px 0 48px;}"],"#e8f1fb"),z=o.ZP.div.withConfig({componentId:"sc-370b3238-1"})(["position:relative;max-width:1240px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 0.86fr;gap:48px;align-items:center;@media (max-width:1023px){grid-template-columns:1fr;gap:32px;}@media (max-width:560px){padding:0 16px;}"]),R=o.ZP.div.withConfig({componentId:"sc-370b3238-2"})(["position:relative;text-align:left;@media (max-width:1023px){text-align:center;}"]),N=o.ZP.div.withConfig({componentId:"sc-370b3238-3"})(["display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;"]),S=o.ZP.span.withConfig({componentId:"sc-370b3238-4"})(["display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:0.16em;color:",";background:rgba(255,255,255,0.75);border:1px solid ",";border-radius:999px;padding:6px 15px;"],y,B),T=o.ZP.h2.withConfig({componentId:"sc-370b3238-5"})(["margin:0 0 14px;font-size:46px;line-height:1.28;font-weight:800;color:",";letter-spacing:-0.025em;word-break:keep-all;b,i,span{font-size:inherit;line-height:inherit;}b{color:",";font-weight:800;}@media (max-width:768px){font-size:28px;}"],I,y),F=o.ZP.h3.withConfig({componentId:"sc-370b3238-6"})(["margin:0;font-size:15px;font-weight:400;line-height:1.65;color:",";word-break:keep-all;b{font-size:inherit;line-height:inherit;color:",";font-weight:700;}@media (max-width:768px){font-size:14px;}"],k,I),D=o.ZP.div.withConfig({componentId:"sc-370b3238-7"})(["margin-top:30px;padding-top:20px;border-top:1px solid #cfdcea;"]),V=o.ZP.h3.withConfig({componentId:"sc-370b3238-8"})(["margin:0;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:0.14em;color:#8a8798;word-break:keep-all;b{font-size:inherit;line-height:inherit;color:#8a8798;font-weight:700;}"]),O=o.ZP.div.withConfig({componentId:"sc-370b3238-9"})(["margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);@media (max-width:560px){gap:10px;}"]),U=o.ZP.div.withConfig({componentId:"sc-370b3238-10"})(["display:flex;align-items:center;gap:14px;padding:12px;background:#ffffff;border:1px solid ",";box-shadow:0 4px 14px rgba(20,30,60,0.06);border-radius:16px;text-align:left;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;&:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,30,60,0.12);border-color:rgba(65,61,125,0.28);}@media (max-width:560px){gap:10px;padding:10px;border-radius:12px;}"],B),H=o.ZP.div.withConfig({componentId:"sc-370b3238-11"})(["position:relative;flex:0 0 auto;width:74px;height:74px;border-radius:12px;overflow:hidden;background:#f2f5fa;img{width:100%;height:100%;object-fit:cover;}@media (max-width:560px){width:56px;height:56px;border-radius:10px;}"]),M=o.ZP.div.withConfig({componentId:"sc-370b3238-12"})(["min-width:0;word-break:keep-all;h3{font-size:14.5px;font-weight:700;line-height:1.34;letter-spacing:-0.025em;color:",";margin:0;}p{margin-top:6px;font-size:13px;font-weight:400;line-height:1.55;color:",";white-space:normal;}@media (max-width:560px){h3{font-size:13.5px;}p{display:none;}}"],I,k),W=o.ZP.div.withConfig({componentId:"sc-370b3238-13"})(["display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid ",";"],B),G=o.ZP.h3.withConfig({componentId:"sc-370b3238-14"})(["font-size:19px;font-weight:800;letter-spacing:-0.02em;color:",";"],I),L=o.ZP.div.withConfig({componentId:"sc-370b3238-15"})(["position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:529 / 621;padding:30px 30px 28px;background:#ffffff;border:1px solid ",";border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(20,30,60,0.12);form{flex:1;min-height:0;}form > div:last-child{display:flex;flex-direction:column;justify-content:space-between;padding-right:4px;}form > div:last-child > div:last-child{padding-bottom:0;}form ul{gap:22px;}form > div:first-child{margin-bottom:4px;}p{color:",";}li > p:first-child{width:58px;}p b{color:",";}--assoc-line:",";input{background:#f7f6fa;color:",";border:1px solid ",";border-radius:10px;padding:9px 11px;}input:focus{background:#fff;border-color:",";}input::placeholder{color:#9a97a8;font-weight:400;}a{color:",";text-decoration:underline;text-underline-offset:3px;}button{width:100%;height:58px;background-color:",";color:#fff;font-size:18px;font-weight:800;box-shadow:0 14px 34px rgba(65,61,125,0.28);transition:all 0.18s ease;}button:hover{background-color:#2e2b5e;transform:translateY(-1px);}@media (max-width:1023px){display:none;}"],B,I,y,B,I,B,y,k,y);var Q=()=>(0,n.jsx)(E,{children:(0,n.jsxs)(z,{children:[(0,n.jsxs)(R,{children:[(0,n.jsx)(N,{children:(0,n.jsx)(S,{children:"PARTNERSHIP PROGRAM"})}),(0,n.jsxs)(T,{children:["국내 최대 AI 마감재 플랫폼,",(0,n.jsx)("br",{}),(0,n.jsx)("b",{children:"마코디와 함께 하세요."})]}),(0,n.jsxs)(F,{children:["마코디가 ",(0,n.jsx)("b",{children:"새로운 제휴 업체"}),"를 기다리고 있습니다.",(0,n.jsx)("br",{}),"제품을 등록하면 설계 \xb7 시공 단계의 기업 고객에게 바로 노출됩니다."]}),(0,n.jsx)(D,{children:(0,n.jsx)(V,{children:"PARTNER BENEFITS"})}),(0,n.jsx)(O,{children:P.map(e=>{let{id:i,image:t,title:o,content:r}=e;return(0,n.jsxs)(U,{children:[(0,n.jsx)(H,{children:(0,n.jsx)(d.default,{src:t,alt:""})}),(0,n.jsxs)(M,{children:[(0,n.jsx)("h3",{children:o}),(0,n.jsx)("p",{children:r})]})]},i)})})]}),(0,n.jsxs)(L,{children:[(0,n.jsx)(W,{children:(0,n.jsx)(G,{children:"마코디 입점 신청서"})}),(0,n.jsx)(Z,{})]})]})});let J=o.ZP.div.withConfig({componentId:"sc-397aae0c-0"})(["padding:0;display:flex;flex-direction:column;"]);var Y=()=>(0,n.jsx)(J,{children:(0,n.jsx)(Z,{})}),_=t(94575),K=t(40364),X=t(87798),q=t(4097),$=t(29874),ee=t(95805),ei=t(1019),et=()=>{let e=(0,_.Z)();(0,K.Z)();let i=(0,r.useCallback)(()=>{},[]),t=(0,r.useCallback)(()=>{},[]);return(0,n.jsxs)(ei._z,{children:[(0,n.jsx)(X.Z,{}),(0,n.jsxs)(ei.v5,{isLandingPage:!0,children:[(0,n.jsx)(q.Z,{onClickAi:i,onClickSample:t}),(0,n.jsxs)(en,{children:[(0,n.jsx)(Q,{}),e<1024&&(0,n.jsx)(Y,{}),(0,n.jsx)($.Z,{})]})]}),(0,n.jsx)(ee.Z,{})]})};o.ZP.div.withConfig({componentId:"sc-5b8067f-0"})(["display:contents;@media (max-width:1024px){display:none;}"]);let en=o.ZP.div.withConfig({componentId:"sc-5b8067f-1"})(["flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;"]);o.ZP.div.withConfig({componentId:"sc-5b8067f-2"})(["display:flex;align-items:center;gap:10px;"]),o.ZP.div.withConfig({componentId:"sc-5b8067f-3"})(["display:none;@media (max-width:1024px){display:inline-flex;align-items:center;}"]),o.ZP.a.withConfig({componentId:"sc-5b8067f-4"})(["display:inline-flex;align-items:center;padding:5px 16px;border-radius:999px;background:transparent;color:#111111;border:1px solid #c8c4bb;font-weight:700;font-size:13px;text-decoration:none;transition:border-color 0.18s ease;&:hover{border-color:#111111;}@media (max-width:768px){display:none;}"]),o.ZP.a.withConfig({componentId:"sc-5b8067f-5"})(["display:inline-flex;align-items:center;gap:6px;padding:5px 18px;border-radius:999px;background:#413d7d;color:#fff;font-weight:700;font-size:13px;border:0;cursor:pointer;text-decoration:none;font-family:inherit;box-shadow:0 8px 24px rgba(65,61,125,0.35);transition:all 0.22s ease;&:hover{background:#2e2b5e;transform:translateY(-1px);box-shadow:0 30px 80px rgba(65,61,125,0.3);}white-space:nowrap;@media (max-width:600px){padding:5px 12px;font-size:12px;}"]),o.ZP.span.withConfig({componentId:"sc-5b8067f-6"})(["color:#ffffff;@media (max-width:600px){display:none;}"]),o.ZP.span.withConfig({componentId:"sc-5b8067f-7"})(["display:none;color:#ffffff;@media (max-width:600px){display:inline;}"])},77148:function(e,i){"use strict";i.Z={button:"5px 5px 30px 0px rgba(0, 0, 0, 0.20)",modal:"0px 4px 77px 0px rgba(0, 0, 0, 0.10)",card:"0px 2px 8px 0px rgba(0, 0, 0, 0.10), 0px 8px 20px 0px rgba(0, 0, 0, 0.10)",range:"0px 1px 2px rgba(0, 0, 0, 0.30), 0px 1px 3px rgba(0, 0, 0, 0.15)"}},94575:function(e,i,t){"use strict";var n=t(2265);i.Z=()=>{let[e,i]=(0,n.useState)(0);return(0,n.useEffect)(()=>{i(window.document.body.offsetWidth);let e=()=>i(window.document.body.offsetWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}},40364:function(e,i,t){"use strict";var n=t(2265);i.Z=()=>{let e=()=>{let e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh","".concat(e,"px"))};(0,n.useEffect)(()=>(e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)),[])}},81929:function(e,i){"use strict";i.Z={primary:{active:"#413D7D",inActive:"#D5D5E0",background:"#FAFAFA",button:"#413D7D"},error:{active:"#EA483E",inActive:"#F9C8C5",background:"#FFFAFA"},black:{"100%":"#0D0D0D","80%":"#3D3D3D","60%":"#666666","40%":"#A6A6A6","20%":"#D2D2D2",blur:"rgba(0, 0, 0, 0.70)"},white:{"100%":"#fff","60%":"#F5F5F5"}}}},function(e){e.O(0,[5676,691,9759,156,6484,7648,3400,5719,8606,389,6842,9874,6058,8672,2971,2117,1744],function(){return e(e.s=26021)}),_N_E=e.O()}]);