{"id":114,"date":"2025-11-14T19:26:27","date_gmt":"2025-11-14T10:26:27","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=114"},"modified":"2025-11-22T02:18:37","modified_gmt":"2025-11-21T17:18:37","slug":"public","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/public\/","title":{"rendered":"PUBLIC"},"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 \ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04 - 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 \/* 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 \/* 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 \/* 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_k4loaqk4loaqk4lo-2.png\" alt=\"\ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04\" class=\"hero-image\">\r\n <div class=\"hero-overlay\">\r\n <div class=\"hero-category\">PUBLIC<\/div>\r\n <h1 class=\"hero-title\">\ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04<\/h1>\r\n <p class=\"hero-subtitle\">Seoul, 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\">RESIDENTIAL<\/div>\r\n <div class=\"filter-tab active\">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\">\uc11c\uc6b8\ud2b9\ubcc4\uc2dc<\/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\">\uc11c\uc6b8 \uc6a9\uc0b0\uad6c<\/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\">\ubcf5\ud569\ubb38\ud654\uc2dc\uc124<\/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\">5,800\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\">12,500\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\uc0c14\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-1600607687920-4e2a09cf159d?w=1000\" alt=\"\ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04 \uc804\uacbd\">\r\n <\/div>\r\n \r\n <div class=\"content-block\">\r\n <h2 class=\"block-title\">\ud55c\uac15\uacfc \ub3c4\uc2dc\ub97c \uc5f0\uacb0\ud558\ub294 \ubb38\ud654\uc758 \ud5c8\ube0c<\/h2>\r\n <div class=\"block-text\">\r\n <p>\r\n \ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04\uc740 \uc2dc\ubbfc\ub4e4\uc744 \uc704\ud55c \ubcf5\ud569 \ubb38\ud654\uacf5\uac04\uc73c\ub85c, \uacf5\uc5f0\uc7a5, \uc804\uc2dc\uc2e4, \ub3c4\uc11c\uad00, \r\n \uce74\ud398\uac00 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub41c \uad6c\uc870\ub97c \ud1b5\ud574 \ub2e4\uc591\ud55c \ubb38\ud654 \ud65c\ub3d9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <p>\r\n \ud55c\uac15\uc758 \uc790\uc5f0\uacbd\uad00\uc744 \ucd5c\ub300\ud55c \ud65c\uc6a9\ud558\uc5ec \ub0b4\ubd80 \uc5b4\ub514\uc11c\ub4e0 \uac15\uc744 \uc870\ub9dd\ud560 \uc218 \uc788\ub3c4\ub85d \r\n \uc124\uacc4\ud558\uc600\uc73c\uba70, \uc678\ubd80 \ub370\ud06c\uc640 \uc625\uc0c1\uc815\uc6d0\uc744 \ud1b5\ud574 \uc790\uc5f0\uacfc \ubb38\ud654\uac00 \uc5b4\uc6b0\ub7ec\uc9c0\ub294 \r\n \uacf5\uac04\uc744 \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\uc758 \ud615\ud0dc\ub294 \ud55c\uac15\uc758 \ud750\ub984\uc744 \ubaa8\ud2f0\ube0c\ub85c \ud558\uc5ec \uc720\uc5f0\ud558\uace0 \uc5ed\ub3d9\uc801\uc778 \uace1\uc120\uc744 \r\n \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4. \uce5c\ud658\uacbd \uc124\uacc4\ub97c \uc801\uc6a9\ud558\uc5ec \uc5d0\ub108\uc9c0 \ud6a8\uc728\uc744 \uadf9\ub300\ud654\ud558\uace0, \r\n \uc790\uc5f0 \ucc44\uad11\uacfc \ud1b5\ud48d\uc744 \ucd5c\uc801\ud654\ud588\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 (Reference Style 1) -->\r\n <section class=\"triple-image-section\">\r\n <div class=\"triple-images\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564399579883-451a5d44ec08?w=800\" alt=\"\ub0b4\ubd80\uacf5\uac04 1\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=800\" alt=\"\ub0b4\ubd80\uacf5\uac04 2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=800\" alt=\"\ub0b4\ubd80\uacf5\uac04 3\">\r\n <\/div>\r\n <div class=\"triple-text-bg\">\r\n <p class=\"triple-text\">\r\n \uc624\ub298\ub0a0 \ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04\uc740 \uc8fc\uc694 \uacbd\uc7c1 \ubb38\ud654\uc2dc\uc124\uacfc \ucc28\ubcc4\ud654\ub418\uba70,<br>\r\n \uc2dc\ubbfc\ub4e4\uc5d0\uac8c \ub3c5\ud2b9\ud55c \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \uacf5\uac04\uc73c\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 (Reference Style 2) -->\r\n <section class=\"split-section\">\r\n <div class=\"split-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?w=1000\" alt=\"\uac74\ucd95 \ub514\ud14c\uc77c\">\r\n <\/div>\r\n <div class=\"split-content\">\r\n <h2 class=\"split-title\">\uacf5\uac04\uc758 \uc774\uc57c\uae30<\/h2>\r\n <p class=\"split-text\">\r\n \ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04\uc740 \ub2e8\uc21c\ud55c \ubb38\ud654\uc2dc\uc124\uc744 \ub118\uc5b4, \uc2dc\ubbfc\ub4e4\uc758 \uc77c\uc0c1 \uc18d \r\n \ubb38\ud654\uc801 \uc27c\ud130\ub85c \uae30\ub2a5\ud558\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. 4\uac1c\uc758 \uc8fc\uc694 \uad6c\uc5ed\uc73c\ub85c \r\n \uad6c\uc131\ub41c \uc774 \uacf5\uac04\uc740 \uac01\uac01\uc758 \ub3c5\ud2b9\ud55c \uc815\uccb4\uc131\uc744 \uc720\uc9c0\ud558\uba74\uc11c\ub3c4, \r\n \uc804\uccb4\uc801\uc73c\ub85c \uc870\ud654\ub85c\uc6b4 \ud750\ub984\uc744 \ub9cc\ub4e4\uc5b4\ub0c5\ub2c8\ub2e4.\r\n <br><br>\r\n \ubc29\ubb38\uac1d\ub4e4\uc774 \ud3b8\uc548\ud558\uac8c \uacf5\uac04\uc744 \uacbd\ud5d8\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c1\uad00\uc801\uc778 \ub3d9\uc120\uacfc \r\n \uac1c\ubc29\uc801\uc778 \uad6c\uc870\ub97c \ucc44\ud0dd\ud588\uc73c\uba70, \ud55c\uac15\uc758 \uc790\uc5f0\uacbd\uad00\uc744 \ucd5c\ub300\ud55c \ud65c\uc6a9\ud558\uc5ec \r\n \ub0b4\ubd80\uc640 \uc678\ubd80\uac00 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub418\ub3c4\ub85d \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-1487958449943-2429e8be8625?w=2000\" alt=\"\uc804\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 PUBLIC 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\/\ubb38\ud654\uc13c\ud130\/'\">\r\n <div class=\"related-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511818966892-d7d671e672a2?w=800\" alt=\"\ubb38\ud654\uc13c\ud130\">\r\n <\/div>\r\n <div class=\"related-card-category\">PUBLIC<\/div>\r\n <div class=\"related-card-title\">\ubb38\ud654\uc13c\ud130<\/div>\r\n <div class=\"related-card-location\">Seoul, Korea<\/div>\r\n <\/div>\r\n <div class=\"related-card\">\r\n <div class=\"related-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=800\" alt=\"\uc2dc\ub9bd\ub3c4\uc11c\uad00\">\r\n <\/div>\r\n <div class=\"related-card-category\">PUBLIC<\/div>\r\n <div class=\"related-card-title\">\uc2dc\ub9bd\ub3c4\uc11c\uad00<\/div>\r\n <div class=\"related-card-location\">Incheon, Korea<\/div>\r\n <\/div>\r\n <div class=\"related-card\">\r\n <div class=\"related-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518893063132-36e46dbe2428?w=800\" alt=\"\ucee4\ubba4\ub2c8\ud2f0\uc13c\ud130\">\r\n <\/div>\r\n <div class=\"related-card-category\">PUBLIC<\/div>\r\n <div class=\"related-card-title\">\ucee4\ubba4\ub2c8\ud2f0\uc13c\ud130<\/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\/renovation\/'\">\r\n <div class=\"nav-label\">\u2190 PREVIOUS<\/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 class=\"nav-item\" onclick=\"location.href='http:\/\/bmkyun2.com\/commercial\/'\">\r\n <div class=\"nav-label\">NEXT \u2192<\/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>\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>\ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04 – SPACE Architects PUBLIC \ud55c\uac15 \ubcf5\ud569\ubb38\ud654\uacf5\uac04 Seoul, Korea \u00b7 2023 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-114","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/114","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=114"}],"version-history":[{"count":40,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/114\/revisions\/926"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}