{"id":2793,"date":"2026-08-07T15:29:23","date_gmt":"2026-08-07T06:29:23","guid":{"rendered":"https:\/\/haruola365.com\/?page_id=2793"},"modified":"2026-08-12T12:25:17","modified_gmt":"2026-08-12T03:25:17","slug":"card-news","status":"publish","type":"page","link":"https:\/\/haruola365.com\/index.php\/card-news\/","title":{"rendered":"\uad6c\ub3c5\uc790\ub4e4\uc758 \ub180\uc774\ud130"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2793\" class=\"elementor elementor-2793\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77acf38 e-flex e-con-boxed e-con e-parent\" data-id=\"77acf38\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54307c0 elementor-widget elementor-widget-html\" data-id=\"54307c0\" 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<style>\r\n.haruola-playground-hero {\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin: 0 auto 22px;\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n  box-shadow: 0 12px 28px rgba(0, 0, 0, .10);\r\n}\r\n\r\n.haruola-playground-hero img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .haruola-playground-hero {\r\n    margin-bottom: 16px;\r\n    border-radius: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"haruola-playground-hero\" aria-label=\"\uad6c\ub3c5\uc790\uc758 \ub180\uc774\ud130\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/haruola365.com\/wordpress\/wp-content\/uploads\/2026\/08\/\ud558\ub8e8\uc62c\ub77c_\uce74\ub4dc\ub274\uc2a4\uce74\ud14c\uace0\ub9ac.png\"\r\n    alt=\"\ud558\ub8e8\uc62c\ub77c365 \uad6c\ub3c5\uc790\uc758 \ub180\uc774\ud130\"\r\n   title=\"\uad6c\ub3c5\uc790\ub4e4\uc758 \ub180\uc774\ud130\">\r\n<\/section>\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-e5298aa e-flex e-con-boxed e-con e-parent\" data-id=\"e5298aa\" 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-468ea28 elementor-widget elementor-widget-html\" data-id=\"468ea28\" 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<!-- HARUOLA365 \uad6c\ub3c5\uc790\uc758 \ub180\uc774\ud130 \uac04\ud310 FINAL -->\r\n<style>\r\n.haru-playground-signboard,\r\n.haru-playground-signboard * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.haru-playground-signboard {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    min-height: 210px;\r\n    margin: 0 auto 24px;\r\n    padding: 48px 70px;\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n    rgba(235, 72, 18, .86),\r\n    rgba(190, 35, 18, .88)\r\n),\r\n        url(\"https:\/\/haruola365.com\/wordpress\/wp-content\/uploads\/2026\/07\/HARUOLA365_JOURNAL_TEXTURE_FINAL.webp\");\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-blend-mode: color;\r\n\r\n    border-radius: 22px;\r\n    box-shadow: 0 12px 26px rgba(75, 24, 18, .20);\r\n}\r\n\r\n.haru-playground-brand {\r\n    margin: 0;\r\n    color: #f1d493;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: .20em;\r\n    line-height: 1.4;\r\n}\r\n\r\n.haru-playground-line {\r\n    width: 36px;\r\n    height: 2px;\r\n    margin: 14px 0 22px;\r\n    background: #f1d493;\r\n}\r\n\r\n.haru-playground-title {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-family: inherit;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    line-height: 1.22;\r\n    letter-spacing: -.03em;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, .18);\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .haru-playground-signboard {\r\n        min-height: 125px;\r\n        margin-bottom: 10px;\r\n        padding: 24px 26px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .haru-playground-brand {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .haru-playground-line {\r\n        margin: 10px 0 15px;\r\n    }\r\n\r\n    .haru-playground-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"haru-playground-signboard\">\r\n    <div class=\"haru-playground-brand\">\r\n        HARUOLA365 PLAYGROUND\r\n    <\/div>\r\n\r\n    <div class=\"haru-playground-line\"><\/div>\r\n\r\n    <div class=\"haru-playground-title\">\r\n        \ud558\ub8e8\uc758 \uce74\ub4dc\ub274\uc2a4\r\n    <\/div>\r\n<\/section>\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-28da858 e-flex e-con-boxed e-con e-parent\" data-id=\"28da858\" 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-3680264 elementor-widget elementor-widget-html\" data-id=\"3680264\" 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<style>\r\n.haruola-playground-grid-wrap {\r\n  width: 100%;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 34px 0 70px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.haruola-playground-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, minmax(0, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n\/* \uccab \uc904 4\uce78 *\/\r\n.haruola-playground-card {\r\n  grid-column: span 3;\r\n  display: block;\r\n  overflow: hidden;\r\n  color: #1d1d1d;\r\n  background: #ffffff;\r\n  border: 1px solid #e4e4e4;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n\r\n\r\n.haruola-playground-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.haruola-playground-thumb {\r\n  width: 100%;\r\n  aspect-ratio: 1 \/ 1;\r\n  overflow: hidden;\r\n  background: #f3f3f3;\r\n}\r\n\r\n.haruola-playground-thumb img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.haruola-playground-card-title {\r\n  margin: 0;\r\n  padding: 16px 15px 7px;\r\n  font-size: 17px;\r\n  line-height: 1.45;\r\n  font-weight: 700;\r\n  word-break: keep-all;\r\n}\r\n\r\n.haruola-playground-card-date {\r\n  display: block;\r\n  padding: 0 15px 16px;\r\n  color: #777777;\r\n  font-size: 12px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.haruola-playground-empty {\r\n  grid-column: 1 \/ -1;\r\n  padding: 65px 20px;\r\n  border: 1px dashed #c9c9c9;\r\n  border-radius: 12px;\r\n  color: #777777;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .haruola-playground-grid-wrap {\r\n    padding: 28px 20px 60px;\r\n  }\r\n\r\n  .haruola-playground-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .haruola-playground-card,\r\n  .haruola-playground-card:nth-child(n+5) {\r\n    grid-column: auto;\r\n  }\r\n}\r\n\r\n\/* PC \ud654\uba74: \uc774\ubbf8\uc9c0\uc640 \uce74\ub4dc\ub274\uc2a4 \uac04\ud310 \ubd99\uc774\uae30 *\/\r\n@media (min-width: 768px) {\r\n  .haru-playground-signboard {\r\n    margin-top: -40px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .e-con:has(.haruola-playground-hero),\r\n  .e-con:has(.haru-playground-signboard),\r\n  .e-con:has(.haruola-playground-grid-wrap) {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    gap: 0 !important;\r\n  }\r\n\r\n  .elementor-widget-html:has(.haruola-playground-hero),\r\n  .elementor-widget-html:has(.haru-playground-signboard),\r\n  .elementor-widget-html:has(.haruola-playground-grid-wrap),\r\n  .elementor-widget-html:has(.haruola-playground-hero) > .elementor-widget-container,\r\n  .elementor-widget-html:has(.haru-playground-signboard) > .elementor-widget-container,\r\n  .elementor-widget-html:has(.haruola-playground-grid-wrap) > .elementor-widget-container {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .haruola-playground-hero,\r\n  .haru-playground-signboard {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .haruola-playground-hero,\r\n  .haru-playground-signboard {\r\n    margin-top: -21px !important;\r\n  }\r\n\r\n  .haruola-playground-grid-wrap {\r\n    width: 100%;\r\n    margin: -18px 0 0;\r\n    padding: 0 14px 40px;\r\n  }\r\n\r\n  .haruola-playground-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .haruola-playground-card { border-radius: 8px; }\r\n  .haruola-playground-card-title {\r\n    padding: 11px 10px 5px;\r\n    font-size: 14px;\r\n  }\r\n  .haruola-playground-card-date {\r\n    padding: 0 10px 11px;\r\n    font-size: 11px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"haruola-playground-grid-wrap\" aria-label=\"\uad6c\ub3c5\uc790\uc758 \ub180\uc774\ud130 \uce74\ub4dc\ub274\uc2a4\">\r\n  <div id=\"haruola-playground-grid\" class=\"haruola-playground-grid\">\r\n    <div class=\"haruola-playground-empty\">\r\n      \ub180\uc774\ud130\uc758 \uccab \ubc88\uc9f8 \uce74\ub4dc\ub274\uc2a4\ub97c \uc900\ube44\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const apiBase = \"https:\/\/haruola365.com\/wp-json\/wp\/v2\";\r\n  const grid = document.getElementById(\"haruola-playground-grid\");\r\n  if (!grid) return;\r\n\r\n  function escapeHtml(value) {\r\n    const div = document.createElement(\"div\");\r\n    div.textContent = value || \"\";\r\n    return div.innerHTML;\r\n  }\r\n\r\n  fetch(apiBase + \"\/categories?slug=playground\")\r\n    .then(function (response) {\r\n      if (!response.ok) throw new Error(\"\uce74\ud14c\uace0\ub9ac \ud655\uc778 \uc2e4\ud328\");\r\n      return response.json();\r\n    })\r\n    .then(function (categories) {\r\n      if (!categories.length) throw new Error(\"\ub180\uc774\ud130 \uce74\ud14c\uace0\ub9ac \uc5c6\uc74c\");\r\n      return fetch(\r\n        apiBase + \"\/posts?categories=\" + categories[0].id +\r\n        \"&per_page=10&orderby=date&order=desc&_embed=1\"\r\n      );\r\n    })\r\n    .then(function (response) {\r\n      if (!response.ok) throw new Error(\"\uac8c\uc2dc\ubb3c \ubd88\ub7ec\uc624\uae30 \uc2e4\ud328\");\r\n      return response.json();\r\n    })\r\n    .then(function (posts) {\r\n      if (!posts.length) return;\r\n\r\n      grid.innerHTML = posts.map(function (post) {\r\n        const media = post._embedded &&\r\n          post._embedded[\"wp:featuredmedia\"] &&\r\n          post._embedded[\"wp:featuredmedia\"][0];\r\n\r\n        const image = media\r\n          ? media.source_url\r\n          : \"https:\/\/haruola365.com\/wordpress\/wp-content\/uploads\/2026\/08\/\ud558\ub8e8\uc62c\ub77c\ub85c\uace0\ud22c\uba85\ucd5c\uc885-removebg.png\";\r\n\r\n        const title = post.title && post.title.rendered\r\n          ? post.title.rendered.replace(\/<[^>]*>\/g, \"\")\r\n          : \"\ud558\ub8e8\uc62c\ub77c \uce74\ub4dc\ub274\uc2a4\";\r\n\r\n        const date = new Date(post.date).toLocaleDateString(\r\n          \"ko-KR\",\r\n          { year: \"numeric\", month: \"2-digit\", day: \"2-digit\" }\r\n        );\r\n\r\n        return (\r\n          '<a class=\"haruola-playground-card\" href=\"' + \"https:\/\/haruola365.com\/?p=\" + post.id + '\">' +\r\n            '<div class=\"haruola-playground-thumb\">' +\r\n              '<img decoding=\"async\" src=\"' + image + '\" alt=\"' + escapeHtml(title) + '\" loading=\"lazy\">' +\r\n            '<\/div>' +\r\n            '<h3 class=\"haruola-playground-card-title\">' + escapeHtml(title) + '<\/h3>' +\r\n            '<span class=\"haruola-playground-card-date\">' + date + '<\/span>' +\r\n          '<\/a>'\r\n        );\r\n      }).join(\"\");\r\n    })\r\n    .catch(function () {\r\n      grid.innerHTML =\r\n        '<div class=\"haruola-playground-empty\">' +\r\n        '\ub180\uc774\ud130\uc758 \uccab \ubc88\uc9f8 \uce74\ub4dc\ub274\uc2a4\ub97c \uc900\ube44\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.' +\r\n        '<\/div>';\r\n    });\r\n})();\r\n<\/script>\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>HARUOLA365 PLAYGROUND \ud558\ub8e8\uc758 \uce74\ub4dc\ub274\uc2a4 \ub180\uc774\ud130\uc758 \uccab \ubc88\uc9f8 \uce74\ub4dc\ub274\uc2a4\ub97c \uc900\ube44\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2793","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"haruola365","author_link":"https:\/\/haruola365.com\/index.php\/author\/haruola365\/"},"uagb_comment_info":0,"uagb_excerpt":"HARUOLA365 PLAYGROUND \ud558\ub8e8\uc758 \uce74\ub4dc\ub274\uc2a4 \ub180\uc774\ud130\uc758 \uccab \ubc88\uc9f8 \uce74\ub4dc\ub274\uc2a4\ub97c \uc900\ube44\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.","_links":{"self":[{"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/pages\/2793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/comments?post=2793"}],"version-history":[{"count":22,"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/pages\/2793\/revisions"}],"predecessor-version":[{"id":2910,"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/pages\/2793\/revisions\/2910"}],"wp:attachment":[{"href":"https:\/\/haruola365.com\/index.php\/wp-json\/wp\/v2\/media?parent=2793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}