{"id":44,"date":"2025-09-20T05:13:19","date_gmt":"2025-09-20T05:13:19","guid":{"rendered":"https:\/\/this8442.mycafe24.com\/?page_id=44"},"modified":"2026-10-10T06:56:59","modified_gmt":"2026-10-10T06:56:59","slug":"%ec%84%b8%eb%8c%80%ec%95%88%eb%82%b4-2","status":"publish","type":"page","link":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/?page_id=44","title":{"rendered":"\uc138\ub300\uc548\ub0b4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\">\n\t\t\t\t<div class=\"elementor-element elementor-element-158c519 e-con-full e-flex e-con e-parent\" data-id=\"158c519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d14a639 elementor-widget elementor-widget-html\" data-id=\"d14a639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. \uc0c1\ub2e8 \uc774\ubbf8\uc9c0 \uc601\uc5ed (\uba54\ub274\ubc14\uc640 \uc644\uc804\ud788 \ubd84\ub9ac) -->\r\n<div class=\"property-banner-component\" style=\"width: 100%; height: 200px; overflow: hidden; background-color: #111; position: relative; z-index: 1;\">\r\n    <img decoding=\"async\" src=\"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/09\/\uba54\uc778-scaled.jpg\" alt=\"\uc0c1\ub2e8 \uba54\uc778 \uc774\ubbf8\uc9c0\" style=\"width: 100%; height: 100%; object-fit: cover; display: block; animation: verySlowZoomIn 6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\" title=\"\">\r\n<\/div>\r\n\r\n<!-- 2. \uc2a4\ud06c\ub864 \uc2dc \ud654\uba74 \ub9e8 \uc704\uc5d0 \uace0\uc815\ub418\ub294 \uba54\ub274 \ubc14 -->\r\n<nav class=\"sticky-menu-wrapper\" id=\"stickyMenu\" style=\"width: 100%; background-color: #ffffff; border-bottom: 1px solid #ddd; position: relative; z-index: 9999;\">\r\n    <!-- \uc88c\uc6b0 \uc5ec\ubc31\uc744 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc7a1\uc544\uc8fc\ub294 \uc911\uc559 \uc815\ub82c \ucee8\ud14c\uc774\ub108 (\ucd5c\ub300 \ub108\ube44 1400px, \uc591\uc606 \uc5ec\ubc31 \uc790\ub3d9) -->\r\n    <div class=\"menu-flex-container\" style=\"width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; display: flex; justify-content: center;\">\r\n        \r\n        <!-- \r\n          * \ubc84\ud2bc\ub4e4\uc744 \ub2f4\ub294 \uc601\uc5ed \r\n          * \ubc84\ud2bc \uac1c\uc218\uac00 \ub298\uc5b4\ub098\uac70\ub098 \uc904\uc5b4\ub4e4\uc5b4\ub3c4 \uc774 \uc548\uc5d0\uc11c \uade0\ub4f1\ud558\uac8c \uac00\ub4dd \ucc39\ub2c8\ub2e4.\r\n        -->\r\n        <div class=\"menu-items-area\">\r\n            \r\n             <!-- \ubc84\ud2bc 1 (\uccab \ubc88\uc9f8 \ubc84\ud2bc\uc5d0 active \ud074\ub798\uc2a4) -->\r\n            <a href=\"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/?page_id=44\" class=\"menu-item active\">\r\n                <span>\uc720\ub2c8\ud2b8\uc18c\uac1c<\/span>\r\n            <\/a>\r\n\r\n            <!-- \ubc84\ud2bc 2 -->\r\n            <a href=https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/?page_id=5037\" class=\"menu-item \">\r\n                <span>\uc778\ud14c\ub9ac\uc5b4<\/span>\r\n            <\/a>\r\n\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/nav>\r\n\r\n<!-- \uba54\ub274\uac00 \uace0\uc815\ub420 \ub54c \ud654\uba74 \ub35c\ucee5\uac70\ub9bc \ubc29\uc9c0 \uc720\ub839 \ubc15\uc2a4 -->\r\n<div id=\"menuSpacer\" style=\"display: none;\"><\/div>\r\n\r\n<script>\r\n    (function() {\r\n        window.addEventListener('DOMContentLoaded', function() {\r\n            var menuItems = document.querySelectorAll('.sticky-menu-wrapper .menu-item');\r\n            \r\n            \/\/ \ubc84\ud2bc \ud074\ub9ad \uc2dc \uc0c9\uc0c1 \ubcc0\uacbd \ucc98\ub9ac\r\n            menuItems.forEach(function(item) {\r\n                item.addEventListener('click', function() {\r\n                    menuItems.forEach(function(el) { el.classList.remove('active'); });\r\n                    this.classList.add('active');\r\n                });\r\n            });\r\n\r\n            \/\/ \uc2a4\ud06c\ub864 \uace0\uc815 \ub85c\uc9c1\r\n            var menu = document.getElementById('stickyMenu');\r\n            var spacer = document.getElementById('menuSpacer');\r\n            \r\n            var getMenuOffsetTop = function() {\r\n                var rect = menu.getBoundingClientRect();\r\n                return rect.top + window.pageYOffset;\r\n            };\r\n            \r\n            var menuTop = getMenuOffsetTop();\r\n\r\n            setTimeout(function() {\r\n                menuTop = getMenuOffsetTop();\r\n            }, 500);\r\n\r\n            function checkScroll() {\r\n                var scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\r\n                if (scrollTop >= menuTop - 1) {\r\n                    if (!menu.classList.contains('is-fixed')) {\r\n                        spacer.style.height = menu.offsetHeight + 'px';\r\n                        spacer.style.display = 'block';\r\n                        menu.classList.add('is-fixed');\r\n                    }\r\n                } else {\r\n                    if (menu.classList.contains('is-fixed')) {\r\n                        menu.classList.remove('is-fixed');\r\n                        spacer.style.display = 'none';\r\n                    }\r\n                }\r\n            }\r\n\r\n            window.addEventListener('scroll', checkScroll);\r\n            window.addEventListener('resize', function() {\r\n                if (!menu.classList.contains('is-fixed')) {\r\n                    menuTop = getMenuOffsetTop();\r\n                }\r\n                checkScroll();\r\n            });\r\n        });\r\n    })();\r\n<\/script>\r\n\r\n<style>\r\n    \/* \uc0c1\ub2e8 \uc774\ubbf8\uc9c0 \uc90c\uc778 \uc560\ub2c8\uba54\uc774\uc158 *\/\r\n    @keyframes verySlowZoomIn {\r\n        0% { transform: scale(1.12); }\r\n        100% { transform: scale(1.0); }\r\n    }\r\n\r\n    \/* \ubc84\ud2bc \uc601\uc5ed \uc124\uc815 (\ubd80\ubaa8 \uc548\uc5d0\uc11c \uaf49 \ucc28\uac8c \ubc30\uce58) *\/\r\n    .sticky-menu-wrapper .menu-items-area {\r\n        display: flex;\r\n        width: 100%;\r\n        max-width: 1000px; \/* \ubc84\ud2bc\ub4e4\uc774 \ub108\ubb34 \ud37c\uc9c0\uc9c0 \uc54a\uace0 \uc801\ub2f9\ud55c \ud3ed\uc744 \uc720\uc9c0\ud558\ub3c4\ub85d \uc81c\ud55c *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \uac1c\ubcc4 \ubc84\ud2bc \uc2a4\ud0c0\uc77c *\/\r\n    .sticky-menu-wrapper .menu-item {\r\n        flex: 1; \/* \ubc84\ud2bc \uac1c\uc218\uc5d0 \uc0c1\uad00\uc5c6\uc774 \ub0a8\uc740 \uacf5\uac04\uc744 \ub611\uac19\uc774 \ub098\ub204\uc5b4 \uac00\uc9d0 *\/\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        text-decoration: none !important;\r\n        background-color: #ffffff !important;\r\n        padding: 18px 10px !important;\r\n        border-left: 1px solid #eee !important;\r\n        border-right: 1px solid #eee !important;\r\n        transition: background-color 0.2s ease, color 0.2s ease !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .sticky-menu-wrapper .menu-item span {\r\n        font-size: 16px !important;\r\n        font-weight: 600 !important;\r\n        color: #222222 !important;\r\n        text-align: center !important;\r\n        word-break: keep-all !important;\r\n    }\r\n\r\n    \/* \ub9c8\uc6b0\uc2a4 \uc62c\ub838\uc744 \ub54c \ubc0f \ud074\ub9ad(active) \uc2dc \uc0c9\uc0c1 \ubcc0\uacbd *\/\r\n    .sticky-menu-wrapper .menu-item:hover, \r\n    .sticky-menu-wrapper .menu-item.active {\r\n        background-color: #31203a !important;\r\n    }\r\n\r\n    .sticky-menu-wrapper .menu-item:hover span, \r\n    .sticky-menu-wrapper .menu-item.active span {\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    \/* \uc2a4\ud06c\ub864 \uc2dc \ube0c\ub77c\uc6b0\uc800 \ucd5c\uc0c1\ub2e8\uc5d0 \uace0\uc815\ub418\ub294 \uc2a4\ud0c0\uc77c *\/\r\n    .sticky-menu-wrapper.is-fixed {\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        z-index: 99999 !important;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\r\n    }\r\n\r\n    \/* \ubaa8\ubc14\uc77c \ubc18\uc751\ud615 \ucc98\ub9ac *\/\r\n    @media (max-width: 768px) {\r\n        .property-banner-component {\r\n            height: 100px !important;\r\n        }\r\n        .sticky-menu-wrapper .menu-flex-container {\r\n            padding: 0 10px !important;\r\n        }\r\n        .sticky-menu-wrapper .menu-item {\r\n            padding: 12px 2px !important;\r\n        }\r\n        .sticky-menu-wrapper .menu-item span {\r\n            font-size: 13px !important;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7340774 e-flex e-con-boxed e-con e-parent\" data-id=\"7340774\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7253016 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7253016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-963b36a e-con-full e-flex e-con e-parent\" data-id=\"963b36a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99670a9 elementor-widget elementor-widget-heading\" data-id=\"99670a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\uc2e4\uc81c \uac70\uc8fc\uc790\uc758 \ub3d9\uc120\uc744 \uace0\ub824\ud55c \uc2dc\ud2f0\uc624\uc528\uc5d8\uc758 \ud3c9\uba74 \uc124\uacc4\ub294 \uacf5\uac04 \ud65c\uc6a9\ub3c4\ub97c \uadf9\ub300\ud654\ud588\uc2b5\ub2c8\ub2e4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef6c9fc e-flex e-con-boxed e-con e-parent\" data-id=\"ef6c9fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-780e2b1 elementor-widget elementor-widget-text-editor\" data-id=\"780e2b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><p data-path-to-node=\"16,0,0\"><b data-path-to-node=\"16,0,0\" data-index-in-node=\"0\">4Bay \ud310\uc0c1\ud615 \uad6c\uc870 :<\/b> \ucc44\uad11\uacfc \ud1b5\ud48d\uc744 \uadf9\ub300\ud654\ud558\uc5ec \ucf8c\uc801\ud55c \uc2e4\ub0b4 \ud658\uacbd\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4.<\/p><\/li><li><p data-path-to-node=\"16,1,0\"><b data-path-to-node=\"16,1,0\" data-index-in-node=\"0\">\uc54c\ud30c\ub8f8 \ubc0f \ub4dc\ub808\uc2a4\ub8f8 :<\/b> \ub77c\uc774\ud504\uc2a4\ud0c0\uc77c\uc5d0 \ub530\ub77c \uc11c\uc7ac, \ucde8\ubbf8\ub8f8 \ub4f1\uc73c\ub85c \ud65c\uc6a9 \uac00\ub2a5\ud55c \uc54c\ud30c\ub8f8\uacfc \ub109\ub109\ud55c \uc218\ub0a9\uacf5\uac04\uc744 \uc81c\uacf5\ud558\ub294 \ub4dc\ub808\uc2a4\ub8f8\uc774 \ud2b9\uc9d5\uc785\ub2c8\ub2e4.<\/p><\/li><li><p data-path-to-node=\"16,2,0\"><b data-path-to-node=\"16,2,0\" data-index-in-node=\"0\">\uace0\ud488\uaca9 \uc778\ud14c\ub9ac\uc5b4 :<\/b> \ud2b8\ub80c\ub514\ud558\uace0 \uc138\ub828\ub41c \ub9c8\uac10\uc7ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \uba38\ubb3c\uace0 \uc2f6\uc740 \uace0\uae09\uc2a4\ub7ec\uc6b4 \uc2e4\ub0b4 \ubd84\uc704\uae30\ub97c \uc5f0\ucd9c\ud569\ub2c8\ub2e4.<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19e49ba e-flex e-con-boxed e-con e-parent\" data-id=\"19e49ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cffb09 elementor-widget elementor-widget-html\" data-id=\"4cffb09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\ud3c9\uba74 \uc548\ub0b4<\/title>\r\n    <style>\r\n        \/* \uc804\uccb4 \ucee8\ud14c\uc774\ub108 \ubc0f \ud3f0\ud2b8 \uc124\uc815 *\/\r\n        .floor-plan-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            font-family: 'Malgun Gothic', sans-serif;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .button-group-wrapper {\r\n            padding: 0 15px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .button-group {\r\n            display: flex;\r\n            gap: 8px;\r\n            width: 100%;\r\n        }\r\n\r\n        .plan-btn {\r\n            flex: 1;\r\n            min-width: 0;\r\n            padding: 10px 4px;\r\n            text-align: center;\r\n            background-color: #ffffff;\r\n            color: #333333;\r\n            border: 1px solid #cccccc;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .btn-name {\r\n            font-size: 15px;\r\n            font-weight: bold;\r\n            margin-bottom: 2px;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            width: 100%;\r\n        }\r\n\r\n        .btn-count {\r\n            font-size: 11px;\r\n            color: #666666;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            width: 100%;\r\n        }\r\n\r\n        .plan-btn:hover {\r\n            border-color: #1a56db;\r\n        }\r\n        .plan-btn:hover .btn-name {\r\n            color: #1a56db;\r\n        }\r\n\r\n        .plan-btn.active {\r\n            background-color: #1a56db;\r\n            border-color: #1a56db;\r\n        }\r\n        .plan-btn.active .btn-name,\r\n        .plan-btn.active .btn-count {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .plan-content-section {\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .plan-info-header {\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n            margin-bottom: 20px;\r\n            color: #CC6A49;\r\n        }\r\n\r\n        .image-vertical-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            align-items: center;\r\n        }\r\n\r\n        .image-box {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            background-color: #f9f9f9;\r\n            border: 1px solid #eee;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .image-box:first-child {\r\n            height: auto; \/* \uccab \ubc88\uc9f8 \uc774\ubbf8\uc9c0 \uc0c1\uc790 \uc138\ub85c \uae38\uc774 \ucd95\uc18c \uc720\uc9c0 *\/\r\n        }\r\n\r\n        .image-box:last-child {\r\n            height: auto;\r\n        }\r\n\r\n        .image-box img {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n            object-fit: cover;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .btn-name {\r\n                font-size: 13px;\r\n            }\r\n            .btn-count {\r\n                font-size: 10px;\r\n            }\r\n            .plan-info-header {\r\n                font-size: 20px;\r\n            }\r\n            .image-box:first-child {\r\n                height: 250px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"floor-plan-container\">\r\n    <div class=\"button-group-wrapper\">\r\n        <div class=\"button-group\" id=\"buttonGroup\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"plan-content-section\" id=\"contentSection\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ [\uc124\uc815] \ubc30\uc5f4 \uad6c\uc870\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc791\uc131\ud558\uc2e0 \uc21c\uc11c(84A -> 110)\uac00 \uc808\ub300 \ubc14\ub00c\uc9c0 \uc54a\ub3c4\ub85d \uace0\uc815\ud568\r\n    const planDataList = [\r\n        {\r\n            id: \"84A\",\r\n            name: \"84A\",\r\n            count: \"984\uc138\ub300\",\r\n            title: \"84A \ud0c0\uc785 (\ucd1d 1,949\uc138\ub300 \uc911 984\uc138\ub300)\",\r\n            images: [\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/84a-1.png\",\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/84a.png\"\r\n            ]\r\n        },\r\n        {\r\n            id: \"84B\",\r\n            name: \"84B\",\r\n            count: \"366\uc138\ub300\",\r\n            title: \"84B \ud0c0\uc785 (\ucd1d 1,945\uc138\ub300 \uc911 366\uc138\ub300)\",\r\n            images: [\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/84b-1.png\",\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/84b.png\"\r\n            ]\r\n        },\r\n        {\r\n            id: \"95\",\r\n            name: \"95\",\r\n            count: \"80\uc138\ub300\",\r\n            title: \"95 \ud0c0\uc785 (\ucd1d 1,945\uc138\ub300 \uc911 80\uc138\ub300)\",\r\n            images: [\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/a95.png\",\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/99.png\"\r\n            ]\r\n        },\r\n        {\r\n            id: \"101A\",\r\n            name: \"101A\",\r\n            count: \"45\uc138\ub300\",\r\n            title: \"101A \ud0c0\uc785 (\ucd1d 1,945\uc138\ub300 \uc911 45\uc138\ub300)\",\r\n            images: [\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/110a.png\",\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/101a.png\"\r\n            ]\r\n        },\r\n        {\r\n            id: \"101B\",\r\n            name: \"101B\",\r\n            count: \"97\uc138\ub300\",\r\n            title: \"101B \ud0c0\uc785 (\ucd1d 1,945\uc138\ub300 \uc911 97\uc138\ub300)\",\r\n            images: [\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/101b-1.png\",\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/101b.png\"\r\n            ]\r\n        },\r\n        {\r\n            id: \"110\",\r\n            name: \"110\",\r\n            count: \"49\uc138\ub300\",\r\n            title: \"110 \ud0c0\uc785 (\ucd1d 1,945\uc138\ub300 \uc911 49\uc138\ub300)\",\r\n            images: [\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/110z.png\",\r\n                \"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/wp-content\/uploads\/2026\/10\/110.png\"\r\n            ]\r\n        }\r\n    ];\r\n\r\n    const buttonGroup = document.getElementById('buttonGroup');\r\n    const contentSection = document.getElementById('contentSection');\r\n\r\n    function initPlanViewer() {\r\n        planDataList.forEach((data) => {\r\n            const btn = document.createElement('button');\r\n            btn.className = 'plan-btn';\r\n            \r\n            btn.innerHTML = `\r\n                <span class=\"btn-name\">${data.name}<\/span>\r\n                <span class=\"btn-count\">${data.count}<\/span>\r\n            `;\r\n            \r\n            btn.setAttribute('data-target', data.id);\r\n            \r\n            btn.addEventListener('click', () => {\r\n                selectPlan(data.id);\r\n                history.pushState(null, null, `#${data.id}`);\r\n            });\r\n\r\n            buttonGroup.appendChild(btn);\r\n        });\r\n\r\n        \/\/ \ud398\uc774\uc9c0 \ucd5c\ucd08 \uc811\uc18d \uc2dc URL \ud574\uc2dc(#84A \ub4f1) \ud655\uc778\r\n        const initialHash = window.location.hash.replace('#', '');\r\n        const found = planDataList.find(item => item.id === initialHash);\r\n        \r\n        if (found) {\r\n            selectPlan(found.id);\r\n        } else {\r\n            selectPlan(planDataList[0].id); \/\/ \uccab \ubc88\uc9f8 \ud56d\ubaa9 \uae30\ubcf8 \uc120\ud0dd\r\n        }\r\n    }\r\n\r\n    function selectPlan(targetId) {\r\n        const data = planDataList.find(item => item.id === targetId);\r\n        if (!data) return;\r\n\r\n        document.querySelectorAll('.plan-btn').forEach(btn => {\r\n            if (btn.getAttribute('data-target') === targetId) {\r\n                btn.classList.add('active');\r\n            } else {\r\n                btn.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        contentSection.innerHTML = `\r\n            <div class=\"plan-info-header\">${data.title}<\/div>\r\n            <div class=\"image-vertical-wrapper\">\r\n                <div class=\"image-box\">\r\n                    <img decoding=\"async\" src=\"${data.images[0]}\" alt=\"${targetId} \ud0c0\uc785 \uc18c\uac1c \uc774\ubbf8\uc9c0\">\r\n                <\/div>\r\n                <div class=\"image-box\">\r\n                    <img decoding=\"async\" src=\"${data.images[1]}\" alt=\"${targetId} \ud0c0\uc785 \ud3c9\uba74 \uc774\ubbf8\uc9c0\">\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n    }\r\n\r\n    initPlanViewer();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>\uc720\ub2c8\ud2b8\uc18c\uac1c<\/p>\n","protected":false},"author":1,"featured_media":5231,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-44","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":1,"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":5434,"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/5434"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=\/wp\/v2\/media\/5231"}],"wp:attachment":[{"href":"https:\/\/\ub300\ud45c\ubc88\ud6381877-9938.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}