https://www.mieum.kr/static/js/1208.ba9c8080.chunk.js

1"use strict";(self.webpackChunkshop_react_web=self.webpackChunkshop_react_web||[]).push([[1208],{78292:(e,i,t)=>{t.d(i,{A:()=>n});t(65043);const n=t.p+"static/media/ico_apple_store.5b758bd864049543e124551353993c44.svg"},82332:(e,i,t)=>{t.d(i,{A:()=>n});t(65043);const n=t.p+"static/media/ico_google_play.88d6e67a5a0990ececad6c8044f8e55e.svg"},59684:(e,i,t)=>{t.r(i),t.d(i,{default:()=>q});var n=t(65043),a=t(54080),r=t(33196),s=t(73216),d=t(52126),p=t(74975),l=t(50050),o=(t(44014),t(80698),t(70579));const c=e=>{let{bgColor:i="white",arrowColor:t="#FF8A7D"}=e;return(0,o.jsxs)("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("rect",{width:"48",height:"48",rx:"24",fill:i,fillOpacity:"white"===i?"1":"0.2"}),(0,o.jsx)("path",{id:"Vector 923 (Stroke)",fillRule:"evenodd",clipRule:"evenodd",d:"M27.2021 17.2784L32.7449 23.3278C33.085 23.6991 33.085 24.3009 32.7449 24.6722L27.2021 30.7216C26.862 31.0928 26.3105 31.0928 25.9704 30.7216C25.6302 30.3504 25.6302 29.7485 25.9704 29.3773L30.0263 24.9506L15.871 24.9506C15.3899 24.9506 15 24.525 15 24C15 23.475 15.3899 23.0494 15.871 23.0494L30.0263 23.0494L25.9704 18.6227C25.6302 18.2515 25.6302 17.6496 25.9704 17.2784C26.3105 16.9072 26.862 16.9072 27.2021 17.2784Z",fill:t,stroke:t})]})};var x=t(97605),g=t(59116);const h=e=>{let{contents:i,handleMovePage:t}=e;const[r,s]=(0,n.useState)(!1);return(0,o.jsxs)(x.pT,{$maxWidth:"1140px",margin:"0 auto",position:"relative",justify:"flex-start",width:"100%",height:"100%",gap:"\uba54\uc778\ubc30\ub108_3"===i.key?"150px":"170px",$gapWt:"48px",$maxWidthWt:"768px",$marginWt:"-4px auto 0",$directionMd:"column",$justifyMd:"center",$alignMd:"flex-start",$marginMd:"0 auto",children:[(0,o.jsx)(x.pT,{width:"\uba54\uc778\ubc30\ub108_3"===i.key?"420px":"400px",height:"\uba54\uc778\ubc30\ub108_3"===i.key?"420px":"400px",$widthWt:"240px",$heightWt:"240px",$maxWidthMd:"400px",$widthMd:"100%",$heightMd:"100%",$marginMd:"0 auto",$paddingMd:"0 10px",$flexShrink:"0",children:(0,o.jsx)("img",{src:i.image})}),(0,o.jsxs)(x.pT,{direction:"column",gap:"40px",$gapWt:"24px",width:"100%",children:[(0,o.jsxs)(x.pT,{direction:"column",align:"unset",gap:"24px",$gapWt:"16px",$paddingMd:"0 0 78px",width:"inherit",children:[(0,o.jsx)(a.F7,{$fontFamily:"BMJUA",fontSize:g.$N.size48,color:"var(--color-white)",$lineHeight:"120%",$fontSizeWt:g.$N.size28,$letterSpacingWt:"-0.14px",children:i.title}),(0,o.jsx)(a.F7,{fontSize:g.$N.size20,color:"var(--color-white)",$lineHeight:"160%",fontWeight:g.sO.light,$fontSizeWt:g.$N.size14,children:i.description})]}),(0,o.jsx)(x.bQ,{children:(0,o.jsxs)(a.vZ,{type:"button",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onClick:()=>t(),children:[(0,o.jsx)(x.pT,{$widthWt:"34px",className:"arrow",children:(0,o.jsx)(c,{bgColor:r?"var(--color-primary-400)":"white"})}),(0,o.jsx)("p",{className:"text",children:"3\uac1c\uc6d4 \ubb34\ub8cc\ub85c \ubbf8\uc74c \uc2dc\uc791\ud558\uae30"})]})})]})]})};var $=t(92272),m=t(65709);const j=e=>{let{handleMovePage:i}=e;const[t,n]=(0,m.A)(1);return(0,o.jsxs)(a.hb,{margin:"60px 0 0",$marginWt:"50px 0 0",$marginMd:"64px 0 0",padding:"320px 0",$paddingWt:"210px 0",$paddingMd:"unset",$displayMd:"none",children:[(0,o.jsxs)(x.G2,{position:"absolute",width:"100vw",top:"0",left:"50%",transform:"translateX(-50%)",$hasCursor:!0,background:"var(--color-primary-400)",height:"100%",align:"center",$widthMd:"100%",$paddingWt:"0 32px",$paddingMd:"48px 0 0",$positionMd:"relative",$leftMd:"unset",$transformMd:"unset",ref:e=>t.current[0]=e,className:"revealOpacity ".concat(n[0]?"active":""),children:[(0,o.jsx)(p.RC,{modules:[l.dK,l.Ij],slidesPerView:1,autoplay:{delay:4500},loop:!0,pagination:{el:".top-banner-swiper-pagination",clickable:!0},className:"top-banner-swiper",children:$.kD.map((e=>(0,o.jsx)(p.qr,{children:(0,o.jsx)(h,{contents:e,handleMovePage:i})},e.key)))}),(0,o.jsx)(a.Vs,{background:"var(--color-primary-400)"})]}),(0,o.jsx)("div",{className:"top-banner-swiper-pagination"})]})};var u=t(78541),f=t(48120),W=t(399);const v=()=>(0,o.jsx)(x.pT,{gap:"64px",margin:"0 auto 0 0",align:"flex-end",$gapWt:"50px",$gapMd:"24px",children:$.Pj.slice(0,5).map((e=>(0,o.jsx)(x.pT,{width:e.width,$widthWt:e.$widthWt,$widthMd:e.$widthMd,children:(0,o.jsx)("img",{src:e.logo,alt:e.name})},e.name)))}),w=()=>(0,o.jsx)(x.pT,{gap:"70px",margin:"0 0 0 auto",$gapWt:"50px",$gapMd:"30px",children:$.Pj.slice(5,10).map(((e,i)=>(0,o.jsx)(x.pT,{width:e.width,margin:1===i?"0 0 0 -22px":"",$marginWt:1===i?"0 0 0 -16px":"",$marginMd:1===i?"0 0 0 -10px":"",$widthWt:e.$widthWt,$widthMd:e.$widthMd,children:(0,o.jsx)("img",{src:e.logo,alt:e.name})},e.name)))}),y=()=>{const[e,i]=(0,m.A)(3,.2,"0px");return(0,o.jsxs)(x.pT,{direction:"column",gap:"106px",$gapWt:"94px",$gapMd:"68px",children:[(0,o.jsxs)(x.pT,{direction:"column",gap:"40px",position:"relative",$gapMd:"38px",children:[(0,o.jsxs)(x.pT,{direction:"column",gap:"8px",ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),children:[(0,o.jsxs)(a.F7,{fontSize:g.$N.size32,fontWeight:g.sO.light,$lineHeight:"140%",$fontSizeWt:g.$N.size30,$fontSizeMd:g.$N.size16,$marginMd:"8px",children:["\ubbf8\uc74c\uc740 \uc6d0\uc7a5\ub2d8\ub4e4\uacfc \ud568\uaed8 \ub9cc\ub4e4\uc5b4\uac00\ub294",(0,o.jsx)("br",{}),(0,o.jsx)(W.D7,{fontWeight:g.sO.semiBold,$displayMd:"none",children:"\uc885\ud

1569 \ubdf0\ud2f0\uc0f5 \uc608\uc57d \uad00\ub9ac \uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4"})]}),(0,o.jsxs)(a.F7,{display:"none",$displayMd:"block",$fontSizeMd:g.$N.size24,$fontWeightMd:g.sO.semiBold,$lineHeightMd:"140%",align:"center",children:["\uc885\ud569 \ubdf0\ud2f0\uc0f5 \uc608\uc57d \uad00\ub9ac",(0,o.jsx)("br",{}),"\uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4"]})]}),(0,o.jsxs)(x.pT,{border:"1px solid var(--color-primary-200)",$boxShadow:"0px 0px 25px 0px #FFEBEB;",gap:"8px",padding:"20px 32px",radius:f.A.corner80,background:"var(--color-white)",$paddingWt:"16px 36px 16px 32px",$paddingMd:"16px 36px",ref:i=>e.current[1]=i,className:"revealY ".concat(i[1]?"active":""),style:{"--delay":.5},children:[(0,o.jsx)(x.pT,{$displayMd:"none",children:(0,o.jsx)("img",{src:u.A,alt:"\uc548\ub0b4"})}),(0,o.jsxs)(a.F7,{color:"var(--color-primary-400)",$lineHeight:"140%",fontSize:g.$N.size16,align:"center",$fontSizeMd:g.$N.size14,$lineHeightMd:"160%",children:["\uaf3c\uaf3c\ud55c \uc608\uc57d \uad00\ub9ac\uac00 \ud544\uc694\ud55c 1\uc778 \uc0f5\ubd80\ud130 ",(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"}),"\ubcf5\uc7a1\ud55c \uc9c1\uc6d0 \uad00\ub9ac\ub3c4 \ud544\uc694\ud55c \uccb4\uc778 \ubdf0\ud2f0\uc0f5\uae4c\uc9c0"]})]})]}),(0,o.jsxs)(x.pT,{direction:"column",gap:"74px",width:"100vw",position:"relative",$gapWt:"70px",$gapMd:"41px",ref:i=>e.current[3]=i,className:"revealY ".concat(i[3]?"active":""),style:{"--delay":1},children:[(0,o.jsxs)(a.FG,{gap:"500px",$gapWt:"400px",$gapMd:"300px",width:"100%",justify:"flex-start",$slideDirection:"right",children:[(0,o.jsx)(v,{}),(0,o.jsx)(v,{}),(0,o.jsx)(v,{})]}),(0,o.jsxs)(a.FG,{gap:"500px",$gapWt:"400px",$gapMd:"300px",width:"100%",children:[(0,o.jsx)(w,{}),(0,o.jsx)(w,{}),(0,o.jsx)(w,{})]})]})]})};var b=t(24678);const M=()=>{const[e,i]=(0,m.A)(1);return(0,o.jsxs)(x.pT,{direction:"column",align:"flex-start",gap:"47px",position:"relative",margin:"352px 0 312px",$marginWt:"170px 0 138px",$gapWt:"40px",$marginMd:"130px 0 150px",$gapMd:"32px",children:[(0,o.jsxs)(a.F7,{fontSize:g.$N.size40,fontWeight:g.sO.semiBold,$lineHeight:"160%",$fontSizeWt:g.$N.size30,$fontSizeMd:g.$N.size24,ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),style:{"--delay":.5},children:["3\ucd08\uba74 \uac00\uc785\ud558\uace0 5\ubd84\uc774\uba74 \ubc30\uc6b0\ub294",(0,o.jsx)("br",{}),(0,o.jsx)(W.D7,{color:"var(--color-primary-500-main)",children:"\uac00\uc7a5 \uc26c\uc6b4 \uc608\uc57d \uad00\ub9ac \uc11c\ube44\uc2a4, \ubbf8\uc74c"})]}),(0,o.jsx)(x.pT,{width:"100%",$paddingWt:"0 18px",$paddingMd:"0",children:(0,o.jsx)(x.pT,{position:"relative",width:"100%",padding:"56.25% 0 0",$boxShadow:"0px 4px 15px 0px rgba(0, 0, 0, 0.20);",background:"var(--color-white)",children:(0,o.jsx)("video",{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none"},children:(0,o.jsx)("source",{src:"https://mieum-landing.s3.ap-northeast-2.amazonaws.com/landing_0630.mp4",type:"video/mp4"})})})}),(0,o.jsx)(x.G2,{bottom:"30px",left:"50%",transform:"translateX(-50%)",width:"500px",height:"500px",background:"var(--color-primary-400)",opacity:"0.4",$zIndex:b.A.zIndexContentsBackground,filter:"blur(250px)",$widthWt:"360px",$heightWt:"240px",$opacityWt:"0.3",$bottomWt:"20%",$filterWt:"blur(130px)",$widthMd:"147px",$heightMd:"147px",$filterMd:"blur(100px)",$bottomMd:"25%"})]})};var z=t(92858);const N=()=>{const e=(0,z.E)((e=>e.isUnderTabletScreen));(0,z.e)();const i=e?5:3,[t,n]=(0,m.A)(i,0,"0px");return(0,o.jsxs)(x.pT,{direction:"column",gap:"96px",$gapWt:"62px",children:[(0,o.jsxs)(a.F7,{align:"center",fontSize:g.$N.size40,fontWeight:g.sO.semiBold,$lineHeight:"160%",$fontSizeWt:g.$N.size30,$fontSizeMd:g.$N.size24,ref:e=>t.current[0]=e,className:"revealY ".concat(n[0]?"active":""),style:{"--delay":.5},children:["\uc694\uc998 \ub300\uc138 \uace0\uac1d\uad00\ub9ac \ud504\ub85c\uadf8\ub7a8",(0,o.jsx)("br",{}),"\ubdf0\ud2f0\uc0f5\uc5d0 \ucd5c\uc801\ud654\ub41c",(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"})," \ubbf8\uc74c\uc758 \uac15\ub825\ud55c \uae30\ub2a5"]}),(0,o.jsx)(x.pT,{display:"grid",align:"flex-start",$gridTemplateColumns:"repeat(4, 1fr)",$gridTemplateRows:"repeat(2, 1fr)",$gridTemplateColumnsMd:"repeat(2, 1fr)",$gridTemplateRowsMd:"repeat(4, 1fr)",$rowGap:"64px",$maxWidth:"1140px",margin:"0 auto",width:"100%",$rowGapMd:"48px",children:$.tJ.map(((i,r)=>{const s=e?Math.floor(r/2):Math.floor(r/4);return(0,o.jsxs)(x.pT,{direction:"column",justify:"flex-start",ga

1p:"24px",margin:"0 auto",$gapMd:"16px",ref:e=>t.current[s+1]=e,className:"revealY ".concat(n[s+1]?"active":""),style:{"--delay":.5},children:[(0,o.jsx)(x.pT,{$widthWt:"100px",children:(0,o.jsx)("img",{src:i.image,alt:i.title})}),(0,o.jsxs)(x.pT,{direction:"column",gap:"16px",$gapWt:"12px",children:[(0,o.jsx)(a.F7,{color:"var(--color-gray-600)",fontSize:g.$N.size24,fontWeight:g.sO.medium,$lineHeight:"normal",$fontSizeWt:g.$N.size16,children:i.title}),(0,o.jsx)(a.F7,{color:"var(--color-gray-500)",align:"center",fontSize:g.$N.size16,$lineHeight:"160%",$fontSizeWt:g.$N.size12,$fontSizeMd:g.$N.size14,children:i.description})]})]},i.title)}))},"grid-".concat(i))]})};var T=t(38381);const S=()=>{const[e,i]=(0,m.A)(2);return(0,o.jsxs)(a.hb,{padding:"160px 0",$paddingWt:"96px 0 132px",$paddingMd:"40px 0 112px",children:[(0,o.jsx)(y,{}),(0,o.jsx)(M,{}),(0,o.jsx)(N,{}),(0,o.jsxs)(x.G2,{width:"100vw",top:"0",left:"50%",height:"100%",transform:"translateX(-50%)",$zIndex:b.A.zIndexContentsBackground,children:[(0,o.jsx)(x.G2,{top:"710px",left:"-123px",$displayWt:"none",ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),style:{"--delay":.5},children:(0,o.jsx)("img",{src:T.A,alt:"\uad6c\ub984"})}),(0,o.jsx)(x.G2,{top:"1782px",right:"-316px",$displayWt:"none",ref:i=>e.current[1]=i,className:"revealY ".concat(i[1]?"active":""),style:{"--delay":1.5},children:(0,o.jsx)("img",{src:T.A,alt:"\uad6c\ub984"})})]})]})};const k=t.p+"static/media/img_glass_effect.dfdcc4773a6aae1aa983d25930bb3a66.svg",F=t.p+"static/media/img_bottom_banner_phone.00ea84c34e1f9380898f.png";var H=t(78292),C=t(82332);const A=t.p+"static/media/img_bottom_banner_phone_mob.9db9111a89de97d7c839.png",_=()=>{const[e,i]=(0,m.A)(3);return(0,o.jsxs)(x.pT,{direction:"column",display:"none",$displayMd:"flex",children:[(0,o.jsxs)(x.pT,{direction:"column",gap:"12px",ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),style:{"--delay":.5},children:[(0,o.jsx)(a.F7,{color:"var(--color-white)",fontSize:g.$N.size24,$lineHeight:"120%",fontWeight:g.sO.semiBold,children:"\ubaa8\ubc14\uc77c\ub85c \uc774\uc5b4\uc9c0\ub294 \ud3b8\ub9ac\ud568"}),(0,o.jsxs)(a.F7,{color:"var(--color-white)",fontSize:g.$N.size16,$lineHeight:"160%",align:"center",children:["\uc774\uc81c \uae30\uae30, \uae30\ub2a5 \uc81c\ud55c \uc5c6\ub294 \ub611\ub611\ud55c \uc544\ub984\ub2e4\uc6c0",(0,o.jsx)("br",{}),"\ubdf0\ud2f0\uc0f5 \uad00\ub9ac \ud544\uc218 \uc571, \ubbf8\uc74c"]})]}),(0,o.jsx)(x.pT,{margin:"24px 0 0",ref:i=>e.current[1]=i,className:"revealY ".concat(i[1]?"active":""),style:{"--delay":1},children:(0,o.jsx)("img",{src:A,alt:"\ud734\ub300\ud3f0"})}),(0,o.jsxs)(x.pT,{gap:"8px",ref:i=>e.current[2]=i,className:"revealY ".concat(i[2]?"active":""),style:{"--delay":.5},children:[(0,o.jsx)(a.K,{type:"button",padding:"4px 33.5px",width:"156px",$widthWt:"inherit",onClick:()=>{window.location.href="https://play.google.com/store/apps/details?id=com.wzsoft.mieumshop&pcampaignid=web_share"},children:(0,o.jsx)("img",{src:C.A,alt:"\uad6c\uae00\ud50c\ub808\uc774\uc2a4\ud1a0\uc5b4",width:"88px"})}),(0,o.jsx)(a.K,{type:"button",padding:"10px 40px 11px",width:"156px",$widthWt:"inherit",onClick:()=>{window.location.href="https://apps.apple.com/kr/app/id6723864352"},children:(0,o.jsx)("img",{src:H.A,alt:"\uc560\ud50c\uc2a4\ud1a0\uc5b4",width:"74px"})})]})]})},I=()=>{const[e,i]=(0,m.A)(1);return(0,o.jsxs)(a.hb,{padding:"80px 0",$paddingWt:"48px 0",$paddingMd:"64px 0 35px",children:[(0,o.jsxs)(x.pT,{align:"center",justify:"flex-start",overflow:"hidden",position:"relative",$minHeight:"300px",$boxShadow:"0px 0.739px 18.474px 0px rgba(252, 134, 157, 0.10)",width:"100%",height:"auto",$aspectRatio:"2.37",$maxWidthWt:"704px",$marginWt:"0 auto",$aspectRatioWt:"2.38",$minHeightWt:"unset",style:{background:"url(".concat(k,") no-repeat center/contain")},$displayMd:"none",ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),children:[(0,o.jsx)(x.pT,{position:"relative",width:"100%",$maxWidth:"465px",margin:"50px 0 0 115px",padding:"56.25% 0 0",$marginWt:"27px 0 0 61px",style:{alignSelf:"flex-start"},children:(0,o.jsx)(a.jE,{src:F,height:"unset",alt:"\ubaa8\ubc14\uc77c"})}),(0,o.jsxs)(x.pT,{direction:"column",gap:"40px",margin:"0 131px 0 auto",align:"flex-start",$marginWt:"0 80px 0 auto",children:[(0,o.jsxs)(x.pT,{direction:"column",align:"flex-start",ga

1p:"16px",$gapWt:"8px",children:[(0,o.jsx)(a.F7,{color:"var(--color-white)",fontSize:g.$N.size32,$lineHeight:"120%",fontWeight:g.sO.semiBold,$fontSizeWt:g.$N.size20,children:"\ubaa8\ubc14\uc77c\ub85c \uc774\uc5b4\uc9c0\ub294 \ud3b8\ub9ac\ud568"}),(0,o.jsxs)(a.F7,{color:"var(--color-white)",fontSize:g.$N.size16,$lineHeight:"160%",$fontSizeWt:g.$N.size12,children:["\uc774\uc81c \uae30\uae30, \uae30\ub2a5 \uc81c\ud55c \uc5c6\ub294 \ub611\ub611\ud55c \uc544\ub984\ub2e4\uc6c0",(0,o.jsx)("br",{}),"\ubdf0\ud2f0\uc0f5 \uad00\ub9ac \ud544\uc218 \uc571, \ubbf8\uc74c"]})]}),(0,o.jsxs)(x.pT,{gap:"16px",$gapWt:"10px",children:[(0,o.jsx)(a.K,{type:"button",padding:"7px 43px",$paddingWt:"4px 26px",onClick:()=>{window.location.href="https://play.google.com/store/apps/details?id=com.wzsoft.mieumshop&pcampaignid=web_share"},children:(0,o.jsx)("img",{src:C.A,alt:"\uad6c\uae00\ud50c\ub808\uc774\uc2a4\ud1a0\uc5b4"})}),(0,o.jsx)(a.K,{type:"button",padding:"15px 53px",$paddingWt:"8px 32px 10px",onClick:()=>{window.location.href="https://apps.apple.com/kr/app/id6723864352"},children:(0,o.jsx)("img",{src:H.A,alt:"\uc560\ud50c\uc2a4\ud1a0\uc5b4"})})]})]})]}),(0,o.jsx)(_,{}),(0,o.jsx)(a.Vs,{background:"var(--color-primary-400)"})]})},O=t.p+"static/media/img_data.7fa81446e55f5440c468.png",Y=()=>{const[e,i]=(0,m.A)(3),[t,r]=(0,n.useState)("FIRST");return(0,o.jsxs)(a.hb,{padding:"200px 0 265px",$paddingWt:"80px 0 393px",$paddingMd:"64px 0 344px",children:[(0,o.jsxs)(x.pT,{direction:"column",align:"flex-start",$marginWt:"0 0 0 40px",$marginMd:"0",children:[(0,o.jsxs)(a.F7,{fontSize:g.$N.size40,$lineHeight:"160%",fontWeight:g.sO.semiBold,$fontSizeWt:g.$N.size30,$fontSizeMd:g.$N.size24,ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),children:["\uac71\uc815\ub9c8\uc138\uc694!",(0,o.jsx)("br",{}),"\uc81c\uc77c \uc911\uc694\ud55c \uace0\uac1d, \uc2dc\uc220 \ub370\uc774\ud130",(0,o.jsx)("br",{}),(0,o.jsx)(W.D7,{color:"var(--color-primary-500-main)",children:"\ubbf8\uc74c\uc774 \ubaa8\ub450 \uc62e\uaca8\ub4dc\ub9b4\uac8c\uc694!"})]}),(0,o.jsxs)(x.pT,{background:"#FEE",padding:"6px 8px",radius:f.A.corner80,margin:"32px 0",width:"max-content",$minHeight:"61px",$marginWt:"32px 0 35px",$minHeightWt:"58px",$marginMd:"24px 0 18px",$paddingMd:"3px 4px",$minHeightMd:"46px",ref:i=>e.current[1]=i,className:"revealY ".concat(i[1]?"active":""),style:{"--delay":1},children:[(0,o.jsxs)(a.QX,{className:"FIRST"===t?"active":"",padding:"FIRST"===t?"10px 67px":"10px 78px",$paddingWt:"FIRST"===t?"10px 57px":"10px 60px",$paddingMd:"FIRST"===t?"10px 32px":"10px 25px",onClick:()=>r("FIRST"),children:[(0,o.jsx)("span",{children:"\ud83c\udf40 "}),"\uccab \uc0ac\uc6a9 \ud30c\ud2b8\ub108"]}),(0,o.jsxs)(a.QX,{className:"OTHER"===t?"active":"",padding:"OTHER"===t?"10px 60px":"10px 71px",$paddingWt:"OTHER"===t?"10px 32px":"10px 25px",onClick:()=>r("OTHER"),children:[(0,o.jsx)("span",{children:"\ud83e\ude84 "}),"\ud0c0\uc0ac \uc774\uc6a9 \ud30c\ud2b8\ub108"]})]}),(0,o.jsx)(a.F7,{color:"var(--color-gray-500)",fontSize:g.$N.size16,$lineHeight:"160%",$lineHeightMd:"180%",ref:i=>e.current[1]=i,className:"revealY ".concat(i[1]?"active":""),style:{"--delay":1},children:"FIRST"===t?(0,o.jsxs)(o.Fragment,{children:["\ube60\ub978 \uc608\uc57d \ub4f1\ub85d\ubd80\ud130 ",(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"}),"\uace0\uac1d, \ud68c\uc6d0\uad8c, \uc9c1\uc6d0 \ub4f1\ub85d\uae4c\uc9c0",(0,o.jsx)("br",{}),"\ubbf8\uc74c \uac00\uc774\ub4dc\ub9cc \ub530\ub77c \ud558\uc154\ub3c4 ",(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"}),"\ub4e0\ub4e0\ud55c \ubdf0\ud2f0\uc0f5 \ub9e4\ub2c8\uc800\uac00 \ub9cc\ub4e4\uc5b4\uc838\uc694! ",(0,o.jsx)("br",{}),"\uc5b4\ub824\uc6c0\uc774 \uc0dd\uae30\uba74 \ubbf8\uc74c\uc774 \uc9c1\uc811 \uc62e\uaca8\ub4dc\ub9b4\uac8c\uc694."]}):(0,o.jsxs)(o.Fragment,{children:["\ubbf8\uc74c \uac00\uc774\ub4dc\ub97c \ud1b5\ud574\uc11c",(0,o.jsx)("br",{}),"\uc9c1\uc811 \ub370\uc774\ud130\ub97c \uc5f0\ub3d9\ud558\uc2e4 \uc218 \uc788\uc9c0\ub9cc,",(0,o.jsx)("br",{}),"\ubbf8\uc74c\uc758 \uc6d0\uaca9\uc9c0\uc6d0\uacfc \uc9c1\uc811\uc9c0\uc6d0\uc73c\ub85c ",(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"}),"\ucd5c\ub300\ud55c \ubd88\ud3b8 \uc5c6\uc774 \uc62e\uaca8\ub4dc\ub824\uc694!",(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"}),(0,o.jsx)(a.Q9,{display:"none",$displayMd:"block"})]})})]}),(0,o.jsxs)(x.G2,{width:"100vw",height:"100%",$zIndex:b.A.zIndexContentsBackgroun

1d,top:"0",left:"50%",transform:"translateX(-50%)",overflow:"hidden",padding:"66px 40px",$paddingWt:"0 30px",$alignWt:"flex-end",$paddingMd:"0",children:[(0,o.jsx)(x.pT,{position:"relative",width:"100%",$maxWidth:"782px",margin:"0 0 0 auto",$maxWidthWt:"532px",padding:"56.25% 0 0",$heightMd:"100%",$marginMd:"unset",$maxWidthMd:"480px",ref:i=>e.current[2]=i,className:"revealY ".concat(i[2]?"active":""),style:{"--delay":2},children:(0,o.jsx)(a.jE,{src:O,alt:"\ub370\uc774\ud130",$topMd:"360px",$leftMd:"48px"})}),(0,o.jsx)(x.G2,{width:"912px",height:"912px",radius:"50%",background:"var(--color-primary-200)",right:"-227px",bottom:"-404px",$rightWt:"-570px",$borderWt:"-395px",$widthMd:"604px",$heightMd:"604px",$rightMd:"-302px",$bottomMd:"-322px",$zIndex:b.A.zIndexContentsBackground})]}),(0,o.jsx)(a.Vs,{background:"var(--color-primary-50)"})]})},R=e=>{const{title:i,description:t,icon:n,image:r,right:s,$imgWidth:d,$imgWidthWt:p,$rightWt:l}=e;return(0,o.jsxs)(x.pT,{position:"relative",justify:"flex-start",radius:"30px",padding:"113px 100px",width:"100%",$boxShadow:"0px 2px 16px 0px rgba(0, 0, 0, 0.10);",background:"var(--color-white)",$radiusWt:f.A.corner24,$paddingWt:"68px 48px",overflow:"hidden",className:"hoverContainer",children:[(0,o.jsxs)(x.pT,{direction:"column",align:"flex-start",gap:"24px",$gapWt:"12px",children:[(0,o.jsxs)(x.pT,{gap:"12px",$gapWt:"8px",children:[(0,o.jsx)(x.pT,{$widthWt:"24px",children:(0,o.jsx)("img",{src:n,alt:"".concat(i,"\uc544\uc774\ucf58")})}),(0,o.jsx)(a.F7,{fontSize:g.$N.size24,fontWeight:g.sO.semiBold,$lineHeight:g.kj.height32,$fontSizeWt:g.$N.size16,$lineHeightWt:g.kj.height20,children:i})]}),(0,o.jsx)(a.F7,{color:"var(--color-gray-500)",fontSize:g.$N.size16,$lineHeight:"160%",$fontSizeWt:g.$N.size12,children:t})]}),(0,o.jsx)(x.G2,{bottom:"0",right:s||"58px",className:"scaleImg",width:d,$widthWt:p,$rightWt:l||"27px",children:(0,o.jsx)("img",{src:r,alt:i})})]})},B=e=>{const{title:i,description:t,image:n,imagePadding:r}=e;return(0,o.jsxs)(x.pT,{direction:"column",padding:"32px 22px 71px",gap:"6px",children:[(0,o.jsxs)(x.pT,{position:"relative",padding:r,children:[(0,o.jsx)("img",{src:n}),(0,o.jsx)(x.G2,{bottom:"0",width:"calc(100% + 22px)",height:"100%",left:"-11px",children:(0,o.jsx)(a.OG,{background:"linear-gradient(180deg, rgba(255, 255, 255, 0.00) 66.32%, #FFF 100%);"})})]}),(0,o.jsxs)(x.pT,{direction:"column",gap:"10px",children:[(0,o.jsx)(a.F7,{fontSize:g.$N.size16,$lineHeight:"normal",fontWeight:g.sO.semiBold,children:i}),(0,o.jsx)(a.F7,{align:"center",color:"var(--color-gray-500)",fontSize:g.$N.size16,$lineHeight:"160%",children:t})]})]})},P=()=>{const[e,i]=(0,m.A)(5);return(0,o.jsxs)(a.hb,{padding:"220px 0 200px",$paddingWt:"88px 0 104px",$paddingMd:"72px 0",children:[(0,o.jsxs)(x.pT,{direction:"column",gap:"4px",margin:"0 0 80px",$marginWt:"0 0 48px",$marginMd:"0 0 24px",ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),children:[(0,o.jsx)(a.Nn,{children:"SIMPLE"}),(0,o.jsx)(a.yO,{children:"\ud3b8\ub9ac\ud558\uace0 \uc26c\uc6b4 \uc608\uc57d \uae30\ub2a5"})]}),(0,o.jsx)(x.pT,{direction:"column",gap:"20px",$gapWt:"16px",$displayMd:"none",children:$.Tl.map(((t,n)=>(0,o.jsx)(x.pT,{width:"100%",ref:i=>e.current[n+1]=i,className:"revealY ".concat(i[n+1]?"active":""),style:{"--delay":n/2},children:(0,o.jsx)(R,{title:t.title,description:t.description,icon:t.icon,image:t.image,right:t.right,$imgWidth:t.$imgWidth,$imgWidthWt:t.$imgWidthWt,$rightWt:t.$rightWt})},t.title)))}),(0,o.jsxs)(x.pT,{position:"relative",$hasCursor:!0,background:"var(--color-white)",$boxShadow:"0px 0.579px 4.632px 0px rgba(0, 0, 0, 0.10);",radius:f.A.corner16,display:"none",$displayMd:"flex",ref:i=>e.current[5]=i,className:"revealY ".concat(i[5]?"active":""),style:{"--delay":.5},children:[(0,o.jsx)(p.RC,{modules:[l.dK,l.Ij],slidesPerView:1,autoplay:{delay:4500},loop:!0,pagination:{el:".pagination-simple",clickable:!0},children:$.Tl.map((e=>(0,o.jsx)(p.qr,{children:(0,o.jsx)(B,{title:e.title,description:e.description,image:e.image,imagePadding:e.imagePadding})},e.title)))}),(0,o.jsx)("div",{className:"pagination-simple value-shape-swiper-pagination"})]}),(0,o.jsx)(a.Vs,{background:"linear-gradient(0deg, rgba(255, 255, 255, 0.40) 64.41%, rgba(255, 213, 213, 0.40) 97.91%), #FFF;"})]})},G=t.p+"static/media/img_trust_01.7cd866b65898ab90ed2c.png",E=t.p+"static/media/img_trust_02.5805ff20c35a7a1b61ce.png",Q=t.p+"static/media/img_trust_03.ebc52b302df308a01017.png",L=e=>{const{title:i,description:t,image:n,linear:r,$imgWidth:s,top:d,right:p,transform:l,$widthWt:c,$topWt:h}=e;return(0,o.jsxs)(a.IH,{$paddingWt:"\ub9e4\ucd9c \uc54c\ub9bc"===i?"24px 32px":"",className:"hoverContainer",children:[(0,o.jsxs)(x.pT,{direction:"column",$zIndex:"1",align:"flex-start",ga

1p:"16px",$gapWt:"12px",children:[(0,o.jsx)(a.F7,{fontWeight:g.sO.medium,$lineHeight:g.kj.height28,$fontSizeWt:g.$N.size16,$lineHeightWt:g.kj.height20,children:i}),(0,o.jsx)(a.F7,{color:"var(--color-gray-500)",fontSize:g.$N.size16,$lineHeight:"160%",$fontSizeWt:g.$N.size12,children:t})]}),(0,o.jsxs)(x.G2,{width:s||"100%",top:d||"0",right:p||"50%",transform:l||"translateX(50%)",$widthWt:c||"344px",$topWt:h||"0",className:l?"scaleImg":"",overflow:l?"unset":"hidden",children:[(0,o.jsx)("img",{src:n,alt:i,className:l?"":"scaleImg"}),(0,o.jsx)(a.OG,{background:r})]})]})},V=e=>{const{title:i,description:t,image:n,gap:r,imgPadding:s}=e;return(0,o.jsxs)(x.pT,{direction:"column",radius:f.A.corner16,padding:"0 0 56px",gap:r,children:[(0,o.jsx)(x.pT,{padding:s,children:(0,o.jsx)("img",{src:n})}),(0,o.jsxs)(x.pT,{direction:"column",gap:"10px",align:"flex-start",width:"100%",padding:"0 0 0 24px",children:[(0,o.jsx)(a.F7,{fontSize:g.$N.size16,$lineHeight:"normal",fontWeight:g.sO.semiBold,children:i}),(0,o.jsx)(a.F7,{color:"var(--color-gray-500)",fontSize:g.$N.size16,$lineHeight:"160%",children:t})]})]})},D=()=>{const[e,i]=(0,m.A)(4);return(0,o.jsxs)(a.hb,{padding:"160px 0 240px",$paddingWt:"84px 0 120px",$paddingMd:"62px 0 82px",children:[(0,o.jsxs)(x.pT,{direction:"column",gap:"4px",margin:"0 0 80px",$marginWt:"0 0 48px",$marginMd:"0 0 24px",ref:i=>e.current[0]=i,className:"revealY ".concat(i[0]?"active":""),children:[(0,o.jsx)(a.Nn,{children:"TRUST"}),(0,o.jsx)(a.yO,{children:"\uc131\uc7a5\uc744 \uc704\ud55c \ub4e0\ub4e0\ud55c \ubdf0\ud2f0\uc0f5 \ub9e4\ub2c8\uc800"})]}),(0,o.jsxs)(x.pT,{height:"780px",gap:"20px",$heightWt:"488px",$gapWt:"16px",$displayMd:"none",children:[(0,o.jsx)(x.pT,{width:"100%",height:"100%",ref:i=>e.current[1]=i,className:"revealY ".concat(i[1]?"active":""),style:{"--delay":.5},children:(0,o.jsx)(L,{title:"\ub9e4\ucd9c \uc54c\ub9bc",description:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(W.D7,{fontWeight:g.sO.semiBold,children:"\ud558\ub8e8\uc758 \uc2dc\uc791\uacfc \ub9c8\ubb34\ub9ac\ub294 \ubbf8\uc74c"}),"\uacfc \ud568\uaed8",(0,o.jsx)("br",{}),"\uc77c\uc77c\uc774 \ucc59\uaca8\ubcf4\uc9c0 \uc54a\uc544\ub3c4 \ubbf8\uc74c\uc774 \ucc59\uaca8\ub4dc\ub824\uc694"]}),image:G,linear:"linear-gradient(180deg, rgba(255, 255, 255, 0.00) 66.32%, rgba(255, 255, 255, 0.88) 100%);"})}),(0,o.jsxs)(x.pT,{direction:"column",gap:"20px",width:"100%",height:"100%",$gapWt:"16px",ref:i=>e.current[2]=i,className:"revealY ".concat(i[2]?"active":""),style:{"--delay":1},children:[(0,o.jsx)(L,{title:"\uc77c\uc815 \uad00\ub9ac",description:(0,o.jsxs)(o.Fragment,{children:["\ube44\uc988\ub2c8\uc2a4 \uc131\uc7a5\uc758 \uccab\uac78\uc74c\uc740",(0,o.jsx)("br",{}),(0,o.jsx)(W.D7,{fontWeight:g.sO.semiBold,children:"10\ubd84 \ub2e8\uc704\ub85c \uad00\ub9ac\ud558\ub294 \ube48\ud2c8\uc5c6\ub294 \uc77c\uc815 \uad00\ub9ac"})]}),image:E,linear:"linear-gradient(180deg, rgba(255, 255, 255, 0.00) 71.45%, #FFF 73.75%);",$imgWidth:"418px",top:"68px",right:"0",transform:"unset",$widthWt:"266px",$topWt:"36px"}),(0,o.jsx)(L,{title:"\uace0\uac1d \uad00\ub9ac",description:(0,o.jsxs)(o.Fragment,{children:["\uc2dc\uc220\uacfc \ud568\uaed8 \ub193\uce58\uae30 \uc26c\uc6b4 \uace0\uac1d\ub2d8\uc758 \uc18c\uc911\ud55c \uc815\ubcf4!",(0,o.jsx)("br",{}),"\uc608\uc57d \ub0b4\uc5ed\ubd80\ud130 \uaf3c\uaf3c\ud55c \uba54\ubaa8 \uc815\ub9ac\uae4c\uc9c0 \ubbf8\uc74c\uc774 \uc815\ub9ac\ud574 \ub4dc\ub9b4\uac8c\uc694"]}),image:Q,linear:"linear-gradient(180deg, rgba(255, 255, 255, 0.00) 71.45%, #FFF 74.06%);",top:"68px",$imgWidth:"418px",right:"0",transform:"unset",$widthWt:"266px",$topWt:"36px"})]})]}),(0,o.jsxs)(x.pT,{position:"relative",$hasCursor:!0,background:"var(--color-white)",$boxShadow:"0px 0px 7.237px 0px rgba(117, 117, 117, 0.15);",display:"none",$displayMd:"flex",radius:f.A.corner16,overflow:"hidden",ref:i=>e.current[4]=i,className:"revealY ".concat(i[4]?"active":""),style:{"--delay":1},children:[(0,o.jsx)(p.RC,{modules:[l.dK,l.Ij],slidesPerView:1,autoplay:{delay:45e6},loop:!0,pagination:{el:".pagination-trust",clickable:!0},children:$.Zb.map((e=>

1(0,o.jsx)(p.qr,{children:(0,o.jsx)(V,{title:e.title,description:e.description,image:e.image,gap:e.gap,imgPadding:e.imgPadding})},e.title)))}),(0,o.jsx)("div",{className:"pagination-trust value-shape-swiper-pagination"})]}),(0,o.jsx)(a.Vs,{background:"#F7F7F7"})]})},K=()=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(P,{}),(0,o.jsx)(D,{})]});var X=t(35509);const Z=e=>{let{handleMovePage:i}=e;return(0,o.jsx)(x.G2,{position:"fixed",display:"none",$displayMd:"flex",bottom:"0",left:"0",width:"100%",padding:"10px 12px",background:"var(--color-white)",$zIndex:b.A.zIndexFixed,children:(0,o.jsx)(X.GI,{type:"button",padding:"12px 24px",$lineHeight:g.kj.height26,onClick:()=>i(),children:"3\uac1c\uc6d4 \ubb34\ub8cc\ub85c \ubbf8\uc74c \uc2dc\uc791\ud558\uae30"})})};t(37299);const q=()=>{const e=(0,s.Zp)(),{isLoggedIn:i}=(0,d.A)(),{loginSuccess:t}=(0,r.y)(),p=()=>{i?t():e("/login")};return(0,n.useEffect)((()=>{window.scrollTo(0,0)}),[]),(0,o.jsxs)(a.xJ,{children:[(0,o.jsx)(j,{handleMovePage:p}),(0,o.jsx)(S,{}),(0,o.jsx)(K,{}),(0,o.jsx)(Y,{}),(0,o.jsx)(I,{}),(0,o.jsx)(Z,{handleMovePage:p})]})}},80698:()=>{}}]);
2//# sourceMappingURL=1208.ba9c8080.chunk.js.map