\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-d8a34ac e-con-full e-flex e-con e-parent\" data-id=\"d8a34ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b30c020 elementor-widget elementor-widget-html\" data-id=\"b30c020\" 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>\ud39c\uc158 \uc18c\uac1c + \uac1d\uc2e4\uc815\ubcf4 \ud45c (\uac80\uc815 \ubc30\uacbd, \ubd80\ub4dc\ub7ec\uc6b4 \ud398\uc774\ub4dc \ud6a8\uacfc)<\/title>\r\n<style>\r\n footer {\r\n display: none !important;\r\n }\r\n html, body {\r\n margin: 0; padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n font-family: Arial, sans-serif;\r\n background: #000;\r\n color: #fff;\r\n }\r\n #app-wrapper {\r\n display: flex;\r\n min-height: 100vh;\r\n width: 100vw;\r\n }\r\n #header {\r\n width: 250px;\r\n background: #000;\r\n color: #fff;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n .content-wrapper {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .slider-container {\r\n height: 100vh;\r\n position: relative;\r\n background: #000;\r\n }\r\n .main-image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n #mainImage {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n background: #000;\r\n display: block;\r\n opacity: 1;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n\r\n .arrow-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: transparent;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n user-select: none;\r\n z-index: 20;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0.7;\r\n transition: opacity 0.3s ease;\r\n }\r\n .arrow-btn:hover {\r\n opacity: 1;\r\n }\r\n .arrow-left {\r\n left: 10px;\r\n }\r\n .arrow-right {\r\n right: 10px;\r\n }\r\n\r\n .arrow-icon {\r\n width: 24px;\r\n height: 24px;\r\n fill: #fff;\r\n }\r\n\r\n .thumbnail-wrapper {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 5px 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 0;\r\n overflow-x: auto;\r\n background: #000;\r\n }\r\n .thumbnail-wrapper img {\r\n height: 100px;\r\n width: auto;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n border: 3px solid transparent;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n .thumbnail-wrapper img.active {\r\n opacity: 1;\r\n border-color: #fff;\r\n }\r\n\r\n .room-info-section {\r\n padding: 40px 30px;\r\n background: #000;\r\n box-sizing: border-box;\r\n max-width: 1200px;\r\n margin: 0 auto 50px;\r\n width: calc(100% - 250px);\r\n color: #fff;\r\n }\r\n .room-info-section h2 {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n font-weight: 700;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 14px;\r\n }\r\n thead th, tbody td {\r\n border: 1px solid #444;\r\n padding: 10px 8px;\r\n text-align: center;\r\n vertical-align: middle;\r\n color: #fff;\r\n }\r\n tbody td:first-child {\r\n font-weight: 700;\r\n }\r\n tbody td:nth-child(2) ul {\r\n padding-left: 20px;\r\n margin: 4px 0 0 0;\r\n list-style: disc;\r\n text-align: left;\r\n color: #fff;\r\n }\r\n tbody tr:hover {\r\n background-color: #222;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #app-wrapper {\r\n flex-direction: column;\r\n }\r\n #header {\r\n width: 100%;\r\n height: 60px;\r\n padding: 10px 20px;\r\n }\r\n .room-info-section, .content-wrapper {\r\n width: 100%;\r\n margin: 0;\r\n padding: 20px 10px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"app-wrapper\">\r\n <div id=\"header\">\r\n <h2>\ud39c\uc158 \uc18c\uac1c<\/h2>\r\n <p>\uc0ac\uc774\ub4dc \uba54\ub274 \ub610\ub294 \uc815\ubcf4<\/p>\r\n <\/div>\r\n\r\n <div class=\"content-wrapper\">\r\n <div class=\"slider-container\">\r\n <div class=\"main-image-wrapper\">\r\n <button class=\"arrow-btn arrow-left\" aria-label=\"\uc774\uc804 \uc774\ubbf8\uc9c0\">\r\n <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/7-1.jpg\" alt=\"\ud39c\uc158 \uc774\ubbf8\uc9c0 1\" \/>\r\n <button class=\"arrow-btn arrow-right\" aria-label=\"\ub2e4\uc74c \uc774\ubbf8\uc9c0\">\r\n <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"thumbnail-wrapper\" id=\"thumbnailWrapper\"><\/div>\r\n <\/div>\r\n\r\n <section class=\"room-info-section\">\r\n <h2>Room's Info<\/h2>\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>\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 <\/section>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const images = [\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/7-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/11-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/16-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/5-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/14-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/15-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/1-2.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/9-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/6746a562e7438.jpg\",\r\n ];\r\n\r\n let currentIndex = 0;\r\n let slideInterval;\r\n const mainImage = document.getElementById(\"mainImage\");\r\n const thumbnailWrapper = document.getElementById(\"thumbnailWrapper\");\r\n const prevBtn = document.querySelector(\".arrow-left\");\r\n const nextBtn = document.querySelector(\".arrow-right\");\r\n\r\n function createThumbnails() {\r\n images.forEach((src, idx) => {\r\n const thumb = document.createElement(\"img\");\r\n thumb.src = src;\r\n thumb.alt = `\uc378\ub124\uc77c \uc774\ubbf8\uc9c0 ${idx + 1}`;\r\n if (idx === 0) thumb.classList.add(\"active\");\r\n thumb.addEventListener(\"click\", () => {\r\n setCurrentIndex(idx);\r\n resetAutoSlide();\r\n });\r\n thumbnailWrapper.appendChild(thumb);\r\n });\r\n }\r\n\r\n function setCurrentIndex(index) {\r\n \/\/ \ud398\uc774\ub4dc \uc544\uc6c3\r\n mainImage.style.opacity = 0;\r\n\r\n setTimeout(() => {\r\n currentIndex = index;\r\n mainImage.src = images[currentIndex];\r\n mainImage.alt = `\ud39c\uc158 \uc774\ubbf8\uc9c0 ${currentIndex + 1}`;\r\n\r\n \/\/ \ud398\uc774\ub4dc \uc778\r\n mainImage.style.opacity = 1;\r\n\r\n \/\/ \uc378\ub124\uc77c active \ubcc0\uacbd\r\n const thumbs = thumbnailWrapper.querySelectorAll(\"img\");\r\n thumbs.forEach((thumb, idx) => {\r\n thumb.classList.toggle(\"active\", idx === currentIndex);\r\n });\r\n }, 500); \/\/ transition duration\uacfc \ub3d9\uc77c\ud558\uac8c \uc124\uc815\r\n }\r\n\r\n function prevSlide() {\r\n const newIndex = currentIndex === 0 ? images.length - 1 : currentIndex - 1;\r\n setCurrentIndex(newIndex);\r\n }\r\n\r\n function nextSlide() {\r\n const newIndex = currentIndex === images.length - 1 ? 0 : currentIndex + 1;\r\n setCurrentIndex(newIndex);\r\n }\r\n\r\n prevBtn.addEventListener(\"click\", () => {\r\n prevSlide();\r\n resetAutoSlide();\r\n });\r\n\r\n nextBtn.addEventListener(\"click\", () => {\r\n nextSlide();\r\n resetAutoSlide();\r\n });\r\n\r\n function startAutoSlide() {\r\n slideInterval = setInterval(() => {\r\n nextSlide();\r\n }, 2000);\r\n }\r\n\r\n function resetAutoSlide() {\r\n clearInterval(slideInterval);\r\n startAutoSlide();\r\n }\r\n\r\n createThumbnails();\r\n startAutoSlide();\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\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 \ud39c\uc158 \uc18c\uac1c + \uac1d\uc2e4\uc815\ubcf4 \ud45c (\uac80\uc815 \ubc30\uacbd, \ubd80\ub4dc\ub7ec\uc6b4 \ud398\uc774\ub4dc \ud6a8\uacfc) \ud39c\uc158 \uc18c\uac1c \uc0ac\uc774\ub4dc \uba54\ub274 \ub610\ub294 \uc815\ubcf4 Room’s Info \uac1d\uc2e4\uc720\ud615 \uad6c\uc131 \uae30\uc900 \uc778\uc6d0 \ucd5c\ub300 \uc778\uc6d0 \uc694\uae08(\uc8fc\uc911) \uc694\uae08(\uc8fc\ub9d0) \ubcf4\uc720 \ubc99\ucee4\ud615 \ubcf5\uce35 […]<\/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-12034","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12034","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=12034"}],"version-history":[{"count":31,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12034\/revisions"}],"predecessor-version":[{"id":14556,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12034\/revisions\/14556"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12034"}],"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-d8a34ac e-con-full e-flex e-con e-parent\" data-id=\"d8a34ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b30c020 elementor-widget elementor-widget-html\" data-id=\"b30c020\" 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>\ud39c\uc158 \uc18c\uac1c + \uac1d\uc2e4\uc815\ubcf4 \ud45c (\uac80\uc815 \ubc30\uacbd, \ubd80\ub4dc\ub7ec\uc6b4 \ud398\uc774\ub4dc \ud6a8\uacfc)<\/title>\r\n<style>\r\n footer {\r\n display: none !important;\r\n }\r\n html, body {\r\n margin: 0; padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n font-family: Arial, sans-serif;\r\n background: #000;\r\n color: #fff;\r\n }\r\n #app-wrapper {\r\n display: flex;\r\n min-height: 100vh;\r\n width: 100vw;\r\n }\r\n #header {\r\n width: 250px;\r\n background: #000;\r\n color: #fff;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n .content-wrapper {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .slider-container {\r\n height: 100vh;\r\n position: relative;\r\n background: #000;\r\n }\r\n .main-image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n #mainImage {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n background: #000;\r\n display: block;\r\n opacity: 1;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n\r\n .arrow-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: transparent;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n user-select: none;\r\n z-index: 20;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0.7;\r\n transition: opacity 0.3s ease;\r\n }\r\n .arrow-btn:hover {\r\n opacity: 1;\r\n }\r\n .arrow-left {\r\n left: 10px;\r\n }\r\n .arrow-right {\r\n right: 10px;\r\n }\r\n\r\n .arrow-icon {\r\n width: 24px;\r\n height: 24px;\r\n fill: #fff;\r\n }\r\n\r\n .thumbnail-wrapper {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 5px 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 0;\r\n overflow-x: auto;\r\n background: #000;\r\n }\r\n .thumbnail-wrapper img {\r\n height: 100px;\r\n width: auto;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n border: 3px solid transparent;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n .thumbnail-wrapper img.active {\r\n opacity: 1;\r\n border-color: #fff;\r\n }\r\n\r\n .room-info-section {\r\n padding: 40px 30px;\r\n background: #000;\r\n box-sizing: border-box;\r\n max-width: 1200px;\r\n margin: 0 auto 50px;\r\n width: calc(100% - 250px);\r\n color: #fff;\r\n }\r\n .room-info-section h2 {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n font-weight: 700;\r\n font-size: 24px;\r\n color: #fff;\r\n }\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 14px;\r\n }\r\n thead th, tbody td {\r\n border: 1px solid #444;\r\n padding: 10px 8px;\r\n text-align: center;\r\n vertical-align: middle;\r\n color: #fff;\r\n }\r\n tbody td:first-child {\r\n font-weight: 700;\r\n }\r\n tbody td:nth-child(2) ul {\r\n padding-left: 20px;\r\n margin: 4px 0 0 0;\r\n list-style: disc;\r\n text-align: left;\r\n color: #fff;\r\n }\r\n tbody tr:hover {\r\n background-color: #222;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #app-wrapper {\r\n flex-direction: column;\r\n }\r\n #header {\r\n width: 100%;\r\n height: 60px;\r\n padding: 10px 20px;\r\n }\r\n .room-info-section, .content-wrapper {\r\n width: 100%;\r\n margin: 0;\r\n padding: 20px 10px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"app-wrapper\">\r\n <div id=\"header\">\r\n <h2>\ud39c\uc158 \uc18c\uac1c<\/h2>\r\n <p>\uc0ac\uc774\ub4dc \uba54\ub274 \ub610\ub294 \uc815\ubcf4<\/p>\r\n <\/div>\r\n\r\n <div class=\"content-wrapper\">\r\n <div class=\"slider-container\">\r\n <div class=\"main-image-wrapper\">\r\n <button class=\"arrow-btn arrow-left\" aria-label=\"\uc774\uc804 \uc774\ubbf8\uc9c0\">\r\n <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/7-1.jpg\" alt=\"\ud39c\uc158 \uc774\ubbf8\uc9c0 1\" \/>\r\n <button class=\"arrow-btn arrow-right\" aria-label=\"\ub2e4\uc74c \uc774\ubbf8\uc9c0\">\r\n <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M8.59 16.59L10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"thumbnail-wrapper\" id=\"thumbnailWrapper\"><\/div>\r\n <\/div>\r\n\r\n <section class=\"room-info-section\">\r\n <h2>Room's Info<\/h2>\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>\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 <\/section>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const images = [\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/7-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/11-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/16-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/5-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/14-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/15-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/1-2.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/9-1.jpg\",\r\n \"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/6746a562e7438.jpg\",\r\n ];\r\n\r\n let currentIndex = 0;\r\n let slideInterval;\r\n const mainImage = document.getElementById(\"mainImage\");\r\n const thumbnailWrapper = document.getElementById(\"thumbnailWrapper\");\r\n const prevBtn = document.querySelector(\".arrow-left\");\r\n const nextBtn = document.querySelector(\".arrow-right\");\r\n\r\n function createThumbnails() {\r\n images.forEach((src, idx) => {\r\n const thumb = document.createElement(\"img\");\r\n thumb.src = src;\r\n thumb.alt = `\uc378\ub124\uc77c \uc774\ubbf8\uc9c0 ${idx + 1}`;\r\n if (idx === 0) thumb.classList.add(\"active\");\r\n thumb.addEventListener(\"click\", () => {\r\n setCurrentIndex(idx);\r\n resetAutoSlide();\r\n });\r\n thumbnailWrapper.appendChild(thumb);\r\n });\r\n }\r\n\r\n function setCurrentIndex(index) {\r\n \/\/ \ud398\uc774\ub4dc \uc544\uc6c3\r\n mainImage.style.opacity = 0;\r\n\r\n setTimeout(() => {\r\n currentIndex = index;\r\n mainImage.src = images[currentIndex];\r\n mainImage.alt = `\ud39c\uc158 \uc774\ubbf8\uc9c0 ${currentIndex + 1}`;\r\n\r\n \/\/ \ud398\uc774\ub4dc \uc778\r\n mainImage.style.opacity = 1;\r\n\r\n \/\/ \uc378\ub124\uc77c active \ubcc0\uacbd\r\n const thumbs = thumbnailWrapper.querySelectorAll(\"img\");\r\n thumbs.forEach((thumb, idx) => {\r\n thumb.classList.toggle(\"active\", idx === currentIndex);\r\n });\r\n }, 500); \/\/ transition duration\uacfc \ub3d9\uc77c\ud558\uac8c \uc124\uc815\r\n }\r\n\r\n function prevSlide() {\r\n const newIndex = currentIndex === 0 ? images.length - 1 : currentIndex - 1;\r\n setCurrentIndex(newIndex);\r\n }\r\n\r\n function nextSlide() {\r\n const newIndex = currentIndex === images.length - 1 ? 0 : currentIndex + 1;\r\n setCurrentIndex(newIndex);\r\n }\r\n\r\n prevBtn.addEventListener(\"click\", () => {\r\n prevSlide();\r\n resetAutoSlide();\r\n });\r\n\r\n nextBtn.addEventListener(\"click\", () => {\r\n nextSlide();\r\n resetAutoSlide();\r\n });\r\n\r\n function startAutoSlide() {\r\n slideInterval = setInterval(() => {\r\n nextSlide();\r\n }, 2000);\r\n }\r\n\r\n function resetAutoSlide() {\r\n clearInterval(slideInterval);\r\n startAutoSlide();\r\n }\r\n\r\n createThumbnails();\r\n startAutoSlide();\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\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 \ud39c\uc158 \uc18c\uac1c + \uac1d\uc2e4\uc815\ubcf4 \ud45c (\uac80\uc815 \ubc30\uacbd, \ubd80\ub4dc\ub7ec\uc6b4 \ud398\uc774\ub4dc \ud6a8\uacfc) \ud39c\uc158 \uc18c\uac1c \uc0ac\uc774\ub4dc \uba54\ub274 \ub610\ub294 \uc815\ubcf4 Room’s Info \uac1d\uc2e4\uc720\ud615 \uad6c\uc131 \uae30\uc900 \uc778\uc6d0 \ucd5c\ub300 \uc778\uc6d0 \uc694\uae08(\uc8fc\uc911) \uc694\uae08(\uc8fc\ub9d0) \ubcf4\uc720 \ubc99\ucee4\ud615 \ubcf5\uce35 […]<\/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-12034","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12034","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=12034"}],"version-history":[{"count":31,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12034\/revisions"}],"predecessor-version":[{"id":14556,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/12034\/revisions\/14556"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}