{"id":104,"date":"2025-11-14T19:25:28","date_gmt":"2025-11-14T10:25:28","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=104"},"modified":"2025-11-22T02:08:48","modified_gmt":"2025-11-21T17:08:48","slug":"residential","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/residential\/","title":{"rendered":"RESIDENTAIAL"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"104\" class=\"elementor elementor-104\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da5f2ab e-con-full e-flex e-con e-parent\" data-id=\"da5f2ab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74ddf9d elementor-widget elementor-widget-html\" data-id=\"74ddf9d\" data-element_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>\uc81c\uc8fc \ub9ac\uc870\ud2b8 - SPACE Architects<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        .project-detail-page * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .project-detail-page {\r\n            font-family: 'Noto Sans KR', sans-serif;\r\n            background: #fff;\r\n            color: #1a1a1a;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Hero Section - 60vh *\/\r\n        .project-detail-page .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 60vh;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .project-detail-page .hero-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .project-detail-page .hero-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            padding: 60px 80px;\r\n            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\r\n        }\r\n\r\n        .project-detail-page .hero-category {\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            letter-spacing: 3px;\r\n            color: rgba(255,255,255,0.8);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .project-detail-page .hero-title {\r\n            font-size: 72px;\r\n            font-weight: 700;\r\n            color: #fff;\r\n            letter-spacing: -2px;\r\n            margin-bottom: 15px;\r\n            line-height: 1;\r\n        }\r\n\r\n        .project-detail-page .hero-subtitle {\r\n            font-size: 18px;\r\n            color: rgba(255,255,255,0.9);\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* Category Filter Bar - Centered *\/\r\n        .project-detail-page .category-filter-bar {\r\n            background: #fafafa;\r\n            padding: 40px 80px;\r\n            border-bottom: 1px solid #e0e0e0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 25px;\r\n        }\r\n\r\n        .project-detail-page .filter-label {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            color: #999;\r\n        }\r\n\r\n        .project-detail-page .filter-tabs {\r\n            display: flex;\r\n            gap: 30px;\r\n        }\r\n\r\n        .project-detail-page .filter-tab {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: #666;\r\n            text-decoration: none;\r\n            letter-spacing: 1px;\r\n            padding-bottom: 5px;\r\n            border-bottom: 2px solid transparent;\r\n            transition: all 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .project-detail-page .filter-tab:hover,\r\n        .project-detail-page .filter-tab.active {\r\n            color: #1a1a1a;\r\n            border-bottom-color: #1a1a1a;\r\n        }\r\n\r\n        \/* Project Info Section *\/\r\n        .project-detail-page .project-info-section {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 100px 80px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 2fr;\r\n            gap: 100px;\r\n        }\r\n\r\n        .project-detail-page .info-sidebar {\r\n            position: sticky;\r\n            top: 50px;\r\n            height: fit-content;\r\n        }\r\n\r\n        .project-detail-page .info-title {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            color: #999;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .project-detail-page .info-list {\r\n            list-style: none;\r\n        }\r\n\r\n        .project-detail-page .info-item {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .project-detail-page .info-item-label {\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: #999;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .project-detail-page .info-item-value {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        \/* Main Content *\/\r\n        .project-detail-page .main-content {\r\n            padding-top: 10px;\r\n        }\r\n\r\n        .project-detail-page .content-block {\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .project-detail-page .block-title {\r\n            font-size: 36px;\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n            margin-bottom: 30px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .project-detail-page .block-text {\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            color: #555;\r\n        }\r\n\r\n        .project-detail-page .block-text p {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Header Image (above main text) *\/\r\n        .project-detail-page .header-image {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            margin: 0 0 50px 0;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .project-detail-page .header-image img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        \/* Image Sections *\/\r\n        .project-detail-page .image-section {\r\n            margin: 100px 0;\r\n        }\r\n\r\n        .project-detail-page .image-full {\r\n            width: 100%;\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .project-detail-page .image-full img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .project-detail-page .image-grid {\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            padding: 0 80px;\r\n        }\r\n\r\n        .project-detail-page .image-grid img {\r\n            width: 100%;\r\n            height: 500px;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* 3-Column Image Gallery (Reference Style 1) *\/\r\n        .project-detail-page .triple-image-section {\r\n            margin: 120px 0;\r\n        }\r\n\r\n        .project-detail-page .triple-images {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 0;\r\n            height: 500px;\r\n            max-height: 500px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .project-detail-page .triple-images img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .project-detail-page .triple-text-bg {\r\n            background: #2c5f7d;\r\n            color: #fff;\r\n            padding: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .project-detail-page .triple-text {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            font-size: 28px;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* Split Section (Reference Style 2) *\/\r\n        .project-detail-page .split-section {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 0;\r\n            margin: 120px 0;\r\n            align-items: center;\r\n        }\r\n\r\n        .project-detail-page .split-image {\r\n            width: 100%;\r\n            height: 700px;\r\n        }\r\n\r\n        .project-detail-page .split-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .project-detail-page .split-content {\r\n            padding: 80px;\r\n        }\r\n\r\n        .project-detail-page .split-title {\r\n            font-size: 42px;\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n            margin-bottom: 30px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .project-detail-page .split-text {\r\n            font-size: 17px;\r\n            line-height: 1.8;\r\n            color: #555;\r\n        }\r\n\r\n        \/* Full Width Image *\/\r\n        .project-detail-page .full-width-section {\r\n            width: 100%;\r\n            margin: 120px 0;\r\n        }\r\n\r\n        .project-detail-page .full-width-section img {\r\n            width: 100%;\r\n            height: 80vh;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Related Projects *\/\r\n        .project-detail-page .related-section {\r\n            background: #fafafa;\r\n            padding: 120px 80px;\r\n        }\r\n\r\n        .project-detail-page .related-container {\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .project-detail-page .related-header {\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .project-detail-page .related-label {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            color: #999;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .project-detail-page .related-title {\r\n            font-size: 42px;\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .project-detail-page .related-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 50px;\r\n        }\r\n\r\n        .project-detail-page .related-card {\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .project-detail-page .related-card:hover {\r\n            transform: translateY(-8px);\r\n        }\r\n\r\n        .project-detail-page .related-card-image {\r\n            width: 100%;\r\n            height: 400px;\r\n            margin-bottom: 25px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .project-detail-page .related-card-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .project-detail-page .related-card:hover .related-card-image img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .project-detail-page .related-card-category {\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            color: #999;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .project-detail-page .related-card-title {\r\n            font-size: 22px;\r\n            font-weight: 600;\r\n            color: #1a1a1a;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .project-detail-page .related-card-location {\r\n            font-size: 14px;\r\n            color: #999;\r\n        }\r\n\r\n        \/* Slider Controls (Mobile only) *\/\r\n        .project-detail-page .slider-controls {\r\n            display: none;\r\n        }\r\n\r\n        \/* Navigation Footer *\/\r\n        .project-detail-page .project-navigation {\r\n            background: #fff;\r\n            border-top: 1px solid #e0e0e0;\r\n        }\r\n\r\n        .project-detail-page .nav-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .project-detail-page .nav-item {\r\n            padding: 80px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n            border-right: 1px solid #e0e0e0;\r\n        }\r\n\r\n        .project-detail-page .nav-item:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        .project-detail-page .nav-item:hover {\r\n            background: #fafafa;\r\n        }\r\n\r\n        .project-detail-page .nav-label {\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            color: #999;\r\n        }\r\n\r\n        .project-detail-page .nav-title {\r\n            font-size: 32px;\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .project-detail-page .nav-location {\r\n            font-size: 15px;\r\n            color: #999;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1200px) {\r\n            .project-detail-page .project-info-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 60px;\r\n                padding: 80px 40px;\r\n            }\r\n\r\n            .project-detail-page .info-sidebar {\r\n                position: relative;\r\n                top: 0;\r\n            }\r\n\r\n            .project-detail-page .category-filter-bar {\r\n                padding: 30px 40px;\r\n            }\r\n\r\n            .project-detail-page .image-grid {\r\n                padding: 0 40px;\r\n            }\r\n\r\n            .project-detail-page .split-section {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .project-detail-page .split-image {\r\n                height: 500px;\r\n            }\r\n\r\n            .project-detail-page .triple-images {\r\n                grid-template-columns: 1fr;\r\n                height: auto;\r\n            }\r\n\r\n            .project-detail-page .triple-images img {\r\n                height: 300px;\r\n            }\r\n\r\n            .project-detail-page .related-section {\r\n                padding: 80px 40px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .project-detail-page .hero-section {\r\n                height: 50vh;\r\n            }\r\n\r\n            .project-detail-page .hero-title {\r\n                font-size: 42px;\r\n            }\r\n\r\n            .project-detail-page .hero-overlay {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .project-detail-page .category-filter-bar {\r\n                padding: 25px 30px;\r\n            }\r\n\r\n            .project-detail-page .filter-tabs {\r\n                flex-wrap: wrap;\r\n                gap: 15px;\r\n                justify-content: center;\r\n            }\r\n\r\n            .project-detail-page .project-info-section {\r\n                padding: 60px 30px;\r\n            }\r\n\r\n            \/* PROJECT INFO \ubaa8\ubc14\uc77c 2\uc5f4 \uadf8\ub9ac\ub4dc *\/\r\n            .project-detail-page .info-sidebar {\r\n                display: block;\r\n            }\r\n\r\n            .project-detail-page .info-title {\r\n                display: none;\r\n            }\r\n\r\n            .project-detail-page .info-list {\r\n                display: grid;\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 40px 30px;\r\n                margin-bottom: 60px;\r\n            }\r\n\r\n            .project-detail-page .info-item {\r\n                margin-bottom: 0;\r\n                text-align: center;\r\n            }\r\n\r\n            .project-detail-page .info-item-label {\r\n                font-size: 11px;\r\n                color: #999;\r\n                margin-bottom: 12px;\r\n                font-weight: 500;\r\n            }\r\n\r\n            .project-detail-page .info-item-value {\r\n                font-size: 18px;\r\n                font-weight: 700;\r\n                color: #1a1a1a;\r\n            }\r\n\r\n            .project-detail-page .image-grid {\r\n                grid-template-columns: 1fr;\r\n                padding: 0 30px;\r\n            }\r\n\r\n            .project-detail-page .split-content {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .project-detail-page .split-title {\r\n                font-size: 32px;\r\n            }\r\n\r\n            \/* Triple \uac24\ub7ec\ub9ac \uc139\uc158 \uc644\uc804\ud788 \uc228\uae40 *\/\r\n            .project-detail-page .triple-image-section {\r\n                display: none !important;\r\n            }\r\n\r\n            \/* Related Projects \uc2ac\ub77c\uc774\ub354 *\/\r\n            .project-detail-page .related-container {\r\n                position: relative;\r\n            }\r\n\r\n            .project-detail-page .related-grid {\r\n                display: block;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .project-detail-page .related-card {\r\n                display: none;\r\n            }\r\n\r\n            .project-detail-page .related-card.active {\r\n                display: block;\r\n            }\r\n\r\n            .project-detail-page .slider-controls {\r\n                display: flex;\r\n                justify-content: center;\r\n                gap: 20px;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            .project-detail-page .slider-btn {\r\n                width: 50px;\r\n                height: 50px;\r\n                border: 2px solid #1a1a1a;\r\n                background: transparent;\r\n                border-radius: 50%;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                cursor: pointer;\r\n                transition: all 0.3s ease;\r\n                font-size: 20px;\r\n                color: #1a1a1a;\r\n            }\r\n\r\n            .project-detail-page .slider-btn:hover {\r\n                background: #1a1a1a;\r\n                color: #fff;\r\n            }\r\n\r\n            .project-detail-page .related-section {\r\n                padding: 60px 30px;\r\n            }\r\n\r\n            .project-detail-page .nav-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .project-detail-page .nav-item {\r\n                padding: 50px 30px;\r\n                border-right: none;\r\n                border-bottom: 1px solid #e0e0e0;\r\n            }\r\n\r\n            .project-detail-page .nav-item:last-child {\r\n                border-bottom: none;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"project-detail-page\">\r\n    <!-- Hero Section -->\r\n    <section class=\"hero-section\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1602002418082-a4443e081dd1?w=1920\" alt=\"\uc81c\uc8fc \ub9ac\uc870\ud2b8\" class=\"hero-image\">\r\n        <div class=\"hero-overlay\">\r\n            <div class=\"hero-category\">RESIDENTIAL<\/div>\r\n            <h1 class=\"hero-title\">\uc81c\uc8fc \ub9ac\uc870\ud2b8<\/h1>\r\n            <p class=\"hero-subtitle\">Jeju, Korea \u00b7 2023<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Category Filter Bar -->\r\n    <section class=\"category-filter-bar\">\r\n        <div class=\"filter-label\">CATEGORY<\/div>\r\n        <nav class=\"filter-tabs\">\r\n            <div class=\"filter-tab\">ALL<\/div>\r\n            <div class=\"filter-tab active\">RESIDENTIAL<\/div>\r\n            <div class=\"filter-tab\">PUBLIC<\/div>\r\n            <div class=\"filter-tab\">COMMERCIAL<\/div>\r\n            <div class=\"filter-tab\">URBAN<\/div>\r\n        <\/nav>\r\n    <\/section>\r\n\r\n    <!-- Project Info Section -->\r\n    <section class=\"project-info-section\">\r\n        <!-- Sidebar Info -->\r\n        <aside class=\"info-sidebar\">\r\n            <div class=\"info-title\">PROJECT INFO<\/div>\r\n            <ul class=\"info-list\">\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\uc0ac\uc5c5\ubd84\uc57c<\/div>\r\n                    <div class=\"info-item-value\">\ub514\uc790\uc778<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\uc5f0\ub3c4<\/div>\r\n                    <div class=\"info-item-value\">2023<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\ubc1c\uc8fc\ucc98<\/div>\r\n                    <div class=\"info-item-value\">\uae30\uc5c5<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\uc704\uce58<\/div>\r\n                    <div class=\"info-item-value\">\uc81c\uc8fc \uc11c\uadc0\ud3ec\uc2dc<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\uc6a9\ub3c4<\/div>\r\n                    <div class=\"info-item-value\">\ub9ac\uc870\ud2b8 \ud638\ud154<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\ub300\uc9c0\uba74\uc801<\/div>\r\n                    <div class=\"info-item-value\">12,000\u33a1<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">\uc5f0\uba74\uc801<\/div>\r\n                    <div class=\"info-item-value\">9,800\u33a1<\/div>\r\n                <\/li>\r\n                <li class=\"info-item\">\r\n                    <div class=\"info-item-label\">Scale<\/div>\r\n                    <div class=\"info-item-value\">\uc9c0\uc0c15\uce35<\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/aside>\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"main-content\">\r\n            <!-- Header Image -->\r\n            <div class=\"header-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?w=1000\" alt=\"\uc81c\uc8fc \ub9ac\uc870\ud2b8 \uc804\uacbd\">\r\n            <\/div>\r\n            \r\n            <div class=\"content-block\">\r\n                <h2 class=\"block-title\">\uc790\uc5f0\uacfc \ud558\ub098 \ub418\ub294 \ud734\uc2dd\uc758 \uacf5\uac04<\/h2>\r\n                <div class=\"block-text\">\r\n                    <p>\r\n                        \uc81c\uc8fc \ub9ac\uc870\ud2b8\ub294 \uc81c\uc8fc\uc758 \uc544\ub984\ub2e4\uc6b4 \uc790\uc5f0 \uacbd\uad00\uc744 \ucd5c\ub300\ud55c \ud65c\uc6a9\ud558\uc5ec \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \r\n                        \ubaa8\ub4e0 \uac1d\uc2e4\uc5d0\uc11c \ubc14\ub2e4\uc640 \ud55c\ub77c\uc0b0\uc744 \uc870\ub9dd\ud560 \uc218 \uc788\uc73c\uba70, \uac74\ucd95\ubb3c\uc740 \uc9c0\ud615\uc5d0 \r\n                        \uc790\uc5f0\uc2a4\ub7fd\uac8c \ub179\uc544\ub4e4\ub3c4\ub85d \ubc30\uce58\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\r\n                    <\/p>\r\n                    <p>\r\n                        \ud604\ubb34\uc554\uacfc \ubaa9\uc7ac \ub4f1 \uc81c\uc8fc\uc758 \uc804\ud1b5 \uc18c\uc7ac\ub97c \ud604\ub300\uc801\uc73c\ub85c \uc7ac\ud574\uc11d\ud558\uc5ec \r\n                        \uc9c0\uc5ed \uc815\uccb4\uc131\uc744 \uc0b4\ub9ac\uba74\uc11c\ub3c4 \uc138\ub828\ub41c \uacf5\uac04\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. \r\n                        \uce5c\ud658\uacbd \uc124\uacc4\ub97c \ud1b5\ud574 \uc790\uc5f0\uc744 \ucd5c\ub300\ud55c \ubcf4\uc874\ud558\uace0\uc790 \ub178\ub825\ud588\uc2b5\ub2c8\ub2e4.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"content-block\">\r\n                <h2 class=\"block-title\">Design Concept<\/h2>\r\n                <div class=\"block-text\">\r\n                    <p>\r\n                        \uac74\ubb3c\uc758 \ud615\ud0dc\ub294 \uc81c\uc8fc\uc758 \uc624\ub984\uc744 \ubaa8\ud2f0\ube0c\ub85c \ud558\uc5ec \uc644\ub9cc\ud55c \uace1\uc120\uc744 \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4. \r\n                        \uce35\ubcc4\ub85c \ud14c\ub77c\uc2a4\ub97c \ub450\uc5b4 \ubaa8\ub4e0 \uac1d\uc2e4\uc774 \ud504\ub77c\uc774\ube57\ud55c \uc57c\uc678 \uacf5\uac04\uc744 \uac00\uc9c8 \uc218 \uc788\ub3c4\ub85d \ud588\uc73c\uba70, \r\n                        \uc778\ud53c\ub2c8\ud2f0 \ud480\uacfc \uc804\ub9dd\ub300\ub294 \uc81c\uc8fc\uc758 \uc790\uc5f0\uc744 \uac10\uc0c1\ud558\ub294 \ucd5c\uace0\uc758 \uc7a5\uc18c\uc785\ub2c8\ub2e4.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Triple Image Gallery -->\r\n    <section class=\"triple-image-section\">\r\n        <div class=\"triple-images\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618773928121-c32242e63f39?w=800\" alt=\"\uac1d\uc2e4 1\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?w=800\" alt=\"\uac1d\uc2e4 2\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571003123894-1f0594d2b5d9?w=800\" alt=\"\ub77c\uc6b4\uc9c0\">\r\n        <\/div>\r\n        <div class=\"triple-text-bg\">\r\n            <p class=\"triple-text\">\r\n                \uc81c\uc8fc \ub9ac\uc870\ud2b8\ub294 \uc790\uc5f0\uacfc \uac74\ucd95\uc758 \uc644\ubcbd\ud55c \uc870\ud654\ub97c \uc774\ub8e8\uba70,<br>\r\n                \ubc29\ubb38\uac1d\ub4e4\uc5d0\uac8c \ud2b9\ubcc4\ud55c \ud734\uc2dd \uacbd\ud5d8\uc744 \uc120\uc0ac\ud569\ub2c8\ub2e4.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Split Section -->\r\n    <section class=\"split-section\">\r\n        <div class=\"split-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?w=1000\" alt=\"\ud480 \ube4c\ub77c\">\r\n        <\/div>\r\n        <div class=\"split-content\">\r\n            <h2 class=\"split-title\">\uc790\uc5f0 \uc18d\uc758 \ub7ed\uc154\ub9ac<\/h2>\r\n            <p class=\"split-text\">\r\n                \ub9ac\uc870\ud2b8\ub294 50\uac1c\uc758 \ud504\ub77c\uc774\ube57 \ud480 \ube4c\ub77c\uc640 \uba54\uc778 \ud638\ud154 \ub3d9\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \r\n                \uac01 \ube4c\ub77c\ub294 \ub3c5\ub9bd\uc801\uc778 \uacf5\uac04\uc744 \uc81c\uacf5\ud558\uba74\uc11c\ub3c4 \uc790\uc5f0 \uacbd\uad00\uc744 \ucd5c\ub300\ud55c \ud5a5\uc720\ud560 \uc218 \r\n                \uc788\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\r\n                <br><br>\r\n                \uc2a4\ud30c, \ub808\uc2a4\ud1a0\ub791, \ub77c\uc6b4\uc9c0 \ub4f1 \ubd80\ub300\uc2dc\uc124\uc740 \ubc14\ub2e4\ub97c \ud5a5\ud574 \ubc30\uce58\ub418\uc5b4 \r\n                \uc81c\uc8fc\uc758 \uc544\ub984\ub2e4\uc6b4 \uc77c\ubab0\uc744 \uac10\uc0c1\ud558\uba70 \ucd5c\uace0\uae09 \uc11c\ube44\uc2a4\ub97c \uacbd\ud5d8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \r\n                \uc9c0\uc18d\uac00\ub2a5\ud55c \uac74\ucd95\uc744 \uc704\ud574 \ud0dc\uc591\uad11 \ud328\ub110\uacfc \ube57\ubb3c \uc7ac\ud65c\uc6a9 \uc2dc\uc2a4\ud15c\uc744 \ub3c4\uc785\ud588\uc2b5\ub2c8\ub2e4.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Full Width Image -->\r\n    <section class=\"full-width-section\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520250497591-112f2f40a3f4?w=2000\" alt=\"\uc11d\uc591\">\r\n    <\/section>\r\n\r\n    <!-- Related Projects -->\r\n    <section class=\"related-section\">\r\n        <div class=\"related-container\">\r\n            <div class=\"related-header\">\r\n                <div class=\"related-label\">MORE RESIDENTIAL PROJECTS<\/div>\r\n                <h2 class=\"related-title\">Related Projects<\/h2>\r\n            <\/div>\r\n            <div class=\"related-grid\">\r\n                <div class=\"related-card active\" onclick=\"location.href='http:\/\/bmkyun2.com\/\uc1a1\ud604\ub3d9-\uc8fc\ud0dd\/'\">\r\n                    <div class=\"related-card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=1920\" alt=\"\uc1a1\ud604\ub3d9 \uc8fc\ud0dd\">\r\n                    <\/div>\r\n                    <div class=\"related-card-category\">RESIDENTIAL<\/div>\r\n                    <div class=\"related-card-title\">Songhyeon-dong House<\/div>\r\n                    <div class=\"related-card-location\">Seoul, Korea<\/div>\r\n                <\/div>\r\n                <div class=\"related-card\" onclick=\"location.href='http:\/\/bmkyun2.com\/\uc0b0\uc545-\ube4c\ub77c\/'\">\r\n                    <div class=\"related-card-image\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_gvcjd9gvcjd9gvcj.png\" alt=\"\uc0b0\uc545\ube4c\ub77c\">\r\n                    <\/div>\r\n                    <div class=\"related-card-category\">RESIDENTIAL<\/div>\r\n                    <div class=\"related-card-title\">\uc0b0\uc545\ube4c\ub77c<\/div>\r\n                    <div class=\"related-card-location\">Gangwon, Korea<\/div>\r\n                <\/div>\r\n                <div class=\"related-card\" onclick=\"location.href='http:\/\/bmkyun2.com\/\uc8fc\uac70-\ub2e8\uc9c0\/'\">\r\n                    <div class=\"related-card-image\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_pv0fy9pv0fy9pv0f.png\" alt=\"\uc8fc\uac70 \ub2e8\uc9c0\">\r\n                    <\/div>\r\n                    <div class=\"related-card-category\">RESIDENTIAL<\/div>\r\n                    <div class=\"related-card-title\">\uc8fc\uac70 \ub2e8\uc9c0<\/div>\r\n                    <div class=\"related-card-location\">Incheon, Korea<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slider-controls\">\r\n                <button class=\"slider-btn\" id=\"prevBtn\">\u2190<\/button>\r\n                <button class=\"slider-btn\" id=\"nextBtn\">\u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Project Navigation -->\r\n    <section class=\"project-navigation\">\r\n        <div class=\"nav-grid\">\r\n            <div class=\"nav-item\" onclick=\"location.href='http:\/\/bmkyun2.com\/commercial\/'\">\r\n                <div class=\"nav-label\">\u2190 PREVIOUS<\/div>\r\n                <div class=\"nav-title\">\ud310\uad50 \uc5f0\uad6c\uc13c\ud130<\/div>\r\n                <div class=\"nav-location\">Seongnam, Korea<\/div>\r\n            <\/div>\r\n            <div class=\"nav-item\" onclick=\"location.href='http:\/\/bmkyun2.com\/renovation\/'\">\r\n                <div class=\"nav-label\">NEXT \u2192<\/div>\r\n                <div class=\"nav-title\">\uc11c\uc6b8\uc5ed \uc7ac\uac1c\ubc1c<\/div>\r\n                <div class=\"nav-location\">Seoul, Korea<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Related Projects Slider (Mobile Only)\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const cards = document.querySelectorAll('.related-card');\r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const nextBtn = document.getElementById('nextBtn');\r\n    let currentIndex = 0;\r\n\r\n    function updateSlider() {\r\n        cards.forEach((card, index) => {\r\n            card.classList.remove('active');\r\n            if (index === currentIndex) {\r\n                card.classList.add('active');\r\n            }\r\n        });\r\n    }\r\n\r\n    if (prevBtn && nextBtn) {\r\n        prevBtn.addEventListener('click', function() {\r\n            currentIndex = (currentIndex - 1 + cards.length) % cards.length;\r\n            updateSlider();\r\n        });\r\n\r\n        nextBtn.addEventListener('click', function() {\r\n            currentIndex = (currentIndex + 1) % cards.length;\r\n            updateSlider();\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\uc81c\uc8fc \ub9ac\uc870\ud2b8 &#8211; SPACE Architects RESIDENTIAL \uc81c\uc8fc \ub9ac\uc870\ud2b8 Jeju, Korea \u00b7 2023 CATEGORY ALL RESIDENTIAL PUBLIC COMMERCIAL URBAN PROJECT INFO [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"","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-104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":55,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/104\/revisions"}],"predecessor-version":[{"id":909,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/104\/revisions\/909"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}