MetaRich \uba54\ub274 - \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8<\/title>\n <style>\n .mrh-header-wrap { position: relative; z-index: 2500; }\n .mrh-header { display: flex; align-items: center; justify-content: space-between; background: white; padding: 1rem 2rem; border-bottom: 1px solid #ddd; }\n .mrh-logo img { height: 110px; }\n .mrh-desktop-menu { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }\n .mrh-menu-item { position: relative; }\n .mrh-menu-item > a { text-decoration: none; color: #111; font-weight: 500; padding: 0.4rem 0.6rem; display: inline-block; cursor: pointer; }\n .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; }\n .mrh-dropdown a { display: block; padding: 0.75rem 1rem; text-decoration: none; color: #333; border-bottom: 1px solid #eee; }\n .mrh-dropdown a:hover { background: #f4f4f4; }\n .mrh-menu-item:hover > .mrh-dropdown { display: block; }\n .mrh-login-area { padding-left: 1.2rem; }\n .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; }\n .mrh-hamburger span { display: block; width: 30px; height: 4px; background: #222; margin: 5px 0; border-radius: 2px; transition: 0.3s; }\n @media (max-width: 900px) {\n .mrh-header { padding: 0.7rem 0.8rem; }\n .mrh-logo img { height: 48px; }\n .mrh-desktop-menu { display: none !important; }\n .mrh-hamburger { display: flex; }\n .mrh-dropdown {\n display: none !important;\n position: static;\n box-shadow: none;\n border: none;\n background: none;\n min-width: 0;\n padding: 0;\n }\n .mrh-menu-item.open > .mrh-dropdown {\n display: block !important;\n }\n .mrh-slide-menu .mrh-login-area {\n position: sticky;\n top: 0;\n z-index: 9999;\n background: #fff;\n border-bottom: 1px solid #eee;\n padding: 16px 0 16px 22px;\n margin-bottom: 10px;\n width: 100%;\n }\n }\n .mrh-slide-menu-backdrop { display: none; position: fixed; inset: 0; z-index: 399; background: rgba(0,0,0,0.3); transition: background 0.25s; }\n .mrh-slide-menu {\n display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 80vw; max-width: 340px;\n background: #fff; box-shadow: 3px 0 24px rgba(0,0,0,0.08); z-index: 400;\n transform: translateX(-100%); transition: transform 0.25s cubic-bezier(0.77,0.2,0.05,1.0);\n overflow-y: auto; padding-top: 28px;\n }\n .mrh-slide-menu.open { transform: translateX(0); }\n .mrh-slide-menu nav { display: flex; flex-direction: column; gap: 0; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; }\n .mrh-slide-menu .mrh-menu-item { width: 100%; }\n .mrh-slide-menu .mrh-menu-item > a {\n padding: 1.1rem 1.3rem; width: 100%; border-bottom: 1px solid #f0f0f0;\n font-size: 1.07rem; color: #222; background: none; font-weight: 600;\n }\n .mrh-slide-menu .mrh-login-area { padding: 20px 0 20px 22px; }\n <\/style>\n<\/head>\n<body>\n<div class=\"mrh-header-wrap\">\n <header class=\"mrh-header\">\n <div class=\"mrh-logo\">\n <a href=\"\/\"><img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\ub85c\uace011.png\" alt=\"MetaRich \ub85c\uace0\" \/><\/a>\n <\/div>\n <button class=\"mrh-hamburger\" aria-label=\"\ubaa8\ubc14\uc77c \uba54\ub274 \uc5f4\uae30\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <nav class=\"mrh-desktop-menu\">\n <div class=\"mrh-menu-item\">\n <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a>\n <\/div>\n <\/div>\n \n <div class=\"mrh-menu-item\">\n <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div>\n <div class=\"mrh-login-area\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a>\n <\/div>\n <\/nav>\n <\/header>\n <div class=\"mrh-slide-menu-backdrop\"><\/div>\n <aside class=\"mrh-slide-menu\" aria-label=\"\uc804\uccb4 \uba54\ub274\">\n <button class=\"mrh-close-btn\" aria-label=\"\uba54\ub274 \ub2eb\uae30\">×<\/button>\n <nav>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a>\n <\/div>\n <\/div>\n \n <div class=\"mrh-menu-item\">\n <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div>\n <div class=\"mrh-login-area\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a>\n <\/div>\n <\/nav>\n <\/aside>\n <div class=\"mrh-slide-menu-backdrop\"><\/div>\n<\/div>\n<script>\n(function(){\n document.querySelectorAll('.mrh-header-wrap').forEach(function(root){\n const hamburger = root.querySelector('.mrh-hamburger');\n const slideMenu = root.querySelector('.mrh-slide-menu');\n const slideBackdrop = root.querySelectorAll('.mrh-slide-menu-backdrop');\n const closeBtn = root.querySelector('.mrh-slide-menu .mrh-close-btn');\n hamburger.addEventListener('click', function() {\n slideMenu.classList.add('open');\n slideBackdrop.forEach(bd=>bd.style.display='block');\n document.body.style.overflow = 'hidden';\n });\n closeBtn.addEventListener('click', closeMenu);\n slideBackdrop.forEach(bd=>bd.addEventListener('click', closeMenu));\n function closeMenu() {\n slideMenu.classList.remove('open');\n slideBackdrop.forEach(bd=>bd.style.display='none');\n document.body.style.overflow = '';\n }\n window.addEventListener('resize', function() {\n if(window.innerWidth > 900) closeMenu();\n });\n\n \/\/ \ubaa8\ubc14\uc77c \uc544\ucf54\ub514\uc5b8 \uc18c\uba54\ub274\n function isMobile() { return window.innerWidth <= 900; }\n [root.querySelector('.mrh-slide-menu nav'), root.querySelector('.mrh-desktop-menu')].forEach(function(menu){\n if (!menu) return;\n menu.querySelectorAll('.mrh-menu-item > a').forEach(function(anchor){\n anchor.addEventListener('click', function(e){\n if(isMobile()) {\n const parent = this.parentElement;\n if(parent.querySelector('.mrh-dropdown')) {\n e.preventDefault();\n parent.classList.toggle('open');\n }\n }\n });\n });\n });\n\n \/\/ PC hover\n root.querySelectorAll('.mrh-desktop-menu .mrh-menu-item').forEach(item=>{\n item.addEventListener('mouseenter',()=>{\n item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='block');\n });\n item.addEventListener('mouseleave',()=>{\n item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='none');\n });\n });\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a19e59 elementor-widget elementor-widget-html\" data-id=\"3a19e59\" 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.0\" \/>\r\n <title>MZ\ubd80\uc2a4\ud2b8\ucea0\ud504 \u00b7 \uc5c5\uacc4 \uacbd\uc7c1\ub825<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pretendard:wght@400;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root {\r\n --primary: #0066b8;\r\n --primary-dark: #004c8c;\r\n --accent: #ff8c42;\r\n --text-main: #1b1b1b;\r\n --text-sub: #666;\r\n --hover-orange: #F4811F;\r\n --highlight: #ffcd58;\r\n --radius: 16px;\r\n }\r\n\r\n body {\r\n font-family: 'Pretendard', 'Noto Sans KR', sans-serif;\r\n background: #fafcff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n.hero {\r\n height: 65vh; \/* \ud654\uba74 \uc138\ub85c 38% (\uc870\uc815 \uac00\ub2a5!) *\/\r\n display: flex;\r\n align-items: center; \/* \uc138\ub85c \uc911\uc559 *\/\r\n justify-content: center; \/* \uac00\ub85c \uc911\uc559 *\/\r\n background: #eef5fc; \/* \uc608\uc2dc\ub85c \uc5f0\ud55c \ud30c\ub791 *\/\r\n text-align: center;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n .typing-text {\r\n font-size: 2rem;\r\n color: var(--text-sub);\r\n white-space: pre-wrap;\r\n border-right: 2px solid #004c8c;\r\n overflow: hidden;\r\n display: inline-block;\r\n animation: blinkCursor 0.7s steps(1) infinite;\r\n }\r\n\r\n @keyframes blinkCursor {\r\n 0%, 100% { border-color: transparent; }\r\n 50% { border-color: #004c8c; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .typing-text {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n\r\n .hero svg {\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n width: 100%;\r\n height: 120px;\r\n }\r\n\r\n .stats {\r\n max-width: 1280px;\r\n margin: -110px auto 80px;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .stat-card {\r\n background: linear-gradient(120deg,#ffffff 0%,#f2f8ff 100%);\r\n border-radius: var(--radius);\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n padding: 44px 30px;\r\n text-align: center;\r\n transition: all .35s ease;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .stat-card:hover {\r\n background: var(--hover-orange);\r\n color: #fff;\r\n transform: translateY(-10px);\r\n box-shadow: 0 12px 28px rgba(0,0,0,.12);\r\n }\r\n\r\n .stat-card:hover h2,\r\n .stat-card:hover span {\r\n color: #fff;\r\n }\r\n\r\n .stat-card h2 {\r\n font-size: 3.15rem !important;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n transition: color .35s ease;\r\n }\r\n\r\n .stat-card span {\r\n font-size: .95rem;\r\n color: var(--text-sub);\r\n line-height: 1.45;\r\n transition: color .35s ease;\r\n font-weight: 600;\r\n }\r\n\r\n .comparison {\r\n max-width: 1280px;\r\n margin: 40px auto 120px;\r\n padding: 0 20px;\r\n text-align: center;\r\n }\r\n\r\n .comparison img {\r\n width: 100%;\r\n max-width: 1280px;\r\n border-radius: 16px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.1);\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n .flow {\r\n background: var(--primary-dark);\r\n color: #fff;\r\n padding: 90px 20px 100px;\r\n text-align: center;\r\n clip-path: polygon(0 0,100% 0,100% 90%,0 100%);\r\n }\r\n\r\n .steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 48px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .step {\r\n background: #fff;\r\n color: var(--text-main);\r\n border-radius: var(--radius);\r\n padding: 42px 28px 36px;\r\n position: relative;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.08);\r\n transition: transform .35s ease, box-shadow .35s ease;\r\n }\r\n\r\n .step::before {\r\n content: attr(data-step);\r\n position: absolute;\r\n top: -30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.1);\r\n }\r\n\r\n .step h3 {\r\n font-size: 1.4rem;\r\n margin-bottom: 12px;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .step p {\r\n font-size: 1.05rem;\r\n color: var(--text-sub);\r\n }\r\n\r\n .step:hover {\r\n animation: sparkle 0.6s ease-in-out;\r\n transform: scale(1.03);\r\n box-shadow: 0 0 25px 10px rgba(255, 193, 102, 0.6);\r\n }\r\n\r\n @keyframes sparkle {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 193, 102, 0); }\r\n 40% { box-shadow: 0 0 15px 5px rgba(255, 193, 102, 0.6); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 193, 102, 0); }\r\n }\r\n\r\n .highlight-banner {\r\n background: #004c8c;\r\n color: white;\r\n padding: 100px 20px;\r\n text-align: center;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n transform: translateY(60px);\r\n animation: riseUp 1.3s ease-out forwards;\r\n perspective: 1000px;\r\n }\r\n\r\n .highlight-banner span {\r\n color: var(--highlight);\r\n display: inline-block;\r\n text-shadow: 2px 3px 0 rgba(0,0,0,0.2);\r\n transform: rotateX(25deg);\r\n transform-origin: bottom;\r\n animation: pop3D 1s ease-out 0.5s forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes riseUp {\r\n from { transform: translateY(60px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n @keyframes pop3D {\r\n 0% { transform: rotateX(70deg) scale(0.8); opacity: 0; }\r\n 100% { transform: rotateX(0deg) scale(1); opacity: 1; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .steps { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .steps { grid-template-columns: 1fr; }\r\n .highlight-banner {\r\n font-size: 1.9rem;\r\n padding: 60px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <p id=\"typing-target\" class=\"typing-text\"><\/p>\r\n <svg viewBox=\"0 0 500 120\" preserveAspectRatio=\"none\">\r\n <path d=\"M0,0 C150,100 350,0 500,100 L500,00 L0,0 Z\" fill=\"#fff\"><\/path>\r\n <\/svg>\r\n <\/section>\r\n\r\n <section class=\"stats\">\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"5\" data-unit=\"\" data-prefix=\"1:\">0<\/h2><span>\uba58\ud1a0 : \uad50\uc721\uc0dd \ube44\uc728<br>(\uc5c5\uacc4 1:20)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"160\" data-unit=\"\uc2dc\uac04\">0<\/h2><span>\ucd1d \uad50\uc721 \uc2dc\uac04 \/ 4\uc8fc<br>(\uc5c5\uacc4 50\uc2dc\uac04 \/ 2\uc8fc)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"607\" data-unit=\"\ub9cc\uc6d0\">0<\/h2><span>\uc2e0\uc785 \ud3c9\uade0 \uae09\uc5ec<br>(\uc5c5\uacc4 300\ub9cc\uc6d0 \uc774\ud558)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"120\" data-unit=\"\ub9cc\uc6d0\">0<\/h2><span>1\uc778\ub2f9 \uc6d4 \ud3c9\uade0 \uc0dd\uc0b0\uc131<br>(\uc5c5\uacc4 57\ub9cc\uc6d0)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"750\" data-unit=\"\ub9cc\uc6d0\">0<\/h2><span>\uc815\ucc29\uc9c0\uc6d0\uae08<br>(\uc5c5\uacc4 100\ub9cc\uc6d0)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"10\" data-unit=\"%\">0<\/h2><span>1\ub144\uc774\ub0b4 \ud1f4\uc0ac\uc728<br>(\uc5c5\uacc4 50%)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"6.5\" data-unit=\"\ub144\">0<\/h2><span>\uba58\ud1a0 \ud3c9\uade0 \uacbd\ub825<br>(\uc5c5\uacc4 3\ub144)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"90\" data-unit=\"%\">0<\/h2><span>AI\u00b7\ub370\uc774\ud130 \ud2b9\ud654 \ube44\uc911<br>(\uc5c5\uacc4 30%)<\/span><\/div>\r\n <\/section>\r\n\r\n <section class=\"comparison\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/06\/MZ\ubd80\uc2a4\ud2b8\ucea0\ud504-\uc18c\uac1c\uc11c-031.png\" alt=\"\ube44\uad50 \uadf8\ub798\ud504\" \/>\r\n <\/section>\r\n\r\n <section class=\"flow\">\r\n <div class=\"steps\">\r\n <div class=\"step\" data-step=\"01\"><h3>Curriculum<\/h3><p>\ud604\uc5c5 \uc911\uc2ec \uc2e4\ubb34 \uc124\uacc4<\/p><\/div>\r\n <div class=\"step\" data-step=\"02\"><h3>AI Coaching<\/h3><p>\uc720\uc5f0\ud558\uace0 \ub611\ub611\ud55c \uc124\uacc4<\/p><\/div>\r\n <div class=\"step\" data-step=\"03\"><h3>Project & Match<\/h3><p>\uc2e4\uc804 \ud504\ub85c\uc81d\ud2b8 + \ucc44\uc6a9 \uc5f0\uacc4<\/p><\/div>\r\n <div class=\"step\" data-step=\"04\"><h3>Support Fund<\/h3><p>\ucd5c\ub300 750\ub9cc \uc6d0 \uc815\ucc29\uc9c0\uc6d0\uae08<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section class=\"highlight-banner\">\r\n \uad50\uc721 \uc6b0\uc218\uc790\uc5d0\uac8c\ub294 <span>\ud2b9\ubcc4 \uc218\ub8cc\uc99d \ubc0f \uc790\uae30 \uc131\uc7a5 \ud53c\ub4dc\ubc31 <\/span> \uae30\ud68c\uc81c\uacf5!\r\n<\/section>\r\n\r\n\r\n <script>\r\n \/\/ \uc22b\uc790 \uce74\uc6b4\ud130\r\n const counters = document.querySelectorAll('.count');\r\n const runCounter = (counter) => {\r\n const target = parseFloat(counter.getAttribute('data-target'));\r\n const unit = counter.getAttribute('data-unit') || '';\r\n const prefix = counter.getAttribute('data-prefix') || '';\r\n let count = 0;\r\n const isFloat = target % 1 !== 0;\r\n const increment = target \/ 100;\r\n\r\n const update = () => {\r\n count += increment;\r\n if (count < target) {\r\n counter.textContent = prefix + (isFloat ? count.toFixed(1) : Math.floor(count)) + unit;\r\n requestAnimationFrame(update);\r\n } else {\r\n counter.textContent = prefix + (isFloat ? target.toFixed(1) : target) + unit;\r\n }\r\n };\r\n\r\n update();\r\n };\r\n\r\n \/\/ \ud0c0\uc790\uae30 \ud6a8\uacfc\r\n const text = `<span style=\"color:#0066b8; font-weight:800; font-size:2.2rem;\">\ub370\uc774\ud130\uc640 \uc2e4\uc804\uc774 \uc124\uacc4\ub41c \ucee4\ub9ac\ud058\ub7fc, \uc131\uacfc\ub85c \uc99d\uba85\ub418\ub294 \ub124\ud2b8\uc6cc\ud06c\uae4c\uc9c0!<br> \ucc28\uc6d0\uc774 \ub2e4\ub978 \uc131\uc7a5\uc758 \uae30\uc900\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.<\/span>`;\r\n const typingTarget = document.getElementById(\"typing-target\");\r\n let i = 0;\r\n let isTag = false;\r\n let temp = \"\";\r\n\r\n function typing() {\r\n if (i < text.length) {\r\n const char = text.charAt(i);\r\n temp += char;\r\n\r\n if (char === \"<\") isTag = true;\r\n if (char === \">\" && isTag) {\r\n isTag = false;\r\n typingTarget.innerHTML = temp;\r\n }\r\n\r\n if (!isTag) {\r\n typingTarget.innerHTML = temp;\r\n }\r\n\r\n i++;\r\n setTimeout(typing, 35);\r\n } else {\r\n typingTarget.style.borderRight = \"none\"; \/\/ \ucee4\uc11c \uc81c\uac70\r\n }\r\n }\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n counters.forEach(runCounter);\r\n requestAnimationFrame(() => typing());\r\n });\r\n <\/script>\r\n\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<div class=\"elementor-element elementor-element-7d5fc0a e-flex e-con-boxed e-con e-parent\" data-id=\"7d5fc0a\" 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-8ef99f9 elementor-widget elementor-widget-html\" data-id=\"8ef99f9\" 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<style>\r\n \/* \uacf5\ud1b5(\ud14c\ub9c8) \uc0c9 *\/\r\n :root{\r\n --kakao-yellow:#FFEB00;\r\n --btn-shadow:0 6px 24px rgba(0,0,0,.25);\r\n --radius:48px;\r\n --ease:.25s cubic-bezier(.4,0,.2,1);\r\n }\r\n\r\n \/* \u25b6 \ub465\uadfc \ud50c\ub85c\ud305 \ubc84\ud2bc *\/\r\n #kakao-chat-btn{\r\n position:fixed; bottom:24px; right:24px; z-index:9999;\r\n display:flex; align-items:center; justify-content:center;\r\n width:auto; padding:0; border:none; background:transparent;\r\n font:inherit; cursor:pointer;\r\n }\r\n #kakao-chat-btn .main-btn{\r\n display:flex; align-items:center; justify-content:center;\r\n background:var(--kakao-yellow); color:#000; font-weight:700;\r\n padding:14px 22px; border-radius:var(--radius); text-decoration:none;\r\n box-shadow:var(--btn-shadow); transition:transform var(--ease);\r\n }\r\n #kakao-chat-btn:hover .main-btn{ transform:translateY(-2px) }\r\n\r\n \/* \u25b6 \ud31d\uc5c5(\ud300 \uc120\ud0dd) *\/\r\n #kakao-popup{\r\n position:fixed; bottom:84px; right:24px; \/* \ubc84\ud2bc \uc704\ucabd *\/\r\n width:200px; background:#fff; border-radius:18px; overflow:hidden;\r\n box-shadow:0 18px 40px rgba(0,0,0,.18);\r\n opacity:0; visibility:hidden; transform:translateY(12px);\r\n transition:opacity var(--ease), transform var(--ease), visibility var(--ease);\r\n z-index:10000;\r\n }\r\n #kakao-popup.show{opacity:1; visibility:visible; transform:none;}\r\n\r\n #kakao-popup a{\r\n display:block; padding:14px 18px; color:#00264d; font-weight:600;\r\n text-decoration:none; border-bottom:1px solid #f0f0f0;\r\n transition:background .2s ease;\r\n }\r\n #kakao-popup a:last-child{border-bottom:none;}\r\n #kakao-popup a:hover{background:#f9fafb;}\r\n\r\n \/* \ubaa8\ubc14\uc77c \uc0b4\uc9dd \uac04\uaca9 \uc870\uc815 *\/\r\n @media(max-width:600px){\r\n #kakao-chat-btn{bottom:20px; right:20px;}\r\n #kakao-popup{right:20px;}\r\n }\r\n<\/style>\r\n\r\n\r\n<div id=\"kakao-chat-btn\">\r\n <span class=\"main-btn\">\ud83d\udcac \uce74\uce74\uc624\ud1a1 \ubb38\uc758\ud558\uae30<\/span>\r\n<\/div>\r\n\r\n\r\n<div id=\"kakao-popup\">\r\n \r\n <a href=\"https:\/\/pf.kakao.com\/_xcxlGBn\" target=\"_blank\" rel=\"noopener\">\r\n \ud83d\udcc2 \uc6b4\uc601\ud300\r\n <\/a>\r\n \r\n <a href=\"https:\/\/pf.kakao.com\/_xoxjGBn\" target=\"_blank\" rel=\"noopener\">\r\n \ud83c\udf93 \uad50\uc721\ud300\r\n <\/a>\r\n<\/div>\r\n\r\n<script>\r\n (function(){\r\n const btn = document.getElementById('kakao-chat-btn');\r\n const popup = document.getElementById('kakao-popup');\r\n\r\n \/\/ \ubc84\ud2bc \ud074\ub9ad \u2192 \ud31d\uc5c5 \ud1a0\uae00\r\n btn.addEventListener('click', ()=> popup.classList.toggle('show'));\r\n\r\n \/\/ \ud31d\uc5c5 \ubc14\uae65 \ud074\ub9ad \uc2dc \ub2eb\uae30\r\n document.addEventListener('click', e=>{\r\n if(!popup.contains(e.target) && !btn.contains(e.target)){\r\n popup.classList.remove('show');\r\n }\r\n });\r\n\r\n \/\/ ESC \ud0a4 \ub2eb\uae30\r\n document.addEventListener('keydown', e=>{\r\n if(e.key==='Escape') popup.classList.remove('show');\r\n });\r\n })();\r\n<\/script>\r\n\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":14,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-2322","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2322","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=2322"}],"version-history":[{"count":209,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2322\/revisions"}],"predecessor-version":[{"id":18702,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2322\/revisions\/18702"}],"up":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/14"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2322"}],"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\t\t

\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n MetaRich \uba54\ub274 - \ubaa8\ubc14\uc77c \uc18c\uba54\ub274 \uc544\ucf54\ub514\uc5b8<\/title>\n <style>\n .mrh-header-wrap { position: relative; z-index: 2500; }\n .mrh-header { display: flex; align-items: center; justify-content: space-between; background: white; padding: 1rem 2rem; border-bottom: 1px solid #ddd; }\n .mrh-logo img { height: 110px; }\n .mrh-desktop-menu { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }\n .mrh-menu-item { position: relative; }\n .mrh-menu-item > a { text-decoration: none; color: #111; font-weight: 500; padding: 0.4rem 0.6rem; display: inline-block; cursor: pointer; }\n .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; }\n .mrh-dropdown a { display: block; padding: 0.75rem 1rem; text-decoration: none; color: #333; border-bottom: 1px solid #eee; }\n .mrh-dropdown a:hover { background: #f4f4f4; }\n .mrh-menu-item:hover > .mrh-dropdown { display: block; }\n .mrh-login-area { padding-left: 1.2rem; }\n .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; }\n .mrh-hamburger span { display: block; width: 30px; height: 4px; background: #222; margin: 5px 0; border-radius: 2px; transition: 0.3s; }\n @media (max-width: 900px) {\n .mrh-header { padding: 0.7rem 0.8rem; }\n .mrh-logo img { height: 48px; }\n .mrh-desktop-menu { display: none !important; }\n .mrh-hamburger { display: flex; }\n .mrh-dropdown {\n display: none !important;\n position: static;\n box-shadow: none;\n border: none;\n background: none;\n min-width: 0;\n padding: 0;\n }\n .mrh-menu-item.open > .mrh-dropdown {\n display: block !important;\n }\n .mrh-slide-menu .mrh-login-area {\n position: sticky;\n top: 0;\n z-index: 9999;\n background: #fff;\n border-bottom: 1px solid #eee;\n padding: 16px 0 16px 22px;\n margin-bottom: 10px;\n width: 100%;\n }\n }\n .mrh-slide-menu-backdrop { display: none; position: fixed; inset: 0; z-index: 399; background: rgba(0,0,0,0.3); transition: background 0.25s; }\n .mrh-slide-menu {\n display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 80vw; max-width: 340px;\n background: #fff; box-shadow: 3px 0 24px rgba(0,0,0,0.08); z-index: 400;\n transform: translateX(-100%); transition: transform 0.25s cubic-bezier(0.77,0.2,0.05,1.0);\n overflow-y: auto; padding-top: 28px;\n }\n .mrh-slide-menu.open { transform: translateX(0); }\n .mrh-slide-menu nav { display: flex; flex-direction: column; gap: 0; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; }\n .mrh-slide-menu .mrh-menu-item { width: 100%; }\n .mrh-slide-menu .mrh-menu-item > a {\n padding: 1.1rem 1.3rem; width: 100%; border-bottom: 1px solid #f0f0f0;\n font-size: 1.07rem; color: #222; background: none; font-weight: 600;\n }\n .mrh-slide-menu .mrh-login-area { padding: 20px 0 20px 22px; }\n <\/style>\n<\/head>\n<body>\n<div class=\"mrh-header-wrap\">\n <header class=\"mrh-header\">\n <div class=\"mrh-logo\">\n <a href=\"\/\"><img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\ub85c\uace011.png\" alt=\"MetaRich \ub85c\uace0\" \/><\/a>\n <\/div>\n <button class=\"mrh-hamburger\" aria-label=\"\ubaa8\ubc14\uc77c \uba54\ub274 \uc5f4\uae30\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <nav class=\"mrh-desktop-menu\">\n <div class=\"mrh-menu-item\">\n <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a>\n <\/div>\n <\/div>\n \n <div class=\"mrh-menu-item\">\n <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div>\n <div class=\"mrh-login-area\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a>\n <\/div>\n <\/nav>\n <\/header>\n <div class=\"mrh-slide-menu-backdrop\"><\/div>\n <aside class=\"mrh-slide-menu\" aria-label=\"\uc804\uccb4 \uba54\ub274\">\n <button class=\"mrh-close-btn\" aria-label=\"\uba54\ub274 \ub2eb\uae30\">×<\/button>\n <nav>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">MZ \ubd80\ud2b8\ucea0\ud504 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=3905\">MZ \ubd80\ud2b8\ucea0\ud504<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2125\">\uc778\ud134\uc27d \uae30\ud68d\uc758\ub3c4<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2306\">\uc704\uc6d0\uc7a5 \uc778\uc0ac\ub9d0<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2307\">\ubd80\ud2b8\ucea0\ud504 \uc870\uc9c1\ub3c4<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uc785\uacfc\uc2e0\uccad \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=9288\">\uc9c0\uc6d0\ud558\uae30<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2311\">\uc9c0\uc6d0\uc790\uaca9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=8851\">\ud569\uaca9\uc870\ud68c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">\uad50\uc721\uacfc\uc815 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2301\">\uad50\uc721\uc774\ub150<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=16999\">\uac15\uc0ac\uc18c\uac1c<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\">\n <a href=\"#\">AI \ubbf8\ub798\ud615 \uc778\uc7ac \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2321\">AI\ud65c\uc6a9 \uae08\uc735\uc804\ubb38\uac00\ub780<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2322\">\uc5c5\uacc4 \uacbd\uc7c1\ub825<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=2326\">\uba54\ud0c0\ub9ac\uce58 \uc131\uacf5\uc0ac\ub840<\/a>\n <\/div>\n <\/div>\n \n <div class=\"mrh-menu-item\">\n <a href=\"#\">\ubd80\ud2b8\ucea0\ud504 \uc774\uc57c\uae30 \u25bc<\/a>\n <div class=\"mrh-dropdown\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15252\">\uba85\uc608\uc758 \uc804\ub2f9<\/a>\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=15319\">\uc218\ub8cc\uc0dd \uc774\uc57c\uae30<\/a>\n <\/div>\n <\/div>\n <div class=\"mrh-menu-item\"><a href=\"https:\/\/metarich-internship.co.kr\/?page_id=20\">\uacf5\uc9c0\uc0ac\ud56d<\/a><\/div>\n <div class=\"mrh-login-area\">\n <a href=\"https:\/\/metarich-internship.co.kr\/?page_id=1412\">\ub85c\uadf8\uc778<\/a>\n <\/div>\n <\/nav>\n <\/aside>\n <div class=\"mrh-slide-menu-backdrop\"><\/div>\n<\/div>\n<script>\n(function(){\n document.querySelectorAll('.mrh-header-wrap').forEach(function(root){\n const hamburger = root.querySelector('.mrh-hamburger');\n const slideMenu = root.querySelector('.mrh-slide-menu');\n const slideBackdrop = root.querySelectorAll('.mrh-slide-menu-backdrop');\n const closeBtn = root.querySelector('.mrh-slide-menu .mrh-close-btn');\n hamburger.addEventListener('click', function() {\n slideMenu.classList.add('open');\n slideBackdrop.forEach(bd=>bd.style.display='block');\n document.body.style.overflow = 'hidden';\n });\n closeBtn.addEventListener('click', closeMenu);\n slideBackdrop.forEach(bd=>bd.addEventListener('click', closeMenu));\n function closeMenu() {\n slideMenu.classList.remove('open');\n slideBackdrop.forEach(bd=>bd.style.display='none');\n document.body.style.overflow = '';\n }\n window.addEventListener('resize', function() {\n if(window.innerWidth > 900) closeMenu();\n });\n\n \/\/ \ubaa8\ubc14\uc77c \uc544\ucf54\ub514\uc5b8 \uc18c\uba54\ub274\n function isMobile() { return window.innerWidth <= 900; }\n [root.querySelector('.mrh-slide-menu nav'), root.querySelector('.mrh-desktop-menu')].forEach(function(menu){\n if (!menu) return;\n menu.querySelectorAll('.mrh-menu-item > a').forEach(function(anchor){\n anchor.addEventListener('click', function(e){\n if(isMobile()) {\n const parent = this.parentElement;\n if(parent.querySelector('.mrh-dropdown')) {\n e.preventDefault();\n parent.classList.toggle('open');\n }\n }\n });\n });\n });\n\n \/\/ PC hover\n root.querySelectorAll('.mrh-desktop-menu .mrh-menu-item').forEach(item=>{\n item.addEventListener('mouseenter',()=>{\n item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='block');\n });\n item.addEventListener('mouseleave',()=>{\n item.querySelector('.mrh-dropdown') && (item.querySelector('.mrh-dropdown').style.display='none');\n });\n });\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a19e59 elementor-widget elementor-widget-html\" data-id=\"3a19e59\" 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.0\" \/>\r\n <title>MZ\ubd80\uc2a4\ud2b8\ucea0\ud504 \u00b7 \uc5c5\uacc4 \uacbd\uc7c1\ub825<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pretendard:wght@400;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root {\r\n --primary: #0066b8;\r\n --primary-dark: #004c8c;\r\n --accent: #ff8c42;\r\n --text-main: #1b1b1b;\r\n --text-sub: #666;\r\n --hover-orange: #F4811F;\r\n --highlight: #ffcd58;\r\n --radius: 16px;\r\n }\r\n\r\n body {\r\n font-family: 'Pretendard', 'Noto Sans KR', sans-serif;\r\n background: #fafcff;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n.hero {\r\n height: 65vh; \/* \ud654\uba74 \uc138\ub85c 38% (\uc870\uc815 \uac00\ub2a5!) *\/\r\n display: flex;\r\n align-items: center; \/* \uc138\ub85c \uc911\uc559 *\/\r\n justify-content: center; \/* \uac00\ub85c \uc911\uc559 *\/\r\n background: #eef5fc; \/* \uc608\uc2dc\ub85c \uc5f0\ud55c \ud30c\ub791 *\/\r\n text-align: center;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n .typing-text {\r\n font-size: 2rem;\r\n color: var(--text-sub);\r\n white-space: pre-wrap;\r\n border-right: 2px solid #004c8c;\r\n overflow: hidden;\r\n display: inline-block;\r\n animation: blinkCursor 0.7s steps(1) infinite;\r\n }\r\n\r\n @keyframes blinkCursor {\r\n 0%, 100% { border-color: transparent; }\r\n 50% { border-color: #004c8c; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .typing-text {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n\r\n .hero svg {\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n width: 100%;\r\n height: 120px;\r\n }\r\n\r\n .stats {\r\n max-width: 1280px;\r\n margin: -110px auto 80px;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .stat-card {\r\n background: linear-gradient(120deg,#ffffff 0%,#f2f8ff 100%);\r\n border-radius: var(--radius);\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n padding: 44px 30px;\r\n text-align: center;\r\n transition: all .35s ease;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .stat-card:hover {\r\n background: var(--hover-orange);\r\n color: #fff;\r\n transform: translateY(-10px);\r\n box-shadow: 0 12px 28px rgba(0,0,0,.12);\r\n }\r\n\r\n .stat-card:hover h2,\r\n .stat-card:hover span {\r\n color: #fff;\r\n }\r\n\r\n .stat-card h2 {\r\n font-size: 3.15rem !important;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n transition: color .35s ease;\r\n }\r\n\r\n .stat-card span {\r\n font-size: .95rem;\r\n color: var(--text-sub);\r\n line-height: 1.45;\r\n transition: color .35s ease;\r\n font-weight: 600;\r\n }\r\n\r\n .comparison {\r\n max-width: 1280px;\r\n margin: 40px auto 120px;\r\n padding: 0 20px;\r\n text-align: center;\r\n }\r\n\r\n .comparison img {\r\n width: 100%;\r\n max-width: 1280px;\r\n border-radius: 16px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.1);\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n .flow {\r\n background: var(--primary-dark);\r\n color: #fff;\r\n padding: 90px 20px 100px;\r\n text-align: center;\r\n clip-path: polygon(0 0,100% 0,100% 90%,0 100%);\r\n }\r\n\r\n .steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 48px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .step {\r\n background: #fff;\r\n color: var(--text-main);\r\n border-radius: var(--radius);\r\n padding: 42px 28px 36px;\r\n position: relative;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.08);\r\n transition: transform .35s ease, box-shadow .35s ease;\r\n }\r\n\r\n .step::before {\r\n content: attr(data-step);\r\n position: absolute;\r\n top: -30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.1);\r\n }\r\n\r\n .step h3 {\r\n font-size: 1.4rem;\r\n margin-bottom: 12px;\r\n color: var(--primary-dark);\r\n }\r\n\r\n .step p {\r\n font-size: 1.05rem;\r\n color: var(--text-sub);\r\n }\r\n\r\n .step:hover {\r\n animation: sparkle 0.6s ease-in-out;\r\n transform: scale(1.03);\r\n box-shadow: 0 0 25px 10px rgba(255, 193, 102, 0.6);\r\n }\r\n\r\n @keyframes sparkle {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 193, 102, 0); }\r\n 40% { box-shadow: 0 0 15px 5px rgba(255, 193, 102, 0.6); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 193, 102, 0); }\r\n }\r\n\r\n .highlight-banner {\r\n background: #004c8c;\r\n color: white;\r\n padding: 100px 20px;\r\n text-align: center;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n transform: translateY(60px);\r\n animation: riseUp 1.3s ease-out forwards;\r\n perspective: 1000px;\r\n }\r\n\r\n .highlight-banner span {\r\n color: var(--highlight);\r\n display: inline-block;\r\n text-shadow: 2px 3px 0 rgba(0,0,0,0.2);\r\n transform: rotateX(25deg);\r\n transform-origin: bottom;\r\n animation: pop3D 1s ease-out 0.5s forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes riseUp {\r\n from { transform: translateY(60px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n @keyframes pop3D {\r\n 0% { transform: rotateX(70deg) scale(0.8); opacity: 0; }\r\n 100% { transform: rotateX(0deg) scale(1); opacity: 1; }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .steps { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .steps { grid-template-columns: 1fr; }\r\n .highlight-banner {\r\n font-size: 1.9rem;\r\n padding: 60px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <p id=\"typing-target\" class=\"typing-text\"><\/p>\r\n <svg viewBox=\"0 0 500 120\" preserveAspectRatio=\"none\">\r\n <path d=\"M0,0 C150,100 350,0 500,100 L500,00 L0,0 Z\" fill=\"#fff\"><\/path>\r\n <\/svg>\r\n <\/section>\r\n\r\n <section class=\"stats\">\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"5\" data-unit=\"\" data-prefix=\"1:\">0<\/h2><span>\uba58\ud1a0 : \uad50\uc721\uc0dd \ube44\uc728<br>(\uc5c5\uacc4 1:20)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"160\" data-unit=\"\uc2dc\uac04\">0<\/h2><span>\ucd1d \uad50\uc721 \uc2dc\uac04 \/ 4\uc8fc<br>(\uc5c5\uacc4 50\uc2dc\uac04 \/ 2\uc8fc)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"607\" data-unit=\"\ub9cc\uc6d0\">0<\/h2><span>\uc2e0\uc785 \ud3c9\uade0 \uae09\uc5ec<br>(\uc5c5\uacc4 300\ub9cc\uc6d0 \uc774\ud558)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"120\" data-unit=\"\ub9cc\uc6d0\">0<\/h2><span>1\uc778\ub2f9 \uc6d4 \ud3c9\uade0 \uc0dd\uc0b0\uc131<br>(\uc5c5\uacc4 57\ub9cc\uc6d0)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"750\" data-unit=\"\ub9cc\uc6d0\">0<\/h2><span>\uc815\ucc29\uc9c0\uc6d0\uae08<br>(\uc5c5\uacc4 100\ub9cc\uc6d0)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"10\" data-unit=\"%\">0<\/h2><span>1\ub144\uc774\ub0b4 \ud1f4\uc0ac\uc728<br>(\uc5c5\uacc4 50%)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"6.5\" data-unit=\"\ub144\">0<\/h2><span>\uba58\ud1a0 \ud3c9\uade0 \uacbd\ub825<br>(\uc5c5\uacc4 3\ub144)<\/span><\/div>\r\n <div class=\"stat-card\"><h2 class=\"count\" data-target=\"90\" data-unit=\"%\">0<\/h2><span>AI\u00b7\ub370\uc774\ud130 \ud2b9\ud654 \ube44\uc911<br>(\uc5c5\uacc4 30%)<\/span><\/div>\r\n <\/section>\r\n\r\n <section class=\"comparison\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/06\/MZ\ubd80\uc2a4\ud2b8\ucea0\ud504-\uc18c\uac1c\uc11c-031.png\" alt=\"\ube44\uad50 \uadf8\ub798\ud504\" \/>\r\n <\/section>\r\n\r\n <section class=\"flow\">\r\n <div class=\"steps\">\r\n <div class=\"step\" data-step=\"01\"><h3>Curriculum<\/h3><p>\ud604\uc5c5 \uc911\uc2ec \uc2e4\ubb34 \uc124\uacc4<\/p><\/div>\r\n <div class=\"step\" data-step=\"02\"><h3>AI Coaching<\/h3><p>\uc720\uc5f0\ud558\uace0 \ub611\ub611\ud55c \uc124\uacc4<\/p><\/div>\r\n <div class=\"step\" data-step=\"03\"><h3>Project & Match<\/h3><p>\uc2e4\uc804 \ud504\ub85c\uc81d\ud2b8 + \ucc44\uc6a9 \uc5f0\uacc4<\/p><\/div>\r\n <div class=\"step\" data-step=\"04\"><h3>Support Fund<\/h3><p>\ucd5c\ub300 750\ub9cc \uc6d0 \uc815\ucc29\uc9c0\uc6d0\uae08<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section class=\"highlight-banner\">\r\n \uad50\uc721 \uc6b0\uc218\uc790\uc5d0\uac8c\ub294 <span>\ud2b9\ubcc4 \uc218\ub8cc\uc99d \ubc0f \uc790\uae30 \uc131\uc7a5 \ud53c\ub4dc\ubc31 <\/span> \uae30\ud68c\uc81c\uacf5!\r\n<\/section>\r\n\r\n\r\n <script>\r\n \/\/ \uc22b\uc790 \uce74\uc6b4\ud130\r\n const counters = document.querySelectorAll('.count');\r\n const runCounter = (counter) => {\r\n const target = parseFloat(counter.getAttribute('data-target'));\r\n const unit = counter.getAttribute('data-unit') || '';\r\n const prefix = counter.getAttribute('data-prefix') || '';\r\n let count = 0;\r\n const isFloat = target % 1 !== 0;\r\n const increment = target \/ 100;\r\n\r\n const update = () => {\r\n count += increment;\r\n if (count < target) {\r\n counter.textContent = prefix + (isFloat ? count.toFixed(1) : Math.floor(count)) + unit;\r\n requestAnimationFrame(update);\r\n } else {\r\n counter.textContent = prefix + (isFloat ? target.toFixed(1) : target) + unit;\r\n }\r\n };\r\n\r\n update();\r\n };\r\n\r\n \/\/ \ud0c0\uc790\uae30 \ud6a8\uacfc\r\n const text = `<span style=\"color:#0066b8; font-weight:800; font-size:2.2rem;\">\ub370\uc774\ud130\uc640 \uc2e4\uc804\uc774 \uc124\uacc4\ub41c \ucee4\ub9ac\ud058\ub7fc, \uc131\uacfc\ub85c \uc99d\uba85\ub418\ub294 \ub124\ud2b8\uc6cc\ud06c\uae4c\uc9c0!<br> \ucc28\uc6d0\uc774 \ub2e4\ub978 \uc131\uc7a5\uc758 \uae30\uc900\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.<\/span>`;\r\n const typingTarget = document.getElementById(\"typing-target\");\r\n let i = 0;\r\n let isTag = false;\r\n let temp = \"\";\r\n\r\n function typing() {\r\n if (i < text.length) {\r\n const char = text.charAt(i);\r\n temp += char;\r\n\r\n if (char === \"<\") isTag = true;\r\n if (char === \">\" && isTag) {\r\n isTag = false;\r\n typingTarget.innerHTML = temp;\r\n }\r\n\r\n if (!isTag) {\r\n typingTarget.innerHTML = temp;\r\n }\r\n\r\n i++;\r\n setTimeout(typing, 35);\r\n } else {\r\n typingTarget.style.borderRight = \"none\"; \/\/ \ucee4\uc11c \uc81c\uac70\r\n }\r\n }\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n counters.forEach(runCounter);\r\n requestAnimationFrame(() => typing());\r\n });\r\n <\/script>\r\n\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<div class=\"elementor-element elementor-element-7d5fc0a e-flex e-con-boxed e-con e-parent\" data-id=\"7d5fc0a\" 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-8ef99f9 elementor-widget elementor-widget-html\" data-id=\"8ef99f9\" 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<style>\r\n \/* \uacf5\ud1b5(\ud14c\ub9c8) \uc0c9 *\/\r\n :root{\r\n --kakao-yellow:#FFEB00;\r\n --btn-shadow:0 6px 24px rgba(0,0,0,.25);\r\n --radius:48px;\r\n --ease:.25s cubic-bezier(.4,0,.2,1);\r\n }\r\n\r\n \/* \u25b6 \ub465\uadfc \ud50c\ub85c\ud305 \ubc84\ud2bc *\/\r\n #kakao-chat-btn{\r\n position:fixed; bottom:24px; right:24px; z-index:9999;\r\n display:flex; align-items:center; justify-content:center;\r\n width:auto; padding:0; border:none; background:transparent;\r\n font:inherit; cursor:pointer;\r\n }\r\n #kakao-chat-btn .main-btn{\r\n display:flex; align-items:center; justify-content:center;\r\n background:var(--kakao-yellow); color:#000; font-weight:700;\r\n padding:14px 22px; border-radius:var(--radius); text-decoration:none;\r\n box-shadow:var(--btn-shadow); transition:transform var(--ease);\r\n }\r\n #kakao-chat-btn:hover .main-btn{ transform:translateY(-2px) }\r\n\r\n \/* \u25b6 \ud31d\uc5c5(\ud300 \uc120\ud0dd) *\/\r\n #kakao-popup{\r\n position:fixed; bottom:84px; right:24px; \/* \ubc84\ud2bc \uc704\ucabd *\/\r\n width:200px; background:#fff; border-radius:18px; overflow:hidden;\r\n box-shadow:0 18px 40px rgba(0,0,0,.18);\r\n opacity:0; visibility:hidden; transform:translateY(12px);\r\n transition:opacity var(--ease), transform var(--ease), visibility var(--ease);\r\n z-index:10000;\r\n }\r\n #kakao-popup.show{opacity:1; visibility:visible; transform:none;}\r\n\r\n #kakao-popup a{\r\n display:block; padding:14px 18px; color:#00264d; font-weight:600;\r\n text-decoration:none; border-bottom:1px solid #f0f0f0;\r\n transition:background .2s ease;\r\n }\r\n #kakao-popup a:last-child{border-bottom:none;}\r\n #kakao-popup a:hover{background:#f9fafb;}\r\n\r\n \/* \ubaa8\ubc14\uc77c \uc0b4\uc9dd \uac04\uaca9 \uc870\uc815 *\/\r\n @media(max-width:600px){\r\n #kakao-chat-btn{bottom:20px; right:20px;}\r\n #kakao-popup{right:20px;}\r\n }\r\n<\/style>\r\n\r\n\r\n<div id=\"kakao-chat-btn\">\r\n <span class=\"main-btn\">\ud83d\udcac \uce74\uce74\uc624\ud1a1 \ubb38\uc758\ud558\uae30<\/span>\r\n<\/div>\r\n\r\n\r\n<div id=\"kakao-popup\">\r\n \r\n <a href=\"https:\/\/pf.kakao.com\/_xcxlGBn\" target=\"_blank\" rel=\"noopener\">\r\n \ud83d\udcc2 \uc6b4\uc601\ud300\r\n <\/a>\r\n \r\n <a href=\"https:\/\/pf.kakao.com\/_xoxjGBn\" target=\"_blank\" rel=\"noopener\">\r\n \ud83c\udf93 \uad50\uc721\ud300\r\n <\/a>\r\n<\/div>\r\n\r\n<script>\r\n (function(){\r\n const btn = document.getElementById('kakao-chat-btn');\r\n const popup = document.getElementById('kakao-popup');\r\n\r\n \/\/ \ubc84\ud2bc \ud074\ub9ad \u2192 \ud31d\uc5c5 \ud1a0\uae00\r\n btn.addEventListener('click', ()=> popup.classList.toggle('show'));\r\n\r\n \/\/ \ud31d\uc5c5 \ubc14\uae65 \ud074\ub9ad \uc2dc \ub2eb\uae30\r\n document.addEventListener('click', e=>{\r\n if(!popup.contains(e.target) && !btn.contains(e.target)){\r\n popup.classList.remove('show');\r\n }\r\n });\r\n\r\n \/\/ ESC \ud0a4 \ub2eb\uae30\r\n document.addEventListener('keydown', e=>{\r\n if(e.key==='Escape') popup.classList.remove('show');\r\n });\r\n })();\r\n<\/script>\r\n\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":14,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-2322","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2322","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=2322"}],"version-history":[{"count":209,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2322\/revisions"}],"predecessor-version":[{"id":18702,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2322\/revisions\/18702"}],"up":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/14"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}