{"id":844,"date":"2025-11-21T20:47:11","date_gmt":"2025-11-21T11:47:11","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=844"},"modified":"2025-11-21T20:50:08","modified_gmt":"2025-11-21T11:50:08","slug":"commercial-%ec%83%81%ec%97%85-%ec%8b%9c%ec%84%a4-design","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/commercial-%ec%83%81%ec%97%85-%ec%8b%9c%ec%84%a4-design\/","title":{"rendered":"COMMERCIAL \uc0c1\uc5c5 \uc2dc\uc124 (DESIGN)"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \uc0c1\uc5c5 \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-1497366811353-6870744d04b2?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 #e67e22;\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\">COMMERCIAL<\/div>\r\n <h1 class=\"hero-title\">\uc0c1\uc5c5 \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>\uc0c1\uc5c5 \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\">\ube0c\ub79c\ub4dc\ub97c \uacbd\ud5d8\ud558\ub294 \uacf5\uac04<\/h2>\r\n\r\n <!-- Intro -->\r\n <div class=\"intro-box\">\r\n \ube44\uc988\ub2c8\uc2a4\uc758 \uc131\uacf5\uc744 \uc704\ud55c \uc804\ub7b5\uc801 \uacf5\uac04 \uc124\uacc4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \r\n \ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0\ub97c \uacf5\uac04\uc5d0 \ub2f4\uc544 \uace0\uac1d \uacbd\ud5d8\uc744 \uadf9\ub300\ud654\ud569\ub2c8\ub2e4.\r\n <\/div>\r\n\r\n <p class=\"content-text\">\r\n SPACE Architects\uc758 \uc0c1\uc5c5 \uacf5\uac04 \ub514\uc790\uc778\uc740 \ub2e8\uc21c\ud55c \uc5c5\ubb34 \uacf5\uac04\uc744 \ub118\uc5b4, \r\n \ube0c\ub79c\ub4dc\uc758 \uc815\uccb4\uc131\uacfc \uac00\uce58\ub97c \uacf5\uac04\uc744 \ud1b5\ud574 \uc804\ub2ec\ud558\ub294 \uc804\ub7b5\uc801 \uc124\uacc4\ub97c \uc9c0\ud5a5\ud569\ub2c8\ub2e4. \r\n \ubc29\ubb38\uc790\uc640 \uc9c1\uc6d0 \ubaa8\ub450\uc5d0\uac8c \uae0d\uc815\uc801\uc778 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\uba70, \ube44\uc988\ub2c8\uc2a4 \ubaa9\ud45c \ub2ec\uc131\uc744 \uc9c0\uc6d0\ud558\ub294 \r\n \ud6a8\uc728\uc801\uc774\uace0 \ud601\uc2e0\uc801\uc778 \uacf5\uac04\uc744 \ucc3d\uc870\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n\r\n <p class=\"content-text\">\r\n \ucd5c\uc2e0 \ud2b8\ub80c\ub4dc\uc640 \uae30\uc220\uc744 \uc811\ubaa9\ud558\uc5ec \ucc28\ubcc4\ud654\ub41c \uc0c1\uc5c5 \uacf5\uac04\uc744 \uad6c\ud604\ud558\uba70, \r\n \ub3d9\uc120 \ucd5c\uc801\ud654\uc640 \uacf5\uac04 \ud65c\uc6a9\ub3c4\ub97c \ub192\uc5ec \ube44\uc988\ub2c8\uc2a4 \ud6a8\uc728\uc131\uc744 \uadf9\ub300\ud654\ud569\ub2c8\ub2e4. \r\n \ud50c\ub809\uc11c\ube14\ud55c \uacf5\uac04 \uad6c\uc131\uc73c\ub85c \ubcc0\ud654\ud558\ub294 \ube44\uc988\ub2c8\uc2a4 \ud658\uacbd\uc5d0 \uc720\uc5f0\ud558\uac8c \ub300\uc751\ud560 \uc218 \uc788\uc2b5\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\udfe2<\/div>\r\n <h3 class=\"feature-title\">\ube0c\ub79c\ub4dc \uacbd\ud5d8<\/h3>\r\n <p class=\"feature-desc\">\ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0\ub97c \ubc18\uc601\ud55c \ucc28\ubcc4\ud654\ub41c \uacf5\uac04<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n <h3 class=\"feature-title\">\ud6a8\uc728\uc131 \uadf9\ub300\ud654<\/h3>\r\n <p class=\"feature-desc\">\ub3d9\uc120\uacfc \uacf5\uac04 \ud65c\uc6a9\uc744 \ucd5c\uc801\ud654\ud55c \uc124\uacc4<\/p>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n <h3 class=\"feature-title\">\uc804\ub7b5\uc801 \uc124\uacc4<\/h3>\r\n <p class=\"feature-desc\">\ube44\uc988\ub2c8\uc2a4 \ubaa9\ud45c \ub2ec\uc131\uc744 \uc704\ud55c \ub9de\ucda4\ud615 \uacf5\uac04<\/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-1497366754035-f200968a6e72?w=800\" alt=\"\uc0c1\uc5c5\uacf5\uac04 1\" class=\"gallery-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366412874-3415097a27e7?w=800\" alt=\"\uc0c1\uc5c5\uacf5\uac04 2\" class=\"gallery-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=800\" alt=\"\uc0c1\uc5c5\uacf5\uac04 3\" class=\"gallery-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?w=800\" alt=\"\uc0c1\uc5c5\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-1486406146926-c627a92ad1ab?w=600\" alt=\"\ud310\uad50 \uc5f0\uad6c\uc13c\ud130\" class=\"project-image\">\r\n <div class=\"project-content\">\r\n <h3 class=\"project-title\">\ud310\uad50 \uc5f0\uad6c\uc13c\ud130<\/h3>\r\n <p class=\"project-location\">\uacbd\uae30 \uc131\ub0a8\uc2dc<\/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-1497366216548-37526070297c?w=600\" alt=\"\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc\" class=\"project-image\">\r\n <div class=\"project-content\">\r\n <h3 class=\"project-title\">\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc<\/h3>\r\n <p class=\"project-location\">\uc11c\uc6b8 \uac15\ub0a8\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-1497366858526-0766cadbe8fa?w=600\" alt=\"\uae30\uc5c5 \uc0ac\uc625\" class=\"project-image\">\r\n <div class=\"project-content\">\r\n <h3 class=\"project-title\">\uae30\uc5c5 \uc0ac\uc625<\/h3>\r\n <p class=\"project-location\">\uc11c\uc6b8 \uac15\ub0a8\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-1497215728101-856f4ea42174?w=600\" alt=\"\uc0c1\uc5c5 \uc2dc\uc124\" class=\"project-image\">\r\n <div class=\"project-content\">\r\n <h3 class=\"project-title\">\uc0c1\uc5c5 \uc2dc\uc124<\/h3>\r\n <p class=\"project-location\">\uc11c\uc6b8 \uac15\ub0a8\uad6c<\/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>\uc0c1\uc5c5 \uacf5\uac04 – SPACE Architects COMMERCIAL \uc0c1\uc5c5 \uacf5\uac04 \ud83c\udfe0 \ud648 \u203a \ub514\uc790\uc778 \u203a \uc0c1\uc5c5 \uacf5\uac04 \ube0c\ub79c\ub4dc\ub97c \uacbd\ud5d8\ud558\ub294 \uacf5\uac04 \ube44\uc988\ub2c8\uc2a4\uc758 \uc131\uacf5\uc744 […]<\/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-844","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/844","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=844"}],"version-history":[{"count":7,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/844\/revisions"}],"predecessor-version":[{"id":861,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/844\/revisions\/861"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}