1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9674],{83376:function(n,e){"use strict";e.Z={src:"/_next/static/media/keepgrow-beigle-login.96fabfc4.svg",height:817,width:629,blurWidth:0,blurHeight:0}},30281:function(n,e,o){"use strict";o.d(e,{Z:function(){return l}});var t=o(85893),i=o(9008),a=o.n(i),r=o(4407);function l(n){let{title:e,description:o}=n;return(0,t.jsxs)(a(),{children:[(0,t.jsx)("title",{children:e}),(0,t.jsx)("meta",{name:"description",content:o}),(0,t.jsx)("meta",{property:"og:title",content:e||r.oR.title}),(0,t.jsx)("meta",{property:"og:description",content:o||r.oR.description}),(0,t.jsx)("meta",{property:"og:image",content:"https://storage.keepgrow.com/admin/keepgrow_og_image.png"}),(0,t.jsx)("link",{rel:"icon",href:"https://app.keepgrow.com/favicon.ico"}),(0,t.jsx)("link",{rel:"preconnect",href:"https://t1.kakaocdn.net"}),(0,t.jsx)("link",{rel:"preconnect",href:"https://t1.daumcdn.net"})]})}},8101:function(n,e,o){"use strict";o.d(e,{Z:function(){return j}});var t=o(85893),i=o(25675),a=o.n(i),r=o(41664),l=o.n(r),d=o(39332),c=o(4407),s=o(724),p=o(98635),m=o(30281),f=o(82729),g=o(70917),b=o(16829),h=o(83376);function u(){let n=(0,f._)(["\n @font-face {\n font-family: 'Feather';\n src: url('/fonts/feather/fonts/Feather.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n }\n @media (min-width: 576px) {\n /* .container {\n max-width: initial;\n } */\n }\n .signUpinner {\n position: relative;\n width: 100%;\n max-width: 628px;\n margin: 175px auto 0;\n }\n /* .font-weight-bold {\n position: relative;\n color: #131336;\n font-weight: 500 !important;\n } */\n \n .cafe24-signup-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 500px;\n height: 100vh;\n background-color: #5e82f3;\n z-index: 1030;\n overflow: hidden;\n padding: 0;\n .cafe24-section {\n position: absolute;\n width: 100%;\n background-color: #5e82f3;\n padding-left: 1.5rem;\n padding-top: 8px;\n }\n .cafe24-signup-img {\n width: 100%;\n height: auto;\n max-width: 100%;\n min-height: 400px;\n flex-shrink: 0;\n object-position: center;\n object-fit: cover;\n }\n @media (min-width: 992px) {\n display: block;\n }\n @media (max-width: 991px) {\n display: none;\n }\n }\n\n .text-required {\n position: absolute;\n top: 4px;\n right: -10px;\n width: 6px;\n height: 6px;\n border-radius: 100%;\n background-color: #ff606d;\n }\n\n .navbar-vertical.navbar-expand-lg {\n display: none;\n }\n\n .navbar-light {\n background-color: #fff;\n border-color: #e3ebf6;\n }\n @media (min-width: 992px) {\n .navbar-vertical.navbar-expand-lg {\n display: block;\n max-width: 500px;\n /* overflow-y: initial; */\n overflow: visible;\n background: #5e81f4;\n transition: background-color 1s;\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n overflow-y: initial;\n }\n\n .navbar-vertical.navbar-expand-lg.step1 {\n background: #5e81f4 url(",") no-repeat 90px 385px;\n background-size: 109%;\n }\n\n .navbar-vertical.navbar-expand-lg.step2 {\n background: #7b4fff url(",") no-repeat 130px 380px;\n background-size: 72%;\n }\n\n .navbar-vertical.navbar-expand-lg.step3 {\n background: #4ad2db url(",") no-repeat 40px 430px;\n background-size: 125%;\n }\n\n .navbar-vertical.navbar-expand-lg.step-login {\n background: #5e81f4 url(",") no-repeat 55px 395px;\n background-size: 105%;\n }\n\n .navbar-vertical.navbar-expand-lg.step-find-info {\n background: #8f8e94 url(",") no-repeat 70px 385px;\n background-size: 103%;\n }\n\n .navbar-vertical.navbar-expand-lg.step-find-info-private {\n background: #8f8e94 url(",") no-repeat 71px 330px;\n background-size: 98%;\n }\n\n .navbar-vertical.navbar-expand-lg.fixed-left:not([style*='display: none']) ~ .main-content,\n #topnav {\n margin-left: 500px;\n }\n\n .navbar[class*='fixed-'] {\n z-index: 1030;\n }\n\n #topnav .d-flex img {\n display: none;\n }
1\n\n .modal-lg,\n .modal-xl {\n max-width: 600px;\n }\n\n .navbar-expand-lg,\n .navbar-expand-lg > [class*='container'] {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n @media (min-width: 768px) {\n .navbar-vertical-sm:not([style*='display: none']) ~ .main-content .container,\n .navbar-vertical-sm:not([style*='display: none']) ~ .main-content .container-fluid,\n .navbar-vertical:not([style*='display: none']) ~ .main-content .container,\n .navbar-vertical:not([style*='display: none']) ~ .main-content .container-fluid {\n padding-left: 36px !important;\n padding-right: 36px !important;\n }\n }\n\n #stepNavigation {\n position: absolute;\n right: -30px;\n top: 150px;\n bottom: auto;\n left: auto;\n}\n\n#stepNavigation > div {\n margin-bottom: 30px;\n text-align: right;\n color: rgba(255, 255, 255, 0.5);\n transition: ease-in 0.3s;\n}\n\n#stepNavigation > div span {\n display: inline-block;\n}\n\n#stepNavigation > div span h2 {\n margin-bottom: 0;\n font-size: 1.5rem;\n}\n\n#stepNavigation > div span.num {\n width: 60px;\n height: 40px;\n text-align: center;\n margin-left: 20px;\n vertical-align: top;\n transition: ease-in 0.3s;\n}\n\n#stepNavigation > div span.num .inner {\n display: inline-block;\n width: 40px;\n height: 40px;\n border-radius: 100%;\n text-align: center;\n line-height: 40px;\n background-color: #f1f4fd;\n color: #9999bd;\n font-weight: 500;\n font-size: 1rem;\n}\n\n#stepNavigation > div .activeTit {\n margin-top: 4px;\n}\n\n#stepNavigation > div .activeTit .step {\n font-size: 0.875rem;\n}\n\n#stepNavigation > div .activeTit .step h2 {\n font-size: 1.5rem;\n}\n\n#stepNavigation > div .normalTit {\n margin-top: 9px;\n font-size: 1rem;\n}\n\n#stepNavigation > div.active {\n font-weight: bold;\n color: #fff;\n}\n\n#stepNavigation > div.active span.num {\n height: 60px;\n}\n\n#stepNavigation > div.active span.num .inner {\n width: 100%;\n height: 100%;\n line-height: 60px;\n font-size: 1.5rem;\n font-weight: 500;\n color: #4d4cac;\n box-shadow: 0 2px 6px 0 rgba(19, 19, 54, 0.15);\n transition: ease-in 0.3s;\n background-color: #fff;\n}\n\n#stepNavigation > div.done span.num .inner {\n background-color: #4d4cac;\n color: #fff;\n position: relative;\n font-size: 0;\n}\n\n#stepNavigation > div.done span.num .inner:before {\n font-family: 'Feather', 'Feather-IE' !important;\n content: '\\e92b';\n font-size: 16px;\n}\n\n#stepNavigation >
1 div span.num .inner:after {\n content: '';\n display: inline-block;\n width: 2px;\n height: 1px;\n background-color: #4d4cac;\n position: absolute;\n top: auto;\n bottom: 0;\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n z-index: -1;\n}\n\n#stepNavigation > div.done span.num .inner:after {\n height: 50px;\n bottom: -50px;\n transition: ease-in 0.3s;\n}\n\n#stepNavigation > div .activeTit,\n#stepNavigation > div.active .normalTit {\n display: none;\n}\n\n#stepNavigation > div.active .activeTit,\n#stepNavigation > div .normalTit {\n display: inline-block;\n}\n\n /* .btn {\n border-color: #c7cad1;\n display: inline-block;\n font-weight: 400;\n color: #12263f;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 0.5rem 0.75rem;\n font-size: 0.9375rem;\n line-height: 1.5;\n border-radius: 0.625rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n\n .btn-primary {\n color: #fff;\n background-color: #5e81f4 !important;\n border-color: #5e81f4;\n }\n\n .btn-primary.inactive {\n background-color: #8ea7f7;\n border-color: #8ea7f7;\n }\n\n .btn-primary:hover {\n border: solid 1px #415aaa;\n background-color: #415aaa;\n }\n\n .btn-primary:focus {\n box-shadow: 0 0 0 0.15rem rgba(76, 143, 233, 0.5);\n }\n\n .btn-outline-secondary {\n border-color: #c7cad1;\n} */\n\n /* main */\n .row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -12px;\n margin-left: -12px;\n }\n\n /* ì¹´í24 리ëë ì
ì ì¬ì´ëë° ì¦ì ì¨ê¹ ì²ë¦¬ */\n .hide-sidebar {\n display: none !important;\n }\n\n /* stepIntroduce */\n #stepIntroduce {\n padding: 2.5rem 1.875rem;\n color: #fff;\n background-color: rgba(0, 0, 0, 0.3);\n }\n\n /* #stepIntroduce > div {\n display: none;\n } */\n\n #stepIntroduce > div.step1 {\n display: block;\n }\n\n /* loginIntroduce */\n #sidebar.step-login #loginIntroduce,\n #sidebar.step-find-info #loginIntroduce,\n #sidebar.step-find-info-private #loginIntroduce {\n display: block !important;\n }\n\n #loginIntroduce {\n position: absolute;\n top: 11.875rem;\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n width: 100%;\n text-align: center;\n }\n\n #loginIntroduce small {\n font-size: 0.813rem;\n }\n\n #verifyMobileForm .input-group-text {\n padding: 0 1rem;\n font-size: 0.813rem;\n color: #fff;\n width: 80px;\n justify-content: center;\n }\n\n #verifyMobileForm .timer {\n position: absolute;\n right: 95px;\n top: 12px;\n z-index: 10;\n }\n\n #verifyMobileForm .timer.fixed {\n right: 20px;\n }\n\n #marketingCollapse > div {\n padding-top: 30px;\n padding-left: 40px;\n font-size: 14px;\n }\n #marketingCollapse .check-form-inline {\n min-width: 80px;\n }\n\n #marketingCollapse .check-form-inline label span {\n margin-top: 0.1rem;\n left: 35px;\n }\n\n /* topnav */\n /* #topnav .d-flex img {\n display: block;\n } */\n @media (max-width: 576px) {\n #topnav {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n #topnav .d-flex,\n #topnav > div:not(.d-flex),\n #topnav span,\n #topnav small {\n font-size: 0 !important;\n }\n\n .signUpinner {\n margin-top: 125px;\n }\n }\n\n /* collape */\n .collapse {\n position: relative;\n overflow: hidden;\n transition: height 0.35s ease;\n }\n\n /* form */\n .form-group {\n margin-bottom: 2.5rem;\n }\n .form-group label {\n position: relative;\n }\n .form-control {\n display: block;\n /* width: 100%; */\n height: calc(1.5em + 1rem + 2px);\n padding: 0.5rem 0.75rem;\n font-size: 0.9375rem;\n font-weight: 400;\n line-height: 1.5;\n color: #12263f;\n appearance: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #d2ddec;\n border-radius: 0.375rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n .form-control,\n .input-group-text {\n font-size: 0.813rem;\n height: 2.75rem;\n border-color: #c7cad1;\n }\n\n .form-control:focus {\n border-color: #1564ff;\n }\n\n .form-control:focus.invalid {\n border-color: #ff606d !important;\n }\n .form-control.invalid {\n border-color: #ff606d !important;\n }\n .input-group.input-group-merge\n > .form-control.invalid\n ~ [class*='input-group']\n > .input-group-text {\n border-color: #ff606d;\n }\n /* check form */\n .form-check-label {\n margin-bottom: 0;\n }\n .form-check-inline {\n display: inline-flex;
1\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n }\n .form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n opacity: 0;\n }\n\n .check-form {\n position: relative;\n padding-left: 0;\n font-size: 0;\n }\n\n .check-form input[type='checkbox'] {\n display: none;\n }\n\n .check-form input[type='checkbox'] + label {\n display: inline-block;\n cursor: pointer;\n position: unset;\n width: 24px;\n height: 24px;\n border-radius: 0.5rem;\n background-color: #fff;\n position: unset;\n border: solid 2px #979797;\n margin-bottom: 0;\n }\n .check-form input[type='checkbox']:checked + label {\n background-color: #5e81f4;\n border: none;\n }\n\n .check-form input[type='checkbox']:checked + label:before {\n font-family: 'Feather', 'Feather-IE' !important;\n content: '\\e92b';\n font-size: 18px;\n color: #fff;\n position: relative;\n top: -1px;\n left: 3px;\n line-height: 1.4;\n }\n\n .check-form input[type='checkbox'] + label > span {\n position: absolute;\n left: 40px;\n top: 50%;\n right: auto;\n bottom: auto;\n transform: translateY(-50%);\n font-size: 0.875rem;\n color: #5f5f80;\n display: flex;\n flex-flow: column;\n -ms-flex-flow: column;\n }\n\n /* input checkbox custom */\n .keepgrowCheckbox {\n padding: 1.125rem 1.25rem;\n background-color: #f0f3f8;\n border-radius: 1.25rem;\n }\n\n .keepgrowCheckbox input[type='checkbox'] + label {\n border: none;\n }\n\n .keepgrowCheckbox button {\n position: absolute;\n top: 50%;\n right: 0;\n font-size: 18px;\n width: 30px;\n height: 30px;\n transform: translateY(-50%);\n background: transparent;\n color: #9999bd;\n text-align: center;\n margin: 0 auto;\n border: none;\n padding: 0;\n }\n\n .keepgrowCheckbox button:hover,\n .keepgrowCheckbox button:focus,\n .keepgrowCheckbox #marketingToggle[aria-expanded='true'] {\n background-color: #e5e9fa;\n color: #5e81f4;\n }\n\n .marketingLabel {\n width: 75%;\n margin-left: 16px;\n margin-top: 0.1rem;\n font-size: 0.875rem;\n color: #5f5f80;\n }\n\n .text-muted-2 {\n color: #9999bd !important;\n }\n\n /* custom-control */\n .custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: -0.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: '';\n background-color: #ffffff;\n border: #adb5bd solid 1px;\n }\n\n .custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: -0.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n content: '';\n background: 50% / 50% 50% no-repeat;\n }\n\n .custom-radio .custom-control-label::before {\n border-radius: 50%;\n }\n\n .custom-control-input:checked ~ .custom-control-label:before {\n color: #fff;\n border-color: #2c7be5;\n background-color: #2c7be5;\n }\n .custom-control-input:focus ~ .custom-control-label:before {\n box-shadow: transparent;\n }\n .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {\n border-color: #2c7be5;\n }\n .custom-control-input:not(:disabled):active ~ .custom-control-label:before {\n color: #fff;\n background-color: #cbdef9;\n border-color: #cbdef9;\n }\n .custom-control-input:disabled ~ .custom-control-label {\n color: #95aac9;\n }\n .custom-control-input:disabled ~ .custom-control-label:before {\n background-color: #fff;\n }\n\n .invalid-feedback,\n .text-danger {\n display: block;\n color: #ff606d !important;\n }\n\n @keyframes slideUpAndFadeIn {\n 0% {\n transform: translateY(20%); /* Start a bit lower */\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n .slide-up-animation {\n animation: slideUpAndFadeIn 0.8s ease-in-out forwards;\n }\n\n .btn-keepgrow {\n width: 10rem;\n }\n .rounded-pill {\n display: inline-block;\n padding: 0.5rem 0.75rem;\n border-color: #c7cad1;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n line-height: 1.5;\n }\n\n .btn-primary {\n background-color: #7f9af7 !important;\n border-color: #7f9af7 !important;\n }\n\n .btn-primary.inactive {\n background-color: #5e81f4 !important;\n color: #ffffff !important;\n border-color: #5e81f4 !important;\n }\n \n .btn-primary:focus {\n box-shadow: 0 0 0 0.15rem rgba(76, 143, 233, 0.5);\n }\n"],["\n @font-face {\n font-family: 'Feather';\n src: url('/fonts/feather/fonts/Feather.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n }\n @media (min-width: 576px) {\n /* .container {\n max-width: initial;\n } */\n }\n .signUpinner {\n position: relative;\n width: 100%;\n max-width: 628px;\n margin: 175px auto 0;\n }\n /* .font-weight-bold {\n position: relative;\n color: #131336;\n font-weight: 500 !important;\n } */\n \n .cafe24-signup-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 500px;\n height: 100vh;\n background-color: #5e82f3;\n z-index: 1030;\n overflow: hidden;\n padding: 0;\n .cafe24-section {\n position: absolute;\n width: 100%;\n background-color: #5e82f3;\n padding-left: 1.5rem;\n padding-top: 8px;\n }\n .cafe24-signup-img {\n width: 100%;\n height: auto;\n max-width: 100%;\n min-height: 400px;\n flex-shrink: 0;\n object-position: center;\n object-fit: cover;\n }\n @media (min-width: 992px) {\n display: block;\n }\n @media (max-width: 991px) {\n display: none;\n }\n }\n\n .text-required {\n position: absolute;\n top: 4px;\n right: -10px;\n width: 6px;\n height: 6px;\n border-radius: 100%;\n background-color: #ff606d;\n }\n\n .navbar-vertical.navbar-expand-lg {\n display: none;\n }\n\n .navbar-light {\n background-color: #fff;\n border-color: #e3ebf6;\n }\n @media (min-width: 992px) {\n .navbar-vertical.navbar-expand-lg {\n display: block;\n max-width: 500px;\n /* overflow-y: initial; */\n overflow: visible;\n background: #5e81f4;\n transition: background-color 1s;\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n overflow-y: initial;\n }\n\n .navbar-vertical.navbar-expand-lg.step1 {\n background: #5e81f4 url(",") no-repeat 90px 385px;\n background-size: 109%;\n }\n\n .navbar-vertical.navbar-expand-lg.step2 {\n background: #7b4fff url
1(",") no-repeat 130px 380px;\n background-size: 72%;\n }\n\n .navbar-vertical.navbar-expand-lg.step3 {\n background: #4ad2db url(",") no-repeat 40px 430px;\n background-size: 125%;\n }\n\n .navbar-vertical.navbar-expand-lg.step-login {\n background: #5e81f4 url(",") no-repeat 55px 395px;\n background-size: 105%;\n }\n\n .navbar-vertical.navbar-expand-lg.step-find-info {\n background: #8f8e94 url(",") no-repeat 70px 385px;\n background-size: 103%;\n }\n\n .navbar-vertical.navbar-expand-lg.step-find-info-private {\n background: #8f8e94 url(",") no-repeat 71px 330px;\n background-size: 98%;\n }\n\n .navbar-vertical.navbar-expand-lg.fixed-left:not([style*='display: none']) ~ .main-content,\n #topnav {\n margin-left: 500px;\n }\n\n .navbar[class*='fixed-'] {\n z-index: 1030;\n }\n\n #topnav .d-flex img {\n display: none;\n }\n\n .modal-lg,\n .modal-xl {\n max-width: 600px;\n }\n\n .navbar-expand-lg,\n .navbar-expand-lg > [class*='container'] {\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n @media (min-width: 768px) {\n .navbar-vertical-sm:not([style*='display: none']) ~ .main-content .container,\n .navbar-vertical-sm:not([style*='display: none']) ~ .main-content .container-fluid,\n .navbar-vertical:not([style*='display: none']) ~ .main-content .container,\n .navbar-vertical:not([style*='display: none']) ~ .main-content .container-fluid {\n padding-left: 36px !important;\n padding-right: 36px !important;\n }\n }\n\n #stepNavigation {\n position: absolute;\n right: -30px;\n top: 150px;\n bottom: auto;\n left: auto;\n}\n\n#stepNavigation > div {\n margin-bottom: 30px;\n text-align: right;\n color: rgba(255, 255, 255, 0.5);\n transition: ease-in 0.3s;\n}\n\n#stepNavigation > div span {\n display: inline-block;\n}\n\n#stepNavigation > div span h2 {\n margin-bottom: 0;\n font-size: 1.5rem;\n}\n\n#stepNavigation > div span.num {\n width: 60px;\n height: 40px;\n text-align: center;\n margin-left: 20px;\n vertical-align: top;\n transition: ease-in 0.3s;\n}\n\n#stepNavigation > div span.num .inner {\n display: inline-block;\n width: 40px;\n height: 40px;\n border-radius: 100%;\n text-align: center;\n line-height: 40px;\n background-color: #f1f4fd;\n color: #9999bd;\n font-weight: 500;\n font-size: 1rem;\n}\n\n#stepNavigation > div .activeTit {\n margin-top: 4px;\n}\n\n#stepNavigation > div .activeTit .step {\n font-size: 0.875rem;\n}\n\n#stepNavigation > div .activeTit .step h2 {\n font-size: 1.5rem;\n}\n\n#stepNavigation > div .normalTit {\n margin-top: 9px;\n font-size: 1rem;\n}\n\n#stepNavigation > div.active {\n font-weight: bold;\n color: #fff;\n}\n\n#stepNavigation > div.active span.num {\n height: 60px;\n}\n\n#stepNavigation > div.active span.num .inner {\n width: 100%;\n height: 100%;\n line-height: 60px;\n font-size: 1.5rem;\n font-weight: 500;\n color: #4d4cac;\n box-shadow: 0 2px 6px 0 rgba(19, 19, 54, 0.15);\n transition: ease-in 0.3s;\n background-color: #fff;\n}\n\n#stepNavigation > div.done span.num .inner {\n background-color: #4d4cac;\n color: #fff;\n position: relative;\n font-size: 0;\n}\n\n#stepNavigation > div.done span.num .inner:before {\n font-family: 'Feather', 'Feather-IE' !important;\n content: '\\\\e92b';\n font-size: 16px;\n}\n\n#stepNavigation >
1 div span.num .inner:after {\n content: '';\n display: inline-block;\n width: 2px;\n height: 1px;\n background-color: #4d4cac;\n position: absolute;\n top: auto;\n bottom: 0;\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n z-index: -1;\n}\n\n#stepNavigation > div.done span.num .inner:after {\n height: 50px;\n bottom: -50px;\n transition: ease-in 0.3s;\n}\n\n#stepNavigation > div .activeTit,\n#stepNavigation > div.active .normalTit {\n display: none;\n}\n\n#stepNavigation > div.active .activeTit,\n#stepNavigation > div .normalTit {\n display: inline-block;\n}\n\n /* .btn {\n border-color: #c7cad1;\n display: inline-block;\n font-weight: 400;\n color: #12263f;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 0.5rem 0.75rem;\n font-size: 0.9375rem;\n line-height: 1.5;\n border-radius: 0.625rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n\n .btn-primary {\n color: #fff;\n background-color: #5e81f4 !important;\n border-color: #5e81f4;\n }\n\n .btn-primary.inactive {\n background-color: #8ea7f7;\n border-color: #8ea7f7;\n }\n\n .btn-primary:hover {\n border: solid 1px #415aaa;\n background-color: #415aaa;\n }\n\n .btn-primary:focus {\n box-shadow: 0 0 0 0.15rem rgba(76, 143, 233, 0.5);\n }\n\n .btn-outline-secondary {\n border-color: #c7cad1;\n} */\n\n /* main */\n .row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -12px;\n margin-left: -12px;\n }\n\n /* ì¹´í24 리ëë ì
ì ì¬ì´ëë° ì¦ì ì¨ê¹ ì²ë¦¬ */\n .hide-sidebar {\n display: none !important;\n }\n\n /* stepIntroduce */\n #stepIntroduce {\n padding: 2.5rem 1.875rem;\n color: #fff;\n background-color: rgba(0, 0, 0, 0.3);\n }\n\n /* #stepIntroduce > div {\n display: none;\n } */\n\n #stepIntroduce > div.step1 {\n display: block;\n }\n\n /* loginIntroduce */\n #sidebar.step-login #loginIntroduce,\n #sidebar.step-find-info #loginIntroduce,\n #sidebar.step-find-info-private #loginIntroduce {\n display: block !important;\n }\n\n #loginIntroduce {\n position: absolute;\n top: 11.875rem;\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n width: 100%;\n text-align: center;\n }\n\n #loginIntroduce small {\n font-size: 0.813rem;\n }\n\n #verifyMobileForm .input-group-text {\n padding: 0 1rem;\n font-size: 0.813rem;\n color: #fff;\n width: 80px;\n justify-content: center;\n }\n\n #verifyMobileForm .timer {\n position: absolute;\n right: 95px;\n top: 12px;\n z-index: 10;\n }\n\n #verifyMobileForm .timer.fixed {\n right: 20px;\n }\n\n #marketingCollapse > div {\n padding-top: 30px;\n padding-left: 40px;\n font-size: 14px;\n }\n #marketingCollapse .check-form-inline {\n min-width: 80px;\n }\n\n #marketingCollapse .check-form-inline label span {\n margin-top: 0.1rem;\n left: 35px;\n }\n\n /* topnav */\n /* #topnav .d-flex img {\n display: block;\n } */\n @media (max-width: 576px) {\n #topnav {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n #topnav .d-flex,\n #topnav > div:not(.d-flex),\n #topnav span,\n #topnav small {\n font-size: 0 !important;\n }\n\n .signUpinner {\n margin-top: 125px;\n }\n }\n\n /* collape */\n .collapse {\n position: relative;\n overflow: hidden;\n transition: height 0.35s ease;\n }\n\n /* form */\n .form-group {\n margin-bottom: 2.5rem;\n }\n .form-group label {\n position: relative;\n }\n .form-control {\n display: block;\n /* width: 100%; */\n height: calc(1.5em + 1rem + 2px);\n padding: 0.5rem 0.75rem;\n font-size: 0.9375rem;\n font-weight: 400;\n line-height: 1.5;\n color: #12263f;\n appearance: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #d2ddec;\n border-radius: 0.375rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n }\n .form-control,\n .input-group-text {\n font-size: 0.813rem;\n height: 2.75rem;\n border-color: #c7cad1;\n }\n\n .form-control:focus {\n border-color: #1564ff;\n }\n\n .form-control:focus.invalid {\n border-color: #ff606d !important;\n }\n .form-control.invalid {\n border-color: #ff606d !important;\n }\n .input-group.input-group-merge\n > .form-control.invalid\n ~ [class*='input-group']\n > .input-group-text {\n border-color: #ff606d;\n }\n /* check form */\n .form-check-label {\n margin-bottom: 0;\n }\n .form-check-inline {\n display: inline-flex;
1\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n }\n .form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n opacity: 0;\n }\n\n .check-form {\n position: relative;\n padding-left: 0;\n font-size: 0;\n }\n\n .check-form input[type='checkbox'] {\n display: none;\n }\n\n .check-form input[type='checkbox'] + label {\n display: inline-block;\n cursor: pointer;\n position: unset;\n width: 24px;\n height: 24px;\n border-radius: 0.5rem;\n background-color: #fff;\n position: unset;\n border: solid 2px #979797;\n margin-bottom: 0;\n }\n .check-form input[type='checkbox']:checked + label {\n background-color: #5e81f4;\n border: none;\n }\n\n .check-form input[type='checkbox']:checked + label:before {\n font-family: 'Feather', 'Feather-IE' !important;\n content: '\\\\e92b';\n font-size: 18px;\n color: #fff;\n position: relative;\n top: -1px;\n left: 3px;\n line-height: 1.4;\n }\n\n .check-form input[type='checkbox'] + label > span {\n position: absolute;\n left: 40px;\n top: 50%;\n right: auto;\n bottom: auto;\n transform: translateY(-50%);\n font-size: 0.875rem;\n color: #5f5f80;\n display: flex;\n flex-flow: column;\n -ms-flex-flow: column;\n }\n\n /* input checkbox custom */\n .keepgrowCheckbox {\n padding: 1.125rem 1.25rem;\n background-color: #f0f3f8;\n border-radius: 1.25rem;\n }\n\n .keepgrowCheckbox input[type='checkbox'] + label {\n border: none;\n }\n\n .keepgrowCheckbox button {\n position: absolute;\n top: 50%;\n right: 0;\n font-size: 18px;\n width: 30px;\n height: 30px;\n transform: translateY(-50%);\n background: transparent;\n color: #9999bd;\n text-align: center;\n margin: 0 auto;\n border: none;\n padding: 0;\n }\n\n .keepgrowCheckbox button:hover,\n .keepgrowCheckbox button:focus,\n .keepgrowCheckbox #marketingToggle[aria-expanded='true'] {\n background-color: #e5e9fa;\n color: #5e81f4;\n }\n\n .marketingLabel {\n width: 75%;\n margin-left: 16px;\n margin-top: 0.1rem;\n font-size: 0.875rem;\n color: #5f5f80;\n }\n\n .text-muted-2 {\n color: #9999bd !important;\n }\n\n /* custom-control */\n .custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: -0.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: '';\n background-color: #ffffff;\n border: #adb5bd solid 1px;\n }\n\n .custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: -0.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n content: '';\n background: 50% / 50% 50% no-repeat;\n }\n\n .custom-radio .custom-control-label::before {\n border-radius: 50%;\n }\n\n .custom-control-input:checked ~ .custom-control-label:before {\n color: #fff;\n border-color: #2c7be5;\n background-color: #2c7be5;\n }\n .custom-control-input:focus ~ .custom-control-label:before {\n box-shadow: transparent;\n }\n .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {\n border-color: #2c7be5;\n }\n .custom-control-input:not(:disabled):active ~ .custom-control-label:before {\n color: #fff;\n background-color: #cbdef9;\n border-color: #cbdef9;\n }\n .custom-control-input:disabled ~ .custom-control-label {\n color: #95aac9;\n }\n .custom-control-input:disabled ~ .custom-control-label:before {\n background-color: #fff;\n }\n\n .invalid-feedback,\n .text-danger {\n display: block;\n color: #ff606d !important;\n }\n\n @keyframes slideUpAndFadeIn {\n 0% {\n transform: translateY(20%); /* Start a bit lower */\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n .slide-up-animation {\n animation: slideUpAndFadeIn 0.8s ease-in-out forwards;\n }\n\n .btn-keepgrow {\n width: 10rem;\n }\n .rounded-pill {\n display: inline-block;\n padding: 0.5rem 0.75rem;\n border-color: #c7cad1;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n line-height: 1.5;\n }\n\n .btn-primary {\n background-color: #7f9af7 !important;\n border-color: #7f9af7 !important;\n }\n\n .btn-primary.inactive {\n background-color: #5e81f4 !important;\n color: #ffffff !important;\n border-color: #5e81f4 !important;\n }\n \n .btn-primary:focus {\n box-shadow: 0 0 0 0.15rem rgba(76, 143, 233, 0.5);\n }\n"]);return u=function(){return n},n}function x(){let n=(0,f._)(["\n /* modal */\n .modal-open {\n overflow: hidden;\n }\n .modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n .modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1060;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n }\n .modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n }\n .modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translateY(-50px);\n }\n @media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n }\n .modal.show .modal-dialog {\n transform: none;\n }\n .modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 1rem);\n }
1\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n overflow: hidden;\n }\n .modal-dialog-scrollable .modal-footer,\n .modal-dialog-scrollable .modal-header {\n flex-shrink: 0;\n }\n .modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n }\n .modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 1rem);\n }\n .modal-dialog-centered:before {\n display: block;\n height: calc(100vh - 1rem);\n content: '';\n }\n .modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n }\n .modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n }\n .modal-dialog-centered.modal-dialog-scrollable:before {\n content: none;\n }\n @media (min-width: 768px) {\n .container {\n max-width: initial;\n }\n }\n\n @media (max-width: 630px) {\n .modal-dialog {\n max-width: 550px !important;\n }\n }\n\n @media (min-width: 576px) {\n .container {\n max-width: 600px !important;\n }\n }\n .modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid transparent;\n border-radius: 0.5rem;\n outline: 0;\n }\n .modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1055;\n width: 100vw;\n height: 100vh;\n background-color: #12263f;\n }\n .modal-backdrop.fade {\n opacity: 0;\n }\n .modal-backdrop.show {\n opacity: 0.5;\n }\n .modal-header {\n border-bottom: none;\n padding: 1.25rem 1.5rem;\n border-top-left-radius: 0.625rem;\n border-top-right-radius: 0.625rem;\n }\n .modal-header .close {\n padding: 1.5rem;\n /* margin: -1rem -1rem -1rem auto; */\n margin: -1.5rem -1.5rem -1.5rem auto;\n }\n .modal-title {\n margin-bottom: 0;\n line-height: 1.5;\n }\n .modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 1.5rem;\n }\n .modal-footer {\n padding: 1rem 1.5rem;\n border-top: none;\n border-bottom-right-radius: 0.625rem;\n border-bottom-left-radius: 0.625rem;\n }\n .modal-footer > :not(:first-of-type) {\n margin-left: 0.25rem;\n }\n .modal-footer > :not(:last-child) {\n margin-right: 0.25rem;\n }\n .modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n }\n @media (min-width: 576px) {\n\n .modal-dialog {\n max-width: 600px;\n margin: 1.75rem auto;\n }\n .modal-dialog-scrollable {\n max-height: calc(100% - 3.5rem);\n }
1\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 3.5rem);\n }\n .modal-dialog-centered {\n min-height: calc(100% - 3.5rem);\n }\n .modal-dialog-centered:before {\n height: calc(100vh - 3.5rem);\n }\n .modal-sm {\n max-width: 300px;\n }\n }\n @media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 800px;\n }\n }\n @media (min-width: 1200px) {\n .modal-xl {\n max-width: 1140px;\n }\n }\n\n\n button.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n .close {\n float: right;\n font-size: 1.40625rem;\n font-weight: 600;\n line-height: 1;\n color: #95aac9;\n text-shadow: none;\n opacity: 0.5;\n }\n\n .modal-header .close span {\n display: inline-block;\n line-height: 1;\n position: absolute;\n top: 20px;\n right: 20px;\n bottom: auto;\n left: auto;\n /* font-family: Feather !important; */\n font-size: 0;\n border-radius: 100%;\n width: 30px;\n height: 30px;\n color: #9999bd;\n}\n\n .modal-header .close span:hover,\n .modal-header .close:focus span {\n background-color: #e5e9fa;\n color: #5e81f4;\n }\n\n .modal-header .close span .fe-x {\n font-size: 18px;\n position: absolute;\n top: 50%;\n bottom: auto;\n left: 50%;\n right: auto;\n transform: translate(-50%, -50%);\n }\n\n .check-form {\n position: relative;\n padding-left: 0;\n font-size: 0;\n }\n\n .check-form input[type='checkbox'] + label {\n display: inline-block;\n cursor: pointer;\n position: unset;\n width: 24px;\n height: 24px;\n border-radius: 0.5rem;\n background-color: #fff;\n position: unset;\n border: solid 2px #979797;\n margin-bottom: 0;\n }\n .check-form input[type='checkbox']:checked + label {\n background-color: #5e81f4;\n border: none;\n }\n\n .check-form input[type='checkbox']:checked + label:before {\n font-family: 'Feather', 'Feather-IE' !important;\n content: '\\e92b';\n font-size: 18px;\n color: #fff;\n position: relative;\n top: -1px;\n left: 3px;\n line-height: 1.4;\n }\n\n .check-form input[type='checkbox'] + label > span {\n position: absolute;\n left: 40px;\n top: 50%;\n right: auto;\n bottom: auto;\n transform: translateY(-50%);\n font-size: 0.875rem;\n color: #5f5f80;\n display: flex;\n flex-flow: column;\n -ms-flex-flow: column;\n }\n"],["\n /* modal */\n .modal-open {\n overflow: hidden;\n }\n .modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n .modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1060;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n }\n .modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n }\n .modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translateY(-50px);\n }\n @media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n }\n .modal.show .modal-dialog {\n transform: none;\n }\n .modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 1rem);\n }
1\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n overflow: hidden;\n }\n .modal-dialog-scrollable .modal-footer,\n .modal-dialog-scrollable .modal-header {\n flex-shrink: 0;\n }\n .modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n }\n .modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 1rem);\n }\n .modal-dialog-centered:before {\n display: block;\n height: calc(100vh - 1rem);\n content: '';\n }\n .modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n }\n .modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n }\n .modal-dialog-centered.modal-dialog-scrollable:before {\n content: none;\n }\n @media (min-width: 768px) {\n .container {\n max-width: initial;\n }\n }\n\n @media (max-width: 630px) {\n .modal-dialog {\n max-width: 550px !important;\n }\n }\n\n @media (min-width: 576px) {\n .container {\n max-width: 600px !important;\n }\n }\n .modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid transparent;\n border-radius: 0.5rem;\n outline: 0;\n }\n .modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1055;\n width: 100vw;\n height: 100vh;\n background-color: #12263f;\n }\n .modal-backdrop.fade {\n opacity: 0;\n }\n .modal-backdrop.show {\n opacity: 0.5;\n }\n .modal-header {\n border-bottom: none;\n padding: 1.25rem 1.5rem;\n border-top-left-radius: 0.625rem;\n border-top-right-radius: 0.625rem;\n }\n .modal-header .close {\n padding: 1.5rem;\n /* margin: -1rem -1rem -1rem auto; */\n margin: -1.5rem -1.5rem -1.5rem auto;\n }\n .modal-title {\n margin-bottom: 0;\n line-height: 1.5;\n }\n .modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 1.5rem;\n }\n .modal-footer {\n padding: 1rem 1.5rem;\n border-top: none;\n border-bottom-right-radius: 0.625rem;\n border-bottom-left-radius: 0.625rem;\n }\n .modal-footer > :not(:first-of-type) {\n margin-left: 0.25rem;\n }\n .modal-footer > :not(:last-child) {\n margin-right: 0.25rem;\n }\n .modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n }\n @media (min-width: 576px) {\n\n .modal-dialog {\n max-width: 600px;\n margin: 1.75rem auto;\n }\n .modal-dialog-scrollable {\n max-height: calc(100% - 3.5rem);\n }
1\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 3.5rem);\n }\n .modal-dialog-centered {\n min-height: calc(100% - 3.5rem);\n }\n .modal-dialog-centered:before {\n height: calc(100vh - 3.5rem);\n }\n .modal-sm {\n max-width: 300px;\n }\n }\n @media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 800px;\n }\n }\n @media (min-width: 1200px) {\n .modal-xl {\n max-width: 1140px;\n }\n }\n\n\n button.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n .close {\n float: right;\n font-size: 1.40625rem;\n font-weight: 600;\n line-height: 1;\n color: #95aac9;\n text-shadow: none;\n opacity: 0.5;\n }\n\n .modal-header .close span {\n display: inline-block;\n line-height: 1;\n position: absolute;\n top: 20px;\n right: 20px;\n bottom: auto;\n left: auto;\n /* font-family: Feather !important; */\n font-size: 0;\n border-radius: 100%;\n width: 30px;\n height: 30px;\n color: #9999bd;\n}\n\n .modal-header .close span:hover,\n .modal-header .close:focus span {\n background-color: #e5e9fa;\n color: #5e81f4;\n }\n\n .modal-header .close span .fe-x {\n font-size: 18px;\n position: absolute;\n top: 50%;\n bottom: auto;\n left: 50%;\n right: auto;\n transform: translate(-50%, -50%);\n }\n\n .check-form {\n position: relative;\n padding-left: 0;\n font-size: 0;\n }\n\n .check-form input[type='checkbox'] + label {\n display: inline-block;\n cursor: pointer;\n position: unset;\n width: 24px;\n height: 24px;\n border-radius: 0.5rem;\n background-color: #fff;\n position: unset;\n border: solid 2px #979797;\n margin-bottom: 0;\n }\n .check-form input[type='checkbox']:checked + label {\n background-color: #5e81f4;\n border: none;\n }\n\n .check-form input[type='checkbox']:checked + label:before {\n font-family: 'Feather', 'Feather-IE' !important;\n content: '\\\\e92b';\n font-size: 18px;\n color: #fff;\n position: relative;\n top: -1px;\n left: 3px;\n line-height: 1.4;\n }\n\n .check-form input[type='checkbox'] + label > span {\n position: absolute;\n left: 40px;\n top: 50%;\n right: auto;\n bottom: auto;\n transform: translateY(-50%);\n font-size: 0.875rem;\n color: #5f5f80;\n display: flex;\n flex-flow: column;\n -ms-flex-flow: column;\n }\n"]);return x=function(){return n},n}function v(){let n=(0,f._)(['\n body[data-cafe24-redirect="true"] .navbar-vertical.navbar-expand-lg {\n display: none !important;\n visibility: hidden !important;\n opacity: 0 !important;\n }\n']);return v=function(){return n},n}let k=b.Z.div(u(),"/_next/static/media/keepgrow-beigle.4e268ad1.svg","/_next/static/media/keepgrow-dobi.291544eb.svg","/_next/static/media/keepgrow-cola.1b8c96e3.svg",h.Z.src,"/_next/static/media/keepgrow-beigle-idpw.c7993f69.svg","/_next/static/media/keepgrow-dobi-idpw.8a3b3600.svg"),w=(0,g.iv)(x()),y=()=>(0,t.jsx)(g.xB,{styles:w});(0,g.iv)(v());let N={step1:(0,t.jsxs)("div",{className:"step1",children:[(0,t.jsx)("h1",{className:"mb-3-5",children:"ë² ì´ê¸ - beigle"}),(0,t.jsxs)("small",{children:['"ì ì´ë¦ì ë² ì´ê¸.',(0,t.jsx)("br",{}),'ì°ë¦¬ íµê·¸ë¡ì°ì ë°ì¥ì´ì£ ."']})]}),step2:(0,t.jsxs)("div",{className:"step2",children:[(0,t.jsx)("h1",{className:"mb-3-5",children:"ëë¹ - Dobi"}),(0,t.jsxs)("small",{children:['"ì ì´ë¦ì ëë¹.',(0,t.jsx)("br",{}),'ì´ë ¤ì´ ì¼ì ì ë í¨ê»íì¸ì!"']})]}),step3:(0,t.jsxs)("div",{className:"step3",children:[(0,t.jsx)("h1",{className:"mb-3-5",children:"ì½ë¼ - Cola"}),(0,t.jsxs)("small",{children:['"ì ì´ë¦ì ì½ë¼.',(0,t.jsx)("br",{}),'íµê·¸ë¡ì° ìë´ë ì ê° ëìë릴ê²ì! ì ë§ ë°ë¼ì¤ì¸ì."']})]})},z={"step-login":{title:'"ë°ê°ìì! ë³´ê³ ì¶ìì´ì! ì´ììì!"',value:"ìì¼ëì ì¼ì ì íê³ ìëì§, \n ìë¡ì´ ì
무를 ìí¬ ê²ì ìëì§ ì´í´ ë³´ì¸ì."},"step-find-info":{title:'"ë¹ë°ë²í¸ê° ìê°ëì§ ìì ëµëµíì
¨ì£ ?"',value:"ì¤ìí ë¹ë°ë²í¸ë íë¼ì´ë¹íê² ê¸°ë¡í´ì£¼ì¸ì!"},"step-find-info-private":{title:'"ì´ë²ì ë°ê¿ ë¹ë°ë²í¸ë ê¼! 기ìµí´ì£¼ì¸ì!"',value:"ê°ì¸ì ë³´ë ë¤ë¥¸ ì¬ëì´ ëª¨ë¥´ê²! íì§ë§ ì무ë 몰ë¼ìë ìë¼ì..."}};var j=n=>{var e,o;let{children:i,step:r,query:f}=n,g=(0,d.usePathname)(),b=(0,d.useSearchParams)().toString(),h=g.includes("sign-up")&&"true"===f.cafe24_redirect_flag;return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(k,{children:[(0,t.jsx)(y,{}
1),(0,t.jsx)(m.Z,{title:c.oR.title,description:c.oR.description}),h&&(0,t.jsx)("div",{className:"cafe24-signup-container",children:(0,t.jsx)(p.Cafe24SignupV2,{className:"cafe24-signup-img mw-100",alt:"keepgrow_icon"})}),(0,t.jsxs)("nav",{className:"navbar navbar-vertical fixed-left navbar-expand-lg navbar-light ".concat(r," ").concat(h?"hide-sidebar":""),id:"sidebar",style:{visibility:h?"hidden":"visible",opacity:h?0:1},children:[(0,t.jsx)("div",{id:"stepIntroduce",className:"position-absolute fixed-bottom ".concat({"step-login":"d-none","step-find-info":"d-none"}[r]||""),children:N[r]}),(0,t.jsxs)("div",{id:"stepNavigation",className:"step-login"===r||"step-find-info"===r||"step-find-info-private"===r?"d-none":"",children:[(0,t.jsxs)("div",{className:"step1 ".concat("step1"===r&&"active"," ").concat("step2"===r&&"done"),children:[(0,t.jsxs)("span",{className:"activeTit",children:[(0,t.jsx)("small",{className:"step",children:"STEP 01"}),(0,t.jsx)("h2",{children:"íìì ë³´ ì
ë ¥"})]}),(0,t.jsx)("span",{className:"normalTit",children:"íìì ë³´ ì
ë ¥"}),(0,t.jsx)("span",{className:"num",children:(0,t.jsx)("span",{className:"inner",children:"1"})})]}),(0,t.jsxs)("div",{className:"step2 ".concat("step2"===r&&"active"),children:[(0,t.jsxs)("span",{className:"activeTit",children:[(0,t.jsx)("small",{className:"step",children:"STEP 02"}),(0,t.jsx)("h2",{children:"ì¼í몰 ì ë³´ ì
ë ¥"})]}),(0,t.jsx)("span",{className:"normalTit",children:"ì¼í몰 ì ë³´ ì
ë ¥"}),(0,t.jsx)("span",{className:"num",children:(0,t.jsx)("span",{className:"inner",children:"2"})})]})]}),(0,t.jsx)("div",{className:"container my-4",children:(0,t.jsx)("div",{className:"d-flex my-2",children:(0,t.jsx)("a",{href:"/store",children:(0,t.jsx)(a(),{width:150,height:30,src:"/_next/static/media/keepgrow-logo-white_new.03e0df78.svg",alt:"keepgrow-logo-white",style:{width:150,height:30}})})})}),(0,t.jsxs)("div",{id:"loginIntroduce",className:"text-white ".concat("step-login"!==r&&"d-none"),children:[(0,t.jsx)("h2",{className:"mb-4-5",children:null===(e=z[r])||void 0===e?void 0:e.title}),(0,t.jsx)("p",{className:"font-weight-light mb-0",style:{whiteSpace:"pre-line"},children:null===(o=z[r])||void 0===o?void 0:o.value})]})]}),(0,t.jsxs)("div",{className:"main-content bg-auth",children:[(0,t.jsx)("nav",{className:"navbar navbar-expand-lg navbar-light fixed-top border-0",id:"topnav",children:(0,t.jsxs)("div",{className:"container-fluid my-4",children:[(0,t.jsxs)("div",{className:"d-flex my-2",children:["\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0",(0,t.jsx)("a",{href:"//app.keepgrow.com/",children:(0,t.jsx)(p.Logo,{style:{width:150,height:30},alt:"keepgrow-logo"})})]}),(0,t.jsxs)("div",{className:"topnav-link",children:[(0,t.jsx)("small",{className:"font-weight-300",children:(null==g?void 0:g.includes("sign-up"))?"ì´ë¯¸ íìê°ì
ì íì
¨ëì? ":"ìì§ íµê·¸ë¡ì°ì íìì´ ìëì ê°ì?"}),(0,t.jsx)("span",{children:"\xa0\xa0\xa0"}),(0,t.jsx)(l(),{href:(null==g?void 0:g.includes("sign-up"))?"/uaa/login".concat(b?"?".concat(b):""):"/uaa/sign-up".concat(b?"?".concat(b):""),className:"btn btn-outline-secondary rounded-pill py-1 small",onClick:n=>{(null==g?void 0:g.includes("sign-up"))||(0,s.HM)({event:"sign_up_step1"})},children:(null==g?void 0:g.includes("sign-up"))?"ë¡ê·¸ì¸":"íìê°ì
"}),(0,t.jsx)("span",{className:"keepNbsp",children:"\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0"})]})]})}),(0,t.jsx)("div",{className:"container-fluid",children:(0,t.jsx)("div",{className:"row vh-100",children:(0,t.jsx)("div",{className:"signUpinner",children:i})})})]})]})})}},4407:function(n,e,o){"use strict";o.d(e,{Ie:function(){return i},VT:function(){return r},oR:function(){return a},oW:function(){return l}});let t={ê³ ê°íë:"ê³ ê°íë - ê³ ê°ì ì½ê³ , ë¹ ë¥´ê² ëª¨ì¼ë ì¼ë¶í° ììí´ë³´ì¸ì",ê´ê³ì ì§:"ê´ê³ì ì§ - ì²ì ë§ë ê³ ê°ë¤ìê² ì주 ì°ë½í´ ì¹í´ì ¸ë³´ì¸ì",방문ì ë:"방문ì ë - ê°ì
ì íëë° ê¹ê¹ 무ììì¸ ê³ ê°ë¤ìê² ì°ë½í´ë³´ì¸ì",ê±°ëì ë:"ê±°ëì ë - ê°ì¥ ì¤ìí 구매 ì ëë ìì°ì¤ë½ê², ìëì¼ë¡ ì²ë¦¬íì¸ì",ì´íë°©ì§:"ì´íë°©ì§ - íë¤ê² 모ì ê³ ê°ì´ ì´íí기 ì ì íµê·¸ë¡ì°ê° 먼ì ìë ¤ì¤ì",문ì:"문ì - ì ë ´í ë¹ì©ì¼ë¡ ê³ ê°ì ë§ëë³´ì¸ì",ì¹´ì¹´ì¤:"ì¹´ì¹´ì¤ - ì¤íì¨, í´ë¦ë¥ íì¤í ì¹´ì¹´ì¤ ì±í
1
ìì ê³ ê°ì ë§ëì¸ì"},i={title:"íµê·¸ë¡ì°",description:"ê³ ê°ì 모ì¼ê³ , ê³ ê°ê³¼ì 긴ë°í 커뮤ëì¼ì´ì
ê³¼ ê´ë¦¬ë¥¼ ëì주ë ìíí¸ì¨ì´ | íµê·¸ë¡ì°"},a={title:"ë¹ì ì ìí¬í¸íë ëì§í¸ AI ì§ìì´ ìë ê³³ | íµê·¸ë¡ì°",description:"ì´ì»¤ë¨¸ì¤ ì 문ê°ì ì±ê³µ ë
¸íì°ê° ê°ë ë´ê¸´ ëì§í¸ AI ì§ìì ì±ì©í´ ë³´ì¸ì."},r=n=>({title:"".concat(n||"ì±ê³µí ì¼í몰ì ì
무 ìµê´"," | íµê·¸ë¡ì°"),description:t[n]||"".concat(n||"ì±ê³µí ì¼í몰ì ì
무 ìµê´"," - íµê·¸ë¡ì°ìì ë§ëë³´ì¸ì")}),l=(n,e)=>({title:n?"".concat(n," | íµê·¸ë¡ì°"):a.title,description:e||a.description})},57580:function(n,e,o){"use strict";o.d(e,{Ml:function(){return r},Pr:function(){return a},hN:function(){return i}});var t=o(92391);let i=n=>{let{username:e,password:o}=n,i={};return e?(0,t.oH)(e)&&(i.username="ì´ë©ì¼ íìì ë¤ì íì¸í´ì£¼ì¸ì."):i.username="ì´ë©ì¼ì´ ì
ë ¥ëì§ ìììµëë¤.",o?o.length<8&&(i.password="8ì ì´ìì ì문 ë° ì«ìí¼í©ì¼ë¡ ì¤ì í´ì£¼ì¸ì."):i.password="ë¹ë°ë²í¸ê° ì
ë ¥ëì§ ìììµëë¤.",i},a=n=>{let{name:e,username:o,password:i,passwordCheck:a,phone:r,verificationCode:l,businessCategory:d,businessRegistrationNumber:c,brandName:s,step:p,val
1idUsername:m,validPhone:f,validCode:g,hosting:b}=n,h={};return"step1"===p?(e||(h.name="ì´ë¦ì ì íí ì
ë ¥í´ì£¼ì¸ì."),m&&(h.username=m),o?(0,t.oH)(o)&&(h.username="ì´ë©ì¼ íìì ë¤ì íì¸í´ì£¼ì¸ì."):h.username="ì´ë©ì¼ì´ ì
ë ¥ëì§ ìììµëë¤.",i?/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d!@#$%^&*]{8,}$/.test(i)||(h.password="8ì ì´ìì ì문, ì«ì í¼í©ì¼ë¡ ì¤ì í´ì£¼ì¸ì."):h.password="ë¹ë°ë²í¸ê° ì
ë ¥ëì§ ìììµëë¤.",a||(h.passwordCheck="ë¹ë°ë²í¸ íì¸ì´ ì
ë ¥ëì§ ìììµëë¤."),i!==a&&(h.passwordCheck="ì
ë ¥íì ë¹ë°ë²í¸ì ëì¼íì§ ììµëë¤."),r||(h.phone="ë²í¸ê° ì
ë ¥ëì§ ìììµëë¤."),/^[0-9]{0,11}$/.test(r)||(h.phone="ë²í¸ íìì ë¤ì íì¸í´ì£¼ì¸ì."),/^01[016789]\d{8}$/.test(r)||(h.phone="ë²í¸ íìì´ ì¬ë°ë¥´ì§ ììµëë¤."),f&&(h.phone=r),g&&(h.verificationCode=l),l||(h.verificationCode="ì¸ì¦ë²í¸ë¥¼ ì
ë ¥í´ì£¼ì¸ì.")):(s||(h.brandName="ë¸ëë ëª
ì ì
ë ¥í´ì£¼ì¸ì."),d||(h.businessCategory="ì¼í몰 ì¹´í
ê³ ë¦¬ë¥¼ ì íí´ì£¼ì¸ì."),0===b.length&&(h.hosting="ì´ìíìë ë¸ëëì í¸ì¤í
ì¬ë¥¼ ì íí´ì£¼ì¸ì.")),h},r=n=>{let{password:e,passwordConfirm:o}=n,t={};return e?e.length<8&&(t.password="8ì ì´ìì ì문 ë° ì«ìí¼í©ì¼ë¡ ì¤ì í´ì£¼ì¸ì."):t.password="ë¹ë°ë²í¸ê° ì
ë ¥ëì§ ìììµëë¤.",o||(t.passwordConfirm="ë¹ë°ë²í¸ íì¸ì´ ì
ë ¥ëì§ ìììµëë¤."),e!==o&&(t.passwordConfirm="ì
ë ¥íì ë¹ë°ë²í¸ì ëì¼íì§ ììµëë¤."),t}},9008:function(n,e,o){n.exports=o(23867)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.