\ubb38\ud654\uc13c\ud130 - SPACE Architects<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { font-family: 'Noto Sans KR', sans-serif; background: #fff; color: #1a1a1a; overflow-x: hidden; }\r\n .project-hero { position: relative; height: 100vh; overflow: hidden; }\r\n .project-hero img { width: 100%; height: 100%; object-fit: cover; }\r\n .hero-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); padding: 80px 5%; }\r\n .hero-title { font-size: 64px; font-weight: 600; color: #fff; margin-bottom: 20px; letter-spacing: -1px; }\r\n .hero-location { font-size: 20px; color: rgba(255,255,255,0.9); font-weight: 300; }\r\n .project-content { max-width: 1400px; margin: 0 auto; padding: 100px 5%; }\r\n .project-description { font-size: 18px; line-height: 2; color: #333; margin-bottom: 80px; max-width: 900px; }\r\n .project-info { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 60px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 100px; }\r\n .info-item { text-align: center; }\r\n .info-label { font-size: 13px; color: #999; margin-bottom: 12px; letter-spacing: 1px; }\r\n .info-value { font-size: 16px; font-weight: 600; color: #1a1a1a; }\r\n .image-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 100px; }\r\n .gallery-item { width: 100%; height: 500px; overflow: hidden; }\r\n .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\r\n .gallery-item:hover img { transform: scale(1.05); }\r\n .related-section { background: #fff; padding: 0; margin-top: 120px; position: relative; }\r\n .related-container { display: grid; grid-template-columns: 1fr 1px 1fr; height: 600px; position: relative; }\r\n .divider { background: #e0e0e0; width: 1px; }\r\n .related-item { position: relative; overflow: hidden; cursor: pointer; display: flex; flex-direction: column; }\r\n .related-item-inner { position: relative; flex: 1; overflow: hidden; }\r\n .related-bg { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }\r\n .related-item:hover .related-bg { transform: scale(1.05); }\r\n .related-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent 50%); }\r\n .related-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px; z-index: 2; }\r\n .related-title { font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 8px; letter-spacing: -1px; }\r\n .related-location { font-size: 18px; color: rgba(255,255,255,0.9); font-weight: 300; }\r\n .nav-arrows { position: absolute; bottom: 60px; left: 60px; z-index: 3; display: flex; gap: 20px; }\r\n .arrow-btn { background: none; border: none; color: #fff; font-size: 32px; cursor: pointer; padding: 0; transition: opacity 0.3s ease, transform 0.3s ease; line-height: 1; }\r\n .arrow-btn:hover { opacity: 0.7; transform: translateX(-3px); }\r\n .arrow-btn.next:hover { transform: translateX(3px); }\r\n .project-category { display: inline-block; padding: 8px 20px; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.3); border-radius: 30px; font-size: 12px; color: #fff; letter-spacing: 2px; margin-bottom: 20px; font-weight: 500; }\r\n @media (max-width: 1024px) { .related-container { grid-template-columns: 1fr; height: auto; } .divider { display: none; } .related-item { height: 500px; } .nav-arrows { bottom: 30px; left: 30px; } .related-content { padding: 40px; } }\r\n @media (max-width: 768px) { .hero-title { font-size: 42px; } .related-title { font-size: 32px; } .project-info { grid-template-columns: repeat(2, 1fr); gap: 30px; } .image-gallery { grid-template-columns: 1fr; } .nav-arrows { bottom: 20px; left: 20px; } .related-content { padding: 30px; } .project-category { font-size: 11px; padding: 6px 16px; } .related-title { font-size: 28px; } .related-location { font-size: 16px; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"project-hero\">\r\n <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_ddyxp6ddyxp6ddyx-1.png\" alt=\"\ubb38\ud654\uc13c\ud130\">\r\n <div class=\"hero-overlay\">\r\n <h1 class=\"hero-title\">\ubb38\ud654\uc13c\ud130<\/h1>\r\n <p class=\"hero-location\">\uc11c\uc6b8, \ub300\ud55c\ubbfc\uad6d<\/p>\r\n <\/div>\r\n <\/section>\r\n <div class=\"project-content\">\r\n <div class=\"project-description\">\r\n \uc2dc\ubbfc\ub4e4\uc744 \uc704\ud55c \ubcf5\ud569 \ubb38\ud654 \uacf5\uac04\uc73c\ub85c \uc124\uacc4\ub418\uc5c8\uc73c\uba70, \uacf5\uc5f0\uc7a5, \uc804\uc2dc\uc2e4, \ub3c4\uc11c\uad00\uc774 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub41c \uad6c\uc870\uc785\ub2c8\ub2e4. \uc790\uc5f0 \ucc44\uad11\uc744 \ucd5c\ub300\ud55c \ud65c\uc6a9\ud55c \uac1c\ubc29\uc801\uc778 \uacf5\uac04 \uad6c\uc131\uc774 \ub3cb\ubcf4\uc785\ub2c8\ub2e4.\r\n <\/div>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\"><div class=\"info-label\">\uc0ac\uc5c5\ubd84\uc57c<\/div><div class=\"info-value\">\ub514\uc790\uc778<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc5f0\ub3c4<\/div><div class=\"info-value\">2020<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\ubc1c\uc8fc\ucc98<\/div><div class=\"info-value\">\uacf5\uacf5<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc704\uce58<\/div><div class=\"info-value\">\uc11c\uc6b8 \uc6a9\uc0b0\uad6c<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc6a9\ub3c4<\/div><div class=\"info-value\">\ubb38\ud654\uc2dc\uc124<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\ub300\uc9c0\uba74\uc801<\/div><div class=\"info-value\">3,200\u33a1<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc5f0\uba74\uc801<\/div><div class=\"info-value\">8,500\u33a1<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">Scale<\/div><div class=\"info-value\">\uc9c0\uc0c14\uce35, \uc9c0\ud5582\uce35<\/div><\/div>\r\n <\/div>\r\n <div class=\"image-gallery\">\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518893063132-36e46dbe2428?w=800\" alt=\"\uc804\uacbd\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564399579883-451a5d44ec08?w=800\" alt=\"\ub85c\ube44\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=800\" alt=\"\uc804\uc2dc\uc2e4\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512237778327-47c897e28fcf?w=800\" alt=\"\uc57c\uacbd\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <section class=\"related-section\">\r\n <div class=\"related-container\">\r\n <div class=\"related-item prev-project\">\r\n <div class=\"related-item-inner\">\r\n <img decoding=\"async\" class=\"related-bg\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1200\" alt=\"\">\r\n <div class=\"related-overlay\"><\/div>\r\n <div class=\"related-content\">\r\n <div class=\"project-category\">COMMERCIAL<\/div>\r\n <h3 class=\"related-title\">\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc<\/h3>\r\n <p class=\"related-location\">Seoul, Korea<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nav-arrows\">\r\n <button class=\"arrow-btn prev\">\u2190<\/button>\r\n <button class=\"arrow-btn next\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"related-item next-project\">\r\n <div class=\"related-item-inner\">\r\n <img decoding=\"async\" class=\"related-bg\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_gvcjd9gvcjd9gvcj.png\" alt=\"\">\r\n <div class=\"related-overlay\"><\/div>\r\n <div class=\"related-content\">\r\n <div class=\"project-category\">RESIDENTIAL<\/div>\r\n <h3 class=\"related-title\">\uc0b0\uc545\ube4c\ub77c<\/h3>\r\n <p class=\"related-location\">Gangwon, Korea<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <script>\r\n const projects = [\r\n { \r\n category: 'RESIDENTIAL', \r\n name: '\uc1a1\ud604\ub3d9 \uc8fc\ud0dd', \r\n location: 'Seoul, Korea', \r\n image: 'https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=1920',\r\n url: 'http:\/\/bmkyun2.com\/\uc1a1\ud604\ub3d9-\uc8fc\ud0dd\/'\r\n },\r\n { \r\n category: 'COMMERCIAL', \r\n name: '\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc', \r\n location: 'Seoul, Korea', \r\n image: 'https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1200',\r\n url: 'http:\/\/bmkyun2.com\/\uac15\ub0a8-\uc624\ud53c\uc2a4-\ud0c0\uc6cc\/'\r\n },\r\n { \r\n category: 'PUBLIC', \r\n name: '\ubb38\ud654\uc13c\ud130', \r\n location: 'Seoul, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_ddyxp6ddyxp6ddyx-1.png',\r\n url: 'http:\/\/bmkyun2.com\/\ubb38\ud654-\uc13c\ud130\/'\r\n },\r\n { \r\n category: 'RESIDENTIAL', \r\n name: '\uc0b0\uc545\ube4c\ub77c', \r\n location: 'Gangwon, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_gvcjd9gvcjd9gvcj.png',\r\n url: 'http:\/\/bmkyun2.com\/\uc0b0\uc545-\ube4c\ub77c\/'\r\n },\r\n { \r\n category: 'COMMERCIAL', \r\n name: '\uae30\uc5c5 \uc0ac\uc625', \r\n location: 'Seoul, Korea', \r\n image: 'https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?w=1200',\r\n url: 'http:\/\/bmkyun2.com\/\uae30\uc5c5-\uc0ac\uc625\/'\r\n },\r\n { \r\n category: 'URBAN', \r\n name: '\ub3c4\uc2ec \uc7ac\uac1c\ubc1c', \r\n location: 'Seoul, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cpyjwlcpyjwlcpyj.png',\r\n url: 'http:\/\/bmkyun2.com\/\ub3c4\uc2ec-\uc7ac\uac1c\ubc1c\/'\r\n },\r\n { \r\n category: 'RESIDENTIAL', \r\n name: '\uc8fc\uac70 \ub2e8\uc9c0', \r\n location: 'Incheon, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_pv0fy9pv0fy9pv0f.png',\r\n url: 'http:\/\/bmkyun2.com\/\uc8fc\uac70-\ub2e8\uc9c0\/'\r\n },\r\n { \r\n category: 'COMMERCIAL', \r\n name: '\uc0c1\uc5c5 \uc2dc\uc124', \r\n location: 'Busan, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_m1azr3m1azr3m1az.png',\r\n url: 'http:\/\/bmkyun2.com\/\uc0c1\uc5c5-\uc2dc\uc124\/'\r\n }\r\n ];\r\n\r\n let currentIndex = 2;\r\n let nextIndex = 3;\r\n\r\n document.querySelectorAll('.arrow-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const isPrev = this.classList.contains('prev');\r\n if (isPrev) {\r\n currentIndex = (currentIndex - 1 + projects.length) % projects.length;\r\n nextIndex = (nextIndex - 1 + projects.length) % projects.length;\r\n } else {\r\n currentIndex = (currentIndex + 1) % projects.length;\r\n nextIndex = (nextIndex + 1) % projects.length;\r\n }\r\n updateProjects();\r\n });\r\n });\r\n\r\n function updateProjects() {\r\n const leftProject = document.querySelector('.prev-project');\r\n leftProject.querySelector('.related-bg').src = projects[currentIndex].image;\r\n leftProject.querySelector('.project-category').textContent = projects[currentIndex].category;\r\n leftProject.querySelector('.related-title').textContent = projects[currentIndex].name;\r\n leftProject.querySelector('.related-location').textContent = projects[currentIndex].location;\r\n\r\n const rightProject = document.querySelector('.next-project');\r\n rightProject.querySelector('.related-bg').src = projects[nextIndex].image;\r\n rightProject.querySelector('.project-category').textContent = projects[nextIndex].category;\r\n rightProject.querySelector('.related-title').textContent = projects[nextIndex].name;\r\n rightProject.querySelector('.related-location').textContent = projects[nextIndex].location;\r\n }\r\n\r\n document.querySelectorAll('.related-item').forEach(item => {{\r\n item.addEventListener('click', function(e) {{\r\n if (!e.target.closest('.arrow-btn')) {{\r\n const isLeftProject = this.classList.contains('prev-project');\r\n const projectIndex = isLeftProject ? currentIndex : nextIndex;\r\n const projectUrl = projects[projectIndex].url;\r\n console.log('\ud504\ub85c\uc81d\ud2b8 \ud074\ub9ad:', projects[projectIndex].name);\r\n window.location.href = projectUrl;\r\n }}\r\n }});\r\n }});\r\n <\/script>\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>\ubb38\ud654\uc13c\ud130 – SPACE Architects \ubb38\ud654\uc13c\ud130 \uc11c\uc6b8, \ub300\ud55c\ubbfc\uad6d \uc2dc\ubbfc\ub4e4\uc744 \uc704\ud55c \ubcf5\ud569 \ubb38\ud654 \uacf5\uac04\uc73c\ub85c \uc124\uacc4\ub418\uc5c8\uc73c\uba70, \uacf5\uc5f0\uc7a5, \uc804\uc2dc\uc2e4, \ub3c4\uc11c\uad00\uc774 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub41c \uad6c\uc870\uc785\ub2c8\ub2e4. \uc790\uc5f0 […]<\/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-384","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/384","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=384"}],"version-history":[{"count":25,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/384\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \ubb38\ud654\uc13c\ud130 - SPACE Architects<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { font-family: 'Noto Sans KR', sans-serif; background: #fff; color: #1a1a1a; overflow-x: hidden; }\r\n .project-hero { position: relative; height: 100vh; overflow: hidden; }\r\n .project-hero img { width: 100%; height: 100%; object-fit: cover; }\r\n .hero-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); padding: 80px 5%; }\r\n .hero-title { font-size: 64px; font-weight: 600; color: #fff; margin-bottom: 20px; letter-spacing: -1px; }\r\n .hero-location { font-size: 20px; color: rgba(255,255,255,0.9); font-weight: 300; }\r\n .project-content { max-width: 1400px; margin: 0 auto; padding: 100px 5%; }\r\n .project-description { font-size: 18px; line-height: 2; color: #333; margin-bottom: 80px; max-width: 900px; }\r\n .project-info { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 60px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 100px; }\r\n .info-item { text-align: center; }\r\n .info-label { font-size: 13px; color: #999; margin-bottom: 12px; letter-spacing: 1px; }\r\n .info-value { font-size: 16px; font-weight: 600; color: #1a1a1a; }\r\n .image-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 100px; }\r\n .gallery-item { width: 100%; height: 500px; overflow: hidden; }\r\n .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\r\n .gallery-item:hover img { transform: scale(1.05); }\r\n .related-section { background: #fff; padding: 0; margin-top: 120px; position: relative; }\r\n .related-container { display: grid; grid-template-columns: 1fr 1px 1fr; height: 600px; position: relative; }\r\n .divider { background: #e0e0e0; width: 1px; }\r\n .related-item { position: relative; overflow: hidden; cursor: pointer; display: flex; flex-direction: column; }\r\n .related-item-inner { position: relative; flex: 1; overflow: hidden; }\r\n .related-bg { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }\r\n .related-item:hover .related-bg { transform: scale(1.05); }\r\n .related-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent 50%); }\r\n .related-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px; z-index: 2; }\r\n .related-title { font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 8px; letter-spacing: -1px; }\r\n .related-location { font-size: 18px; color: rgba(255,255,255,0.9); font-weight: 300; }\r\n .nav-arrows { position: absolute; bottom: 60px; left: 60px; z-index: 3; display: flex; gap: 20px; }\r\n .arrow-btn { background: none; border: none; color: #fff; font-size: 32px; cursor: pointer; padding: 0; transition: opacity 0.3s ease, transform 0.3s ease; line-height: 1; }\r\n .arrow-btn:hover { opacity: 0.7; transform: translateX(-3px); }\r\n .arrow-btn.next:hover { transform: translateX(3px); }\r\n .project-category { display: inline-block; padding: 8px 20px; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.3); border-radius: 30px; font-size: 12px; color: #fff; letter-spacing: 2px; margin-bottom: 20px; font-weight: 500; }\r\n @media (max-width: 1024px) { .related-container { grid-template-columns: 1fr; height: auto; } .divider { display: none; } .related-item { height: 500px; } .nav-arrows { bottom: 30px; left: 30px; } .related-content { padding: 40px; } }\r\n @media (max-width: 768px) { .hero-title { font-size: 42px; } .related-title { font-size: 32px; } .project-info { grid-template-columns: repeat(2, 1fr); gap: 30px; } .image-gallery { grid-template-columns: 1fr; } .nav-arrows { bottom: 20px; left: 20px; } .related-content { padding: 30px; } .project-category { font-size: 11px; padding: 6px 16px; } .related-title { font-size: 28px; } .related-location { font-size: 16px; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"project-hero\">\r\n <img decoding=\"async\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_ddyxp6ddyxp6ddyx-1.png\" alt=\"\ubb38\ud654\uc13c\ud130\">\r\n <div class=\"hero-overlay\">\r\n <h1 class=\"hero-title\">\ubb38\ud654\uc13c\ud130<\/h1>\r\n <p class=\"hero-location\">\uc11c\uc6b8, \ub300\ud55c\ubbfc\uad6d<\/p>\r\n <\/div>\r\n <\/section>\r\n <div class=\"project-content\">\r\n <div class=\"project-description\">\r\n \uc2dc\ubbfc\ub4e4\uc744 \uc704\ud55c \ubcf5\ud569 \ubb38\ud654 \uacf5\uac04\uc73c\ub85c \uc124\uacc4\ub418\uc5c8\uc73c\uba70, \uacf5\uc5f0\uc7a5, \uc804\uc2dc\uc2e4, \ub3c4\uc11c\uad00\uc774 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub41c \uad6c\uc870\uc785\ub2c8\ub2e4. \uc790\uc5f0 \ucc44\uad11\uc744 \ucd5c\ub300\ud55c \ud65c\uc6a9\ud55c \uac1c\ubc29\uc801\uc778 \uacf5\uac04 \uad6c\uc131\uc774 \ub3cb\ubcf4\uc785\ub2c8\ub2e4.\r\n <\/div>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\"><div class=\"info-label\">\uc0ac\uc5c5\ubd84\uc57c<\/div><div class=\"info-value\">\ub514\uc790\uc778<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc5f0\ub3c4<\/div><div class=\"info-value\">2020<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\ubc1c\uc8fc\ucc98<\/div><div class=\"info-value\">\uacf5\uacf5<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc704\uce58<\/div><div class=\"info-value\">\uc11c\uc6b8 \uc6a9\uc0b0\uad6c<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc6a9\ub3c4<\/div><div class=\"info-value\">\ubb38\ud654\uc2dc\uc124<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\ub300\uc9c0\uba74\uc801<\/div><div class=\"info-value\">3,200\u33a1<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">\uc5f0\uba74\uc801<\/div><div class=\"info-value\">8,500\u33a1<\/div><\/div>\r\n <div class=\"info-item\"><div class=\"info-label\">Scale<\/div><div class=\"info-value\">\uc9c0\uc0c14\uce35, \uc9c0\ud5582\uce35<\/div><\/div>\r\n <\/div>\r\n <div class=\"image-gallery\">\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518893063132-36e46dbe2428?w=800\" alt=\"\uc804\uacbd\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564399579883-451a5d44ec08?w=800\" alt=\"\ub85c\ube44\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=800\" alt=\"\uc804\uc2dc\uc2e4\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512237778327-47c897e28fcf?w=800\" alt=\"\uc57c\uacbd\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <section class=\"related-section\">\r\n <div class=\"related-container\">\r\n <div class=\"related-item prev-project\">\r\n <div class=\"related-item-inner\">\r\n <img decoding=\"async\" class=\"related-bg\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1200\" alt=\"\">\r\n <div class=\"related-overlay\"><\/div>\r\n <div class=\"related-content\">\r\n <div class=\"project-category\">COMMERCIAL<\/div>\r\n <h3 class=\"related-title\">\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc<\/h3>\r\n <p class=\"related-location\">Seoul, Korea<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nav-arrows\">\r\n <button class=\"arrow-btn prev\">\u2190<\/button>\r\n <button class=\"arrow-btn next\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"related-item next-project\">\r\n <div class=\"related-item-inner\">\r\n <img decoding=\"async\" class=\"related-bg\" src=\"http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_gvcjd9gvcjd9gvcj.png\" alt=\"\">\r\n <div class=\"related-overlay\"><\/div>\r\n <div class=\"related-content\">\r\n <div class=\"project-category\">RESIDENTIAL<\/div>\r\n <h3 class=\"related-title\">\uc0b0\uc545\ube4c\ub77c<\/h3>\r\n <p class=\"related-location\">Gangwon, Korea<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <script>\r\n const projects = [\r\n { \r\n category: 'RESIDENTIAL', \r\n name: '\uc1a1\ud604\ub3d9 \uc8fc\ud0dd', \r\n location: 'Seoul, Korea', \r\n image: 'https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=1920',\r\n url: 'http:\/\/bmkyun2.com\/\uc1a1\ud604\ub3d9-\uc8fc\ud0dd\/'\r\n },\r\n { \r\n category: 'COMMERCIAL', \r\n name: '\uac15\ub0a8 \uc624\ud53c\uc2a4 \ud0c0\uc6cc', \r\n location: 'Seoul, Korea', \r\n image: 'https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1200',\r\n url: 'http:\/\/bmkyun2.com\/\uac15\ub0a8-\uc624\ud53c\uc2a4-\ud0c0\uc6cc\/'\r\n },\r\n { \r\n category: 'PUBLIC', \r\n name: '\ubb38\ud654\uc13c\ud130', \r\n location: 'Seoul, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_ddyxp6ddyxp6ddyx-1.png',\r\n url: 'http:\/\/bmkyun2.com\/\ubb38\ud654-\uc13c\ud130\/'\r\n },\r\n { \r\n category: 'RESIDENTIAL', \r\n name: '\uc0b0\uc545\ube4c\ub77c', \r\n location: 'Gangwon, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_gvcjd9gvcjd9gvcj.png',\r\n url: 'http:\/\/bmkyun2.com\/\uc0b0\uc545-\ube4c\ub77c\/'\r\n },\r\n { \r\n category: 'COMMERCIAL', \r\n name: '\uae30\uc5c5 \uc0ac\uc625', \r\n location: 'Seoul, Korea', \r\n image: 'https:\/\/images.unsplash.com\/photo-1600047509807-ba8f99d2cdde?w=1200',\r\n url: 'http:\/\/bmkyun2.com\/\uae30\uc5c5-\uc0ac\uc625\/'\r\n },\r\n { \r\n category: 'URBAN', \r\n name: '\ub3c4\uc2ec \uc7ac\uac1c\ubc1c', \r\n location: 'Seoul, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_cpyjwlcpyjwlcpyj.png',\r\n url: 'http:\/\/bmkyun2.com\/\ub3c4\uc2ec-\uc7ac\uac1c\ubc1c\/'\r\n },\r\n { \r\n category: 'RESIDENTIAL', \r\n name: '\uc8fc\uac70 \ub2e8\uc9c0', \r\n location: 'Incheon, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_pv0fy9pv0fy9pv0f.png',\r\n url: 'http:\/\/bmkyun2.com\/\uc8fc\uac70-\ub2e8\uc9c0\/'\r\n },\r\n { \r\n category: 'COMMERCIAL', \r\n name: '\uc0c1\uc5c5 \uc2dc\uc124', \r\n location: 'Busan, Korea', \r\n image: 'http:\/\/bmkyun2.com\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_m1azr3m1azr3m1az.png',\r\n url: 'http:\/\/bmkyun2.com\/\uc0c1\uc5c5-\uc2dc\uc124\/'\r\n }\r\n ];\r\n\r\n let currentIndex = 2;\r\n let nextIndex = 3;\r\n\r\n document.querySelectorAll('.arrow-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const isPrev = this.classList.contains('prev');\r\n if (isPrev) {\r\n currentIndex = (currentIndex - 1 + projects.length) % projects.length;\r\n nextIndex = (nextIndex - 1 + projects.length) % projects.length;\r\n } else {\r\n currentIndex = (currentIndex + 1) % projects.length;\r\n nextIndex = (nextIndex + 1) % projects.length;\r\n }\r\n updateProjects();\r\n });\r\n });\r\n\r\n function updateProjects() {\r\n const leftProject = document.querySelector('.prev-project');\r\n leftProject.querySelector('.related-bg').src = projects[currentIndex].image;\r\n leftProject.querySelector('.project-category').textContent = projects[currentIndex].category;\r\n leftProject.querySelector('.related-title').textContent = projects[currentIndex].name;\r\n leftProject.querySelector('.related-location').textContent = projects[currentIndex].location;\r\n\r\n const rightProject = document.querySelector('.next-project');\r\n rightProject.querySelector('.related-bg').src = projects[nextIndex].image;\r\n rightProject.querySelector('.project-category').textContent = projects[nextIndex].category;\r\n rightProject.querySelector('.related-title').textContent = projects[nextIndex].name;\r\n rightProject.querySelector('.related-location').textContent = projects[nextIndex].location;\r\n }\r\n\r\n document.querySelectorAll('.related-item').forEach(item => {{\r\n item.addEventListener('click', function(e) {{\r\n if (!e.target.closest('.arrow-btn')) {{\r\n const isLeftProject = this.classList.contains('prev-project');\r\n const projectIndex = isLeftProject ? currentIndex : nextIndex;\r\n const projectUrl = projects[projectIndex].url;\r\n console.log('\ud504\ub85c\uc81d\ud2b8 \ud074\ub9ad:', projects[projectIndex].name);\r\n window.location.href = projectUrl;\r\n }}\r\n }});\r\n }});\r\n <\/script>\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>\ubb38\ud654\uc13c\ud130 – SPACE Architects \ubb38\ud654\uc13c\ud130 \uc11c\uc6b8, \ub300\ud55c\ubbfc\uad6d \uc2dc\ubbfc\ub4e4\uc744 \uc704\ud55c \ubcf5\ud569 \ubb38\ud654 \uacf5\uac04\uc73c\ub85c \uc124\uacc4\ub418\uc5c8\uc73c\uba70, \uacf5\uc5f0\uc7a5, \uc804\uc2dc\uc2e4, \ub3c4\uc11c\uad00\uc774 \uc720\uae30\uc801\uc73c\ub85c \uc5f0\uacb0\ub41c \uad6c\uc870\uc785\ub2c8\ub2e4. \uc790\uc5f0 […]<\/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-384","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/384","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=384"}],"version-history":[{"count":25,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/384\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}