{"id":109,"date":"2025-11-14T19:25:59","date_gmt":"2025-11-14T10:25:59","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=109"},"modified":"2025-11-22T02:13:53","modified_gmt":"2025-11-21T17:13:53","slug":"commercial","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/commercial\/","title":{"rendered":"COMMERCIAL"},"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 \ud310\uad50 \uc5f0\uad6c\uc13c\ud130 - 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 max-height: 500px;\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=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_g6qt0ag6qt0ag6qt.png\" alt=\"\ud310\uad50 \uc5f0\uad6c\uc13c\ud130\" class=\"hero-image\">\r\n <div class=\"hero-overlay\">\r\n <div class=\"hero-category\">COMMERCIAL<\/div>\r\n <h1 class=\"hero-title\">\ud310\uad50 \uc5f0\uad6c\uc13c\ud130<\/h1>\r\n <p class=\"hero-subtitle\">Seongnam, Korea \u00b7 2024<\/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\">RESIDENTIAL<\/div>\r\n <div class=\"filter-tab\">PUBLIC<\/div>\r\n <div class=\"filter-tab active\">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\">2024<\/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\">\uacbd\uae30 \uc131\ub0a8\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\">\uc5f0\uad6c\uc13c\ud130<\/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\">8,500\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\">18,200\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\uc0c112\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=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_uc3rs5uc3rs5uc3r.png\" alt=\"\ud310\uad50 \uc5f0\uad6c\uc13c\ud130 \uc804\uacbd\">\r\n <\/div>\r\n \r\n <div class=\"content-block\">\r\n <h2 class=\"block-title\">\ud601\uc2e0\uacfc \ud611\uc5c5\uc744 \uc704\ud55c \uc5f0\uad6c\uacf5\uac04<\/h2>\r\n <div class=\"block-text\">\r\n <p>\r\n \ud310\uad50 \uc5f0\uad6c\uc13c\ud130\ub294 \ucca8\ub2e8 \uae30\uc220 \uc5f0\uad6c\ub97c \uc704\ud55c \ucd5c\uc801\ud654\ub41c \ud658\uacbd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \r\n \uac1c\ubc29\ud615 \uc5f0\uad6c\uc2e4, \ud611\uc5c5 \uacf5\uac04, \uc2e4\ud5d8\uc2e4\uc774 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub418\uc5b4 \r\n \uc5f0\uad6c\uc6d0\ub4e4\uc758 \ucc3d\uc758\uc801\uc778 \uc544\uc774\ub514\uc5b4 \uad50\ub958\ub97c \ucd09\uc9c4\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <p>\r\n \uc790\uc5f0 \ucc44\uad11\uc744 \ucd5c\ub300\ud55c \ud65c\uc6a9\ud55c \ucf8c\uc801\ud55c \uc5c5\ubb34 \ud658\uacbd\uacfc \ucd5c\uc2e0 \uc2a4\ub9c8\ud2b8 \ube4c\ub529 \uc2dc\uc2a4\ud15c\uc744 \r\n \ub3c4\uc785\ud558\uc5ec \uc5d0\ub108\uc9c0 \ud6a8\uc728\uc131\uacfc \uc0ac\uc6a9\uc790 \ud3b8\uc758\uc131\uc744 \ub3d9\uc2dc\uc5d0 \uad6c\ud604\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 \uc678\uad00\uc740 \ucca8\ub2e8 \uae30\uc220\uc744 \uc0c1\uc9d5\ud558\ub294 \uae54\ub054\ud55c \uc720\ub9ac \ud30c\uc0ac\ub4dc\uc640 \r\n \uc54c\ub8e8\ubbf8\ub284 \ud328\ub110\ub85c \uad6c\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub0b4\ubd80\ub294 \uc720\uc5f0\ud55c \uacf5\uac04 \uad6c\uc131\uc774 \uac00\ub2a5\ud558\ub3c4\ub85d \r\n \uc124\uacc4\ud558\uc5ec \ubcc0\ud654\ud558\ub294 \uc5f0\uad6c \ud658\uacbd\uc5d0 \ub300\uc751\ud560 \uc218 \uc788\uc2b5\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=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_rezrvwrezrvwrezr.png\" alt=\"\uc5f0\uad6c\uc2e4 1\">\r\n <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_38mbl438mbl438mb.png\" alt=\"\uc5f0\uad6c\uc2e4 2\">\r\n <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_ps5krups5krups5k.png\" alt=\"\uc5f0\uad6c\uc2e4 3\">\r\n <\/div>\r\n <div class=\"triple-text-bg\">\r\n <p class=\"triple-text\">\r\n \ud310\uad50 \uc5f0\uad6c\uc13c\ud130\ub294 \ud601\uc2e0\uc801\uc778 \uc5f0\uad6c \ud658\uacbd\uc744 \uc81c\uacf5\ud558\uba70,<br>\r\n \ubbf8\ub798 \uae30\uc220 \uac1c\ubc1c\uc758 \uc911\uc2ec\uc9c0\ub85c \uc790\ub9ac\ub9e4\uae40\ud558\uace0 \uc788\uc2b5\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-1497366412874-3415097a27e7?w=1000\" alt=\"\ub0b4\ubd80 \uacf5\uac04\">\r\n <\/div>\r\n <div class=\"split-content\">\r\n <h2 class=\"split-title\">\uacf5\uac04\uc758 \ud601\uc2e0<\/h2>\r\n <p class=\"split-text\">\r\n \uac01 \uce35\uc740 \uc5f0\uad6c \ubaa9\uc801\uc5d0 \ub9de\uac8c \ud2b9\ud654\ub41c \uacf5\uac04\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \r\n \uc624\ud508 \ud50c\ub79c \uc5f0\uad6c\uc2e4\uc5d0\uc11c\ub294 \ud300 \uac04 \uc790\uc720\ub85c\uc6b4 \uc18c\ud1b5\uc774 \uac00\ub2a5\ud558\uba70, \r\n \ub3c5\ub9bd \uc2e4\ud5d8\uc2e4\uc5d0\uc11c\ub294 \uc9d1\uc911\uc801\uc778 \uc5f0\uad6c\uac00 \uc774\ub8e8\uc5b4\uc9d1\ub2c8\ub2e4.\r\n <br><br>\r\n \uc625\uc0c1 \uc815\uc6d0\uacfc \uce74\ud398\ud14c\ub9ac\uc544\ub294 \uc5f0\uad6c\uc6d0\ub4e4\uc758 \ud734\uc2dd\uacfc \ube44\uacf5\uc2dd\uc801 \r\n \uc544\uc774\ub514\uc5b4 \uad50\ub958\uc758 \uc7a5\uc73c\ub85c \ud65c\uc6a9\ub418\uba70, \uac74\ubb3c \uc804\uccb4\uac00 \ud558\ub098\uc758 \r\n \ud1b5\ud569\ub41c \uc5f0\uad6c \uc0dd\ud0dc\uacc4\ub97c \ud615\uc131\ud569\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-1497215728101-856f4ea42174?w=2000\" alt=\"\uc57c\uacbd\">\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 COMMERCIAL 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\/\uac15\ub0a8-\uc624\ud53c\uc2a4-\ud0c0\uc6cc\/'\">\r\n <div class=\"related-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=800\" alt=\"\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc\">\r\n <\/div>\r\n <div class=\"related-card-category\">COMMERCIAL<\/div>\r\n <div class=\"related-card-title\">\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc<\/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\/\uae30\uc5c5-\uc0ac\uc625\/'\">\r\n <div class=\"related-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?w=1920\" alt=\"\uae30\uc5c5 \uc0ac\uc625\">\r\n <\/div>\r\n <div class=\"related-card-category\">COMMERCIAL<\/div>\r\n <div class=\"related-card-title\">\uae30\uc5c5 \uc0ac\uc625<\/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\/\uc0c1\uc5c5-\uc2dc\uc124\/'\">\r\n <div class=\"related-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_m1azr3m1azr3m1az.png\" alt=\"\uc0c1\uc5c5 \uc2dc\uc124\">\r\n <\/div>\r\n <div class=\"related-card-category\">COMMERCIAL<\/div>\r\n <div class=\"related-card-title\">\uc0c1\uc5c5 \uc2dc\uc124<\/div>\r\n <div class=\"related-card-location\">Busan, 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\/public\/'\">\r\n <div class=\"nav-label\">\u2190 PREVIOUS<\/div>\r\n <div class=\"nav-title\">\ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04<\/div>\r\n <div class=\"nav-location\">Seoul, Korea<\/div>\r\n <\/div>\r\n <div class=\"nav-item\" onclick=\"location.href='http:\/\/bmkyun2.com\/residential\/'\">\r\n <div class=\"nav-label\">NEXT \u2192<\/div>\r\n <div class=\"nav-title\">\uc81c\uc8fc \ub9ac\uc870\ud2b8<\/div>\r\n <div class=\"nav-location\">Jeju, 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>\ud310\uad50 \uc5f0\uad6c\uc13c\ud130 – SPACE Architects COMMERCIAL \ud310\uad50 \uc5f0\uad6c\uc13c\ud130 Seongnam, Korea \u00b7 2024 CATEGORY ALL RESIDENTIAL PUBLIC COMMERCIAL URBAN PROJECT INFO […]<\/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-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/109","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=109"}],"version-history":[{"count":40,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":916,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/109\/revisions\/916"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}