{"id":6,"date":"2026-10-06T13:47:17","date_gmt":"2026-10-06T04:47:17","guid":{"rendered":"http:\/\/hspee3.mycafe24.com\/?page_id=6"},"modified":"2026-10-13T15:17:45","modified_gmt":"2026-10-13T06:17:45","slug":"home","status":"publish","type":"page","link":"https:\/\/binaesum.com\/","title":{"rendered":"HOME"},"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&#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<!-- \uc6cc\ub4dc\ud504\ub808\uc2a4 \ucda9\ub3cc \ubc29\uc9c0\uc6a9 \ucd5c\uc0c1\uc704 \ub798\ud37c -->\n<div id=\"bn-main-wrapper\">\n    \n    <style>\n        \/* \n         * [WP Container Breakout & CSS Reset]\n         *\/\n        #bn-main-wrapper {\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            background-color: #ffffff !important;\n            font-family: 'Pretendard', -apple-system, sans-serif !important;\n            color: #222222 !important;\n            line-height: 1.6 !important;\n            overflow-x: hidden !important;\n            box-sizing: border-box !important;\n            font-size: 16px !important; \n        }\n\n        #bn-main-wrapper * {\n            box-sizing: border-box !important;\n            margin: 0; padding: 0;\n            font-family: 'Pretendard', -apple-system, sans-serif !important;\n        }\n\n        #bn-main-wrapper .bn-serif { font-family: 'Noto Serif KR', serif !important; }\n        \n        \/* \ud654\uc9c8 \uac1c\uc120: \uc6d0\ubcf8 \ud574\uc0c1\ub3c4 \uc720\uc9c0 \ubc0f \uc65c\uace1 \ubc29\uc9c0 *\/\n        #bn-main-wrapper img { \n            max-width: 100% !important; \n            display: block !important; \n            object-fit: cover !important; \n            margin: 0 !important; \n            padding: 0 !important;\n            image-rendering: -webkit-optimize-contrast !important;\n            -webkit-font-smoothing: antialiased !important;\n        }\n\n        \/* -------------------------------------\n           \uacf5\ud1b5 \ub808\uc774\uc544\uc6c3 & \uc139\uc158\n        ------------------------------------- *\/\n        #bn-main-wrapper .bn-container {\n            max-width: 1200px !important;\n            margin: 0 auto !important;\n            padding: 0 5vw !important;\n            width: 100% !important;\n        }\n\n        #bn-main-wrapper .bn-section { padding: 120px 0 !important; }\n        #bn-main-wrapper .bn-bg-gray { background-color: #f8f9fa !important; }\n\n        #bn-main-wrapper .bn-section-header { text-align: center !important; margin-bottom: 50px !important; }\n        \n        #bn-main-wrapper .bn-section-title { \n            font-size: 35px !important; \n            font-weight: 800 !important; \n            color: #2d3436 !important; \n            margin-bottom: 12px !important; \n            line-height: 1.3 !important;\n        }\n        #bn-main-wrapper .bn-section-desc { \n            font-size: 17px !important; \n            color: #636e72 !important; \n            line-height: 1.6 !important;\n        }\n\n        \/* -------------------------------------\n           1. Hero Slider Section\n        ------------------------------------- *\/\n        #bn-main-wrapper .bn-hero {\n            position: relative !important;\n            width: 100vw !important;\n            height: 100vh !important;\n            min-height: 600px !important;\n            overflow: hidden !important;\n            background-color: #2d3436 !important;\n        }\n\n        #bn-main-wrapper .bn-slider { width: 100% !important; height: 100% !important; position: relative !important; }\n        \n        #bn-main-wrapper .bn-slide {\n            position: absolute !important;\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\n            opacity: 0 !important;\n            visibility: hidden !important;\n            transition: opacity 1.2s ease-in-out, visibility 1.2s !important;\n        }\n        \n        #bn-main-wrapper .bn-slide.bn-active { opacity: 1 !important; visibility: visible !important; z-index: 2 !important; }\n\n        \/* \ud654\uc9c8 \ucd5c\uc801\ud654: \ud655\ub300 \ud6a8\uacfc \uc0ad\uc81c \ubc0f \ub9d1\uc740 \uc0c9\uac10 \ud544\ud130 \uc801\uc6a9 *\/\n        #bn-main-wrapper .bn-slide-bg {\n            position: absolute !important;\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\n            background-size: cover !important;\n            background-position: center !important;\n            filter: contrast(1.05) saturate(1.1) brightness(1.02) !important; \n            transform: translateZ(0) !important;\n            backface-visibility: hidden !important;\n        }\n\n        #bn-main-wrapper .bn-slide::after {\n            content: ''; position: absolute !important;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%) !important;\n        }\n\n        #bn-main-wrapper .bn-hero-content {\n            position: absolute !important;\n            bottom: 15% !important;\n            left: 5vw !important;\n            z-index: 10 !important;\n            color: #fff !important;\n            max-width: 800px !important;\n        }\n\n        #bn-main-wrapper .bn-hero-label {\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            letter-spacing: 2px !important;\n            color: #d2a77a !important;\n            text-transform: uppercase !important;\n            margin-bottom: 12px !important;\n            display: block !important;\n        }\n\n        #bn-main-wrapper .bn-hero-title {\n            font-size: clamp(48px, 5vw, 64px) !important;\n            font-weight: 400 !important;\n            line-height: 1.2 !important;\n            letter-spacing: -1px !important;\n            margin-bottom: 16px !important;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;\n            color: #fff !important;\n        }\n\n        #bn-main-wrapper .bn-hero-desc {\n            font-size: 18px !important;\n            font-weight: 300 !important;\n            opacity: 0.9 !important;\n            color: #fff !important;\n            margin: 0 !important;\n            line-height: 1.6 !important;\n        }\n\n        #bn-main-wrapper .bn-text-wrap { overflow: hidden !important; }\n        #bn-main-wrapper .bn-text-inner {\n            display: block !important;\n            transform: translateY(100%) !important;\n            opacity: 0 !important;\n            transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1s ease !important;\n        }\n        #bn-main-wrapper .bn-slide.bn-active .bn-text-inner { transform: translateY(0) !important; opacity: 1 !important; }\n        #bn-main-wrapper .bn-slide.bn-active .bn-delay-1 { transition-delay: 0.2s !important; }\n        #bn-main-wrapper .bn-slide.bn-active .bn-delay-2 { transition-delay: 0.4s !important; }\n        #bn-main-wrapper .bn-slide.bn-active .bn-delay-3 { transition-delay: 0.6s !important; }\n\n        \/* \ud504\ub85c\uadf8\ub808\uc2a4 \ubc14 \ucee8\ud2b8\ub864 \uc601\uc5ed *\/\n        #bn-main-wrapper .bn-slider-controls {\n            position: absolute !important;\n            bottom: 6% !important;\n            left: 5vw !important;\n            z-index: 20 !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 15px !important;\n            color: #fff !important;\n            font-size: 15px !important;\n            font-weight: 600 !important;\n        }\n\n        #bn-main-wrapper .bn-progress-bar {\n            width: 120px !important;\n            height: 2px !important;\n            background: rgba(255,255,255,0.3) !important;\n            position: relative !important;\n        }\n\n        \/* \ud504\ub85c\uadf8\ub808\uc2a4 \ubc14 \uc560\ub2c8\uba54\uc774\uc158 \uc124\uc815 *\/\n        @keyframes fillProgress {\n            0% { width: 0%; }\n            100% { width: 100%; }\n        }\n\n        \/* \n         * \uc911\uc694: width: 0% \uc5d0 !important \ub97c \uc81c\uac70\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158\uc774 \ub3d9\uc791\ud560 \uc218 \uc788\uac8c \uc218\uc815 \n         *\/\n        #bn-main-wrapper .bn-progress-fill {\n            position: absolute !important;\n            top: 0; left: 0; height: 100%;\n            background: #fff !important;\n            width: 0%; \/* !important \uc0ad\uc81c\ud568 *\/\n        }\n\n        #bn-main-wrapper .bn-progress-fill.is-animating {\n            animation: fillProgress 6s linear forwards !important;\n        }\n\n        \/* -------------------------------------\n           2. Rooms Section (Tab & Premium Style)\n        ------------------------------------- *\/\n        \n        #bn-main-wrapper .bn-room-tabs {\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            gap: 10px !important;\n            margin-bottom: 50px !important;\n            border-bottom: 2px solid #eeeeee !important;\n            flex-wrap: wrap !important;\n        }\n\n        #bn-main-wrapper .bn-tab-btn {\n            background: none !important;\n            border: none !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #b2bec3 !important;\n            padding: 12px 24px !important;\n            cursor: pointer !important;\n            position: relative !important;\n            transition: color 0.3s ease !important;\n        }\n\n        #bn-main-wrapper .bn-tab-btn:hover { color: #2d3436 !important; }\n        \n        #bn-main-wrapper .bn-tab-btn.bn-active {\n            color: #2d3436 !important;\n            font-weight: 800 !important;\n        }\n\n        #bn-main-wrapper .bn-tab-btn.bn-active::after {\n            content: '' !important;\n            position: absolute !important;\n            bottom: -2px !important;\n            left: 0 !important;\n            width: 100% !important;\n            height: 3px !important;\n            background-color: #2d3436 !important;\n        }\n\n        #bn-main-wrapper .bn-room-premium {\n            display: none !important;\n            background: #fff !important;\n            border-radius: 16px !important;\n            overflow: hidden !important;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;\n            border: 1px solid #eeeeee !important;\n        }\n\n        #bn-main-wrapper .bn-room-premium.bn-active {\n            display: flex !important;\n            animation: bnFadeIn 0.6s ease-out forwards !important;\n        }\n\n        @keyframes bnFadeIn {\n            from { opacity: 0; transform: translateY(15px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #bn-main-wrapper .bn-room-premium .bn-img-wrap { width: 55% !important; height: 500px !important; overflow: hidden !important; }\n        #bn-main-wrapper .bn-room-premium .bn-img-wrap img { width: 100% !important; height: 100% !important; transition: transform 0.6s ease !important; }\n        #bn-main-wrapper .bn-room-premium:hover .bn-img-wrap img { transform: scale(1.05) !important; }\n\n        #bn-main-wrapper .bn-room-premium .bn-info-wrap {\n            width: 45% !important;\n            padding: 50px 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n        }\n\n        #bn-main-wrapper .bn-room-badge {\n            display: inline-block !important;\n            background: #d2a77a !important;\n            color: #fff !important;\n            padding: 6px 14px !important;\n            border-radius: 6px !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            margin-bottom: 16px !important;\n            align-self: flex-start !important;\n        }\n\n        #bn-main-wrapper .bn-room-name { \n            font-size: 32px !important; \n            font-weight: 800 !important; \n            margin-bottom: 8px !important; \n            color: #2d3436 !important; \n            line-height: 1.3 !important;\n        }\n        #bn-main-wrapper .bn-room-price { \n            font-size: 19px !important; \n            font-weight: 600 !important; \n            color: #636e72 !important; \n            margin-bottom: 24px !important; \n        }\n        \n        #bn-main-wrapper .bn-room-premium-desc {\n            color: #636e72 !important;\n            margin-bottom: 24px !important;\n            font-size: 16px !important;\n            line-height: 1.6 !important;\n        }\n\n        #bn-main-wrapper .bn-room-spec {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px !important;\n            font-size: 15px !important;\n            color: #222222 !important;\n            background: #f8f9fa !important;\n            padding: 24px !important;\n            border-radius: 12px !important;\n        }\n        #bn-main-wrapper .bn-room-spec-item { display: flex !important; align-items: center !important; }\n        #bn-main-wrapper .bn-room-spec-item::before { \n            content: '\u2022' !important; \n            color: #d2a77a !important; \n            margin-right: 8px !important; \n            font-weight: bold !important; \n        }\n\n        \/* -------------------------------------\n           \uac1d\uc2e4 \ub354\ubcf4\uae30 \ubc84\ud2bc\n        ------------------------------------- *\/\n        #bn-main-wrapper .bn-more-btn-wrap {\n            text-align: center !important;\n            margin-top: 50px !important;\n        }\n        \n        #bn-main-wrapper .bn-more-btn {\n            display: inline-block !important;\n            background-color: #2d3436 !important;\n            color: #ffffff !important;\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            padding: 16px 45px !important;\n            border-radius: 30px !important;\n            text-decoration: none !important;\n            transition: all 0.3s ease !important;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;\n        }\n        \n        #bn-main-wrapper .bn-more-btn:hover {\n            background-color: #d2a77a !important;\n            transform: translateY(-3px) !important;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;\n            color: #ffffff !important;\n        }\n\n        \/* -------------------------------------\n           3. Reservation & Map Section\n        ------------------------------------- *\/\n        #bn-main-wrapper .bn-contact-card {\n            background: #fff !important;\n            border-radius: 24px !important;\n            box-shadow: 0 15px 50px rgba(0,0,0,0.05) !important;\n            border: 1px solid #eeeeee !important;\n            overflow: hidden !important;\n            display: flex !important;\n        }\n\n        #bn-main-wrapper .bn-contact-info {\n            width: 40% !important;\n            padding: 60px 50px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n        }\n\n        #bn-main-wrapper .bn-contact-title { \n            font-size: 26px !important; \n            font-weight: 800 !important; \n            margin-bottom: 16px !important; \n            color: #2d3436 !important; \n            line-height: 1.3 !important;\n        }\n        #bn-main-wrapper .bn-contact-desc { \n            color: #636e72 !important; \n            font-size: 16px !important; \n            margin-bottom: 40px !important; \n            line-height: 1.6 !important;\n        }\n\n        #bn-main-wrapper .bn-tel-wrap { margin-bottom: 30px !important; }\n        #bn-main-wrapper .bn-tel-label { \n            display: block !important; \n            font-size: 14px !important; \n            color: #636e72 !important; \n            font-weight: 600 !important; \n            margin-bottom: 4px !important; \n        }\n        #bn-main-wrapper .bn-tel-number { \n            font-size: 35px !important; \n            font-weight: 800 !important; \n            color: #2d3436 !important; \n            letter-spacing: -1px !important; \n        }\n\n        #bn-main-wrapper .bn-address-wrap {\n            padding-top: 30px !important;\n            border-top: 1px solid #eeeeee !important;\n            font-size: 15px !important;\n            color: #222222 !important;\n            font-weight: 500 !important;\n            line-height: 1.6 !important;\n        }\n\n        #bn-main-wrapper .bn-contact-map { width: 60% !important; min-height: 450px !important; }\n        #bn-main-wrapper .bn-contact-map iframe { width: 100% !important; height: 100% !important; border: none !important; }\n\n        \/* -------------------------------------\n           4. Responsive Design (\uc644\ubcbd \ubc18\uc751\ud615)\n        ------------------------------------- *\/\n        @media (max-width: 1024px) {\n            #bn-main-wrapper .bn-hero-content { bottom: 20% !important; left: 6vw !important; }\n            #bn-main-wrapper .bn-room-premium.bn-active { flex-direction: column !important; }\n            #bn-main-wrapper .bn-room-premium .bn-img-wrap, \n            #bn-main-wrapper .bn-room-premium .bn-info-wrap { width: 100% !important; }\n            #bn-main-wrapper .bn-room-premium .bn-img-wrap { height: 400px !important; }\n            \n            #bn-main-wrapper .bn-contact-card { flex-direction: column !important; }\n            #bn-main-wrapper .bn-contact-info, \n            #bn-main-wrapper .bn-contact-map { width: 100% !important; }\n            #bn-main-wrapper .bn-contact-map { height: 400px !important; min-height: auto !important; }\n        }\n\n        @media (max-width: 768px) {\n            #bn-main-wrapper .bn-section { padding: 80px 0 !important; }\n            #bn-main-wrapper .bn-hero-title { font-size: 45px !important; }\n            \n            #bn-main-wrapper .bn-room-premium .bn-img-wrap { height: 300px !important; }\n            \n            #bn-main-wrapper .bn-contact-info { padding: 40px 30px !important; }\n            #bn-main-wrapper .bn-tel-number { font-size: 28px !important; }\n        }\n\n        @media (max-width: 480px) {\n            #bn-main-wrapper .bn-section { padding: 60px 0 !important; }\n            #bn-main-wrapper .bn-hero-content { bottom: 20% !important; }\n            #bn-main-wrapper .bn-hero-label { font-size: 13px !important; }\n            #bn-main-wrapper .bn-hero-title { font-size: 35px !important; margin-bottom: 12px !important; }\n            #bn-main-wrapper .bn-hero-desc { font-size: 15px !important; }\n            #bn-main-wrapper .bn-slider-controls { bottom: 8% !important; }\n            \n            #bn-main-wrapper .bn-section-title { font-size: 28px !important; }\n            #bn-main-wrapper .bn-room-premium .bn-info-wrap { padding: 30px 20px !important; }\n            #bn-main-wrapper .bn-room-name { font-size: 26px !important; }\n            #bn-main-wrapper .bn-tab-btn { font-size: 16px !important; padding: 10px 16px !important; }\n            #bn-main-wrapper .bn-room-spec { grid-template-columns: 1fr !important; gap: 8px !important; }\n            #bn-main-wrapper .bn-room-spec span:last-child { grid-column: auto !important; }\n            \n            #bn-main-wrapper .bn-more-btn { font-size: 14px !important; padding: 14px 35px !important; }\n            #bn-main-wrapper .bn-contact-map { height: 300px !important; }\n        }\n    <\/style>\n\n    <!-- 1. Hero Slider Section -->\n    <div class=\"bn-hero\">\n        <div class=\"bn-slider\">\n            <!-- Slide 1 -->\n            <div class=\"bn-slide bn-active\">\n                <div class=\"bn-slide-bg\" style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/4.jpg');\"><\/div>\n                <div class=\"bn-hero-content\">\n                    <div class=\"bn-text-wrap\"><span class=\"bn-text-inner bn-hero-label bn-delay-1\">PANORAMIC VIEW<\/span><\/div>\n                    <div class=\"bn-text-wrap\"><div class=\"bn-text-inner bn-hero-title bn-serif bn-delay-2\">\ub0a8\ud55c\uac15\uacfc \ube44\ub0b4\uc12c\uc758<br>\uc218\ub824\ud55c \ud48d\uacbd<\/div><\/div>\n                    <div class=\"bn-text-wrap\"><div class=\"bn-text-inner bn-hero-desc bn-delay-3\">\uac1d\uc2e4\uacfc \ud14c\ub77c\uc2a4\uc5d0\uc11c \ud55c\ub208\uc5d0 \ub0b4\ub824\ub2e4\ubcf4\uc774\ub294 \ud0c1 \ud2b8\uc778 \uc804\ub9dd<\/div><\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 2 -->\n            <div class=\"bn-slide\">\n                <div class=\"bn-slide-bg\" style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/5-scaled.jpg');\"><\/div>\n                <div class=\"bn-hero-content\">\n                    <div class=\"bn-text-wrap\"><span class=\"bn-text-inner bn-hero-label bn-delay-1\">PRIVATE SPACE<\/span><\/div>\n                    <div class=\"bn-text-wrap\"><div class=\"bn-text-inner bn-hero-title bn-serif bn-delay-2\">\uc6b0\ub9ac\ub9cc\uc758 \ucf8c\uc801\ud558\uace0<br>\ud504\ub77c\uc774\ube57\ud55c \ud734\uc2dd<\/div><\/div>\n                    <div class=\"bn-text-wrap\"><div class=\"bn-text-inner bn-hero-desc bn-delay-3\">\ubaa9\uc801\uacfc \uc778\uc6d0\uc5d0 \ub9de\ucd98 \ub2e4\uc591\ud558\uace0 \ud3b8\uc548\ud55c \uac1d\uc2e4<\/div><\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 3 -->\n            <div class=\"bn-slide\">\n                <div class=\"bn-slide-bg\" style=\"background-image: url('\/wp-content\/uploads\/2026\/10\/1.jpg');\"><\/div>\n                <div class=\"bn-hero-content\">\n                    <div class=\"bn-text-wrap\"><span class=\"bn-text-inner bn-hero-label bn-delay-1\">NATURE STAY<\/span><\/div>\n                    <div class=\"bn-text-wrap\"><div class=\"bn-text-inner bn-hero-title bn-serif bn-delay-2\">\uc18c\ub098\ubb34 \uc232\uae38\uc744 \ub530\ub77c<br>\uac77\ub294 \ub9d1\uc740 \uc544\uce68<\/div><\/div>\n                    <div class=\"bn-text-wrap\"><div class=\"bn-text-inner bn-hero-desc bn-delay-3\">\uc77c\uc0c1\uc744 \ubc97\uc5b4\ub098 \ub9c8\uc8fc\ud558\ub294 \ud478\ub978 \uc790\uc5f0\uacfc \uc644\ubcbd\ud55c \uc27c<\/div><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"bn-slider-controls\">\n            <span id=\"bn-currentSlide\">01<\/span>\n            <div class=\"bn-progress-bar\">\n                <div class=\"bn-progress-fill\" id=\"bn-progressFill\"><\/div>\n            <\/div>\n            <span id=\"bn-totalSlide\">03<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- 2. Rooms Section (Tab Menu \uc801\uc6a9) -->\n    <div class=\"bn-section\" id=\"rooms\">\n        <div class=\"bn-container\">\n            <div class=\"bn-section-header\">\n                <div class=\"bn-section-title\">Rooms<\/div>\n                <div class=\"bn-section-desc\">\uba38\ubb34\ub984 \uc790\uccb4\uac00 \ud734\uc2dd\uc774 \ub418\ub294 \ud3b8\uc548\ud55c \uacf5\uac04<\/div>\n            <\/div>\n\n            <!-- \ud0ed \ubc84\ud2bc \uc601\uc5ed -->\n            <div class=\"bn-room-tabs\">\n                <button class=\"bn-tab-btn bn-active\" data-target=\"room-a\">A\ub3d9<\/button>\n                <button class=\"bn-tab-btn\" data-target=\"room-b\">B\ub3d9<\/button>\n                <button class=\"bn-tab-btn\" data-target=\"room-c\">C\ub3d9<\/button>\n                <button class=\"bn-tab-btn\" data-target=\"room-d\">D\ub3d9 \uc6d0\ub8f8<\/button>\n            <\/div>\n\n            <!-- \ud0ed \ucf58\ud150\uce20 \uc601\uc5ed -->\n            <div class=\"bn-room-tab-content\">\n                \n                <!-- A\ub3d9 -->\n                <div class=\"bn-room-premium bn-active\" id=\"room-a\">\n                    <div class=\"bn-img-wrap\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/A\ub3d9.jpg\" alt=\"A\ub3d9 \ub3c5\ucc44\">\n                    <\/div>\n                    <div class=\"bn-info-wrap\">\n                        <span class=\"bn-room-badge\">GROUP STAY<\/span>\n                        <div class=\"bn-room-name\">A\ub3d9<\/div>\n                        <div class=\"bn-room-price\">450,000 \uc6d0<\/div>\n                        <div class=\"bn-room-premium-desc\">\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.<\/div>\n                        <div class=\"bn-room-spec\">\n                            <span class=\"bn-room-spec-item\">\uae30\uc900 15\uba85 \uc218\uc6a9<\/span>\n                            <span class=\"bn-room-spec-item\">\uc5ec\uc720\ub85c\uc6b4 \ub2e8\uccb4 \uacf5\uac04<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- B\ub3d9 -->\n                <div class=\"bn-room-premium\" id=\"room-b\">\n                    <div class=\"bn-img-wrap\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/B\ub3d9.jpg\" alt=\"B\ub3d9\">\n                    <\/div>\n                    <div class=\"bn-info-wrap\">\n                        <span class=\"bn-room-badge\">FAMILY STAY<\/span>\n                        <div class=\"bn-room-name\">B\ub3d9<\/div>\n                        <div class=\"bn-room-price\">300,000 \uc6d0<\/div>\n                        <div class=\"bn-room-premium-desc\">\uc628 \uac00\uc871\uc774 \ud568\uaed8 \ud3b8\uc548\ud558\uac8c \uba38\ubb34\ub97c \uc218 \uc788\ub294 \uac00\uc871 \ub9de\ucda4\ud615 \ucf8c\uc801\ud55c \uac1d\uc2e4\uc785\ub2c8\ub2e4.<\/div>\n                        <div class=\"bn-room-spec\">\n                            <span class=\"bn-room-spec-item\">\uae30\uc900 10\uba85 \uc218\uc6a9<\/span>\n                            <span class=\"bn-room-spec-item\">\uac00\uc871 \ub9de\ucda4\ud615 \uac1d\uc2e4<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- C\ub3d9 \ub3c5\ucc44 -->\n                <div class=\"bn-room-premium\" id=\"room-c\">\n                    <div class=\"bn-img-wrap\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/C\ub3d9.jpg\" alt=\"C\ub3d9 \ub3c5\ucc44\">\n                    <\/div>\n                    <div class=\"bn-info-wrap\">\n                        <span class=\"bn-room-badge\">PREMIUM<\/span>\n                        <div class=\"bn-room-name\">C\ub3d9<\/div>\n                        <div class=\"bn-room-price\">450,000 \uc6d0<\/div>\n                        <div class=\"bn-room-premium-desc\">\ub300\uac00\uc871 \ubc0f \uae30\uc5c5 \uc6cc\ud06c\uc0f5 \ub4f1 \ub2e8\uccb4 \ubaa8\uc784\uc5d0 \ucd5c\uc801\ud654\ub41c \ub113\uace0 \ud504\ub77c\uc774\ube57\ud55c \ud504\ub9ac\ubbf8\uc5c4 \uac1d\uc2e4\uc785\ub2c8\ub2e4.<\/div>\n                        <div class=\"bn-room-spec\">\n                            <span class=\"bn-room-spec-item\">\uae30\uc900 15\uba85 \uc218\uc6a9<\/span>\n                            <span class=\"bn-room-spec-item\">\ubd84\ub9ac\ud615 \uce68\uc2e4 4\uac1c<\/span>\n                            <span class=\"bn-room-spec-item\">20\uc778 \ub300\ud615 \uac70\uc2e4<\/span>\n                            <span class=\"bn-room-spec-item\">\ud654\uc7a5\uc2e4 2\uac1c<\/span>\n                            <span class=\"bn-room-spec-item\" style=\"grid-column: 1 \/ -1;\">27\ud3c9 \ud22c\uba85 \uc624\ud508\ud14c\ub77c\uc2a4<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- D\ub3d9 -->\n                <div class=\"bn-room-premium\" id=\"room-d\">\n                    <div class=\"bn-img-wrap\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/D\ub3d9.jpg\" alt=\"D\ub3d9\">\n                    <\/div>\n                    <div class=\"bn-info-wrap\">\n                        <span class=\"bn-room-badge\">COUPLE STAY<\/span>\n                        <div class=\"bn-room-name\">D\ub3d9 \uc6d0\ub8fd<\/div>\n                        <div class=\"bn-room-price\">100,000 ~ 150,000 \uc6d0<\/div>\n                        <div class=\"bn-room-premium-desc\">\uc5f0\uc778\uc774\ub098 \uc18c\uaddc\ubaa8 \uac00\uc871\uc774 \uba38\ubb3c\uae30\uc5d0 \uc88b\uc740 \uc544\ub291\ud558\uace0 \ub530\ub73b\ud55c \uacf5\uac04\uc785\ub2c8\ub2e4.<\/div>\n                        <div class=\"bn-room-spec\">\n                            <span class=\"bn-room-spec-item\">\uae30\uc900 2~4\uba85 \uc218\uc6a9<\/span>\n                            <span class=\"bn-room-spec-item\">\uc18c\uaddc\ubaa8 \uc544\ub291\ud55c \uacf5\uac04<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <!-- \uac1d\uc2e4 \uc790\uc138\ud788 \ubcf4\uae30(\ub354\ubcf4\uae30) \ubc84\ud2bc \ucd94\uac00 -->\n            <div class=\"bn-more-btn-wrap\">\n                <a href=\"\/?page_id=13\" class=\"bn-more-btn\">\uac1d\uc2e4 \uc790\uc138\ud788 \ubcf4\uae30<\/a>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n\n    <!-- 3. Reservation & Map Section -->\n    <div class=\"bn-section bn-bg-gray\" id=\"contact\">\n        <div class=\"bn-container\">\n            <div class=\"bn-section-header\">\n                <div class=\"bn-section-title\">Location &#038; Booking<\/div>\n                <div class=\"bn-section-desc\">\uc624\uc2dc\ub294 \uae38 \ubc0f \uc608\uc57d \ubb38\uc758 \uc548\ub0b4<\/div>\n            <\/div>\n\n            <div class=\"bn-contact-card\">\n                <div class=\"bn-contact-info\">\n                    <div class=\"bn-contact-title\">\uc608\uc57d \uc548\ub0b4<\/div>\n                    <div class=\"bn-contact-desc\">\ud604\uc7ac \uc2e4\uc2dc\uac04 \uc608\uc57d \uc2dc\uc2a4\ud15c \uc900\ube44 \uc911\uc73c\ub85c,<br>\ubaa8\ub4e0 \uc608\uc57d\uc740 \uc804\ud654\ub85c \uce5c\uc808\ud788 \ub3c4\uc640\ub4dc\ub9ac\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n                    \n                    <div class=\"bn-tel-wrap\">\n                        <span class=\"bn-tel-label\">\uc608\uc57d \ubc0f \ubb38\uc758 \uc804\ud654<\/span>\n                        <div class=\"bn-tel-number\">010-7752-8892<\/div>\n                    <\/div>\n\n                    <div class=\"bn-address-wrap\">\n                        [\uc624\uc2dc\ub294 \uae38]<br>\n                        \ucda9\ubd81 \ucda9\uc8fc\uc2dc \uc559\uc131\uba74 \uc0c8\ubc14\uc9c0\uae38 194-5<br>\ube44\ub0b4\uc12c\uc758 \uc544\uce68 \ud39c\uc158\n                    <\/div>\n                <\/div>\n                \n                <div class=\"bn-contact-map\">\n                    <iframe \n                        src=\"https:\/\/maps.google.com\/maps?q=\ucda9\ubd81%20\ucda9\uc8fc\uc2dc%20\uc559\uc131\uba74%20\uc0c8\ubc14\uc9c0\uae38%20194-5&#038;t=&#038;z=15&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" \n                        allowfullscreen=\"\" \n                        loading=\"lazy\" \n                        referrerpolicy=\"no-referrer-when-downgrade\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \uc2a4\ud06c\ub9bd\ud2b8 \uc601\uc5ed -->\n    <script>\n        (function() {\n            function initBnMain() {\n                let slideIndex = 0;\n                const slides = document.querySelectorAll('#bn-main-wrapper .bn-slide');\n                const currentNum = document.getElementById('bn-currentSlide');\n                let progressFill = document.getElementById('bn-progressFill');\n                const slideDuration = 6000;\n                let slideInterval;\n\n                function showSlide(index) {\n                    if (!slides.length) return;\n                    slides.forEach(slide => slide.classList.remove('bn-active'));\n                    \n                    if (index >= slides.length) slideIndex = 0;\n                    else if (index < 0) slideIndex = slides.length - 1;\n                    else slideIndex = index;\n\n                    slides[slideIndex].classList.add('bn-active');\n                    \n                    if(currentNum) currentNum.innerText = '0' + (slideIndex + 1);\n\n                    if(progressFill) {\n                        \/\/ \ub178\ub4dc\ub97c \uc644\uc804\ud788 \uad50\uccb4\ud574\uc11c \ube0c\ub77c\uc6b0\uc800\uac00 \uc560\ub2c8\uba54\uc774\uc158\uc744 100% \uc0c8\ub85c \uadf8\ub9ac\uac8c \uac15\uc81c\ud568\n                        progressFill.classList.remove('is-animating');\n                        const newFill = progressFill.cloneNode(true);\n                        progressFill.parentNode.replaceChild(newFill, progressFill);\n                        progressFill = newFill; \/\/ \ubcc0\uc218 \uc7ac\ud560\ub2f9\n                        progressFill.classList.add('is-animating');\n                    }\n                }\n\n                function startSlider() {\n                    clearInterval(slideInterval);\n                    slideInterval = setInterval(() => {\n                        showSlide(slideIndex + 1);\n                    }, slideDuration);\n                }\n\n                if(slides.length > 0) {\n                    showSlide(0);\n                    startSlider();\n                }\n\n                \/\/ 2. \ud0ed \uba54\ub274 \uc804\ud658 \ub85c\uc9c1\n                const tabBtns = document.querySelectorAll('#bn-main-wrapper .bn-tab-btn');\n                const roomContents = document.querySelectorAll('#bn-main-wrapper .bn-room-premium');\n\n                tabBtns.forEach(btn => {\n                    btn.addEventListener('click', () => {\n                        tabBtns.forEach(b => b.classList.remove('bn-active'));\n                        roomContents.forEach(c => c.classList.remove('bn-active'));\n                        \n                        btn.classList.add('bn-active');\n                        const targetId = btn.getAttribute('data-target');\n                        const targetElement = document.getElementById(targetId);\n                        if (targetElement) {\n                            targetElement.classList.add('bn-active');\n                        }\n                    });\n                });\n            }\n\n            \/\/ \uc6cc\ub4dc\ud504\ub808\uc2a4 \ube14\ub85d \ub80c\ub354\ub9c1 \ud0c0\uc774\ubc0d\uc744 \uc644\ubcbd\ud558\uac8c \ub9de\ucd94\uae30 \uc704\ud55c \ubc29\uc5b4 \ucf54\ub4dc\n            if (document.readyState === 'complete' || document.readyState === 'interactive') {\n                setTimeout(initBnMain, 50);\n            } else {\n                document.addEventListener('DOMContentLoaded', initBnMain);\n                window.addEventListener('load', initBnMain); \n            }\n        })();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PANORAMIC VIEW \ub0a8\ud55c\uac15\uacfc \ube44\ub0b4\uc12c\uc758\uc218\ub824\ud55c \ud48d\uacbd \uac1d\uc2e4\uacfc \ud14c\ub77c\uc2a4\uc5d0\uc11c \ud55c\ub208\uc5d0 \ub0b4\ub824\ub2e4\ubcf4\uc774\ub294 \ud0c1 \ud2b8\uc778 \uc804\ub9dd PRIVATE SPACE \uc6b0\ub9ac\ub9cc\uc758 \ucf8c\uc801\ud558\uace0\ud504\ub77c\uc774\ube57\ud55c \ud734\uc2dd \ubaa9\uc801\uacfc \uc778\uc6d0\uc5d0 \ub9de\ucd98 \ub2e4\uc591\ud558\uace0 \ud3b8\uc548\ud55c \uac1d\uc2e4 NATURE STAY \uc18c\ub098\ubb34 \uc232\uae38\uc744 \ub530\ub77c\uac77\ub294 \ub9d1\uc740 \uc544\uce68 \uc77c\uc0c1\uc744 \ubc97\uc5b4\ub098 \ub9c8\uc8fc\ud558\ub294 \ud478\ub978 \uc790\uc5f0\uacfc \uc644\ubcbd\ud55c \uc27c 01 03 Rooms &hellip; <a href=\"https:\/\/binaesum.com\/\">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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages\/6","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=6"}],"version-history":[{"count":31,"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/binaesum.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/binaesum.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}