MetaRich \uba54\ub274 - \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8<\/title> <style> .mrh-header-wrap { position: relative; z-index: 2500; } .mrh-header { display: flex; align-items: center; justify-content: space-between; background: white; padding: 1rem 2rem; border-bottom: 1px solid #ddd; } .mrh-logo img { height: 110px; } .mrh-desktop-menu { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } .mrh-menu-item { position: relative; } .mrh-menu-item > a { text-decoration: none; color: #111; font-weight: 500; padding: 0.4rem 0.6rem; display: inline-block; cursor: pointer; } .mrh-dropdown { display: none; position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0,0,0,0.05); z-index: 100; min-width: 220px; } .mrh-dropdown a { display: block; padding: 0.75rem 1rem; text-decoration: none; color: #333; border-bottom: 1px solid #eee; } .mrh-dropdown a:hover { background: #f4f4f4; } .mrh-menu-item:hover > .mrh-dropdown { display: block; } .mrh-login-area { padding-left: 1.2rem; } .mrh-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; width: 44px; height: 44px; background: none; border: none; cursor: pointer; z-index: 400; padding: 0; margin-left: 10px; } .mrh-hamburger span { display: block; width: 30px; height: 4px; background: #222; margin: 5px 0; border-radius: 2px; transition: 0.3s; } @media (max-width: 900px) { .mrh-header { padding: 0.7rem 0.8rem; } .mrh-logo img { height: 48px; } .mrh-desktop-menu { display: none !important; } .mrh-hamburger { display: flex; } .mrh-dropdown { display: none !important; position: static; box-shadow: none; border: none; background: none; min-width: 0; padding: 0; } .mrh-menu-item.open > .mrh-dropdown { display: block !important; } .mrh-slide-menu .mrh-login-area { position: sticky; top: 0; z-index: 9999; background: #fff; border-bottom: 1px solid #eee; padding: 16px 0 16px 22px; margin-bottom: 10px; width: 100%; } } .mrh-slide-menu-backdrop { display: none; position: fixed; inset: 0; z-index: 399; background: rgba(0,0,0,0.3); transition: background 0.25s; } .mrh-slide-menu { display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 80vw; max-width: 340px; background: #fff; box-shadow: 3px 0 24px rgba(0,0,0,0.08); z-index: 400; transform: translateX(-100%); transition: transform 0.25s cubic-bezier(0.77,0.2,0.05,1.0); overflow-y: auto; padding-top: 28px; } .mrh-slide-menu.open { transform: translateX(0); } .mrh-slide-menu nav { display: flex; flex-direction: column; gap: 0; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; } .mrh-slide-menu .mrh-menu-item { width: 100%; } .mrh-slide-menu .mrh-menu-item > a { padding: 1.1rem 1.3rem; width: 100%; border-bottom: 1px solid #f0f0f0; font-size: 1.07rem; color: #222; background: none; font-weight: 600; } .mrh-slide-menu .mrh-login-area { padding: 20px 0 20px 22px; } <\/style> <\/head> <body> <div class=\"mrh-header-wrap\"> <header class=\"mrh-header\"> <div class=\"mrh-logo\"> <a href=\"\/\"><img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\ub85c\uace011.png\" alt=\"MetaRich \ub85c\uace0\" \/><\/a> <\/div> <button class=\"mrh-hamburger\" aria-label=\"\ubaa8\ubc14\uc77c \uba54\ub274 \uc5f4\uae30\"> <span><\/span><span><\/span><span><\/span> <\/button> <nav class=\"mrh-desktop-menu\"> <div class=\"mrh-menu-item\"> <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a> <\/div> <\/div>  <div class=\"mrh-menu-item\"> <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div> <div class=\"mrh-login-area\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a> <\/div> <\/nav> <\/header> <div class=\"mrh-slide-menu-backdrop\"><\/div> <aside class=\"mrh-slide-menu\" aria-label=\"\uc804\uccb4 \uba54\ub274\"> <button class=\"mrh-close-btn\" aria-label=\"\uba54\ub274 \ub2eb\uae30\">×<\/button> <nav> <div class=\"mrh-menu-item\"> <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a> <\/div> <\/div>  <div class=\"mrh-menu-item\"> <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div> <div class=\"mrh-login-area\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a> <\/div> <\/nav> <\/aside> <div class=\"mrh-slide-menu-backdrop\"><\/div> <\/div> <script> (function(){ document.querySelectorAll('.mrh-header-wrap').forEach(function(root){ const hamburger = root.querySelector('.mrh-hamburger'); const slideMenu = root.querySelector('.mrh-slide-menu'); const slideBackdrop = root.querySelectorAll('.mrh-slide-menu-backdrop'); const closeBtn = root.querySelector('.mrh-slide-menu .mrh-close-btn'); hamburger.addEventListener('click', function() { slideMenu.classList.add('open'); slideBackdrop.forEach(bd=>bd.style.display='block'); document.body.style.overflow = 'hidden'; }); closeBtn.addEventListener('click', closeMenu); slideBackdrop.forEach(bd=>bd.addEventListener('click', closeMenu)); function closeMenu() { slideMenu.classList.remove('open'); slideBackdrop.forEach(bd=>bd.style.display='none'); document.body.style.overflow = ''; } window.addEventListener('resize', function() { if(window.innerWidth > 900) closeMenu(); }); \/\/ \ubaa8\ubc14\uc77c \uc544\ucf54\ub514\uc5b8 \uc18c\uba54\ub274 function isMobile() { return window.innerWidth <= 900; } [root.querySelector('.mrh-slide-menu nav'), root.querySelector('.mrh-desktop-menu')].forEach(function(menu){ if (!menu) return; menu.querySelectorAll('.mrh-menu-item > a').forEach(function(anchor){ anchor.addEventListener('click', function(e){ if(isMobile()) { const parent = this.parentElement; if(parent.querySelector('.mrh-dropdown')) { e.preventDefault(); parent.classList.toggle('open'); } } }); }); }); \/\/ PC hover root.querySelectorAll('.mrh-desktop-menu .mrh-menu-item').forEach(item=>{ item.addEventListener('mouseenter',()=>{ item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='block'); }); item.addEventListener('mouseleave',()=>{ item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='none'); }); }); }); })(); <\/script> <\/body> <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14baab7 e-flex e-con-boxed e-con e-parent\" data-id=\"14baab7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58fda2e elementor-widget elementor-widget-html\" data-id=\"58fda2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>MZ\ubd80\ud2b8\ucea0\ud504 \ud569\uaca9\uc870\ud68c<\/title>\r\n <style>\r\n body { font-family:'Noto Sans KR',sans-serif; background:#f4f7ff; margin:0; padding:0; }\r\n .result-container { max-width:410px; margin:40px auto; background:#fff; border-radius:16px; padding:30px 25px; box-shadow:0 8px 24px rgba(70,113,250,0.15); text-align:center; }\r\n .top-text { font-weight:900; font-size:1.4rem; line-height:1.3; margin-bottom:12px; color:#000; }\r\n .top-text span { font-weight:400; }\r\n .top-text .highlight { color:#2db9b9; user-select:none; }\r\n .top-text .highlight.m { color:#407cfb; }\r\n .top-text .highlight.z { color:#ff7a00; }\r\n .top-text .highlight-result { color:#407cfb; }\r\n .illustration { margin:15px 0 10px 0; user-select:none; width:100%; border-radius:10px; object-fit:cover; }\r\n form { margin-bottom:25px; }\r\n .input-row { display:flex; align-items:center; margin-bottom:14px; }\r\n .input-row label { flex:0 0 80px; font-weight:700; font-size:0.95rem; color:#345688; user-select:none; text-align:left; }\r\n .input-row input { flex:1; padding:11px 10px; font-size:1rem; font-weight:700; border:1.2px solid #dbe5f3; border-radius:10px; background:#f8fbff; color:#263655; outline-offset:0; transition:border-color .13s ease; }\r\n .input-row input:focus { border-color:#407cfb; background:#fdf7f2; }\r\n .btn-group { width:100%; max-width:370px; }\r\n .btn { position:relative; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:1.15rem; border-radius:10px; padding:15px 0; cursor:pointer; user-select:none; box-shadow:0 4px 16px rgba(0,0,0,.1); transition:background-color .2s ease; width:100%; border:none; background:linear-gradient(90deg,#407cfb 0%,#7bd4ff 100%); }\r\n .btn[disabled] { opacity:.6; cursor:not-allowed; }\r\n .btn.beta { padding-right:70px; }\r\n .btn .beta-badge { position:absolute; top:50%; right:60px; transform:translateY(-50%); background:#ff5050; color:#fff; font-weight:700; font-size:.7rem; padding:3px 8px; border-radius:10px; user-select:none; }\r\n .btn .arrow { position:absolute; top:50%; right:20px; transform:translateY(-50%) rotate(-45deg); border:solid #fff; border-width:0 3.5px 3.5px 0; display:inline-block; padding:5px; }\r\n\r\n #loadingModal, #resultModal { display:none; position:fixed; z-index:9999; inset:0; background:rgba(0,0,0,.3); backdrop-filter: blur(3px); justify-content:center; align-items:center; }\r\n #loadingModal.active, #resultModal.active { display:flex; }\r\n #loadingModal .content { background:#fff; padding:20px 40px; border-radius:16px; text-align:center; font-weight:700; font-size:1.2rem; color:#407cfb; box-shadow:0 0 10px #407cfb88; }\r\n .loader { border:5px solid #f3f3f3; border-top:5px solid #407cfb; border-radius:50%; width:40px; height:40px; margin:15px auto 0; animation:spin 1s linear infinite; }\r\n @keyframes spin { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }\r\n\r\n #resultModal .content { width:90vw; max-width:900px; background:#fff; border-radius:20px; padding:40px 50px 50px; box-shadow:0 20px 50px rgba(0,0,0,.25); color:#2643a7; text-align:center; position:relative; overflow:visible; }\r\n\r\n .progress-container { display:flex; justify-content:space-between; margin-bottom:20px; position:relative; }\r\n .progress-line { position:absolute; top:32px; left:20px; right:20px; height:6px; background:#d1d7e8; border-radius:3px; overflow:hidden; z-index:0; }\r\n .progress-line-active { height:100%; width:0; background:linear-gradient(270deg,#407cfb,#7bd4ff); border-radius:3px; background-size:200% 100%; background-position:0 0; animation:flow 2s linear infinite; z-index:1; }\r\n @keyframes flow { 0%{background-position:100% 0;width:0} 100%{background-position:0 0;width:100%} }\r\n\r\n .progress-step { flex:1; position:relative; text-align:center; user-select:none; z-index:2; padding:10px 5px 60px; transition: transform .3s ease, box-shadow .3s ease; }\r\n .step-circle { margin:0 auto 8px; width:40px; height:40px; border-radius:50%; background:#d1d7e8; color:#fff; line-height:40px; font-weight:700; font-size:1.2rem; transition:all .3s ease; }\r\n .progress-step.active .step-circle { background:linear-gradient(90deg,#407cfb 0%, #7bd4ff 100%); box-shadow:0 0 12px #5e9dffcc; }\r\n .progress-step.current .step-circle { background:linear-gradient(90deg,#ff5656 0%, #ff7a7a 100%); box-shadow:0 0 20px #ff5656cc; transform:scale(1.2); }\r\n .step-title { font-weight:700; font-size:0.95rem; color:#a3a9c4; transition:color .3s ease; }\r\n .progress-step.active .step-title { color:#2643a7; }\r\n .progress-step.current .step-title { color:#ff3b3b; }\r\n\r\n #resultMessage { font-weight:700; font-size:1.2rem; margin:0 0 4px; color:#ff3b3b; display:inline-block; padding:8px 25px; background:rgba(255,86,86,.15); border:2px solid #ff5656; border-radius:25px; box-shadow:0 0 15px rgba(255,86,86,.5); }\r\n #resultSubtext { font-weight:500; font-size:1rem; color:#1a2f73; white-space:pre-line; margin-top:0; }\r\n #resultSubtext .highlight-name { font-weight:700; font-size:1.1rem; color:#1a2f73; }\r\n\r\n #closeResultBtn { background:#407cfb; color:#fff; border:none; border-radius:10px; padding:12px 30px; font-weight:700; font-size:1.1rem; cursor:pointer; box-shadow:0 6px 18px rgba(64,124,251,.8); margin-top:40px; transition:background-color .3s ease; }\r\n #closeResultBtn:hover { background:#2a64d6; }\r\n\r\n #modalGif { position:absolute; top:65%; left:8.5%; transform:translate(-50%,-50%); width:250px; user-select:none; }\r\n\r\n @media (max-width:600px) {\r\n #resultModal .content { padding:30px 20px 35px; }\r\n .progress-step { padding-bottom:40px; }\r\n #modalGif { display:none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"result-container\">\r\n <div class=\"top-text\">\r\n <span class=\"highlight m\">M<\/span><span class=\"highlight z\">Z<\/span> \ubd80\ud2b8\ucea0\ud504<br \/>\r\n \uc78a\uc9c0\ub9d0\uace0 <span class=\"highlight highlight-result\">\uc9c4\ud589\ud604\ud669\uc744<\/span> \ud655\uc778\ud558\uc138\uc694!\r\n <\/div>\r\n\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2026\/01\/00.png\"\r\n alt=\"\uc77c\ub7ec\uc2a4\ud2b8\" class=\"illustration\" \/>\r\n\r\n <form id=\"resultForm\" autocomplete=\"off\">\r\n <div class=\"input-row\">\r\n <label for=\"name\">\uc131\ud568<\/label>\r\n <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"\ud64d\uae38\ub3d9\" maxlength=\"20\" required \/>\r\n <\/div>\r\n <div class=\"input-row\">\r\n <label for=\"birth\">\uc0dd\ub144\uc6d4\uc77c<\/label>\r\n <input id=\"birth\" name=\"birth\" type=\"text\" placeholder=\"1999-12-31\" maxlength=\"10\" required \/>\r\n <\/div>\r\n <div class=\"input-row\">\r\n <label for=\"phone\">\uc804\ud654\ubc88\ud638<\/label>\r\n <input id=\"phone\" name=\"phone\" type=\"text\" placeholder=\"010-1234-5678\" maxlength=\"13\" required \/>\r\n <\/div>\r\n\r\n <div class=\"btn-group\" style=\"margin-top:15px;\">\r\n <button type=\"submit\" id=\"submitBtn\" class=\"btn beta\">\r\n MZ\ubd80\ud2b8\ucea0\ud504 \ud569\uaca9\uc870\ud68c\r\n <div class=\"beta-badge\">Click<\/div>\r\n <i class=\"arrow\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n<\/div>\r\n\r\n\r\n<div id=\"loadingModal\">\r\n <div class=\"content\">\r\n \uc870\ud68c \uc911\uc785\ub2c8\ub2e4...\r\n <div class=\"loader\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"resultModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"resultMessage\">\r\n <div class=\"content\">\r\n <div class=\"progress-container\" id=\"progressContainer\">\r\n <div class=\"progress-line\"><div class=\"progress-line-active\"><\/div><\/div>\r\n\r\n <div class=\"progress-step\" data-step=\"1\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">1<\/div>\r\n <div class=\"step-title\">\uc11c\ub958\uc81c\ucd9c \ud655\uc778<\/div>\r\n <img decoding=\"async\" id=\"modalGif\"\r\n src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/image98.gif\"\r\n alt=\"\uc9c4\ud589\uc911 \uc560\ub2c8\uba54\uc774\uc158\" \/>\r\n <\/div>\r\n <div class=\"progress-step\" data-step=\"2\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">2<\/div>\r\n <div class=\"step-title\">\uc11c\ub958\ubcf4\uc644<\/div>\r\n <\/div>\r\n <div class=\"progress-step\" data-step=\"3\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">3<\/div>\r\n <div class=\"step-title\">\uba74\uc811<\/div>\r\n <\/div>\r\n <div class=\"progress-step\" data-step=\"4\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">4<\/div>\r\n <div class=\"step-title\">\ucd5c\uc885\uacb0\uacfc<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"resultMessage\"><\/div>\r\n <div id=\"resultSubtext\"><\/div>\r\n <button id=\"closeResultBtn\">\ub2eb\uae30<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ===== GAS Web App URL ===== *\/\r\nconst GAS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbz5WCRkIgrEc8F_on3qeeOzB-52JNm1-0ru7quaru_q5bFHrUc9OKPMRPSDMnZzh0M\/exec';\r\n\r\n\/* ===== \uc785\ub825 \ub9c8\uc2a4\ud0b9 ===== *\/\r\ndocument.getElementById('birth').addEventListener('input', function () {\r\n let v = this.value.replace(\/[^0-9]\/g, '');\r\n if (v.length > 8) v = v.slice(0, 8);\r\n if (v.length > 4) v = v.slice(0, 4) + '-' + v.slice(4);\r\n if (v.length > 7) v = v.slice(0, 7) + '-' + v.slice(7);\r\n this.value = v;\r\n});\r\n\r\nconst phoneInput = document.getElementById('phone');\r\nphoneInput.addEventListener('input', function () {\r\n let d = this.value.replace(\/\\D\/g, '');\r\n if (d.length > 11) d = d.slice(0, 11);\r\n const midLen = (d.length > 10) ? 4 : 3;\r\n\r\n if (d.length > 3 && d.length <= 7) {\r\n this.value = d.slice(0, 3) + '-' + d.slice(3);\r\n } else if (d.length > 7) {\r\n this.value =\r\n d.slice(0, 3) + '-' +\r\n d.slice(3, 3 + midLen) + '-' +\r\n d.slice(3 + midLen);\r\n } else {\r\n this.value = d;\r\n }\r\n});\r\n\r\nphoneInput.addEventListener('blur', function () {\r\n const d = this.value.replace(\/\\D\/g, '');\r\n if (d.length < 10 || d.length > 11) {\r\n alert('\uc804\ud654\ubc88\ud638\ub294 \uc22b\uc790 10~11\uc790\ub9ac\ub85c \uc785\ub825\ud558\uc138\uc694. \uc608) 01012345678');\r\n this.value = '';\r\n this.focus();\r\n return;\r\n }\r\n const midLen = (d.length === 11) ? 4 : 3;\r\n this.value = `${d.slice(0,3)}-${d.slice(3,3+midLen)}-${d.slice(3+midLen)}`;\r\n});\r\n\r\n\/* ===== \uc870\ud68c \ubaa8\ub2ec \/ \ubc84\ud2bc ===== *\/\r\nconst loadingModal = document.getElementById('loadingModal');\r\nconst resultModal = document.getElementById('resultModal');\r\nconst resultForm = document.getElementById('resultForm');\r\nconst submitBtn = document.getElementById('submitBtn');\r\nconst closeResultBtn = document.getElementById('closeResultBtn');\r\nconst progressSteps = document.querySelectorAll('.progress-step');\r\nconst progressLineActive = document.querySelector('.progress-line-active');\r\nconst resultMessage = document.getElementById('resultMessage');\r\nconst resultSubtext = document.getElementById('resultSubtext');\r\n\r\nconst normalize = (s = '') => String(s).replace(\/\\s\/g, '').trim();\r\n\r\nfunction statusToStep(status) {\r\n const s = normalize(status);\r\n if (!s) return 0;\r\n\r\n if (s.includes('\ucd5c\uc885\ud569\uaca9') || s.includes('\ucd5c\uc885\ubd88\ud569\uaca9') || s.includes('\ud2b9\uc778')) return 4;\r\n if (s.includes('\ucd94\uac00\uba74\uc811') || s.includes('\uba74\uc811')) return 3;\r\n if (s.includes('\uc11c\ub958\ubcf4\uc644')) return 2;\r\n if (s.includes('\uc11c\ub958\uc81c\ucd9c\ud655\uc778') || s.includes('\uc11c\ub958\uc81c\ucd9c') || s.includes('\uc11c\ub958\ud0c8\ub77d')) return 1;\r\n\r\n return 0;\r\n}\r\n\r\nfunction escapeHtml(s = '') {\r\n return String(s)\r\n .replace(\/&\/g, '&')\r\n .replace(\/<\/g, '<')\r\n .replace(\/>\/g, '>')\r\n .replace(\/\"\/g, '"')\r\n .replace(\/'\/g, ''');\r\n}\r\n\r\nfunction getCustomMessage(status, name) {\r\n const s = normalize(status);\r\n const safeNameHtml = `<span class=\"highlight-name\">${escapeHtml(name)}<\/span>`;\r\n\r\n if (!s) {\r\n return { title: '\uc9c4\ud589 \uc815\ubcf4 \uc5c6\uc74c', main: `${safeNameHtml}\ub2d8\uc758 \uc804\ud615 \uc9c4\ud589 \uc815\ubcf4\uac00 \uc544\uc9c1 \ub4f1\ub85d\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.\\n\ub2f4\ub2f9\uc790\uac00 \ud655\uc778 \ud6c4 \uc5c5\ub370\uc774\ud2b8\ub420 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\uc11c\ub958\uc81c\ucd9c\ud655\uc778') || s.includes('\uc11c\ub958\uc81c\ucd9c')) {\r\n return { title: '\uc11c\ub958\uc81c\ucd9c \ud655\uc778', main: `${safeNameHtml}\ub2d8\uc758 \uc11c\ub958\uac00 \uc815\uc0c1\uc801\uc73c\ub85c \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\\n\ub2f4\ub2f9\uc790\uac00 \uc21c\ucc28\uc801\uc73c\ub85c \ud655\uc778 \ud6c4 \uc548\ub0b4\ub4dc\ub9b4 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\uc11c\ub958\ubcf4\uc644')) {\r\n return { title: '\uc11c\ub958\ubcf4\uc644', main: `${safeNameHtml}\ub2d8\uc758 \uc11c\ub958 \ud655\uc778 \uacb0\uacfc \uc77c\ubd80 \ubcf4\uc644\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.\\n\uc548\ub0b4 \uba54\uc2dc\uc9c0(\ubb38\uc790\/\uc54c\ub9bc\ud1a1)\ub97c \ud655\uc778\ud574\uc8fc\uc138\uc694.` };\r\n }\r\n if (s.includes('\uc11c\ub958\ud0c8\ub77d')) {\r\n return { title: '\uc11c\ub958\ud0c8\ub77d', main: `${safeNameHtml}\ub2d8, \uc544\uc27d\uc9c0\ub9cc \uc11c\ub958\uc804\ud615\uc5d0\uc11c \ud0c8\ub77d\ud558\uc168\uc2b5\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ucd94\uac00\uba74\uc811')) {\r\n return { title: '\ucd94\uac00\uba74\uc811', main: `${safeNameHtml}\ub2d8\uc740 \ucd94\uac00\uba74\uc811 \ub300\uc0c1\uc785\ub2c8\ub2e4.\\n\uc138\ubd80 \uc77c\uc815\uc740 \ubb38\uc790\/\uc54c\ub9bc\ud1a1\uc73c\ub85c \ubcc4\ub3c4 \uc548\ub0b4\ub420 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\uba74\uc811')) {\r\n return { title: '\uba74\uc811', main: `${safeNameHtml}\ub2d8\uc758 \uba74\uc811 \ub2e8\uacc4\uac00 \uc9c4\ud589 \uc911\uc785\ub2c8\ub2e4.\\n\uc138\ubd80 \uc77c\uc815\uc740 \ubb38\uc790\/\uc54c\ub9bc\ud1a1\uc73c\ub85c \uc548\ub0b4\ub420 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ud2b9\uc778')) {\r\n return { title: '\ud2b9\uc778', main: `${safeNameHtml}\ub2d8\uc740 \ud2b9\uc778(\ud2b9\ubcc4 \uc2b9\uc778) \ub300\uc0c1\uc785\ub2c8\ub2e4.\\n\ud5a5\ud6c4 \uc77c\uc815 \ubc0f \ucd5c\uc885 \uc548\ub0b4\ub294 \ub2f4\ub2f9\uc790\uac00 \uac1c\ubcc4 \uc5f0\ub77d\ub4dc\ub9bd\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ucd5c\uc885\ud569\uaca9')) {\r\n return { title: '\ucd5c\uc885\ud569\uaca9', main: `${safeNameHtml}\ub2d8 MZ \ubd80\ud2b8\ucea0\ud504\uc5d0 \ucd5c\uc885\ud569\uaca9 \ub418\uc168\uc2b5\ub2c8\ub2e4. \ucd95\ud558\ub4dc\ub9bd\ub2c8\ub2e4!\\n\uc624\ub9ac\uc5d4\ud14c\uc774\uc158 \ubc0f \uc138\ubd80 \uc77c\uc815\uc740 \ucd94\ud6c4 \uacf5\uc9c0\ub429\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ucd5c\uc885\ubd88\ud569\uaca9') || s.includes('\ubd88\ud569\uaca9')) {\r\n return { title: '\ucd5c\uc885\ubd88\ud569\uaca9', main: `${safeNameHtml}\ub2d8, \uc544\uc27d\uc9c0\ub9cc \ucd5c\uc885\uc804\ud615\uc5d0 \ubd88\ud569\uaca9 \ub418\uc168\uc2b5\ub2c8\ub2e4.` };\r\n }\r\n\r\n return { title: '\uc9c4\ud589\uc911', main: `${safeNameHtml}\ub2d8\uc758 \uc804\ud615\uc774 \uc9c4\ud589 \uc911\uc785\ub2c8\ub2e4.\\n\uc0c1\uc138 \uc0c1\ud0dc\ub294 \ub2f4\ub2f9\uc790\uac00 \uc5c5\ub370\uc774\ud2b8\ud560 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n}\r\n\r\nfunction updateProgress(step) {\r\n progressSteps.forEach((el) => {\r\n const n = parseInt(el.getAttribute('data-step'), 10);\r\n el.classList.remove('active','current');\r\n if (step === 0) return;\r\n\r\n if (n < step) el.classList.add('active');\r\n else if (n === step) el.classList.add('current');\r\n });\r\n\r\n if (step === 0) {\r\n progressLineActive.style.width = '0%';\r\n progressLineActive.style.animationPlayState = 'paused';\r\n } else {\r\n const percent = ((step - 1) \/ (progressSteps.length - 1)) * 100;\r\n progressLineActive.style.width = `${percent}%`;\r\n progressLineActive.style.animationPlayState = 'running';\r\n }\r\n}\r\n\r\n\/* ===== \uc81c\ucd9c\/\uc870\ud68c ===== *\/\r\nresultForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n\r\n const name = resultForm.name.value.trim();\r\n const birth = resultForm.birth.value.trim().replace(\/\\D\/g,''); \/\/ YYYYMMDD\r\n const phoneDigits = resultForm.phone.value.trim().replace(\/\\D\/g,'');\r\n\r\n if (!name || birth.length !== 8 || (phoneDigits.length < 10 || phoneDigits.length > 11)) {\r\n alert('\uc785\ub825\uac12\uc744 \ud655\uc778\ud558\uc138\uc694.');\r\n return;\r\n }\r\n const phone8 = phoneDigits.slice(-8);\r\n\r\n loadingModal.classList.add('active');\r\n resultModal.classList.remove('active');\r\n submitBtn.disabled = true;\r\n\r\n const apiURL =\r\n `${GAS_URL}?name=${encodeURIComponent(name)}&birth=${encodeURIComponent(birth)}&phone8=${encodeURIComponent(phone8)}&t=${Date.now()}`;\r\n\r\n try {\r\n const res = await fetch(apiURL, { method: 'GET', cache: 'no-store', redirect: 'follow' });\r\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n const text = await res.text();\r\n let data;\r\n try { data = JSON.parse(text); }\r\n catch { throw new Error('JSON \ud30c\uc2f1 \uc2e4\ud328(\uc751\ub2f5\uc774 JSON \uc544\ub2d8): ' + text.slice(0, 200)); }\r\n\r\n loadingModal.classList.remove('active');\r\n\r\n if (data.found) {\r\n const step = statusToStep(data.status);\r\n updateProgress(step);\r\n\r\n const msg = getCustomMessage(data.status, name);\r\n resultMessage.textContent = msg.title || '\uacb0\uacfc';\r\n resultSubtext.innerHTML = msg.main || '';\r\n } else {\r\n updateProgress(0);\r\n resultMessage.textContent = '\u2754 \uc815\ubcf4 \uc5c6\uc74c';\r\n\r\n \/\/ \uc11c\ubc84\uac00 \ub0b4\ub824\uc900 error\/received\ub97c \uadf8\ub300\ub85c \ubcf4\uc5ec\uc8fc\uba74 \ub514\ubc84\uae45\uc774 \ube68\ub77c\uc9d0\r\n if (data && data.error) {\r\n const received = data.received ? `\\n(\uc785\ub825\uac12: ${JSON.stringify(data.received)})` : '';\r\n resultSubtext.textContent = `\uc77c\uce58\ud558\ub294 \uc815\ubcf4\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.\\n\uc624\ub958: ${data.error}${received}`;\r\n } else {\r\n resultSubtext.textContent = '\uc785\ub825 \uc815\ubcf4\uc640 \uc77c\uce58\ud558\ub294 \uc9c0\uc6d0\uc790\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.';\r\n }\r\n }\r\n\r\n resultModal.classList.add('active');\r\n\r\n } catch (err) {\r\n loadingModal.classList.remove('active');\r\n updateProgress(0);\r\n resultMessage.textContent = '\u26d4 \uc870\ud68c \uc624\ub958';\r\n resultSubtext.textContent =\r\n (err && err.message) ? err.message : '\uc77c\uc2dc\uc801 \uc624\ub958\uac00 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.';\r\n resultModal.classList.add('active');\r\n } finally {\r\n submitBtn.disabled = false;\r\n }\r\n});\r\n\r\ncloseResultBtn.addEventListener('click', () => {\r\n resultModal.classList.remove('active');\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MetaRich \uba54\ub274 – \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8 MZ \ubd80\ud2b8\ucea0\ud504 \u25bc MZ \ubd80\ud2b8\ucea0\ud504 \uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4 \uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0 \ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4 \uc785\uacfc\uc2e0\uccad \u25bc \uc9c0\uc6d0\ud558\uae30 \uc9c0\uc6d0\uc790\uaca9 \ud569\uaca9\uc870\ud68c \uad50\uc721\uacfc\uc815 \u25bc \uad50\uc721\uc774\ub150 \uac15\uc0ac\uc18c\uac1c AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780 \uc5c5\uacc4 \uacbd\uc7c1\ub825 \uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840 \ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc \uba85\uc608\uc758 \uc804\ub2f9 \uc218\ub8cc\uc0dd \uc774\uc57c\uae30 \uacf5\uc9c0\uc0ac\ud56d × MZ \ubd80\ud2b8\ucea0\ud504 \u25bc MZ \ubd80\ud2b8\ucea0\ud504 \uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4 \uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0 \ubd80\ud2b8\ucea0\ud504 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-8851","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/8851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8851"}],"version-history":[{"count":432,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/8851\/revisions"}],"predecessor-version":[{"id":18689,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/8851\/revisions\/18689"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t MetaRich \uba54\ub274 - \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8<\/title> <style> .mrh-header-wrap { position: relative; z-index: 2500; } .mrh-header { display: flex; align-items: center; justify-content: space-between; background: white; padding: 1rem 2rem; border-bottom: 1px solid #ddd; } .mrh-logo img { height: 110px; } .mrh-desktop-menu { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; } .mrh-menu-item { position: relative; } .mrh-menu-item > a { text-decoration: none; color: #111; font-weight: 500; padding: 0.4rem 0.6rem; display: inline-block; cursor: pointer; } .mrh-dropdown { display: none; position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0,0,0,0.05); z-index: 100; min-width: 220px; } .mrh-dropdown a { display: block; padding: 0.75rem 1rem; text-decoration: none; color: #333; border-bottom: 1px solid #eee; } .mrh-dropdown a:hover { background: #f4f4f4; } .mrh-menu-item:hover > .mrh-dropdown { display: block; } .mrh-login-area { padding-left: 1.2rem; } .mrh-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; width: 44px; height: 44px; background: none; border: none; cursor: pointer; z-index: 400; padding: 0; margin-left: 10px; } .mrh-hamburger span { display: block; width: 30px; height: 4px; background: #222; margin: 5px 0; border-radius: 2px; transition: 0.3s; } @media (max-width: 900px) { .mrh-header { padding: 0.7rem 0.8rem; } .mrh-logo img { height: 48px; } .mrh-desktop-menu { display: none !important; } .mrh-hamburger { display: flex; } .mrh-dropdown { display: none !important; position: static; box-shadow: none; border: none; background: none; min-width: 0; padding: 0; } .mrh-menu-item.open > .mrh-dropdown { display: block !important; } .mrh-slide-menu .mrh-login-area { position: sticky; top: 0; z-index: 9999; background: #fff; border-bottom: 1px solid #eee; padding: 16px 0 16px 22px; margin-bottom: 10px; width: 100%; } } .mrh-slide-menu-backdrop { display: none; position: fixed; inset: 0; z-index: 399; background: rgba(0,0,0,0.3); transition: background 0.25s; } .mrh-slide-menu { display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 80vw; max-width: 340px; background: #fff; box-shadow: 3px 0 24px rgba(0,0,0,0.08); z-index: 400; transform: translateX(-100%); transition: transform 0.25s cubic-bezier(0.77,0.2,0.05,1.0); overflow-y: auto; padding-top: 28px; } .mrh-slide-menu.open { transform: translateX(0); } .mrh-slide-menu nav { display: flex; flex-direction: column; gap: 0; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; } .mrh-slide-menu .mrh-menu-item { width: 100%; } .mrh-slide-menu .mrh-menu-item > a { padding: 1.1rem 1.3rem; width: 100%; border-bottom: 1px solid #f0f0f0; font-size: 1.07rem; color: #222; background: none; font-weight: 600; } .mrh-slide-menu .mrh-login-area { padding: 20px 0 20px 22px; } <\/style> <\/head> <body> <div class=\"mrh-header-wrap\"> <header class=\"mrh-header\"> <div class=\"mrh-logo\"> <a href=\"\/\"><img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\ub85c\uace011.png\" alt=\"MetaRich \ub85c\uace0\" \/><\/a> <\/div> <button class=\"mrh-hamburger\" aria-label=\"\ubaa8\ubc14\uc77c \uba54\ub274 \uc5f4\uae30\"> <span><\/span><span><\/span><span><\/span> <\/button> <nav class=\"mrh-desktop-menu\"> <div class=\"mrh-menu-item\"> <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a> <\/div> <\/div>  <div class=\"mrh-menu-item\"> <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div> <div class=\"mrh-login-area\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a> <\/div> <\/nav> <\/header> <div class=\"mrh-slide-menu-backdrop\"><\/div> <aside class=\"mrh-slide-menu\" aria-label=\"\uc804\uccb4 \uba54\ub274\"> <button class=\"mrh-close-btn\" aria-label=\"\uba54\ub274 \ub2eb\uae30\">×<\/button> <nav> <div class=\"mrh-menu-item\"> <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"> <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a> <\/div> <\/div>  <div class=\"mrh-menu-item\"> <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a> <div class=\"mrh-dropdown\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a> <\/div> <\/div> <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div> <div class=\"mrh-login-area\"> <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a> <\/div> <\/nav> <\/aside> <div class=\"mrh-slide-menu-backdrop\"><\/div> <\/div> <script> (function(){ document.querySelectorAll('.mrh-header-wrap').forEach(function(root){ const hamburger = root.querySelector('.mrh-hamburger'); const slideMenu = root.querySelector('.mrh-slide-menu'); const slideBackdrop = root.querySelectorAll('.mrh-slide-menu-backdrop'); const closeBtn = root.querySelector('.mrh-slide-menu .mrh-close-btn'); hamburger.addEventListener('click', function() { slideMenu.classList.add('open'); slideBackdrop.forEach(bd=>bd.style.display='block'); document.body.style.overflow = 'hidden'; }); closeBtn.addEventListener('click', closeMenu); slideBackdrop.forEach(bd=>bd.addEventListener('click', closeMenu)); function closeMenu() { slideMenu.classList.remove('open'); slideBackdrop.forEach(bd=>bd.style.display='none'); document.body.style.overflow = ''; } window.addEventListener('resize', function() { if(window.innerWidth > 900) closeMenu(); }); \/\/ \ubaa8\ubc14\uc77c \uc544\ucf54\ub514\uc5b8 \uc18c\uba54\ub274 function isMobile() { return window.innerWidth <= 900; } [root.querySelector('.mrh-slide-menu nav'), root.querySelector('.mrh-desktop-menu')].forEach(function(menu){ if (!menu) return; menu.querySelectorAll('.mrh-menu-item > a').forEach(function(anchor){ anchor.addEventListener('click', function(e){ if(isMobile()) { const parent = this.parentElement; if(parent.querySelector('.mrh-dropdown')) { e.preventDefault(); parent.classList.toggle('open'); } } }); }); }); \/\/ PC hover root.querySelectorAll('.mrh-desktop-menu .mrh-menu-item').forEach(item=>{ item.addEventListener('mouseenter',()=>{ item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='block'); }); item.addEventListener('mouseleave',()=>{ item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='none'); }); }); }); })(); <\/script> <\/body> <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14baab7 e-flex e-con-boxed e-con e-parent\" data-id=\"14baab7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58fda2e elementor-widget elementor-widget-html\" data-id=\"58fda2e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>MZ\ubd80\ud2b8\ucea0\ud504 \ud569\uaca9\uc870\ud68c<\/title>\r\n <style>\r\n body { font-family:'Noto Sans KR',sans-serif; background:#f4f7ff; margin:0; padding:0; }\r\n .result-container { max-width:410px; margin:40px auto; background:#fff; border-radius:16px; padding:30px 25px; box-shadow:0 8px 24px rgba(70,113,250,0.15); text-align:center; }\r\n .top-text { font-weight:900; font-size:1.4rem; line-height:1.3; margin-bottom:12px; color:#000; }\r\n .top-text span { font-weight:400; }\r\n .top-text .highlight { color:#2db9b9; user-select:none; }\r\n .top-text .highlight.m { color:#407cfb; }\r\n .top-text .highlight.z { color:#ff7a00; }\r\n .top-text .highlight-result { color:#407cfb; }\r\n .illustration { margin:15px 0 10px 0; user-select:none; width:100%; border-radius:10px; object-fit:cover; }\r\n form { margin-bottom:25px; }\r\n .input-row { display:flex; align-items:center; margin-bottom:14px; }\r\n .input-row label { flex:0 0 80px; font-weight:700; font-size:0.95rem; color:#345688; user-select:none; text-align:left; }\r\n .input-row input { flex:1; padding:11px 10px; font-size:1rem; font-weight:700; border:1.2px solid #dbe5f3; border-radius:10px; background:#f8fbff; color:#263655; outline-offset:0; transition:border-color .13s ease; }\r\n .input-row input:focus { border-color:#407cfb; background:#fdf7f2; }\r\n .btn-group { width:100%; max-width:370px; }\r\n .btn { position:relative; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:1.15rem; border-radius:10px; padding:15px 0; cursor:pointer; user-select:none; box-shadow:0 4px 16px rgba(0,0,0,.1); transition:background-color .2s ease; width:100%; border:none; background:linear-gradient(90deg,#407cfb 0%,#7bd4ff 100%); }\r\n .btn[disabled] { opacity:.6; cursor:not-allowed; }\r\n .btn.beta { padding-right:70px; }\r\n .btn .beta-badge { position:absolute; top:50%; right:60px; transform:translateY(-50%); background:#ff5050; color:#fff; font-weight:700; font-size:.7rem; padding:3px 8px; border-radius:10px; user-select:none; }\r\n .btn .arrow { position:absolute; top:50%; right:20px; transform:translateY(-50%) rotate(-45deg); border:solid #fff; border-width:0 3.5px 3.5px 0; display:inline-block; padding:5px; }\r\n\r\n #loadingModal, #resultModal { display:none; position:fixed; z-index:9999; inset:0; background:rgba(0,0,0,.3); backdrop-filter: blur(3px); justify-content:center; align-items:center; }\r\n #loadingModal.active, #resultModal.active { display:flex; }\r\n #loadingModal .content { background:#fff; padding:20px 40px; border-radius:16px; text-align:center; font-weight:700; font-size:1.2rem; color:#407cfb; box-shadow:0 0 10px #407cfb88; }\r\n .loader { border:5px solid #f3f3f3; border-top:5px solid #407cfb; border-radius:50%; width:40px; height:40px; margin:15px auto 0; animation:spin 1s linear infinite; }\r\n @keyframes spin { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }\r\n\r\n #resultModal .content { width:90vw; max-width:900px; background:#fff; border-radius:20px; padding:40px 50px 50px; box-shadow:0 20px 50px rgba(0,0,0,.25); color:#2643a7; text-align:center; position:relative; overflow:visible; }\r\n\r\n .progress-container { display:flex; justify-content:space-between; margin-bottom:20px; position:relative; }\r\n .progress-line { position:absolute; top:32px; left:20px; right:20px; height:6px; background:#d1d7e8; border-radius:3px; overflow:hidden; z-index:0; }\r\n .progress-line-active { height:100%; width:0; background:linear-gradient(270deg,#407cfb,#7bd4ff); border-radius:3px; background-size:200% 100%; background-position:0 0; animation:flow 2s linear infinite; z-index:1; }\r\n @keyframes flow { 0%{background-position:100% 0;width:0} 100%{background-position:0 0;width:100%} }\r\n\r\n .progress-step { flex:1; position:relative; text-align:center; user-select:none; z-index:2; padding:10px 5px 60px; transition: transform .3s ease, box-shadow .3s ease; }\r\n .step-circle { margin:0 auto 8px; width:40px; height:40px; border-radius:50%; background:#d1d7e8; color:#fff; line-height:40px; font-weight:700; font-size:1.2rem; transition:all .3s ease; }\r\n .progress-step.active .step-circle { background:linear-gradient(90deg,#407cfb 0%, #7bd4ff 100%); box-shadow:0 0 12px #5e9dffcc; }\r\n .progress-step.current .step-circle { background:linear-gradient(90deg,#ff5656 0%, #ff7a7a 100%); box-shadow:0 0 20px #ff5656cc; transform:scale(1.2); }\r\n .step-title { font-weight:700; font-size:0.95rem; color:#a3a9c4; transition:color .3s ease; }\r\n .progress-step.active .step-title { color:#2643a7; }\r\n .progress-step.current .step-title { color:#ff3b3b; }\r\n\r\n #resultMessage { font-weight:700; font-size:1.2rem; margin:0 0 4px; color:#ff3b3b; display:inline-block; padding:8px 25px; background:rgba(255,86,86,.15); border:2px solid #ff5656; border-radius:25px; box-shadow:0 0 15px rgba(255,86,86,.5); }\r\n #resultSubtext { font-weight:500; font-size:1rem; color:#1a2f73; white-space:pre-line; margin-top:0; }\r\n #resultSubtext .highlight-name { font-weight:700; font-size:1.1rem; color:#1a2f73; }\r\n\r\n #closeResultBtn { background:#407cfb; color:#fff; border:none; border-radius:10px; padding:12px 30px; font-weight:700; font-size:1.1rem; cursor:pointer; box-shadow:0 6px 18px rgba(64,124,251,.8); margin-top:40px; transition:background-color .3s ease; }\r\n #closeResultBtn:hover { background:#2a64d6; }\r\n\r\n #modalGif { position:absolute; top:65%; left:8.5%; transform:translate(-50%,-50%); width:250px; user-select:none; }\r\n\r\n @media (max-width:600px) {\r\n #resultModal .content { padding:30px 20px 35px; }\r\n .progress-step { padding-bottom:40px; }\r\n #modalGif { display:none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"result-container\">\r\n <div class=\"top-text\">\r\n <span class=\"highlight m\">M<\/span><span class=\"highlight z\">Z<\/span> \ubd80\ud2b8\ucea0\ud504<br \/>\r\n \uc78a\uc9c0\ub9d0\uace0 <span class=\"highlight highlight-result\">\uc9c4\ud589\ud604\ud669\uc744<\/span> \ud655\uc778\ud558\uc138\uc694!\r\n <\/div>\r\n\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2026\/01\/00.png\"\r\n alt=\"\uc77c\ub7ec\uc2a4\ud2b8\" class=\"illustration\" \/>\r\n\r\n <form id=\"resultForm\" autocomplete=\"off\">\r\n <div class=\"input-row\">\r\n <label for=\"name\">\uc131\ud568<\/label>\r\n <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"\ud64d\uae38\ub3d9\" maxlength=\"20\" required \/>\r\n <\/div>\r\n <div class=\"input-row\">\r\n <label for=\"birth\">\uc0dd\ub144\uc6d4\uc77c<\/label>\r\n <input id=\"birth\" name=\"birth\" type=\"text\" placeholder=\"1999-12-31\" maxlength=\"10\" required \/>\r\n <\/div>\r\n <div class=\"input-row\">\r\n <label for=\"phone\">\uc804\ud654\ubc88\ud638<\/label>\r\n <input id=\"phone\" name=\"phone\" type=\"text\" placeholder=\"010-1234-5678\" maxlength=\"13\" required \/>\r\n <\/div>\r\n\r\n <div class=\"btn-group\" style=\"margin-top:15px;\">\r\n <button type=\"submit\" id=\"submitBtn\" class=\"btn beta\">\r\n MZ\ubd80\ud2b8\ucea0\ud504 \ud569\uaca9\uc870\ud68c\r\n <div class=\"beta-badge\">Click<\/div>\r\n <i class=\"arrow\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n<\/div>\r\n\r\n\r\n<div id=\"loadingModal\">\r\n <div class=\"content\">\r\n \uc870\ud68c \uc911\uc785\ub2c8\ub2e4...\r\n <div class=\"loader\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div id=\"resultModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"resultMessage\">\r\n <div class=\"content\">\r\n <div class=\"progress-container\" id=\"progressContainer\">\r\n <div class=\"progress-line\"><div class=\"progress-line-active\"><\/div><\/div>\r\n\r\n <div class=\"progress-step\" data-step=\"1\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">1<\/div>\r\n <div class=\"step-title\">\uc11c\ub958\uc81c\ucd9c \ud655\uc778<\/div>\r\n <img decoding=\"async\" id=\"modalGif\"\r\n src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/image98.gif\"\r\n alt=\"\uc9c4\ud589\uc911 \uc560\ub2c8\uba54\uc774\uc158\" \/>\r\n <\/div>\r\n <div class=\"progress-step\" data-step=\"2\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">2<\/div>\r\n <div class=\"step-title\">\uc11c\ub958\ubcf4\uc644<\/div>\r\n <\/div>\r\n <div class=\"progress-step\" data-step=\"3\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">3<\/div>\r\n <div class=\"step-title\">\uba74\uc811<\/div>\r\n <\/div>\r\n <div class=\"progress-step\" data-step=\"4\">\r\n <div class=\"step-circle\" aria-hidden=\"true\">4<\/div>\r\n <div class=\"step-title\">\ucd5c\uc885\uacb0\uacfc<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"resultMessage\"><\/div>\r\n <div id=\"resultSubtext\"><\/div>\r\n <button id=\"closeResultBtn\">\ub2eb\uae30<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ===== GAS Web App URL ===== *\/\r\nconst GAS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbz5WCRkIgrEc8F_on3qeeOzB-52JNm1-0ru7quaru_q5bFHrUc9OKPMRPSDMnZzh0M\/exec';\r\n\r\n\/* ===== \uc785\ub825 \ub9c8\uc2a4\ud0b9 ===== *\/\r\ndocument.getElementById('birth').addEventListener('input', function () {\r\n let v = this.value.replace(\/[^0-9]\/g, '');\r\n if (v.length > 8) v = v.slice(0, 8);\r\n if (v.length > 4) v = v.slice(0, 4) + '-' + v.slice(4);\r\n if (v.length > 7) v = v.slice(0, 7) + '-' + v.slice(7);\r\n this.value = v;\r\n});\r\n\r\nconst phoneInput = document.getElementById('phone');\r\nphoneInput.addEventListener('input', function () {\r\n let d = this.value.replace(\/\\D\/g, '');\r\n if (d.length > 11) d = d.slice(0, 11);\r\n const midLen = (d.length > 10) ? 4 : 3;\r\n\r\n if (d.length > 3 && d.length <= 7) {\r\n this.value = d.slice(0, 3) + '-' + d.slice(3);\r\n } else if (d.length > 7) {\r\n this.value =\r\n d.slice(0, 3) + '-' +\r\n d.slice(3, 3 + midLen) + '-' +\r\n d.slice(3 + midLen);\r\n } else {\r\n this.value = d;\r\n }\r\n});\r\n\r\nphoneInput.addEventListener('blur', function () {\r\n const d = this.value.replace(\/\\D\/g, '');\r\n if (d.length < 10 || d.length > 11) {\r\n alert('\uc804\ud654\ubc88\ud638\ub294 \uc22b\uc790 10~11\uc790\ub9ac\ub85c \uc785\ub825\ud558\uc138\uc694. \uc608) 01012345678');\r\n this.value = '';\r\n this.focus();\r\n return;\r\n }\r\n const midLen = (d.length === 11) ? 4 : 3;\r\n this.value = `${d.slice(0,3)}-${d.slice(3,3+midLen)}-${d.slice(3+midLen)}`;\r\n});\r\n\r\n\/* ===== \uc870\ud68c \ubaa8\ub2ec \/ \ubc84\ud2bc ===== *\/\r\nconst loadingModal = document.getElementById('loadingModal');\r\nconst resultModal = document.getElementById('resultModal');\r\nconst resultForm = document.getElementById('resultForm');\r\nconst submitBtn = document.getElementById('submitBtn');\r\nconst closeResultBtn = document.getElementById('closeResultBtn');\r\nconst progressSteps = document.querySelectorAll('.progress-step');\r\nconst progressLineActive = document.querySelector('.progress-line-active');\r\nconst resultMessage = document.getElementById('resultMessage');\r\nconst resultSubtext = document.getElementById('resultSubtext');\r\n\r\nconst normalize = (s = '') => String(s).replace(\/\\s\/g, '').trim();\r\n\r\nfunction statusToStep(status) {\r\n const s = normalize(status);\r\n if (!s) return 0;\r\n\r\n if (s.includes('\ucd5c\uc885\ud569\uaca9') || s.includes('\ucd5c\uc885\ubd88\ud569\uaca9') || s.includes('\ud2b9\uc778')) return 4;\r\n if (s.includes('\ucd94\uac00\uba74\uc811') || s.includes('\uba74\uc811')) return 3;\r\n if (s.includes('\uc11c\ub958\ubcf4\uc644')) return 2;\r\n if (s.includes('\uc11c\ub958\uc81c\ucd9c\ud655\uc778') || s.includes('\uc11c\ub958\uc81c\ucd9c') || s.includes('\uc11c\ub958\ud0c8\ub77d')) return 1;\r\n\r\n return 0;\r\n}\r\n\r\nfunction escapeHtml(s = '') {\r\n return String(s)\r\n .replace(\/&\/g, '&')\r\n .replace(\/<\/g, '<')\r\n .replace(\/>\/g, '>')\r\n .replace(\/\"\/g, '"')\r\n .replace(\/'\/g, ''');\r\n}\r\n\r\nfunction getCustomMessage(status, name) {\r\n const s = normalize(status);\r\n const safeNameHtml = `<span class=\"highlight-name\">${escapeHtml(name)}<\/span>`;\r\n\r\n if (!s) {\r\n return { title: '\uc9c4\ud589 \uc815\ubcf4 \uc5c6\uc74c', main: `${safeNameHtml}\ub2d8\uc758 \uc804\ud615 \uc9c4\ud589 \uc815\ubcf4\uac00 \uc544\uc9c1 \ub4f1\ub85d\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.\\n\ub2f4\ub2f9\uc790\uac00 \ud655\uc778 \ud6c4 \uc5c5\ub370\uc774\ud2b8\ub420 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\uc11c\ub958\uc81c\ucd9c\ud655\uc778') || s.includes('\uc11c\ub958\uc81c\ucd9c')) {\r\n return { title: '\uc11c\ub958\uc81c\ucd9c \ud655\uc778', main: `${safeNameHtml}\ub2d8\uc758 \uc11c\ub958\uac00 \uc815\uc0c1\uc801\uc73c\ub85c \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\\n\ub2f4\ub2f9\uc790\uac00 \uc21c\ucc28\uc801\uc73c\ub85c \ud655\uc778 \ud6c4 \uc548\ub0b4\ub4dc\ub9b4 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\uc11c\ub958\ubcf4\uc644')) {\r\n return { title: '\uc11c\ub958\ubcf4\uc644', main: `${safeNameHtml}\ub2d8\uc758 \uc11c\ub958 \ud655\uc778 \uacb0\uacfc \uc77c\ubd80 \ubcf4\uc644\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.\\n\uc548\ub0b4 \uba54\uc2dc\uc9c0(\ubb38\uc790\/\uc54c\ub9bc\ud1a1)\ub97c \ud655\uc778\ud574\uc8fc\uc138\uc694.` };\r\n }\r\n if (s.includes('\uc11c\ub958\ud0c8\ub77d')) {\r\n return { title: '\uc11c\ub958\ud0c8\ub77d', main: `${safeNameHtml}\ub2d8, \uc544\uc27d\uc9c0\ub9cc \uc11c\ub958\uc804\ud615\uc5d0\uc11c \ud0c8\ub77d\ud558\uc168\uc2b5\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ucd94\uac00\uba74\uc811')) {\r\n return { title: '\ucd94\uac00\uba74\uc811', main: `${safeNameHtml}\ub2d8\uc740 \ucd94\uac00\uba74\uc811 \ub300\uc0c1\uc785\ub2c8\ub2e4.\\n\uc138\ubd80 \uc77c\uc815\uc740 \ubb38\uc790\/\uc54c\ub9bc\ud1a1\uc73c\ub85c \ubcc4\ub3c4 \uc548\ub0b4\ub420 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\uba74\uc811')) {\r\n return { title: '\uba74\uc811', main: `${safeNameHtml}\ub2d8\uc758 \uba74\uc811 \ub2e8\uacc4\uac00 \uc9c4\ud589 \uc911\uc785\ub2c8\ub2e4.\\n\uc138\ubd80 \uc77c\uc815\uc740 \ubb38\uc790\/\uc54c\ub9bc\ud1a1\uc73c\ub85c \uc548\ub0b4\ub420 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ud2b9\uc778')) {\r\n return { title: '\ud2b9\uc778', main: `${safeNameHtml}\ub2d8\uc740 \ud2b9\uc778(\ud2b9\ubcc4 \uc2b9\uc778) \ub300\uc0c1\uc785\ub2c8\ub2e4.\\n\ud5a5\ud6c4 \uc77c\uc815 \ubc0f \ucd5c\uc885 \uc548\ub0b4\ub294 \ub2f4\ub2f9\uc790\uac00 \uac1c\ubcc4 \uc5f0\ub77d\ub4dc\ub9bd\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ucd5c\uc885\ud569\uaca9')) {\r\n return { title: '\ucd5c\uc885\ud569\uaca9', main: `${safeNameHtml}\ub2d8 MZ \ubd80\ud2b8\ucea0\ud504\uc5d0 \ucd5c\uc885\ud569\uaca9 \ub418\uc168\uc2b5\ub2c8\ub2e4. \ucd95\ud558\ub4dc\ub9bd\ub2c8\ub2e4!\\n\uc624\ub9ac\uc5d4\ud14c\uc774\uc158 \ubc0f \uc138\ubd80 \uc77c\uc815\uc740 \ucd94\ud6c4 \uacf5\uc9c0\ub429\ub2c8\ub2e4.` };\r\n }\r\n if (s.includes('\ucd5c\uc885\ubd88\ud569\uaca9') || s.includes('\ubd88\ud569\uaca9')) {\r\n return { title: '\ucd5c\uc885\ubd88\ud569\uaca9', main: `${safeNameHtml}\ub2d8, \uc544\uc27d\uc9c0\ub9cc \ucd5c\uc885\uc804\ud615\uc5d0 \ubd88\ud569\uaca9 \ub418\uc168\uc2b5\ub2c8\ub2e4.` };\r\n }\r\n\r\n return { title: '\uc9c4\ud589\uc911', main: `${safeNameHtml}\ub2d8\uc758 \uc804\ud615\uc774 \uc9c4\ud589 \uc911\uc785\ub2c8\ub2e4.\\n\uc0c1\uc138 \uc0c1\ud0dc\ub294 \ub2f4\ub2f9\uc790\uac00 \uc5c5\ub370\uc774\ud2b8\ud560 \uc608\uc815\uc785\ub2c8\ub2e4.` };\r\n}\r\n\r\nfunction updateProgress(step) {\r\n progressSteps.forEach((el) => {\r\n const n = parseInt(el.getAttribute('data-step'), 10);\r\n el.classList.remove('active','current');\r\n if (step === 0) return;\r\n\r\n if (n < step) el.classList.add('active');\r\n else if (n === step) el.classList.add('current');\r\n });\r\n\r\n if (step === 0) {\r\n progressLineActive.style.width = '0%';\r\n progressLineActive.style.animationPlayState = 'paused';\r\n } else {\r\n const percent = ((step - 1) \/ (progressSteps.length - 1)) * 100;\r\n progressLineActive.style.width = `${percent}%`;\r\n progressLineActive.style.animationPlayState = 'running';\r\n }\r\n}\r\n\r\n\/* ===== \uc81c\ucd9c\/\uc870\ud68c ===== *\/\r\nresultForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n\r\n const name = resultForm.name.value.trim();\r\n const birth = resultForm.birth.value.trim().replace(\/\\D\/g,''); \/\/ YYYYMMDD\r\n const phoneDigits = resultForm.phone.value.trim().replace(\/\\D\/g,'');\r\n\r\n if (!name || birth.length !== 8 || (phoneDigits.length < 10 || phoneDigits.length > 11)) {\r\n alert('\uc785\ub825\uac12\uc744 \ud655\uc778\ud558\uc138\uc694.');\r\n return;\r\n }\r\n const phone8 = phoneDigits.slice(-8);\r\n\r\n loadingModal.classList.add('active');\r\n resultModal.classList.remove('active');\r\n submitBtn.disabled = true;\r\n\r\n const apiURL =\r\n `${GAS_URL}?name=${encodeURIComponent(name)}&birth=${encodeURIComponent(birth)}&phone8=${encodeURIComponent(phone8)}&t=${Date.now()}`;\r\n\r\n try {\r\n const res = await fetch(apiURL, { method: 'GET', cache: 'no-store', redirect: 'follow' });\r\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n const text = await res.text();\r\n let data;\r\n try { data = JSON.parse(text); }\r\n catch { throw new Error('JSON \ud30c\uc2f1 \uc2e4\ud328(\uc751\ub2f5\uc774 JSON \uc544\ub2d8): ' + text.slice(0, 200)); }\r\n\r\n loadingModal.classList.remove('active');\r\n\r\n if (data.found) {\r\n const step = statusToStep(data.status);\r\n updateProgress(step);\r\n\r\n const msg = getCustomMessage(data.status, name);\r\n resultMessage.textContent = msg.title || '\uacb0\uacfc';\r\n resultSubtext.innerHTML = msg.main || '';\r\n } else {\r\n updateProgress(0);\r\n resultMessage.textContent = '\u2754 \uc815\ubcf4 \uc5c6\uc74c';\r\n\r\n \/\/ \uc11c\ubc84\uac00 \ub0b4\ub824\uc900 error\/received\ub97c \uadf8\ub300\ub85c \ubcf4\uc5ec\uc8fc\uba74 \ub514\ubc84\uae45\uc774 \ube68\ub77c\uc9d0\r\n if (data && data.error) {\r\n const received = data.received ? `\\n(\uc785\ub825\uac12: ${JSON.stringify(data.received)})` : '';\r\n resultSubtext.textContent = `\uc77c\uce58\ud558\ub294 \uc815\ubcf4\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.\\n\uc624\ub958: ${data.error}${received}`;\r\n } else {\r\n resultSubtext.textContent = '\uc785\ub825 \uc815\ubcf4\uc640 \uc77c\uce58\ud558\ub294 \uc9c0\uc6d0\uc790\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.';\r\n }\r\n }\r\n\r\n resultModal.classList.add('active');\r\n\r\n } catch (err) {\r\n loadingModal.classList.remove('active');\r\n updateProgress(0);\r\n resultMessage.textContent = '\u26d4 \uc870\ud68c \uc624\ub958';\r\n resultSubtext.textContent =\r\n (err && err.message) ? err.message : '\uc77c\uc2dc\uc801 \uc624\ub958\uac00 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.';\r\n resultModal.classList.add('active');\r\n } finally {\r\n submitBtn.disabled = false;\r\n }\r\n});\r\n\r\ncloseResultBtn.addEventListener('click', () => {\r\n resultModal.classList.remove('active');\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MetaRich \uba54\ub274 – \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8 MZ \ubd80\ud2b8\ucea0\ud504 \u25bc MZ \ubd80\ud2b8\ucea0\ud504 \uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4 \uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0 \ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4 \uc785\uacfc\uc2e0\uccad \u25bc \uc9c0\uc6d0\ud558\uae30 \uc9c0\uc6d0\uc790\uaca9 \ud569\uaca9\uc870\ud68c \uad50\uc721\uacfc\uc815 \u25bc \uad50\uc721\uc774\ub150 \uac15\uc0ac\uc18c\uac1c AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780 \uc5c5\uacc4 \uacbd\uc7c1\ub825 \uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840 \ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc \uba85\uc608\uc758 \uc804\ub2f9 \uc218\ub8cc\uc0dd \uc774\uc57c\uae30 \uacf5\uc9c0\uc0ac\ud56d × MZ \ubd80\ud2b8\ucea0\ud504 \u25bc MZ \ubd80\ud2b8\ucea0\ud504 \uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4 \uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0 \ubd80\ud2b8\ucea0\ud504 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-8851","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/8851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8851"}],"version-history":[{"count":432,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/8851\/revisions"}],"predecessor-version":[{"id":18689,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/8851\/revisions\/18689"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}