1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 343 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9 })(window,document,'script','dataLayer','
9GTM-P988DL3C
vendor: 3 bytes, line 9
9');
9</script>
9 10 <!-- End Google Tag Manager --> 11 <meta charset="UTF-8"> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 13 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"> 14 <meta http-equiv="content-language" content="kr"> 15 <meta name="robots" content="index,follow"> 16 <title>íìê°ì - ë§ì´ë£¨í (MY Loofit) > MY Loofit</title> 17 18 <meta name="apple-mobile-web-app-title" content="LooFit"> 19 <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" /> 20 <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" /> 21 <link rel="shortcut icon" href="/images/favicon16.ico" /> 22 <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" /> 23 24 <!-- Swiper --> 25 <link rel="stylesheet" href="/css/swiper-bundle.min.css" /> 26
26<script src="/js/swiper-bundle.min.js"></script>
26 27 <!-- jquery --> 28
28<script src="/js/jquery-3.7.1.min.js"></script>
28 29 <!-- datepicker --> 30 <link type="text/css" href="/css/jquery-ui.css" rel="stylesheet" /> 31
31<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
31 32
32<script src="/js/jquery.cookie.min.js"></script>
32 33 34 <!-- CSS --> 35 <link rel="stylesheet" href="/css/common.css?2026052701"> 36 <link rel="stylesheet" href="/css/style.css?2026052701"> 37 <link rel="stylesheet" href="/css/responsive.css?2026052701"> 38 39 <meta name="description" content="ë§ì´ë£¨í ë¬´ë£ íìê°ì ì¼ë¡ ì·¨ì ì¤ë¹ì 모ë ê²ì í´ê²°íì¸ì. 10ì´ ë§ì ê°ì íê³ ë§ì¶¤í ê³µê³ ë¥¼ ë°ìë³´ì¸ì."> 40<meta name="keywords" content="ë§ì´ë£¨í íìê°ì , ì·¨ì ì¬ì´í¸ ê°ì , ë¬´ë£ ììì 첨ì, 모ìë©´ì , MY Loofit"> 41<meta name="viewport" content="width=device-width, initial-scale=1"> 42<link rel="canonical" href="https://myloofit.io/main/join"> 43<meta name="robots" content="index, follow"> 44 45<!-- Open Graph / Facebook --> 46<meta property="og:type" content="website"> 47<meta property="og:url" content="https://myloofit.io/main/join"> 48<meta property="og:title" content="íìê°ì - ë§ì´ë£¨í > MY Loofit"> 49<meta property="og:description" content="ë§ì´ë£¨í íìê°ì ì íµí´ ëìê² ë± ë§ë 기ì ì ì¶ì²ë°ê³ ì·¨ì ì±ê³µë¥ ì ëì´ì¸ì."> 50<meta property="og:image" content="https://s3.ap-northeast-2.amazonaws.com/educe.static/loofit/my_loofit_og.png"> 51 52<!-- Twitter --> 53<meta property="twitter:card" content="summary_large_image"> 54<meta property="twitter:url" content="https://myloofit.io/main/join"> 55<meta property="twitter:title" content="íìê°ì - ë§ì´ë£¨í > MY Loofit"> 56<meta property="twitter:description" content="ë§ì´ë£¨í íìê°ì ì íµí´ ëìê² ë± ë§ë 기ì ì ì¶ì²ë°ê³ ì·¨ì ì±ê³µë¥ ì ëì´ì¸ì."> 57<meta property="twitter:image" content="https://s3.ap-northeast-2.amazonaws.com/educe.static/loofit/my_loofit_og.png"> 58 59<!-- Favicon --> 60<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" /> 61<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" /> 62<link rel="shortcut icon" href="/favicon/favicon.ico" /> 63<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" /> 64<meta name="apple-mobile-web-app-title" content="myLoofit" /> 65<link rel="manifest" href="/favicon/site.webmanifest" /> </head> 66<body> 67<!-- body íê·¸ ë°ë¡ ë¤ --> 68<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 68-69
68 69<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
69GTM-P988DL3C
vendor: 87 bytes, lines 69-71
69" 70 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 71
71<!-- End Google Tag Manager (noscript) --> 72<!-- ë¡ë©ë° Start --> 73<div class="loading-bar"><div class="logo"><span class="loading"><img src="/images/loading.png" alt="" class="loading_img"></span></div></div> 74<!-- ë¡ë©ë° End --> 75<!-- alert ëª¨ë¬ Start --> 76<div class="modal back-close" id="common_modal"> 77 <div class="modal_box"> 78 <p class="modal_title"></p> 79 <div class="modal_btnbox"> 80 <button type="button" class="btn close_btn modal_btn button typeB modal_close">íì¸</button> 81 </div> 82 </div> 83</div> 84<!-- alert ëª¨ë¬ End --> 85 <!-- confirm ëª¨ë¬ Start --> 86<div class="modal back-close" id="confirm_modal"> 87 <div class="modal_box"> 88 <p class="modal_title"></p> 89 <div class="modal_btnbox"> 90 <button type="button" class="btn process">íì¸</button> 91 <button type="button" class="btn ver2 close_btn">ì·¨ì</button> 92 </div> 93 </div> 94</div> 95<!-- confirm ëª¨ë¬ End --> 96<div class="modal" id="modal_ds4"> 97 <div class="modal_box mx400"> 98 <img src="/images/ds4_icon.png" alt="" class="modal_img"> 99 <p class="modal_tit" id="modal_ds4_tit">"íê· 3.0 기ë¡"</p> 100 <p class="modal_desc" id="modal_ds4_desc"> 101 ìºì¹(Catch) íë«í¼ìì 227ëª ì íì§ìë¤ì´ íê°í ê²°ê³¼, 102 ê¸ì¬ ë° ë³µì§ í목ìì íê· 3.9ì ì 기ë¡íììµëë¤. 103 ì±ê³¼ê¸ì´ ìë¤ë ìëµì´ 82%ì ë¬íë©°, ì»¤ë¦¬ì´ ê°ë°ì´ ê°ë¥ 104 íë¤ë ìëµë 88%ë¡ ëììµëë¤. 105 </p> 106 <div class="modal_btnbox"> 107 <button class="modal_btn button typeB modal_close" id="modal_ds4_btn">íì¸</button> 108 </div> 109 </div> 110</div> 111<!-- modal --> 112<div class="modal" id="modal_match_write"> 113 <div class="modal_box"> 114 <button type="button" class="modal_close" id="modal_match_write_btn" style="position: absolute; top: 0px; right: 10px; background: none; border: none; font-size: 35px; cursor: pointer; color: #666;">×</button> 115 <p class="modal_tit">매ì¹ì ì ë°ê¸°</p> 116 <p class="modal_desc"> 117 기ì ì ìì ë°ê¸° ìí´ìë 기본ì ì¸ ë§¤ì¹ì§ìì를 <br> 118 ìì±í´ 주ì ì¼ í©ëë¤. ìì¸íê² ìì±í ìë¡ <br class="tablet"> 119 ë ë§ì 기ì ë¤ìì <br class="pc"> 120 ì ìì ë°ì ì ìì¼ë <br class="tablet"> 121 ì´ ì ì°¸ê³ ë°ëëë¤. 122 </p> 123 <div class="modal_btnbox"> 124 <button class="modal_btn button typeB modal_close" onclick="location.href='/mypage/'">ë°ë¡ê°ê¸°</button> 125 </div> 126 </div> 127</div> 128<div class="wrap join_wrap"> 129 130 <!-- header --> 131 <header class="header"> 132 <div class="inner h_inner"> 133 <div class="h_logo"> 134 <a href="/"><img src="/images/logo.png" alt="" /></a> 135 </div> 136 <div class="h_side"> 137 <a href="https://myloofit.io/main/login" class="button small typeD">ë¡ê·¸ì¸</a> 138 <a href="https://myloofit.io/main/join" class="button small typeD">íìê°ì </a> 139 <a href="/customer" class="button small typeC">1:1문ì</a> 140 <button type="button" class="menu_open" id="menu_open_btn"></button> 141 </div> 142 </div> 143 </header> 144 145 <!-- 모ë°ì¼ ë©ë´ ì¤ë²ë ì´ --> 146 <div class="mobile_menu_overlay" id="mobile_menu_overlay"></div> 147 148 <!-- 모ë°ì¼ ì¬ë¼ì´ë ë©ë´ --> 149 <div class="mobile_menu" id="mobile_menu"> 150 <div class="mobile_menu_header"> 151 <div class="logo"> 152 <a href="/"><img src="/images/login_logo.png" alt="LooFit" /></a> 153 </div> 154 <button type="button" class="mobile_menu_close" id="mobile_menu_close"></button> 155 </div> 156 <div class="mobile_menu_content"> 157 <div class="mobile_menu_buttons"> 158 <a href="https://myloofit.io/main/login" class="button small typeD">ë¡ê·¸ì¸</a> 159 <a href="https://myloofit.io/main/join" class="button small typeD">íìê°ì </a> 160 <a href="/customer" class="button small typeC">1:1문ì</a> 161 </div> 162 </div> 163 </div> 164 165 <!-- container --> 166 <div class="container"><!-- breadcrumb --> 167<div class="breadcrumb inner"> 168 <a href="/" class="home"></a> 169 <span class="arrow"></span> 170 <a href="/main/join" class="txt link">íìê°ì </a> 171</div> 172<form action="https://myloofit.io/#" id="join_form" name="join_form" onsubmit="return false;" method="post" accept-charset="utf-8"> 173<input type="hidden" name="email_auth_key" id="email_auth_key" /> 174<section class="section join_section"> 175 <div class="inner"> 176 <p class="page_title mb1"> 177 루í íìê°ì ì <br> 178 ì¤ì ê²ì íìí©ëë¤. 179 </p> 180 <div class="join_box"> 181 <div class="form_box"> 182 <div class="input_box"> 183 <label class="label_text"> 184 ì´ë¦ <span class="required">*</span> 185 </label> 186 <input type="text" class="input_text" placeholder="ì´ë¦ì ì ë ¥í´ì£¼ì¸ì." name="name" id="name"> 187 </div> 188 <div class="input_box"> 189 <label class="label_text"> 190 ì´ë©ì¼ 주ì <span class="required">*</span> 191 </label> 192 <div class="input_item email_item"> 193 <input type="text" class="input_text mx240 email_input" placeholder="ì´ë©ì¼ 주ì" name="email" id="email">
194 <span class="input_txt email_txt">@</span> 195 <input type="text" class="input_text mx240 email_input" placeholder="ì´ë©ì¼ 주ì" name="email_domain" id="email_domain" style="display: none; width: 90%;"> 196 <div class="select_box mx240 email_select"> 197 <select class="select" id="email_select" name="email_select"> 198 <option value="">ê³ì ì í</option> 199 <option value="naver.com">naver.com</option> 200 <option value="gmail.com">gmail.com</option> 201 <option value="daum.net">daum.net</option> 202 <option value="hanmail.net">hanmail.net</option> 203 <option value="nate.com">nate.com</option> 204 <option value="hotmail.com">hotmail.com</option> 205 <option value="yahoo.com">yahoo.com</option> 206 <option value="icloud.com">icloud.com</option> 207 <option value="etc">기í</option> 208 </select> 209 </div> 210 <button type="button" class="button typeC input_btn" id="email_auth_btn" onclick="email_auth()">ì¸ì¦ìì²</button> 211 </div> 212 <p class="input_result ing" id="email_auth_result" style="display: none;"> 213 ì´ë©ì¼ ì¸ì¦ì íì¸ ì¤ì ëë¤. ë©ì¼ì íì¸í´ 주ì¸ì. 214 </p> 215 </div> 216 <div class="input_box"> 217 <label class="label_text"> 218 ë¹ë°ë²í¸ <span class="required">*</span> 219 </label> 220 <input type="password" class="input_text" placeholder="ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì." name="passwd" id="passwd"> 221 </div> 222 <div class="input_box"> 223 <label class="label_text"> 224 ë¹ë°ë²í¸ íì¸<span class="required">*</span> 225 </label> 226 <input type="password" class="input_text" placeholder="ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì." name="passwd_check" id="passwd_check"> 227 </div> 228 <div class="input_box"> 229 <label class="label_text"> 230 ìë ìì¼ <span class="required">*</span> 231 </label> 232 <input type="text" class="input_text" placeholder="ìë ìì¼ì ì ë ¥í´ ì£¼ì¸ì. (ìì : 20131225)" name="birth" id="birth" maxlength="8"> 233 </div> 234 <div class="input_box"> 235 <label class="label_text"> 236 í´ëí° ë²í¸ <span class="required">*</span> 237 </label> 238 <div class="input_item"> 239 <input type="text" class="input_text" placeholder="í´ëí° ë²í¸" name="phone" id="phone"> 240 <button type="button" class="button typeC input_btn" id="phone_auth_btn" onclick="phone_auth()">ì¸ì¦ìì²</button> 241 </div> 242 <p class="input_result ing" id="phone_auth_result" style="display: none;"> 243 í´ëí° ì¸ì¦ì íì¸ ì¤ì ëë¤. ë©ì¸ì§ë¥¼ íì¸í´ 주ì¸ì. 244 </p> 245 <div class="input_item" id="phone_key_box" style="display: none;"> 246 <input type="text" class="input_text" placeholder="ì¸ì¦ ë²í¸" name="phone_key" id="phone_key"> 247 <button type="button" class="button typeC input_btn" onclick="phone_auth_key()">ì¸ì¦ìë£</button> 248 </div> 249 </div> 250 <div class="input_box" style="margin-bottom: 3rem;"> 251 <div class="check_box"> 252 <input type="checkbox" id="termsOfUse" name="termsOfUse" class="input_check"> 253 <label for="termsOfUse" class="label_check"> 254 ì´ì©ì½ê´ <a href="https://myloofit.io/main/terms/use" target="_blank" class="link">[<span class="line">ì 문보기</span>]</a> 255 </label> 256 </div> 257 <div class="check_box"> 258 <input type="checkbox" id="privacyPolicy" name="privacyPolicy" class="input_check"> 259 <label for="privacyPolicy" class="label_check"> 260 ê°ì¸ì ë³´ ìì§ ë° íì© <a href="https://myloofit.io/main/terms/personal" target="_blank" class="link">[<span class="line">ì 문보기</span>]</a> 261 </label> 262 </div> 263 <div class="check_line"></div> 264 <div class="check_box"> 265 <input type="checkbox" id="agreeAll" class="input_check"> 266 <label for="agreeAll" class="label_check"> 267 ì ë´ì©ì 모ë íì¸íìì¼ë©° ì ì²´ ëìí©ëë¤. 268 </label> 269 </div> 270 </div> 271 </div> 272 <div class="form_btn"> 273 <button type="button" class="button big typeE cancel_bt
273n">ì·¨ì</button> 274 <button type="button" class="button big typeB submit_btn">ë¤ì</button> 275 </div> 276 </div> 277 </div> 278</section> 279</form>
279<script type="text/javascript"> 280 $(function(){ 281 $('#email_select').on('change', function(){ 282 if($(this).val() == 'etc'){ 283 $('#email_domain').val(''); 284 $('#email_domain').show(); 285 $('#email_domain').focus(); 286 $('#email').removeClass('mx240'); 287 $('#email_domain').removeClass('mx240'); 288 $('#email').addClass('mx200'); 289 $('#email_domain').addClass('mx200'); 290 }else{ 291 $('#email_domain').val($(this).val()); 292 $('#email_domain').hide(); 293 $('#email').addClass('mx240'); 294 $('#email_domain').addClass('mx240'); 295 $('#email').removeClass('mx200'); 296 $('#email_domain').removeClass('mx200'); 297 } 298 }); 299 300 $('.cancel_btn').on('click', function(){ 301 window.location.href = '/'; 302 }); 303 304 $('.form_btn .submit_btn').on('click', function(){ 305 306 if($('#name').val() == ''){ 307 alert_modal('ì´ë¦ì ì ë ¥í´ì£¼ì¸ì.', '#name'); 308 return false; 309 } 310 311 if(!email_check()){ 312 return false; 313 } 314 315 if($('#email_auth_key').val() == ''){ 316 alert_modal('ì´ë©ì¼ ì¸ì¦ì ìë£í´ì£¼ì¸ì.', '#email_auth_key'); 317 return false; 318 } 319 320 if (!mem_pass_regex.test($("#passwd").val())) { 321 alert_modal('ë¹ë°ë²í¸ë ì문ì문ì, ì«ì를 í¬í¨íì¬ 8~20ìë¦¬ë¡ ì ë ¥í´ ì£¼ì¸ì.','#passwd'); 322 return false; 323 } 324 325 if($("#passwd").val()!=$("#passwd_check").val()){ 326 alert_modal('ë¹ë°ë²í¸ íì¸ì´ ì¼ì¹íì§ ììµëë¤.','#passwd_check', '#passwd_check'); 327 return false; 328 } 329 330 if($('#birth').val() == ''){ 331 alert_modal('ìë ìì¼ì ì ë ¥í´ì£¼ì¸ì.', '#birth'); 332 return false; 333 } 334 335 if($('#phone').val() == ''){ 336 alert_modal('í´ëí° ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.', '#phone'); 337 return false; 338 } 339 340 if(!validatePhone($.trim($("#phone").val()))){ 341 alert_modal("ì¬ë°ë¥¸ ë²í¸ë¥¼ ì ë ¥í´ ì£¼ì¸ì.", "#phone"); 342 return false; 343 } 344 345 if(!$("#termsOfUse").is(":checked")){ 346 alert_modal('ì´ì©ì½ê´ì ì½ì´ì£¼ì¸ì.', "#termsOfUse"); 347 return false; 348 } 349 350 if(!$("#privacyPolicy").is(":checked")){ 351 alert_modal('ê°ì¸ì ë³´ ì´ì©ì½ê´ì ì½ì´ì£¼ì¸ì.', "#termsOfUse"); 352 return false; 353 } 354 355 $.ajax({ 356 url: '/main/join_proc', 357 type: 'post', 358 data: $('#join_form').serialize(), 359 success: function(response){ 360 // console.log(response); 361 response = JSON.parse(response); 362 if(response.result == 1){ 363 window.dataLayer = window.dataLayer || []; 364 window.dataLayer.push({ 365 'event': 'sign_up', 366 }); 367 alert_modal('Loofit ì¬ì´í¸ì íìê°ì ì ì¶íí©ëë¤.','','/', 'íì¼ë¡'); 368 }else{ 369 if(response.errno == 1001){ 370 $('#email_auth_result').removeClass('done'); 371 $('#email_auth_result').addClass('ing'); 372 $('#email_auth_result').html('ì´ë©ì¼ ì¸ì¦ì ë¤ì í´ì£¼ì¸ì.'); 373 374 $('#email_auth_key').val(''); 375 $('#email').prop('readonly', false); 376 $('#email_select').prop('readonly', false); 377 $('#email_domain').prop('readonly', false); 378 379 $('#email_auth_btn').html('ì¸ì¦ìì²'); 380 $('#email_auth_btn').prop('disabled', false); 381 $('#email_select').prop('disabled', false); 382 }else if(response.errno == 1002){ 383 $('#phone_auth_result').removeClass('done'); 384 $('#phone_auth_result').addClass('ing'); 385 $('#phone_auth_result').html('í´ëí° ì¸ì¦ì ë¤ì í´ì£¼ì¸ì.'); 386 387 $('#phone').prop('readonly', false); 388 $('#phone_key').prop('readonly', false); 389 390 $('#phone_key').val(''); 391 392 $('#phone_auth_btn').html('ì¸ì¦ìì²'); 393 $('#phone_auth_btn').prop('disabled', false); 394 } 395 alert_modal(response.msg); 396 } 397 } 398 }); 399 400 }); 401 }); 402 403 function email_check(){ 404 if($('#email').val() == ''){ 405 alert_modal('ì´ë©ì¼ 주ì를 ì ë ¥í´ì£¼ì¸ì.', '#email'); 406 return false;
407 } 408 409 if($('#email_select').val() == ''){ 410 alert_modal('ì´ë©ì¼ ê³ì ì ì íí´ì£¼ì¸ì.', '#email_select'); 411 return false; 412 } 413 414 if($('#email_select').val() == 'etc'){ 415 if($('#email_domain').val() == ''){ 416 alert_modal('ì´ë©ì¼ 주ì를 ì ë ¥í´ì£¼ì¸ì.', '#email_domain'); 417 return false; 418 } 419 } 420 421 var valid_email = $('#email').val() + '@' + $('#email_domain').val(); 422 423 if(!validateEmail($.trim(valid_email))){ 424 alert_modal("ì¬ë°ë¥¸ ì´ë©ì¼ì ì ë ¥í´ ì£¼ì¸ì.", "#email"); 425 return false; 426 } 427 428 return true; 429 } 430 431 function email_auth(){ 432 console.log('email_auth'); 433 if(!email_check()){ 434 return false; 435 } 436 loading_show(); 437 $.ajax({ 438 url: '/main/email_auth_proc', 439 type: 'POST', 440 data: { 441 email: $('#email').val(), 442 email_domain: $('#email_domain').val() 443 }, 444 success: function(response){ 445 console.log(response); 446 response = JSON.parse(response); 447 if(response.result == 1){ 448 auth_check(response.data.id, response.data.key); 449 alert_modal("ì¸ì¦ ë©ì¼ì´ ì ì¡ëììµëë¤.<br>ë©ì¼ì íì¸í´ 주ì¸ì."); 450 $('#email_auth_result').show(); 451 }else{ 452 alert_modal("ì¸ì¦ ë©ì¼ ì ì¡ì ì¤í¨íìµëë¤.<br>"+response.msg); 453 } 454 455 loading_hide(); 456 }, 457 error: function(xhr, status, error){ 458 // console.log(xhr.responseText); 459 alert_modal("ì¸ì¦ ë©ì¼ ì ì¡ì ì¤í¨íìµëë¤.<br>ì ì í ë¤ì ìëí´ ì£¼ì¸ì."); 460 loading_hide(); 461 } 462 }); 463 } 464 465 function auth_check(account_id, auth_key){ 466 timer = setInterval(function(){ 467 $.ajax({ 468 url: '/main/email_auth_valid', 469 type: 'post', 470 data: {"account_id":account_id}, 471 success: function(response){ 472 // console.log(response); 473 response = JSON.parse(response); 474 if(response.result == 1 && response.data.valid == 1){ 475 clearInterval(timer); 476 $('#email_auth_result').removeClass('ing'); 477 $('#email_auth_result').addClass('done'); 478 $('#email_auth_result').html('ì´ë©ì¼ ì¸ì¦ì´ ìë£ëììµëë¤.'); 479 480 $('#email').prop('readonly', true); 481 $('#email_select').prop('readonly', true); 482 $('#email_domain').prop('readonly', true); 483 484 $('#email_auth_btn').html('ì¸ì¦ìë£'); 485 $('#email_auth_btn').prop('disabled', true); 486 $('#email_select').prop('disabled', true); 487 488 $('#email_auth_key').val(auth_key); 489 } 490 }, 491 error: function(xhr, status, error){ 492 console.log(xhr.responseText); 493 } 494 }); 495 }, 5000); 496 } 497 498 function phone_auth(){ 499 //console.log('phone_auth'); 500 $.ajax({ 501 url: '/main/phone_auth_proc', 502 type: 'post', 503 data: {"phone":$('#phone').val()}, 504 success: function(response){ 505 console.log(response); 506 response = JSON.parse(response); 507 if(response.result == 1){ 508 $('#phone_key_box').show(); 509 $('#phone_auth_result').show(); 510 }else{ 511 alert_modal(response.msg); 512 } 513 }, 514 error: function(xhr, status, error){ 515 console.log(xhr.responseText); 516 } 517 }); 518 } 519 520 function phone_auth_key(){ 521 // console.log('phone_auth_key'); 522 $.ajax({ 523 url: '/main/phone_auth_valid', 524 type: 'post',
525 data: {"phone":$('#phone').val(), "phone_key":$('#phone_key').val()}, 526 success: function(response){ 527 console.log(response); 528 response = JSON.parse(response); 529 if(response.result == 1){ 530 $('#phone_key_box').hide(); 531 $('#phone_auth_result').removeClass('ing'); 532 $('#phone_auth_result').addClass('done'); 533 $('#phone_auth_result').html('í´ëí° ì¸ì¦ì´ ìë£ëììµëë¤.'); 534 535 $('#phone').prop('readonly', true); 536 $('#phone_key').prop('readonly', true); 537 538 $('#phone_auth_btn').html('ì¸ì¦ìë£'); 539 $('#phone_auth_btn').prop('disabled', true); 540 }else{ 541 alert_modal(response.msg); 542 } 543 }, 544 error: function(xhr, status, error){ 545 console.log(xhr.responseText); 546 } 547 }); 548 } 549</script>
549 550<style> 551 .input_result { 552 display: flex; 553 align-items: center; 554 gap: 0.25rem; 555 font-size: 0.75rem; 556 line-height: 150%; 557 color: #8c8c8c; 558 padding-left:1.1rem 559 } 560 561 .input_result.done { 562 color: #7c00ff; 563 background: url(/images/ico_certification.png) no-repeat left/1rem; 564 } 565 566 .input_result.ing { 567 color: #f9471e; 568 background: url(/images/ico_notice.png) no-repeat left/1rem; 569 } 570 571 .input_box .input_text:read-only { width: 100%; height: 3.5rem; border: 1px solid #dfdfdf; border-radius: 1rem; padding: 0 1.25rem; font-size: 1rem; line-height: 150%; color: #131720; background: #fff;} 572</style> </div> 573 574 <!-- footer --> 575 <footer class="footer"> 576 <div class="inner f_inner"> 577 <div class="f_info"> 578 <div class="logo"> 579 <img src="/images/logo.png" alt=""> 580 </div> 581 <p class="info_txt"> 582 (주)ìëì¤ (EDUCE Co., Ltd) ëíì´ì¬ : ë°ìí <br class="tablet"> 583 ê°ì¸ì ë³´ë³´í¸ì± ìì : ì ì°½ì° <br> 584 ì¬ì ìë±ë¡ë²í¸ : 605-81-65923 <br class="tablet"> 585 íµì í매ì ì ê³ ë²í¸ 2014-ë¶ì°í´ì´-0365 <br> 586 ì§ì ì ë³´ì ê³µì¬ì ë¶ì° ì 2009-8í¸ ì¬ì ìì ë³´íì¸ 587 </p> 588 <p class="policy_footer"> 589 <a href="/main/terms/use" class="link">ì´ì©ì½ê´</a><span>|</span> 590 <a href="/main/terms/privacy" class="link">ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨</a><span>|</span> 591 <a href="/main/terms/email" class="link">ì´ë©ì¼ ìì§ê±°ë¶</a> 592 </p> 593 <p class="copyright"> 594 Copyright 2026 Loofit Platform. All Rights Reserved. 595 </p> 596 </div> 597 <div class="f_cont"> 598 <div class="item guidebox"> 599 <p class="f_tit">Guide</p> 600 <div class="contbox"> 601 <a href="https://www.educe.co.kr/common/upload/EDUCE_brochure.pdf" target="_blank" class="link">íì¬ìê°ì</a> 602 <a href="https://reina-solutions.notion.site/MyLoofit-24e3fa7f28c6803db7f9dbe6081bbd14?source=copy_link" target="_blank" class="link">íí 리ì¼</a> 603 </div> 604 </div> 605 <div class="item sitebox"> 606 <p class="f_tit">Site</p> 607 <div class="contbox"> 608 <a href="https://www.educe.co.kr" target="_blank" class="link"> 609 <span class="tit">ìëì¤</span> 610 <span class="desc">AI ì·¨ì íë«í¼</span> 611 </a> 612 <a href="https://inear.io/" target="_blank" class="link"> 613 <span class="tit">INEAR</span> 614 <span class="desc">AIìì´ë§í기ë¥ë ¥íê°</span> 615 </a> 616 <a href="https://www.auland.org/main" target="_blank" class="link"> 617 <span class="tit">Auland</span> 618 <span class="desc">ì·¨ì ì§ë¡ ì§ë¨ê²ì¬</span> 619 </a> 620 </div> 621 </div> 622 </div> 623 <div class="f_contact"> 624 <p class="f_tit">Contact</p> 625 <div class="contbox"> 626 <p class="ct_txt"> 627 ìì¸í¹ë³ì ë§í¬êµ¬ í ì ë¡ 12, ëí¤ë¹ë© 4층 <br> 628 ë¶ì°ê´ìì í´ì´ë구 ì¼í ìë¡ 30 <br class="pc"> 629 ì¼ì´ììíì 15층 630 </p> 631 <a href="/customer" class="button typeD inq_btn">1:1 문ìí기</a> 632 </div> 633 </div> 634 </div> 635 </footer> 636 637 <!-- JS --> 638
638<script src="/js/common.js?2026052701"></script>
vendor: 1 bytes, line 638
638
639<script> 640 $(document).ready(function() { 641 const hash = window.location.hash; // "#share=66065" 642 const params = new URLSearchParams(hash.replace(/^#/, '')); 643 const share = params.get('share'); // "66065" 644 645 // console.log(hash, params, share); 646 if(share){ 647 fnc_recruit_view(share); 648 } 649 }); 650</script>
650 651</div> 652</body> 653</html>
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.