\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-378c671 e-flex e-con-boxed e-con e-parent\" data-id=\"378c671\" 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-d710755 elementor-widget elementor-widget-html\" data-id=\"d710755\" 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, maximum-scale=1\" \/>\r\n<title>\ubd80\ub300\uc2dc\uc124 3\ub4f1\ubd84 \uc778\ud130\ub799\uc158 + \ud655\ub300 \uc548\ub0b4 \uba58\ud2b8 (\uc0ac\uc774\ub4dc\ubc14 \uace0\ub824)<\/title>\r\n<style>\r\n \/* \uae30\ubcf8 \uc124\uc815 *\/\r\n html, body {\r\n margin: 0; padding: 0; height: 100%; font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n overflow-x: hidden;\r\n }\r\n body {\r\n position: relative;\r\n }\r\n\r\n \/* \uc804\uccb4 \ucee8\ud14c\uc774\ub108: \uc88c\uce21 \uc0ac\uc774\ub4dc\ubc14 250px \uc81c\uc678\ud55c \uc601\uc5ed \uace0\uc815 *\/\r\n #facilityContainer {\r\n position: fixed;\r\n top: 0;\r\n left: 250px;\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n display: flex;\r\n z-index: 10;\r\n background: transparent;\r\n }\r\n\r\n \/* \uac01 \ubc15\uc2a4 \uc2a4\ud0c0\uc77c *\/\r\n .facility-box {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n color: white;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n backdrop-filter: blur(6px);\r\n border-left: 2px solid rgba(255,255,255,0.3);\r\n border-right: 2px solid rgba(255,255,255,0.3);\r\n background-size: cover;\r\n background-position: center center;\r\n }\r\n .facility-box:first-child { border-left: none; border-radius: 10px 0 0 10px; }\r\n .facility-box:last-child { border-right: none; border-radius: 0 10px 10px 0; }\r\n \r\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\r\n .facility-box[data-id=\"0\"] { background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg'); }\r\n .facility-box[data-id=\"1\"] { background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg'); }\r\n .facility-box[data-id=\"2\"] { background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503-scaled.jpg'); }\r\n\r\n \/* \ud14d\uc2a4\ud2b8 \ubc15\uc2a4 *\/\r\n .facility-text {\r\n font-size: 1.8rem;\r\n font-weight: 900;\r\n user-select: none;\r\n text-align: center;\r\n padding: 0 10px;\r\n text-shadow: 0 2px 12px #000;\r\n z-index: 2;\r\n color: #fff;\r\n background: rgba(0,0,0,0.4);\r\n border-radius: 12px;\r\n }\r\n\r\n \/* \ud65c\uc131\ud654 \uc2dc \uc2a4\ud0c0\uc77c *\/\r\n .facility-box.active {\r\n flex-grow: 2.5;\r\n background: rgba(0,0,0,0.7);\r\n cursor: default;\r\n z-index: 5;\r\n backdrop-filter: none;\r\n }\r\n .facility-box.active .facility-text {\r\n display: none;\r\n }\r\n\r\n \/* \ub0b4\ubd80 \ubc15\uc2a4 *\/\r\n .facility-inner {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n \/* \uc5b4\ub450\uc6b4 \uc624\ubc84\ub808\uc774 *\/\r\n #fullOverlay {\r\n position: fixed;\r\n top: 0;\r\n left: 250px;\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n background-size: cover !important;\r\n background-position: center center !important;\r\n background-repeat: no-repeat;\r\n filter: brightness(0.6);\r\n z-index: 1500;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.5s ease;\r\n }\r\n #fullOverlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n \/* \uc815\ubcf4 \ubc15\uc2a4 *\/\r\n #infoBox {\r\n position: fixed;\r\n top: 50%;\r\n left: calc(50% + 125px);\r\n max-width: 760px; \/* \uac00\ub85c \ub113\ud798 *\/\r\n width: 92%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(0,0,0,0.85);\r\n color: #fff;\r\n padding: 30px 50px;\r\n border-radius: 20px;\r\n font-size: 1rem; \/* \uae00\uc528 \ud06c\uae30 *\/\r\n line-height: 1.8;\r\n z-index: 1600;\r\n box-shadow: 0 0 15px #0af;\r\n display: none;\r\n overflow-y: auto;\r\n overflow-x: auto;\r\n max-height: 90vh;\r\n transition: max-width 0.3s ease, width 0.3s ease;\r\n }\r\n #infoBox.wide {\r\n max-width: calc(100vw - 300px);\r\n width: calc(100vw - 300px);\r\n }\r\n #infoBox.show {\r\n display: block;\r\n }\r\n #infoBox h2 {\r\n margin-top: 0;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n #infoBox ul {\r\n padding-left: 20px;\r\n margin: 0 0 20px 0;\r\n }\r\n #infoBox ul li {\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* \ud558\ub2e8 \uc548\ub0b4\uc0ac\ud56d \uc2a4\ud0c0\uc77c *\/\r\n #extraInfo {\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n padding-left: 20px;\r\n margin: 0 0 40px 0;\r\n }\r\n #extraInfo li {\r\n margin-bottom: 10px;\r\n }\r\n \/* \ud504\ub9ac\ud328\uc2a4 \ud560\uc778 \uba58\ud2b8 \ucd94\uac00 *\/\r\n #freePassDiscount {\r\n font-size: 0.8rem;\r\n color: #ffd966;\r\n margin-top: -15px;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n\r\n \/* \ud504\ub9ac\ud328\uc2a4 \ud45c \uc2a4\ud0c0\uc77c *\/\r\n #freePassTable {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n color: #fff;\r\n font-size: 1rem; \/* \ud45c \uae00\uc528 \ud06c\uae30 *\/\r\n table-layout: fixed; \/* \uacf5\ubc31 \uc904\uc774\uae30 *\/\r\n }\r\n #freePassTable th, #freePassTable td {\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 10px 8px;\r\n text-align: center;\r\n vertical-align: middle;\r\n word-break: keep-all;\r\n }\r\n #freePassTable th {\r\n background: rgba(255,255,255,0.15);\r\n font-weight: 700;\r\n }\r\n #freePassTable .notice {\r\n font-weight: 400;\r\n font-size: 0.85rem;\r\n color: #ff6b6b;\r\n text-align: center;\r\n padding-top: 6px;\r\n }\r\n\r\n \/* \uac1d\uc2e4 \uc548\ub0b4 \ud45c *\/\r\n #infoBox table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n color: #fff;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n margin-bottom: 20px;\r\n table-layout: fixed;\r\n }\r\n #infoBox table th, #infoBox table td {\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 10px 8px;\r\n text-align: center;\r\n vertical-align: middle;\r\n word-break: keep-all;\r\n }\r\n #infoBox table th {\r\n background: rgba(255,255,255,0.15);\r\n font-weight: 700;\r\n }\r\n #infoBox table td ul {\r\n padding-left: 18px;\r\n text-align: left;\r\n margin: 0;\r\n }\r\n\r\n \/* \uc608\uc57d \ubc84\ud2bc *\/\r\n #reserveBtn {\r\n position: absolute;\r\n bottom: 20px;\r\n right: 30px;\r\n padding: 12px 28px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #fff;\r\n background-color: #007bff;\r\n border-radius: 8px;\r\n text-align: center;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background-color 0.3s ease;\r\n z-index: 1700;\r\n }\r\n #reserveBtn:hover,\r\n #reserveBtn:focus {\r\n background-color: #3399ff;\r\n outline: none;\r\n }\r\n\r\n \/* \ub2eb\uae30 \ubc84\ud2bc *\/\r\n #infoCloseBtn {\r\n position: fixed;\r\n top: 20px;\r\n left: calc(250px + 20px);\r\n background: transparent;\r\n border: none;\r\n color: #fff;\r\n font-size: 2.5rem;\r\n cursor: pointer;\r\n z-index: 1700;\r\n transition: color 0.3s ease;\r\n display: none;\r\n }\r\n #infoCloseBtn:hover {\r\n color: #f34444;\r\n }\r\n\r\n \/* \ud478\ud130 \uc228\uae40 *\/\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\r\n \/* \ubaa8\ubc14\uc77c \ub300\uc751 *\/\r\n @media (max-width: 900px) {\r\n #facilityContainer {\r\n position: static;\r\n width: 100vw;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px 0;\r\n padding: 20px 0 36px;\r\n background: none !important;\r\n left: 0;\r\n width: 100vw;\r\n }\r\n .facility-box {\r\n width: 96vw !important;\r\n max-width: 99vw !important;\r\n border-radius: 18px !important;\r\n border-left: none !important;\r\n border-right: none !important;\r\n box-shadow: 0 3px 16px #0007;\r\n flex-grow: unset !important;\r\n background-size: cover !important;\r\n background-position: center center !important;\r\n }\r\n .facility-box.active {\r\n flex-grow: unset !important;\r\n }\r\n #infoBox {\r\n max-width: 90vw;\r\n font-size: 0.9rem;\r\n padding: 20px 25px;\r\n transform: translate(-50%, -50%) !important;\r\n left: 50% !important;\r\n max-height: 80vh;\r\n overflow-x: auto;\r\n border-radius: 15px;\r\n }\r\n #infoCloseBtn {\r\n left: auto !important;\r\n right: 20px !important;\r\n display: block;\r\n }\r\n #reserveBtn {\r\n position: fixed !important;\r\n bottom: 15px !important;\r\n right: 15px !important;\r\n width: auto !important;\r\n padding: 10px 20px !important;\r\n font-size: 1rem !important;\r\n border-radius: 6px !important;\r\n z-index: 2000 !important;\r\n }\r\n }\r\n\r\n \/* \uc544\uc8fc \uc791\uc740 \ud654\uba74\uc5d0\uc11c\ub3c4 \ud14d\uc2a4\ud2b8 \uc9e4\ub9bc \ubc29\uc9c0 *\/\r\n @media (max-width: 400px) {\r\n #infoBox ul, #extraInfo {\r\n padding-left: 15px;\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n }\r\n #infoBox table th, #infoBox table td {\r\n font-size: 0.85rem;\r\n padding: 6px 4px;\r\n }\r\n #reserveBtn {\r\n font-size: 0.95rem !important;\r\n padding: 8px 16px !important;\r\n bottom: 10px !important;\r\n right: 10px !important;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"facilityContainer\" role=\"list\" aria-label=\"\ubd80\ub300\uc2dc\uc124 \uc120\ud0dd\">\r\n <div class=\"facility-box\" data-id=\"0\" role=\"listitem\" tabindex=\"0\"><div class=\"facility-inner\"><div class=\"facility-text\">\uad50\uc721\uc2dc\uc124<\/div><\/div><\/div>\r\n <div class=\"facility-box\" data-id=\"1\" role=\"listitem\" tabindex=\"0\"><div class=\"facility-inner\"><div class=\"facility-text\">\uac1d\uc2e4<\/div><\/div><\/div>\r\n <div class=\"facility-box\" data-id=\"2\" role=\"listitem\" tabindex=\"0\"><div class=\"facility-inner\"><div class=\"facility-text\">\ubd80\ub300\uc2dc\uc124<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n<div id=\"fullOverlay\" aria-hidden=\"true\"><\/div>\r\n<div id=\"infoBox\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"infoTitle\" aria-describedby=\"infoDesc\">\r\n <h2 id=\"infoTitle\">\uad50\uc721\uc2dc\uc124 \uc548\ub0b4<\/h2>\r\n <ul id=\"infoDesc\">\r\n <li>\u25cf \uc774\uc6a9\ub300\uc0c1 | \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0 \ubc0f \uc6d0\uc218\uc0ac\/\ubcf4\ud5d8\ub300\ub9ac\uc810 \uc784\uc9c1\uc6d0<\/li>\r\n <li>\u25cf \uc6b4\uc601\uc2dc\uac04 | \uc6d4~\ud1a0 \uc624\uc804 9\uc2dc~\uc800\ub141 6\uc2dc<\/li>\r\n <li>\u25cf \ud734\uad00\uc77c | \ub9e4\uc8fc \uc77c\uc694\uc77c, \ubc95\uc815 \uacf5\ud734\uc77c<\/li>\r\n <li>\u25cf \uc774\uc6a9\uc694\uae08 | \ubb34\ub8cc<\/li>\r\n <\/ul>\r\n\r\n \r\n <div id=\"extraInfoContainer\"><\/div>\r\n\r\n <a href=\"https:\/\/metarich-academy.co.kr\/?page_id=12254\" id=\"reserveBtn\" aria-label=\"\uc2e4\uc2dc\uac04 \uc608\uc57d \ubc14\ub85c\uac00\uae30 \ubc84\ud2bc\">\uc2e4\uc2dc\uac04 \uc608\uc57d<\/a>\r\n<\/div>\r\n<button id=\"infoCloseBtn\" aria-label=\"\uc548\ub0b4\ucc3d \ub2eb\uae30\">×<\/button>\r\n\r\n<script>\r\n const boxes = document.querySelectorAll('.facility-box');\r\n const fullOverlay = document.getElementById('fullOverlay');\r\n const infoBox = document.getElementById('infoBox');\r\n const infoCloseBtn = document.getElementById('infoCloseBtn');\r\n const extraInfoContainer = document.getElementById('extraInfoContainer');\r\n\r\n const bgImages = [\r\n 'https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg',\r\n 'https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg',\r\n 'https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503-scaled.jpg'\r\n ];\r\n\r\n const infoTexts = [\r\n {\r\n title: \"\uad50\uc721\uc2dc\uc124 \uc548\ub0b4\",\r\n items: [\r\n \" \uc774\uc6a9\ub300\uc0c1 | \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0, \uc6d0\uc218\uc0ac \ubc0f GA \uc784\uc9c1\uc6d0\",\r\n \" \uc6b4\uc601\uc2dc\uac04 | \uc6d4~\uc77c 09:00 ~ 21:00\",\r\n \" \uc704\uce58\uc548\ub0b4 | \uc911\uc559\ub3d9 1\uce35 \uc88c\uce21(\uc138\ubbf8\ub098\uc2e4A), \uc6b0\uce21(\uc138\ubbf8\ub098\uc2e4B)\",\r\n \" \ubbf8\uc6b4\uc601\uc77c | \ubc95\uc815 \uacf5\ud734\uc77c\",\r\n \" \uc608\uc57d\ubc29\ubc95 | \uc2e4\uc2dc\uac04 \uc608\uc57d\uc744 \ud1b5\ud55c \uc2e0\uccad\"\r\n ],\r\n extraInfo: `<ol id=\"extraInfo\">\r\n <li>\uc774\uc6a9\uc2dc\uac04:1\uc2dc\uac04 \ub2e8\uc704<\/li>\r\n <li>\ubd84\ub9ac\uc218\uac70 \ubc0f \uc790\ub9ac \uc815\ub9ac\ub294 \ud544\uc218\uc785\ub2c8\ub2e4.<\/li>\r\n <li>\ub0c9\ub09c\ubc29\uae30 \ubc0f \uc804\ub4f1 \uc18c\ub4f1\uc5d0 \ud611\uc870 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ud1f4\uc2e4 \uc2dc \uad00\ub9ac\uc790\uc758 \ud655\uc778\uc744 \ubc1b\uc544\uc57c \ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uae30\ud0c0 \uc2dc\uc124 \uc774\uc6a9 \uc218\uce59\uc744 \uc900\uc218\ud574 \uc8fc\uc138\uc694.<\/li>\r\n <\/ol>`\r\n },\r\n {\r\n title: \"\uac1d\uc2e4 \uc548\ub0b4\",\r\n items: [\r\n `<table>\r\n <thead>\r\n <tr>\r\n <th>\uac1d\uc2e4\uc720\ud615<\/th>\r\n <th>\uad6c\uc131<\/th>\r\n <th>\uae30\uc900 \uc778\uc6d0<\/th>\r\n <th>\ucd5c\ub300 \uc778\uc6d0<\/th>\r\n <th>\uc694\uae08(\uc8fc\uc911)<\/th>\r\n <th>\uc694\uae08(\uc8fc\ub9d0)<\/th>\r\n <th>\ubcf4\uc720<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\ub3c5\ucc44\ud480\ube4c\ub77c<\/td>\r\n <td>\r\n <ul>\r\n <li>\ubc292 (\ud038\uce68\ub300)<\/li>\r\n <li>\uac70\uc2e4<\/li>\r\n <li>\uc8fc\ubc29<\/li>\r\n <li>\ud654\uc7a5\uc2e42<\/li>\r\n <li>\uac1c\ubcc4 \uc57c\uc678\uc218\uc601\uc7a5<\/li>\r\n <\/ul>\r\n <\/td>\r\n <td>4\uba85<\/td>\r\n <td>7\uba85<\/td>\r\n <td>500,000\uc6d0<\/td>\r\n <td>600,000\uc6d0<\/td>\r\n <td>17\uc2e4<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\ubc99\ucee4\ud615 \ubcf5\uce35<\/td>\r\n <td>\r\n <ul>\r\n <li>1F : \uac70\uc2e4, \uc8fc\ubc29, \ud654\uc7a5\uc2e4<\/li>\r\n <li>2F : \uce68\uc2e4 (\ub354\ube14\uce68\ub300)<\/li>\r\n <\/ul>\r\n <\/td>\r\n <td>2\uba85<\/td>\r\n <td>4\uba85<\/td>\r\n <td>300,000\uc6d0<\/td>\r\n <td>400,000\uc6d0<\/td>\r\n <td>8\uc2e4<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p style=\"font-size: 0.85rem; margin-top: 12px;\">\r\n \u203b \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d050% \ud560\uc778 \uc801\uc6a9<br>\r\n \u203b \uc778\uc6d0 \ucd94\uac00\uc694\uae08 : \ub3c5\ucc44 \ud480\ube4c\ub77c \uc778\ub2f9 3\ub9cc \uc6d0, \ubc99\ucee4\ud615 2\ub9cc \uc6d0<br>\r\n \u203b \uc8fc\uc911: \uc6d4 ~ \ubaa9, \uc8fc\ub9d0: \uae08,\ud1a0,\uacf5\ud734\uc77c \uc804\uc77c<br><br>\r\n 1. \uc778\uc6d0\uc81c\ud55c\uc744 \ubc18\ub4dc\uc2dc \uc9c0\ucf1c\uc8fc\uc2dc\uae30 \ubc14\ub77c\uba70 \ucd5c\ub300\uc778\uc6d0\uc744 \ucd08\uacfc\ud574\uc11c\ub294 \uc608\uc57d\uc744 \ud558\uc2e4 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<br>\r\n 2. \uac1d\uc2e4 \ucee8\ub514\uc158\uc744 \uc704\ud574 \ubc14\ubca0\ud050 \ubc0f \uc0dd\uc120, \ud280\uae40, \uc0bc\uacb9\uc0b4 \ub4f1\uc740 \uac1d\uc2e4 \ub0b4 \uc870\ub9ac\uac00 \ubd88\uac00\ud558\uba70, \ubc14\ubca0\ud050 \uc2dc\uc124\uc5d0\uc120 \uc870\ub9ac\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.<br>\r\n 3. \ubb34\ubd84\ubcc4\ud55c \uc624\ub77d, \uc74c\uc8fc, \uace0\uc131\ubc29\uac00\ub294 \ub2e4\ub978 \uac1d\uc2e4\uc5d0 \ubd88\ud3b8\uc744 \uc904 \uc218 \uc788\uc73c\ub2c8 \uc8fc\uc758 \ubd80\ud0c1\ub4dc\ub9ac\uba70, \uc0c1\ud669\uc5d0 \ub530\ub77c \ud1f4\uc2e4 \uc870\uce58\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\r\n 4. \uac1d\uc2e4\uc740 \ub300\uc5ec \uc2dc\uc124\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\ud558\uc2e0 \ud6c4 \uac1d\uc2e4 \uc815\ub9ac \ubc0f \ubd84\ub9ac\uc218\uac70\ub97c \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.<br>\r\n 5. \uc560\uc644\ub3d9\ubb3c\uc740 \ub3d9\ubc18 \uc785\uc2e4\uc774 \ubd88\uac00\ud569\ub2c8\ub2e4. \ub3d9\ubc18\uc2dc\uc5d0\ub294 \ud658\ubd88\uc5c6\uc774 \ud1f4\uc2e4 \uc870\uce58\ub418\uc624\ub2c8 \uc720\ub150\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<br>\r\n 6. \uac1d\uc2e4 \ub0b4\uc5d0\uc11c\ub294 \uae08\uc5f0\uc785\ub2c8\ub2e4. \uc9c0\uc815\ub41c \ud761\uc5f0\uc7a5\uc18c\ub97c \uc774\uc6a9\ud574 \uc8fc\uc138\uc694.<br>\r\n 7. \uc2dc\uc124 \ub0b4 \uac1c\uc778 \ud654\uae30\uc6a9\ud488(\ud734\ub300\uc6a9 \ubc84\ub108 \ub4f1) \ubc18\uc785 \ubd88\uac00\uc784\uc744 \uc548\ub0b4\ub4dc\ub9bd\ub2c8\ub2e4.\r\n <\/p>`\r\n ],\r\n extraInfo: ''\r\n },\r\n {\r\n title: \"\ubd80\ub300\uc2dc\uc124 \uc548\ub0b4\",\r\n items: [],\r\n extraInfo: ''\r\n }\r\n ];\r\n\r\n const freePassInfo = `\r\n <p style=\"font-weight:700; margin-bottom:12px;\">\r\n \u25cf \ubd80\ub300\uc2dc\uc124(\uc218\uc601\uc7a5, \ub9e4\uc810 \ub4f1)\uc740 \ud504\ub9ac\ud328\uc2a4 \uc774\uc6a9\uad8c \uad6c\ub9e4 \uace0\uac1d\uc5d0 \ud55c\ud574 \uc774\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <table id=\"freePassTable\" aria-label=\"\ud504\ub9ac\ud328\uc2a4 \uc694\uae08 \uc548\ub0b4\">\r\n <thead>\r\n <tr>\r\n <th>\uad6c\ubd84<\/th>\r\n <th>\uc6d4-\ubaa9<\/th>\r\n <th>\uae08-\uc77c\/\uacf5\ud734\uc77c<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\ub300\uc778 (\ub9cc 13\uc138 \uc774\uc0c1)<\/td>\r\n <td>10,000\uc6d0<\/td>\r\n <td>20,000\uc6d0<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\uc18c\uc778 (\ub9cc 12\uc138 \uc774\ud558)<\/td>\r\n <td>5,000\uc6d0<\/td>\r\n <td>10,000\uc6d0<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>36\uac1c\uc6d4 \ubbf8\ub9cc<\/td>\r\n <td colspan=\"2\">\ubb34\ub8cc<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <div id=\"freePassDiscount\">\ud504\ub9ac\ud328\uc2a4 \uc774\uc6a9\uad8c \uc5f0\ubc15 \uc774\uc6a9 \uc2dc 2\uc77c\uc9f8\ubd80\ud130 50% \ud560\uc778<\/div>\r\n <p class=\"notice\">\u203b \uc5f0\ub839\ud655\uc778\uc744 \uc704\ud574 \ud655\uc778\uc99d \uc81c\uc2dc \uc694\uccad\uc774 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <ul style=\"font-size:0.85rem; line-height:1.5; margin-top:16px; padding-left: 20px;\">\r\n <li>\uc57c\uc678 \uc778\ud53c\ub2c8\ud2f0\ud480, \ubc99\ucee4\ub8f8 \uc6d0\ud615 \uc218\uc601\uc7a5, \ub77c\uc6b4\uc9c0, \ub9e4\uc810\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n <li>\ubb3c\ucd1d, \ud29c\ube0c, \ud30c\ub77c\uc194 \ub4f1 \ub2e4\uc591\ud55c \ubd80\ub300\uc2dc\uc124 \uc774\uc6a9\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4.<\/li>\r\n <li>\uc785\uc7a5 \uc2dc \ubc18\ub4dc\uc2dc \uc785\uc7a5\uad8c \ud314\ucc0c \ucc29\uc6a9 \uace0\uac1d\ub9cc \uc774\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uc774\uc6a9\uad8c \ubbf8\uc18c\uc9c0 \uace0\uac1d\uc740 \ud574\ub2f9 \uc2dc\uc124 \uc774\uc6a9\uc774 \ubd88\uac00\ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uc218\uc601\uc7a5 \ub0b4 \ub6f0\uac70\ub098 \ub2e4\uc774\ube59\uc740 \uae08\uc9c0\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n <li>\uc2dc\uc124 \uc774\uc6a9 \uc911 \uc0ac\uace0 \ubc1c\uc0dd \uc2dc \ubcf8\uc778\uc740 \ucc45\uc784\uc744 \uc9c0\uc154\uc57c \ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uc2dc\uc124 \ub0b4\uc5d0\uc11c \uace0\uc131\ubc29\uac00, \ubb34\ubd84\ubcc4\ud55c \uc74c\uc8fc, \ud761\uc5f0\uc740 \uae08\uc9c0\ub429\ub2c8\ub2e4.<\/li>\r\n <li>\uc678\ubd80 \uc74c\uc2dd\ubb3c \ubc18\uc785\uc740 \uc81c\ud55c\ub418\ub2c8 \uc548\ub0b4\ub97c \uc900\uc218\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ub4dc\uc2e0 \uc74c\uc2dd \ubc0f \uc4f0\ub808\uae30\ub294 \ub9e4\uc7a5 \ub0b4 \ube44\uce58\ub41c \ud734\uc9c0\ud1b5\uc5d0 \ubd84\ub9ac\uc218\uac70\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ubb3c\ud488\uc774 \ud6fc\uc190\ub418\uac70\ub098 \ubd84\uc2e4\ub420 \uacbd\uc6b0, \uc81c\ud488 \uae08\uc561 \uae30\uc900\uc73c\ub85c \uc190\ud574\uae08\uc774 \uccad\uad6c\ub418\ub2c8, \uc18c\uc911\ud788 \ub2e4\ub904\uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ubaa8\ub4e0 \uace0\uac1d\uc740 \ucf8c\uc801\ud55c \ud658\uacbd \uc720\uc9c0\ub97c \uc704\ud574 \uc9c8\uc11c \uc788\ub294 \uc774\uc6a9\uc744 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.<\/li>\r\n <\/ul>\r\n `;\r\n\r\n boxes.forEach((box, idx) => {\r\n box.addEventListener('click', () => {\r\n boxes.forEach(b => b.classList.remove('active'));\r\n box.classList.add('active');\r\n\r\n fullOverlay.style.backgroundImage = `url(${bgImages[idx]})`;\r\n fullOverlay.classList.add('active');\r\n fullOverlay.setAttribute('aria-hidden', 'false');\r\n\r\n const info = infoTexts[idx];\r\n infoBox.querySelector('h2').textContent = info.title;\r\n\r\n const ul = infoBox.querySelector('ul');\r\n ul.innerHTML = '';\r\n info.items.forEach(text => {\r\n if(text.trim().startsWith('<table')) {\r\n ul.insertAdjacentHTML('beforeend', text);\r\n } else {\r\n const li = document.createElement('li');\r\n li.textContent = text;\r\n ul.appendChild(li);\r\n }\r\n });\r\n\r\n \/\/ extraInfo \ub3d9\uc801 \ucc98\ub9ac\r\n extraInfoContainer.innerHTML = info.extraInfo || '';\r\n\r\n if (idx === 1) {\r\n infoBox.classList.add('wide');\r\n \/\/ \uac1d\uc2e4 \uc608\uc57d \ubc84\ud2bc \ubcf4\uc774\uae30\r\n document.getElementById('reserveBtn').style.display = 'block';\r\n } else if (idx === 2) {\r\n \/\/ \ubd80\ub300\uc2dc\uc124 \uc608\uc57d \ubc84\ud2bc \uc228\uae40\r\n document.getElementById('reserveBtn').style.display = 'none';\r\n } else {\r\n infoBox.classList.remove('wide');\r\n \/\/ \uad50\uc721\uc2dc\uc124 \uc608\uc57d \ubc84\ud2bc \ubcf4\uc784\r\n document.getElementById('reserveBtn').style.display = 'block';\r\n }\r\n\r\n \/\/ \ubd80\ub300\uc2dc\uc124 \ud504\ub9ac\ud328\uc2a4 \uc815\ubcf4 \ucd94\uac00\r\n if (idx === 2) {\r\n if (!document.getElementById('freePassInfoContainer')) {\r\n const div = document.createElement('div');\r\n div.id = 'freePassInfoContainer';\r\n div.style.marginTop = '20px';\r\n div.innerHTML = freePassInfo;\r\n infoBox.insertBefore(div, infoBox.firstChild.nextSibling.nextSibling);\r\n }\r\n } else {\r\n const freePassDiv = document.getElementById('freePassInfoContainer');\r\n if (freePassDiv) freePassDiv.remove();\r\n }\r\n\r\n infoBox.classList.add('show');\r\n infoCloseBtn.style.display = 'block';\r\n\r\n document.body.style.overflow = 'hidden';\r\n });\r\n });\r\n\r\n function closeInfo() {\r\n boxes.forEach(b => b.classList.remove('active'));\r\n fullOverlay.classList.remove('active');\r\n fullOverlay.setAttribute('aria-hidden', 'true');\r\n infoBox.classList.remove('show');\r\n infoBox.classList.remove('wide');\r\n infoCloseBtn.style.display = 'none';\r\n document.body.style.overflow = '';\r\n extraInfoContainer.innerHTML = '';\r\n const freePassDiv = document.getElementById('freePassInfoContainer');\r\n if (freePassDiv) freePassDiv.remove();\r\n }\r\n\r\n infoCloseBtn.addEventListener('click', closeInfo);\r\n fullOverlay.addEventListener('click', closeInfo);\r\n\r\n \/\/ \ud0a4\ubcf4\ub4dc \uc811\uadfc\uc131 - ESC \ud0a4\ub85c \ub2eb\uae30\r\n window.addEventListener('keydown', e => {\r\n if(e.key === 'Escape' && infoBox.classList.contains('show')) {\r\n closeInfo();\r\n }\r\n });\r\n\r\n \/\/ \ud0a4\ubcf4\ub4dc \uc811\uadfc\uc131 - Enter \ubc0f Space\ub85c \ubc15\uc2a4 \ud074\ub9ad \uac00\ub2a5\ud558\uac8c\r\n boxes.forEach(box => {\r\n box.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n box.click();\r\n }\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adc7e1f elementor-widget elementor-widget-html\" data-id=\"adc7e1f\" 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: 90vw;\r\n max-height: 80vh;\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\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 \ubd80\ub300\uc2dc\uc124 3\ub4f1\ubd84 \uc778\ud130\ub799\uc158 + \ud655\ub300 \uc548\ub0b4 \uba58\ud2b8 (\uc0ac\uc774\ub4dc\ubc14 \uace0\ub824) \uad50\uc721\uc2dc\uc124 \uac1d\uc2e4 \ubd80\ub300\uc2dc\uc124 \uad50\uc721\uc2dc\uc124 \uc548\ub0b4 \u25cf \uc774\uc6a9\ub300\uc0c1 | \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0 \ubc0f \uc6d0\uc218\uc0ac\/\ubcf4\ud5d8\ub300\ub9ac\uc810 \uc784\uc9c1\uc6d0 \u25cf \uc6b4\uc601\uc2dc\uac04 | \uc6d4~\ud1a0 \uc624\uc804 9\uc2dc~\uc800\ub141 6\uc2dc […]<\/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-11154","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11154","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=11154"}],"version-history":[{"count":196,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11154\/revisions"}],"predecessor-version":[{"id":16220,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11154\/revisions\/16220"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11154"}],"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-378c671 e-flex e-con-boxed e-con e-parent\" data-id=\"378c671\" 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-d710755 elementor-widget elementor-widget-html\" data-id=\"d710755\" 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, maximum-scale=1\" \/>\r\n<title>\ubd80\ub300\uc2dc\uc124 3\ub4f1\ubd84 \uc778\ud130\ub799\uc158 + \ud655\ub300 \uc548\ub0b4 \uba58\ud2b8 (\uc0ac\uc774\ub4dc\ubc14 \uace0\ub824)<\/title>\r\n<style>\r\n \/* \uae30\ubcf8 \uc124\uc815 *\/\r\n html, body {\r\n margin: 0; padding: 0; height: 100%; font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n overflow-x: hidden;\r\n }\r\n body {\r\n position: relative;\r\n }\r\n\r\n \/* \uc804\uccb4 \ucee8\ud14c\uc774\ub108: \uc88c\uce21 \uc0ac\uc774\ub4dc\ubc14 250px \uc81c\uc678\ud55c \uc601\uc5ed \uace0\uc815 *\/\r\n #facilityContainer {\r\n position: fixed;\r\n top: 0;\r\n left: 250px;\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n display: flex;\r\n z-index: 10;\r\n background: transparent;\r\n }\r\n\r\n \/* \uac01 \ubc15\uc2a4 \uc2a4\ud0c0\uc77c *\/\r\n .facility-box {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n color: white;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n backdrop-filter: blur(6px);\r\n border-left: 2px solid rgba(255,255,255,0.3);\r\n border-right: 2px solid rgba(255,255,255,0.3);\r\n background-size: cover;\r\n background-position: center center;\r\n }\r\n .facility-box:first-child { border-left: none; border-radius: 10px 0 0 10px; }\r\n .facility-box:last-child { border-right: none; border-radius: 0 10px 10px 0; }\r\n \r\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\r\n .facility-box[data-id=\"0\"] { background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg'); }\r\n .facility-box[data-id=\"1\"] { background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg'); }\r\n .facility-box[data-id=\"2\"] { background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503-scaled.jpg'); }\r\n\r\n \/* \ud14d\uc2a4\ud2b8 \ubc15\uc2a4 *\/\r\n .facility-text {\r\n font-size: 1.8rem;\r\n font-weight: 900;\r\n user-select: none;\r\n text-align: center;\r\n padding: 0 10px;\r\n text-shadow: 0 2px 12px #000;\r\n z-index: 2;\r\n color: #fff;\r\n background: rgba(0,0,0,0.4);\r\n border-radius: 12px;\r\n }\r\n\r\n \/* \ud65c\uc131\ud654 \uc2dc \uc2a4\ud0c0\uc77c *\/\r\n .facility-box.active {\r\n flex-grow: 2.5;\r\n background: rgba(0,0,0,0.7);\r\n cursor: default;\r\n z-index: 5;\r\n backdrop-filter: none;\r\n }\r\n .facility-box.active .facility-text {\r\n display: none;\r\n }\r\n\r\n \/* \ub0b4\ubd80 \ubc15\uc2a4 *\/\r\n .facility-inner {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n \/* \uc5b4\ub450\uc6b4 \uc624\ubc84\ub808\uc774 *\/\r\n #fullOverlay {\r\n position: fixed;\r\n top: 0;\r\n left: 250px;\r\n width: calc(100vw - 250px);\r\n height: 100vh;\r\n background-size: cover !important;\r\n background-position: center center !important;\r\n background-repeat: no-repeat;\r\n filter: brightness(0.6);\r\n z-index: 1500;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.5s ease;\r\n }\r\n #fullOverlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n \/* \uc815\ubcf4 \ubc15\uc2a4 *\/\r\n #infoBox {\r\n position: fixed;\r\n top: 50%;\r\n left: calc(50% + 125px);\r\n max-width: 760px; \/* \uac00\ub85c \ub113\ud798 *\/\r\n width: 92%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(0,0,0,0.85);\r\n color: #fff;\r\n padding: 30px 50px;\r\n border-radius: 20px;\r\n font-size: 1rem; \/* \uae00\uc528 \ud06c\uae30 *\/\r\n line-height: 1.8;\r\n z-index: 1600;\r\n box-shadow: 0 0 15px #0af;\r\n display: none;\r\n overflow-y: auto;\r\n overflow-x: auto;\r\n max-height: 90vh;\r\n transition: max-width 0.3s ease, width 0.3s ease;\r\n }\r\n #infoBox.wide {\r\n max-width: calc(100vw - 300px);\r\n width: calc(100vw - 300px);\r\n }\r\n #infoBox.show {\r\n display: block;\r\n }\r\n #infoBox h2 {\r\n margin-top: 0;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n #infoBox ul {\r\n padding-left: 20px;\r\n margin: 0 0 20px 0;\r\n }\r\n #infoBox ul li {\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* \ud558\ub2e8 \uc548\ub0b4\uc0ac\ud56d \uc2a4\ud0c0\uc77c *\/\r\n #extraInfo {\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n padding-left: 20px;\r\n margin: 0 0 40px 0;\r\n }\r\n #extraInfo li {\r\n margin-bottom: 10px;\r\n }\r\n \/* \ud504\ub9ac\ud328\uc2a4 \ud560\uc778 \uba58\ud2b8 \ucd94\uac00 *\/\r\n #freePassDiscount {\r\n font-size: 0.8rem;\r\n color: #ffd966;\r\n margin-top: -15px;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n\r\n \/* \ud504\ub9ac\ud328\uc2a4 \ud45c \uc2a4\ud0c0\uc77c *\/\r\n #freePassTable {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n color: #fff;\r\n font-size: 1rem; \/* \ud45c \uae00\uc528 \ud06c\uae30 *\/\r\n table-layout: fixed; \/* \uacf5\ubc31 \uc904\uc774\uae30 *\/\r\n }\r\n #freePassTable th, #freePassTable td {\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 10px 8px;\r\n text-align: center;\r\n vertical-align: middle;\r\n word-break: keep-all;\r\n }\r\n #freePassTable th {\r\n background: rgba(255,255,255,0.15);\r\n font-weight: 700;\r\n }\r\n #freePassTable .notice {\r\n font-weight: 400;\r\n font-size: 0.85rem;\r\n color: #ff6b6b;\r\n text-align: center;\r\n padding-top: 6px;\r\n }\r\n\r\n \/* \uac1d\uc2e4 \uc548\ub0b4 \ud45c *\/\r\n #infoBox table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n color: #fff;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n margin-bottom: 20px;\r\n table-layout: fixed;\r\n }\r\n #infoBox table th, #infoBox table td {\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 10px 8px;\r\n text-align: center;\r\n vertical-align: middle;\r\n word-break: keep-all;\r\n }\r\n #infoBox table th {\r\n background: rgba(255,255,255,0.15);\r\n font-weight: 700;\r\n }\r\n #infoBox table td ul {\r\n padding-left: 18px;\r\n text-align: left;\r\n margin: 0;\r\n }\r\n\r\n \/* \uc608\uc57d \ubc84\ud2bc *\/\r\n #reserveBtn {\r\n position: absolute;\r\n bottom: 20px;\r\n right: 30px;\r\n padding: 12px 28px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #fff;\r\n background-color: #007bff;\r\n border-radius: 8px;\r\n text-align: center;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background-color 0.3s ease;\r\n z-index: 1700;\r\n }\r\n #reserveBtn:hover,\r\n #reserveBtn:focus {\r\n background-color: #3399ff;\r\n outline: none;\r\n }\r\n\r\n \/* \ub2eb\uae30 \ubc84\ud2bc *\/\r\n #infoCloseBtn {\r\n position: fixed;\r\n top: 20px;\r\n left: calc(250px + 20px);\r\n background: transparent;\r\n border: none;\r\n color: #fff;\r\n font-size: 2.5rem;\r\n cursor: pointer;\r\n z-index: 1700;\r\n transition: color 0.3s ease;\r\n display: none;\r\n }\r\n #infoCloseBtn:hover {\r\n color: #f34444;\r\n }\r\n\r\n \/* \ud478\ud130 \uc228\uae40 *\/\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\r\n \/* \ubaa8\ubc14\uc77c \ub300\uc751 *\/\r\n @media (max-width: 900px) {\r\n #facilityContainer {\r\n position: static;\r\n width: 100vw;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px 0;\r\n padding: 20px 0 36px;\r\n background: none !important;\r\n left: 0;\r\n width: 100vw;\r\n }\r\n .facility-box {\r\n width: 96vw !important;\r\n max-width: 99vw !important;\r\n border-radius: 18px !important;\r\n border-left: none !important;\r\n border-right: none !important;\r\n box-shadow: 0 3px 16px #0007;\r\n flex-grow: unset !important;\r\n background-size: cover !important;\r\n background-position: center center !important;\r\n }\r\n .facility-box.active {\r\n flex-grow: unset !important;\r\n }\r\n #infoBox {\r\n max-width: 90vw;\r\n font-size: 0.9rem;\r\n padding: 20px 25px;\r\n transform: translate(-50%, -50%) !important;\r\n left: 50% !important;\r\n max-height: 80vh;\r\n overflow-x: auto;\r\n border-radius: 15px;\r\n }\r\n #infoCloseBtn {\r\n left: auto !important;\r\n right: 20px !important;\r\n display: block;\r\n }\r\n #reserveBtn {\r\n position: fixed !important;\r\n bottom: 15px !important;\r\n right: 15px !important;\r\n width: auto !important;\r\n padding: 10px 20px !important;\r\n font-size: 1rem !important;\r\n border-radius: 6px !important;\r\n z-index: 2000 !important;\r\n }\r\n }\r\n\r\n \/* \uc544\uc8fc \uc791\uc740 \ud654\uba74\uc5d0\uc11c\ub3c4 \ud14d\uc2a4\ud2b8 \uc9e4\ub9bc \ubc29\uc9c0 *\/\r\n @media (max-width: 400px) {\r\n #infoBox ul, #extraInfo {\r\n padding-left: 15px;\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n }\r\n #infoBox table th, #infoBox table td {\r\n font-size: 0.85rem;\r\n padding: 6px 4px;\r\n }\r\n #reserveBtn {\r\n font-size: 0.95rem !important;\r\n padding: 8px 16px !important;\r\n bottom: 10px !important;\r\n right: 10px !important;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"facilityContainer\" role=\"list\" aria-label=\"\ubd80\ub300\uc2dc\uc124 \uc120\ud0dd\">\r\n <div class=\"facility-box\" data-id=\"0\" role=\"listitem\" tabindex=\"0\"><div class=\"facility-inner\"><div class=\"facility-text\">\uad50\uc721\uc2dc\uc124<\/div><\/div><\/div>\r\n <div class=\"facility-box\" data-id=\"1\" role=\"listitem\" tabindex=\"0\"><div class=\"facility-inner\"><div class=\"facility-text\">\uac1d\uc2e4<\/div><\/div><\/div>\r\n <div class=\"facility-box\" data-id=\"2\" role=\"listitem\" tabindex=\"0\"><div class=\"facility-inner\"><div class=\"facility-text\">\ubd80\ub300\uc2dc\uc124<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n<div id=\"fullOverlay\" aria-hidden=\"true\"><\/div>\r\n<div id=\"infoBox\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"infoTitle\" aria-describedby=\"infoDesc\">\r\n <h2 id=\"infoTitle\">\uad50\uc721\uc2dc\uc124 \uc548\ub0b4<\/h2>\r\n <ul id=\"infoDesc\">\r\n <li>\u25cf \uc774\uc6a9\ub300\uc0c1 | \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0 \ubc0f \uc6d0\uc218\uc0ac\/\ubcf4\ud5d8\ub300\ub9ac\uc810 \uc784\uc9c1\uc6d0<\/li>\r\n <li>\u25cf \uc6b4\uc601\uc2dc\uac04 | \uc6d4~\ud1a0 \uc624\uc804 9\uc2dc~\uc800\ub141 6\uc2dc<\/li>\r\n <li>\u25cf \ud734\uad00\uc77c | \ub9e4\uc8fc \uc77c\uc694\uc77c, \ubc95\uc815 \uacf5\ud734\uc77c<\/li>\r\n <li>\u25cf \uc774\uc6a9\uc694\uae08 | \ubb34\ub8cc<\/li>\r\n <\/ul>\r\n\r\n \r\n <div id=\"extraInfoContainer\"><\/div>\r\n\r\n <a href=\"https:\/\/metarich-academy.co.kr\/?page_id=12254\" id=\"reserveBtn\" aria-label=\"\uc2e4\uc2dc\uac04 \uc608\uc57d \ubc14\ub85c\uac00\uae30 \ubc84\ud2bc\">\uc2e4\uc2dc\uac04 \uc608\uc57d<\/a>\r\n<\/div>\r\n<button id=\"infoCloseBtn\" aria-label=\"\uc548\ub0b4\ucc3d \ub2eb\uae30\">×<\/button>\r\n\r\n<script>\r\n const boxes = document.querySelectorAll('.facility-box');\r\n const fullOverlay = document.getElementById('fullOverlay');\r\n const infoBox = document.getElementById('infoBox');\r\n const infoCloseBtn = document.getElementById('infoCloseBtn');\r\n const extraInfoContainer = document.getElementById('extraInfoContainer');\r\n\r\n const bgImages = [\r\n 'https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg',\r\n 'https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg',\r\n 'https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503-scaled.jpg'\r\n ];\r\n\r\n const infoTexts = [\r\n {\r\n title: \"\uad50\uc721\uc2dc\uc124 \uc548\ub0b4\",\r\n items: [\r\n \" \uc774\uc6a9\ub300\uc0c1 | \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0, \uc6d0\uc218\uc0ac \ubc0f GA \uc784\uc9c1\uc6d0\",\r\n \" \uc6b4\uc601\uc2dc\uac04 | \uc6d4~\uc77c 09:00 ~ 21:00\",\r\n \" \uc704\uce58\uc548\ub0b4 | \uc911\uc559\ub3d9 1\uce35 \uc88c\uce21(\uc138\ubbf8\ub098\uc2e4A), \uc6b0\uce21(\uc138\ubbf8\ub098\uc2e4B)\",\r\n \" \ubbf8\uc6b4\uc601\uc77c | \ubc95\uc815 \uacf5\ud734\uc77c\",\r\n \" \uc608\uc57d\ubc29\ubc95 | \uc2e4\uc2dc\uac04 \uc608\uc57d\uc744 \ud1b5\ud55c \uc2e0\uccad\"\r\n ],\r\n extraInfo: `<ol id=\"extraInfo\">\r\n <li>\uc774\uc6a9\uc2dc\uac04:1\uc2dc\uac04 \ub2e8\uc704<\/li>\r\n <li>\ubd84\ub9ac\uc218\uac70 \ubc0f \uc790\ub9ac \uc815\ub9ac\ub294 \ud544\uc218\uc785\ub2c8\ub2e4.<\/li>\r\n <li>\ub0c9\ub09c\ubc29\uae30 \ubc0f \uc804\ub4f1 \uc18c\ub4f1\uc5d0 \ud611\uc870 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ud1f4\uc2e4 \uc2dc \uad00\ub9ac\uc790\uc758 \ud655\uc778\uc744 \ubc1b\uc544\uc57c \ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uae30\ud0c0 \uc2dc\uc124 \uc774\uc6a9 \uc218\uce59\uc744 \uc900\uc218\ud574 \uc8fc\uc138\uc694.<\/li>\r\n <\/ol>`\r\n },\r\n {\r\n title: \"\uac1d\uc2e4 \uc548\ub0b4\",\r\n items: [\r\n `<table>\r\n <thead>\r\n <tr>\r\n <th>\uac1d\uc2e4\uc720\ud615<\/th>\r\n <th>\uad6c\uc131<\/th>\r\n <th>\uae30\uc900 \uc778\uc6d0<\/th>\r\n <th>\ucd5c\ub300 \uc778\uc6d0<\/th>\r\n <th>\uc694\uae08(\uc8fc\uc911)<\/th>\r\n <th>\uc694\uae08(\uc8fc\ub9d0)<\/th>\r\n <th>\ubcf4\uc720<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\ub3c5\ucc44\ud480\ube4c\ub77c<\/td>\r\n <td>\r\n <ul>\r\n <li>\ubc292 (\ud038\uce68\ub300)<\/li>\r\n <li>\uac70\uc2e4<\/li>\r\n <li>\uc8fc\ubc29<\/li>\r\n <li>\ud654\uc7a5\uc2e42<\/li>\r\n <li>\uac1c\ubcc4 \uc57c\uc678\uc218\uc601\uc7a5<\/li>\r\n <\/ul>\r\n <\/td>\r\n <td>4\uba85<\/td>\r\n <td>7\uba85<\/td>\r\n <td>500,000\uc6d0<\/td>\r\n <td>600,000\uc6d0<\/td>\r\n <td>17\uc2e4<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\ubc99\ucee4\ud615 \ubcf5\uce35<\/td>\r\n <td>\r\n <ul>\r\n <li>1F : \uac70\uc2e4, \uc8fc\ubc29, \ud654\uc7a5\uc2e4<\/li>\r\n <li>2F : \uce68\uc2e4 (\ub354\ube14\uce68\ub300)<\/li>\r\n <\/ul>\r\n <\/td>\r\n <td>2\uba85<\/td>\r\n <td>4\uba85<\/td>\r\n <td>300,000\uc6d0<\/td>\r\n <td>400,000\uc6d0<\/td>\r\n <td>8\uc2e4<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p style=\"font-size: 0.85rem; margin-top: 12px;\">\r\n \u203b \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d050% \ud560\uc778 \uc801\uc6a9<br>\r\n \u203b \uc778\uc6d0 \ucd94\uac00\uc694\uae08 : \ub3c5\ucc44 \ud480\ube4c\ub77c \uc778\ub2f9 3\ub9cc \uc6d0, \ubc99\ucee4\ud615 2\ub9cc \uc6d0<br>\r\n \u203b \uc8fc\uc911: \uc6d4 ~ \ubaa9, \uc8fc\ub9d0: \uae08,\ud1a0,\uacf5\ud734\uc77c \uc804\uc77c<br><br>\r\n 1. \uc778\uc6d0\uc81c\ud55c\uc744 \ubc18\ub4dc\uc2dc \uc9c0\ucf1c\uc8fc\uc2dc\uae30 \ubc14\ub77c\uba70 \ucd5c\ub300\uc778\uc6d0\uc744 \ucd08\uacfc\ud574\uc11c\ub294 \uc608\uc57d\uc744 \ud558\uc2e4 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<br>\r\n 2. \uac1d\uc2e4 \ucee8\ub514\uc158\uc744 \uc704\ud574 \ubc14\ubca0\ud050 \ubc0f \uc0dd\uc120, \ud280\uae40, \uc0bc\uacb9\uc0b4 \ub4f1\uc740 \uac1d\uc2e4 \ub0b4 \uc870\ub9ac\uac00 \ubd88\uac00\ud558\uba70, \ubc14\ubca0\ud050 \uc2dc\uc124\uc5d0\uc120 \uc870\ub9ac\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.<br>\r\n 3. \ubb34\ubd84\ubcc4\ud55c \uc624\ub77d, \uc74c\uc8fc, \uace0\uc131\ubc29\uac00\ub294 \ub2e4\ub978 \uac1d\uc2e4\uc5d0 \ubd88\ud3b8\uc744 \uc904 \uc218 \uc788\uc73c\ub2c8 \uc8fc\uc758 \ubd80\ud0c1\ub4dc\ub9ac\uba70, \uc0c1\ud669\uc5d0 \ub530\ub77c \ud1f4\uc2e4 \uc870\uce58\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\r\n 4. \uac1d\uc2e4\uc740 \ub300\uc5ec \uc2dc\uc124\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\ud558\uc2e0 \ud6c4 \uac1d\uc2e4 \uc815\ub9ac \ubc0f \ubd84\ub9ac\uc218\uac70\ub97c \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.<br>\r\n 5. \uc560\uc644\ub3d9\ubb3c\uc740 \ub3d9\ubc18 \uc785\uc2e4\uc774 \ubd88\uac00\ud569\ub2c8\ub2e4. \ub3d9\ubc18\uc2dc\uc5d0\ub294 \ud658\ubd88\uc5c6\uc774 \ud1f4\uc2e4 \uc870\uce58\ub418\uc624\ub2c8 \uc720\ub150\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<br>\r\n 6. \uac1d\uc2e4 \ub0b4\uc5d0\uc11c\ub294 \uae08\uc5f0\uc785\ub2c8\ub2e4. \uc9c0\uc815\ub41c \ud761\uc5f0\uc7a5\uc18c\ub97c \uc774\uc6a9\ud574 \uc8fc\uc138\uc694.<br>\r\n 7. \uc2dc\uc124 \ub0b4 \uac1c\uc778 \ud654\uae30\uc6a9\ud488(\ud734\ub300\uc6a9 \ubc84\ub108 \ub4f1) \ubc18\uc785 \ubd88\uac00\uc784\uc744 \uc548\ub0b4\ub4dc\ub9bd\ub2c8\ub2e4.\r\n <\/p>`\r\n ],\r\n extraInfo: ''\r\n },\r\n {\r\n title: \"\ubd80\ub300\uc2dc\uc124 \uc548\ub0b4\",\r\n items: [],\r\n extraInfo: ''\r\n }\r\n ];\r\n\r\n const freePassInfo = `\r\n <p style=\"font-weight:700; margin-bottom:12px;\">\r\n \u25cf \ubd80\ub300\uc2dc\uc124(\uc218\uc601\uc7a5, \ub9e4\uc810 \ub4f1)\uc740 \ud504\ub9ac\ud328\uc2a4 \uc774\uc6a9\uad8c \uad6c\ub9e4 \uace0\uac1d\uc5d0 \ud55c\ud574 \uc774\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <table id=\"freePassTable\" aria-label=\"\ud504\ub9ac\ud328\uc2a4 \uc694\uae08 \uc548\ub0b4\">\r\n <thead>\r\n <tr>\r\n <th>\uad6c\ubd84<\/th>\r\n <th>\uc6d4-\ubaa9<\/th>\r\n <th>\uae08-\uc77c\/\uacf5\ud734\uc77c<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\ub300\uc778 (\ub9cc 13\uc138 \uc774\uc0c1)<\/td>\r\n <td>10,000\uc6d0<\/td>\r\n <td>20,000\uc6d0<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\uc18c\uc778 (\ub9cc 12\uc138 \uc774\ud558)<\/td>\r\n <td>5,000\uc6d0<\/td>\r\n <td>10,000\uc6d0<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>36\uac1c\uc6d4 \ubbf8\ub9cc<\/td>\r\n <td colspan=\"2\">\ubb34\ub8cc<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <div id=\"freePassDiscount\">\ud504\ub9ac\ud328\uc2a4 \uc774\uc6a9\uad8c \uc5f0\ubc15 \uc774\uc6a9 \uc2dc 2\uc77c\uc9f8\ubd80\ud130 50% \ud560\uc778<\/div>\r\n <p class=\"notice\">\u203b \uc5f0\ub839\ud655\uc778\uc744 \uc704\ud574 \ud655\uc778\uc99d \uc81c\uc2dc \uc694\uccad\uc774 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <ul style=\"font-size:0.85rem; line-height:1.5; margin-top:16px; padding-left: 20px;\">\r\n <li>\uc57c\uc678 \uc778\ud53c\ub2c8\ud2f0\ud480, \ubc99\ucee4\ub8f8 \uc6d0\ud615 \uc218\uc601\uc7a5, \ub77c\uc6b4\uc9c0, \ub9e4\uc810\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n <li>\ubb3c\ucd1d, \ud29c\ube0c, \ud30c\ub77c\uc194 \ub4f1 \ub2e4\uc591\ud55c \ubd80\ub300\uc2dc\uc124 \uc774\uc6a9\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4.<\/li>\r\n <li>\uc785\uc7a5 \uc2dc \ubc18\ub4dc\uc2dc \uc785\uc7a5\uad8c \ud314\ucc0c \ucc29\uc6a9 \uace0\uac1d\ub9cc \uc774\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uc774\uc6a9\uad8c \ubbf8\uc18c\uc9c0 \uace0\uac1d\uc740 \ud574\ub2f9 \uc2dc\uc124 \uc774\uc6a9\uc774 \ubd88\uac00\ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uc218\uc601\uc7a5 \ub0b4 \ub6f0\uac70\ub098 \ub2e4\uc774\ube59\uc740 \uae08\uc9c0\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n <li>\uc2dc\uc124 \uc774\uc6a9 \uc911 \uc0ac\uace0 \ubc1c\uc0dd \uc2dc \ubcf8\uc778\uc740 \ucc45\uc784\uc744 \uc9c0\uc154\uc57c \ud569\ub2c8\ub2e4.<\/li>\r\n <li>\uc2dc\uc124 \ub0b4\uc5d0\uc11c \uace0\uc131\ubc29\uac00, \ubb34\ubd84\ubcc4\ud55c \uc74c\uc8fc, \ud761\uc5f0\uc740 \uae08\uc9c0\ub429\ub2c8\ub2e4.<\/li>\r\n <li>\uc678\ubd80 \uc74c\uc2dd\ubb3c \ubc18\uc785\uc740 \uc81c\ud55c\ub418\ub2c8 \uc548\ub0b4\ub97c \uc900\uc218\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ub4dc\uc2e0 \uc74c\uc2dd \ubc0f \uc4f0\ub808\uae30\ub294 \ub9e4\uc7a5 \ub0b4 \ube44\uce58\ub41c \ud734\uc9c0\ud1b5\uc5d0 \ubd84\ub9ac\uc218\uac70\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ubb3c\ud488\uc774 \ud6fc\uc190\ub418\uac70\ub098 \ubd84\uc2e4\ub420 \uacbd\uc6b0, \uc81c\ud488 \uae08\uc561 \uae30\uc900\uc73c\ub85c \uc190\ud574\uae08\uc774 \uccad\uad6c\ub418\ub2c8, \uc18c\uc911\ud788 \ub2e4\ub904\uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/li>\r\n <li>\ubaa8\ub4e0 \uace0\uac1d\uc740 \ucf8c\uc801\ud55c \ud658\uacbd \uc720\uc9c0\ub97c \uc704\ud574 \uc9c8\uc11c \uc788\ub294 \uc774\uc6a9\uc744 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.<\/li>\r\n <\/ul>\r\n `;\r\n\r\n boxes.forEach((box, idx) => {\r\n box.addEventListener('click', () => {\r\n boxes.forEach(b => b.classList.remove('active'));\r\n box.classList.add('active');\r\n\r\n fullOverlay.style.backgroundImage = `url(${bgImages[idx]})`;\r\n fullOverlay.classList.add('active');\r\n fullOverlay.setAttribute('aria-hidden', 'false');\r\n\r\n const info = infoTexts[idx];\r\n infoBox.querySelector('h2').textContent = info.title;\r\n\r\n const ul = infoBox.querySelector('ul');\r\n ul.innerHTML = '';\r\n info.items.forEach(text => {\r\n if(text.trim().startsWith('<table')) {\r\n ul.insertAdjacentHTML('beforeend', text);\r\n } else {\r\n const li = document.createElement('li');\r\n li.textContent = text;\r\n ul.appendChild(li);\r\n }\r\n });\r\n\r\n \/\/ extraInfo \ub3d9\uc801 \ucc98\ub9ac\r\n extraInfoContainer.innerHTML = info.extraInfo || '';\r\n\r\n if (idx === 1) {\r\n infoBox.classList.add('wide');\r\n \/\/ \uac1d\uc2e4 \uc608\uc57d \ubc84\ud2bc \ubcf4\uc774\uae30\r\n document.getElementById('reserveBtn').style.display = 'block';\r\n } else if (idx === 2) {\r\n \/\/ \ubd80\ub300\uc2dc\uc124 \uc608\uc57d \ubc84\ud2bc \uc228\uae40\r\n document.getElementById('reserveBtn').style.display = 'none';\r\n } else {\r\n infoBox.classList.remove('wide');\r\n \/\/ \uad50\uc721\uc2dc\uc124 \uc608\uc57d \ubc84\ud2bc \ubcf4\uc784\r\n document.getElementById('reserveBtn').style.display = 'block';\r\n }\r\n\r\n \/\/ \ubd80\ub300\uc2dc\uc124 \ud504\ub9ac\ud328\uc2a4 \uc815\ubcf4 \ucd94\uac00\r\n if (idx === 2) {\r\n if (!document.getElementById('freePassInfoContainer')) {\r\n const div = document.createElement('div');\r\n div.id = 'freePassInfoContainer';\r\n div.style.marginTop = '20px';\r\n div.innerHTML = freePassInfo;\r\n infoBox.insertBefore(div, infoBox.firstChild.nextSibling.nextSibling);\r\n }\r\n } else {\r\n const freePassDiv = document.getElementById('freePassInfoContainer');\r\n if (freePassDiv) freePassDiv.remove();\r\n }\r\n\r\n infoBox.classList.add('show');\r\n infoCloseBtn.style.display = 'block';\r\n\r\n document.body.style.overflow = 'hidden';\r\n });\r\n });\r\n\r\n function closeInfo() {\r\n boxes.forEach(b => b.classList.remove('active'));\r\n fullOverlay.classList.remove('active');\r\n fullOverlay.setAttribute('aria-hidden', 'true');\r\n infoBox.classList.remove('show');\r\n infoBox.classList.remove('wide');\r\n infoCloseBtn.style.display = 'none';\r\n document.body.style.overflow = '';\r\n extraInfoContainer.innerHTML = '';\r\n const freePassDiv = document.getElementById('freePassInfoContainer');\r\n if (freePassDiv) freePassDiv.remove();\r\n }\r\n\r\n infoCloseBtn.addEventListener('click', closeInfo);\r\n fullOverlay.addEventListener('click', closeInfo);\r\n\r\n \/\/ \ud0a4\ubcf4\ub4dc \uc811\uadfc\uc131 - ESC \ud0a4\ub85c \ub2eb\uae30\r\n window.addEventListener('keydown', e => {\r\n if(e.key === 'Escape' && infoBox.classList.contains('show')) {\r\n closeInfo();\r\n }\r\n });\r\n\r\n \/\/ \ud0a4\ubcf4\ub4dc \uc811\uadfc\uc131 - Enter \ubc0f Space\ub85c \ubc15\uc2a4 \ud074\ub9ad \uac00\ub2a5\ud558\uac8c\r\n boxes.forEach(box => {\r\n box.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n box.click();\r\n }\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adc7e1f elementor-widget elementor-widget-html\" data-id=\"adc7e1f\" 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: 90vw;\r\n max-height: 80vh;\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\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 \ubd80\ub300\uc2dc\uc124 3\ub4f1\ubd84 \uc778\ud130\ub799\uc158 + \ud655\ub300 \uc548\ub0b4 \uba58\ud2b8 (\uc0ac\uc774\ub4dc\ubc14 \uace0\ub824) \uad50\uc721\uc2dc\uc124 \uac1d\uc2e4 \ubd80\ub300\uc2dc\uc124 \uad50\uc721\uc2dc\uc124 \uc548\ub0b4 \u25cf \uc774\uc6a9\ub300\uc0c1 | \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0 \ubc0f \uc6d0\uc218\uc0ac\/\ubcf4\ud5d8\ub300\ub9ac\uc810 \uc784\uc9c1\uc6d0 \u25cf \uc6b4\uc601\uc2dc\uac04 | \uc6d4~\ud1a0 \uc624\uc804 9\uc2dc~\uc800\ub141 6\uc2dc […]<\/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-11154","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11154","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=11154"}],"version-history":[{"count":196,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11154\/revisions"}],"predecessor-version":[{"id":16220,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11154\/revisions\/16220"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}