\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274<\/title>\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n color: white;\r\n overflow-x: hidden;\r\n }\r\n nav.sidebar {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 250px;\r\n height: 100vh;\r\n background: #000;\r\n border-right: 1px solid #444;\r\n padding: 30px 15px 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n z-index: 1000;\r\n color: white;\r\n overflow-y: hidden;\r\n transition: transform 0.3s ease;\r\n }\r\n nav.sidebar .logo {\r\n width: 100%;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n nav.sidebar .logo img {\r\n width: 180px;\r\n height: auto;\r\n display: inline-block;\r\n cursor: pointer;\r\n }\r\n nav.sidebar ul.menu {\r\n list-style: none;\r\n width: 100%;\r\n text-align: center;\r\n border-top: 1px solid #444;\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li {\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li:last-child {\r\n border-bottom: none;\r\n }\r\n nav.sidebar ul.menu li a {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #ccc;\r\n display: block;\r\n padding: 12px 0;\r\n transition: color 0.3s, background-color 0.3s, transform 0.2s;\r\n text-decoration: none;\r\n }\r\n nav.sidebar ul.menu li a:hover,\r\n nav.sidebar ul.menu li a.active {\r\n color: #ff6600;\r\n background-color: #222;\r\n transform: translateX(10px);\r\n box-shadow: 2px 2px 10px rgba(255,102,0,0.5);\r\n border-radius: 4px;\r\n }\r\n nav.sidebar .guide-btns {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n nav.sidebar .guide-btns button {\r\n padding: 12px 0;\r\n border: none;\r\n background: #0d6efd;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n transition: background-color 0.3s;\r\n }\r\n nav.sidebar .guide-btns button:hover { background: #084cd8; }\r\n nav.sidebar .guide-btns button.orange-btn { background: #ff6600; }\r\n nav.sidebar .guide-btns button.orange-btn:hover { background: #cc5200; }\r\n nav.sidebar .guide-btns button.green-btn {\r\n background: #28a745;\r\n color: white;\r\n }\r\n nav.sidebar .guide-btns button.green-btn:hover {\r\n background: #1e7e34;\r\n }\r\n nav.sidebar .contact-group {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 15px;\r\n width: 220px;\r\n text-align: left;\r\n font-size: 14px;\r\n color: #bbb;\r\n font-weight: 600;\r\n line-height: 1.6;\r\n }\r\n nav.sidebar .contact-group p { margin-bottom: 8px; }\r\n\r\n #menu-toggle {\r\n display: none;\r\n position: fixed;\r\n top: 15px;\r\n left: 15px;\r\n z-index: 2000;\r\n cursor: pointer;\r\n width: 36px;\r\n height: 30px;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n background: rgba(0,0,0,0.6);\r\n border-radius: 6px;\r\n padding: 5px;\r\n border: none;\r\n transition: background-color 0.3s;\r\n }\r\n #menu-toggle:hover { background: rgba(0,0,0,0.85); }\r\n #menu-toggle span {\r\n display: block;\r\n height: 4px;\r\n background: white;\r\n border-radius: 2px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n nav.sidebar {\r\n transform: translateX(-100%);\r\n width: 250px;\r\n }\r\n nav.sidebar.open { transform: translateX(0); }\r\n #menu-toggle { display: flex; }\r\n nav.sidebar .contact-group {\r\n position: static;\r\n width: 100%;\r\n padding-left: 30px;\r\n margin-top: 20px;\r\n font-size: 13px;\r\n }\r\n nav.sidebar .logo img { width: 140px; }\r\n nav.sidebar ul.menu li a {\r\n font-size: 16px;\r\n padding: 10px 0;\r\n }\r\n nav.sidebar .guide-btns button {\r\n font-size: 14px;\r\n padding: 10px 0;\r\n }\r\n body.menu-open { overflow: hidden; }\r\n .main-content { margin-left: 0; }\r\n }\r\n .main-content {\r\n margin-left: 250px;\r\n min-height: 150vh;\r\n padding: 40px;\r\n background: #111;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<button id=\"menu-toggle\" aria-label=\"\uba54\ub274 \uc5f4\uae30\/\ub2eb\uae30\" role=\"button\" tabindex=\"0\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n<\/button>\r\n\r\n<nav class=\"sidebar\" id=\"sidebar\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/metarich-academy.co.kr\/\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\uba54\ud0c0\ub9ac\uce58-\ub85c\uace0-mz\ubd80\uc2a4\ud2b8\ucea0\ud504\uc804\uc6a9.png\" alt=\"MetaRich \ub85c\uace0\" \/>\r\n <\/a>\r\n <\/div>\r\n <ul class=\"menu\" id=\"menu-list\">\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10810\" tabindex=\"0\">\uc5f0\uc218\uc6d0\uc18c\uac1c<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=12747\" tabindex=\"0\">\uad50\uc721\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11154\" tabindex=\"0\">\uc774\uc6a9\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11241\" tabindex=\"0\">\uad50\uc721\uc2dc\uc124<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11127\" tabindex=\"0\">\uc219\uc18c\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10837\" tabindex=\"0\">\ubd80\ub300\uc2dc\uc124<\/a><\/li>\r\n <\/ul>\r\n <div class=\"guide-btns\">\r\n <button onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=12254'\">\uc2e4\uc2dc\uac04\uc608\uc57d<\/button>\r\n <button class=\"green-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=13530'\">\uad50\uc721\uc2e0\uccad<\/button>\r\n <button class=\"orange-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=11902'\">\uc624\uc2dc\ub294\uae38<\/button>\r\n <\/div>\r\n <div class=\"contact-group\">\r\n <p>\ub300\ud45c\ubc88\ud638: 010-9244-0114<\/p>\r\n <p>\uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238<\/p>\r\n <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n const menuToggle = document.getElementById('menu-toggle');\r\n const sidebar = document.getElementById('sidebar');\r\n const body = document.body;\r\n\r\n menuToggle.addEventListener('click', () => {\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n });\r\n\r\n menuToggle.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n }\r\n });\r\n\r\n \/\/ \uba54\ub274 active \uc0c1\ud0dc \uc81c\uc5b4\r\n const menuList = document.getElementById('menu-list');\r\n const menuItems = menuList.querySelectorAll('a');\r\n\r\n menuItems.forEach(item => {\r\n item.addEventListener('click', e => {\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n \/\/ \ubaa8\ubc14\uc77c\uc5d0\uc11c \uba54\ub274 \ud074\ub9ad\ud558\uba74 \ub2eb\uae30\r\n if(window.innerWidth <= 768){\r\n sidebar.classList.remove('open');\r\n body.classList.remove('menu-open');\r\n }\r\n });\r\n item.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n }\r\n });\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a0fafb e-con-full e-flex e-con e-parent\" data-id=\"8a0fafb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e89e20 elementor-widget elementor-widget-html\" data-id=\"8e89e20\" 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>\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \ubcf8\ubb38 \uc601\uc5ed<\/title>\r\n <style>\r\n html, body {\r\n overflow-x: hidden !important;\r\n overflow-y: hidden !important;\r\n height: 100%;\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n color: white;\r\n margin: 0; padding: 0;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { min-height: 100vh; }\r\n main.content {\r\n position: fixed;\r\n top: 0; left: 250px; \/* \uc0ac\uc774\ub4dc\ubc14 250px \uace0\ub824 *\/\r\n right: 0; bottom: 0;\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n background: #000;\r\n z-index: 0;\r\n }\r\n main.content video.bg-video {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n background: #000;\r\n z-index: 0;\r\n }\r\n main.content .overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.5);\r\n z-index: 1;\r\n }\r\n main.content .text-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 600px;\r\n padding: 20px;\r\n color: white;\r\n user-select: none;\r\n text-align: center;\r\n }\r\n main.content .text-content h1 {\r\n font-weight: 900;\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n color: white;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n main.content .text-content h1::before,\r\n main.content .text-content h1::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n width: 80px;\r\n height: 1px;\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-50%);\r\n }\r\n main.content .text-content h1::before {\r\n left: -90px;\r\n }\r\n main.content .text-content h1::after {\r\n right: -90px;\r\n }\r\n main.content .text-content p {\r\n font-size: 1.2rem;\r\n line-height: 1.5;\r\n }\r\n \/* \ud478\ud130 \uc644\uc804 \uc81c\uac70 *\/\r\n footer, .footer, #footer,\r\n [class*=\"footer\"], [id*=\"footer\"],\r\n .site-footer, .page-footer, .wp-block-template-part-footer,\r\n .elementor-footer, .o-footer, .c-footer {\r\n display: none !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n max-height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n border: 0 !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n @media (max-width: 768px) {\r\n main.content {\r\n left: 0;\r\n width: 100vw;\r\n }\r\n main.content .text-content h1::before,\r\n main.content .text-content h1::after { display: none; }\r\n main.content .text-content h1 { font-size: 1.7rem; }\r\n main.content .text-content p { font-size: 1rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<main class=\"content\">\r\n <video class=\"bg-video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/1.mp4\" type=\"video\/mp4\" \/>\r\n \uc774 \ube0c\ub77c\uc6b0\uc800\ub294 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\r\n <\/video>\r\n <div class=\"overlay\"><\/div>\r\n <div class=\"text-content\">\r\n <h1>MetaRich Training Center<\/h1>\r\n <p>\ucc9c\ud61c\uc758 \uc790\uc5f0\ud658\uacbd\uacfc \ucf8c\uc801\ud55c \uc778\ud504\ub77c\ub97c \uac16\ucd98<br>\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 [\uba54\ub9ac\uc544\ud2b8]\ub85c \ucd08\ub300\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n<\/main>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b81a81 e-flex e-con-boxed e-con e-parent\" data-id=\"0b81a81\" 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-63b7727 elementor-widget elementor-widget-html\" data-id=\"63b7727\" 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>\uc0c9\uc0c1 \ubcc0\uacbd & \uc0ac\uc774\uc988 \ud0a4\uc6b4 \uace0\uc815 \uc0ac\uc774\ub4dc \ubc84\ud2bc<\/title>\r\n<style>\r\n body {\r\n margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif;\r\n min-height: 2000px; \/* \uc2a4\ud06c\ub864 \ud14c\uc2a4\ud2b8\uc6a9 *\/\r\n background: #f5f7fa;\r\n }\r\n\r\n .side-fixed-buttons {\r\n position: fixed;\r\n bottom: 40px;\r\n right: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n z-index: 9999;\r\n }\r\n\r\n \/* \uae30\ubcf8 \ubc84\ud2bc \uc2a4\ud0c0\uc77c *\/\r\n .side-fixed-buttons a,\r\n .side-fixed-buttons button {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 18px 28px;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 18px;\r\n text-decoration: none;\r\n border-radius: 36px;\r\n box-shadow: 0 6px 16px rgba(0,0,0,0.15);\r\n transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;\r\n white-space: nowrap;\r\n user-select: none;\r\n cursor: pointer;\r\n border: none;\r\n background: none;\r\n }\r\n .side-fixed-buttons a .icon,\r\n .side-fixed-buttons button .icon {\r\n font-size: 26px;\r\n line-height: 1;\r\n }\r\n\r\n \/* \uc608\uc57d\ud558\uae30 - \ud30c\ub780\uc0c9 \uacc4\uc5f4 *\/\r\n .side-fixed-buttons a.apply {\r\n background: linear-gradient(135deg, #4a90e2, #357ABD);\r\n box-shadow:\r\n 0 6px 14px rgba(74, 144, 226, 0.6),\r\n 0 8px 24px rgba(53, 122, 189, 0.5);\r\n }\r\n .side-fixed-buttons a.apply:hover {\r\n background: linear-gradient(135deg, #357ABD, #2b5f9e);\r\n box-shadow:\r\n 0 8px 18px rgba(53, 122, 189, 0.8),\r\n 0 10px 28px rgba(43, 95, 158, 0.7);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \uad50\uc721\uc2e0\uccad - \ucd08\ub85d\uc0c9 \uacc4\uc5f4 *\/\r\n .side-fixed-buttons a.inquiry {\r\n background: linear-gradient(135deg, #4CAF50, #2E7D32);\r\n box-shadow:\r\n 0 6px 14px rgba(76, 175, 80, 0.6),\r\n 0 8px 24px rgba(46, 125, 50, 0.5);\r\n }\r\n .side-fixed-buttons a.inquiry:hover {\r\n background: linear-gradient(135deg, #2E7D32, #1B4F21);\r\n box-shadow:\r\n 0 8px 18px rgba(46, 125, 50, 0.8),\r\n 0 10px 28px rgba(27, 79, 33, 0.7);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \ubb38\uc758\ud558\uae30 - \uc8fc\ud669\uc0c9 \uacc4\uc5f4 *\/\r\n .side-fixed-buttons button.contact {\r\n background: linear-gradient(135deg, #f5a623, #d97e00);\r\n box-shadow:\r\n 0 6px 14px rgba(245, 166, 35, 0.6),\r\n 0 8px 24px rgba(217, 126, 0, 0.5);\r\n }\r\n .side-fixed-buttons button.contact:hover {\r\n background: linear-gradient(135deg, #d97e00, #ac6200);\r\n box-shadow:\r\n 0 8px 18px rgba(217, 126, 0, 0.8),\r\n 0 10px 28px rgba(172, 98, 0, 0.7);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \ud074\ub9ad \uc2dc \ud6a8\uacfc *\/\r\n .side-fixed-buttons a:active,\r\n .side-fixed-buttons button:active {\r\n transform: scale(0.95);\r\n transition-duration: 0.1s;\r\n }\r\n\r\n \/* \ubb38\uc758 \ub4dc\ub86d\ub2e4\uc6b4 *\/\r\n .contact-dropdown {\r\n position: absolute;\r\n bottom: 100%;\r\n right: 0;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n padding: 8px 0;\r\n width: 180px;\r\n display: none;\r\n flex-direction: column;\r\n user-select: none;\r\n }\r\n\r\n .contact-dropdown a {\r\n color: #333;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n padding: 12px 20px;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n transition: background-color 0.2s ease;\r\n }\r\n .contact-dropdown a:hover,\r\n .contact-dropdown a:focus {\r\n background-color: #f5a623;\r\n color: white;\r\n outline: none;\r\n }\r\n\r\n \/* \ubb38\uc758 \ubc84\ud2bc \ucee8\ud14c\uc774\ub108 *\/\r\n .contact-container {\r\n position: relative;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"side-fixed-buttons\">\r\n <a class=\"apply\" href=\"https:\/\/metarich-academy.co.kr\/?page_id=12254\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\">\ud83d\udcdd<\/span> \uc608\uc57d\ud558\uae30\r\n <\/a>\r\n <a class=\"inquiry\" href=\"https:\/\/metarich-academy.co.kr\/?page_id=13530\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\">\ud83c\udf93<\/span> \uad50\uc721\uc2e0\uccad\r\n <\/a>\r\n <div class=\"contact-container\">\r\n <button class=\"contact\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"contactDropdown\" id=\"contactBtn\">\r\n <span class=\"icon\">\ud83d\udcac<\/span> \ubb38\uc758\ud558\uae30\r\n <\/button>\r\n <div class=\"contact-dropdown\" id=\"contactDropdown\" role=\"menu\" aria-labelledby=\"contactBtn\">\r\n <a href=\"https:\/\/pf.kakao.com\/_xcxlGBn\" target=\"_blank\" rel=\"noopener noreferrer\" role=\"menuitem\" tabindex=\"-1\">\ud83d\udccc \uacbd\uc601\uc9c0\uc6d0\uc2e4<\/a>\r\n <a href=\"https:\/\/pf.kakao.com\/_lxfSFn\" target=\"_blank\" rel=\"noopener noreferrer\" role=\"menuitem\" tabindex=\"-1\">\ud83c\udf93 \ubbf8\ub798\uad50\uc721\uc2e4<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const contactBtn = document.getElementById('contactBtn');\r\n const contactDropdown = document.getElementById('contactDropdown');\r\n\r\n contactBtn.addEventListener('click', () => {\r\n const expanded = contactBtn.getAttribute('aria-expanded') === 'true';\r\n contactBtn.setAttribute('aria-expanded', String(!expanded));\r\n if (!expanded) {\r\n contactDropdown.style.display = 'flex';\r\n \/\/ \ud074\ub9ad \ubc14\uae65 \uc601\uc5ed \ucc98\ub9ac\r\n document.addEventListener('click', outsideClickListener);\r\n } else {\r\n contactDropdown.style.display = 'none';\r\n document.removeEventListener('click', outsideClickListener);\r\n }\r\n });\r\n\r\n function outsideClickListener(event) {\r\n if (!contactDropdown.contains(event.target) && event.target !== contactBtn) {\r\n contactDropdown.style.display = 'none';\r\n contactBtn.setAttribute('aria-expanded', 'false');\r\n document.removeEventListener('click', outsideClickListener);\r\n }\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-02cd0e3 e-flex e-con-boxed e-con e-parent\" data-id=\"02cd0e3\" 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-343662a elementor-widget elementor-widget-html\" data-id=\"343662a\" 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 <title>\uc774\ubbf8\uc9c0 \ud31d\uc5c5 \ubc14\ub85c \ub178\ucd9c<\/title>\r\n <style>\r\n .popup-overlay {\r\n display: flex; \/* \ucc98\uc74c\ubd80\ud130 \ub178\ucd9c *\/\r\n position: fixed;\r\n z-index: 9999;\r\n top: 0; left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0,0,0,0.7);\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .popup-overlay.hide {\r\n display: none;\r\n }\r\n .popup-img-box {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .popup-img-box img {\r\n max-width: 58.5vw; \/* 45vw \u00d7 1.3 *\/\r\n max-height: 52vh; \/* 40vh \u00d7 1.3 *\/\r\n border-radius: 12px;\r\n box-shadow: 0 4px 32px rgba(0,0,0,0.7);\r\n display: block;\r\n }\r\n \/* \ub2eb\uae30(\uc5d1\uc2a4) \ubc84\ud2bc \uc2a4\ud0c0\uc77c \uc5c5\uadf8\ub808\uc774\ub4dc *\/\r\n .popup-close-btn {\r\n position: absolute;\r\n top: -32px;\r\n right: -32px;\r\n width: 48px; height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #fff;\r\n background: #222;\r\n color: #fff;\r\n font-size: 32px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n box-shadow: 0 4px 24px rgba(0,0,0,0.7);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: background 0.15s, color 0.15s;\r\n z-index: 10;\r\n }\r\n .popup-close-btn:hover {\r\n background: #fff;\r\n color: #222;\r\n border-color: #222;\r\n }\r\n \/* \ubaa8\ubc14\uc77c \ub300\uc751 *\/\r\n @media (max-width: 500px) {\r\n .popup-close-btn {\r\n width: 40px; height: 40px;\r\n font-size: 26px;\r\n top: -20px; right: -20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"popupOverlay\" class=\"popup-overlay\">\r\n <div class=\"popup-img-box\">\r\n <button class=\"popup-close-btn\" id=\"closePopupBtn\" title=\"\ub2eb\uae30\">×<\/button>\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/\uc81c\ubaa9\uc744-\uc785\ub825\ud574\uc8fc\uc138\uc694_-001-9.png\" alt=\"\ud31d\uc5c5 \uc774\ubbf8\uc9c0\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \ub2eb\uae30 \ubc84\ud2bc\r\n document.getElementById('closePopupBtn').addEventListener('click', function() {\r\n document.getElementById('popupOverlay').classList.add('hide');\r\n });\r\n\r\n \/\/ \uc624\ubc84\ub808\uc774 \ud074\ub9ad \uc2dc \ud31d\uc5c5 \ub2eb\uae30\r\n document.getElementById('popupOverlay').addEventListener('click', function(e) {\r\n if(e.target === this) this.classList.add('hide');\r\n });\r\n\r\n \/\/ ESC \ud0a4\ub85c \ub2eb\uae30\r\n document.addEventListener('keydown', function(e) {\r\n if(e.key === 'Escape') {\r\n document.getElementById('popupOverlay').classList.add('hide');\r\n }\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274 \uc5f0\uc218\uc6d0\uc18c\uac1c \uad50\uc721\uc548\ub0b4 \uc774\uc6a9\uc548\ub0b4 \uad50\uc721\uc2dc\uc124 \uc219\uc18c\uc548\ub0b4 \ubd80\ub300\uc2dc\uc124 \uc2e4\uc2dc\uac04\uc608\uc57d \uad50\uc721\uc2e0\uccad \uc624\uc2dc\ub294\uae38 \ub300\ud45c\ubc88\ud638: 010-9244-0114 \uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238 \uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \ubcf8\ubb38 \uc601\uc5ed \uc774 \ube0c\ub77c\uc6b0\uc800\ub294 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. MetaRich Training Center \ucc9c\ud61c\uc758 \uc790\uc5f0\ud658\uacbd\uacfc \ucf8c\uc801\ud55c \uc778\ud504\ub77c\ub97c \uac16\ucd98\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 [\uba54\ub9ac\uc544\ud2b8]\ub85c \ucd08\ub300\ud569\ub2c8\ub2e4. \uc0c9\uc0c1 \ubcc0\uacbd & \uc0ac\uc774\uc988 \ud0a4\uc6b4 \uace0\uc815 \uc0ac\uc774\ub4dc \ubc84\ud2bc […]<\/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-10239","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10239","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=10239"}],"version-history":[{"count":139,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10239\/revisions"}],"predecessor-version":[{"id":15188,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10239\/revisions\/15188"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274<\/title>\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n color: white;\r\n overflow-x: hidden;\r\n }\r\n nav.sidebar {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 250px;\r\n height: 100vh;\r\n background: #000;\r\n border-right: 1px solid #444;\r\n padding: 30px 15px 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n z-index: 1000;\r\n color: white;\r\n overflow-y: hidden;\r\n transition: transform 0.3s ease;\r\n }\r\n nav.sidebar .logo {\r\n width: 100%;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n nav.sidebar .logo img {\r\n width: 180px;\r\n height: auto;\r\n display: inline-block;\r\n cursor: pointer;\r\n }\r\n nav.sidebar ul.menu {\r\n list-style: none;\r\n width: 100%;\r\n text-align: center;\r\n border-top: 1px solid #444;\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li {\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li:last-child {\r\n border-bottom: none;\r\n }\r\n nav.sidebar ul.menu li a {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #ccc;\r\n display: block;\r\n padding: 12px 0;\r\n transition: color 0.3s, background-color 0.3s, transform 0.2s;\r\n text-decoration: none;\r\n }\r\n nav.sidebar ul.menu li a:hover,\r\n nav.sidebar ul.menu li a.active {\r\n color: #ff6600;\r\n background-color: #222;\r\n transform: translateX(10px);\r\n box-shadow: 2px 2px 10px rgba(255,102,0,0.5);\r\n border-radius: 4px;\r\n }\r\n nav.sidebar .guide-btns {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n nav.sidebar .guide-btns button {\r\n padding: 12px 0;\r\n border: none;\r\n background: #0d6efd;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n transition: background-color 0.3s;\r\n }\r\n nav.sidebar .guide-btns button:hover { background: #084cd8; }\r\n nav.sidebar .guide-btns button.orange-btn { background: #ff6600; }\r\n nav.sidebar .guide-btns button.orange-btn:hover { background: #cc5200; }\r\n nav.sidebar .guide-btns button.green-btn {\r\n background: #28a745;\r\n color: white;\r\n }\r\n nav.sidebar .guide-btns button.green-btn:hover {\r\n background: #1e7e34;\r\n }\r\n nav.sidebar .contact-group {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 15px;\r\n width: 220px;\r\n text-align: left;\r\n font-size: 14px;\r\n color: #bbb;\r\n font-weight: 600;\r\n line-height: 1.6;\r\n }\r\n nav.sidebar .contact-group p { margin-bottom: 8px; }\r\n\r\n #menu-toggle {\r\n display: none;\r\n position: fixed;\r\n top: 15px;\r\n left: 15px;\r\n z-index: 2000;\r\n cursor: pointer;\r\n width: 36px;\r\n height: 30px;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n background: rgba(0,0,0,0.6);\r\n border-radius: 6px;\r\n padding: 5px;\r\n border: none;\r\n transition: background-color 0.3s;\r\n }\r\n #menu-toggle:hover { background: rgba(0,0,0,0.85); }\r\n #menu-toggle span {\r\n display: block;\r\n height: 4px;\r\n background: white;\r\n border-radius: 2px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n nav.sidebar {\r\n transform: translateX(-100%);\r\n width: 250px;\r\n }\r\n nav.sidebar.open { transform: translateX(0); }\r\n #menu-toggle { display: flex; }\r\n nav.sidebar .contact-group {\r\n position: static;\r\n width: 100%;\r\n padding-left: 30px;\r\n margin-top: 20px;\r\n font-size: 13px;\r\n }\r\n nav.sidebar .logo img { width: 140px; }\r\n nav.sidebar ul.menu li a {\r\n font-size: 16px;\r\n padding: 10px 0;\r\n }\r\n nav.sidebar .guide-btns button {\r\n font-size: 14px;\r\n padding: 10px 0;\r\n }\r\n body.menu-open { overflow: hidden; }\r\n .main-content { margin-left: 0; }\r\n }\r\n .main-content {\r\n margin-left: 250px;\r\n min-height: 150vh;\r\n padding: 40px;\r\n background: #111;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<button id=\"menu-toggle\" aria-label=\"\uba54\ub274 \uc5f4\uae30\/\ub2eb\uae30\" role=\"button\" tabindex=\"0\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n<\/button>\r\n\r\n<nav class=\"sidebar\" id=\"sidebar\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/metarich-academy.co.kr\/\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\uba54\ud0c0\ub9ac\uce58-\ub85c\uace0-mz\ubd80\uc2a4\ud2b8\ucea0\ud504\uc804\uc6a9.png\" alt=\"MetaRich \ub85c\uace0\" \/>\r\n <\/a>\r\n <\/div>\r\n <ul class=\"menu\" id=\"menu-list\">\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10810\" tabindex=\"0\">\uc5f0\uc218\uc6d0\uc18c\uac1c<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=12747\" tabindex=\"0\">\uad50\uc721\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11154\" tabindex=\"0\">\uc774\uc6a9\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11241\" tabindex=\"0\">\uad50\uc721\uc2dc\uc124<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11127\" tabindex=\"0\">\uc219\uc18c\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10837\" tabindex=\"0\">\ubd80\ub300\uc2dc\uc124<\/a><\/li>\r\n <\/ul>\r\n <div class=\"guide-btns\">\r\n <button onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=12254'\">\uc2e4\uc2dc\uac04\uc608\uc57d<\/button>\r\n <button class=\"green-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=13530'\">\uad50\uc721\uc2e0\uccad<\/button>\r\n <button class=\"orange-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=11902'\">\uc624\uc2dc\ub294\uae38<\/button>\r\n <\/div>\r\n <div class=\"contact-group\">\r\n <p>\ub300\ud45c\ubc88\ud638: 010-9244-0114<\/p>\r\n <p>\uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238<\/p>\r\n <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n const menuToggle = document.getElementById('menu-toggle');\r\n const sidebar = document.getElementById('sidebar');\r\n const body = document.body;\r\n\r\n menuToggle.addEventListener('click', () => {\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n });\r\n\r\n menuToggle.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n }\r\n });\r\n\r\n \/\/ \uba54\ub274 active \uc0c1\ud0dc \uc81c\uc5b4\r\n const menuList = document.getElementById('menu-list');\r\n const menuItems = menuList.querySelectorAll('a');\r\n\r\n menuItems.forEach(item => {\r\n item.addEventListener('click', e => {\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n \/\/ \ubaa8\ubc14\uc77c\uc5d0\uc11c \uba54\ub274 \ud074\ub9ad\ud558\uba74 \ub2eb\uae30\r\n if(window.innerWidth <= 768){\r\n sidebar.classList.remove('open');\r\n body.classList.remove('menu-open');\r\n }\r\n });\r\n item.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n }\r\n });\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a0fafb e-con-full e-flex e-con e-parent\" data-id=\"8a0fafb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e89e20 elementor-widget elementor-widget-html\" data-id=\"8e89e20\" 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>\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \ubcf8\ubb38 \uc601\uc5ed<\/title>\r\n <style>\r\n html, body {\r\n overflow-x: hidden !important;\r\n overflow-y: hidden !important;\r\n height: 100%;\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n color: white;\r\n margin: 0; padding: 0;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { min-height: 100vh; }\r\n main.content {\r\n position: fixed;\r\n top: 0; left: 250px; \/* \uc0ac\uc774\ub4dc\ubc14 250px \uace0\ub824 *\/\r\n right: 0; bottom: 0;\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n background: #000;\r\n z-index: 0;\r\n }\r\n main.content video.bg-video {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n background: #000;\r\n z-index: 0;\r\n }\r\n main.content .overlay {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.5);\r\n z-index: 1;\r\n }\r\n main.content .text-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 600px;\r\n padding: 20px;\r\n color: white;\r\n user-select: none;\r\n text-align: center;\r\n }\r\n main.content .text-content h1 {\r\n font-weight: 900;\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n color: white;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n main.content .text-content h1::before,\r\n main.content .text-content h1::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n width: 80px;\r\n height: 1px;\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-50%);\r\n }\r\n main.content .text-content h1::before {\r\n left: -90px;\r\n }\r\n main.content .text-content h1::after {\r\n right: -90px;\r\n }\r\n main.content .text-content p {\r\n font-size: 1.2rem;\r\n line-height: 1.5;\r\n }\r\n \/* \ud478\ud130 \uc644\uc804 \uc81c\uac70 *\/\r\n footer, .footer, #footer,\r\n [class*=\"footer\"], [id*=\"footer\"],\r\n .site-footer, .page-footer, .wp-block-template-part-footer,\r\n .elementor-footer, .o-footer, .c-footer {\r\n display: none !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n max-height: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n border: 0 !important;\r\n opacity: 0 !important;\r\n visibility: hidden !important;\r\n }\r\n @media (max-width: 768px) {\r\n main.content {\r\n left: 0;\r\n width: 100vw;\r\n }\r\n main.content .text-content h1::before,\r\n main.content .text-content h1::after { display: none; }\r\n main.content .text-content h1 { font-size: 1.7rem; }\r\n main.content .text-content p { font-size: 1rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<main class=\"content\">\r\n <video class=\"bg-video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/1.mp4\" type=\"video\/mp4\" \/>\r\n \uc774 \ube0c\ub77c\uc6b0\uc800\ub294 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\r\n <\/video>\r\n <div class=\"overlay\"><\/div>\r\n <div class=\"text-content\">\r\n <h1>MetaRich Training Center<\/h1>\r\n <p>\ucc9c\ud61c\uc758 \uc790\uc5f0\ud658\uacbd\uacfc \ucf8c\uc801\ud55c \uc778\ud504\ub77c\ub97c \uac16\ucd98<br>\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 [\uba54\ub9ac\uc544\ud2b8]\ub85c \ucd08\ub300\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n<\/main>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b81a81 e-flex e-con-boxed e-con e-parent\" data-id=\"0b81a81\" 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-63b7727 elementor-widget elementor-widget-html\" data-id=\"63b7727\" 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>\uc0c9\uc0c1 \ubcc0\uacbd & \uc0ac\uc774\uc988 \ud0a4\uc6b4 \uace0\uc815 \uc0ac\uc774\ub4dc \ubc84\ud2bc<\/title>\r\n<style>\r\n body {\r\n margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif;\r\n min-height: 2000px; \/* \uc2a4\ud06c\ub864 \ud14c\uc2a4\ud2b8\uc6a9 *\/\r\n background: #f5f7fa;\r\n }\r\n\r\n .side-fixed-buttons {\r\n position: fixed;\r\n bottom: 40px;\r\n right: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n z-index: 9999;\r\n }\r\n\r\n \/* \uae30\ubcf8 \ubc84\ud2bc \uc2a4\ud0c0\uc77c *\/\r\n .side-fixed-buttons a,\r\n .side-fixed-buttons button {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 18px 28px;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 18px;\r\n text-decoration: none;\r\n border-radius: 36px;\r\n box-shadow: 0 6px 16px rgba(0,0,0,0.15);\r\n transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;\r\n white-space: nowrap;\r\n user-select: none;\r\n cursor: pointer;\r\n border: none;\r\n background: none;\r\n }\r\n .side-fixed-buttons a .icon,\r\n .side-fixed-buttons button .icon {\r\n font-size: 26px;\r\n line-height: 1;\r\n }\r\n\r\n \/* \uc608\uc57d\ud558\uae30 - \ud30c\ub780\uc0c9 \uacc4\uc5f4 *\/\r\n .side-fixed-buttons a.apply {\r\n background: linear-gradient(135deg, #4a90e2, #357ABD);\r\n box-shadow:\r\n 0 6px 14px rgba(74, 144, 226, 0.6),\r\n 0 8px 24px rgba(53, 122, 189, 0.5);\r\n }\r\n .side-fixed-buttons a.apply:hover {\r\n background: linear-gradient(135deg, #357ABD, #2b5f9e);\r\n box-shadow:\r\n 0 8px 18px rgba(53, 122, 189, 0.8),\r\n 0 10px 28px rgba(43, 95, 158, 0.7);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \uad50\uc721\uc2e0\uccad - \ucd08\ub85d\uc0c9 \uacc4\uc5f4 *\/\r\n .side-fixed-buttons a.inquiry {\r\n background: linear-gradient(135deg, #4CAF50, #2E7D32);\r\n box-shadow:\r\n 0 6px 14px rgba(76, 175, 80, 0.6),\r\n 0 8px 24px rgba(46, 125, 50, 0.5);\r\n }\r\n .side-fixed-buttons a.inquiry:hover {\r\n background: linear-gradient(135deg, #2E7D32, #1B4F21);\r\n box-shadow:\r\n 0 8px 18px rgba(46, 125, 50, 0.8),\r\n 0 10px 28px rgba(27, 79, 33, 0.7);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \ubb38\uc758\ud558\uae30 - \uc8fc\ud669\uc0c9 \uacc4\uc5f4 *\/\r\n .side-fixed-buttons button.contact {\r\n background: linear-gradient(135deg, #f5a623, #d97e00);\r\n box-shadow:\r\n 0 6px 14px rgba(245, 166, 35, 0.6),\r\n 0 8px 24px rgba(217, 126, 0, 0.5);\r\n }\r\n .side-fixed-buttons button.contact:hover {\r\n background: linear-gradient(135deg, #d97e00, #ac6200);\r\n box-shadow:\r\n 0 8px 18px rgba(217, 126, 0, 0.8),\r\n 0 10px 28px rgba(172, 98, 0, 0.7);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \ud074\ub9ad \uc2dc \ud6a8\uacfc *\/\r\n .side-fixed-buttons a:active,\r\n .side-fixed-buttons button:active {\r\n transform: scale(0.95);\r\n transition-duration: 0.1s;\r\n }\r\n\r\n \/* \ubb38\uc758 \ub4dc\ub86d\ub2e4\uc6b4 *\/\r\n .contact-dropdown {\r\n position: absolute;\r\n bottom: 100%;\r\n right: 0;\r\n background: white;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n padding: 8px 0;\r\n width: 180px;\r\n display: none;\r\n flex-direction: column;\r\n user-select: none;\r\n }\r\n\r\n .contact-dropdown a {\r\n color: #333;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n padding: 12px 20px;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n transition: background-color 0.2s ease;\r\n }\r\n .contact-dropdown a:hover,\r\n .contact-dropdown a:focus {\r\n background-color: #f5a623;\r\n color: white;\r\n outline: none;\r\n }\r\n\r\n \/* \ubb38\uc758 \ubc84\ud2bc \ucee8\ud14c\uc774\ub108 *\/\r\n .contact-container {\r\n position: relative;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"side-fixed-buttons\">\r\n <a class=\"apply\" href=\"https:\/\/metarich-academy.co.kr\/?page_id=12254\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\">\ud83d\udcdd<\/span> \uc608\uc57d\ud558\uae30\r\n <\/a>\r\n <a class=\"inquiry\" href=\"https:\/\/metarich-academy.co.kr\/?page_id=13530\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span class=\"icon\">\ud83c\udf93<\/span> \uad50\uc721\uc2e0\uccad\r\n <\/a>\r\n <div class=\"contact-container\">\r\n <button class=\"contact\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"contactDropdown\" id=\"contactBtn\">\r\n <span class=\"icon\">\ud83d\udcac<\/span> \ubb38\uc758\ud558\uae30\r\n <\/button>\r\n <div class=\"contact-dropdown\" id=\"contactDropdown\" role=\"menu\" aria-labelledby=\"contactBtn\">\r\n <a href=\"https:\/\/pf.kakao.com\/_xcxlGBn\" target=\"_blank\" rel=\"noopener noreferrer\" role=\"menuitem\" tabindex=\"-1\">\ud83d\udccc \uacbd\uc601\uc9c0\uc6d0\uc2e4<\/a>\r\n <a href=\"https:\/\/pf.kakao.com\/_lxfSFn\" target=\"_blank\" rel=\"noopener noreferrer\" role=\"menuitem\" tabindex=\"-1\">\ud83c\udf93 \ubbf8\ub798\uad50\uc721\uc2e4<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const contactBtn = document.getElementById('contactBtn');\r\n const contactDropdown = document.getElementById('contactDropdown');\r\n\r\n contactBtn.addEventListener('click', () => {\r\n const expanded = contactBtn.getAttribute('aria-expanded') === 'true';\r\n contactBtn.setAttribute('aria-expanded', String(!expanded));\r\n if (!expanded) {\r\n contactDropdown.style.display = 'flex';\r\n \/\/ \ud074\ub9ad \ubc14\uae65 \uc601\uc5ed \ucc98\ub9ac\r\n document.addEventListener('click', outsideClickListener);\r\n } else {\r\n contactDropdown.style.display = 'none';\r\n document.removeEventListener('click', outsideClickListener);\r\n }\r\n });\r\n\r\n function outsideClickListener(event) {\r\n if (!contactDropdown.contains(event.target) && event.target !== contactBtn) {\r\n contactDropdown.style.display = 'none';\r\n contactBtn.setAttribute('aria-expanded', 'false');\r\n document.removeEventListener('click', outsideClickListener);\r\n }\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-02cd0e3 e-flex e-con-boxed e-con e-parent\" data-id=\"02cd0e3\" 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-343662a elementor-widget elementor-widget-html\" data-id=\"343662a\" 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 <title>\uc774\ubbf8\uc9c0 \ud31d\uc5c5 \ubc14\ub85c \ub178\ucd9c<\/title>\r\n <style>\r\n .popup-overlay {\r\n display: flex; \/* \ucc98\uc74c\ubd80\ud130 \ub178\ucd9c *\/\r\n position: fixed;\r\n z-index: 9999;\r\n top: 0; left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0,0,0,0.7);\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .popup-overlay.hide {\r\n display: none;\r\n }\r\n .popup-img-box {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .popup-img-box img {\r\n max-width: 58.5vw; \/* 45vw \u00d7 1.3 *\/\r\n max-height: 52vh; \/* 40vh \u00d7 1.3 *\/\r\n border-radius: 12px;\r\n box-shadow: 0 4px 32px rgba(0,0,0,0.7);\r\n display: block;\r\n }\r\n \/* \ub2eb\uae30(\uc5d1\uc2a4) \ubc84\ud2bc \uc2a4\ud0c0\uc77c \uc5c5\uadf8\ub808\uc774\ub4dc *\/\r\n .popup-close-btn {\r\n position: absolute;\r\n top: -32px;\r\n right: -32px;\r\n width: 48px; height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #fff;\r\n background: #222;\r\n color: #fff;\r\n font-size: 32px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n box-shadow: 0 4px 24px rgba(0,0,0,0.7);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: background 0.15s, color 0.15s;\r\n z-index: 10;\r\n }\r\n .popup-close-btn:hover {\r\n background: #fff;\r\n color: #222;\r\n border-color: #222;\r\n }\r\n \/* \ubaa8\ubc14\uc77c \ub300\uc751 *\/\r\n @media (max-width: 500px) {\r\n .popup-close-btn {\r\n width: 40px; height: 40px;\r\n font-size: 26px;\r\n top: -20px; right: -20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"popupOverlay\" class=\"popup-overlay\">\r\n <div class=\"popup-img-box\">\r\n <button class=\"popup-close-btn\" id=\"closePopupBtn\" title=\"\ub2eb\uae30\">×<\/button>\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/\uc81c\ubaa9\uc744-\uc785\ub825\ud574\uc8fc\uc138\uc694_-001-9.png\" alt=\"\ud31d\uc5c5 \uc774\ubbf8\uc9c0\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \ub2eb\uae30 \ubc84\ud2bc\r\n document.getElementById('closePopupBtn').addEventListener('click', function() {\r\n document.getElementById('popupOverlay').classList.add('hide');\r\n });\r\n\r\n \/\/ \uc624\ubc84\ub808\uc774 \ud074\ub9ad \uc2dc \ud31d\uc5c5 \ub2eb\uae30\r\n document.getElementById('popupOverlay').addEventListener('click', function(e) {\r\n if(e.target === this) this.classList.add('hide');\r\n });\r\n\r\n \/\/ ESC \ud0a4\ub85c \ub2eb\uae30\r\n document.addEventListener('keydown', function(e) {\r\n if(e.key === 'Escape') {\r\n document.getElementById('popupOverlay').classList.add('hide');\r\n }\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274 \uc5f0\uc218\uc6d0\uc18c\uac1c \uad50\uc721\uc548\ub0b4 \uc774\uc6a9\uc548\ub0b4 \uad50\uc721\uc2dc\uc124 \uc219\uc18c\uc548\ub0b4 \ubd80\ub300\uc2dc\uc124 \uc2e4\uc2dc\uac04\uc608\uc57d \uad50\uc721\uc2e0\uccad \uc624\uc2dc\ub294\uae38 \ub300\ud45c\ubc88\ud638: 010-9244-0114 \uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238 \uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \ubcf8\ubb38 \uc601\uc5ed \uc774 \ube0c\ub77c\uc6b0\uc800\ub294 video \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. MetaRich Training Center \ucc9c\ud61c\uc758 \uc790\uc5f0\ud658\uacbd\uacfc \ucf8c\uc801\ud55c \uc778\ud504\ub77c\ub97c \uac16\ucd98\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 [\uba54\ub9ac\uc544\ud2b8]\ub85c \ucd08\ub300\ud569\ub2c8\ub2e4. \uc0c9\uc0c1 \ubcc0\uacbd & \uc0ac\uc774\uc988 \ud0a4\uc6b4 \uace0\uc815 \uc0ac\uc774\ub4dc \ubc84\ud2bc […]<\/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-10239","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10239","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=10239"}],"version-history":[{"count":139,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10239\/revisions"}],"predecessor-version":[{"id":15188,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10239\/revisions\/15188"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}