{"id":13,"date":"2026-10-06T13:49:54","date_gmt":"2026-10-06T04:49:54","guid":{"rendered":"http:\/\/hspee3.mycafe24.com\/?page_id=13"},"modified":"2026-10-13T08:45:11","modified_gmt":"2026-10-12T23:45:11","slug":"%ea%b3%b5%ec%a7%80%ec%82%ac%ed%95%ad","status":"publish","type":"page","link":"https:\/\/binaesum.com\/?page_id=13","title":{"rendered":"\uac1d\uc2e4\uc18c\uac1c"},"content":{"rendered":"\n<!-- \uad6c\uae00 \uc6f9 \ud3f0\ud2b8 \ub85c\ub4dc -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+KR:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" as=\"style\" crossorigin href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.8\/dist\/web\/static\/pretendard.css\" \/>\n\n<div id=\"bn-rooms-page\">\n    <style>\n        \/* \n         * [WP Container Breakout & Reset]\n         *\/\n        #bn-rooms-page {\n            width: 100vw !important;\n            max-width: 100vw !important;\n            position: relative !important;\n            left: 50% !important;\n            right: 50% !important;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n            margin-bottom: 0 !important;\n            background-color: #fbfaf8 !important;\n            font-family: 'Pretendard', -apple-system, sans-serif !important;\n            color: #1a1a1a !important;\n            line-height: 1.7 !important;\n            overflow-x: hidden !important;\n            box-sizing: border-box !important;\n            font-size: 16px !important;\n            padding-bottom: 0 !important;\n        }\n\n        #bn-rooms-page * {\n            box-sizing: border-box !important;\n            margin: 0; padding: 0;\n            font-family: 'Pretendard', -apple-system, sans-serif !important;\n        }\n\n        #bn-rooms-page .bn-serif { font-family: 'Noto Serif KR', serif !important; }\n        \n        \/* \n         * [\uc911\uc694] \uae30\uc874\uc5d0 \uc774\ubbf8\uc9c0\ub97c \ub9dd\uce58\ub358 height: auto \uac15\uc81c \uc18d\uc131\uc744 \uc81c\uac70\ud588\uc2b5\ub2c8\ub2e4.\n         *\/\n        #bn-rooms-page img { \n            max-width: 100% !important; \n            display: block !important; \n            -webkit-font-smoothing: antialiased !important;\n            image-rendering: -webkit-optimize-contrast !important;\n        }\n\n        .bn-container {\n            max-width: 1280px !important;\n            margin: 0 auto !important;\n            padding: 0 5vw !important;\n            width: 100% !important;\n        }\n\n        \/* -------------------------------------\n           \uc0c1\ub2e8 \ud0c0\uc774\ud2c0 & \ud0ed \ub124\ube44\uac8c\uc774\uc158\n        ------------------------------------- *\/\n        .bn-rooms-header {\n            text-align: center !important;\n            \/* \uace0\uc815 \ud5e4\ub354(Fixed Header)\uc5d0 \ud30c\ubb3b\ud788\uc9c0 \uc54a\ub3c4\ub85d \uc0c1\ub2e8 \uc5ec\ubc31 150px\ub85c \ub109\ub109\ud788 \ud655\ubcf4 *\/\n            padding: 150px 0 50px !important;\n        }\n\n        .bn-rooms-subtitle {\n            font-size: 13px !important;\n            font-weight: 700 !important;\n            letter-spacing: 0.25em !important;\n            color: #b89c7c !important;\n            text-transform: uppercase !important;\n            margin-bottom: 15px !important;\n            display: block !important;\n        }\n\n        .bn-rooms-main-title {\n            font-size: clamp(36px, 5vw, 50px) !important;\n            font-weight: 400 !important;\n            color: #2c3629 !important;\n            letter-spacing: -0.02em !important;\n        }\n\n        .bn-rooms-tabs {\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            gap: 15px !important;\n            margin-bottom: 80px !important;\n            flex-wrap: wrap !important;\n        }\n\n        .bn-rooms-tab-btn {\n            background: #ffffff !important;\n            border: 1px solid #e6e4df !important;\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #757575 !important;\n            padding: 14px 32px !important;\n            border-radius: 40px !important;\n            cursor: pointer !important;\n            transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;\n        }\n\n        .bn-rooms-tab-btn:hover {\n            border-color: #2c3629 !important;\n            color: #2c3629 !important;\n        }\n\n        .bn-rooms-tab-btn.bn-active {\n            background-color: #2c3629 !important;\n            border-color: #2c3629 !important;\n            color: #ffffff !important;\n            box-shadow: 0 6px 20px rgba(44, 54, 41, 0.2) !important;\n        }\n\n        \/* -------------------------------------\n           \uac1d\uc2e4 \uc0c1\uc138 \ucf58\ud150\uce20 \ud328\ub110\n        ------------------------------------- *\/\n        .bn-room-pane {\n            display: none !important;\n            animation: bnFadeEffect 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important;\n        }\n\n        .bn-room-pane.bn-active {\n            display: block !important;\n        }\n\n        @keyframes bnFadeEffect {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* \n         * \uc774\ubbf8\uc9c0 \uc798\ub9bc \ubc29\uc9c0\ub97c \uc704\ud55c \uc2ac\ub77c\uc774\ub354 \uc601\uc5ed \uace0\uc815 \n         *\/\n        .bn-r-slider-wrap {\n            position: relative !important;\n            width: 100% !important;\n            height: 600px !important; \/* \ub192\uc774\ub97c \uace0\uc815\ud558\uc5ec \uc774\ubbf8\uc9c0\uac00 \uc5b5\uc9c0\ub85c \ub298\uc5b4\ub098\ub294 \uac83 \ubc29\uc9c0 *\/\n            border-radius: 16px !important;\n            overflow: hidden !important;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.06) !important;\n            margin-bottom: 60px !important;\n            background-color: #f0ede8 !important; \/* \uc774\ubbf8\uc9c0\uac00 \ub2e4 \ucc44\uc6b0\uc9c0 \ubabb\ud560 \ub54c \ubcf4\uc774\ub294 \uace0\uae09\uc2a4\ub7ec\uc6b4 \ubc30\uacbd \uc6dc\ud1a4 *\/\n            display: flex !important;\n            align-items: center !important;\n        }\n\n        .bn-r-slider-track {\n            display: flex !important;\n            width: 100% !important;\n            height: 100% !important;\n            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n        }\n\n        .bn-r-slide {\n            flex: 0 0 100% !important;\n            width: 100% !important;\n            height: 100% !important;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n        }\n\n        \/* object-fit: contain \uac15\uc81c \ub9e5\uc774\uae30 (\ud655\ub300\/\uc798\ub9bc \uc6d0\ucc9c \ucc28\ub2e8) *\/\n        .bn-r-slide img {\n            width: 100% !important;\n            height: 100% !important;\n            max-height: 100% !important;\n            object-fit: contain !important; \/* \uc774\ubbf8\uc9c0 \uc6d0\ubcf8 100% \ub178\ucd9c, \uc808\ub300 \uc548 \uc798\ub9bc *\/\n            margin: 0 auto !important;\n        }\n\n        \/* \uc2ac\ub77c\uc774\ub354 \ucee8\ud2b8\ub864\ub7ec *\/\n        .bn-r-arrow {\n            position: absolute !important;\n            top: 50% !important;\n            transform: translateY(-50%) !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: none !important;\n            width: 54px !important;\n            height: 54px !important;\n            border-radius: 50% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            cursor: pointer !important;\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;\n            z-index: 10 !important;\n            transition: all 0.3s ease !important;\n        }\n        .bn-r-arrow:hover { background: #ffffff !important; transform: translateY(-50%) scale(1.08) !important; }\n        .bn-r-prev { left: 30px !important; }\n        .bn-r-next { right: 30px !important; }\n        .bn-r-arrow svg { width: 22px !important; height: 22px !important; fill: #1a1a1a !important; }\n\n        .bn-r-counter {\n            position: absolute !important;\n            bottom: 30px !important;\n            right: 40px !important;\n            background: rgba(0, 0, 0, 0.7) !important;\n            backdrop-filter: blur(8px) !important;\n            color: #ffffff !important;\n            padding: 8px 18px !important;\n            border-radius: 30px !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            letter-spacing: 1px !important;\n            z-index: 10 !important;\n        }\n\n        \/* \uac1d\uc2e4 \uc815\ubcf4 \uadf8\ub9ac\ub4dc *\/\n        .bn-r-info-grid {\n            display: grid !important;\n            grid-template-columns: 1.1fr 0.9fr !important;\n            gap: 80px !important;\n            align-items: flex-start !important;\n        }\n\n        .bn-r-desc-box h3 {\n            font-size: 38px !important;\n            font-weight: 400 !important;\n            color: #2c3629 !important;\n            margin-bottom: 12px !important;\n        }\n\n        .bn-r-price {\n            font-size: 24px !important;\n            font-weight: 700 !important;\n            color: #b89c7c !important;\n            margin-bottom: 24px !important;\n        }\n\n        .bn-r-text {\n            font-size: 17px !important;\n            color: #555555 !important;\n            line-height: 1.8 !important;\n            margin-bottom: 24px !important;\n        }\n\n        \/* \uc2a4\ud399 \uce74\ub4dc \uc2a4\ud0c0\uc77c *\/\n        .bn-r-spec-card {\n            background: #ffffff !important;\n            border: 1px solid #e6e4df !important;\n            border-radius: 16px !important;\n            padding: 40px !important;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;\n        }\n\n        .bn-r-spec-title {\n            font-size: 18px !important;\n            font-weight: 700 !important;\n            color: #2c3629 !important;\n            margin-bottom: 24px !important;\n            padding-bottom: 15px !important;\n            border-bottom: 1px solid #e6e4df !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n        }\n\n        .bn-r-spec-list {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 16px !important;\n        }\n\n        .bn-r-spec-row {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            font-size: 15px !important;\n        }\n\n        .bn-r-spec-label {\n            font-weight: 600 !important;\n            color: #757575 !important;\n        }\n\n        .bn-r-spec-val {\n            font-weight: 600 !important;\n            color: #1a1a1a !important;\n            text-align: right !important;\n        }\n\n        \/* -------------------------------------\n           \uacf5\ud1b5 \uad6c\ube44 \ud488\ubaa9 \ubc0f \ud3b8\uc758\uc2dc\uc124 \uc139\uc158\n        ------------------------------------- *\/\n        .bn-amenities-section {\n            margin-top: 100px !important;\n            background-color: #f4f3ef !important;\n            padding: 90px 0 !important;\n            border-top: 1px solid #e6e4df !important;\n        }\n\n        .bn-ame-header {\n            text-align: center !important;\n            margin-bottom: 60px !important;\n        }\n\n        .bn-ame-grid {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 30px !important;\n        }\n\n        .bn-ame-box {\n            background: #ffffff !important;\n            padding: 45px 35px !important;\n            border-radius: 16px !important;\n            border: 1px solid #e6e4df !important;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;\n        }\n\n        .bn-ame-box h4 {\n            font-size: 20px !important;\n            font-weight: 700 !important;\n            color: #2c3629 !important;\n            margin-bottom: 16px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n        }\n\n        .bn-ame-box h4::before {\n            content: '' !important;\n            width: 8px !important;\n            height: 8px !important;\n            background-color: #b89c7c !important;\n            border-radius: 50% !important;\n        }\n\n        .bn-ame-box p {\n            font-size: 15px !important;\n            color: #666666 !important;\n            line-height: 1.7 !important;\n        }\n\n        \/* -------------------------------------\n           \ubc18\uc751\ud615 \ub514\uc790\uc778 (\ud30c\ubb3b\ud798 \ubc29\uc9c0 & \ud0ed \ubc84\ud2bc \ucd5c\uc801\ud654)\n        ------------------------------------- *\/\n        @media (max-width: 1024px) {\n            .bn-r-slider-wrap { height: 450px !important; }\n            .bn-r-info-grid { grid-template-columns: 1fr !important; gap: 40px !important; }\n            .bn-ame-grid { grid-template-columns: repeat(2, 1fr) !important; }\n        }\n\n        @media (max-width: 768px) {\n            \/* [\ud574\uacb0] \ud5e4\ub354 \uacb9\uce68 \ubc29\uc9c0: \ubaa8\ubc14\uc77c\uc5d0\uc11c \uc0c1\ub2e8 \uc5ec\ubc31\uc744 120px\ub85c \ubc00\uc5b4\ub0c4 *\/\n            .bn-rooms-header { padding: 120px 0 40px !important; }\n            .bn-rooms-main-title { font-size: 32px !important; }\n            \n            \/* [\ud574\uacb0] \ubaa8\ubc14\uc77c \ud0ed \ubc84\ud2bc \uc2ac\ub9bc\ud654 *\/\n            .bn-rooms-tabs { gap: 8px !important; margin-bottom: 40px !important; }\n            .bn-rooms-tab-btn { padding: 10px 18px !important; font-size: 14px !important; }\n            \n            .bn-r-slider-wrap { height: 350px !important; border-radius: 14px !important; margin-bottom: 40px !important; }\n            .bn-r-arrow { width: 44px !important; height: 44px !important; }\n            .bn-r-prev { left: 15px !important; }\n            .bn-r-next { right: 15px !important; }\n            .bn-r-counter { bottom: 20px !important; right: 20px !important; padding: 6px 14px !important; font-size: 13px !important; }\n\n            .bn-r-desc-box h3 { font-size: 30px !important; }\n            .bn-r-spec-card { padding: 30px 20px !important; }\n            .bn-amenities-section { padding: 70px 0 !important; }\n            .bn-ame-grid { grid-template-columns: 1fr !important; gap: 20px !important; }\n        }\n\n        @media (max-width: 480px) {\n            \/* [\ud574\uacb0] \uac00\uc7a5 \uc791\uc740 \ud3f0\uc5d0\uc11c \ud5e4\ub354 \uc548 \uac00\ub9ac\uac8c \ucc98\ub9ac *\/\n            .bn-rooms-header { padding: 110px 0 30px !important; }\n            \n            \/* [\ud574\uacb0] \uac00\uc7a5 \uc791\uc740 \ud654\uba74\uc6a9 \ud0ed \ubc84\ud2bc \ub354 \ucf64\ud329\ud2b8\ud558\uac8c *\/\n            .bn-rooms-tabs { gap: 6px !important; margin-bottom: 35px !important; }\n            .bn-rooms-tab-btn { padding: 8px 12px !important; font-size: 13px !important; letter-spacing: -0.5px !important; }\n            \n            .bn-r-slider-wrap { height: 260px !important; } \n            .bn-r-desc-box h3 { font-size: 26px !important; }\n            .bn-r-price { font-size: 20px !important; margin-bottom: 16px !important; }\n            .bn-r-spec-row { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }\n            .bn-r-spec-val { text-align: left !important; color: #555 !important; }\n        }\n    <\/style>\n\n    <!-- \ud398\uc774\uc9c0 \ud5e4\ub354 -->\n    <div class=\"bn-container\">\n        <div class=\"bn-rooms-header\">\n            <span class=\"bn-rooms-subtitle\">ACCOMMODATION<\/span>\n            <h1 class=\"bn-rooms-main-title bn-serif\">\uac1d\uc2e4 \uc548\ub0b4<\/h1>\n        <\/div>\n\n        <!-- \ud0ed \uba54\ub274 (\uc21c\uc11c: A \u2794 B \u2794 C \u2794 D) -->\n        <div class=\"bn-rooms-tabs\">\n            <button class=\"bn-rooms-tab-btn bn-active\" onclick=\"switchRoomTab('room-a', this)\">A\ub3d9<\/button>\n            <button class=\"bn-rooms-tab-btn\" onclick=\"switchRoomTab('room-b', this)\">B\ub3d9<\/button>\n            <button class=\"bn-rooms-tab-btn\" onclick=\"switchRoomTab('room-c', this)\">C\ub3d9<\/button>\n            <button class=\"bn-rooms-tab-btn\" onclick=\"switchRoomTab('room-d', this)\">D\ub3d9 \uc6d0\ub8f8<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ==============================================\n         \uac1d\uc2e4 \uc0c1\uc138 \ud328\ub110 \uc601\uc5ed\n    =============================================== -->\n    <div class=\"bn-container\">\n\n        <!-- 1. A\ub3d9 \ud328\ub110 -->\n        <div id=\"room-a\" class=\"bn-room-pane bn-active\">\n            <div class=\"bn-r-slider-wrap\">\n                <button class=\"bn-r-arrow bn-r-prev\" onclick=\"changeSlide('track-a', -1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <button class=\"bn-r-arrow bn-r-next\" onclick=\"changeSlide('track-a', 1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <div class=\"bn-r-counter\"><span class=\"current-num\">01<\/span> \/ <span class=\"total-num\">05<\/span><\/div>\n                <div class=\"bn-r-slider-track\" id=\"track-a\" data-index=\"0\">\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/A\ub3d9.jpg\" alt=\"A\ub3d9 \uc0ac\uc9c4 1\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/A\ub3d9-2.jpg\" alt=\"A\ub3d9 \uc0ac\uc9c4 2\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/A\ub3d9-3.jpg\" alt=\"A\ub3d9 \uc0ac\uc9c4 3\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/A\ub3d9-4.jpg\" alt=\"A\ub3d9 \uc0ac\uc9c4 4\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/A\ub3d9-5.jpg\" alt=\"A\ub3d9 \uc0ac\uc9c4 5\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bn-r-info-grid\">\n                <div class=\"bn-r-desc-box\">\n                    <h3 class=\"bn-serif\">A\ub3d9<\/h3>\n                    <div class=\"bn-r-price\">450,000 \uc6d0 <span style=\"font-size:14px; font-weight:400; color:#757575;\">(\uae30\uc900 15\uba85)<\/span><\/div>\n                    <p class=\"bn-r-text\">\n                        \uc5ec\ub7ff\uc774 \ud568\uaed8 \uba38\ubb3c\ub7ec\ub3c4 \ub2f5\ub2f5\ud568\uc774 \uc5c6\ub294 \uc5ec\uc720\ub85c\uc6b4 \ub2e8\uccb4 \ud734\uc2dd \uacf5\uac04\uc785\ub2c8\ub2e4. \ud22c\uba85 \ucc9c\ub9c9\ud615 \ud14c\ub77c\uc2a4\uc640 \uc644\uc804 \uc624\ud508\ub41c \ud14c\ub77c\uc2a4\ub97c \ubaa8\ub450 \uac16\ucd94\uace0 \uc788\uc5b4 \uacc4\uc808\uacfc \ub0a0\uc528\uc5d0 \uad6c\uc560\ubc1b\uc9c0 \uc54a\uace0 \ud3b8\uc548\ud55c \uc2dc\uac04\uc744 \uc990\uae30\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n                <div class=\"bn-r-spec-card\">\n                    <div class=\"bn-r-spec-title\">ROOM SPECIFICATION<\/div>\n                    <div class=\"bn-r-spec-list\">\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uae30\uc900 \/ \ucd5c\ub300 \uc778\uc6d0<\/span><span class=\"bn-r-spec-val\">\uae30\uc900 15\uba85<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uac1d\uc2e4 \uad6c\uc870<\/span><span class=\"bn-r-spec-val\">\ud070\ubc29 3\uac1c, \ud654\uc7a5\uc2e4 2\uac1c<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\ud14c\ub77c\uc2a4 1<\/span><span class=\"bn-r-spec-val\">\ud22c\uba85 \ucc9c\ub9c9\ud615 \ud14c\ub77c\uc2a4<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\ud14c\ub77c\uc2a4 2<\/span><span class=\"bn-r-spec-val\">\uc644\uc804 \uc624\ud508\ud615 \ud14c\ub77c\uc2a4<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2. B\ub3d9 \ud328\ub110 -->\n        <div id=\"room-b\" class=\"bn-room-pane\">\n            <div class=\"bn-r-slider-wrap\">\n                <button class=\"bn-r-arrow bn-r-prev\" onclick=\"changeSlide('track-b', -1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <button class=\"bn-r-arrow bn-r-next\" onclick=\"changeSlide('track-b', 1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <div class=\"bn-r-counter\"><span class=\"current-num\">01<\/span> \/ <span class=\"total-num\">04<\/span><\/div>\n                <div class=\"bn-r-slider-track\" id=\"track-b\" data-index=\"0\">\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/B\ub3d9.jpg\" alt=\"B\ub3d9 \uc0ac\uc9c4 1\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/B\ub3d9-2.jpg\" alt=\"B\ub3d9 \uc0ac\uc9c4 2\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/B\ub3d9-3.jpg\" alt=\"B\ub3d9 \uc0ac\uc9c4 3\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/B\ub3d9-4.jpg\" alt=\"B\ub3d9 \uc0ac\uc9c4 4\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bn-r-info-grid\">\n                <div class=\"bn-r-desc-box\">\n                    <h3 class=\"bn-serif\">B\ub3d9<\/h3>\n                    <div class=\"bn-r-price\">300,000 \uc6d0 <span style=\"font-size:14px; font-weight:400; color:#757575;\">(\uae30\uc900 10\uba85)<\/span><\/div>\n                    <p class=\"bn-r-text\">\n                        \uc628 \uac00\uc871\uc774 \ub2e4 \ud568\uaed8 \ubaa8\uc5ec \ud654\ubaa9\ud55c \uc2dc\uac04\uc744 \ubcf4\ub0bc \uc218 \uc788\ub294 \uac00\uc871 \ub9de\ucda4\ud615 \uac1d\uc2e4\uc785\ub2c8\ub2e4. \ub113\uc740 \uac70\uc2e4\uacfc \ucf8c\uc801\ud55c \ub300\ud615 \ubc29 2\uac1c, \uadf8\ub9ac\uace0 20\ud3c9 \uaddc\ubaa8\uc758 \ud22c\uba85 \uc624\ud508 \ud14c\ub77c\uc2a4\uac00 \uc81c\uacf5\ub418\uc5b4 \ub9cc\uc871\ub3c4 \ub192\uc740 \ud734\uc2dd\uc744 \uc120\uc0ac\ud569\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n                <div class=\"bn-r-spec-card\">\n                    <div class=\"bn-r-spec-title\">ROOM SPECIFICATION<\/div>\n                    <div class=\"bn-r-spec-list\">\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uae30\uc900 \/ \ucd5c\ub300 \uc778\uc6d0<\/span><span class=\"bn-r-spec-val\">\uae30\uc900 10\uba85<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uac1d\uc2e4 \uad6c\uc870<\/span><span class=\"bn-r-spec-val\">\ud070\ubc29 2\uac1c, \ub113\uc740 \uac70\uc2e4<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\ud14c\ub77c\uc2a4<\/span><span class=\"bn-r-spec-val\">20\ud3c9 \ud14c\ub77c\uc2a4 (\ud22c\uba85\/\uc624\ud508)<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 3. C\ub3d9 \ub3c5\ucc44 \ud328\ub110 -->\n        <div id=\"room-c\" class=\"bn-room-pane\">\n            <div class=\"bn-r-slider-wrap\">\n                <button class=\"bn-r-arrow bn-r-prev\" onclick=\"changeSlide('track-c', -1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <button class=\"bn-r-arrow bn-r-next\" onclick=\"changeSlide('track-c', 1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <div class=\"bn-r-counter\"><span class=\"current-num\">01<\/span> \/ <span class=\"total-num\">04<\/span><\/div>\n                <div class=\"bn-r-slider-track\" id=\"track-c\" data-index=\"0\">\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/C\ub3d9.jpg\" alt=\"C\ub3d9 \uc0ac\uc9c4 1\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/C\ub3d9-2.jpg\" alt=\"C\ub3d9 \uc0ac\uc9c4 2\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/C\ub3d9-5-scaled.jpg\" alt=\"C\ub3d9 \uc0ac\uc9c4 3\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/C\ub3d9-6-scaled.jpg\" alt=\"C\ub3d9 \uc0ac\uc9c4 4\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bn-r-info-grid\">\n                <div class=\"bn-r-desc-box\">\n                    <h3 class=\"bn-serif\">C\ub3d9<\/h3>\n                    <div class=\"bn-r-price\">450,000 \uc6d0 <span style=\"font-size:14px; font-weight:400; color:#757575;\">(\uae30\uc900 15\uba85)<\/span><\/div>\n                    <p class=\"bn-r-text\">\n                        \ub300\uac00\uc871 \ubaa8\uc784 \ubc0f \uae30\uc5c5 \uc6cc\ud06c\uc0f5 \ub4f1 \ub2e8\uccb4 \ud589\uc0ac\uc5d0 \uc644\ubcbd\ud788 \ub9de\ucda4\ud654\ub41c \ud504\ub77c\uc774\ube57 \ub3c5\ucc44 \uac1d\uc2e4\uc785\ub2c8\ub2e4. \uc6b8\ucc3d\ud55c \uc18c\ub098\ubb34 \uc232\uc18d\uc5d0\uc11c \ub0a8\ud55c\uac15\uacfc \ube44\ub0b4\uc12c\uc774 \ud55c\ub208\uc5d0 \ub0b4\ub824\ub2e4\ubcf4\uc774\ub294 \uc218\ub824\ud55c \uc804\ub9dd\uc744 \uc120\uc0ac\ud558\uba70, \uc5ec\uc720\ub86d\uace0 \ucf8c\uc801\ud55c \ud734\uc2dd\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n                <div class=\"bn-r-spec-card\">\n                    <div class=\"bn-r-spec-title\">ROOM SPECIFICATION<\/div>\n                    <div class=\"bn-r-spec-list\">\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uae30\uc900 \/ \ucd5c\ub300 \uc778\uc6d0<\/span><span class=\"bn-r-spec-val\">\uae30\uc900 15\uba85<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uac1d\uc2e4 \uad6c\uc870<\/span><span class=\"bn-r-spec-val\">\ubd84\ub9ac\ud615 \uce68\uc2e4 4\uac1c, \ud654\uc7a5\uc2e4 2\uac1c<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uac70\uc2e4 \uc2dc\uc124<\/span><span class=\"bn-r-spec-val\">20\uc778 \uc218\uc6a9 \ub300\ud615 \uac70\uc2e4<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\ud14c\ub77c\uc2a4<\/span><span class=\"bn-r-spec-val\">27\ud3c9 \ud22c\uba85 \uc624\ud508 \ud14c\ub77c\uc2a4<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 4. D\ub3d9 \ud328\ub110 -->\n        <div id=\"room-d\" class=\"bn-room-pane\">\n            <div class=\"bn-r-slider-wrap\">\n                <button class=\"bn-r-arrow bn-r-prev\" onclick=\"changeSlide('track-d', -1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <button class=\"bn-r-arrow bn-r-next\" onclick=\"changeSlide('track-d', 1)\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n                <\/button>\n                <div class=\"bn-r-counter\"><span class=\"current-num\">01<\/span> \/ <span class=\"total-num\">04<\/span><\/div>\n                <div class=\"bn-r-slider-track\" id=\"track-d\" data-index=\"0\">\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/D\ub3d9.jpg\" alt=\"D\ub3d9 \uc0ac\uc9c4 1\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/D\ub3d9-2.jpg\" alt=\"D\ub3d9 \uc0ac\uc9c4 2\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/D\ub3d9-3.jpg\" alt=\"D\ub3d9 \uc0ac\uc9c4 3\"><\/div>\n                    <div class=\"bn-r-slide\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/D\ub3d9-4.jpg\" alt=\"D\ub3d9 \uc0ac\uc9c4 4\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bn-r-info-grid\">\n                <div class=\"bn-r-desc-box\">\n                    <h3 class=\"bn-serif\">D\ub3d9 \uc6d0\ub8f8<\/h3>\n                    <div class=\"bn-r-price\">100,000 ~ 150,000 \uc6d0 <span style=\"font-size:14px; font-weight:400; color:#757575;\">(\uae30\uc900 2~4\uba85)<\/span><\/div>\n                    <p class=\"bn-r-text\">\n                        \uc18c\ub098\ubb34 \uc232\uc758 \uace0\uc694\ud568\uacfc \ub9d1\uc740 \uacf5\uae30\ub97c \uc628\uc804\ud788 \ub204\ub9b4 \uc218 \uc788\ub294 \uc544\ub291\ud55c \uacf5\uac04\uc785\ub2c8\ub2e4. \uc5f0\uc778 \ub610\ub294 \uc18c\uaddc\ubaa8 \uac00\uc871\uc774 \uc870\uc6a9\ud788 \uba38\ubb34\ub974\uba70 \uc790\uc5f0 \uc18d\uc5d0\uc11c \ud790\ub9c1\ud558\uae30\uc5d0 \uac00\uc7a5 \uc54c\ub9de\uc740 \uac1d\uc2e4\uc785\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n                <div class=\"bn-r-spec-card\">\n                    <div class=\"bn-r-spec-title\">ROOM SPECIFICATION<\/div>\n                    <div class=\"bn-r-spec-list\">\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uae30\uc900 \/ \ucd5c\ub300 \uc778\uc6d0<\/span><span class=\"bn-r-spec-val\">\uae30\uc900 2~4\uba85<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uac1d\uc2e4 \ud2b9\uc9d5<\/span><span class=\"bn-r-spec-val\">\uc18c\uaddc\ubaa8 \uc544\ub291\ud55c \uacf5\uac04<\/span><\/div>\n                        <div class=\"bn-r-spec-row\"><span class=\"bn-r-spec-label\">\uc8fc\ubcc0 \ud658\uacbd<\/span><span class=\"bn-r-spec-val\">\uc18c\ub098\ubb34 \uc232 \ubc0f \uc0b0\ucc45\ub85c \uc778\uc811<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- ==============================================\n         \uacf5\ud1b5 \uad6c\ube44 \ud488\ubaa9 \ubc0f \uc774\uc6a9 \uc548\ub0b4 \uc139\uc158\n    =============================================== -->\n    <div class=\"bn-amenities-section\">\n        <div class=\"bn-container\">\n            <div class=\"bn-ame-header\">\n                <span class=\"bn-rooms-subtitle\">GUIDELINE<\/span>\n                <h2 class=\"bn-ame-title bn-serif\">\uacf5\ud1b5 \uad6c\ube44 \ud488\ubaa9 \ubc0f \uc774\uc6a9 \uc548\ub0b4<\/h2>\n            <\/div>\n            <div class=\"bn-ame-grid\">\n                <div class=\"bn-ame-box\">\n                    <h4>\uae30\ubcf8 \uad6c\ube44 \ud488\ubaa9<\/h4>\n                    <p>\ucf8c\uc801\ud55c \ucde8\uc0ac\ub97c \uc704\ud55c \ubaa8\ub4e0 \uc8fc\ubc29\uc6a9\ud488\uacfc \uae30\ubcf8 \uc704\uc0dd\uc6a9\ud488\uc774 \uc644\ube44\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ub2e8, <strong>\uac1c\uc778 \uce6b\uc194\uc740 \uc704\uc0dd\uc0c1 \ubcc4\ub3c4 \uc9c0\ucc38<\/strong>\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n                <\/div>\n                <div class=\"bn-ame-box\">\n                    <h4>\uccad\uacb0\ud55c \uce68\uad6c\ub958<\/h4>\n                    <p>\ub9e4\uc77c \ucca0\uc800\ud558\uac8c \uc138\ud0c1\ud558\uace0 \uc18c\ub3c5\ud558\ub294 \ud3ec\uadfc\ud558\uace0 \uae68\ub057\ud55c \uc774\ubd80\uc790\ub9ac\ub97c \uc608\uc57d \uc778\uc6d0\uc218\uc5d0 \ub9de\ucdb0 \ub109\ub109\ud558\uac8c \uc81c\uacf5\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\n                <\/div>\n                <div class=\"bn-ame-box\">\n                    <h4>\ub178\ub798\ubc29 \uae30\uae30 \ub300\uc5ec<\/h4>\n                    <p>\uac70\uc2e4\uc5d0 \uc644\ube44\ub41c \ub178\ub798\ubc29 \uae30\uae30\ub97c \uc2dc\uac04\uc81c\ud55c \uc5c6\uc774 \ub9c8\uc74c\uaecf \uc990\uae30\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br><span style=\"color:#b89c7c; font-weight:600;\">(\u203b \uae30\uae30 \ub300\uc5ec\ub8cc 50,000\uc6d0 \ubcc4\ub3c4)<\/span><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \uc778\ud130\ub799\uc158 \uc2a4\ud06c\ub9bd\ud2b8 -->\n    <script>\n        \/\/ 1. \uac1d\uc2e4 \uc0ac\uc9c4 \uac1c\uc218\ub97c \uc2a4\uc2a4\ub85c \uc138\uc5b4\uc11c 04\/05 \uc22b\uc790\ub97c \uc790\ub3d9\uc73c\ub85c \uc62c\ubc14\ub974\uac8c \ubcc0\uacbd\ud574\uc8fc\ub294 \uc2a4\ud06c\ub9bd\ud2b8\n        function initSlideCounters() {\n            const panes = document.querySelectorAll('#bn-rooms-page .bn-room-pane');\n            panes.forEach(pane => {\n                const track = pane.querySelector('.bn-r-slider-track');\n                const totalEl = pane.querySelector('.total-num');\n                if (track && totalEl) {\n                    const count = track.querySelectorAll('.bn-r-slide').length;\n                    totalEl.innerText = count < 10 ? '0' + count : count;\n                }\n            });\n        }\n\n        \/\/ 2. \ud0ed \uba54\ub274 \uc804\ud658\n        function switchRoomTab(paneId, btnElement) {\n            const panes = document.querySelectorAll('#bn-rooms-page .bn-room-pane');\n            const buttons = document.querySelectorAll('#bn-rooms-page .bn-rooms-tab-btn');\n\n            panes.forEach(pane => pane.classList.remove('bn-active'));\n            buttons.forEach(btn => btn.classList.remove('bn-active'));\n\n            const targetPane = document.getElementById(paneId);\n            if (targetPane) {\n                targetPane.classList.add('bn-active');\n            }\n            btnElement.classList.add('bn-active');\n        }\n\n        \/\/ 3. \uc2ac\ub77c\uc774\ub4dc \uc88c\uc6b0 \uc774\ub3d9 \ubc0f \uce74\uc6b4\ud130 \ub3d9\uae30\ud654\n        function changeSlide(trackId, direction) {\n            const track = document.getElementById(trackId);\n            if (!track) return;\n\n            const pane = track.closest('.bn-room-pane');\n            const slides = track.querySelectorAll('.bn-r-slide');\n            const total = slides.length;\n            let index = parseInt(track.getAttribute('data-index')) || 0;\n\n            index += direction;\n            if (index >= total) index = 0;\n            if (index < 0) index = total - 1;\n\n            track.style.transform = `translateX(-${index * 100}%)`;\n            track.setAttribute('data-index', index);\n\n            \/\/ \uc6b0\uce21 \ud558\ub2e8 \uce74\uc6b4\ud130 \uc22b\uc790 \uac31\uc2e0 (01, 02 \ub4f1)\n            if (pane) {\n                const currentNumEl = pane.querySelector('.current-num');\n                if (currentNumEl) {\n                    const nextNum = index + 1;\n                    currentNumEl.innerText = nextNum < 10 ? '0' + nextNum : nextNum;\n                }\n            }\n        }\n\n        \/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \uc2dc \uc2ac\ub77c\uc774\ub4dc \uce74\uc6b4\ud130 \uc790\ub3d9 \uacc4\uc0b0 100% \uc2e4\ud589 \ubcf4\uc7a5\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\n            setTimeout(initSlideCounters, 50);\n        } else {\n            window.addEventListener('DOMContentLoaded', initSlideCounters);\n            window.addEventListener('load', initSlideCounters); \n        }\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ACCOMMODATION \uac1d\uc2e4 \uc548\ub0b4 A\ub3d9 B\ub3d9 C\ub3d9 D\ub3d9 \uc6d0\ub8f8 01 \/ 05 A\ub3d9 450,000 \uc6d0 (\uae30\uc900 15\uba85) \uc5ec\ub7ff\uc774 \ud568\uaed8 \uba38\ubb3c\ub7ec\ub3c4 \ub2f5\ub2f5\ud568\uc774 \uc5c6\ub294 \uc5ec\uc720\ub85c\uc6b4 \ub2e8\uccb4 \ud734\uc2dd \uacf5\uac04\uc785\ub2c8\ub2e4. \ud22c\uba85 \ucc9c\ub9c9\ud615 \ud14c\ub77c\uc2a4\uc640 \uc644\uc804 \uc624\ud508\ub41c \ud14c\ub77c\uc2a4\ub97c \ubaa8\ub450 \uac16\ucd94\uace0 \uc788\uc5b4 \uacc4\uc808\uacfc \ub0a0\uc528\uc5d0 \uad6c\uc560\ubc1b\uc9c0 \uc54a\uace0 \ud3b8\uc548\ud55c \uc2dc\uac04\uc744 &hellip; <a href=\"https:\/\/binaesum.com\/?page_id=13\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/binaesum.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":14,"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/binaesum.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}