{"id":129,"date":"2025-11-14T19:27:53","date_gmt":"2025-11-14T10:27:53","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=129"},"modified":"2025-11-22T02:22:21","modified_gmt":"2025-11-21T17:22:21","slug":"awards","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/awards\/","title":{"rendered":"Awards"},"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 Awards - SPACE Architects<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\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: 'Noto Sans KR', sans-serif;\r\n background: #fff;\r\n color: #1a1a1a;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n height: 70vh;\r\n min-height: 500px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(135deg, #2c3e50 0%, #1a1a1a 100%);\r\n color: #fff;\r\n position: relative;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 100px;\r\n background: linear-gradient(to bottom, transparent, #ffffff);\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-label {\r\n font-size: 14px;\r\n letter-spacing: 4px;\r\n margin-bottom: 25px;\r\n opacity: 0.9;\r\n font-weight: 500;\r\n }\r\n\r\n .hero-title {\r\n font-size: 64px;\r\n font-weight: 900;\r\n letter-spacing: -3px;\r\n color: #ffffff;\r\n line-height: 1.1;\r\n }\r\n\r\n \/* Stats Section *\/\r\n .stats-section {\r\n background: #ffffff;\r\n padding: 100px 5% 120px;\r\n position: relative;\r\n }\r\n\r\n .stats-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 80px;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .stat-item.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .stat-number {\r\n font-size: 80px;\r\n font-weight: 900;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n font-family: 'Noto Sans KR', sans-serif;\r\n letter-spacing: -3px;\r\n line-height: 1;\r\n }\r\n\r\n .stat-label {\r\n font-size: 16px;\r\n color: #666;\r\n letter-spacing: 1px;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Awards Timeline *\/\r\n .awards-section {\r\n padding: 100px 5% 120px;\r\n background: #f8f9fa;\r\n }\r\n\r\n .awards-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 48px;\r\n font-weight: 900;\r\n text-align: center;\r\n margin-bottom: 80px;\r\n letter-spacing: -2px;\r\n color: #1a1a1a;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n padding-left: 100px;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 30px;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(to bottom, #2c3e50, #e0e0e0);\r\n }\r\n\r\n .award-year {\r\n margin-bottom: 80px;\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .award-year.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .year-label {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #2c3e50;\r\n margin-bottom: 40px;\r\n position: relative;\r\n }\r\n\r\n .year-label::before {\r\n content: '';\r\n position: absolute;\r\n left: -85px;\r\n top: 10px;\r\n width: 20px;\r\n height: 20px;\r\n background: #2c3e50;\r\n border-radius: 50%;\r\n border: 5px solid #fff;\r\n box-shadow: 0 0 0 3px #2c3e50;\r\n }\r\n\r\n .awards-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .award-item {\r\n background: #fff;\r\n padding: 35px;\r\n border-left: 4px solid #2c3e50;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.06);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .award-item:hover {\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.12);\r\n transform: translateX(10px);\r\n }\r\n\r\n .award-name {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n color: #1a1a1a;\r\n }\r\n\r\n .award-organization {\r\n font-size: 15px;\r\n color: #999;\r\n margin-bottom: 15px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .award-project {\r\n font-size: 16px;\r\n color: #666;\r\n line-height: 1.7;\r\n }\r\n\r\n .award-badge {\r\n display: inline-block;\r\n padding: 6px 16px;\r\n background: #f0f0f0;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n border-radius: 20px;\r\n margin-top: 15px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .award-badge.gold {\r\n background: linear-gradient(135deg, #FFD700, #FFA500);\r\n color: #fff;\r\n }\r\n\r\n \/* Certifications Section *\/\r\n .cert-section {\r\n background: #ffffff;\r\n padding: 100px 5% 120px;\r\n }\r\n\r\n .cert-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cert-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 40px;\r\n }\r\n\r\n .cert-item {\r\n background: #f8f9fa;\r\n padding: 45px 35px;\r\n text-align: center;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cert-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #2c3e50, #4a5f7f);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .cert-item:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .cert-item:hover {\r\n background: #fff;\r\n border-color: #2c3e50;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n .cert-icon {\r\n font-size: 52px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .cert-name {\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 .cert-desc {\r\n font-size: 15px;\r\n color: #666;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* News Section *\/\r\n .news-section {\r\n padding: 100px 5% 120px;\r\n background: #f8f9fa;\r\n }\r\n\r\n .news-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .news-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 35px;\r\n }\r\n\r\n .news-item {\r\n background: #fff;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: inherit;\r\n display: block;\r\n box-shadow: 0 5px 20px rgba(0,0,0,0.06);\r\n }\r\n\r\n .news-item:hover {\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.15);\r\n transform: translateY(-10px);\r\n }\r\n\r\n .news-image {\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .news-image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.3));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .news-item:hover .news-image::after {\r\n opacity: 1;\r\n }\r\n\r\n .news-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 .news-item:hover .news-image img {\r\n transform: scale(1.15);\r\n }\r\n\r\n .news-content {\r\n padding: 30px;\r\n background: #fff;\r\n }\r\n\r\n .news-category {\r\n font-size: 12px;\r\n color: #2c3e50;\r\n margin-bottom: 12px;\r\n letter-spacing: 1.5px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n }\r\n\r\n .news-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n line-height: 1.5;\r\n color: #1a1a1a;\r\n }\r\n\r\n .news-date {\r\n font-size: 14px;\r\n color: #999;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer-privacy {\r\n padding: 50px 5%;\r\n background: #1a1a1a;\r\n text-align: center;\r\n }\r\n\r\n .privacy-text {\r\n font-size: 14px;\r\n color: #999;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .privacy-text:hover {\r\n color: #fff;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .stats-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 60px;\r\n }\r\n\r\n .cert-grid,\r\n .news-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .timeline {\r\n padding-left: 80px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n height: 60vh;\r\n }\r\n\r\n .hero-title {\r\n font-size: 42px;\r\n }\r\n\r\n .section-title {\r\n font-size: 36px;\r\n }\r\n\r\n \/* \ubaa8\ubc14\uc77c \ud1b5\uacc4 \uc139\uc158 2x2 \uadf8\ub9ac\ub4dc *\/\r\n .stats-section {\r\n padding: 80px 5% 100px;\r\n }\r\n\r\n .stats-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 40px 30px;\r\n padding: 0 20px;\r\n }\r\n\r\n .stat-number {\r\n font-size: 48px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 14px;\r\n }\r\n\r\n .timeline {\r\n padding-left: 60px;\r\n }\r\n\r\n .year-label::before {\r\n left: -55px;\r\n }\r\n\r\n .cert-grid,\r\n .news-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-label\">ACHIEVEMENTS<\/div>\r\n <h1 class=\"hero-title\">Awards & Recognition<\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Stats Section -->\r\n <section class=\"stats-section\">\r\n <div class=\"stats-container\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"38\">0<\/div>\r\n <div class=\"stat-label\">\uad6d\ub0b4\uc678 \uc218\uc0c1<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"55\">0<\/div>\r\n <div class=\"stat-label\">\ub144\uac04 \uacbd\ub825<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"120\">0<\/div>\r\n <div class=\"stat-label\">\uc644\uacf5 \ud504\ub85c\uc81d\ud2b8<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"25\">0<\/div>\r\n <div class=\"stat-label\">\uc5b8\ub860 \uac8c\uc7ac<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Awards Timeline -->\r\n <section class=\"awards-section\">\r\n <div class=\"awards-container\">\r\n <h2 class=\"section-title\">\uc218\uc0c1 \ub0b4\uc5ed<\/h2>\r\n \r\n <div class=\"timeline\">\r\n <!-- 2024 -->\r\n <div class=\"award-year\">\r\n <h3 class=\"year-label\">2024<\/h3>\r\n <div class=\"awards-list\">\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">\ub300\ud55c\ubbfc\uad6d \uac74\ucd95\ub300\uc0c1 \ub300\uc0c1<\/h4>\r\n <p class=\"award-organization\">\ub300\ud55c\uac74\ucd95\uc0ac\ud611\ud68c<\/p>\r\n <p class=\"award-project\">\uc1a1\ud604\ub3d9 \uc8fc\ud0dd - \ub3c4\uc2ec \uc18d \uc790\uc5f0\uacfc\uc758 \uacf5\uc874\uc744 \uc2e4\ud604\ud55c \ud601\uc2e0\uc801 \uc8fc\uac70 \uacf5\uac04<\/p>\r\n <span class=\"award-badge gold\">\ub300\uc0c1<\/span>\r\n <\/div>\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">\uc11c\uc6b8\uc2dc \uac74\ucd95\uc0c1 \uc6b0\uc218\uc0c1<\/h4>\r\n <p class=\"award-organization\">\uc11c\uc6b8\ud2b9\ubcc4\uc2dc<\/p>\r\n <p class=\"award-project\">\uc131\uc218\ub3d9 \ubb38\ud654\uc13c\ud130 - \uc9c0\uc5ed \ucee4\ubba4\ub2c8\ud2f0 \ud65c\uc131\ud654\uc5d0 \uae30\uc5ec\ud55c \uacf5\uacf5\uac74\ucd95<\/p>\r\n <span class=\"award-badge\">\uc6b0\uc218\uc0c1<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2023 -->\r\n <div class=\"award-year\">\r\n <h3 class=\"year-label\">2023<\/h3>\r\n <div class=\"awards-list\">\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">Asian Architecture Award<\/h4>\r\n <p class=\"award-organization\">Asian Architects Association<\/p>\r\n <p class=\"award-project\">\ud55c\uc625 \ub9ac\ubcf8 - \uc804\ud1b5\uacfc \ud604\ub300\uc758 \uc870\ud654\ub85c\uc6b4 \ub9ac\ub178\ubca0\uc774\uc158<\/p>\r\n <span class=\"award-badge\">Winner<\/span>\r\n <\/div>\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">\uce5c\ud658\uacbd \uac74\ucd95\ub300\uc0c1<\/h4>\r\n <p class=\"award-organization\">\ud55c\uad6d\uadf8\ub9b0\ube4c\ub529\ud611\ud68c<\/p>\r\n <p class=\"award-project\">\uc81c\ub85c\uc5d0\ub108\uc9c0 \ud558\uc6b0\uc2a4 - LEED Platinum \uc778\uc99d \ud68d\ub4dd<\/p>\r\n <span class=\"award-badge gold\">\ucd5c\uc6b0\uc218\uc0c1<\/span>\r\n <\/div>\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">Korean Young Architects Award<\/h4>\r\n <p class=\"award-organization\">\ub300\ud55c\uac74\ucd95\ud559\ud68c<\/p>\r\n <p class=\"award-project\">\uc80a\uc740 \uac74\ucd95\uac00\ub85c\uc11c\uc758 \ucc3d\uc758\uc801 \uc5c5\uc801 \uc778\uc815<\/p>\r\n <span class=\"award-badge\">\uc218\uc0c1<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2022 -->\r\n <div class=\"award-year\">\r\n <h3 class=\"year-label\">2022<\/h3>\r\n <div class=\"awards-list\">\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">\ub300\ud55c\ubbfc\uad6d \uacf5\uac04\ubb38\ud654\ub300\uc0c1<\/h4>\r\n <p class=\"award-organization\">\ubb38\ud654\uccb4\uc721\uad00\uad11\ubd80<\/p>\r\n <p class=\"award-project\">\ubd81\ucd0c \uac24\ub7ec\ub9ac - \uc5ed\uc0ac\uc801 \ub9e5\ub77d\uc744 \uc874\uc911\ud55c \ubb38\ud654\uacf5\uac04 \uc870\uc131<\/p>\r\n <span class=\"award-badge\">\uc6b0\uc218\uc0c1<\/span>\r\n <\/div>\r\n <div class=\"award-item\">\r\n <h4 class=\"award-name\">Seoul Architecture Festival Award<\/h4>\r\n <p class=\"award-organization\">\uc11c\uc6b8\uc2dc\uac74\ucd95\uc0ac\ud68c<\/p>\r\n <p class=\"award-project\">\uac15\ub0a8 \ud0c0\uc6cc - \uc5c5\ubb34\uc2dc\uc124\uc758 \uc0c8\ub85c\uc6b4 \ud328\ub7ec\ub2e4\uc784 \uc81c\uc2dc<\/p>\r\n <span class=\"award-badge\">\uc740\uc0c1<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Certifications Section -->\r\n <section class=\"cert-section\">\r\n <div class=\"cert-container\">\r\n <h2 class=\"section-title\">\uc804\ubb38 \uc778\uc99d \ubc0f \uc790\uaca9<\/h2>\r\n <div class=\"cert-grid\">\r\n <div class=\"cert-item\">\r\n <div class=\"cert-icon\">\ud83c\udfc6<\/div>\r\n <h3 class=\"cert-name\">\ub300\ud55c\uac74\ucd95\uc0ac\ud611\ud68c \uc815\ud68c\uc6d0<\/h3>\r\n <p class=\"cert-desc\">\uc804\ubb38\uc131\uacfc \uc724\ub9ac\uc131\uc744 \uc778\uc815\ubc1b\uc740 \uacf5\uc2dd \uac74\ucd95\uc0ac \uc790\uaca9<\/p>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <div class=\"cert-icon\">\ud83c\udf3f<\/div>\r\n <h3 class=\"cert-name\">LEED AP \uc778\uc99d<\/h3>\r\n <p class=\"cert-desc\">\uce5c\ud658\uacbd \uac74\ucd95 \uc804\ubb38\uac00 \uc790\uaca9 \ubcf4\uc720<\/p>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <div class=\"cert-icon\">\ud83c\udf93<\/div>\r\n <h3 class=\"cert-name\">\uc11c\uc6b8\ub300 \uacb8\uc784\uad50\uc218<\/h3>\r\n <p class=\"cert-desc\">\uac74\ucd95\uc124\uacc4 \uc2a4\ud29c\ub514\uc624 \uac15\uc758 \ub2f4\ub2f9<\/p>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <div class=\"cert-icon\">\ud83d\udcd6<\/div>\r\n <h3 class=\"cert-name\">\uc800\uc11c \ucd9c\ud310<\/h3>\r\n <p class=\"cert-desc\">\"\ud604\ub300 \ud55c\uad6d \uac74\ucd95\uc758 \uc774\ud574\" \uc800\uc790<\/p>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <div class=\"cert-icon\">\ud83c\udf0f<\/div>\r\n <h3 class=\"cert-name\">\uad6d\uc81c \uc2ec\uc0ac\uc704\uc6d0<\/h3>\r\n <p class=\"cert-desc\">\uc544\uc2dc\uc544 \uac74\ucd95\uc0c1 \uc2ec\uc0ac\uc704\uc6d0 \ud65c\ub3d9<\/p>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <div class=\"cert-icon\">\ud83d\udca1<\/div>\r\n <h3 class=\"cert-name\">\ud2b9\ud5c8 \ubcf4\uc720<\/h3>\r\n <p class=\"cert-desc\">\ud601\uc2e0\uc801 \uad6c\uc870 \uc2dc\uc2a4\ud15c \ud2b9\ud5c8 \ub4f1\ub85d<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- News Section -->\r\n <section class=\"news-section\">\r\n <div class=\"news-container\">\r\n <h2 class=\"section-title\">\uc8fc\uc694 \ub274\uc2a4<\/h2>\r\n <div class=\"news-grid\">\r\n <a href=\"http:\/\/bmkyun2.com\/en\/\ud55c\uad6d\uac74\ucd95\ubb38\ud654\ub300\uc0c1-\ub300\uc0c1-\uc218\uc0c1\/\" class=\"news-item\">\r\n <div class=\"news-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=600\" alt=\"\ud55c\uad6d\uac74\ucd95\ubb38\ud654\ub300\uc0c1\">\r\n <\/div>\r\n <div class=\"news-content\">\r\n <p class=\"news-category\">\ud68c\uc0ac\uc18c\uc2dd<\/p>\r\n <h3 class=\"news-title\">\ud55c\uad6d\uac74\ucd95\ubb38\ud654\ub300\uc0c1 \ub300\uc0c1 \uc218\uc0c1<\/h3>\r\n <p class=\"news-date\">2025.05.28<\/p>\r\n <\/div>\r\n <\/a>\r\n \r\n <a href=\"http:\/\/bmkyun2.com\/en\/2025\ub144-cma\uc5c5\ubb34\ubd84\uc11d-\uc900\uacc4\uc6cc\ud06c\uc0f5=news\/\" class=\"news-item\">\r\n <div class=\"news-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?w=600\" alt=\"CMA \uc6cc\ud06c\uc0f5\">\r\n <\/div>\r\n <div class=\"news-content\">\r\n <p class=\"news-category\">\uc870\uc9c1\ubb38\ud654<\/p>\r\n <h3 class=\"news-title\">2025\ub144 CMA\uc5c5\ubb34\ubd84\uc11d \uc900\uacc4\uc6cc\ud06c\uc0f5<\/h3>\r\n <p class=\"news-date\">2025.04.04<\/p>\r\n <\/div>\r\n <\/a>\r\n \r\n <a href=\"http:\/\/bmkyun2.com\/en\/2025\ub144-4\uc6d4-\uc5ed\ub7c9\ud5a5\uc0c1-\uc138\ubbf8\ub098=news\/\" class=\"news-item\">\r\n <div class=\"news-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515187029135-18ee286d815b?w=600\" alt=\"\uc5ed\ub7c9\ud5a5\uc0c1 \uc138\ubbf8\ub098\">\r\n <\/div>\r\n <div class=\"news-content\">\r\n <p class=\"news-category\">\uc870\uc9c1\ubb38\ud654<\/p>\r\n <h3 class=\"news-title\">2025\ub144 4\uc6d4 \uc5ed\ub7c9\ud5a5\uc0c1 \uc138\ubbf8\ub098<\/h3>\r\n <p class=\"news-date\">2025.04.02<\/p>\r\n <\/div>\r\n <\/a>\r\n \r\n <a href=\"http:\/\/bmkyun2.com\/en\/2025\ub144-1-4\ubd84\uae30-\uc131\uacfc\ubcf4\uace0-\uc138\ubbf8\ub098\/\" class=\"news-item\">\r\n <div class=\"news-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=600\" alt=\"\uc131\uacfc\ubcf4\uace0 \uc138\ubbf8\ub098\">\r\n <\/div>\r\n <div class=\"news-content\">\r\n <p class=\"news-category\">SPACE \uc18c\uc2dd<\/p>\r\n <h3 class=\"news-title\">2025\ub144 1\/4\ubd84\uae30 \uc131\uacfc\ubcf4\uace0 \uc138\ubbf8\ub098<\/h3>\r\n <p class=\"news-date\">2025.03.27<\/p>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \ud1b5\uacc4 \uce74\uc6b4\ud130 \uc560\ub2c8\uba54\uc774\uc158\r\n const statItems = document.querySelectorAll('.stat-item');\r\n const awardYears = document.querySelectorAll('.award-year');\r\n let hasAnimated = false;\r\n \r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach((entry, index) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => {\r\n entry.target.classList.add('visible');\r\n }, index * 100);\r\n \r\n if (!hasAnimated && entry.target.classList.contains('stat-item')) {\r\n hasAnimated = true;\r\n animateCounters();\r\n }\r\n }\r\n });\r\n }, { threshold: 0.3 });\r\n \r\n statItems.forEach(item => observer.observe(item));\r\n awardYears.forEach(year => observer.observe(year));\r\n \r\n function animateCounters() {\r\n const counters = document.querySelectorAll('.stat-number');\r\n counters.forEach(counter => {\r\n const target = parseInt(counter.getAttribute('data-target'));\r\n const duration = 2000;\r\n const fps = 60;\r\n const frames = duration \/ (1000 \/ fps);\r\n const increment = target \/ frames;\r\n let current = 0;\r\n \r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n const label = counter.parentElement.querySelector('.stat-label').textContent;\r\n counter.textContent = target + (label.includes('\ub144\uac04') ? '' : '+');\r\n clearInterval(timer);\r\n } else {\r\n const label = counter.parentElement.querySelector('.stat-label').textContent;\r\n counter.textContent = Math.floor(current) + (label.includes('\ub144\uac04') ? '' : '+');\r\n }\r\n }, 1000 \/ fps);\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>Awards – SPACE Architects ACHIEVEMENTS Awards & Recognition 0 \uad6d\ub0b4\uc678 \uc218\uc0c1 0 \ub144\uac04 \uacbd\ub825 0 \uc644\uacf5 \ud504\ub85c\uc81d\ud2b8 0 \uc5b8\ub860 \uac8c\uc7ac […]<\/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-129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/129","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=129"}],"version-history":[{"count":19,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/129\/revisions"}],"predecessor-version":[{"id":936,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/129\/revisions\/936"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}