{"id":11096,"date":"2025-04-07T11:01:07","date_gmt":"2025-04-07T02:01:07","guid":{"rendered":"https:\/\/cosmo.dothome.co.kr\/?page_id=11096"},"modified":"2025-05-30T10:29:12","modified_gmt":"2025-05-30T01:29:12","slug":"%ea%b3%b5%ec%8b%9c%ec%a0%95%eb%b3%b4","status":"publish","type":"page","link":"https:\/\/www.cosmoamt.com\/?page_id=11096","title":{"rendered":"\uacf5\uc2dc\uc815\ubcf4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11096\" class=\"elementor elementor-11096\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad6b9cf elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ad6b9cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3d64573 e-con-full e-flex e-con e-child\" data-id=\"3d64573\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dc5783 elementor-widget elementor-widget-image\" data-id=\"8dc5783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"21\" height=\"18\" src=\"https:\/\/www.cosmoamt.com\/wp-content\/uploads\/2025\/04\/homebutton.jpg\" class=\"attachment-large size-large wp-image-11297\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-234dab2 e-con-full e-flex e-con e-child\" data-id=\"234dab2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffc742a elementor-widget elementor-widget-text-editor\" data-id=\"ffc742a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-size: 14px;\">\/\u00a0<\/span>\u00a0 \uae30\uc5c5IR\u00a0 <span style=\"font-size: 14px;\">\u00a0\/\u00a0<\/span> \u00a0<strong><span style=\"color: #000000;\">\uacf5\uc2dc\uc815\ubcf4<\/span><\/strong><\/p>\t\t\t\t\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<div class=\"elementor-element elementor-element-d1a0051 e-flex e-con-boxed e-con e-parent\" data-id=\"d1a0051\" 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-6c95ec3 elementor-widget elementor-widget-text-editor\" data-id=\"6c95ec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong><span style=\"color: #000000;\">\uacf5\uc2dc\uc815\ubcf4<\/span><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8dd0f1d e-flex e-con-boxed e-con e-parent\" data-id=\"8dd0f1d\" 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-f3a77a8 elementor-widget elementor-widget-html\" data-id=\"f3a77a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n  <style>\r\n\r\n\r\n    h1 {\r\n      text-align: center;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .year-buttons {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      gap: 8px;\r\n      margin-bottom: 30px;\r\n      overflow-x: auto;\r\n      padding-bottom: 10px;\r\n    }\r\n\r\n    .year-button {\r\n      flex: 0 0 auto;\r\n      border: none;\r\n      border-radius: 50px;\r\n      padding: 12px 30px;\r\n      font-size: 17px;\r\n      cursor: pointer;\r\n      background-color: #f4f4f4;\r\n      color: #333;\r\n      transition: background-color 0.3s, color 0.3s;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .year-button:hover:not(.active) {\r\n      background-color: #0075e4 !important;\r\n      color: #fff !important;\r\n    }\r\n\r\n    .year-button.active {\r\n      background-color: #003f87 !important;\r\n      color: #fff !important;\r\n    }\r\n\r\n    .table-wrapper {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n\r\n    table.disclosure-table {\r\n      width: 100%;\r\n      min-width: 700px;\r\n      border-collapse: collapse;\r\n      background-color: #ffffff;\r\n      border: 1px solid #ebebeb;\r\n      table-layout: fixed;\r\n    }\r\n\r\n    table.disclosure-table th,\r\n    table.disclosure-table td {\r\n      padding: 12px;\r\n      text-align: center;\r\n      vertical-align: middle;\r\n      font-size: 18px;\r\n    }\r\n\r\n    table.disclosure-table th {\r\n      background-color: #f7f7f7;\r\n      color: #666666;\r\n      border-top: 2px solid #666666;\r\n      border-left: 1px solid #ffffff;\r\n      border-right: 1px solid #ffffff;\r\n      border-bottom: 1px solid #ebebeb;\r\n    }\r\n\r\n    table.disclosure-table td {\r\n      background-color: #ffffff;\r\n      border-top: 1px solid #ebebeb;\r\n      border-bottom: 1px solid #ebebeb;\r\n      border-left: 1px solid #ffffff;\r\n      border-right: 1px solid #ffffff;\r\n      overflow-wrap: break-word;\r\n    }\r\n\r\n    table.disclosure-table a {\r\n      color: #000;\r\n      text-decoration: none;\r\n    }\r\n\r\n    table.disclosure-table a:hover {\r\n      text-decoration: underline;\r\n    }\r\n\r\n    .disclosure-table th:nth-child(1),\r\n    .disclosure-table td:nth-child(1) {\r\n      width: 10%;\r\n    }\r\n    .disclosure-table th:nth-child(2),\r\n    .disclosure-table td:nth-child(2),\r\n    .disclosure-table th:nth-child(3),\r\n    .disclosure-table td:nth-child(3),\r\n    .disclosure-table th:nth-child(4),\r\n    .disclosure-table td:nth-child(4) {\r\n      width: 30%;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .year-button {\r\n        font-size: 14px;\r\n        padding: 10px 20px;\r\n      }\r\n\r\n      table.disclosure-table th,\r\n      table.disclosure-table td {\r\n        font-size: 14px;\r\n        padding: 8px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n  <!-- \uc5f0\ub3c4 \ubc84\ud2bc \uadf8\ub8f9 -->\r\n  <div id=\"yearFilter\" class=\"year-buttons\"><\/div>\r\n\r\n  <!-- \uacf5\uc2dc \ud14c\uc774\ube14 -->\r\n  <div class=\"table-wrapper\">\r\n    <table class=\"disclosure-table\">\r\n      <thead>\r\n        <tr>\r\n          <th>\ubc88\ud638<\/th>\r\n          <th>\uc81c\ucd9c\uc77c\uc790<\/th>\r\n          <th>\uacf5\uc2dc\uc81c\ubaa9<\/th>\r\n          <th>\uc81c\ucd9c\uc778<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody id=\"disInfoTable\"><\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n\r\n  <script>\r\n    let allData = [];\r\n\r\n    function renderTable(data) {\r\n      const tbody = document.getElementById('disInfoTable');\r\n      tbody.innerHTML = '';\r\n      if (!data.length) {\r\n        tbody.innerHTML = \"<tr><td colspan='4'>\ud574\ub2f9 \uc5f0\ub3c4\uc758 \uacf5\uc2dc \uc815\ubcf4\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/td><\/tr>\";\r\n        return;\r\n      }\r\n      data.forEach((item, idx) => {\r\n        const tr = document.createElement('tr');\r\n        tr.innerHTML = `\r\n          <td>${idx + 1}<\/td>\r\n          <td>${item.date}<\/td>\r\n          <td><a href=\"${item.disLink}\" target=\"_blank\">${item.title}<\/a><\/td>\r\n          <td>${item.submitter}<\/td>\r\n        `;\r\n        tbody.appendChild(tr);\r\n      });\r\n    }\r\n\r\n    function renderButtons(data) {\r\n      const container = document.getElementById('yearFilter');\r\n      container.innerHTML = '';\r\n\r\n      const years = Array.from(new Set(data.map(d => new Date(d.date).getFullYear()))).sort((a, b) => b - a);\r\n\r\n      const btnAll = document.createElement('button');\r\n      btnAll.textContent = '\uc804\uccb4\ubcf4\uae30';\r\n      btnAll.dataset.year = 'all';\r\n      btnAll.classList.add('year-button', 'active');\r\n      container.appendChild(btnAll);\r\n      btnAll.addEventListener('click', onYearClick);\r\n\r\n      years.forEach(year => {\r\n        const btn = document.createElement('button');\r\n        btn.textContent = `${year}\ub144\ub3c4`;\r\n        btn.dataset.year = year;\r\n        btn.classList.add('year-button');\r\n        container.appendChild(btn);\r\n        btn.addEventListener('click', onYearClick);\r\n      });\r\n    }\r\n\r\n    function onYearClick() {\r\n      document.querySelectorAll('.year-button').forEach(b => b.classList.remove('active'));\r\n      this.classList.add('active');\r\n      const year = this.dataset.year;\r\n      year === 'all'\r\n        ? renderTable(allData)\r\n        : renderTable(allData.filter(item => new Date(item.date).getFullYear() === +year));\r\n    }\r\n\r\n    fetch('get_disclosure_info.php')\r\n      .then(res => res.json())\r\n      .then(data => {\r\n        allData = Array.isArray(data) ? data : [];\r\n        renderTable(allData);\r\n        renderButtons(allData);\r\n      })\r\n      .catch(err => {\r\n        console.error(err);\r\n        document.getElementById('disInfoTable')\r\n          .innerHTML = \"<tr><td colspan='4'>\ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\ub294 \uc911 \uc624\ub958\uac00 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4.<\/td><\/tr>\";\r\n      });\r\n  <\/script>\r\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>\/\u00a0\u00a0 \uae30\uc5c5IR\u00a0 \u00a0\/\u00a0 \u00a0\uacf5\uc2dc\uc815\ubcf4 \uacf5\uc2dc\uc815\ubcf4 \ubc88\ud638 \uc81c\ucd9c\uc77c\uc790 \uacf5\uc2dc\uc81c\ubaa9 \uc81c\ucd9c\uc778<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11096","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=\/wp\/v2\/pages\/11096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11096"}],"version-history":[{"count":212,"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=\/wp\/v2\/pages\/11096\/revisions"}],"predecessor-version":[{"id":26947,"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=\/wp\/v2\/pages\/11096\/revisions\/26947"}],"wp:attachment":[{"href":"https:\/\/www.cosmoamt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}