https://elypecs.com/assets/Start-bBfkXl9q.js

1import{H as j,r as E,d as z,b as ce,j as e,h as de,C as he,l as ue,m as be,ap as ve,A as we,J as ye,w as je,a as ke,h6 as Ne,h7 as Se,bD as $e,z as ne,T as me,aC as se,U as ie}from"./index-BLCTUErK.js";import{T as xe}from"./TooltipButton-Cf19KlQL.js";import{E as Te}from"./effect-coverflow-DB_mKC_k.js";import"./effect-coverflow.min-l0sNRNKZ.js";import{B as _e}from"./Button-B4vzOvDk.js";import{c as Ce,a as Ee}from"./jsrsasign-zh148wpn.js";import{B as Le}from"./BackgroundImage-BBTMw-1S.js";import{T as Ie}from"./TextArea-ClnlUD5X.js";import"./videojs-youtube-Dpa2WYmJ.js";import"./zoom/videosdk-DiVEOHWa.js";import"./babylon/core-BIrqi7gl.js";const Oe=j.div`
2  ${{position:"sticky",bottom:"0",right:"0",width:"100%"}};
3`,Me=j.div`
4  ${{position:"absolute",bottom:"40px",right:"40px",display:"flex",flexDirection:"column","> :not([hidden]) ~ :not([hidden])":{"--tw-space-y-reverse":"0",marginTop:"calc(10px * calc(1 - var(--tw-space-y-reverse)))",marginBottom:"calc(10px * var(--tw-space-y-reverse))"}}}
5  ${{cursor:"pointer"}};
6  ${{"@media (max-width: 673px)":{right:"20px"}}}
7`;function He(){const[a,x]=E.useState(!1),{message:i}=z(),n=ce();return E.useEffect(()=>{const s=()=>{x(window.scrollY>window.innerHeight)};return window.addEventListener("scroll",s),s(),()=>{window.removeEventListener("scroll",s)}},[]),e.jsx(Oe,{children:e.jsxs(Me,{children:[e.jsx(xe,{src:"/landing/btn-icon-inquiry.svg",hoverSrc:"/landing/btn-icon-inquiry-hv.svg",toolTipTitle:i("문의하기"),onClick:()=>n(de({opened:!0,type:"InquiryElypecs"}))}),a&&e.jsx(xe,{src:"/landing/btn-top.svg",onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})}})]})})}const ze=j.div`
8  ${{marginLeft:"auto",marginRight:"auto",width:"100%",maxWidth:"1280px",paddingLeft:"20px",paddingRight:"20px",paddingTop:"80px",paddingBottom:"80px"}}
9  ${{"@media (max-width: 1023px)":{maxWidth:"376px",paddingLeft:"16px",paddingRight:"16px",paddingTop:"40px",paddingBottom:"40px"}}}
10`;function X(a){return e.jsx(ze,{className:a.className,children:a.children})}const Be=j.div`
11  ${{position:"relative",overflow:"hidden","--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))",paddingBottom:"40px",paddingTop:"60px"}};
12  ${{height:"100%",width:"100%"}};
13  ${{"@media (max-width: 1023px)":{paddingBottom:"20px",paddingTop:"0"}}}
14`,ge=j.div`
15  ${{position:"absolute",height:"900px",width:"900px",borderRadius:"9999px"}};
16  ${{"@media (max-width: 1023px)":{height:"200px",width:"200px"}}};
17  ${{"--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))"}};
18  background-image: radial-gradient(
19    76.26% 76.26% at 50% 48.12%,
20    rgba(50, 5, 5, 0.94) 0%,
21    rgba(0, 0, 0, 0) 100%
22  );
23`,re=j.div`
24  ${{fontSize:"72px",fontWeight:"800",lineHeight:"94px"}};
25  ${{"@media (max-width: 1023px)":{fontSize:"36px",lineHeight:"48px"}}};
26`,Re=j.div`
27  ${a=>he`
28      background: linear-gradient(
29          0deg,
30          rgba(0, 0, 0, 0.2) 0%,
31          rgba(0, 0, 0, 0.2) 100%
32        ),
33        url(${a.url}), lightgray 50% / cover no-repeat;
34    `}
35  box-shadow: 4px 8px 12px 0px rgba(0, 0, 0, 0.08);
36
37  ${{aspectRatio:"16 / 9",height:"27vw",width:"auto",borderRadius:"8px",backgroundSize:"cover",backgroundRepeat:"no-repeat"}};
38  ${{"@media (max-width: 1023px)":{height:"auto",width:"300px"}}};
39`,Ae=j.div`
40  ${{fontSize:"24px",lineHeight:"36px",fontWeight:"700","--tw-text-opacity":"1",color:"rgb(119 50 238 / var(--tw-text-opacity))","@media (max-width: 1023px)":{fontSize:"14px",lineHeight:"20px"}}};
41`,De=j.div`
42  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
43  ${{fontSize:"32px",lineHeight:"44px",fontWeight:"700","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}};
44  ${{"@media (max-width: 1023px)":{fontSize:"18px",lineHeight:"28px"}}};
45`,Pe=j.img`
46  ${{height:"auto",width:"270px","@media (max-width: 1023px)":{width:"100px"}}};
47`,Ue=j.div`
48  ${{position:"relative",height:"100%",width:"320px","@media (max-width: 1279px)":{height:"85px"},"@media (max-width: 1023px)":{height:"40px",width:"240px",overflowY:"hidden"}}};
49  ${a=>a.langCode=="ko"?{width:"320px","@media (max-width: 1023px)":{width:"240px"}}:{width:"560px","@media (max-width: 1023px)":{width:"480px"}}};
50`,le=[{id:1,ko:{keyword:"갤러리",spaceName:"앙리마티스"},en:{keyword:"GALLERY",spaceName:"Henri Matisse"}

50,spaceBackground:"/v2/images/start_gallery.png",spaceLogo:"/v2/images/start_gallery_logo.png"},{id:2,ko:{keyword:"팝업스토어",spaceName:"코카콜라"},en:{keyword:"POP-UP STORE",spaceName:"Coca-Cola"},spaceBackground:"/v2/images/start_popup.png",spaceLogo:"/v2/images/start_popup_logo.png"},{id:3,ko:{keyword:"쇼룸",spaceName:"비스포크 홈메타"},en:{keyword:"SHOW ROOM",spaceName:"BESPOKE Home Meta"},spaceBackground:"/v2/images/start_showroom.png",spaceLogo:"/v2/images/start_showroom_logo.png"},{id:4,ko:{keyword:"이벤트",spaceName:"싱글인서울"},en:{keyword:"EVENT",spaceName:"Single in Seoul"},spaceBackground:"/v2/images/start_event.png",spaceLogo:"/v2/images/start_event_logo.png"}];function qe(){const[a,x]=E.useState(0),[i,n]=E.useState(!1),s=E.useRef(),{message:t,langCode:r}=z(),f=ce(),S=()=>{var p;x(d=>d+1>=le.length?0:d+1),(p=s.current)==null||p.slideNext(1e3)},l=()=>{n(!0)};return e.jsxs(Be,{children:[e.jsx(ge,{className:"-top-1/2 left-0 tablet:top-[15%] tablet:left-1/2"}),e.jsx(ge,{className:"bottom-0 right-0 tablet:top-[25%] tablet:right-1/2"}),e.jsxs(X,{className:"text-white text-center relative !pt-d12 pb-d16 tablet:pb-10",children:[e.jsxs("div",{className:"flex flex-col justify-center items-center mb-d4 tablet:mb-d6",children:[e.jsxs("div",{className:"flex justify-center relative laptop:flex-col",children:[e.jsx(re,{className:"pr-4 tablet:pr-0",children:r=="ko"?"당신의":"Expand into a"}),e.jsx(Ue,{langCode:r,children:le.map((p,d)=>e.jsx("div",{className:"absolute w-full top-0 right-1/2 translate-x-1/2",onAnimationEnd:g=>{g.animationName=="fadeInUp"?S():l()},children:e.jsx(re,{className:`text-primary leading-[80px] animate__animated animate__slow ${d==a?"animate__fadeInUp":"animate__fadeOutUp"} ${d!=a&&!i&&"invisible"}`,children:p[r].keyword})},p.id))})]}),e.jsxs(re,{className:"break-keep",children:[r=="ko"&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{children:["공간",e.jsx("span",{className:"text-v2-lg text-primary align-text-top tablet:text-v2-xs",children:"XR"})]})," 비즈니스로 확장하세요"]}),r=="en"&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{children:["Spatial",e.jsx("span",{className:"text-v2-lg text-primary align-text-top tablet:text-v2-xs",children:"XR"})]})," business."]})]})]}),e.jsx("div",{className:"break-keep text-center text-v2-3xl font-normal mb-d8 tablet:text-v2-lg tablet:mb-d6",children:t("엘리펙스만의 몰입형 콘텐츠를 통해 새로운 가치를 창출할 수 있습니다.")}),e.jsx("div",{children:e.jsx(_e,{onClick:()=>f(de({opened:!0,type:"InquiryElypecs"})),children:t("문의하기")})})]}),e.jsx("div",{className:"w-full flex justify-center overflow-hidden",children:e.jsx(ue,{centeredSlides:!0,loop:!0,effect:"coverflow",allowTouchMove:!1,breakpoints:{1280:{slidesPerView:2,coverflowEffect:{rotate:0,stretch:-100,depth:200,modifier:1,slideShadows:!0}},674:{slidesPerView:2.7,coverflowEffect:{rotate:0,stretch:-60,depth:200,modifier:1,slideShadows:!0}},428:{slidesPerView:1.75,coverflowEffect:{rotate:0,stretch:-40,depth:200,modifier:1,slideShadows:!0}},359:{slidesPerView:1.2,spaceBetween:40,coverflowEffect:{rotate:0,stretch:0,depth:200,modifier:1,slideShadows:!0}}},modules:[Te],onSwiper:p=>s.current=p,children:le.map(p=>e.jsx(be,{className:"w-full h-full flex justify-center items-center",children:e.jsxs(Re,{className:"relative",url:p.spaceBackground,children:[e.jsxs("div",{className:"absolute top-d4 left-d8 tablet:top-3 tablet:left-3",children:[e.jsx(Ae,{children:p[r].keyword}),e.jsx(De,{children:p[r].spaceName})]}),e.jsx(Pe,{className:"absolute bottom-d4 left-d8 tablet:bottom-3 tablet:left-3",src:p.spaceLogo})]})},p.id))})})]})}const We=j.div`
51  ${{position:"relative",overflow:"hidden","--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))",paddingBottom:"40px",paddingTop:"120px"}};
52  ${{height:"100%",width:"100%"}};
53  ${{"@media (max-width: 1023px)":{paddingTop:"60px"}}};
54`,Fe=j.div`
55  ${{fontSize:"72px",fontWeight:"800",lineHeight:"94px"}};
56  ${{"@media (max-width: 1023px)":{fontSize:"36px",lineHeight:"48px"}}};
57`;function Ve(){const{message:a}=z(),x=[{number:"01",text:a("시공간의 제약에 벗어나"),desc:a("물리적인 한계를 넘은 생

57생한 몰입감을 고객들에게 더 널리 알려보세요.")},{number:"02",text:a("소중한 공간경험을 오래오래"),desc:a("고객들에게 사랑을 받았던 공간을 오랫동안 온라인으로 보관하고 활용해보세요.")},{number:"03",text:a("상상을 현실로 만드는"),desc:a("현실에서는 꿈만 꾸었던 창의적인 공간경험을 완벽하게 구현해보세요.")}];return e.jsx(We,{children:e.jsxs(X,{className:"text-white text-center",children:[e.jsx(Fe,{className:"mb-4",children:"Immersive+"}),e.jsx("div",{className:"break-keep text-center text-v2-3xl font-normal mb-20 tablet:text-v2-lg tablet:mb-d6",children:a("XR 테크기반의 몰입형 비즈니스는 오직 엘리펙스에서만 가능합니다.")}),e.jsx("video",{className:"w-full h-[420px] opacity-80 object-cover rounded-lg mb-d12 tablet:mb-10 tablet:h-auto tablet:aspect-video",muted:!0,autoPlay:!0,loop:!0,playsInline:!0,src:"/v2/videos/video_Immersive.mp4"}),e.jsx("div",{className:"flex gap-d9 text-left tablet:flex-col tablet:text-center tablet:gap-[80px]",children:x.map((i,n)=>e.jsxs("div",{className:"flex-1 flex flex-col gap-2",children:[e.jsx("div",{className:"text-gray-500 text-v2-3xl tablet:text-v2-2xl tablet:font-bold",children:i.number}),e.jsx("div",{className:"text-v2-3xl font-bold break-keep tablet:text-v2-2xl",dangerouslySetInnerHTML:{__html:i.text}}),e.jsx("div",{className:"text-gray-500 text-v2-xl font-normal break-keep tablet:text-v2-base",dangerouslySetInnerHTML:{__html:i.desc}})]},n))})]})})}var fe={exports:{}};(function(a,x){(function(i,n){a.exports=n()})(Ce,function(){return function(i){function n(t){if(s[t])return s[t].exports;var r=s[t]={exports:{},id:t,loaded:!1};return i[t].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}var s={};return n.m=i,n.c=s,n.p="dist/",n(0)}([function(i,n,s){function t(m){return m&&m.__esModule?m:{default:m}}var r=Object.assign||function(m){for(var C=1;C<arguments.length;C++){var H=arguments[C];for(var V in H)Object.prototype.hasOwnProperty.call(H,V)&&(m[V]=H[V])}return m},f=s(1),S=(t(f),s(6)),l=t(S),p=s(7),d=t(p),g=s(8),u=t(g),w=s(9),_=t(w),h=s(10),D=t(h),P=s(11),q=t(P),Z=s(14),W=t(Z),y=[],ee=!1,k={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,startEvent:"DOMContentLoaded",throttleDelay:99,debounceDelay:50,disableMutationObserver:!1},M=function(){var m=arguments.length>0&&arguments[0]!==void 0&&arguments[0];if(m&&(ee=!0),ee)return y=(0,q.default)(y,k),(0,D.default)(y,k.once),y},F=function(){y=(0,W.default)(),M()},c=function(){y.forEach(function(m,C){m.node.removeAttribute("data-aos"),m.node.removeAttribute("data-aos-easing"),m.node.removeAttribute("data-aos-duration"),m.node.removeAttribute("data-aos-delay")})},o=function(m){return m===!0||m==="mobile"&&_.default.mobile()||m==="phone"&&_.default.phone()||m==="tablet"&&_.default.tablet()||typeof m=="function"&&m()===!0},b=function(m){k=r(k,m),y=(0,W.default)();var C=document.all&&!window.atob;return o(k.disable)||C?c():(k.disableMutationObserver||u.default.isSupported()||(console.info(`
58      aos: MutationObserver is not supported on this browser,
59      code mutations observing has been disabled.
60      You may have to call "refreshHard()" by yourself.
61    `),k.disableMutationObserver=!0),document.querySelector("body").setAttribute("data-aos-easing",k.easing),document.querySelector("body").setAttribute("data-aos-duration",k.duration),document.querySelector("body").setAttribute("data-aos-delay",k.delay),k.startEvent==="DOMContentLoaded"&&["complete","interactive"].indexOf(document.readyState)>-1?M(!0):k.startEvent==="load"?window.addEventListener(k.startEvent,function(){M(!0)}):document.addEventListener(k.startEvent,function(){M(!0)}),window.addEventListener("resize",(0,d.default)(M,k.debounceDelay,!0)),window.addEventListener("orientationchange",(0,d.default)(M,k.debounceDelay,!0)),window.addEventListener("scroll",(0,l.default)(function(){(0,D.default)(y,k.once)},k.throttleDelay)),k.disableMutationObserver||u.default.ready("[data-aos]",F),y)};i.exports={init:b,refresh:M,refreshHard:F}},function(i,n){},,,,,function(i,n){(function(s){function t(o,b,m){function C(v){var L=O,K=R;return O=R=void 0,Y=v,T=o.apply(K,L)}function H(v){return Y=v,$=setTimeout(Q,b),G?C(v):T}function V(v){var L=v-I,K=v-Y,pe=b-L;return U?F(pe,A-K):pe}function J(v){var L=v-I,K=v-Y;return I===void 0||L>=b||L<0||U&&K>=A}function Q(){var v=c();return J(v)?ae(v):void($=setTimeout(Q,V(v)))}function ae(v){return $=void 0,N&&O?C(v):(O=R=void 0,T)}function oe(){$!==void 0&&clearTimeout($),Y=0,O=I=R=$=void 0}function te(){return $===void 0?T:ae(c())}function B(){var v=c(),L=J(v);if(O=arguments,R=this,I=v,L){if($===void 0)return H(I);if(U)return $=setTimeout(Q,b),C(I)}return $===void 0&&($=setTimeout(Q,b)),T}var O,R,A,T,$,I,Y=0,G=!1,U=!1,N=!0;if(typeof o!="function")throw new TypeError(g);return b=p(b)||0,f(m)&&(G=!!m.leading,U="maxWait"in m,A=U?M(p(m.maxWait)||0,b):A,N="trailing"in m?!!m.trailing:N),B.cancel=oe,B.flush=te,B}function r(o,b,m){var C=!0,H=!0;if(typeof o!="function")throw new TypeError(g);return f(m)&&(C="leading"in m?!!m.leading:C,H="trailing"in m?!!m.trailing:H),t(o,b,{leading:C,maxWait:b,trailing:H})}function f(o){var b=typeof o>"u"?"undefined":d(o);return!!o&&(b=="object"||b=="function")}function S(o){return!!o&&(typeof o>"u"?"undefined":d(o))=="object"}function l(o){return(typeof o>"u"?"undefined":d(o))=="symbol"||S(o)&&k.call(o)==w}

61function p(o){if(typeof o=="number")return o;if(l(o))return u;if(f(o)){var b=typeof o.valueOf=="function"?o.valueOf():o;o=f(b)?b+"":b}if(typeof o!="string")return o===0?o:+o;o=o.replace(_,"");var m=D.test(o);return m||P.test(o)?q(o.slice(2),m?2:8):h.test(o)?u:+o}var d=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o){return typeof o}:function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},g="Expected a function",u=NaN,w="[object Symbol]",_=/^\s+|\s+$/g,h=/^[-+]0x[0-9a-f]+$/i,D=/^0b[01]+$/i,P=/^0o[0-7]+$/i,q=parseInt,Z=(typeof s>"u"?"undefined":d(s))=="object"&&s&&s.Object===Object&&s,W=(typeof self>"u"?"undefined":d(self))=="object"&&self&&self.Object===Object&&self,y=Z||W||Function("return this")(),ee=Object.prototype,k=ee.toString,M=Math.max,F=Math.min,c=function(){return y.Date.now()};i.exports=r}).call(n,function(){return this}())},function(i,n){(function(s){function t(c,o,b){function m(N){var v=B,L=O;return B=O=void 0,I=N,A=c.apply(L,v)}function C(N){return I=N,T=setTimeout(J,o),Y?m(N):A}function H(N){var v=N-$,L=N-I,K=o-v;return G?M(K,R-L):K}function V(N){var v=N-$,L=N-I;return $===void 0||v>=o||v<0||G&&L>=R}function J(){var N=F();return V(N)?Q(N):void(T=setTimeout(J,H(N)))}function Q(N){return T=void 0,U&&B?m(N):(B=O=void 0,A)}function ae(){T!==void 0&&clearTimeout(T),I=0,B=$=O=T=void 0}function oe(){return T===void 0?A:Q(F())}function te(){var N=F(),v=V(N);if(B=arguments,O=this,$=N,v){if(T===void 0)return C($);if(G)return T=setTimeout(J,o),m($)}return T===void 0&&(T=setTimeout(J,o)),A}var B,O,R,A,T,$,I=0,Y=!1,G=!1,U=!0;if(typeof c!="function")throw new TypeError(d);return o=l(o)||0,r(b)&&(Y=!!b.leading,G="maxWait"in b,R=G?k(l(b.maxWait)||0,o):R,U="trailing"in b?!!b.trailing:U),te.cancel=ae,te.flush=oe,te}function r(c){var o=typeof c>"u"?"undefined":p(c);return!!c&&(o=="object"||o=="function")}function f(c){return!!c&&(typeof c>"u"?"undefined":p(c))=="object"}function S(c){return(typeof c>"u"?"undefined":p(c))=="symbol"||f(c)&&ee.call(c)==u}function l(c){if(typeof c=="number")return c;if(S(c))return g;if(r(c)){var o=typeof c.valueOf=="function"?c.valueOf():c;c=r(o)?o+"":o}if(typeof c!="string")return c===0?c:+c;c=c.replace(w,"");var b=h.test(c);return b||D.test(c)?P(c.slice(2),b?2:8):_.test(c)?g:+c}var p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(c){return typeof c}:function(c){return c&&typeof Symbol=="function"&&c.constructor===Symbol&&c!==Symbol.prototype?"symbol":typeof c},d="Expected a function",g=NaN,u="[object Symbol]",w=/^\s+|\s+$/g,_=/^[-+]0x[0-9a-f]+$/i,h=/^0b[01]+$/i,D=/^0o[0-7]+$/i,P=parseInt,q=(typeof s>"u"?"undefined":p(s))=="object"&&s&&s.Object===Object&&s,Z=(typeof self>"u"?"undefined":p(self))=="object"&&self&&self.Object===Object&&self,W=q||Z||Function("return this")(),y=Object.prototype,ee=y.toString,k=Math.max,M=Math.min,F=function(){return W.Date.now()};i.exports=t}).call(n,function(){return this}())},function(i,n){function s(p){var d=void 0,g=void 0;for(d=0;d<p.length;d+=1)if(g=p[d],g.dataset&&g.dataset.aos||g.children&&s(g.children))return!0;return!1}function t(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function r(){return!!t()}function f(p,d){var g=window.document,u=t(),w=new u(S);l=d,w.observe(g.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function S(p){p&&p.forEach(function(d){var g=Array.prototype.slice.call(d.addedNodes),u=Array.prototype.slice.call(d.removedNodes),w=g.concat(u);if(s(w))return l()})}Object.defineProperty(n,"__esModule",{value:!0});var l=function(){};n.default={isSupported:r,ready:f}},function(i,n){function s(g,u){if(!(g instanceof u))throw new TypeError("Cannot call a class as a function")}function t(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(n,"__esModule",{value:!0});var r=function(){function g(u,w){for(var _=0;_<w.length;_++){var h=w[_];h.enumerable=h.enumerable||!1,h.configurable=!0,"value"in h&&(h.writable=!0),Object.defineProperty(u,h.key,h)}}return function(u,w,_){return w&&g(u.prototype,w),_&&g(u,_),u}}(),f=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i,S=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|

61sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,l=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i,p=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,d=function(){function g(){s(this,g)}return r(g,[{key:"phone",value:function(){var u=t();return!(!f.test(u)&&!S.test(u.substr(0,4)))}},{key:"mobile",value:function(){var u=t();return!(!l.test(u)&&!p.test(u.substr(0,4)))}},{key:"tablet",value:function(){return this.mobile()&&!this.phone()}}]),g}();n.default=new d},function(i,n){Object.defineProperty(n,"__esModule",{value:!0});var s=function(r,f,S){var l=r.node.getAttribute("data-aos-once");f>r.position?r.node.classList.add("aos-animate"):typeof l<"u"&&(l==="false"||!S&&l!=="true")&&r.node.classList.remove("aos-animate")},t=function(r,f){var S=window.pageYOffset,l=window.innerHeight;r.forEach(function(p,d){s(p,l+S,f)})};n.default=t},function(i,n,s){function t(l){return l&&l.__esModule?l:{default:l}}Object.defineProperty(n,"__esModule",{value:!0});var r=s(12),f=t(r),S=function(l,p){return l.forEach(function(d,g){d.node.classList.add("aos-init"),d.position=(0,f.default)(d.node,p.offset)}),l};n.default=S},function(i,n,s){function t(l){return l&&l.__esModule?l:{default:l}}Object.defineProperty(n,"__esModule",{value:!0});var r=s(13),f=t(r),S=function(l,p){var d=0,g=0,u=window.innerHeight,w={offset:l.getAttribute("data-aos-offset"),anchor:l.getAttribute("data-aos-anchor"),anchorPlacement:l.getAttribute("data-aos-anchor-placement")};switch(w.offset&&!isNaN(w.offset)&&(g=parseInt(w.offset)),w.anchor&&document.querySelectorAll(w.anchor)&&(l=document.querySelectorAll(w.anchor)[0]),d=(0,f.default)(l).top,w.anchorPlacement){case"top-bottom":break;case"center-bottom":d+=l.offsetHeight/2;break;case"bottom-bottom":d+=l.offsetHeight;break;case"top-center":d+=u/2;break;case"bottom-center":d+=u/2+l.offsetHeight;break;case"center-center":d+=u/2+l.offsetHeight/2;break;case"top-top":d+=u;break;case"bottom-top":d+=l.offsetHeight+u;break;case"center-top":d+=l.offsetHeight/2+u}return w.anchorPlacement||w.offset||isNaN(p)||(g=p),d+g};n.default=S},function(i,n){Object.defineProperty(n,"__esModule",{value:!0});var s=function(t){for(var r=0,f=0;t&&!isNaN(t.offsetLeft)&&!isNaN(t.offsetTop);)r+=t.offsetLeft-(t.tagName!="BODY"?t.scrollLeft:0),f+=t.offsetTop-(t.tagName!="BODY"?t.scrollTop:0),t=t.offsetParent;return{top:f,left:r}};n.default=s},function(i,n){Object.defineProperty(n,"__esModule",{value:!0});var s=function(t){return t=t||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(t,function(r){return{node:r}})};n.default=s}])})})(fe);var Ye=fe.exports;const Ge=Ee(Ye);function Ke(){const{message:a}=z();E.useEffect(()=>{Ge.init({duration:1e3})},[]);const x=i=>e.jsxs("div",{className:ve(i.isReverse&&"flex-row-reverse","w-full flex items-center justify-between overflow-hidden my-10 tablet:flex-col"),children:[e.jsxs("div",{className:"w-[580px] flex flex-col items-start gap-4 pl-10 flex-none tablet:mb-9 tablet:w-full tablet:px-5",children:[e.jsx("span",{className:"text-[48px] leading-[62px] tablet:text-v2-6xl",dangerouslySetInnerHTML:{__html:a(i.dec1)}}),e.jsx("span",{className:"text-v2-3xl font-bold text-[#0091EA] tablet:text-v2-lg",dangerouslySetInnerHTML:{__html:a(i.dec2)}}),e.jsx("span",{className:"text-v2-2xl text-gray-850 tablet:text-v2-base",dangerouslySetInnerHTML:{__html:a(i.dec3)}})]}),e.jsx("div",{className:"w-[600px] tablet:w-full",children:e.jsx(Le,{className:"bg-cover bg-center bg-no-repeat aspect-[4/3]",imgSrc:i.img})})]});return e.jsxs(X,{className:"w-full overflow-hidden tablet:!py-5",children:[e.jsxs("div",{className:"w-full flex flex-col items-center justify-center my-10",children:[e.jsx("span",{className:"text-[72px] font-bold mb-4 tablet:text-v2-6xl tablet:mb-1",children:a("Value+")}),e.jsx("span",{className:"text-v2-4xl text-center break-keep tablet:text-v2-lg",dangerouslySetInnerHTML:{__html:a("가치를 더해보세요")}})]}),e.jsxs("div",{className:"w-full flex flex-col mb-10  tablet:mb-0",children:[e.jsx("div",{"data-aos":"fade-up",children:e.jsx(x,{dec1:"새로운 유형의 가치 창출",dec2:"새로운 방식의 수익 모델을 발견하세요. 그리고 브랜드의 가치를 높이세요.",dec3:"채널 구독료 / 콘텐츠 티켓 판매 / 굿즈 판매 등",img:"/v2/images/section3-img1.png"})}),e.jsx("div",{"data-aos":"fade-up",children:e.jsx(x,{dec1:"다양한 방식의 커뮤니케이션",dec2:"고객과 채널을 접점으로 다양한 커뮤니케이션을 시도하세요.",dec3:"채널 팔로워 메시지 발송 / 스페이스 화상미팅 콘텐츠 피드백 (좋아요, 댓글)",img:"/v2/images/section3-img2.png",isReverse:!0})}),e.jsx("div",{"data-aos":"fade-up",children:e.jsx(x,{dec1:"AI 테크를 통해 더 쉽고 간편한 투어 경험 설계",dec2:"URL 입력으로 내 취향에 맞는 공간을 AI로 추천받고 생성형 AI 기술로 간편하게 이미지를 제작하세요.",dec3:"AI 휴먼 & 투어 가이드 다국어 TTS 글로벌 대응",img:"/v2/images/section3-img3.png"})}),e.jsx("div",{"data-aos":"fade-up",children:e.jsx(x,{dec1:"마치 오프라인처럼 라이브 투어 가이드",dec2:"실시간으로 내 공간에 초대한 고객들에게 생동감 넘치는 현장감을 도슨트 투어로 전해보세요.",dec3:"실시간 작품 소개, 버추얼투어 브리핑 라이브 방송 등",img:"/v2/images/section3-img4.png",isReverse:!0})}),e.jsx("div",{"data-aos":"fade-up",children:e.jsx(x,{dec1:"생동감 넘치는 이벤트 프로모션",dec2:"참여형 콘텐츠의 활용으로 고객의 피드백을 기대해보세요.",dec3:"이벤트 응모 및 당첨자 발표 실시간 이벤트 (룰렛, 사다리타기 등)",img:"/v2/images/section3-img5.png"})}),e.jsx("div",{"data-aos":"fade-up",children:e.jsx(x,{dec1:"소중한 고객 경험을 분석 데이터로 한눈에",dec2:"내 채널에 유입된 고객 경험을 하나도 놓치지 말고 비즈니스 개선을 위한 인사이트로 활용하세요.",dec3:"채널 운영의 통합 솔루션 기간별 통계 데이터 브리핑",img:"/v2/images/section3-img6.png",isReverse:!0})})]})]})}const Xe=j.div`
62  ${{height:"100%",width:"100%","--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))",paddingBottom:"100px",paddingTop:"80px"}}
63  ${{"@media (max-width: 1023px)":{paddingBottom:"60px",paddingTop:"40px"}}}
64`,Ze=j.a`
65  ${{width:"230px",borderRadius:"100px",paddingLeft:"20px",paddingRight:"20px",paddingTop:"16px",paddingBottom:"16

65px"}}
66  ${{"--tw-bg-opacity":"1",backgroundColor:"rgb(17 17 17 / var(--tw-bg-opacity))",fontSize:"16px",lineHeight:"24px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}}
67  ${{borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(204 204 204 / var(--tw-border-opacity))"}}
68  ${{display:"flex",alignItems:"center",justifyContent:"center",columnGap:"4px"}}
69  ${{"@media (max-width: 1023px)":{paddingTop:"12px",paddingBottom:"12px"}}}
70`;function Je(){const{message:a}=z();return e.jsx(Xe,{children:e.jsxs(X,{className:"flex flex-col items-center justify-center",children:[e.jsxs("div",{className:"mb-10 grid grid-cols-6 gap-10 tablet:grid-cols-4 tablet:gap-5 mobile-lg:grid-cols-3 opacity-80",children:[e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/삼성전자.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/코카콜라.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/코엑스.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/현대백화점.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/포스코모빌리티.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/GS건설.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/비상교육.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/LG 에너지솔루션.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/포스코 ENC.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/DLENC.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/동국대학교.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/한국무역협회.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/한화건설.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/교육부.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/로레알.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/KT.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/현대건설.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/서울주택도시공사.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/LX하우시스.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/대한체육회.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/한솔제지.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/대우건설.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/제주특별자치도.svg"}),e.jsx("img",{className:"w-[130px] h-d10 tablet:w-[84px] tablet:h-8",src:"/v2/images/logo/중앙일보.svg"})]}),e.jsxs(Ze,{href:"/story",target:"_blank",children:[a("고객이야기"),e.jsx("img",{src:"/v2/icons/ic-tailarrow-right-lg.svg"})]})]})})}const Qe=j.div`
71  ${{position:"relative",overflow:"hidden","--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))",paddingBottom:"40px",paddingTop:"120px"}};
72  ${{height:"100%",width:"100%"}};
73  ${{"@media (max-width: 1023px)":{paddingTop:"20px"}}};
74`,et=j.div`
75  ${{fontSize:"72px",fontWeight:"800",lineHeight:"94px"}};
76  ${{"@media (max-width: 1023px)":{fontSize:"36px",lineHeight:"48px"}}};
77`,tt=j.a`
78  ${{width:"230px",borderRadius:"100px",paddingLeft:"20px",paddingRight:"20px",paddingTop:"16px",paddingBottom:"16px"}}
79  ${{"--tw-bg-opacity":"1",backgroundColor:"rgb(17 17 17 / var(--tw-bg-opacity))",fontSize:"16px",lineHeight:"24px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}}
80  ${{borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(204 204 204 / var(--tw-border-opacity))"}}
81  ${{display:"flex",alignItems:"center",justifyContent:"center",columnGap:"4px"}}
82  ${{"@media (max-width: 1023px)":{paddingTop:"12px",paddingBottom:"12px"}}}
83`,at=j.div`
84  ${{height:"10px",width:"10px",borderRadius:"9999px","--tw-bg-opacity":"1",backgroundColor:"rgb(204 204 204 / var(--tw-bg-opacity))"}}
85  ${{"@media (max-width: 1023px)":{height:"8px",width:"8px"}}}
86
87  ${({isActive:a})=>a&&{width:"52px","--tw-bg-opacity":"1",backgroundColor:"rgb(102 102 102 / var(--tw-bg-opacity))","@media (max-width: 1023px)":{width:"40px"}}}
88`;function it(){const{message:a}=z(),x=E.useRef(),[i,n]=E.useState(0),s=[{logoUrl:"/v2/images/logo-story-samsung.png",text:a("3D 가상공간 속 고객의 집에 메타버스 쇼룸을 구현한 비스포크 홈메타"),desc:a('"우리집에 비스포크 냉장고가 어울릴까?" 라는 고객들의 질문에 답을 할 수 있게 됐죠.'),thumbLink:"/v2/images/img-thumbnail-bespokehomemeta.png",thumbType:"image",storyUrl:"/story/samsung"},{logoUrl:"/v2/images/logo-story-savina.png",text:a("메타버스 전시를 통해 갤러리의 혁신적인 변화를 이끈 메타 사비나"),desc:a("큐레이션된 콘텐츠별로 별도 전시가 가능한 복합공간이기 때문에 실제 미술관 운영에 맞ê²

88Œ 탄력적으로 운영이 가능했어요"),thumbLink:"/v2/images/img-thumbnail-metasavina.png",thumbType:"image",storyUrl:"/story/savina"},{logoUrl:"/v2/images/logo-story-posco.png",text:a("친환경 ESG 경영을 효과적으로 전달한 포스코모빌리티솔루션"),desc:a("미래 친환경 모빌리티 산업에 대한 모든 내용을 몰입감 높은 3D 가상 공간에서 쉽게 보여줄 수 있었어요."),thumbType:"image",thumbLink:"/v2/images/img-thumbnail-poscomobility.png",storyUrl:"/story/posco"}];return e.jsx(Qe,{children:e.jsxs(X,{className:"text-white text-center",children:[e.jsx(et,{className:"mb-4",children:"Story+"}),e.jsx("div",{className:"break-keep text-center text-v2-3xl font-normal mb-20 tablet:text-v2-lg tablet:mb-d6",children:a("공간 비즈니스 이야기를 들어보세요.")}),e.jsxs("div",{children:[e.jsx(ue,{centeredSlides:!0,loop:!0,slidesPerView:1,modules:[we],autoplay:{delay:3e3,disableOnInteraction:!1},onSwiper:t=>x.current=t,onSlideChange:t=>{n(t.realIndex)},children:s.map((t,r)=>e.jsxs(be,{className:"w-full h-full text-left flex items-center gap-d4 tablet:flex-col-reverse",children:[e.jsxs("div",{className:"w-[420px] flex-none tablet:w-full tablet:pt-d4",children:[e.jsx("div",{children:e.jsx("img",{className:"w-auto h-d12 tablet:h-6",src:t.logoUrl})}),e.jsx("div",{className:"font-bold text-v2-5xl mb-4 break-keep tablet:text-v2-3xl",dangerouslySetInnerHTML:{__html:a(t.text)}}),e.jsx("div",{className:"font-normal text-v2-lg mb-12 break-keep tablet:text-v2-base tablet:mb-d8",dangerouslySetInnerHTML:{__html:a(t.desc)}}),e.jsx("div",{className:"tablet:mb-d8",children:e.jsxs(tt,{className:"tablet:mx-auto",href:t.storyUrl,target:"_blank",children:[a("자세히 보기"),e.jsx("img",{src:"/v2/icons/ic-tailarrow-right-lg.svg"})]})})]}),e.jsxs("div",{children:[t.thumbType=="video"&&e.jsx("iframe",{className:"w-[760px] h-auto aspect-video rounded-md tablet:w-full",src:t.thumbLink}),t.thumbType=="image"&&e.jsx("img",{className:"w-[760px] h-auto rounded-md tablet:w-full",src:t.thumbLink})]})]},r))}),e.jsx("div",{className:"flex gap-3 w-full mt-d8 justify-center",children:s.map((t,r)=>e.jsx(at,{isActive:r===i},r))})]})]})})}const ot=j.div`
89  ${{height:"100%",width:"100%",paddingBottom:"190px",paddingTop:"140px"}}
90  ${{backgroundImage:"url('/v2/images/img-start.png')"}}
91  ${{backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}
92  ${{"@media (max-width: 1023px)":{backgroundImage:"url('/v2/images/mo-img-start.png')",paddingTop:"60px",paddingBottom:"60px"}}}
93`,nt=j.button`
94  ${{width:"230px",borderRadius:"100px",paddingLeft:"20px",paddingRight:"20px",paddingTop:"16px",paddingBottom:"16px"}}
95  ${{"--tw-bg-opacity":"1",backgroundColor:"rgb(17 17 17 / var(--tw-bg-opacity))",fontSize:"16px",lineHeight:"24px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}}
96  ${{borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(204 204 204 / var(--tw-border-opacity))"}}
97  ${{"@media (max-width: 1023px)":{paddingTop:"12px",paddingBottom:"12px"}}}
98`;function st(){const a=ce(),{message:x}=z();return e.jsx(ot,{children:e.jsxs(X,{className:"flex flex-col items-center justify-center",children:[e.jsx("p",{className:"mb-5 text-v2-3xl text-white font-bold tablet:mb-4 tablet:text-v2-base",children:"ELYPECS PROCESS"}),e.jsx("p",{className:"mb-3 text-[60px] leading-[72px] text-white tablet:w-[160px] tablet:text-v2-4xl tablet:text-center tablet:break-keep",children:x("지금 바로 시작하세요!")}),e.jsx("p",{className:"mb-d12 text-v2-3xl text-white tablet:w-[160px] tablet:mb-12 tablet:text-v2-lg tablet:text-center tablet:break-keep",dangerouslySetInnerHTML:{__html:x("공간 비즈니스를 성공적으로 빌드하세요.")}}),e.jsxs("div",{className:"flex items-center gap-x-2 mb-d12 tablet:mb-10 tablet:flex-col tablet:gap-x-0 tablet:gap-y-9",children:[e.jsxs("div",{className:"flex items-center gap-x-2 text-center tablet:items-start tablet:gap-x-0",children:[e.jsxs("div",{className:"w-[120px] flex flex-col items-center gap-y-3 tablet:w-d20",children:[e.jsx("img",{className:"w-[42px] h-[42px]",src:"/v2/images/img-feature-go.svg"}),e.jsx("p",{className:"text-v2-lg text-gray-400",children:x("시작하기")})]}),e.jsx("img",{className:"block tablet:hidden",src:"/v2/images/img-dash-line.png"}),e.jsxs("div",{className:"w-[120px] flex flex-col items-center gap-y-3 tablet:w-d20",children:[e.jsx("img",{className:"w-[42px] h-[42px]",src:"/v2/images/img-feature-plag.svg"}),e.jsx("p",{className:"text-v2-lg text-gray-400",children:x("채널 생성")})]})]}),e.jsx("img",{className:"block tablet:hidden",src:"/v2/images/img-dash-line.png"}),e.jsxs("div",{className:"flex items-center gap-x-2 tablet:gap-x-0",children:[e.jsxs("div",{className:"w-[120px] flex flex-col items-center gap-y-3 tablet:w-d20",children:[e.jsx("img",{className:"w-[42px] h-[42px]",src:"/v2/images/img-feature-enlarge.svg"}),e.jsx("p",{className:"text-v2-lg text-gray-400",children:x("스페이스 빌드")})]}),e.jsx("img",{className:"block tablet:hidden",src:"/v2/images/img-dash-line.png"}),e.jsxs("div",{className:"w-[120px] flex flex-col items-center gap-y-3 tablet:w-d20",children:[e.jsx("img",{className:"w-[42px] h-[42px]",src:"/v2/images/img-feature-smaile.svg"}),e.jsx("p",{className:"text-v2-lg text-gray-400",children:x("운영/관리")})]})]})]}),e.jsx("div",{className:"flex gap-x-6 tablet:flex-col tablet:gap-y-4",children:e.jsx(nt,{onClick:()=>a(de({opened:!0,type:"InquiryElypecs"})),children:x("문의하기")})})]})})}const rt=j.div`
99  ${{display:"flex",flexDirection:"column",overflow:"hidden"}}
100  ${{"--tw-bg-opacity":"1",backgroundColor:"rgb(0 0 0 / var(--tw-bg-opacity))",paddingTop:"60px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}}
101`,lt=j.button`
102  ${{flex:"none",fontSize:"28px",lineHeight:"40px",fontWeight:"400","--tw-text-opacity":"1",color:"rgb(170 170 170 / var(--tw-text-opacity))"}}
103  ${{"@media (max-width: 1023px)":{fontSize:"16px",lineHeight:"24px"}}}
104
105  ${a=>a.isActive&&{fontWeight:"700","--tw-text-opacity":"1",color:"rgb(119 50 238 / var(--tw-text-opacity))"}}
106`,ct=a=>{const{message:x}=z();return e.jsxs("div",{className:"text-white flex items-center gap-d12 tablet:flex-col tablet:text-center w-full",children:[e.jsx("div",{className:"w-[760px] tablet:w-full",children:e.jsx("img",{src:a.src,className:"h-auto aspect-video rounded-md flex-none tablet:w-full"})}),e.jsxs("div",{className:"w-[420px] flex-none tablet:w-full",children:[e.jsx("p",{className:"text-v2-3xl font-normal mb-2 break-all tablet:text-v2-base",dangerouslySetInnerHTML:{__html:a.categoryTitle}}),e.jsx("p",{className:"text-v2-6xl font-bold tablet:text-v2-3xl",dangerouslySetInnerHTML:{__html:a.title}}),e.jsx("div",{className:"w-full bg-gray-700 h-px my-6 tablet:hidden"}),e.jsx("p",{className:"text-v2-lg text-gray-400 font-normal mb-12 tablet:mt-4 tablet:text-v2-base",dangerouslySetInnerHTML:{__html:a.description}}),e.jsxs(ye,{kind:"fill-primary",className:"min-w-[180px] h-14 !font-medium !rounded-[100px] tablet:min-w-[230px] tablet:h-12",onClick:()=>window.open(`${a.url}`),children:[x("투어하기")," ",e.jsx("img",{src:"/v2/icons/ic-tailarrow-right-lg.svg",className:"w-6 h-4"})]})]})]})};function dt(){const[a,x]=E.useState(0),{message:i}=z(),n=[{key:1,title:i("아티스트")},{key:2,title:i("미술관/갤러리")},{key:3,title:i("팝업스토어")},{key:4,title:i("브랜드/IP 쇼룸")},{key:5,title:i("기업방문")},{key:6,title:i("하우스")}],s=[{key:1,image:"/v2/images/matisse.png",category:i("아티스트"),title:i("버추얼 도슨트로 새 비즈니스 창출"),desc:i("작품 전시에 제한된 ê

106³µê°„ê³¼ 한정된 기간이 고민이신가요? 버추얼 공간과 다국어 도슨트 기능으로 더 많은 관람객과 만나보세요. "),url:"https://elypecs.com/elypecs/eezkennxp4d1900f/7392"},{key:2,image:"/v2/images/savina.png",category:i("미술관/갤러리"),title:i("갤러리 비즈니스 공간의 확장"),desc:i("미술품 전시에서 한 단계 더 나아가, 미술품과 굿즈 판매까지 가능한 갤러리 비즈니스의 새로운 방법을 제시합니다."),url:"https://elypecs.com/platform/ES0124/hall4_intro.html"},{key:3,image:"/v2/images/coca-cola.png",category:i("팝업스토어"),title:i("하이브리드 팝업 이벤트"),desc:i("짧게 끝나는 오프라인 팝업스토어 대신, 다양한 이벤트로 고객과 소통하는 세일즈 연계형 팝업스토어가 가능합니다."),url:"https://elypecs.com/platform/coke/lotteon/index.html"},{key:4,image:"/v2/images/bespoke.png",category:i("브랜드/IP 쇼룸"),title:i("체험을 통한 구매결정요인 강화"),desc:i('"이 제품이 과연 우리 집에 어울릴까”오프라인 매장은 해결할 수 없는 고객의 궁금증을 해결해 줄 수 있습니다'),url:"https://bespokehomemeta.com/intro"},{key:5,image:"/v2/images/olimplanet.png",category:i("기업방문"),title:i("버추얼 오피스로 기업 확장"),desc:i("똑같은 템플릿으로 찍어낸 듯한 채용 브랜딩이 고민인 인사담당자라면? 우리 회사 사무실을 버추얼 공간에 그대로 옮겨 더욱 매력적인 채용 홍보가 가능합니다. "),url:"https://elypecs.com/space/m2vqw834k63kl6iv"},{key:6,image:"/v2/images/meilleur.png",category:i("하우스"),title:i("분양 세일즈의 완벽한 혁신"),desc:i("1~2개의 타입만 보여주는 오프라인 모델하우스 대신 세대별 타입은 물론 커뮤니티 공간까지 모두 보여주는 분양 세일즈 혁신이 가능합니다. "),url:"https://vmh.zipview.kr/ZE150/"}];return e.jsx(rt,{children:e.jsxs(X,{children:[e.jsx("p",{className:"text-8xl font-bold text-center mb-4 tablet:text-v2-6xl",children:"Experience+"}),e.jsx("p",{className:"text-v2-4xl font-normal text-center tablet:text-v2-lg",dangerouslySetInnerHTML:{__html:i("경험을 더해보세요")}}),e.jsx("div",{className:"w-full flex justify-center",children:e.jsx("div",{className:"flex space-x-10 mt-d16 mb-10 pb-2 overflow-x-scroll pretty-scroll pretty-scroll-x pretty-scroll-light tablet:mt-5 tablet:mb-2 tablet:space-x-4",children:n.map((t,r)=>e.jsx(lt,{isActive:r===a,onClick:()=>x(r),children:t.title},r))})}),n[a]&&e.jsx("div",{className:"relative bg-black flex flex-col items-center",children:s.filter(t=>t.key===n[a].key).map((t,r)=>e.jsx(ct,{categoryTitle:t.category,title:t.title,description:t.desc,src:t.image,url:t.url},r))})]})})}function pt(){const{isTablet:a,isMobileLg:x}=je(),{langCode:i}=z(),n={ko:{mobileThumbnailUrl:"/v2/images/start-banner-mobile-ko.png",tabletThumbnailUrl:"/v2/images/start-banner-tablet-ko.png",pcThumbnailUrl:"/v2/images/start-banner-desktop-ko.png"},en:{mobileThumbnailUrl:"/v2/images/start-banner-mobile-en.png",tabletThumbnailUrl:"/v2/images/start-banner-tablet-en.png",pcThumbnailUrl:"/v2/images/start-banner-desktop-en.png"}};return e.jsx("div",{className:"bg-black",children:e.jsx(X,{className:"tablet:!m-0 tablet:!p-0 tablet:!max-w-full",children:e.jsx("a",{href:"https://litt.ly/elypecs",target:"_blank",rel:"noreferrer",children:e.jsx("img",{src:a?x?n[i].mobileThumbnailUrl:n[i].tabletThumbnailUrl:n[i].pcThumbnailUrl,className:"w-full h-auto cursor-pointer"})})})})}const mt=j.form`
107  ${{width:"800px",borderRadius:"8px","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",padding:"24px"}}
108  ${{"@media (max-width: 1023px)":{height:"calc(var(--vh, 1vh) * 100)",width:"100vw",borderRadius:"0px"}}}
109  ${{"@media (max-width: 1023px)":{display:"flex",flexDirection:"column"}}}
110`,xt=j.button`
111  ${{height:"56px",flex:"none",paddingLeft:"16px",paddingRight:"16px","--tw-text-opacity":"1",color:"rgb(17 17 17 / var(--tw-text-opacity))"}}
112  ${{borderRadius:"8px",borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(17 17 17 / var(--tw-border-opacity))"}}
113  ${{":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(238 238 238 / var(--tw-bg-opacity))"}}}
114  ${({disabled:a})=>

114a&&{pointerEvents:"none","--tw-border-opacity":"1",borderColor:"rgb(204 204 204 / var(--tw-border-opacity))","--tw-text-opacity":"1",color:"rgb(204 204 204 / var(--tw-text-opacity))"}}
115`,gt=j.button`
116  ${{width:"100%","--tw-bg-opacity":"1",backgroundColor:"rgb(17 17 17 / var(--tw-bg-opacity))",padding:"12px"}}
117  ${{borderRadius:"8px",fontSize:"14px",lineHeight:"20px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}}
118  ${{"@media (max-width: 1023px)":{marginTop:"auto"}}}
119
120  ${({disabled:a})=>a&&{pointerEvents:"none","--tw-bg-opacity":"1",backgroundColor:"rgb(204 204 204 / var(--tw-bg-opacity))"}}
121`;function ut(a){const[x,i]=E.useState(""),[n,s]=E.useState(""),[t,r]=E.useState(""),[f,S]=E.useState(!1),[l,p]=E.useState(!1),[d,g]=E.useState(!1),u=ke(),w=Ne(),_=Se(),{message:h}=z(),D=!!t.trim(),P=/^[A-Za-z][A-Za-z0-9]*$/.test(t),q=!!x.trim()&&!!n.trim()&&D&&l&&!d,Z=async()=>{try{await _.mutateAsync(t),ie({type:"success",message:h("사용가능한 주소 입니다.")}),p(!0),g(!1)}catch(y){p(!1),y.code==="SUB400"&&g(!0),ie({type:"error",message:h("이미 존재하는 주소 입니다.")})}},W=async()=>{if(q)try{const y=await w.mutateAsync({channelUrl:t,channelName:x,channelDescription:n});ie({type:"success",message:`${x} ${h("채널이 개설 되었습니다.")}`}),a.onClose(),u("/admin/channel/"+y.channelId)}catch(y){ie({type:"error",message:y.message})}};return e.jsx($e,{isOpen:!0,children:e.jsxs(mt,{onSubmit:y=>{y.preventDefault(),W()},children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("span",{className:"text-gray-950 text-v2-3xl font-bold tablet:text-v2-lg",children:h("채널 만들기")}),e.jsx("button",{type:"button",onClick:()=>a.onClose(),children:e.jsx("i",{className:"ic-close text-ic-md"})})]}),e.jsxs("div",{className:"flex flex-col gap-y-6 tablet:flex-1",children:[e.jsx(ne,{className:"w-full",labelClass:"!text-v2-sm !ml-0",label:h("채널명"),textCount:x.length,limitCount:30,children:e.jsx(me,{type:"text",className:"w-full",maxLength:30,placeholder:h("채널명을 입력해주세요"),value:se(x),onInput:y=>i(y.currentTarget.value)})}),e.jsx(ne,{className:"w-full",labelClass:"!text-v2-sm !ml-0",label:h("채널 설명"),textCount:n.length,limitCount:250,children:e.jsx(Ie,{type:"text",className:"w-full h-[160px] !font-normal",maxLength:250,placeholder:h("채널설명을 입력해주세요"),value:se(n),onInput:y=>s(y.currentTarget.value)})}),e.jsx(ne,{className:"w-full",labelClass:"!text-v2-sm !ml-0",label:h("채널 주소"),helpText:h(P?"이미 존재하는 주소 입니다.":"url 형식이 올바르지 않습니다."),isError:f&&(d||!P),children:e.jsxs("div",{className:"flex items-center gap-x-2 tablet:flex-col tablet:items-start tablet:gap-y-2",children:[e.jsx("span",{className:"text-gray-700 text-v2-lg",children:"http://elypecs.com/channel/"}),e.jsxs("div",{className:"w-full flex items-center gap-x-2",children:[e.jsx(me,{type:"text",className:"w-full",maxLength:20,placeholder:h("채널 주소를 입력하세요"),value:se(t),onInput:y=>{f||S(!0),l&&p(!1),r(y.currentTarget.value)}}),e.jsx(xt,{type:"button",disabled:!D||!P||l,onClick:()=>Z(),children:h("중복 확인")})]})]})}),e.jsx(gt,{disabled:!q,type:"submit",children:h("만들기")})]})]})})}function Tt(){const[a,x]=E.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(qe,{}),e.jsx(Ve,{}),e.jsx(Ke,{}),e.jsx(dt,{}),e.jsx(it,{}),e.jsx(Je,{}),e.jsx(pt,{}),e.jsx(st,{}),e.jsx(He,{}),a&&e.jsx(ut,{onClose:()=>x(!1)})]})}export{Tt as default};