https://danble.co.kr/_next/static/chunks/pages/login-21e4d464f6b2b134.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3459,1741,1562,8459,3498,6118,8929],{24678:function(e,t,n){"use strict";n.d(t,{FV:function(){return l.FV}});var l=n(18823)},36429:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/login",function(){return n(84983)}])},84983:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return C},default:function(){return S}});var l=n(85893),i=n(11163),r=n(67294),o=n(24678),a=n(44609),s=n(42414),c=n(93447),d=n(1562),u=e=>{let{isStep2:t}=e;return t?(0,l.jsx)("div",{className:"mt-0 flex w-full flex-1 flex-col items-start justify-start px-sp-xl pb-0 pt-[120px]",children:(0,l.jsxs)("p",{className:"text-xlarge-title w-full text-left font-bold text-black",children:["다른 방법으로",(0,l.jsx)("br",{}),"로그인"]})}):(0,l.jsx)("div",{className:"flex-1"})},f=n(58929),p=n(9008),m=n.n(p),v=e=>{let{children:t,isStep2:n}=e,[i,o]=(0,r.useState)(!1);return(0,l.jsxs)("div",{className:"fixed inset-y-0 left-1/2 h-full w-full max-w-[480px] -translate-x-1/2 touch-none overflow-hidden overscroll-none",style:n?void 0:{backgroundColor:"#040404"},children:[!n&&(0,l.jsx)(m(),{children:(0,l.jsx)("link",{rel:"preload",as:"image",href:"/images/login-bg.png"})}),!n&&(0,l.jsx)("img",{src:"/images/login-bg.png",alt:"","aria-hidden":"true",className:"absolute inset-0 z-0 h-full w-full object-cover transition-opacity duration-500",style:{objectPosition:"center 30%",opacity:i?1:0},onLoad:()=>o(!0)}),(0,l.jsx)("div",{className:"absolute inset-0 z-0 bg-white transition-opacity duration-500",style:{opacity:n?1:0}}),!n&&(0,l.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute bottom-0 left-0 right-0 z-[5] h-[11rem] w-full",style:{background:"linear-gradient(180deg, rgba(4, 4, 4, 0.00) 0%, #040404 100%)"}}),(0,l.jsx)("div",{className:"relative z-10 flex h-full w-full animate-fadeInUp flex-col items-center justify-between will-change-transform",children:t})]})},g=n(99799),h=n(74663),x=n(7506),b=n(5625),y=n(31924);let w=e=>{window.ReactNativeWebView&&(0,y.a)(JSON.stringify({type:"SAFETY_COLOR_OVERRIDE",data:{color:e}}))},_=()=>{w(null)};var j=n(1613),k=n(8992),C=!0,S=e=>{var t;let{isLoginBlock:n,status:p,isWebApp:m}=e,y=(0,i.useRouter)(),C=(null==y?void 0:null===(t=y.query)||void 0===t?void 0:t.step)==2,S=/iphone|ipad|ipod|Macintosh/i.test(navigator.userAgent.toLowerCase()),[I,N]=(0,o.FV)(b.IsStopUserPopup),[L,z]=(0,o.FV)(b.IsBottomAppBanner),[T,R]=(0,o.FV)(b.IsResignUserPopup),E=(0,h.Z)(),[O,Z]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(null==y?void 0:y.isReady){var e;(0,j.WN)();let t=localStorage.getItem("routerStatusHash")||"",{prev_page:n}=null!==(e=null==y?void 0:y.query)&&void 0!==e?e:{};Z(!0);let l=n?(0,k.CA)(n,null):(0,k.T$)(p,null);localStorage.setItem("routerStatus",(null!=l?l:"")+t),t.length>0&&localStorage.removeItem("routerStatusHash"),localStorage.removeItem("isDailyLookTimeChange")}},[null==y?void 0:y.isReady]),(0,r.useEffect)(()=>{(null==y?void 0:y.isReady)&&(C?w("#fff"):_())},[null==y?void 0:y.isReady,C]),(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(v,{isStep2:C,children:[(0,l.jsxs)("div",{className:"absolute left-0 right-0 top-0 z-20 flex h-[48px] items-center justify-between px-sp-l",children:[C?(0,l.jsx)(a.default,{shape:"normal",size:"medium",onClick:()=>{y.replace({query:{...null==y?void 0:y.query,step:1}},void 0,{scroll:!1})},icon:(0,l.jsx)(s.Z,{direction:"left",size:"normal",color:"#737373"})}):(0,l.jsx)("div",{}),(0,l.jsx)(a.default,{shape:"normal",type:"Normal",size:"Small",onClick:()=>{(0,j.WN)(),(0,x.a5)(y)},icon:(0,l.jsx)(c.Z,{size:"large",color:C?"#797c86":"#ffffff"})})]}),(0,l.jsx)(u,{isStep2:C}),O&&(0,l.jsx)(f.default,{router:y,status:p,isApple:S,isApp:m,setIsStopUserPopup:N,isStep2:C}),(0,l.jsx)(g.default,{isStopUserPopup:I,isResignUserPopup:T,isBottomAppBanner:L,setIsStopUserPopup:N,setIsResignUserPopup:R,setIsBottomAppBanner:z}),E&&"undefined"!=typeof localStorage&&(n&&!!localStorage.getItem("userID")||!!localStorage.getItem("userID"))&&(0,l.jsx)(d.default,{isOpen:!0,onClose:()=>{},title:"유효하지 않은 접근입니다.",buttonText:"이전페이지로 이동",buttonText2:"홈으로 이동",onClick:()=>(0,x.a5)(y),onClick2:()=>{(0,x.Yo)(y,"/")}})]})})}},51741:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return b}});var l=n(85893),i=n(88986),r=n(16583),o=n(42414),a=n(3624),s=n(96347);let c={common:{0:"#191919",100:"#ffffff"},neutralGray:{50:"#f4f4f4",100:"#eeeeee",200:"#dcdcdc",300:"#c4c4c4",400:"#b0b0b0",500:"#9b9b9b",600:"#737373",700:"#595959",800:"#3d3d3d"}},d={SOLID:"Solid",SOLID_ROUND:"SolidRound",SOLID_NO_RADIUS:"SolidNoRadius",OUTLINED_PILL:"OutlinedPill",TEXT:"Text"},u=()=>{},f=r.U0.solid.primary.nonDisabled,p=(e,t,n,l)=>{var i,o,a,s;let c=n?"disabled":"nonDisabled",d=(null===r.U0||void 0===r.U0?void 0:null===(o=r.U0[null==e?void 0:e.toLowerCase()])||void 0===o?void 0:null===(i=o[null==t?void 0:t.toLowerCase()])||void 0===i?void 0:i[c])||(null===r.U0||void 0===r.U0?void 0:null===(s=r.U0.solid)||void 0===s?void 0:null===(a=s[null==t?void 0:t.toLowerCase()])||void 0===a?void 0:a[c])||

1(n?r.U0.solid.primary.disabled:f);return{backgroundColor:(0,r.zn)(l,d.bg),color:(0,r.zn)(l,d.text),borderColor:(0,r.zn)(l,d.border),_borderMatchesBg:d.bg===d.border}},m=e=>{if(!e)return null;if(null==e?void 0:e.arrow){let{direction:t,isSmall:n,size:i,...r}=e.arrow;return(0,l.jsx)(o.Z,{direction:t,arrowSize:n||"small"===i?"small":void 0,...r})}return e},v=e=>{if(!e||"object"!=typeof e)return{};let t={};for(let[n,l]of Object.entries(e))l&&(t[n]=l);return t},g=(e,t,n,l)=>e?u:t?n||u:l,h=(e,t)=>{var n;let l=(null==t?void 0:t.toLowerCase())==="text"?r.Xk[null==e?void 0:e.toLowerCase()]||r.Xk.medium:r.ap[null==e?void 0:e.toLowerCase()]||r.ap.large,i=t===d.SOLID_ROUND&&(null==e?void 0:e.toLowerCase())==="xsmall"?"1.0rem":null!==(n=l.paddingX)&&void 0!==n?n:0;return{height:l.height,padding:"0 ".concat(i),gap:l.gap,...(0,s.p)(l.fontKey),_iconHeight:l.iconHeight}},x=e=>{switch(e){case d.SOLID_NO_RADIUS:return{borderRadius:0,width:"100%",height:"6.4rem"};case d.SOLID_ROUND:return{borderRadius:"4rem"};case d.OUTLINED_PILL:return{borderRadius:"3rem"};case d.TEXT:return{borderRadius:0,padding:0};default:return{borderRadius:"0.4rem"}}};var b=e=>{var t,n,r,o;let{shape:s=d.SOLID,type:u="Primary",size:f="Large",disabled:b=!1,leftIcon:y,rightIcon:w,isWide:_=!1,isCenter:j=!1,isLoading:k=!1,keepIconColor:C=!1,color:S={},colorOverride:I={},style:N,onClick:L,onDisabledClick:z,children:T,trackingData:R,...E}=e,O=p(s,u,b,c),Z=g(k,b,z,L),D=m(y),P=m(w),U=v(S),A=v(I),B={...U,...A},{_borderMatchesBg:H,...F}=O,q=H?{...B.backgroundColor&&!B.borderColor?{borderColor:B.backgroundColor}:{},...B.borderColor&&!B.backgroundColor?{backgroundColor:B.borderColor}:{}}:{},{_iconHeight:W,...X}=h(f,s),M=x(s),Y={display:"flex",alignItems:"center",justifyContent:"center",borderWidth:"0.1rem",borderStyle:"solid",...X,...M,...F,...q,...U,...A,...N,...k&&s!==d.TEXT?{backgroundColor:"#eeeeee",borderColor:"#eeeeee"}:{}},V=k&&s===d.TEXT,K="string"==typeof T?T:"string"==typeof(null==T?void 0:null===(t=T.props)||void 0===t?void 0:t.children)?null==T?void 0:null===(n=T.props)||void 0===n?void 0:n.children:(null==T?void 0:null===(o=T.props)||void 0===o?void 0:null===(r=o.children)||void 0===r?void 0:r.filter(e=>"string"==typeof e).join("_"))||"",G={margin:"auto 0",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",minWidth:"fit-content",height:W};return(0,l.jsxs)("button",{className:"relative box-border flex cursor-pointer items-center justify-center overflow-hidden whitespace-nowrap border-[0.1rem] border-solid leading-normal disabled:cursor-not-allowed [&>*]:pointer-events-none ".concat(_?"w-full":"w-fit min-w-fit"," ").concat(j?"mx-auto":""," ").concat(C?"":"[&_.btn-icon_svg]:text-inherit [&_.btn-icon_svg_[fill]:not([fill='none']):not([fill='transparent'])]:!fill-current [&_.btn-icon_svg_[stroke]:not([stroke='none']):not([stroke='transparent'])]:!stroke-current"),disabled:!z&&b,"aria-disabled":b||void 0,type:"button",style:Y,onClick:Z,title:K||void 0,"aria-label":"button_".concat(s,"_").concat(u).concat(K?"_"+K:""),"data-track":"item","data-skip-attribution":R?void 0:"","data-item-id":(null==R?void 0:R.itemId)||void 0,"data-item-type":(null==R?void 0:R.itemType)||i.Z$.BUTTON,"data-item-label":(null==R?void 0:R.itemLabel)||K||void 0,"data-item-position":(null==R?void 0:R.itemPosition)||void 0,"data-section-key":null==R?void 0:R.sectionKey,"data-section-type":null==R?void 0:R.sectionType,"data-section-id":null==R?void 0:R.sectionId,"data-section-position":null==R?void 0:R.sectionPosition,...E,children:[D&&(0,l.jsx)("span",{className:"btn-icon btn-icon--left [&_div]:flex [&_div]:h-full [&_div]:w-full [&_div]:items-center [&_div]:justify-center [&_i]:flex [&_i]:h-full [&_i]:w-full [&_i]:items-center [&_i]:justify-center [&_svg]:w-auto [&_svg]:h-full".concat(V?"invisible":""),style:G,children:D}),V?(0,l.jsx)("span",{className:"invisible",children:T}):T,P&&(0,l.jsx)("span",{className:"btn-icon btn-icon--right [&_div]:flex [&_div]:h-full [&_div]:w-full [&_div]:items-center [&_div]:justify-center [&_i]:flex [&_i]:h-full [&_i]:w-full [&_i]:items-center [&_i]:justify-center [&_svg]:w-auto [&_svg]:h-full".concat(V?"invisible":""),style:G,children:P}),k&&(0,l.jsx)(a.Z,{style:{width:"101%",height:"101%",position:"absolute",left:0,right:0,top:0,bottom:0}})]})}},21068:function(e,t,n){"use strict";var l=n(85893),i=n(45697),r=n.n(i),o=n(67294),a=n(86266);let s=e=>{let{isOpen:t=!0,zIndex:n=10,onClose:i,className:r,style:s,children:c,isBackgroun

1dScrollAvailable:d=!1}=e,u=(0,o.useRef)(null),f=(0,a.Z)();return((0,o.useEffect)(()=>{if(!t||d)return;let e=!f||window.innerWidth<=480;e&&(document.body.style.overflow="hidden");let n=e=>{!(e.target.closest&&e.target.closest(".scroll-content"))&&e.cancelable&&e.preventDefault()};document.addEventListener("wheel",n,{passive:!1}),document.addEventListener("touchmove",n,{passive:!1});let l=e=>{e.target===u.current&&e.cancelable&&e.preventDefault()},i=u.current;return i&&(i.addEventListener("touchmove",l,{passive:!1}),i.addEventListener("wheel",l,{passive:!1})),()=>{e&&(document.body.style.overflow=""),document.removeEventListener("wheel",n),document.removeEventListener("touchmove",n),i&&(i.removeEventListener("touchmove",l),i.removeEventListener("wheel",l))}},[t,d,f]),t)?(0,l.jsx)("div",{ref:u,className:"fixed inset-0 mx-auto max-w-[480px] touch-none overscroll-contain bg-background-dim".concat(r?" "+r:""),style:{zIndex:n,...s},onClick:e=>{e.stopPropagation(),i&&i()},children:c}):null};s.propTypes={isOpen:r().bool,zIndex:r().number,onClose:r().func,className:r().string,style:r().object,children:r().node,isBackgroundScrollAvailable:r().bool},t.Z=s},42414:function(e,t,n){"use strict";var l=n(85893);n(67294);var i=n(17258),r=n(4603);let o={left:"arrow/Left",right:"arrow/Right","right-tail":"tailArrow/Right",up:"arrow/Up",top:"arrow/Up",down:"arrow/Down",bottom:"arrow/Down"};t.Z=e=>{var t;let{direction:n="right",size:a=r.Z.DEFAULT,isThick:s,isTight:c,isThin:d,arrowSize:u,...f}=e,p=null!==(t=o[n])&&void 0!==t?t:"arrow/Right";return(0,l.jsx)(i.default,{name:p,size:a,...f})}},93447:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var l=n(85893),i=n(17258),r=n(4603);function o(e){let{size:t=r.Z.DEFAULT,thickness:n="normal",thick:o=!1,color:a="currentColor",...s}=e;return(0,l.jsx)(i.default,{name:"notice/Close",size:t,color:a,...s})}},40579:function(e,t,n){"use strict";var l=n(85893),i=n(45697),r=n.n(i),o=n(93696);let a={black:"#000",red:"#801239",gray:"#eee"},s={blue:"linear-gradient(270deg, #065FD5 -4.8%, #5E97E4 111.47%), linear-gradient(180deg, #262626 0%, #000 100%), #262626",dark:"linear-gradient(270deg, #021122 -4.8%, #646567 111.47%), linear-gradient(180deg, #262626 0%, #000 100%), #262626"},c=e=>{var t,n;let{children:i,variant:r="black",font:c,textColor:d="#fff",enterAnimation:u,responsiveWidth:f,style:p,className:m,...v}=e,g=null!==(n=null!==(t=s[r])&&void 0!==t?t:a[r])&&void 0!==n?n:"#000",h=!!s[r],x=c?o.Z.font(c):{},b={background:g,color:d,...c&&{fontSize:x.fontSize,fontWeight:x.fontWeight,lineHeight:x.lineHeight,letterSpacing:x.letterSpacing},..."slideUpFade"===u&&{animation:"stripBanner-slideUpAndFadeIn 2s ease-out forwards"},...h&&{backgroundSize:"200% 100%",animation:"stripBanner-animateBackground 6s linear infinite"},...p},y=(null==f?void 0:f.min375)&&(null==f?void 0:f.max374)?"":"max-[480px]:w-screen min-[480px]:w-[480px]";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n  @keyframes stripBanner-animateBackground {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n  }\n  @keyframes stripBanner-slideUpAndFadeIn {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n"}}),(null==f?void 0:f.min375)&&(null==f?void 0:f.max374)&&(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n          @media screen and (min-width: 375px) { .strip-banner-responsive { width: ".concat(f.min375,"; } }\n          @media screen and (max-width: 374px) { .strip-banner-responsive { width: ").concat(f.max374,"; } }\n        ")}}),(0,l.jsx)("div",{className:["relative flex h-[36px] items-center justify-center overflow-hidden transition-all delay-200 duration-200 [&>img]:mr-sp-ms [&>img]:w-sp-l",y,(null==f?void 0:f.min375)&&(null==f?void 0:f.max374)?"strip-banner-responsive":"",m].filter(

1Boolean).join(" "),style:b,...v,children:i})]})};c.propTypes={children:r().node.isRequired,variant:r().oneOf(["black","red","gray","blue","dark"]),font:r().string,textColor:r().string,enterAnimation:r().oneOf(["slideUpFade"]),responsiveWidth:r().shape({min375:r().string,max374:r().string}),style:r().object},t.Z=c},1562:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return u}});var l=n(85893),i=n(67294),r=n(51741),o=n(44609),a=n(21068),s=n(93447),c=e=>{let{type:t="modal",direction:n="horizontal",distribution:r="equal",buttonCount:o,gap:a,style:s,fullWidth:c=!1,children:d}=e,u=i.Children.toArray(d).filter(Boolean),f=u.length,{flexDirection:p,gapValue:m,width:v,flexValues:g}=function(e){let{type:t,direction:n,distribution:l,buttonCount:i}=e,r="vertical"===n,o=Number(i)||1,a="0.8rem",s="100%",c=Array(o).fill(1);return"intrinsic"===l?c=Array(o).fill("none"):"primary-secondary"===l&&2===o&&(c=["none",1]),"modal"===t||"bottomSheet"===t?(s="100%",a=r&&1===o?"1.2rem":"0.8rem"):"full"===t&&(s="100%",a="0.8rem"),{flexDirection:r?"column":"row",gapValue:a,width:s,flexValues:c}}({type:t,direction:n,distribution:r,buttonCount:null!=o?o:String(Math.min(f,3))});c&&(g=Array(f).fill(1));let h="column"===p;return(0,l.jsx)("div",{className:"flex min-w-0 max-w-full justify-center",style:{alignItems:h?"stretch":"center",flexDirection:p,gap:void 0!==a?"".concat(a,"rem"):m,width:v,...s},children:u.map((e,t)=>{var n;let i=null!==(n=g[t])&&void 0!==n?n:1;return(0,l.jsx)("div",{className:"flex min-w-0 items-center justify-center [&>*]:w-full",style:{flex:"none"===i?"none":i},children:e},t)})})},d=n(91283),u=e=>{var t;let{isOpen:n,onClose:i=()=>{},title:u,description:f,titleStyle:p,descriptionStyle:m,style:v,customBackgroundStyle:g,icon:h,image:x,fullRender:b,showCloseButton:y=!1,onDimClick:w,primaryButton:_,secondaryButton:j,equalLayout:k=!1,buttonDirection:C="horizontal",buttonStyle:S,iconRender:I,modalType:N,buttonText:L,buttonText2:z,onClick:T,onClick2:R,customTwoBtnStyle:E,backgroundOnClick:O}=e,Z=(0,d.H_)(n,"modal");if(!n)return null;let D=null!=h?h:I?I():null,P=null!=_?_:{label:null!=L?L:"확인",onClick:T,style:S},U=null!=j?j:z?{label:z,onClick:R,style:null!=E?E:S}:null;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.Z,{zIndex:Z?Z.z-1:1e3,onClose:()=>{w?w():(O&&O(),i(!1))},style:g}),(0,l.jsxs)("div",{className:"fixed left-1/2 top-1/2 flex !h-auto w-[300px] min-w-[284px] max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-sp-xl overflow-hidden rounded-radius-m bg-white p-sp-xl",onClick:e=>e.stopPropagation(),style:{zIndex:null!==(t=null==Z?void 0:Z.z)&&void 0!==t?t:1100,...v},children:[b?b():(0,l.jsxs)(l.Fragment,{children:[x&&(0,l.jsx)("div",{className:"-mt-sp-xl mb-sp-s w-[calc(100%+4rem)]",children:x}),(0,l.jsxs)("div",{className:"flex w-full flex-col items-center gap-sp-xs opacity-80",children:[D&&(0,l.jsx)("div",{className:"flex items-center justify-center",children:D}),u&&(0,l.jsx)("div",{className:"text-body-1 w-full whitespace-pre-line break-keep text-center text-black",style:p,children:u}),f&&(0,l.jsx)("div",{className:"w-full whitespace-pre-line text-center text-[1.4rem] font-medium leading-[140%] tracking-[-0.028rem] text-neutral-gray-600",style:m,children:f})]}),(0,l.jsx)(c,{type:"modal",direction:C,distribution:U?(_?k:"two_main_btn"===N)?"equal":"primary-secondary":"center",children:(()=>{var e,t;let n=(0,l.jsx)(r.default,{shape:"Solid",type:"Primary",size:"medium",isWide:!0,onClick:null!==(e=P.onClick)&&void 0!==e?e:()=>i(!1),style:P.style,children:P.label},"primary"),o=U&&(0,l.jsx)(r.default,{shape:"Outlined",type:"Secondary",size:"medium",isWide:!0,onClick:null!==(t=U.onClick)&&void 0!==t?t:()=>i(!1),style:U.style,children:U.label},"secondary");return o?"vertical"===C?[n,o]:[o,n]:[n]})()})]}),y&&(0,l.jsx)(o.default,{shape:"normal",size:"small",icon:(0,l.jsx)(s.Z,{size:"medium",color:"#191919"}),style:{position:"absolute",top:"1rem",right:"1rem"},onClick:()=>i(!1)})]})]})}},58635:function(e,t,n){"use strict";var l=n(85893),i=n(45697),r=n.n(i),o=n(67294),a=n(44609),s=n(93447);let c={default:"rgba(25, 25, 25, 0.3)",blue:"#307ADC",black:"#191919",dim:"rgba(25, 25, 25, 0.85)",dar

1k:"rgba(25, 25, 25, 0.6)",white:"rgba(255, 255, 255, 0.82)"},d={white:"#191919"},u=e=>{var t,n;let{children:i,text:r,direction:u="top",arrowAlign:f="center",size:p="medium",color:m="default",trigger:v="hover",showClose:g=!1,onClose:h,open:x,delay:b=0,textAlign:y="left"}=e,[w,_]=(0,o.useState)(!1),j=(0,o.useRef)(null),k=(0,o.useRef)(null),C=(0,o.useRef)(null),S=void 0!==x,I=S?x:w,N=null!==(t=c[m])&&void 0!==t?t:c.default,L=null!==(n=d[m])&&void 0!==n?n:"#fff",z="medium"===p?8:6,T=e=>{S||_(e)},R=()=>{C.current&&(clearTimeout(C.current),C.current=null)},E=()=>{T(!1),null==h||h()};if((0,o.useEffect)(()=>{if(!I||"click"!==v)return;let e=e=>{j.current&&!j.current.contains(e.target)&&k.current&&!k.current.contains(e.target)&&E()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[I,v]),(0,o.useEffect)(()=>()=>R(),[]),!i)return null;let O="medium"===p?12:10,Z=12+O/2,D="medium"===p?8:6,P=()=>{let e={};return"left"===f?"top"===u||"bottom"===u?e.marginLeft=12:e.marginTop=12:"right"===f&&("top"===u||"bottom"===u?e.marginRight=12:e.marginBottom=12),e},U=(()=>{var e;let t=P(),n={top:{w:O,h:D,path:"M0 0 L".concat(O," 0 L").concat(O/2," ").concat(D," Z"),overlap:{marginBottom:-1}},bottom:{w:O,h:D,path:"M".concat(O/2," 0 L").concat(O," ").concat(D," L0 ").concat(D," Z"),overlap:{marginTop:-1}},left:{w:D,h:O,path:"M0 0 L".concat(D," ").concat(O/2," L0 ").concat(O," Z"),overlap:{marginRight:-1}},right:{w:D,h:O,path:"M".concat(D," 0 L0 ").concat(O/2," L").concat(D," ").concat(O," Z"),overlap:{marginLeft:-1}}},i=null!==(e=n[u])&&void 0!==e?e:n.top;return(0,l.jsx)("svg",{width:i.w,height:i.h,viewBox:"0 0 ".concat(i.w," ").concat(i.h),fill:"none",style:{flexShrink:0,display:"block",...t,...i.overlap},children:(0,l.jsx)("path",{d:i.path,fill:"white"===m?"#ffffff":N})})})(),A=(0,l.jsxs)("div",{className:"inline-flex max-w-[360px] items-start rounded-radius-s ".concat("default"===m||"dark"===m||"white"===m?"backdrop-blur-[10px]":""),style:{backgroundColor:N,color:L,padding:"medium"===p?"0.8rem":"0.6rem",gap:"medium"===p?"0.8rem":"0.6rem",boxShadow:"white"===m?"0 6px 20px rgba(0,0,0,0.12)":void 0},children:[(0,l.jsx)("div",{className:"".concat("small"===p?"text-detail-1 font-medium":"text-body-3 font-medium"," w-max min-w-min whitespace-pre-line break-words"),style:{textAlign:y,color:L},children:r}),g&&(0,l.jsx)(a.default,{onClick:E,shape:"Icon",type:"medium",size:"xxsmall",icon:(0,l.jsx)(s.Z,{size:"medium"===p?"large":"small",color:L})})]}),B="top"===u||"left"===u;return(0,l.jsxs)("div",{ref:j,className:"relative inline-flex items-center justify-center",children:[(0,l.jsx)("div",{className:"inline-flex cursor-pointer items-center justify-center",onMouseEnter:()=>{"hover"===v&&(R(),b>0?C.current=setTimeout(()=>T(!0),b):T(!0))},onMouseLeave:()=>{"hover"===v&&(R(),T(!1))},onClick:e=>{"click"===v&&(e.stopPropagation(),b>0?(R(),C.current=setTimeout(()=>T(!I),b)):T(!I))},children:i}),I&&(0,l.jsxs)("div",{ref:k,className:"",style:(()=>{let e={position:"absolute",zIndex:10,display:"flex"},t=g||"click"===v?"auto":"none";return"top"===u||"bottom"===u?{...e,flexDirection:"column",left:"50%",pointerEvents:t,..."top"===u?{bottom:"calc(100% + ".concat(z,"px)")}:{top:"calc(100% + ".concat(z,"px)")},..."center"===f?{transform:"translateX(-50%)",alignItems:"center"}:"left"===f?{transform:"translateX(-".concat(Z,"px)"),alignItems:"flex-start"}:{transform:"translateX(calc(-100% + ".concat(Z,"px))"),alignItems:"flex-end"}}:{...e,flexDirection:"row",top:"50%",pointerEvents:t,..."left"===u?{right:"calc(100% + ".concat(z,"px)")}:{left:"calc(100% + ".concat(z,"px)")},..."center"===f?{transform:"translateY(-50%)",alignItems:"center"}:"left"===f?{transform:"translateY(-".concat(Z,"px)"),alignItems:"flex-start"}:{transform:"translateY(calc(-100% + ".concat(Z,"px))"),alignItems:"flex-end"}}})(),children:[B?A:U,B?U:A]})]})};u.propTypes={children:r().node.isRequired,text:r().string.isRequired,direction:r().oneOf(["top","bottom","left","right"]),arrowAlign:r().oneOf(["left","center","right"]),size:r().oneOf(["medium","small"]),color:r().oneOf(["default","blue","black","dim","dar

1k","white"]),trigger:r().oneOf(["hover","click"]),showClose:r().bool,onClose:r().func,open:r().bool,delay:r().number,textAlign:r().oneOf(["left","center","right"])},t.Z=u},58929:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return x}});var l=n(85893),i=n(90512),r=n(51741),o=n(11163),a=n(65514);function s(e){let{_type:t,_savePath:n,cenFrom:i,isOnboardingHome:s,isOnboardingHomeLanding:c,_stylequizPrevPage:d,_customNaverBtnText:u}=e,f=(0,o.useRouter)();return(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(r.default,{isWide:!0,onClick:()=>{(0,a.Z)("".concat(i||(c?"온보딩홈랜딩":s?"온보딩홈":"온보딩"),"-다른방법으로로로그인하기/클릭")),f.replace({query:{...null==f?void 0:f.query,step:2}},void 0,{scroll:!1})},shape:"Solid",type:"Secondary",size:"large",colorOverride:{backgroundColor:"#ffffff",borderColor:"#ffffff",color:"#191919"},children:"다른 방법으로 로그인"})})}var c=n(20320),d=n(44097);n(67294);var u=n(58635),f=n(5625),p=e=>{let{type:t="login"}=e,n="신규 가입 시, 바로 사용 가능한\n전 상품 적용 ".concat(f.FIRST_PURCHASE_DISCOUNT_RATE,"% 쿠폰 선물!");return(0,l.jsx)("div",{className:"mx-auto mb-sp-xxs w-fit",children:(0,l.jsx)(u.Z,{text:n,direction:"top",arrowAlign:"center",size:"small",color:"cart"===t?"default":"blue",open:!0,textAlign:"center",children:(0,l.jsx)("div",{className:"hidden"})})})},m=n(74942),v=n(7506),g=n(5805),h=n(1613),x=e=>{var t;let{isApple:n,setIsStopUserPopup:o,_status:u,router:f,isStep2:x,type:b="login_page"}=e,y=(0,v.rq)(),w="cart"===b?null:(0,g.co)(null==f?void 0:null===(t=f.query)||void 0===t?void 0:t.prev_page),_=(0,i.Z)("w-full px-sp-xl pb-[clamp(40px,12dvh,144px)]",x?"pt-sp-xxl":"pt-0");return(0,l.jsx)("div",{id:"button_container",className:_,children:"cart"===b?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(p,{type:"cart"}),(0,l.jsxs)("div",{className:"flex flex-col gap-sp-m",children:[(0,l.jsx)(c.Z,{isAppleScreening:!1,type:"login_page"}),(0,l.jsx)(m.Z,{type:"login_page"}),n&&y&&(0,l.jsx)(d.Z,{horizontalPadding:25,isLoginPage:!0,setIsStopUserPopup:o}),(0,l.jsx)(r.default,{isWide:!0,onClick:()=>{(0,a.Z)("장바구니-전화번호로 계속하기/클릭"),localStorage.setItem("prevUrl","/cart"),(0,h.Kw)(),(0,v.Yo)(f,"/login_phone?from=cart")},shape:"Text",type:"Assistive",size:"large",children:"전화번호로 계속하기"})]})]}):x?x&&(0,l.jsxs)("div",{className:"flex flex-col gap-sp-xl",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-sp-s",children:[(0,l.jsx)(m.Z,{type:"login_page",crmReturnPath:w}),n&&y&&(0,l.jsx)(d.Z,{horizontalPadding:25,isLoginPage:!0,setIsStopUserPopup:o,crmReturnPath:w})]}),(0,l.jsx)(r.default,{isWide:!0,onClick:()=>{(0,a.Z)("로그인-휴대폰 번호로 계속하기/클릭"),(0,h.Kw)(w),(0,v.Yo)(f,w?"/login_phone?prev_page=".concat(encodeURIComponent(w)):"/login_phone")},shape:"Text",type:"Assistive",size:"medium",colorOverride:{color:"#737373"},children:"전화번호로 계속하기"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(p,{}),(0,l.jsxs)("div",{className:"flex flex-col gap-sp-s",children:[(0,l.jsx)(c.Z,{isAppleScreening:!1,type:"login_page",crmReturnPath:w}),(0,l.jsx)(s,{type:"login_page"})]})]})})}},99799:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return u}});var l=n(85893),i=n(67294),r=(n(42414),n(17258),n(40579),n(7506)),o=e=>{let{setIsBanner:t,isHigh:n,style:l,customLink:o}=e,a=(0,r.rq)();return(0,i.useEffect)(()=>{a&&t(!1)},[a,t]),null},a=n(1562),s=n(41865),c=e=>{let{setIsPopupOpen:t}=e,n=()=>{(0,s.m)({afterSuccess:()=>{t(!1)},afterFail:()=>{t(!1)}})};return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(a.default,{description:"가입 이력이 있는 계정입니다.\n\n계정 복구를 원하시면 하단 버튼으로 문의 주세요.",isOpen:!0,primaryButton:{label:"1:1문의",onClick:e=>{e.preventDefault(),n()}},secondaryButton:{label:"닫기",onClick:()=>t(!1)}})})},d=n(56237),u=e=>{let{isStopUserPopup:t,isResignUserPopup:n,isBottomAppBanner:i,setIsStopUserPopup:r,setIsResignUserPopup:a,setIsBottomAppBanner:s}=e;return(0,l.jsxs)(l.Fragment,{children:[t&&(0,l.jsx)(d.Z,{isOpen:t,setIsPopupOpen:r}),n&&(0,l.jsx)(c,{isOpen:n,setIsPopupOpen:a}),i&&(0,l.jsx)(o,{setIsBanner:s,isHigh:!1,style:{bottom:"28px"}})]})}},56237:function(e,t,n){"use strict";var l=n(85893),i=n(11163),r=n(1562),o=n(41865);t.Z=e=>{let{setIsPopupOpen:t,isKaKao:n}=e,a=(0,i.useRouter)(),s=()=>{(0,o.m)({afterSuccess:()=>{t(!1),n&&a.replace("/")},afterFail:()=>{t(!1),n&&a.replace("/")}})};return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(r.default,{description:"탈퇴하신 계정입니다.\n\n재가입을 원하시는 경우 하단 버튼으로 문의 주세요.",isOpen:!0,primaryButton:{label:"1:1문의",onClick:e=>{e.preventDefault(),s()}},secondaryButton:{label:"닫기",onClick:()=>{t(!1),n&&a.replace("/")}}})})}},74663:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var l=n(67294);function i(){let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=async()=>{try{(await Promise.all([n.e(1897),n.e(5003)]).then(n.bind(n,20900))).setTag("cls.source","unknown")}catch(e){}};return(async()=>{try{(await Promise.all([n.e(1897),n.e(5003)]).then(n.bind(n,20900))).setTag("cls.source","hydration_mismatch")}catch(e){}})(),t(!0),()=>{e()}},[]),e}},91283:function(e,t,n){"use strict";n.d(t,{H_:function(){return s}});var l=n(67294),i=n(18823),r=n(23855),o=n(86475);let a=0;function s(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"sheet",{push:n,pop:s}={push:(0,i._8)(e=>

1{let{set:t,snapshot:n}=e;return function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"sheet",l=n.getLoadable(r.Hy).valueOrThrow(),i=l.length+1,o=i*r.Zb,s={id:(a=(a+1)%Number.MAX_SAFE_INTEGER,"layer_".concat(Date.now(),"_").concat(a)),type:e,z:o,stackIndex:i};return t(r.Hy,[...l,s]),s}},[]),pop:(0,i._8)(e=>{let{set:t}=e;return e=>{t(r.Hy,t=>t.filter(t=>t.id!==e)),t(o.J,t=>t.filter(t=>t.layerId!==e))}},[])},[c,d]=(0,l.useState)(null);return(0,l.useEffect)(()=>{if(!e)return;let l=n(t);if(l)return d(l),()=>{s(l.id),d(null)}},[e]),c}},86266:function(e,t,n){"use strict";var l=n(67294);t.Z=()=>{let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{var e,n;(null===(e=navigator)||void 0===e?void 0:e.userAgent)&&(/iPhone|iPod|Android/i.test(null===(n=navigator)||void 0===n?void 0:n.userAgent)?t(!1):t(!0))},[]),e}},96347:function(e,t,n){"use strict";n.d(t,{Z:function(){return s},p:function(){return a}});let l={"xlarge-title":700,"large-title":700,"title-1":700,"title-2":700,"title-3":700,"body-1":700,"body-2":700,"body-3":600,"body-4":600,"detail-1":600,"detail-2":500,caption:500},i={Bold:{value:700,cls:"font-bold"},Semi_Bold:{value:600,cls:"font-semibold"},Medium:{value:500,cls:"font-medium"},Regular:{value:400,cls:"font-regular"}},r={Large_Title:"large-title",XLarge_Title:"xlarge-title",Title_1:"title-1",Title_2:"title-2",Title_3:"title-3",Body_1:"body-1",Body_2:"body-2",Body_3:"body-3",Body_4:"body-4",Detail_1:"detail-1",Detail_2:"detail-2",Caption:"caption",Caption_2:"caption",Headline_2:"headline-2"},o={Large_Title:{size:24,lineHeight:"130%"},Title_1:{size:22,lineHeight:"130%"},Title_2:{size:20,lineHeight:"140%"},Title_3:{size:18,lineHeight:"140%"},Body_1:{size:16,lineHeight:"140%"},Body_2:{size:15,lineHeight:"140%"},Body_3:{size:14,lineHeight:"140%"},Body_4:{size:13,lineHeight:"140%"},Detail_1:{size:12,lineHeight:"130%"},Detail_2:{size:11,lineHeight:"120%"},Caption:{size:10,lineHeight:"120%"},Caption_2:{size:11,lineHeight:"127%"},Headline_2:{size:17,lineHeight:"141%"}};function a(e){var t;if(!e)return{};let[n,l="Bold"]=e.trim().split("/"),r=o[n];if(!r)return{};let a=i[l];return{fontSize:r.size/10+"rem",fontWeight:null!==(t=null==a?void 0:a.value)&&void 0!==t?t:700,lineHeight:r.lineHeight,letterSpacing:-1*r.size*2/1e3+"rem"}}function s(e){if(!e)return"";let[t,n="Bold"]=e.trim().split("/"),o=r[t];if(!o)return"";let a="text-".concat(o),s=i[n];return s&&l[o]!==s.value?"".concat(a," ").concat(s.cls):a}},41865:function(e,t,n){"use strict";n.d(t,{m:function(){return r}});var l=n(26223);let i=async e=>{let{afterLoadSdk:t=()=>{}}=e,n=document.createElement("script");n.src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.2/kakao.min.js",n.onload=()=>{(0,l.Z)(),t()},document.body.appendChild(n)},r=e=>{var t;let{afterSuccess:n,afterFail:l}=e,r=()=>{window.Kakao.Channel.followChannel({channelPublicId:"_xoqxois"}).then(function(){n()}).catch(function(e){console.log(e),l()})};(null===(t=window)||void 0===t?void 0:t.Kakao)?r():i({afterLoadSdk:()=>r()})}}},function(e){e.O(0,[210,1876,4609,6155,2888,9774,179],function(){return e(e.s=36429)}),_N_E=e.O()}]);