https://www.megazone.com/v2/_next/static/chunks/8306-25302731d204f0f7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8306],{20811:(n,e,t)=>{t.d(e,{A:()=>x});var i=t(3648),r=t(95155),a=t(49714),l=t(28278),o=t(85203),s=t.n(o),p=t(15239),d=t(12115);function u(){let n=(0,i._)(["\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  z-index: 2;\n  height: 500px;\n\n  /* 콘텐츠(children)를 가운데 정렬하기 위한 스타일 */\n  display: flex;\n\n  &.center {\n    align-items: center;\n  }\n  &.flex-start {\n    align-items: flex-start;\n  }\n\n  justify-content: center;\n\n  "," {\n    height: 266px;\n  }\n\n  "," {\n  }\n"]);return u=function(){return n},n}function c(){let n=(0,i._)(["\n  position: relative;\n  aspect-ratio: 2560 / 1200;\n  height: calc(100% * 1.8);\n  width: auto;\n  min-width: 100%;\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  /*\n    transform 속성에 offsetY를 적용합니다.\n    스크롤에 따라 이미지가 위아래로 움직이게 됩니다.\n  */\n\n  will-change: transform; /* 애니메이션 성능 최적화를 위한 힌트 */\n\n  "," {\n    height: calc(100% * 1.6); // 원본 이미지 높이와 동일하게 유지\n  }\n\n  "," {\n    height: calc(100% * 1.4); // 원본 이미지 높이와 동일하게 유지\n  }\n"]);return c=function(){return n},n}let f=(0,a.default)("div")(u(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),h=(0,a.default)("div")(c(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),x=n=>{let{imgUrl:e,alignItems:t="flex-start",...i}=n,a="flex-start"===t?1:.5,[o,u]=(0,d.useState)(0),c=(0,d.useRef)(null),x=(0,d.useRef)(null),w=(0,l.A)(n=>n.breakpoints.between("mobile","tablet")),b=(0,l.A)(n=>n.breakpoints.down("mobile")),g=(0,d.useCallback)(()=>x.current?x.current.clientHeight:b||w?266:500,[w,b]),m=(0,d.useCallback)(()=>b?1.4:w?1.6:1.8,[b,w]);return(0,d.useEffect)(()=>{let n=()=>{let n=window.scrollY,e=g();u(Math.max(-.15*n,-(e*(m()-1)*a)))},e=()=>{window.requestAnimationFrame(n)},t=()=>{window.requestAnimationFrame(n)};return window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",t,{passive:!0}),e(),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",t)}},[g,m,a]),(0,r.jsx)(f,{...i,ref:x,className:s()(t,i.className),children:(0,r.jsx)(h,{ref:c,style:{transform:"translateY(".concat(o,"px)")},children:(0,r.jsx)(p.default,{src:e,alt:"",fill:!0,priority:!0,quality:100})})})}},56329:(n,e,t)=>{t.d(e,{A:()=>h});var i=t(3648),r=t(95155),a=t(49714),l=t(24540),o=t(8751);function s(){let n=(0,i._)(["\n  background-color: #10121e;\n  padding: 100px 0 80px 0;\n  position: relative;\n  overflow: hidden;\n\n  "," {\n    padding: 40px 0;\n  }\n\n  "," {\n    padding: 36px 0 32px 0;\n  }\n"]);return s=function(){return n},n}function p(){let n=(0,i._)(["\n  position: absolute;\n  border-radius: 50%;\n  opacity: 0.3;\n  will-change: transform, top, left;\n  transform: translate(-50%, -50%);\n"]);return p=function(){return n},n}function d(){let n=(0,i._)(["\n  position: relative;\n  z-index: 1;\n"]);return d=function(){return n},n}let u=(0,a.default)(l.A)(s(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),c=(0,a.default)(o.P.div)(p()),f=(0,a.default)("div")(d()),h=n=>{let{children:e,...t}=n;return(0,r.jsxs)(u,{...t,children:[(0,r.jsx)(c,{sx:n=>({width:"540px",height:"540px",background:"#00c6ff",filter:"blur(100px)",userSelect:"none",pointerEvents:"none",[n.breakpoints.down("tablet")]:{width:"600px",height:"600px",background:"radial-gradient(closest-side, #00c6ff, transparent)",filter:"none"},[n.breakpoints.down("mobile")]:{width:"500px",height:"500px"}}),initial:{left:"100%",top:"0%"},animate:{left:["100%","0%","0%","100%","100%"],top:["0%","0%","100%","100%","0%"]},transition:{duration:30,repeat:1/0,repeatType:"loop",ease:"linear"}}),(0,r.jsx)(c,{sx:n=>({width:"940px",height:"470px",background:"#3337A9",filter:"blur(100px)",userSelect:"none",pointerEvents:"none",[n.breakpoints.down("tablet")]:{width:"700px",height:"350px",background:"radial-gradient(closest-side, #3337A9, transparent)",filter:"none"},[n.breakpoints.down("mobile")]:{width:"500px",height:"250px"}}),initial:{left:"0%",top:"100%"},animate:{left:["0%","100%","100%","0%","0%"],top:["100%","100%","0%","0%","100%"]},transition:{duration:30,repeat:1/0,repeatType:"loop",ease:"linear"}}),(0,r.jsx)(f,{children:e})]})}},64246:(n,e,t)=>{t.d(e,{default:()=>k});

1var i=t(3648),r=t(95155),a=t(49714),l=t(8751),o=t(10377),s=t(50924),p=t(56329);function d(){let n=(0,i._)([""]);return d=function(){return n},n}function u(){let n=(0,i._)(["\n  background: linear-gradient(116deg, #32ef7a 10.37%, #414aff 85.62%);\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  color: transparent;\n  text-align: center;\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 140%;\n  letter-spacing: -0.56px;\n  word-break: keep-all;\n  white-space: pre-wrap;\n\n  margin-bottom: 8px;\n\n  "," {\n    font-size: 20px;\n    letter-spacing: -0.4px;\n  }\n\n  "," {\n    font-size: 16px;\n    letter-spacing: -0.32px;\n  }\n"]);return u=function(){return n},n}function c(){let n=(0,i._)(["\n  color: #fff;\n  text-align: center;\n  font-size: 36px;\n  font-weight: 400;\n  line-height: 140%;\n  letter-spacing: -0.8px;\n  word-break: keep-all;\n  white-space: pre-wrap;\n\n  "," {\n    font-size: 24px;\n    letter-spacing: -0.48px;\n  }\n\n  "," {\n    font-size: 18px;\n    letter-spacing: -0.36px;\n    white-space: normal;\n  }\n"]);return c=function(){return n},n}function f(){let n=(0,i._)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  margin-top: 40px;\n\n  "," {\n    margin-top: 20px;\n  }\n\n  "," {\n  }\n"]);return f=function(){return n},n}function h(){let n=(0,i._)([""]);return h=function(){return n},n}let x=(0,a.default)("div")(d()),w=(0,a.default)(l.P.p)(u(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),b=(0,a.default)(l.P.h2)(c(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),g=(0,a.default)(l.P.div)(f(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),m=(0,a.default)(o.A)(h()),k=n=>{let{textInfo:e,...t}=n,{copy:i,title:a,button:l}=e;return(0,r.jsx)(p.A,{...t,children:(0,r.jsxs)(x,{children:[(0,r.jsx)(w,{variants:s.Qu,initial:"hidden",whileInView:"visible",viewport:{once:!0,amount:.6},children:i}),(0,r.jsx)(b,{variants:s.Qu,initial:"hidden",whileInView:"visible",viewport:{once:!0,amount:.6},children:a}),(0,r.jsx)(g,{variants:s.Qu,initial:"hidden",whileInView:"visible",viewport:{once:!0,amount:.6},children:(0,r.jsx)(m,{colorType:"white",variantType:"outlined",useEndIcon:!0,queryParams:l.queryParams,"data-gtm-element":"contact_cta",children:l.name})})]})})}},68035:(n,e,t)=>{t.d(e,{default:()=>w});var i=t(3648),r=t(95155),a=t(49714),l=t(24540),o=t(10377),s=t(8751),p=t(50924);function d(){let n=(0,i._)(["\n  width: 100%;\n  padding: 100px 0;\n\n  "," {\n    padding: 80px 0;\n  }\n\n  "," {\n    padding: 60px 0;\n  }\n"]);return d=function(){return n},n}function u(){let n=(0,i._)(["\n  color: #191919;\n  font-size: 60px;\n  font-weight: 600;\n  line-height: 140%;\n  letter-spacing: -1.2px;\n  word-break: keep-all;\n  white-space: pre-wrap;\n  margin-bottom: 20px;\n\n  "," {\n    font-size: 36px;\n    letter-spacing: -0.72px;\n    margin-bottom: 16px;\n  }\n\n  "," {\n    font-size: 32px;\n    letter-spacing: -0.64px;\n    white-space: normal;\n  }\n"]);return u=function(){return n},n}function c(){let n=(0,i._)(["\n  color: #191919;\n  font-size: 24px;\n  font-weight: 500;\n  line-height: 140%;\n  letter-spacing: -0.48px;\n  word-break: keep-all;\n  white-space: pre-wrap;\n  margin-bottom: 60px;\n\n  "," {\n    font-size: 18px;\n    letter-spacing: -0.36px;\n    font-weight: 400;\n\n    margin-bottom: 40px;\n  }\n\n  "," {\n    white-space: normal;\n  }\n"]);return c=function(){return n},n}let f=(0,a.default)(l.A)(d(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),h=(0,a.default)(s.P.h1)(u(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),x=(0,a.default)(s.P.p)(c(),n=>{let{theme:e}=n;return e.breakpoints.down("tablet")},n=>{let{theme:e}=n;return e.breakpoints.down("mobile")}),w=n=>{let{textInfo:e,...t}=n,{title:i,description:a,button:l}=e;return(0,r.jsxs)(f,{...t,children:[(0,r.jsx)(h,{variants:p.Qu,initial:"hidden",animate:"visible",children:i}),(0,r.jsx)(x,{variants:p.Qu,initial:"hidden",animate:"visible",children:a}),(0,r.jsx)(s.P.div,{variants:p.Qu,initial:"hidden",animate:"visible",children:(0,r.jsx)(o.A,{colorType:"black",variantType:"contained",useEndIcon:!0,queryParams:l.queryParams,"data-gtm-element":"contact_main",children:l.name})})]})}}}]);