{"id":838,"date":"2025-11-21T20:40:27","date_gmt":"2025-11-21T11:40:27","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=838"},"modified":"2025-11-21T20:49:55","modified_gmt":"2025-11-21T11:49:55","slug":"residential-%ec%a3%bc%ea%b1%b0-%ea%b3%b5%ea%b0%84-design","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/residential-%ec%a3%bc%ea%b1%b0-%ea%b3%b5%ea%b0%84-design\/","title":{"rendered":"RESIDENTIAL \uc8fc\uac70 \uacf5\uac04 (DESIGN)"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"838\" class=\"elementor elementor-838\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ddf4ee e-con-full e-flex e-con e-parent\" data-id=\"2ddf4ee\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5462fe elementor-widget elementor-widget-html\" data-id=\"f5462fe\" 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>\uc8fc\uac70 \uacf5\uac04 - SPACE Architects<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\r\n            background: #f5f5f5;\r\n            color: #222;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero-section {\r\n            position: relative;\r\n            height: 500px;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?w=1600') center\/cover;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .hero-label {\r\n            font-size: 14px;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 20px;\r\n            opacity: 0.9;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 56px;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* Breadcrumb *\/\r\n        .breadcrumb {\r\n            background: #fff;\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid #e0e0e0;\r\n        }\r\n\r\n        .breadcrumb-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 14px;\r\n            color: #666;\r\n        }\r\n\r\n        .breadcrumb a {\r\n            color: #666;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .breadcrumb a:hover {\r\n            color: #1a73e8;\r\n        }\r\n\r\n        \/* Main Container *\/\r\n        .main-container {\r\n            max-width: 1200px;\r\n            margin: 60px auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        .content-card {\r\n            background: #ffffff;\r\n            padding: 60px 80px;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        \/* Section Title *\/\r\n        .section-title {\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            margin-bottom: 30px;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        \/* Intro Box *\/\r\n        .intro-box {\r\n            background: #f8f9fa;\r\n            padding: 35px;\r\n            border-left: 4px solid #2c3e50;\r\n            margin-bottom: 50px;\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            color: #444;\r\n        }\r\n\r\n        \/* Content Text *\/\r\n        .content-text {\r\n            font-size: 16px;\r\n            line-height: 1.9;\r\n            color: #444;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        \/* Features Grid *\/\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            margin: 50px 0;\r\n        }\r\n\r\n        .feature-item {\r\n            background: #f8f9fa;\r\n            padding: 35px 30px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-item:hover {\r\n            background: #fff;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 48px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .feature-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .feature-desc {\r\n            font-size: 15px;\r\n            color: #666;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Image Gallery *\/\r\n        .image-gallery {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin: 50px 0;\r\n        }\r\n\r\n        .gallery-image {\r\n            width: 100%;\r\n            height: 400px;\r\n            object-fit: cover;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        \/* Projects Section *\/\r\n        .projects-section {\r\n            margin-top: 80px;\r\n        }\r\n\r\n        .projects-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .project-card {\r\n            background: #fff;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        .project-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .project-image {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .project-content {\r\n            padding: 25px;\r\n        }\r\n\r\n        .project-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .project-location {\r\n            font-size: 14px;\r\n            color: #999;\r\n        }\r\n\r\n        \/* Back Button *\/\r\n        .back-button-container {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .back-button {\r\n            display: inline-block;\r\n            background: #333;\r\n            color: white;\r\n            padding: 15px 50px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .back-button:hover {\r\n            background: #1a1a1a;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .hero-title {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .content-card {\r\n                padding: 40px 30px;\r\n            }\r\n\r\n            .features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .projects-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .image-gallery {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .gallery-image {\r\n                height: 300px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-label\">RESIDENTIAL<\/div>\r\n            <h1 class=\"hero-title\">\uc8fc\uac70 \uacf5\uac04<\/h1>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Breadcrumb -->\r\n    <div class=\"breadcrumb\">\r\n        <div class=\"breadcrumb-inner\">\r\n            <a href=\"\/en\/\">\ud83c\udfe0 \ud648<\/a>\r\n            <span>\u203a<\/span>\r\n            <a href=\"#design\">\ub514\uc790\uc778<\/a>\r\n            <span>\u203a<\/span>\r\n            <span>\uc8fc\uac70 \uacf5\uac04<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Container -->\r\n    <div class=\"main-container\">\r\n        <article class=\"content-card\">\r\n            \r\n            <h2 class=\"section-title\">\uc0b6\uc758 \uac00\uce58\ub97c \ub2f4\ub294 \uacf5\uac04<\/h2>\r\n\r\n            <!-- Intro -->\r\n            <div class=\"intro-box\">\r\n                \ub77c\uc774\ud504\uc2a4\ud0c0\uc77c\uc744 \ub2f4\uc544\ub0b4 \ub9de\ucda4\ud615 \uc8fc\uac70 \uacf5\uac04\uc744 \uc124\uacc4\ud569\ub2c8\ub2e4. \r\n                \uc790\uc5f0\uacfc \uc870\ud654\ub97c \uc774\ub8e8\ub294 \uacf5\uac04 \uc124\uacc4\ub97c \ud1b5\ud574 \uc0b6\uc758 \uc9c8\uc744 \ud5a5\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4.\r\n            <\/div>\r\n\r\n            <p class=\"content-text\">\r\n                SPACE Architects\uc758 \uc8fc\uac70 \uacf5\uac04 \ub514\uc790\uc778\uc740 \ub2e8\uc21c\ud788 \uc0b4\uae30 \uc704\ud55c \uacf5\uac04\uc744 \ub118\uc5b4, \r\n                \uac70\uc8fc\uc790\uc758 \ub77c\uc774\ud504\uc2a4\ud0c0\uc77c\uacfc \uac00\uce58\uad00\uc744 \ub2f4\uc544\ub0b4\ub294 \ub9de\ucda4\ud615 \uc124\uacc4\ub97c \uc9c0\ud5a5\ud569\ub2c8\ub2e4. \r\n                \uac01 \uac00\uc871\uc758 \uace0\uc720\ud55c \uc0dd\ud65c \ud328\ud134\uacfc \ucde8\ud5a5\uc744 \uae4a\uc774 \uc774\ud574\ud558\uace0, \uc774\ub97c \uacf5\uac04\uc5d0 \ubc18\uc601\ud558\uc5ec \r\n                \uc9c4\uc815\ud55c \uc758\ubbf8\uc758 '\uc9d1'\uc744 \ub9cc\ub4e4\uc5b4\ub0c5\ub2c8\ub2e4.\r\n            <\/p>\r\n\r\n            <p class=\"content-text\">\r\n                \uc790\uc5f0\uad11\uc758 \ud750\ub984, \ud1b5\ud48d, \ub3d9\uc120\uc758 \ud6a8\uc728\uc131 \ub4f1 \uae30\ubcf8\uc801\uc778 \uc8fc\uac70 \uae30\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\uba74\uc11c\ub3c4, \r\n                \ubbf8\uc801 \uc544\ub984\ub2e4\uc6c0\uacfc \uac1c\uc131\uc744 \uc783\uc9c0 \uc54a\ub294 \uade0\ud615\uc7a1\ud78c \ub514\uc790\uc778\uc744 \ucd94\uad6c\ud569\ub2c8\ub2e4. \r\n                \uce5c\ud658\uacbd \uc790\uc7ac\uc640 \uc5d0\ub108\uc9c0 \ud6a8\uc728\uc801\uc778 \uc124\uacc4\ub97c \ud1b5\ud574 \uc9c0\uc18d\uac00\ub2a5\ud55c \uc8fc\uac70 \ud658\uacbd\uc744 \uc870\uc131\ud569\ub2c8\ub2e4.\r\n            <\/p>\r\n\r\n            <!-- Features -->\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83c\udfe1<\/div>\r\n                    <h3 class=\"feature-title\">\ub9de\ucda4\ud615 \uc124\uacc4<\/h3>\r\n                    <p class=\"feature-desc\">\uac00\uc871 \uad6c\uc131\uc6d0\uc758 \ub77c\uc774\ud504\uc2a4\ud0c0\uc77c\uc744 \ubc18\uc601\ud55c \uacf5\uac04 \uc124\uacc4<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83c\udf3f<\/div>\r\n                    <h3 class=\"feature-title\">\uc790\uc5f0 \uce5c\ud654<\/h3>\r\n                    <p class=\"feature-desc\">\uc790\uc5f0\uad11\uacfc \uc790\uc5f0 \uc694\uc18c\ub97c \uc801\uadf9 \ud65c\uc6a9\ud55c \ucf8c\uc801\ud55c \ud658\uacbd<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n                    <h3 class=\"feature-title\">\uc2a4\ub9c8\ud2b8 \uae30\uc220<\/h3>\r\n                    <p class=\"feature-desc\">\ucd5c\uc2e0 \uc2a4\ub9c8\ud2b8\ud648 \uae30\uc220\ub85c \ud3b8\ub9ac\ud55c \uc0dd\ud65c \uad6c\ud604<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Image Gallery -->\r\n            <div class=\"image-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492493-0946911123ea?w=800\" alt=\"\uc8fc\uac70\uacf5\uac04 1\" class=\"gallery-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753151-384129cf4e3e?w=800\" alt=\"\uc8fc\uac70\uacf5\uac04 2\" class=\"gallery-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?w=800\" alt=\"\uc8fc\uac70\uacf5\uac04 3\" class=\"gallery-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=800\" alt=\"\uc8fc\uac70\uacf5\uac04 4\" class=\"gallery-image\">\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- Related Projects -->\r\n        <section class=\"projects-section\">\r\n            <div class=\"content-card\">\r\n                <h2 class=\"section-title\">\uad00\ub828 \ud504\ub85c\uc81d\ud2b8<\/h2>\r\n                <div class=\"projects-grid\">\r\n                    <a href=\"#\" class=\"project-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540541338287-41700207dee6?w=600\" alt=\"\uc81c\uc8fc \ub9ac\uc870\ud2b8\" class=\"project-image\">\r\n                        <div class=\"project-content\">\r\n                            <h3 class=\"project-title\">\uc81c\uc8fc \ub9ac\uc870\ud2b8<\/h3>\r\n                            <p class=\"project-location\">\uc81c\uc8fc\ub3c4<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"project-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=600\" alt=\"\uc1a1\ud604\ub3d9 \uc8fc\ud0dd\" class=\"project-image\">\r\n                        <div class=\"project-content\">\r\n                            <h3 class=\"project-title\">Songhyeon-dong House<\/h3>\r\n                            <p class=\"project-location\">\uc11c\uc6b8 \uc885\ub85c\uad6c<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"project-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=600\" alt=\"\uc0b0\uc545 \ube4c\ub77c\" class=\"project-image\">\r\n                        <div class=\"project-content\">\r\n                            <h3 class=\"project-title\">\uc0b0\uc545 \ube4c\ub77c<\/h3>\r\n                            <p class=\"project-location\">\uac15\uc6d0\ub3c4<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"project-card\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=600\" alt=\"\uc8fc\uac70 \ub2e8\uc9c0\" class=\"project-image\">\r\n                        <div class=\"project-content\">\r\n                            <h3 class=\"project-title\">\uc8fc\uac70 \ub2e8\uc9c0<\/h3>\r\n                            <p class=\"project-location\">\uacbd\uae30\ub3c4<\/p>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Back Button -->\r\n        <div class=\"back-button-container\">\r\n            <a href=\"\/en\/\" class=\"back-button\">\uba54\uc778\uc73c\ub85c<\/a>\r\n        <\/div>\r\n    <\/div>\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>\uc8fc\uac70 \uacf5\uac04 &#8211; SPACE Architects RESIDENTIAL \uc8fc\uac70 \uacf5\uac04 \ud83c\udfe0 \ud648 \u203a \ub514\uc790\uc778 \u203a \uc8fc\uac70 \uacf5\uac04 \uc0b6\uc758 \uac00\uce58\ub97c \ub2f4\ub294 \uacf5\uac04 \ub77c\uc774\ud504\uc2a4\ud0c0\uc77c\uc744 [&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-838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/838","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=838"}],"version-history":[{"count":7,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/838\/revisions"}],"predecessor-version":[{"id":858,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/838\/revisions\/858"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}