{"id":4031,"date":"2026-03-09T00:22:10","date_gmt":"2026-03-09T00:22:10","guid":{"rendered":"https:\/\/drivetech.kr\/?page_id=4031"},"modified":"2026-03-09T02:12:43","modified_gmt":"2026-03-09T02:12:43","slug":"news-%ec%8b%a4%ed%97%98","status":"publish","type":"page","link":"https:\/\/drivetech.kr\/ja\/news-%ec%8b%a4%ed%97%98\/","title":{"rendered":"NEWS \uc2e4\ud5d8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4031\" class=\"elementor elementor-4031\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e67151 e-con-full e-flex e-con e-parent\" data-id=\"6e67151\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb67ef3 elementor-widget elementor-widget-heading\" data-id=\"fb67ef3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">NEWS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7a8193 elementor-widget elementor-widget-spacer\" data-id=\"f7a8193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cbac8b e-flex e-con-boxed e-con e-parent\" data-id=\"3cbac8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724e9e5 elementor-widget elementor-widget-html\" data-id=\"724e9e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"drivetech-newsroom-master\" style=\"width: 100%; overflow: hidden; clear: both;\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.8\/dist\/web\/static\/pretendard.css\">\r\n\r\n    <style>\r\n        \/* \ub274\uc2a4\ub8f8 \ub0b4\ubd80 100% \ud1b5\uc81c \uc21c\uc218 CSS *\/\r\n        #dt-news-wrap {\r\n            font-family: \"Pretendard\", sans-serif;\r\n            color: #000;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 48px 24px;\r\n            box-sizing: border-box;\r\n            line-height: 1.5;\r\n        }\r\n        #dt-news-wrap *, #dt-news-wrap *::before, #dt-news-wrap *::after {\r\n            box-sizing: inherit;\r\n        }\r\n\r\n        \/* \ud0c0\uc774\ud2c0 *\/\r\n        .dt-title {\r\n            font-size: 46px;\r\n            font-weight: 800;\r\n            text-align: center;\r\n            margin-bottom: 64px;\r\n            text-transform: uppercase;\r\n            font-style: italic;\r\n            letter-spacing: -0.05em;\r\n            color: #000 !important;\r\n        }\r\n\r\n        \/* \ud0ed \uba54\ub274 *\/\r\n        .dt-tabs-area { display: flex; justify-content: center; margin-bottom: 64px; }\r\n        .dt-tabs-box { display: flex; width: 464px; border: 1px solid #e5e5e5; }\r\n        .dt-tab-btn {\r\n            width: 50%; padding: 16px 0; font-size: 18px; font-weight: 700;\r\n            border: none; cursor: pointer; background-color: #fff !important; color: #9ca3af !important;\r\n        }\r\n        .dt-tab-btn.active { background-color: #FFD93D !important; color: #000 !important; }\r\n        .dt-tab-btn:last-child { border-left: 1px solid #e5e5e5; }\r\n\r\n        \/* \uac80\uc0c9\ubc14 (\ub192\uc774 26px) *\/\r\n        .dt-search-area { max-width: 464px; margin: -40px auto 80px auto; }\r\n        .dt-search-box { display: flex; height: 26px; align-items: stretch; }\r\n        .dt-dropdown-wrap { position: relative; height: 100%; }\r\n        \r\n        \/* [\uc218\uc815] \ubd84\ub958\ucc3d \uae00\uc790\uc0c9 & \ud654\uc0b4\ud45c \uc0c9\uc0c1 \uac15\uc81c \uac80\uc815 *\/\r\n        .dt-dropdown-btn {\r\n            height: 100%; display: flex; align-items: center; justify-content: space-between;\r\n            padding: 0 12px; border: 1px solid #00A5B1; background-color: #fff !important;\r\n            min-width: 75px; cursor: pointer; font-size: 13px; font-weight: bold;\r\n            color: #000 !important; \r\n        }\r\n        .dt-dropdown-btn svg { stroke: #000 !important; }\r\n        \r\n        .dt-dropdown-menu {\r\n            position: absolute; top: 100%; left: 0; margin-top: 4px; width: 96px;\r\n            background-color: #fff !important; border: 1px solid #111; display: none; z-index: 100;\r\n        }\r\n        .dt-dropdown-menu.show { display: block; }\r\n        \/* [\uc218\uc815] \ub4dc\ub86d\ub2e4\uc6b4 \ud56d\ubaa9 hover \ud6a8\uacfc \uc81c\uac70 \ubc0f \uc0c9\uc0c1 \uac80\uc815 *\/\r\n        .dt-dropdown-item { \r\n            padding: 6px 12px; font-size: 12px; font-weight: bold; text-align: center; \r\n            cursor: pointer; color: #000 !important; \r\n        }\r\n        .dt-dropdown-item + .dt-dropdown-item { border-top: 1px solid #e5e5e5; }\r\n\r\n        \/* [\uc218\uc815] \uc785\ub825\ucc3d \uae00\uc790\uc0c9 \uac15\uc81c \uac80\uc815 *\/\r\n        .dt-search-input {\r\n            flex: 1; height: 100%; border-top: 1px solid #d1d5db; border-bottom: 1px solid #d1d5db;\r\n            border-left: none; border-right: none; padding: 0 12px; outline: none; font-size: 13px;\r\n            margin-left: -1px; background-color: transparent !important; color: #000 !important;\r\n        }\r\n        .dt-search-input::placeholder { color: #aaa !important; }\r\n\r\n        \/* [\uc218\uc815] \ub3cb\ubcf4\uae30 \ubc84\ud2bc \ubc0f \uc544\uc774\ucf58 \uc0c9\uc0c1 \uac15\uc81c \uac80\uc815 *\/\r\n        .dt-search-submit {\r\n            height: 100%; padding: 0 12px; border: 1px solid #00A5B1; background-color: #fff !important;\r\n            cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: -1px;\r\n            color: #000 !important;\r\n        }\r\n        .dt-search-submit svg { stroke: #000 !important; }\r\n        \r\n        .dt-search-line { border-bottom: 2px solid #333; margin-top: 12px; }\r\n\r\n        \/* \ub274\uc2a4 \uce74\ub4dc \uadf8\ub9ac\ub4dc *\/\r\n        .dt-news-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 32px; }\r\n        @media (min-width: 768px) { .dt-news-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (min-width: 1024px) { .dt-news-grid { grid-template-columns: repeat(3, 1fr); } }\r\n\r\n        \/* [\uc218\uc815] \ub274\uc2a4 \uce74\ub4dc hover \ud6a8\uacfc(\uc704\ub85c \ub728\ub294 \uc560\ub2c8\uba54\uc774\uc158) \uc81c\uac70 *\/\r\n        .dt-news-card {\r\n            background-color: #F8F8F8 !important; display: flex; flex-direction: column; cursor: pointer;\r\n        }\r\n        \r\n        .dt-img-box { aspect-ratio: 1.5 \/ 1; overflow: hidden; background-color: #e5e5e5; }\r\n        \/* [\uc218\uc815] \uc774\ubbf8\uc9c0 hover(\ud655\ub300) \ud6a8\uacfc \uc81c\uac70 *\/\r\n        .dt-img-box img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n        .dt-card-content { padding: 36px; display: flex; flex-direction: column; flex-grow: 1; }\r\n        .dt-cat-label { color: #FF7A00; font-size: 14px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }\r\n        .dt-card-title {\r\n            font-size: 21px; font-weight: 800; line-height: 1.4; margin-bottom: 56px; margin-top: 0;\r\n            color: #000 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\r\n            overflow: hidden; word-break: keep-all;\r\n        }\r\n        .dt-card-date { margin-top: auto; color: #9ca3af; font-size: 15px; font-weight: 500; }\r\n\r\n        \/* \ubaa8\ub2ec\ucc3d *\/\r\n        .dt-modal {\r\n            position: fixed; top: 0; left: 0; right: 0; bottom: 0;\r\n            background-color: #fff; z-index: 99999; overflow-y: auto;\r\n            opacity: 0; visibility: hidden; transition: all 0.3s;\r\n        }\r\n        .dt-modal.show { opacity: 1; visibility: visible; }\r\n        .dt-modal-close {\r\n            position: fixed; right: 40px; top: 40px; font-size: 35px; color: #000 !important;\r\n            background: none; border: none; cursor: pointer; z-index: 100000;\r\n        }\r\n        .dt-modal-inner { max-width: 850px; margin: 0 auto; padding: 112px 24px; }\r\n    <\/style>\r\n\r\n    <div id=\"dt-news-wrap\">\r\n        <h1 class=\"dt-title\">Newsroom<\/h1>\r\n\r\n        <div class=\"dt-tabs-area\">\r\n            <div class=\"dt-tabs-box\">\r\n                <button class=\"dt-tab-btn active\" id=\"btn-press\" onclick=\"dtFilterNews('\ubcf4\ub3c4\uc790\ub8cc')\">\ubcf4\ub3c4\uc790\ub8cc<\/button>\r\n                <button class=\"dt-tab-btn\" id=\"btn-industry\" onclick=\"dtFilterNews('\uc5c5\uacc4\uc18c\uc2dd')\">\uc5c5\uacc4\uc18c\uc2dd<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dt-search-area\">\r\n            <div class=\"dt-search-box\">\r\n                <div class=\"dt-dropdown-wrap\">\r\n                    <button class=\"dt-dropdown-btn\" onclick=\"dtToggleDropdown()\">\r\n                        <span id=\"dt-search-type\">\uc81c\ubaa9<\/span>\r\n                        <svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-width=\"3\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\r\n                    <\/button>\r\n                    <div class=\"dt-dropdown-menu\" id=\"dt-dropdown\">\r\n                        <div class=\"dt-dropdown-item\" onclick=\"dtSelectType('\uc81c\ubaa9')\">\uc81c\ubaa9<\/div>\r\n                        <div class=\"dt-dropdown-item\" onclick=\"dtSelectType('\ub0b4\uc6a9')\">\ub0b4\uc6a9<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <input type=\"text\" id=\"dt-search-input\" class=\"dt-search-input\" placeholder=\"\uac80\uc0c9\uc5b4\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\">\r\n                <button class=\"dt-search-submit\" onclick=\"dtSearchNews()\">\r\n                    <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-width=\"2.5\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"dt-search-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dt-news-grid\" id=\"dt-news-grid\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dt-modal\" id=\"dt-modal\">\r\n        <button class=\"dt-modal-close\" onclick=\"dtCloseNews()\">\u2715<\/button>\r\n        <div class=\"dt-modal-inner\">\r\n            <span class=\"dt-cat-label\" id=\"modal-cat\"><\/span>\r\n            <h2 style=\"font-size: 42px; font-weight: 800; margin-bottom: 40px; line-height: 1.2; color:#000;\" id=\"modal-title\"><\/h2>\r\n            <p style=\"color: #9ca3af; margin-bottom: 40px;\" id=\"modal-date\"><\/p>\r\n            <div style=\"margin-bottom: 48px;\" id=\"modal-img\"><\/div>\r\n            <div style=\"font-size: 19px; line-height: 1.8; color: #333; white-space: pre-wrap;\" id=\"modal-body\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const dtNewsItems = [\r\n            { id: 1, category: \"\ubcf4\ub3c4\uc790\ub8cc\", title: \"\ub2c8\uc5b4\uc2a4\ub7a9, \uc790\uc728\ube44\ud589 \ub4dc\ub860 \uae30\uc220\ub825\uc73c\ub85c \uc0b0\uc5c5\ubd80 \uc7a5\uad00 \ud45c\ucc3d \uc218\uc0c1\", date: \"25.11.06\", image: \"https:\/\/images.unsplash.com\/photo-1473968512647-3e447244af8f\", content: \"\ub2c8\uc5b4\uc2a4\ub7a9\uc740 \uc790\uc728\ube44\ud589 \ub4dc\ub860 \uae30\uc220\ub825\uc744 \ubc14\ud0d5\uc73c\ub85c \uc0b0\uc5c5 \ud604\uc7a5\uc758 \uc548\uc804\uacfc \ud6a8\uc728\uc744 \ud601\uc2e0\ud55c \uacf5\ub85c\ub97c \uc778\uc815\ubc1b\uc544 \uc0b0\uc5c5\ud1b5\uc0c1\uc790\uc6d0\ubd80 \uc7a5\uad00 \ud45c\ucc3d\uc744 \uc218\uc0c1\ud588\uc2b5\ub2c8\ub2e4.\" },\r\n            { id: 2, category: \"\ubcf4\ub3c4\uc790\ub8cc\", title: \"\ub2c8\uc5b4\uc2a4\ub7a9 \ucd5c\uc7ac\ud601 \ub300\ud45c, \ub300\ud55c\ubbfc\uad6d \ub4dc\ub860\uc0b0\uc5c5 \uc720\uacf5\uc790 \uad6d\ubc29\ubd80 \uc7a5\uad00 \ud45c\ucc3d \uc218\uc0c1\", date: \"25.07.10\", image: \"https:\/\/images.unsplash.com\/photo-1579829366248-204fe8413f31\", content: \"\ucd5c\uc7ac\ud601 \ub300\ud45c\uac00 \ub300\ud55c\ubbfc\uad6d \ub4dc\ub860\uc0b0\uc5c5 \ubc1c\uc804\uc5d0 \uae30\uc5ec\ud55c \uacf5\ub85c\ub85c \uad6d\ubc29\ubd80 \uc7a5\uad00 \ud45c\ucc3d\uc744 \uc218\uc5ec\ubc1b\uc558\uc2b5\ub2c8\ub2e4.\" },\r\n            { id: 3, category: \"\ubcf4\ub3c4\uc790\ub8cc\", title: \"\ub2c8\uc5b4\uc2a4\ub7a9, \ub514\ud39c\uc2a4\ud3ec\uc2a4\ud2b8 '2025 \uc138\uacc4 100\ub300 \ub4dc\ub860 \ubc29\uc0b0\uae30\uc5c5' \uc120\uc815\", date: \"25.06.19\", image: \"https:\/\/images.unsplash.com\/photo-1492724441997-5dc865305da7\", content: \"\uae00\ub85c\ubc8c \ubc29\uc0b0 \uc804\ubb38\uc9c0\uac00 \uc120\uc815\ud55c \uc138\uacc4 \ucd5c\uace0\uc758 \ub4dc\ub860 \uae30\uc5c5 \ub9ac\uc2a4\ud2b8\uc5d0 \uc774\ub984\uc744 \uc62c\ub838\uc2b5\ub2c8\ub2e4.\" }\r\n        ];\r\n\r\n        let dtCurrentCat = \"\ubcf4\ub3c4\uc790\ub8cc\";\r\n\r\n        function dtRenderNews() {\r\n            const grid = document.getElementById(\"dt-news-grid\");\r\n            if(!grid) return;\r\n            const keyword = document.getElementById(\"dt-search-input\").value.toLowerCase();\r\n            grid.innerHTML = \"\";\r\n            const filtered = dtNewsItems.filter(item => item.category === dtCurrentCat && item.title.toLowerCase().includes(keyword));\r\n            filtered.forEach(item => {\r\n                grid.innerHTML += `\r\n                    <div class=\"dt-news-card\" onclick=\"dtOpenNews(${item.id})\">\r\n                        <div class=\"dt-img-box\"><img decoding=\"async\" src=\"${item.image}\" alt=\"news\"><\/div>\r\n                        <div class=\"dt-card-content\">\r\n                            <span class=\"dt-cat-label\">${item.category}<\/span>\r\n                            <h3 class=\"dt-card-title\">${item.title}<\/h3>\r\n                            <div class=\"dt-card-date\">${item.date}<\/div>\r\n                        <\/div>\r\n                    <\/div>`;\r\n            });\r\n        }\r\n\r\n        function dtFilterNews(cat) {\r\n            dtCurrentCat = cat;\r\n            const btnP = document.getElementById(\"btn-press\");\r\n            const btnI = document.getElementById(\"btn-industry\");\r\n            if(cat === '\ubcf4\ub3c4\uc790\ub8cc') {\r\n                btnP.classList.add('active'); btnI.classList.remove('active');\r\n            } else {\r\n                btnP.classList.remove('active'); btnI.classList.add('active');\r\n            }\r\n            dtRenderNews();\r\n        }\r\n\r\n        function dtToggleDropdown() { document.getElementById(\"dt-dropdown\").classList.toggle(\"show\"); }\r\n        function dtSelectType(type) {\r\n            document.getElementById(\"dt-search-type\").innerText = type;\r\n            document.getElementById(\"dt-dropdown\").classList.remove(\"show\");\r\n        }\r\n        function dtSearchNews() { dtRenderNews(); }\r\n        function dtOpenNews(id) {\r\n            const data = dtNewsItems.find(n => n.id === id);\r\n            document.getElementById(\"modal-cat\").innerText = data.category;\r\n            document.getElementById(\"modal-title\").innerText = data.title;\r\n            document.getElementById(\"modal-date\").innerText = data.date;\r\n            document.getElementById(\"modal-img\").innerHTML = `<img decoding=\"async\" src=\"${data.image}\" style=\"width:100%;\">`;\r\n            document.getElementById('modal-body').innerText = data.content;\r\n            document.getElementById(\"dt-modal\").classList.add(\"show\");\r\n            document.body.style.overflow = \"hidden\";\r\n        }\r\n        function dtCloseNews() {\r\n            document.getElementById(\"dt-modal\").classList.remove(\"show\");\r\n            document.body.style.overflow = \"auto\";\r\n        }\r\n        dtRenderNews();\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NEWS Newsroom \ubcf4\ub3c4\uc790\ub8cc \uc5c5\uacc4\uc18c\uc2dd \uc81c\ubaa9 \uc81c\ubaa9 \ub0b4\uc6a9 \u2715<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4031","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/pages\/4031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/comments?post=4031"}],"version-history":[{"count":109,"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/pages\/4031\/revisions"}],"predecessor-version":[{"id":4157,"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/pages\/4031\/revisions\/4157"}],"wp:attachment":[{"href":"https:\/\/drivetech.kr\/ja\/wp-json\/wp\/v2\/media?parent=4031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}