{"id":772,"date":"2025-11-20T21:00:58","date_gmt":"2025-11-20T12:00:58","guid":{"rendered":"http:\/\/bmkyun2.com\/?page_id=772"},"modified":"2025-11-22T02:16:38","modified_gmt":"2025-11-21T17:16:38","slug":"latest-news-%ec%a0%84%ec%b2%b4","status":"publish","type":"page","link":"https:\/\/bmkyun2.com\/en\/latest-news-%ec%a0%84%ec%b2%b4\/","title":{"rendered":"Latest News (\uc804\uccb4)"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"772\" class=\"elementor elementor-772\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d94ccd e-con-full e-flex e-con e-parent\" data-id=\"7d94ccd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f40d941 elementor-widget elementor-widget-html\" data-id=\"f40d941\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Latest News - SPACE Architects<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\r\n            background: #ffffff;\r\n            color: #222;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .page-header {\r\n            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n            padding: 120px 0 80px;\r\n            text-align: center;\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .page-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect width=\"1\" height=\"100\" x=\"50\" fill=\"%23ffffff\" opacity=\"0.05\"\/><rect width=\"100\" height=\"1\" y=\"50\" fill=\"%23ffffff\" opacity=\"0.05\"\/><\/svg>');\r\n            background-size: 100px 100px;\r\n        }\r\n\r\n        .page-header h1 {\r\n            font-size: 52px;\r\n            font-weight: 700;\r\n            letter-spacing: -2px;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .page-header p {\r\n            font-size: 18px;\r\n            opacity: 0.9;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Main Container *\/\r\n        .news-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 80px 40px;\r\n        }\r\n\r\n        \/* Tab Menu & Search Bar *\/\r\n        .news-controls {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 60px;\r\n            flex-wrap: wrap;\r\n            gap: 30px;\r\n        }\r\n\r\n        .tab-menu {\r\n            display: flex;\r\n            gap: 10px;\r\n            border-bottom: 2px solid #e5e5e5;\r\n        }\r\n\r\n        .tab-btn {\r\n            padding: 15px 30px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            background: none;\r\n            border: none;\r\n            color: #666;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .tab-btn:hover {\r\n            color: #222;\r\n        }\r\n\r\n        .tab-btn.active {\r\n            color: #1a73e8;\r\n        }\r\n\r\n        .tab-btn.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: #1a73e8;\r\n        }\r\n\r\n        \/* Search Box *\/\r\n        .search-box {\r\n            display: flex;\r\n            align-items: center;\r\n            background: #f8f9fa;\r\n            border-radius: 50px;\r\n            padding: 5px 5px 5px 25px;\r\n            width: 350px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .search-box:focus-within {\r\n            background: #ffffff;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .search-box input {\r\n            flex: 1;\r\n            border: none;\r\n            background: none;\r\n            font-size: 15px;\r\n            padding: 10px;\r\n            outline: none;\r\n        }\r\n\r\n        .search-box button {\r\n            background: transparent;\r\n            color: #222;\r\n            border: none;\r\n            width: 44px;\r\n            height: 44px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .search-box button:hover {\r\n            color: #1a73e8;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Results Info *\/\r\n        .results-info {\r\n            font-size: 16px;\r\n            color: #1a73e8;\r\n            font-weight: 600;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        \/* News Grid *\/\r\n        .news-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        \/* News Card *\/\r\n        .news-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 20px rgba(0,0,0,0.06);\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .news-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 12px 40px rgba(0,0,0,0.12);\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 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-card:hover .news-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .news-category {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            color: #ffffff;\r\n            padding: 8px 18px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .news-category.culture {\r\n            background: rgba(52, 168, 83, 0.3);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .news-category.media {\r\n            background: rgba(234, 67, 53, 0.3);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .news-category.company {\r\n            background: rgba(251, 188, 4, 0.3);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .news-content {\r\n            padding: 30px;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .news-date {\r\n            font-size: 14px;\r\n            color: #999;\r\n            margin-bottom: 12px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .news-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n            margin-bottom: 15px;\r\n            color: #1a1a1a;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .news-card:hover .news-title {\r\n            color: #1a73e8;\r\n        }\r\n\r\n        .news-description {\r\n            font-size: 15px;\r\n            color: #666;\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            flex: 1;\r\n        }\r\n\r\n        .read-more {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #1a73e8;\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            transition: gap 0.3s ease;\r\n        }\r\n\r\n        .news-card:hover .read-more {\r\n            gap: 12px;\r\n        }\r\n\r\n        \/* Pagination *\/\r\n        .pagination {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 8px;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        .page-btn {\r\n            min-width: 48px;\r\n            height: 48px;\r\n            padding: 0 16px;\r\n            border: 1px solid #e0e0e0;\r\n            background: white;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #666;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .page-btn:hover {\r\n            border-color: #1a73e8;\r\n            color: #1a73e8;\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        .page-btn.active {\r\n            background: #1a73e8;\r\n            color: white;\r\n            border-color: #1a73e8;\r\n        }\r\n\r\n        .page-btn.arrow {\r\n            font-size: 20px;\r\n            min-width: 48px;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1200px) {\r\n            .news-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        \/* Mobile Styles (Updated for 2 Columns) *\/\r\n        @media (max-width: 768px) {\r\n            .page-header h1 {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .news-container {\r\n                padding: 60px 15px; \/* \ud328\ub529 \ucd95\uc18c *\/\r\n            }\r\n\r\n            .news-controls {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                gap: 20px;\r\n            }\r\n\r\n            .tab-menu {\r\n                overflow-x: auto;\r\n                border-bottom: none;\r\n                padding-bottom: 10px;\r\n            }\r\n            \r\n            .tab-btn {\r\n                padding: 10px 20px;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            .search-box {\r\n                width: 100%;\r\n            }\r\n\r\n            \/* 2 Column Grid for Mobile *\/\r\n            .news-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2\uc5f4 \ubc30\uce58 *\/\r\n                gap: 12px; \/* \uac04\uaca9 \uc881\ud798 *\/\r\n            }\r\n\r\n            \/* Card Style Adjustments for Mobile *\/\r\n            .news-image {\r\n                height: 140px; \/* \uc774\ubbf8\uc9c0 \ub192\uc774 \ucd95\uc18c *\/\r\n            }\r\n\r\n            .news-category {\r\n                font-size: 11px;\r\n                padding: 4px 10px;\r\n                top: 10px;\r\n                left: 10px;\r\n            }\r\n\r\n            .news-content {\r\n                padding: 15px; \/* \ub0b4\ubd80 \uc5ec\ubc31 \ucd95\uc18c *\/\r\n            }\r\n\r\n            .news-date {\r\n                font-size: 11px;\r\n                margin-bottom: 6px;\r\n            }\r\n\r\n            .news-title {\r\n                font-size: 15px; \/* \uc81c\ubaa9 \ud06c\uae30 \ucd95\uc18c *\/\r\n                margin-bottom: 8px;\r\n                display: -webkit-box;\r\n                -webkit-line-clamp: 2; \/* 2\uc904 \uc774\uc0c1 \ub9d0\uc904\uc784 *\/\r\n                -webkit-box-orient: vertical;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .news-description {\r\n                font-size: 12px;\r\n                line-height: 1.4;\r\n                margin-bottom: 12px;\r\n                display: -webkit-box;\r\n                -webkit-line-clamp: 2; \/* 2\uc904 \uc774\uc0c1 \ub9d0\uc904\uc784 *\/\r\n                -webkit-box-orient: vertical;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .read-more {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .pagination {\r\n                margin-top: 40px;\r\n                gap: 4px;\r\n            }\r\n            \r\n            .page-btn {\r\n                min-width: 36px;\r\n                height: 36px;\r\n                font-size: 14px;\r\n                padding: 0 10px;\r\n            }\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .news-card {\r\n            animation: fadeInUp 0.6s ease forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .news-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .news-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .news-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .news-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .news-card:nth-child(5) { animation-delay: 0.5s; }\r\n        .news-card:nth-child(6) { animation-delay: 0.6s; }\r\n        .news-card:nth-child(7) { animation-delay: 0.1s; }\r\n        .news-card:nth-child(8) { animation-delay: 0.2s; }\r\n        .news-card:nth-child(9) { animation-delay: 0.3s; }\r\n        .news-card:nth-child(10) { animation-delay: 0.4s; }\r\n        .news-card:nth-child(11) { animation-delay: 0.5s; }\r\n        .news-card:nth-child(12) { animation-delay: 0.6s; }\r\n        .news-card:nth-child(13) { animation-delay: 0.1s; }\r\n        .news-card:nth-child(14) { animation-delay: 0.2s; }\r\n        .news-card:nth-child(15) { animation-delay: 0.3s; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"page-header\">\r\n        <h1>Latest News<\/h1>\r\n        <p>SPACE Architects\uc758 \ub2e4\uc591\ud55c \uc18c\uc2dd\uc744 \uc804\ud574\ub4dc\ub9bd\ub2c8\ub2e4<\/p>\r\n    <\/section>\r\n\r\n    <div class=\"news-container\">\r\n        \r\n        <div class=\"news-controls\">\r\n            <div class=\"tab-menu\">\r\n                <button class=\"tab-btn active\" data-category=\"all\">\uc804\uccb4<\/button>\r\n                <button class=\"tab-btn\" data-category=\"company\">SPACE \uc18c\uc2dd<\/button>\r\n                <button class=\"tab-btn\" data-category=\"culture\">\uc870\uc9c1\ubb38\ud654<\/button>\r\n                <button class=\"tab-btn\" data-category=\"media\">\uc5b8\ub860\ubcf4\ub3c4<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"search-box\">\r\n                <input type=\"text\" placeholder=\"\uac80\uc0c9\uc5b4 \uc785\ub825\">\r\n                <button>\r\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                        <path d=\"M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"results-info\">15\uac74\uc758 \ub274\uc2a4\uac00 \ub4f1\ub85d\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\r\n\r\n        <div class=\"news-grid\">\r\n            \r\n            <div class=\"news-card\" data-category=\"culture\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=800\" alt=\"\ud55c\uad6d\uac74\ucd95\ubb38\ud654\ub300\uc0c1\">\r\n                    <div class=\"news-category culture\">\uc870\uc9c1\ubb38\ud654<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.05.28<\/div>\r\n                    <h3 class=\"news-title\">\ud55c\uad6d\uac74\ucd95\ubb38\ud654\ub300\uc0c1 \ub300\uc0c1 \uc218\uc0c1<\/h3>\r\n                    <p class=\"news-description\">\uc219\ub3c4\uc2ec\uc5c5 \ub3d9\ud0c4\uc0ac\uc625 \ud504\ub85c\uc81d\ud2b8\uac00 2024 \ud55c\uad6d\uac74\ucd95\ubb38\ud654\ub300\uc0c1 \ub300\uc0c1\uc744 \uc218\uc0c1\ud588\uc2b5\ub2c8\ub2e4. \ud601\uc2e0\uc801\uc778 \ub514\uc790\uc778\uacfc \uce5c\ud658\uacbd \uc124\uacc4\uac00 \ub192\uc740 \ud3c9\uac00\ub97c \ubc1b\uc558\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"culture\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?w=800\" alt=\"\uc6cc\ud06c\uc0f5\">\r\n                    <div class=\"news-category culture\">\uc870\uc9c1\ubb38\ud654<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.04.04<\/div>\r\n                    <h3 class=\"news-title\">2025\ub144 CMA\uc5c5\ubb34\ubd84\uc11d \uc900\uacc4\uc6cc\ud06c\uc0f5<\/h3>\r\n                    <p class=\"news-description\">\ud601\uc2e0\uc801\uc778 \uc5c5\ubb34 \ud504\ub85c\uc138\uc2a4 \uac1c\uc120\uc744 \uc704\ud55c \uc804\ubb38\uac00 \uc6cc\ud06c\uc0f5\uc774 \uc131\uacf5\uc801\uc73c\ub85c \uc9c4\ud589\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc804 \uc9c1\uc6d0\uc774 \ucc38\uc5ec\ud558\uc5ec \uc801\uadf9\uc801\uc778 \uc131\uc7a5\uc744 \ub2e4\uc9d0\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"culture\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515187029135-18ee286d815b?w=800\" alt=\"\uc138\ubbf8\ub098\">\r\n                    <div class=\"news-category culture\">\uc870\uc9c1\ubb38\ud654<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.04.02<\/div>\r\n                    <h3 class=\"news-title\">2025\ub144 4\uc6d4 \uc5ed\ub7c9\ud5a5\uc0c1 \uc138\ubbf8\ub098<\/h3>\r\n                    <p class=\"news-description\">ChatGPT \ub4f1\uc744 \ubc30\uacbd\uacfc \uc5c5\ubb34\uc758 \ub300\ud55c \uc804\ubb38\uac00 \uac15\uc5f0\uc774 \uc9c4\ud589\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ucd5c\uc2e0 AI \uae30\uc220\uc744 \uac74\ucd95 \uc2e4\ubb34\uc5d0 \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0\uc5d0 \ub300\ud55c \uc2ec\ub3c4\uc788\ub294 \ub17c\uc758\uac00 \uc774\ub8e8\uc5b4\uc84c\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"company\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=800\" alt=\"\uc131\uacfc\ubcf4\uace0\">\r\n                    <div class=\"news-category company\">SPACE \uc18c\uc2dd<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.03.27<\/div>\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-description\">1\ubd84\uae30 \uc8fc\uc694 \uc131\uacfc\uc640 2\ubd84\uae30 \uc804\ub7b5\uc5d0 \ub300\ud55c \uacf5\uc720 \uc2dc\uac04\uc744 \uac00\uc84c\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ud300\uc6d0\ub4e4\uc774 \ud68c\uc0ac\uc758 \ube44\uc804\uacfc \ubaa9\ud45c\ub97c \ud568\uaed8 \ud655\uc778\ud558\ub294 \ub73b\uae4a\uc740 \uc790\ub9ac\uc600\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"company\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=800\" alt=\"\uc2e0\uaddc \ud504\ub85c\uc81d\ud2b8\">\r\n                    <div class=\"news-category company\">SPACE \uc18c\uc2dd<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.03.15<\/div>\r\n                    <h3 class=\"news-title\">\uc1a1\ub3c4 \ub79c\ub4dc\ub9c8\ud06c \ud0c0\uc6cc \ud504\ub85c\uc81d\ud2b8 \uc218\uc8fc<\/h3>\r\n                    <p class=\"news-description\">\uc778\ucc9c \uc1a1\ub3c4\uad6d\uc81c\ub3c4\uc2dc\uc5d0 \ub4e4\uc5b4\uc124 60\uce35 \uaddc\ubaa8\uc758 \ubcf5\ud569\ubb38\ud654\uc2dc\uc124 \uc124\uacc4\ub97c \ub9e1\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc9c0\uc18d\uac00\ub2a5\ud55c \uac74\ucd95\uacfc \ud601\uc2e0\uc801 \ub514\uc790\uc778\uc744 \uc2e4\ud604\ud560 \uc608\uc815\uc785\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"media\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?w=800\" alt=\"\ubbf8\ub514\uc5b4\">\r\n                    <div class=\"news-category media\">\uc5b8\ub860\ubcf4\ub3c4<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.02.28<\/div>\r\n                    <h3 class=\"news-title\">\uac74\ucd95\uc804\ubb38\uc9c0 'SPACE' \ud2b9\uc9d1 \uc778\ud130\ubdf0<\/h3>\r\n                    <p class=\"news-description\">\ub300\ud45c \uac74\ucd95\uac00\uc640\uc758 \uc2ec\uce35 \uc778\ud130\ubdf0\uac00 \uac74\ucd95 \uc804\ubb38\uc9c0\uc5d0 \uac8c\uc7ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud55c\uad6d \ud604\ub300\uac74\ucd95\uc758 \ubbf8\ub798\uc640 \uc9c0\uc18d\uac00\ub2a5\ud55c \uc124\uacc4 \ucca0\ud559\uc5d0 \ub300\ud574 \uc774\uc57c\uae30\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"company\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582407947304-fd86f028f716?w=800\" alt=\"\uc2e0\uaddc \ud30c\ud2b8\ub108\uc2ed\">\r\n                    <div class=\"news-category company\">SPACE \uc18c\uc2dd<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.02.10<\/div>\r\n                    <h3 class=\"news-title\">\uae00\ub85c\ubc8c \uac74\ucd95\uc0ac\ubb34\uc18c Foster + Partners\uc640 MOU \uccb4\uacb0<\/h3>\r\n                    <p class=\"news-description\">\uc138\uacc4\uc801\uc778 \uac74\ucd95\uc0ac\ubb34\uc18c\uc640\uc758 \uc804\ub7b5\uc801 \ud30c\ud2b8\ub108\uc2ed\uc744 \ud1b5\ud574 \uae00\ub85c\ubc8c \ud504\ub85c\uc81d\ud2b8 \uc5ed\ub7c9\uc744 \uac15\ud654\ud569\ub2c8\ub2e4. \uc0c1\ud638 \uae30\uc220 \uad50\ub958\uc640 \uacf5\ub3d9 \ud504\ub85c\uc81d\ud2b8 \ucd94\uc9c4\uc774 \uae30\ub300\ub429\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"culture\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1528605105345-5344ea20e269?w=800\" alt=\"\uc6cc\ud06c\uc0f5\">\r\n                    <div class=\"news-category culture\">\uc870\uc9c1\ubb38\ud654<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.01.20<\/div>\r\n                    <h3 class=\"news-title\">2025 \uc2e0\uc785\uc0ac\uc6d0 \ud658\uc601\uc2dd \ubc0f \uc624\ub9ac\uc5d4\ud14c\uc774\uc158<\/h3>\r\n                    <p class=\"news-description\">\uc0c8\ub85c\uc6b4 \uc778\uc7ac\ub4e4\uacfc \ud568\uaed8 \uc131\uc7a5\uc758 \uc5ec\uc815\uc744 \uc2dc\uc791\ud569\ub2c8\ub2e4. \ud68c\uc0ac\uc758 \ube44\uc804\uacfc \uac00\uce58\ub97c \uacf5\uc720\ud558\uace0, \ud300 \ube4c\ub529 \ud65c\ub3d9\uc744 \ud1b5\ud574 \ud654\ud569\uc758 \uc2dc\uac04\uc744 \uac00\uc84c\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"media\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=800\" alt=\"\uc218\uc0c1\">\r\n                    <div class=\"news-category media\">\uc5b8\ub860\ubcf4\ub3c4<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2025.01.05<\/div>\r\n                    <h3 class=\"news-title\">2024 \ud55c\uad6d\uac74\ucd95\uac00\ud611\ud68c \uc62c\ud574\uc758 \uac74\ucd95\ubb3c \uc120\uc815<\/h3>\r\n                    <p class=\"news-description\">\uc81c\uc8fc \uac10\uade4\ubba4\uc9c0\uc5c4 \ud504\ub85c\uc81d\ud2b8\uac00 \uc62c\ud574\uc758 \uac74\ucd95\ubb3c\ub85c \uc120\uc815\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc790\uc5f0\uacfc \uc870\ud654\ub97c \uc774\ub8e8\ub294 \uc720\uae30\uc801 \ub514\uc790\uc778\uc774 \ub192\uc740 \ud3c9\uac00\ub97c \ubc1b\uc558\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"company\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?w=800\" alt=\"\uc2e0\uaddc \uc624\ud53c\uc2a4\">\r\n                    <div class=\"news-category company\">SPACE \uc18c\uc2dd<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2024.12.20<\/div>\r\n                    <h3 class=\"news-title\">\ubd80\uc0b0 \ud574\uc6b4\ub300 \uc2e0\uaddc \uc624\ud53c\uc2a4 \uac1c\uc18c\uc2dd<\/h3>\r\n                    <p class=\"news-description\">\ubd80\uc0b0 \uc9c0\uc5ed \ud504\ub85c\uc81d\ud2b8 \ud655\ub300\ub97c \uc704\ud574 \ud574\uc6b4\ub300\uc5d0 \uc2e0\uaddc \uc624\ud53c\uc2a4\ub97c \uac1c\uc18c\ud588\uc2b5\ub2c8\ub2e4. \uc9c0\uc5ed \uac74\ucd95 \uc2dc\uc7a5\uc5d0\uc11c\uc758 \uc785\uc9c0\ub97c \uac15\ud654\ud560 \uc608\uc815\uc785\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"culture\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511632765486-a01980e01a18?w=800\" alt=\"\uc0ac\ud68c\uacf5\ud5cc\">\r\n                    <div class=\"news-category culture\">\uc870\uc9c1\ubb38\ud654<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2024.12.10<\/div>\r\n                    <h3 class=\"news-title\">\uc0ac\ud68c\uacf5\ud5cc\ud65c\ub3d9: \uc800\uc18c\ub4dd\uce35 \uc8fc\uac70\ud658\uacbd \uac1c\uc120 \ud504\ub85c\uc81d\ud2b8<\/h3>\r\n                    <p class=\"news-description\">\uc784\uc9c1\uc6d0\ub4e4\uc774 \ucc38\uc5ec\ud55c \uc8fc\uac70\ud658\uacbd \uac1c\uc120 \ubd09\uc0ac\ud65c\ub3d9\uc774 \uc9c4\ud589\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uac74\ucd95 \uc804\ubb38\uc131\uc744 \ud65c\uc6a9\ud55c \uc758\ubbf8\uc788\ub294 \ub098\ub214\uc744 \uc2e4\ucc9c\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"media\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544531586-fde5298cdd40?w=800\" alt=\"TV \ucd9c\uc5f0\">\r\n                    <div class=\"news-category media\">\uc5b8\ub860\ubcf4\ub3c4<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2024.11.28<\/div>\r\n                    <h3 class=\"news-title\">KBS '\uac74\ucd95\ud0d0\ud5d8' \ud2b9\uc9d1 \ud504\ub85c\uadf8\ub7a8 \ucd9c\uc5f0<\/h3>\r\n                    <p class=\"news-description\">\ub300\ud45c \uac74\ucd95\uac00\uac00 KBS \ub2e4\ud050\uba58\ud130\ub9ac \ud504\ub85c\uadf8\ub7a8\uc5d0 \ucd9c\uc5f0\ud558\uc5ec \ud604\ub300 \uac74\ucd95\uc758 \ud750\ub984\uacfc \uc9c0\uc18d\uac00\ub2a5\uc131\uc5d0 \ub300\ud574 \uc774\uc57c\uae30\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"company\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=800\" alt=\"\uc2e4\uc801 \ubc1c\ud45c\">\r\n                    <div class=\"news-category company\">SPACE \uc18c\uc2dd<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2024.11.15<\/div>\r\n                    <h3 class=\"news-title\">2024\ub144 3\ubd84\uae30 \uc2e4\uc801 \ubc1c\ud45c \ubc0f \ud5a5\ud6c4 \uc804\ub9dd<\/h3>\r\n                    <p class=\"news-description\">3\ubd84\uae30 \ub9e4\ucd9c \uc804\ub144 \ub300\ube44 25% \uc99d\uac00\ub97c \uae30\ub85d\ud588\uc2b5\ub2c8\ub2e4. \ub300\ud615 \ud504\ub85c\uc81d\ud2b8 \uc218\uc8fc \uc99d\uac00\uc640 \ud574\uc678 \uc2dc\uc7a5 \uc9c4\ucd9c\uc774 \uc8fc\uc694 \uc131\uc7a5 \ub3d9\ub825\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"culture\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?w=800\" alt=\"\uc6cc\ud06c\uc20d\">\r\n                    <div class=\"news-category culture\">\uc870\uc9c1\ubb38\ud654<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2024.11.05<\/div>\r\n                    <h3 class=\"news-title\">2024 \ud558\ubc18\uae30 \uac74\ucd95 \ud2b8\ub80c\ub4dc \uc6cc\ud06c\uc20d<\/h3>\r\n                    <p class=\"news-description\">\ucd5c\uc2e0 \uac74\ucd95 \ud2b8\ub80c\ub4dc\uc640 \uae30\uc220\uc744 \uacf5\uc720\ud558\ub294 \uc0ac\ub0b4 \uc6cc\ud06c\uc20d\uc774 \uc9c4\ud589\ub418\uc5c8\uc2b5\ub2c8\ub2e4. BIM, AI \uc124\uacc4 \ub3c4\uad6c \ub4f1 \ucd5c\uc2e0 \uae30\uc220 \ud65c\uc6a9\ubc95\uc744 \ud559\uc2b5\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"news-card\" data-category=\"media\">\r\n                <div class=\"news-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=800\" alt=\"\uc5b4\uc6cc\ub4dc\">\r\n                    <div class=\"news-category media\">\uc5b8\ub860\ubcf4\ub3c4<\/div>\r\n                <\/div>\r\n                <div class=\"news-content\">\r\n                    <div class=\"news-date\">2024.10.22<\/div>\r\n                    <h3 class=\"news-title\">Asia Pacific Property Awards \uc218\uc0c1<\/h3>\r\n                    <p class=\"news-description\">\uc11c\uc6b8 \uccad\ub2f4\ub3d9 \ubcf5\ud569\ubb38\ud654\uacf5\uac04 \ud504\ub85c\uc81d\ud2b8\uac00 \uc544\uc2dc\uc544\ud0dc\ud3c9\uc591 \uac74\ucd95\uc0c1\uc744 \uc218\uc0c1\ud588\uc2b5\ub2c8\ub2e4. \ud601\uc2e0\uc801\uc778 \uacf5\uac04 \uad6c\uc131\uacfc \ub514\uc790\uc778\uc774 \uc778\uc815\ubc1b\uc558\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"read-more\">\r\n                        \uc790\uc138\ud788 \ubcf4\uae30 \r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"pagination\">\r\n            <button class=\"page-btn arrow\">\u2039<\/button>\r\n            <button class=\"page-btn active\">1<\/button>\r\n            <button class=\"page-btn\">2<\/button>\r\n            <button class=\"page-btn\">3<\/button>\r\n            <button class=\"page-btn\">4<\/button>\r\n            <button class=\"page-btn\">5<\/button>\r\n            <button class=\"page-btn arrow\">\u203a<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Tab Filtering\r\n        const tabButtons = document.querySelectorAll('.tab-btn');\r\n        const newsCards = document.querySelectorAll('.news-card');\r\n\r\n        tabButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                \/\/ Remove active class from all buttons\r\n                tabButtons.forEach(btn => btn.classList.remove('active'));\r\n                \/\/ Add active class to clicked button\r\n                button.classList.add('active');\r\n\r\n                const category = button.dataset.category;\r\n\r\n                newsCards.forEach(card => {\r\n                    if (category === 'all' || card.dataset.category === category) {\r\n                        card.style.display = 'flex';\r\n                    } else {\r\n                        card.style.display = 'none';\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Search Functionality\r\n        const searchInput = document.querySelector('.search-box input');\r\n        const searchButton = document.querySelector('.search-box button');\r\n\r\n        searchButton.addEventListener('click', performSearch);\r\n        searchInput.addEventListener('keypress', (e) => {\r\n            if (e.key === 'Enter') {\r\n                performSearch();\r\n            }\r\n        });\r\n\r\n        function performSearch() {\r\n            const searchTerm = searchInput.value.toLowerCase();\r\n            \r\n            newsCards.forEach(card => {\r\n                const title = card.querySelector('.news-title').textContent.toLowerCase();\r\n                const description = card.querySelector('.news-description').textContent.toLowerCase();\r\n                \r\n                if (title.includes(searchTerm) || description.includes(searchTerm)) {\r\n                    card.style.display = 'flex';\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Pagination\r\n        const pageButtons = document.querySelectorAll('.page-btn:not(.arrow)');\r\n        \r\n        pageButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                pageButtons.forEach(btn => btn.classList.remove('active'));\r\n                button.classList.add('active');\r\n                \r\n                \/\/ Smooth scroll to top\r\n                window.scrollTo({ top: 0, behavior: 'smooth' });\r\n            });\r\n        });\r\n\r\n        \/\/ Card Click\r\n        newsCards.forEach(card => {\r\n            card.addEventListener('click', () => {\r\n                \/\/ Navigate to news detail page\r\n                alert('\ub274\uc2a4 \uc0c1\uc138 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.');\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>Latest News &#8211; SPACE Architects Latest News SPACE Architects\uc758 \ub2e4\uc591\ud55c \uc18c\uc2dd\uc744 \uc804\ud574\ub4dc\ub9bd\ub2c8\ub2e4 \uc804\uccb4 SPACE \uc18c\uc2dd \uc870\uc9c1\ubb38\ud654 \uc5b8\ub860\ubcf4\ub3c4 15\uac74\uc758 \ub274\uc2a4\uac00 \ub4f1\ub85d\ub418\uc5b4 [&hellip;]<\/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-772","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/772","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=772"}],"version-history":[{"count":10,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/772\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/pages\/772\/revisions\/920"}],"wp:attachment":[{"href":"https:\/\/bmkyun2.com\/en\/wp-json\/wp\/v2\/media?parent=772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}