\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-4391976 e-con-full e-flex e-con e-parent\" data-id=\"4391976\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0df1bb elementor-widget elementor-widget-html\" data-id=\"b0df1bb\" 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>\ubc30\uacbd \uc774\ubbf8\uc9c0 \ub808\uc774\uc5b4 + \uc0ac\uc774\ub4dc\ubc14 \uace0\ub824<\/title>\r\n<style>\r\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 \ub808\uc774\uc5b4 *\/\r\n #background-layer {\r\n position: fixed;\r\n top: 0; \r\n left: 250px; \/* \uc0ac\uc774\ub4dc\ubc14 250px \uacf5\uac04 \uace0\ub824 *\/\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n background: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/20250628_1105_Chic-Retro-Duo_simple_compose_01jyt4ektbe6hvftxmtn6nhgr8.png') no-repeat center center fixed;\r\n background-size: cover;\r\n z-index: 0;\r\n pointer-events: none;\r\n animation: fadeToDark 3s forwards;\r\n }\r\n @keyframes fadeToDark {\r\n 0% { filter: brightness(1); }\r\n 100% { filter: brightness(0.5); }\r\n }\r\n\r\n \/* \ucf58\ud150\uce20 \uc601\uc5ed: \uae30\uc874\ub300\ub85c \uc720\uc9c0, \uac74\ub4dc\ub9ac\uc9c0 \uc54a\uc74c *\/\r\n #app-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"background-layer\"><\/div>\r\n\r\n \r\n <div id=\"app-content\">\r\n \r\n <\/div>\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 class=\"elementor-element elementor-element-4542247 elementor-widget elementor-widget-html\" data-id=\"4542247\" 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>\uc624\ud508\uac15\uc758\uc2e4 - \uad50\uc721\uc2e0\uccad<\/title>\r\n <style>\r\n body { margin: 0; font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; background: #fff; color: #333;}\r\n .main-content { width: 1100px; max-width: 100vw; margin: 40px auto; padding: 20px 20px 30px 20px; box-sizing: border-box; min-height: 100vh; background: rgba(255,255,255,0.9); border-radius: 12px; text-align: center; position: relative;}\r\n h1 { font-weight: 700; margin-bottom: 40px; text-align: left; padding-top: 8px;}\r\n .search-box { max-width: 1100px; margin: 0 auto 20px auto; display: flex; align-items: center; gap: 8px; justify-content: center;}\r\n label { font-weight: 600; white-space: nowrap;}\r\n input[type=\"text\"], input[type=\"tel\"] { padding: 8px 10px; font-size: 0.95rem; border: 1px solid #ccc; border-radius: 6px;}\r\n input[readonly] { background:#f7f7f7; color:#555; }\r\n button { font-weight: 700; border-radius: 6px; }\r\n button.search-btn { background-color: #e60012; border: none; color: white; padding: 8px 15px; cursor: pointer; }\r\n button.search-btn:hover { background-color: #b4000f;}\r\n table { margin: 0 auto; width: 100%; max-width: 1100px; border-collapse: collapse; table-layout: fixed; word-break: keep-all; background: transparent;}\r\n thead th { background-color: #1e3a8a; border-bottom: 2px solid #ddd; padding: 10px 6px; text-align: center; font-weight: 700; color: #fff; white-space: nowrap; font-size: 0.85rem;}\r\n tbody td { padding: 9px 6px; border-bottom: 1px solid #eee; vertical-align: middle; text-align: center; word-break: break-word; background: rgba(255,255,255,0.95); font-size: 0.9rem;}\r\n tbody tr:nth-child(even) td { background: rgba(245,245,245,0.9);}\r\n tbody td .apply-btn { background-color: #e60012; border: none; padding: 6px 8px; font-size: 0.85rem; cursor: pointer; border-radius: 6px; color: #fff; user-select: none; }\r\n tbody td .apply-btn:hover { background-color: #b4000f;}\r\n tbody td .closed-text { color: #999; font-weight: 700; font-size: 0.85rem;}\r\n #cart { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); width: 320px; max-height: 420px; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 16px rgba(0,0,0,0.08); overflow-y: auto; padding: 16px; border-radius: 12px; font-size: 0.95rem; z-index: 1001;}\r\n #cart h2 { margin-top: 0; font-weight: 700; font-size: 1.1rem; border-bottom: 2px solid #e60012; padding-bottom: 8px; color: #e60012; text-align: left;}\r\n #cart ul { list-style: none; padding-left: 0; margin-top: 10px;}\r\n #cart ul li { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center;}\r\n #cart ul li button.remove-btn { background: none; border: none; color: #e60012; font-weight: 900; cursor: pointer; font-size: 1.1rem; line-height: 1; padding: 0 6px;}\r\n #cart ul li button.remove-btn:hover { color: #a3000e;}\r\n #modal-bg { display: none; position: fixed; z-index: 1100; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5);}\r\n #modal { background: #fff; width: 430px; max-width: 95vw; border-radius: 12px; padding: 20px 24px; margin: 60px auto; box-shadow: 0 5px 15px rgba(0,0,0,0.25); position: relative; font-size: 1rem;}\r\n #modal h2 { margin: 0 0 15px; color: #1a1a1a; font-weight: 800; border-bottom: 2px solid #1a1a1a; padding-bottom: 8px; text-align: center;}\r\n #modal label { display: block; font-weight: 700; margin: 12px 0 6px;}\r\n #modal input { width: 100%; padding: 10px; font-size: .95rem; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box;}\r\n #modal .btn-group { margin-top: 18px; display: flex; gap: 10px;}\r\n #modal .btn-group button { padding: 12px 0; border-radius: 8px; font-weight: 800; border: none; cursor: pointer; font-size: 1rem; flex: 1;}\r\n #modal button#submit-btn { background-color: #306ef8; color: white;}\r\n #modal button#submit-btn:disabled { background-color: #a4c1ff; cursor: not-allowed;}\r\n #modal button#cancel-btn { background-color: #f44336; color: white;}\r\n #modal .cost-info { margin-top: 12px; font-weight: 800; font-size: 1rem; text-align: right; }\r\n #modal .cost-info span { color: #e60012; }\r\n .pagination { max-width: 1100px; margin: 18px auto 10px auto; text-align: center;}\r\n .pagination button { background-color: #e60012; color: white; border: none; padding: 7px 14px; margin: 0 4px; font-weight: 800; border-radius: 6px; cursor: pointer;}\r\n .pagination button:disabled { background-color: #ccc; cursor: not-allowed;}\r\n .notice-box { background: rgba(255,255,255,0.9); border-radius: 12px; padding: 16px 20px; max-width: 1100px; margin: 0 auto 40px auto; text-align: left; box-sizing: border-box; color: #222; font-size: 0.95rem; line-height: 1.45;}\r\n .header-container { display: flex; align-items: center; justify-content: space-between; max-width: 1100px; margin: 0 auto 20px auto; gap: 10px;}\r\n .header-container h1 { margin-bottom: 0; padding-top: 0; text-align: left; font-weight: 800; font-size: 1.5rem; white-space: nowrap;}\r\n .header-container .search-box { margin: 0; justify-content: flex-end; flex-grow: 1;}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"main-content\" role=\"main\">\r\n <div class=\"header-container\">\r\n <h1>\uad50\uc721\uc2e0\uccad<\/h1>\r\n <div class=\"search-box\" role=\"search\">\r\n <label for=\"search-course\">\uacfc\uc815\uba85:<\/label>\r\n <input type=\"text\" id=\"search-course\" placeholder=\"\uacfc\uc815\uba85\uc744 \uc785\ub825\ud558\uc138\uc694\" aria-label=\"\uacfc\uc815\uba85 \uac80\uc0c9\" \/>\r\n <button class=\"search-btn\" id=\"search-btn\" aria-label=\"\uac80\uc0c9\">\uac80\uc0c9<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <table role=\"table\" aria-label=\"\uad50\uc721\uacfc\uc815 \ubaa9\ub85d\">\r\n <thead>\r\n <tr>\r\n <th scope=\"col\">\ubc88\ud638<\/th>\r\n <th scope=\"col\">\uad6c\ubd84<\/th>\r\n <th scope=\"col\">\uacfc\uc815\uba85<\/th>\r\n <th scope=\"col\">\uad50\uc721\uc77c\uc790<\/th>\r\n <th scope=\"col\">\uad50\uc721\uc2dc\uac04<\/th>\r\n <th scope=\"col\">\uc218\uac15\uc815\uc6d0<\/th>\r\n <th scope=\"col\">\uc2e0\uccad\uc790\uc218<\/th>\r\n <th scope=\"col\">\uad50\uc721\ube44\uc6a9<\/th>\r\n <th scope=\"col\">\uad50\uc721\uc2e0\uccad<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"lecture-table-body\"><\/tbody>\r\n <\/table>\r\n\r\n <div class=\"pagination\" aria-label=\"\ud398\uc774\uc9c0 \ub124\ube44\uac8c\uc774\uc158\">\r\n <button id=\"prev-btn\" aria-label=\"\uc774\uc804 \ud398\uc774\uc9c0\">\uc774\uc804<\/button>\r\n <button id=\"next-btn\" aria-label=\"\ub2e4\uc74c \ud398\uc774\uc9c0\">\ub2e4\uc74c<\/button>\r\n <\/div>\r\n\r\n <div class=\"notice-box\" role=\"contentinfo\" aria-label=\"\uc720\uc758\uc0ac\ud56d\">\r\n <strong>\uc720\uc758\uc0ac\ud56d<\/strong><br\/>\r\n 1. \uad50\uc721\uc740 \uc120\ucc29\uc21c \ub9c8\uac10\ub429\ub2c8\ub2e4.<br\/>\r\n 2. \ud658\ubd88\uc740 \ubd88\uac00\ud558\ub2c8, \uc2e0\uc911\ud558\uac8c \uc2e0\uccad\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<br\/>\r\n 3. \ubb34\ub8cc\uac15\uc758 \uc2e0\uccad \ud6c4, \ubd88\ucc38\uc740 \uc774\ud6c4 \uac15\uc758 \uc2e0\uccad\uc5d0 \uc81c\ud55c\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"cart\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"\uc2e0\uccad\ubaa9\ub85d\">\r\n <h2>\uc2e0\uccad\ubaa9\ub85d<\/h2>\r\n <ul id=\"cart-list\"><li id=\"cart-empty\">\uc608\uc57d\ud55c \uac15\uc758\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li><\/ul>\r\n<\/div>\r\n\r\n<div id=\"modal-bg\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\" tabindex=\"-1\">\r\n <div id=\"modal\">\r\n <h2 id=\"modal-title\">\uac15\uc758 \uc2e0\uccad \uc815\ubcf4 \uc785\ub825<\/h2>\r\n\r\n \r\n <label for=\"apply-no\">\uc2e0\uccad\ubc88\ud638<\/label>\r\n <input type=\"text\" id=\"apply-no\" name=\"\uc2e0\uccad\ubc88\ud638\" readonly \/>\r\n\r\n <div id=\"modal-cart-list\" style=\"max-height: 140px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; background: #fff; border-radius: 8px; margin-top: 10px;\">\r\n <p style=\"font-weight:700; margin-top:0;\">\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815 \ubaa9\ub85d<\/p>\r\n <ul id=\"modal-cart-ul\" style=\"list-style:none; padding-left:0; margin:0; color:#333;\">\r\n <li id=\"modal-cart-empty\" style=\"font-style: italic; color:#999;\">\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <form id=\"modal-form\" novalidate>\r\n <label for=\"applicant-name\">\uc131\ud568 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-name\" name=\"\uc2e0\uccad\uc790\uba85\" required autocomplete=\"off\" placeholder=\"\uc131\ud568\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-dept\">\uc18c\uc18d <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-dept\" name=\"\uc18c\uc18d\" required autocomplete=\"off\" placeholder=\"\uc18c\uc18d\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-position\">\uc9c1\uae09 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-position\" name=\"\uc9c1\uae09\" required autocomplete=\"off\" placeholder=\"\uc9c1\uae09\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-phone\">\uc5f0\ub77d\ucc98 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"applicant-phone\" name=\"\uc5f0\ub77d\ucc98\" required autocomplete=\"off\" placeholder=\"\uc5f0\ub77d\ucc98\ub97c \uc785\ub825\ud558\uc138\uc694\" pattern=\"^[0-9\\-+()\\s]{7,20}$\" \/>\r\n <label for=\"applicant-insurance-career\">\ubcf4\ud5d8\uacbd\ub825 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-insurance-career\" name=\"\ubcf4\ud5d8\uacbd\ub825\" required autocomplete=\"off\" placeholder=\"\ubcf4\ud5d8\uacbd\ub825\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-top-manager\">\uc18c\uc18d \ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc131\ud568 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-top-manager\" name=\"\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790\" required autocomplete=\"off\" placeholder=\"\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc131\ud568\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n\r\n <div class=\"cost-info\" aria-live=\"polite\" aria-atomic=\"true\">\r\n \ucd1d \uae08\uc561: <span id=\"total-cost\" style=\"color:#e60012;\">0<\/span> \uc6d0\r\n <\/div>\r\n\r\n <div class=\"btn-group\">\r\n <button type=\"submit\" id=\"submit-btn\" disabled>\uc2e0\uccad\ud558\uae30<\/button>\r\n <button type=\"button\" id=\"cancel-btn\">\ucde8\uc18c<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const API_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbw0CM2He9yW6eZOnju8d-L2oruYrr02xpS9Bydh1AlfC14lMgqUuhua0gQzsHS4soAhdA\/exec\";\r\n const HOOK_URL = \"https:\/\/hook.us2.make.com\/ppekda9myd8lffbr47wq7jqh9359nv71\";\r\n\r\n let allLectures = [];\r\n let filteredLectures = [];\r\n const ITEMS_PER_PAGE = 10;\r\n let currentPage = 1;\r\n let cart = [];\r\n\r\n function formatDate(dateStr) {\r\n if (!dateStr) return '';\r\n if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(dateStr)) {\r\n const [y,m,d] = dateStr.split('-').map(Number);\r\n return `${y}\ub144 ${m}\uc6d4 ${d}\uc77c`;\r\n }\r\n if (dateStr.includes('T')) {\r\n const dt = new Date(dateStr);\r\n return `${dt.getFullYear()}\ub144 ${dt.getMonth()+1}\uc6d4 ${dt.getDate()}\uc77c`;\r\n }\r\n return dateStr;\r\n }\r\n const num = v => (typeof v === 'number') ? v : Number(String(v||'').replace(\/[^0-9]\/g,'')) || 0;\r\n\r\n async function fetchLecturesFromAPI() {\r\n try {\r\n const res = await fetch(API_URL);\r\n const data = await res.json();\r\n allLectures = data.lectures || [];\r\n filteredLectures = [...allLectures];\r\n renderTable(); renderCart();\r\n } catch (e) {\r\n console.error(e);\r\n alert(\"\uac15\uc758 \ubaa9\ub85d\uc744 \ubd88\ub7ec\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.\");\r\n }\r\n }\r\n\r\n function renderTable() {\r\n const tbody = document.getElementById('lecture-table-body');\r\n tbody.innerHTML = '';\r\n const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;\r\n const pageItems = filteredLectures.slice(startIndex, startIndex + ITEMS_PER_PAGE);\r\n\r\n if (pageItems.length === 0) {\r\n tbody.innerHTML = '<tr><td colspan=\"9\" style=\"text-align:center; color:#999;\">\uac80\uc0c9 \uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/td><\/tr>';\r\n updatePaginationButtons();\r\n return;\r\n }\r\n\r\n pageItems.forEach((lecture, i) => {\r\n const displayNo = startIndex + i + 1;\r\n const maxCount = num(lecture.\uc218\uac15\uc815\uc6d0);\r\n const appliedCnt = num(lecture.\uc2e0\uccad\uc790\uc218);\r\n const remaining = maxCount > 0 ? (maxCount - appliedCnt) : 0;\r\n const canApply = remaining > 0 && lecture.\uacfc\uc815\uba85 && lecture.\uacfc\uc815\uba85 !== '\uc900\ube44\uc911';\r\n const costDisplay = num(lecture.\uad50\uc721\ube44\uc6a9).toLocaleString();\r\n\r\n const tr = document.createElement('tr');\r\n tr.innerHTML = `\r\n <td>${displayNo}<\/td>\r\n <td>${lecture.\uad6c\ubd84 || ''}<\/td>\r\n <td>${lecture.\uacfc\uc815\uba85 || ''}<\/td>\r\n <td>${formatDate(lecture.\uad50\uc721\uc77c\uc790)}<\/td>\r\n <td>${lecture.\uad50\uc721\uc2dc\uac04 || ''}<\/td>\r\n <td>${lecture.\uc218\uac15\uc815\uc6d0 ?? ''}<\/td>\r\n <td>${appliedCnt}<\/td>\r\n <td>${costDisplay}<\/td>\r\n <td>${\r\n canApply\r\n ? `<button class=\"apply-btn\" data-no=\"${displayNo}\" data-index=\"${startIndex + i}\">\uc2e0\uccad\ud558\uae30<\/button>`\r\n : (lecture.\uacfc\uc815\uba85 === '\uc900\ube44\uc911' ? '<span class=\"closed-text\">\uc900\ube44\uc911<\/span>' : '<span class=\"closed-text\">\ub9c8\uac10<\/span>')\r\n }<\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n\r\n updatePaginationButtons();\r\n }\r\n\r\n function updatePaginationButtons() {\r\n document.getElementById('prev-btn').disabled = currentPage <= 1;\r\n document.getElementById('next-btn').disabled = currentPage >= Math.ceil(filteredLectures.length \/ ITEMS_PER_PAGE);\r\n }\r\n\r\n const searchInput = document.getElementById('search-course');\r\n const searchBtn = document.getElementById('search-btn');\r\n searchBtn.addEventListener('click', onSearch);\r\n searchInput.addEventListener('keydown', e => { if (e.key === 'Enter') onSearch(); });\r\n function onSearch() {\r\n const keyword = searchInput.value.trim();\r\n filteredLectures = keyword ? allLectures.filter(l => l.\uacfc\uc815\uba85 && l.\uacfc\uc815\uba85.includes(keyword)) : [...allLectures];\r\n currentPage = 1; renderTable();\r\n }\r\n\r\n const cartList = document.getElementById('cart-list');\r\n function renderCart() {\r\n if (cart.length === 0) {\r\n cartList.innerHTML = '<li id=\"cart-empty\">\uc608\uc57d\ud55c \uac15\uc758\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>';\r\n updateFinalApplyBtnState();\r\n submitBtn && (submitBtn.disabled = true);\r\n updateCosts();\r\n return;\r\n }\r\n cartList.innerHTML = '';\r\n cart.forEach(item => {\r\n const li = document.createElement('li');\r\n li.textContent = `${item.\uacfc\uc815\uba85} (${formatDate(item.\uad50\uc721\uc77c\uc790)})`;\r\n const btnRemove = document.createElement('button');\r\n btnRemove.textContent = '\u00d7';\r\n btnRemove.className = 'remove-btn';\r\n btnRemove.addEventListener('click', () => removeFromCart(item.\ud45c\uc2dc\ubc88\ud638));\r\n li.appendChild(btnRemove);\r\n cartList.appendChild(li);\r\n });\r\n updateFinalApplyBtnState();\r\n submitBtn && (submitBtn.disabled = false);\r\n updateCosts();\r\n }\r\n\r\n function removeFromCart(displayNo) {\r\n cart = cart.filter(c => c.\ud45c\uc2dc\ubc88\ud638 !== displayNo);\r\n renderTable(); renderCart();\r\n }\r\n\r\n document.getElementById('lecture-table-body').addEventListener('click', e => {\r\n if (!e.target.classList.contains('apply-btn')) return;\r\n\r\n const displayNo = Number(e.target.dataset.no);\r\n const idxInFiltered = Number(e.target.dataset.index);\r\n const lecture = filteredLectures[idxInFiltered];\r\n if (!lecture) return;\r\n\r\n if (cart.some(c => c.\ud45c\uc2dc\ubc88\ud638 === displayNo)) {\r\n return alert('\uc774\ubbf8 \uc608\uc57d\ud55c \uad50\uc721\uacfc\uc815\uc785\ub2c8\ub2e4.');\r\n }\r\n\r\n const maxCount = num(lecture.\uc218\uac15\uc815\uc6d0);\r\n const appliedCnt = num(lecture.\uc2e0\uccad\uc790\uc218);\r\n if (maxCount > 0 && appliedCnt >= maxCount) return alert('\uc815\uc6d0\uc774 \uac00\ub4dd \ucc3c\uc2b5\ub2c8\ub2e4.');\r\n\r\n cart.push({ ...lecture, \ud45c\uc2dc\ubc88\ud638: displayNo });\r\n renderCart();\r\n });\r\n\r\n const modalBg = document.getElementById('modal-bg');\r\n const modalCartUL = document.getElementById('modal-cart-ul');\r\n const modalForm = document.getElementById('modal-form');\r\n const submitBtn = document.getElementById('submit-btn');\r\n const cancelBtn = document.getElementById('cancel-btn');\r\n const applyNoInput = document.getElementById('apply-no');\r\n\r\n function openModal() {\r\n if (cart.length === 0) return alert('\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815\uc744 \uba3c\uc800 \uc120\ud0dd\ud558\uc138\uc694.');\r\n renderModalCartList();\r\n updateApplyNo(); \/\/ \u2605 \uc2e0\uccad\ubc88\ud638 \uc785\ub825\uce78 \ucc44\uc6b0\uae30\r\n updateCosts();\r\n modalBg.style.display = 'block';\r\n (modalForm.querySelector('input[name=\"\uc2e0\uccad\uc790\uba85\"]') || {}).focus?.();\r\n }\r\n function closeModal() {\r\n modalBg.style.display = 'none';\r\n modalForm.reset();\r\n submitBtn.disabled = true;\r\n applyNoInput.value = '';\r\n }\r\n function renderModalCartList() {\r\n if (cart.length === 0) {\r\n modalCartUL.innerHTML = '<li id=\"modal-cart-empty\" style=\"font-style: italic; color:#999;\">\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>';\r\n return;\r\n }\r\n modalCartUL.innerHTML = '';\r\n cart.forEach(item => {\r\n const li = document.createElement('li');\r\n li.textContent = `${item.\uacfc\uc815\uba85} (${formatDate(item.\uad50\uc721\uc77c\uc790)})`;\r\n modalCartUL.appendChild(li);\r\n });\r\n }\r\n function updateApplyNo() {\r\n if (cart.length === 0) { applyNoInput.value = ''; return; }\r\n const nos = cart.map(c => c.\ud45c\uc2dc\ubc88\ud638).join(','); \/\/ \uc5ec\ub7ec \uac1c\uba74 \ucf64\ub9c8 \uad6c\ubd84\r\n applyNoInput.value = nos;\r\n }\r\n function updateCosts() {\r\n let total = 0;\r\n cart.forEach(item => total += num(item.\uad50\uc721\ube44\uc6a9));\r\n document.getElementById('total-cost').textContent = total.toLocaleString();\r\n }\r\n function checkFormValidity() {\r\n const valid = modalForm.checkValidity() && cart.length > 0;\r\n submitBtn.disabled = !valid;\r\n }\r\n modalForm.addEventListener('input', checkFormValidity);\r\n modalForm.addEventListener('change', checkFormValidity);\r\n\r\n modalForm.addEventListener('submit', async function (e) {\r\n e.preventDefault();\r\n if (cart.length === 0) return alert('\uc2e0\uccad\ud560 \uad50\uc721\uacfc\uc815\uc744 \uba3c\uc800 \uc120\ud0dd\ud558\uc138\uc694.');\r\n if (!modalForm.checkValidity()) return alert('\ud544\uc218 \uc785\ub825 \ud56d\ubaa9\uc744 \ubaa8\ub450 \ucc44\uc6cc\uc8fc\uc138\uc694.');\r\n\r\n \/\/ \uad6c\uc870\ud654(\ubc88\ud638 \ud3ec\ud568)\r\n const appliedLectures = cart.map(item => ({\r\n \ubc88\ud638: item.\ud45c\uc2dc\ubc88\ud638,\r\n displayNo: item.\ud45c\uc2dc\ubc88\ud638,\r\n \uad6c\ubd84: item.\uad6c\ubd84 || '',\r\n \uacfc\uc815\uba85: item.\uacfc\uc815\uba85 || '',\r\n \uad50\uc721\uc77c\uc790: item.\uad50\uc721\uc77c\uc790 || '',\r\n \uad50\uc721\uc2dc\uac04: item.\uad50\uc721\uc2dc\uac04 || '',\r\n \uad50\uc721\ube44\uc6a9: num(item.\uad50\uc721\ube44\uc6a9)\r\n }));\r\n\r\n const \ubc88\ud638\ubaa9\ub85d = appliedLectures.map(l => l.displayNo).join(',');\r\n const \uc2e0\uccad\ub0b4\uc5ed_\ubcf5\uc218 = appliedLectures\r\n .map(l => `${l.displayNo}|${l.\uad6c\ubd84}|${l.\uacfc\uc815\uba85}|${l.\uad50\uc721\uc77c\uc790}|${l.\uad50\uc721\uc2dc\uac04}`)\r\n .join(' \/ ');\r\n\r\n \/\/ \u2605 \uc0c1\ub2e8 \uc785\ub825\uce78\uc758 \uac12(\ub2e8\uac74 \ub610\ub294 \ucf64\ub9c8 \uad6c\ubd84)\r\n const \uc2e0\uccad\ubc88\ud638 = applyNoInput.value;\r\n\r\n const payload = {\r\n \uc2e0\uccad\uc790\uba85: modalForm['\uc2e0\uccad\uc790\uba85'].value,\r\n \uc18c\uc18d: modalForm['\uc18c\uc18d'].value,\r\n \uc9c1\uae09: modalForm['\uc9c1\uae09'].value,\r\n \uc5f0\ub77d\ucc98: modalForm['\uc5f0\ub77d\ucc98'].value,\r\n \ubcf4\ud5d8\uacbd\ub825: modalForm['\ubcf4\ud5d8\uacbd\ub825'].value,\r\n \ucd5c\uc0c1\uc704\uad00\ub9ac\uc790: modalForm['\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790'].value,\r\n\r\n \uc2e0\uccad\ubc88\ud638, \/\/ \u2605 \ud3fc \uc0c1\ub2e8 \uac12\r\n \ubc88\ud638\ubaa9\ub85d, \/\/ \ub3d9\uc77c\ud55c \uc758\ubbf8\uc758 \ubaa9\ub85d(\ud558\uc704 \ud638\ud658\/\uac00\uacf5\uc6a9)\r\n \uc2e0\uccad\ub0b4\uc5ed_\ubcf5\uc218,\r\n\r\n \uc2e0\uccad\uac15\uc758\uba85: appliedLectures.map(l => `${l.\uacfc\uc815\uba85} (${formatDate(l.\uad50\uc721\uc77c\uc790)})`).join(', '),\r\n \uc2e0\uccad\uac15\uc758\ubaa9\ub85d: appliedLectures\r\n };\r\n\r\n console.log(\"POST payload:\", payload);\r\n\r\n try {\r\n const res = await fetch(HOOK_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(payload)\r\n });\r\n if (res.ok) {\r\n alert('\uad50\uc721\uc2e0\uccad\uc774 \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4.');\r\n resetAll(); closeModal(); fetchLecturesFromAPI();\r\n } else {\r\n const txt = await res.text().catch(()=> '');\r\n console.error('\uc6f9\ud6c5 \uc2e4\ud328:', res.status, txt);\r\n alert('\uc2e0\uccad \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.');\r\n }\r\n } catch (err) {\r\n console.error(err);\r\n alert('\uc2e0\uccad \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.');\r\n }\r\n });\r\n cancelBtn.addEventListener('click', () => closeModal());\r\n\r\n function resetAll() {\r\n cart = [];\r\n renderTable(); renderCart();\r\n modalForm.reset(); submitBtn.disabled = true;\r\n applyNoInput.value = '';\r\n }\r\n\r\n const cartDiv = document.getElementById('cart');\r\n const finalApplyBtn = document.createElement('button');\r\n finalApplyBtn.textContent = '\uac15\uc758 \uc2e0\uccad\ud558\uae30';\r\n finalApplyBtn.style.marginTop = '15px';\r\n finalApplyBtn.style.width = '100%';\r\n finalApplyBtn.style.padding = '12px 0';\r\n finalApplyBtn.style.backgroundColor = '#e60012';\r\n finalApplyBtn.style.color = 'white';\r\n finalApplyBtn.style.fontWeight = '800';\r\n finalApplyBtn.style.border = 'none';\r\n finalApplyBtn.style.borderRadius = '8px';\r\n finalApplyBtn.style.cursor = 'pointer';\r\n finalApplyBtn.disabled = true;\r\n cartDiv.appendChild(finalApplyBtn);\r\n finalApplyBtn.addEventListener('click', openModal);\r\n\r\n function updateFinalApplyBtnState() {\r\n finalApplyBtn.disabled = cart.length === 0;\r\n }\r\n\r\n const originalRenderCart = renderCart;\r\n renderCart = function () {\r\n originalRenderCart();\r\n updateFinalApplyBtnState();\r\n updateApplyNo(); \/\/ \ubaa8\ub2ec\uc774 \uc5f4\ub824 \uc788\ub2e4\uba74 \ubc88\ud638\ub3c4 \uac31\uc2e0\r\n };\r\n\r\n document.getElementById('prev-btn').addEventListener('click', () => {\r\n if (currentPage > 1) { currentPage--; renderTable(); }\r\n });\r\n document.getElementById('next-btn').addEventListener('click', () => {\r\n if (currentPage < Math.ceil(filteredLectures.length \/ ITEMS_PER_PAGE)) {\r\n currentPage++; renderTable();\r\n }\r\n });\r\n\r\n fetchLecturesFromAPI();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02e644e e-flex e-con-boxed e-con e-parent\" data-id=\"02e644e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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 \ubc30\uacbd \uc774\ubbf8\uc9c0 \ub808\uc774\uc5b4 + \uc0ac\uc774\ub4dc\ubc14 \uace0\ub824 \uc624\ud508\uac15\uc758\uc2e4 – \uad50\uc721\uc2e0\uccad \uad50\uc721\uc2e0\uccad \uacfc\uc815\uba85: \uac80\uc0c9 \ubc88\ud638 \uad6c\ubd84 \uacfc\uc815\uba85 \uad50\uc721\uc77c\uc790 \uad50\uc721\uc2dc\uac04 \uc218\uac15\uc815\uc6d0 \uc2e0\uccad\uc790\uc218 \uad50\uc721\ube44\uc6a9 \uad50\uc721\uc2e0\uccad \uc774\uc804 \ub2e4\uc74c \uc720\uc758\uc0ac\ud56d 1. \uad50\uc721\uc740 \uc120\ucc29\uc21c \ub9c8\uac10\ub429\ub2c8\ub2e4. 2. […]<\/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-13530","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/13530","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=13530"}],"version-history":[{"count":280,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/13530\/revisions"}],"predecessor-version":[{"id":16487,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/13530\/revisions\/16487"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13530"}],"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-4391976 e-con-full e-flex e-con e-parent\" data-id=\"4391976\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0df1bb elementor-widget elementor-widget-html\" data-id=\"b0df1bb\" 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>\ubc30\uacbd \uc774\ubbf8\uc9c0 \ub808\uc774\uc5b4 + \uc0ac\uc774\ub4dc\ubc14 \uace0\ub824<\/title>\r\n<style>\r\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 \ub808\uc774\uc5b4 *\/\r\n #background-layer {\r\n position: fixed;\r\n top: 0; \r\n left: 250px; \/* \uc0ac\uc774\ub4dc\ubc14 250px \uacf5\uac04 \uace0\ub824 *\/\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n background: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/20250628_1105_Chic-Retro-Duo_simple_compose_01jyt4ektbe6hvftxmtn6nhgr8.png') no-repeat center center fixed;\r\n background-size: cover;\r\n z-index: 0;\r\n pointer-events: none;\r\n animation: fadeToDark 3s forwards;\r\n }\r\n @keyframes fadeToDark {\r\n 0% { filter: brightness(1); }\r\n 100% { filter: brightness(0.5); }\r\n }\r\n\r\n \/* \ucf58\ud150\uce20 \uc601\uc5ed: \uae30\uc874\ub300\ub85c \uc720\uc9c0, \uac74\ub4dc\ub9ac\uc9c0 \uc54a\uc74c *\/\r\n #app-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"background-layer\"><\/div>\r\n\r\n \r\n <div id=\"app-content\">\r\n \r\n <\/div>\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 class=\"elementor-element elementor-element-4542247 elementor-widget elementor-widget-html\" data-id=\"4542247\" 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>\uc624\ud508\uac15\uc758\uc2e4 - \uad50\uc721\uc2e0\uccad<\/title>\r\n <style>\r\n body { margin: 0; font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; background: #fff; color: #333;}\r\n .main-content { width: 1100px; max-width: 100vw; margin: 40px auto; padding: 20px 20px 30px 20px; box-sizing: border-box; min-height: 100vh; background: rgba(255,255,255,0.9); border-radius: 12px; text-align: center; position: relative;}\r\n h1 { font-weight: 700; margin-bottom: 40px; text-align: left; padding-top: 8px;}\r\n .search-box { max-width: 1100px; margin: 0 auto 20px auto; display: flex; align-items: center; gap: 8px; justify-content: center;}\r\n label { font-weight: 600; white-space: nowrap;}\r\n input[type=\"text\"], input[type=\"tel\"] { padding: 8px 10px; font-size: 0.95rem; border: 1px solid #ccc; border-radius: 6px;}\r\n input[readonly] { background:#f7f7f7; color:#555; }\r\n button { font-weight: 700; border-radius: 6px; }\r\n button.search-btn { background-color: #e60012; border: none; color: white; padding: 8px 15px; cursor: pointer; }\r\n button.search-btn:hover { background-color: #b4000f;}\r\n table { margin: 0 auto; width: 100%; max-width: 1100px; border-collapse: collapse; table-layout: fixed; word-break: keep-all; background: transparent;}\r\n thead th { background-color: #1e3a8a; border-bottom: 2px solid #ddd; padding: 10px 6px; text-align: center; font-weight: 700; color: #fff; white-space: nowrap; font-size: 0.85rem;}\r\n tbody td { padding: 9px 6px; border-bottom: 1px solid #eee; vertical-align: middle; text-align: center; word-break: break-word; background: rgba(255,255,255,0.95); font-size: 0.9rem;}\r\n tbody tr:nth-child(even) td { background: rgba(245,245,245,0.9);}\r\n tbody td .apply-btn { background-color: #e60012; border: none; padding: 6px 8px; font-size: 0.85rem; cursor: pointer; border-radius: 6px; color: #fff; user-select: none; }\r\n tbody td .apply-btn:hover { background-color: #b4000f;}\r\n tbody td .closed-text { color: #999; font-weight: 700; font-size: 0.85rem;}\r\n #cart { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); width: 320px; max-height: 420px; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 16px rgba(0,0,0,0.08); overflow-y: auto; padding: 16px; border-radius: 12px; font-size: 0.95rem; z-index: 1001;}\r\n #cart h2 { margin-top: 0; font-weight: 700; font-size: 1.1rem; border-bottom: 2px solid #e60012; padding-bottom: 8px; color: #e60012; text-align: left;}\r\n #cart ul { list-style: none; padding-left: 0; margin-top: 10px;}\r\n #cart ul li { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center;}\r\n #cart ul li button.remove-btn { background: none; border: none; color: #e60012; font-weight: 900; cursor: pointer; font-size: 1.1rem; line-height: 1; padding: 0 6px;}\r\n #cart ul li button.remove-btn:hover { color: #a3000e;}\r\n #modal-bg { display: none; position: fixed; z-index: 1100; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5);}\r\n #modal { background: #fff; width: 430px; max-width: 95vw; border-radius: 12px; padding: 20px 24px; margin: 60px auto; box-shadow: 0 5px 15px rgba(0,0,0,0.25); position: relative; font-size: 1rem;}\r\n #modal h2 { margin: 0 0 15px; color: #1a1a1a; font-weight: 800; border-bottom: 2px solid #1a1a1a; padding-bottom: 8px; text-align: center;}\r\n #modal label { display: block; font-weight: 700; margin: 12px 0 6px;}\r\n #modal input { width: 100%; padding: 10px; font-size: .95rem; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box;}\r\n #modal .btn-group { margin-top: 18px; display: flex; gap: 10px;}\r\n #modal .btn-group button { padding: 12px 0; border-radius: 8px; font-weight: 800; border: none; cursor: pointer; font-size: 1rem; flex: 1;}\r\n #modal button#submit-btn { background-color: #306ef8; color: white;}\r\n #modal button#submit-btn:disabled { background-color: #a4c1ff; cursor: not-allowed;}\r\n #modal button#cancel-btn { background-color: #f44336; color: white;}\r\n #modal .cost-info { margin-top: 12px; font-weight: 800; font-size: 1rem; text-align: right; }\r\n #modal .cost-info span { color: #e60012; }\r\n .pagination { max-width: 1100px; margin: 18px auto 10px auto; text-align: center;}\r\n .pagination button { background-color: #e60012; color: white; border: none; padding: 7px 14px; margin: 0 4px; font-weight: 800; border-radius: 6px; cursor: pointer;}\r\n .pagination button:disabled { background-color: #ccc; cursor: not-allowed;}\r\n .notice-box { background: rgba(255,255,255,0.9); border-radius: 12px; padding: 16px 20px; max-width: 1100px; margin: 0 auto 40px auto; text-align: left; box-sizing: border-box; color: #222; font-size: 0.95rem; line-height: 1.45;}\r\n .header-container { display: flex; align-items: center; justify-content: space-between; max-width: 1100px; margin: 0 auto 20px auto; gap: 10px;}\r\n .header-container h1 { margin-bottom: 0; padding-top: 0; text-align: left; font-weight: 800; font-size: 1.5rem; white-space: nowrap;}\r\n .header-container .search-box { margin: 0; justify-content: flex-end; flex-grow: 1;}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"main-content\" role=\"main\">\r\n <div class=\"header-container\">\r\n <h1>\uad50\uc721\uc2e0\uccad<\/h1>\r\n <div class=\"search-box\" role=\"search\">\r\n <label for=\"search-course\">\uacfc\uc815\uba85:<\/label>\r\n <input type=\"text\" id=\"search-course\" placeholder=\"\uacfc\uc815\uba85\uc744 \uc785\ub825\ud558\uc138\uc694\" aria-label=\"\uacfc\uc815\uba85 \uac80\uc0c9\" \/>\r\n <button class=\"search-btn\" id=\"search-btn\" aria-label=\"\uac80\uc0c9\">\uac80\uc0c9<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <table role=\"table\" aria-label=\"\uad50\uc721\uacfc\uc815 \ubaa9\ub85d\">\r\n <thead>\r\n <tr>\r\n <th scope=\"col\">\ubc88\ud638<\/th>\r\n <th scope=\"col\">\uad6c\ubd84<\/th>\r\n <th scope=\"col\">\uacfc\uc815\uba85<\/th>\r\n <th scope=\"col\">\uad50\uc721\uc77c\uc790<\/th>\r\n <th scope=\"col\">\uad50\uc721\uc2dc\uac04<\/th>\r\n <th scope=\"col\">\uc218\uac15\uc815\uc6d0<\/th>\r\n <th scope=\"col\">\uc2e0\uccad\uc790\uc218<\/th>\r\n <th scope=\"col\">\uad50\uc721\ube44\uc6a9<\/th>\r\n <th scope=\"col\">\uad50\uc721\uc2e0\uccad<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"lecture-table-body\"><\/tbody>\r\n <\/table>\r\n\r\n <div class=\"pagination\" aria-label=\"\ud398\uc774\uc9c0 \ub124\ube44\uac8c\uc774\uc158\">\r\n <button id=\"prev-btn\" aria-label=\"\uc774\uc804 \ud398\uc774\uc9c0\">\uc774\uc804<\/button>\r\n <button id=\"next-btn\" aria-label=\"\ub2e4\uc74c \ud398\uc774\uc9c0\">\ub2e4\uc74c<\/button>\r\n <\/div>\r\n\r\n <div class=\"notice-box\" role=\"contentinfo\" aria-label=\"\uc720\uc758\uc0ac\ud56d\">\r\n <strong>\uc720\uc758\uc0ac\ud56d<\/strong><br\/>\r\n 1. \uad50\uc721\uc740 \uc120\ucc29\uc21c \ub9c8\uac10\ub429\ub2c8\ub2e4.<br\/>\r\n 2. \ud658\ubd88\uc740 \ubd88\uac00\ud558\ub2c8, \uc2e0\uc911\ud558\uac8c \uc2e0\uccad\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<br\/>\r\n 3. \ubb34\ub8cc\uac15\uc758 \uc2e0\uccad \ud6c4, \ubd88\ucc38\uc740 \uc774\ud6c4 \uac15\uc758 \uc2e0\uccad\uc5d0 \uc81c\ud55c\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"cart\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"\uc2e0\uccad\ubaa9\ub85d\">\r\n <h2>\uc2e0\uccad\ubaa9\ub85d<\/h2>\r\n <ul id=\"cart-list\"><li id=\"cart-empty\">\uc608\uc57d\ud55c \uac15\uc758\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li><\/ul>\r\n<\/div>\r\n\r\n<div id=\"modal-bg\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\" tabindex=\"-1\">\r\n <div id=\"modal\">\r\n <h2 id=\"modal-title\">\uac15\uc758 \uc2e0\uccad \uc815\ubcf4 \uc785\ub825<\/h2>\r\n\r\n \r\n <label for=\"apply-no\">\uc2e0\uccad\ubc88\ud638<\/label>\r\n <input type=\"text\" id=\"apply-no\" name=\"\uc2e0\uccad\ubc88\ud638\" readonly \/>\r\n\r\n <div id=\"modal-cart-list\" style=\"max-height: 140px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; background: #fff; border-radius: 8px; margin-top: 10px;\">\r\n <p style=\"font-weight:700; margin-top:0;\">\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815 \ubaa9\ub85d<\/p>\r\n <ul id=\"modal-cart-ul\" style=\"list-style:none; padding-left:0; margin:0; color:#333;\">\r\n <li id=\"modal-cart-empty\" style=\"font-style: italic; color:#999;\">\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <form id=\"modal-form\" novalidate>\r\n <label for=\"applicant-name\">\uc131\ud568 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-name\" name=\"\uc2e0\uccad\uc790\uba85\" required autocomplete=\"off\" placeholder=\"\uc131\ud568\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-dept\">\uc18c\uc18d <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-dept\" name=\"\uc18c\uc18d\" required autocomplete=\"off\" placeholder=\"\uc18c\uc18d\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-position\">\uc9c1\uae09 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-position\" name=\"\uc9c1\uae09\" required autocomplete=\"off\" placeholder=\"\uc9c1\uae09\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-phone\">\uc5f0\ub77d\ucc98 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"applicant-phone\" name=\"\uc5f0\ub77d\ucc98\" required autocomplete=\"off\" placeholder=\"\uc5f0\ub77d\ucc98\ub97c \uc785\ub825\ud558\uc138\uc694\" pattern=\"^[0-9\\-+()\\s]{7,20}$\" \/>\r\n <label for=\"applicant-insurance-career\">\ubcf4\ud5d8\uacbd\ub825 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-insurance-career\" name=\"\ubcf4\ud5d8\uacbd\ub825\" required autocomplete=\"off\" placeholder=\"\ubcf4\ud5d8\uacbd\ub825\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n <label for=\"applicant-top-manager\">\uc18c\uc18d \ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc131\ud568 <span style=\"color:red;\">*<\/span><\/label>\r\n <input type=\"text\" id=\"applicant-top-manager\" name=\"\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790\" required autocomplete=\"off\" placeholder=\"\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790 \uc131\ud568\uc744 \uc785\ub825\ud558\uc138\uc694\" \/>\r\n\r\n <div class=\"cost-info\" aria-live=\"polite\" aria-atomic=\"true\">\r\n \ucd1d \uae08\uc561: <span id=\"total-cost\" style=\"color:#e60012;\">0<\/span> \uc6d0\r\n <\/div>\r\n\r\n <div class=\"btn-group\">\r\n <button type=\"submit\" id=\"submit-btn\" disabled>\uc2e0\uccad\ud558\uae30<\/button>\r\n <button type=\"button\" id=\"cancel-btn\">\ucde8\uc18c<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const API_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbw0CM2He9yW6eZOnju8d-L2oruYrr02xpS9Bydh1AlfC14lMgqUuhua0gQzsHS4soAhdA\/exec\";\r\n const HOOK_URL = \"https:\/\/hook.us2.make.com\/ppekda9myd8lffbr47wq7jqh9359nv71\";\r\n\r\n let allLectures = [];\r\n let filteredLectures = [];\r\n const ITEMS_PER_PAGE = 10;\r\n let currentPage = 1;\r\n let cart = [];\r\n\r\n function formatDate(dateStr) {\r\n if (!dateStr) return '';\r\n if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(dateStr)) {\r\n const [y,m,d] = dateStr.split('-').map(Number);\r\n return `${y}\ub144 ${m}\uc6d4 ${d}\uc77c`;\r\n }\r\n if (dateStr.includes('T')) {\r\n const dt = new Date(dateStr);\r\n return `${dt.getFullYear()}\ub144 ${dt.getMonth()+1}\uc6d4 ${dt.getDate()}\uc77c`;\r\n }\r\n return dateStr;\r\n }\r\n const num = v => (typeof v === 'number') ? v : Number(String(v||'').replace(\/[^0-9]\/g,'')) || 0;\r\n\r\n async function fetchLecturesFromAPI() {\r\n try {\r\n const res = await fetch(API_URL);\r\n const data = await res.json();\r\n allLectures = data.lectures || [];\r\n filteredLectures = [...allLectures];\r\n renderTable(); renderCart();\r\n } catch (e) {\r\n console.error(e);\r\n alert(\"\uac15\uc758 \ubaa9\ub85d\uc744 \ubd88\ub7ec\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.\");\r\n }\r\n }\r\n\r\n function renderTable() {\r\n const tbody = document.getElementById('lecture-table-body');\r\n tbody.innerHTML = '';\r\n const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;\r\n const pageItems = filteredLectures.slice(startIndex, startIndex + ITEMS_PER_PAGE);\r\n\r\n if (pageItems.length === 0) {\r\n tbody.innerHTML = '<tr><td colspan=\"9\" style=\"text-align:center; color:#999;\">\uac80\uc0c9 \uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/td><\/tr>';\r\n updatePaginationButtons();\r\n return;\r\n }\r\n\r\n pageItems.forEach((lecture, i) => {\r\n const displayNo = startIndex + i + 1;\r\n const maxCount = num(lecture.\uc218\uac15\uc815\uc6d0);\r\n const appliedCnt = num(lecture.\uc2e0\uccad\uc790\uc218);\r\n const remaining = maxCount > 0 ? (maxCount - appliedCnt) : 0;\r\n const canApply = remaining > 0 && lecture.\uacfc\uc815\uba85 && lecture.\uacfc\uc815\uba85 !== '\uc900\ube44\uc911';\r\n const costDisplay = num(lecture.\uad50\uc721\ube44\uc6a9).toLocaleString();\r\n\r\n const tr = document.createElement('tr');\r\n tr.innerHTML = `\r\n <td>${displayNo}<\/td>\r\n <td>${lecture.\uad6c\ubd84 || ''}<\/td>\r\n <td>${lecture.\uacfc\uc815\uba85 || ''}<\/td>\r\n <td>${formatDate(lecture.\uad50\uc721\uc77c\uc790)}<\/td>\r\n <td>${lecture.\uad50\uc721\uc2dc\uac04 || ''}<\/td>\r\n <td>${lecture.\uc218\uac15\uc815\uc6d0 ?? ''}<\/td>\r\n <td>${appliedCnt}<\/td>\r\n <td>${costDisplay}<\/td>\r\n <td>${\r\n canApply\r\n ? `<button class=\"apply-btn\" data-no=\"${displayNo}\" data-index=\"${startIndex + i}\">\uc2e0\uccad\ud558\uae30<\/button>`\r\n : (lecture.\uacfc\uc815\uba85 === '\uc900\ube44\uc911' ? '<span class=\"closed-text\">\uc900\ube44\uc911<\/span>' : '<span class=\"closed-text\">\ub9c8\uac10<\/span>')\r\n }<\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n\r\n updatePaginationButtons();\r\n }\r\n\r\n function updatePaginationButtons() {\r\n document.getElementById('prev-btn').disabled = currentPage <= 1;\r\n document.getElementById('next-btn').disabled = currentPage >= Math.ceil(filteredLectures.length \/ ITEMS_PER_PAGE);\r\n }\r\n\r\n const searchInput = document.getElementById('search-course');\r\n const searchBtn = document.getElementById('search-btn');\r\n searchBtn.addEventListener('click', onSearch);\r\n searchInput.addEventListener('keydown', e => { if (e.key === 'Enter') onSearch(); });\r\n function onSearch() {\r\n const keyword = searchInput.value.trim();\r\n filteredLectures = keyword ? allLectures.filter(l => l.\uacfc\uc815\uba85 && l.\uacfc\uc815\uba85.includes(keyword)) : [...allLectures];\r\n currentPage = 1; renderTable();\r\n }\r\n\r\n const cartList = document.getElementById('cart-list');\r\n function renderCart() {\r\n if (cart.length === 0) {\r\n cartList.innerHTML = '<li id=\"cart-empty\">\uc608\uc57d\ud55c \uac15\uc758\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>';\r\n updateFinalApplyBtnState();\r\n submitBtn && (submitBtn.disabled = true);\r\n updateCosts();\r\n return;\r\n }\r\n cartList.innerHTML = '';\r\n cart.forEach(item => {\r\n const li = document.createElement('li');\r\n li.textContent = `${item.\uacfc\uc815\uba85} (${formatDate(item.\uad50\uc721\uc77c\uc790)})`;\r\n const btnRemove = document.createElement('button');\r\n btnRemove.textContent = '\u00d7';\r\n btnRemove.className = 'remove-btn';\r\n btnRemove.addEventListener('click', () => removeFromCart(item.\ud45c\uc2dc\ubc88\ud638));\r\n li.appendChild(btnRemove);\r\n cartList.appendChild(li);\r\n });\r\n updateFinalApplyBtnState();\r\n submitBtn && (submitBtn.disabled = false);\r\n updateCosts();\r\n }\r\n\r\n function removeFromCart(displayNo) {\r\n cart = cart.filter(c => c.\ud45c\uc2dc\ubc88\ud638 !== displayNo);\r\n renderTable(); renderCart();\r\n }\r\n\r\n document.getElementById('lecture-table-body').addEventListener('click', e => {\r\n if (!e.target.classList.contains('apply-btn')) return;\r\n\r\n const displayNo = Number(e.target.dataset.no);\r\n const idxInFiltered = Number(e.target.dataset.index);\r\n const lecture = filteredLectures[idxInFiltered];\r\n if (!lecture) return;\r\n\r\n if (cart.some(c => c.\ud45c\uc2dc\ubc88\ud638 === displayNo)) {\r\n return alert('\uc774\ubbf8 \uc608\uc57d\ud55c \uad50\uc721\uacfc\uc815\uc785\ub2c8\ub2e4.');\r\n }\r\n\r\n const maxCount = num(lecture.\uc218\uac15\uc815\uc6d0);\r\n const appliedCnt = num(lecture.\uc2e0\uccad\uc790\uc218);\r\n if (maxCount > 0 && appliedCnt >= maxCount) return alert('\uc815\uc6d0\uc774 \uac00\ub4dd \ucc3c\uc2b5\ub2c8\ub2e4.');\r\n\r\n cart.push({ ...lecture, \ud45c\uc2dc\ubc88\ud638: displayNo });\r\n renderCart();\r\n });\r\n\r\n const modalBg = document.getElementById('modal-bg');\r\n const modalCartUL = document.getElementById('modal-cart-ul');\r\n const modalForm = document.getElementById('modal-form');\r\n const submitBtn = document.getElementById('submit-btn');\r\n const cancelBtn = document.getElementById('cancel-btn');\r\n const applyNoInput = document.getElementById('apply-no');\r\n\r\n function openModal() {\r\n if (cart.length === 0) return alert('\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815\uc744 \uba3c\uc800 \uc120\ud0dd\ud558\uc138\uc694.');\r\n renderModalCartList();\r\n updateApplyNo(); \/\/ \u2605 \uc2e0\uccad\ubc88\ud638 \uc785\ub825\uce78 \ucc44\uc6b0\uae30\r\n updateCosts();\r\n modalBg.style.display = 'block';\r\n (modalForm.querySelector('input[name=\"\uc2e0\uccad\uc790\uba85\"]') || {}).focus?.();\r\n }\r\n function closeModal() {\r\n modalBg.style.display = 'none';\r\n modalForm.reset();\r\n submitBtn.disabled = true;\r\n applyNoInput.value = '';\r\n }\r\n function renderModalCartList() {\r\n if (cart.length === 0) {\r\n modalCartUL.innerHTML = '<li id=\"modal-cart-empty\" style=\"font-style: italic; color:#999;\">\uc2e0\uccad\ud55c \uad50\uc721\uacfc\uc815\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>';\r\n return;\r\n }\r\n modalCartUL.innerHTML = '';\r\n cart.forEach(item => {\r\n const li = document.createElement('li');\r\n li.textContent = `${item.\uacfc\uc815\uba85} (${formatDate(item.\uad50\uc721\uc77c\uc790)})`;\r\n modalCartUL.appendChild(li);\r\n });\r\n }\r\n function updateApplyNo() {\r\n if (cart.length === 0) { applyNoInput.value = ''; return; }\r\n const nos = cart.map(c => c.\ud45c\uc2dc\ubc88\ud638).join(','); \/\/ \uc5ec\ub7ec \uac1c\uba74 \ucf64\ub9c8 \uad6c\ubd84\r\n applyNoInput.value = nos;\r\n }\r\n function updateCosts() {\r\n let total = 0;\r\n cart.forEach(item => total += num(item.\uad50\uc721\ube44\uc6a9));\r\n document.getElementById('total-cost').textContent = total.toLocaleString();\r\n }\r\n function checkFormValidity() {\r\n const valid = modalForm.checkValidity() && cart.length > 0;\r\n submitBtn.disabled = !valid;\r\n }\r\n modalForm.addEventListener('input', checkFormValidity);\r\n modalForm.addEventListener('change', checkFormValidity);\r\n\r\n modalForm.addEventListener('submit', async function (e) {\r\n e.preventDefault();\r\n if (cart.length === 0) return alert('\uc2e0\uccad\ud560 \uad50\uc721\uacfc\uc815\uc744 \uba3c\uc800 \uc120\ud0dd\ud558\uc138\uc694.');\r\n if (!modalForm.checkValidity()) return alert('\ud544\uc218 \uc785\ub825 \ud56d\ubaa9\uc744 \ubaa8\ub450 \ucc44\uc6cc\uc8fc\uc138\uc694.');\r\n\r\n \/\/ \uad6c\uc870\ud654(\ubc88\ud638 \ud3ec\ud568)\r\n const appliedLectures = cart.map(item => ({\r\n \ubc88\ud638: item.\ud45c\uc2dc\ubc88\ud638,\r\n displayNo: item.\ud45c\uc2dc\ubc88\ud638,\r\n \uad6c\ubd84: item.\uad6c\ubd84 || '',\r\n \uacfc\uc815\uba85: item.\uacfc\uc815\uba85 || '',\r\n \uad50\uc721\uc77c\uc790: item.\uad50\uc721\uc77c\uc790 || '',\r\n \uad50\uc721\uc2dc\uac04: item.\uad50\uc721\uc2dc\uac04 || '',\r\n \uad50\uc721\ube44\uc6a9: num(item.\uad50\uc721\ube44\uc6a9)\r\n }));\r\n\r\n const \ubc88\ud638\ubaa9\ub85d = appliedLectures.map(l => l.displayNo).join(',');\r\n const \uc2e0\uccad\ub0b4\uc5ed_\ubcf5\uc218 = appliedLectures\r\n .map(l => `${l.displayNo}|${l.\uad6c\ubd84}|${l.\uacfc\uc815\uba85}|${l.\uad50\uc721\uc77c\uc790}|${l.\uad50\uc721\uc2dc\uac04}`)\r\n .join(' \/ ');\r\n\r\n \/\/ \u2605 \uc0c1\ub2e8 \uc785\ub825\uce78\uc758 \uac12(\ub2e8\uac74 \ub610\ub294 \ucf64\ub9c8 \uad6c\ubd84)\r\n const \uc2e0\uccad\ubc88\ud638 = applyNoInput.value;\r\n\r\n const payload = {\r\n \uc2e0\uccad\uc790\uba85: modalForm['\uc2e0\uccad\uc790\uba85'].value,\r\n \uc18c\uc18d: modalForm['\uc18c\uc18d'].value,\r\n \uc9c1\uae09: modalForm['\uc9c1\uae09'].value,\r\n \uc5f0\ub77d\ucc98: modalForm['\uc5f0\ub77d\ucc98'].value,\r\n \ubcf4\ud5d8\uacbd\ub825: modalForm['\ubcf4\ud5d8\uacbd\ub825'].value,\r\n \ucd5c\uc0c1\uc704\uad00\ub9ac\uc790: modalForm['\ucd5c\uc0c1\uc704\uad00\ub9ac\uc790'].value,\r\n\r\n \uc2e0\uccad\ubc88\ud638, \/\/ \u2605 \ud3fc \uc0c1\ub2e8 \uac12\r\n \ubc88\ud638\ubaa9\ub85d, \/\/ \ub3d9\uc77c\ud55c \uc758\ubbf8\uc758 \ubaa9\ub85d(\ud558\uc704 \ud638\ud658\/\uac00\uacf5\uc6a9)\r\n \uc2e0\uccad\ub0b4\uc5ed_\ubcf5\uc218,\r\n\r\n \uc2e0\uccad\uac15\uc758\uba85: appliedLectures.map(l => `${l.\uacfc\uc815\uba85} (${formatDate(l.\uad50\uc721\uc77c\uc790)})`).join(', '),\r\n \uc2e0\uccad\uac15\uc758\ubaa9\ub85d: appliedLectures\r\n };\r\n\r\n console.log(\"POST payload:\", payload);\r\n\r\n try {\r\n const res = await fetch(HOOK_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(payload)\r\n });\r\n if (res.ok) {\r\n alert('\uad50\uc721\uc2e0\uccad\uc774 \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4.');\r\n resetAll(); closeModal(); fetchLecturesFromAPI();\r\n } else {\r\n const txt = await res.text().catch(()=> '');\r\n console.error('\uc6f9\ud6c5 \uc2e4\ud328:', res.status, txt);\r\n alert('\uc2e0\uccad \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.');\r\n }\r\n } catch (err) {\r\n console.error(err);\r\n alert('\uc2e0\uccad \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.');\r\n }\r\n });\r\n cancelBtn.addEventListener('click', () => closeModal());\r\n\r\n function resetAll() {\r\n cart = [];\r\n renderTable(); renderCart();\r\n modalForm.reset(); submitBtn.disabled = true;\r\n applyNoInput.value = '';\r\n }\r\n\r\n const cartDiv = document.getElementById('cart');\r\n const finalApplyBtn = document.createElement('button');\r\n finalApplyBtn.textContent = '\uac15\uc758 \uc2e0\uccad\ud558\uae30';\r\n finalApplyBtn.style.marginTop = '15px';\r\n finalApplyBtn.style.width = '100%';\r\n finalApplyBtn.style.padding = '12px 0';\r\n finalApplyBtn.style.backgroundColor = '#e60012';\r\n finalApplyBtn.style.color = 'white';\r\n finalApplyBtn.style.fontWeight = '800';\r\n finalApplyBtn.style.border = 'none';\r\n finalApplyBtn.style.borderRadius = '8px';\r\n finalApplyBtn.style.cursor = 'pointer';\r\n finalApplyBtn.disabled = true;\r\n cartDiv.appendChild(finalApplyBtn);\r\n finalApplyBtn.addEventListener('click', openModal);\r\n\r\n function updateFinalApplyBtnState() {\r\n finalApplyBtn.disabled = cart.length === 0;\r\n }\r\n\r\n const originalRenderCart = renderCart;\r\n renderCart = function () {\r\n originalRenderCart();\r\n updateFinalApplyBtnState();\r\n updateApplyNo(); \/\/ \ubaa8\ub2ec\uc774 \uc5f4\ub824 \uc788\ub2e4\uba74 \ubc88\ud638\ub3c4 \uac31\uc2e0\r\n };\r\n\r\n document.getElementById('prev-btn').addEventListener('click', () => {\r\n if (currentPage > 1) { currentPage--; renderTable(); }\r\n });\r\n document.getElementById('next-btn').addEventListener('click', () => {\r\n if (currentPage < Math.ceil(filteredLectures.length \/ ITEMS_PER_PAGE)) {\r\n currentPage++; renderTable();\r\n }\r\n });\r\n\r\n fetchLecturesFromAPI();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02e644e e-flex e-con-boxed e-con e-parent\" data-id=\"02e644e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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 \ubc30\uacbd \uc774\ubbf8\uc9c0 \ub808\uc774\uc5b4 + \uc0ac\uc774\ub4dc\ubc14 \uace0\ub824 \uc624\ud508\uac15\uc758\uc2e4 – \uad50\uc721\uc2e0\uccad \uad50\uc721\uc2e0\uccad \uacfc\uc815\uba85: \uac80\uc0c9 \ubc88\ud638 \uad6c\ubd84 \uacfc\uc815\uba85 \uad50\uc721\uc77c\uc790 \uad50\uc721\uc2dc\uac04 \uc218\uac15\uc815\uc6d0 \uc2e0\uccad\uc790\uc218 \uad50\uc721\ube44\uc6a9 \uad50\uc721\uc2e0\uccad \uc774\uc804 \ub2e4\uc74c \uc720\uc758\uc0ac\ud56d 1. \uad50\uc721\uc740 \uc120\ucc29\uc21c \ub9c8\uac10\ub429\ub2c8\ub2e4. 2. […]<\/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-13530","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/13530","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=13530"}],"version-history":[{"count":280,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/13530\/revisions"}],"predecessor-version":[{"id":16487,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/13530\/revisions\/16487"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}