{"id":12023,"date":"2026-07-17T06:52:20","date_gmt":"2026-07-17T06:52:20","guid":{"rendered":"https:\/\/h9988.cbox.kr\/?p=12023"},"modified":"2026-07-17T08:43:42","modified_gmt":"2026-07-17T08:43:42","slug":"%ec%83%9d%ec%a1%b4%ec%a0%84%eb%9e%b5","status":"publish","type":"post","link":"https:\/\/h9988.cbox.kr\/?p=12023","title":{"rendered":"[\uc0dd\uc874\uc804\ub7b5]"},"content":{"rendered":"\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc5ec\ubc31-\uc784\uc601\uc6c5-3.mp3\"><\/audio><\/figure>\n\n\n\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 (\ub178\ub144 \uc0dd\uc874 \uc804\ub7b5\u00b7\uc2e4\uc804)<\/title>\n  <!-- Tailwind CSS CDN -->\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <!-- Google Fonts: Prettify with Noto Sans KR -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&amp;display=swap\" rel=\"stylesheet\">\n  <style>\n    body {\n      font-family: 'Noto Sans KR', sans-serif;\n      scroll-behavior: smooth;\n    }\n    \/* Custom Scrollbar for better UI *\/\n    ::-webkit-scrollbar {\n      width: 8px;\n    }\n    ::-webkit-scrollbar-track {\n      background: #f1f1f1;\n    }\n    ::-webkit-scrollbar-thumb {\n      background: #cbd5e1;\n      border-radius: 4px;\n    }\n    ::-webkit-scrollbar-thumb:hover {\n      background: #94a3b8;\n    }\n    \/* Print Styles *\/\n    @media print {\n      .no-print { display: none !important; }\n      body { background: white; color: black; }\n    }\n  <\/style>\n\n\n\n  <!-- TOP HEADER & ACCESSIBILITY BAR -->\n  <header class=\"sticky top-0 z-40 bg-white\/95 backdrop-blur border-b border-stone-200 shadow-sm no-print\">\n    <div class=\"max-w-6xl mx-auto px-4 py-3 flex flex-wrap items-center justify-between gap-4\">\n      <!-- Title -->\n      <div class=\"flex items-center gap-2\">\n        <span class=\"text-2xl\">\ud83d\udee1\ufe0f<\/span>\n        <div>\n          <h1 class=\"text-base md:text-lg font-bold text-stone-800 leading-tight\">\ub178\ub144 \uc0dd\uc874 \uc804\ub7b5 \uac00\uc774\ub4dc<\/h1>\n          <p class=\"text-xs text-stone-500\">\uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Controls -->\n      <div class=\"flex items-center gap-3\">\n        <!-- Font Size Controls -->\n        <div class=\"flex items-center bg-stone-100 rounded-lg p-1 border border-stone-200\">\n          <span class=\"text-xs text-stone-500 px-2 font-medium\">\uae00\uc790 \ud06c\uae30<\/span>\n          <button id=\"btn-zoom-out\" class=\"w-8 h-8 flex items-center justify-center bg-white rounded shadow-sm text-stone-700 hover:bg-stone-50 font-bold text-sm transition\" title=\"\uae00\uc790 \uc791\uac8c\">\uac00-<\/button>\n          <span id=\"zoom-level\" class=\"text-xs font-bold px-2 w-10 text-center text-stone-800\">100%<\/span>\n          <button id=\"btn-zoom-in\" class=\"w-8 h-8 flex items-center justify-center bg-white rounded shadow-sm text-stone-700 hover:bg-stone-50 font-bold text-sm transition\" title=\"\uae00\uc790 \ud06c\uac8c\">\uac00+<\/button>\n        <\/div>\n\n        <!-- Light\/Dark\/Warm Themes -->\n        <div class=\"flex items-center bg-stone-100 rounded-lg p-1 border border-stone-200\">\n          <button id=\"theme-light\" class=\"w-7 h-7 rounded-md bg-white border border-stone-300 shadow-sm transition\" title=\"\ubc1d\uc740 \ud14c\ub9c8\"><\/button>\n          <button id=\"theme-warm\" class=\"w-7 h-7 rounded-md bg-amber-50 border border-amber-200 ml-1 shadow-sm transition\" title=\"\ub530\ub73b\ud55c \ud14c\ub9c8\"><\/button>\n          <button id=\"theme-dark\" class=\"w-7 h-7 rounded-md bg-stone-800 border border-stone-900 ml-1 shadow-sm transition\" title=\"\uc5b4\ub450\uc6b4 \ud14c\ub9c8\"><\/button>\n        <\/div>\n\n        <!-- Print Button -->\n        <button onclick=\"window.print()\" class=\"p-2 bg-stone-100 hover:bg-stone-200 text-stone-700 rounded-lg transition text-sm flex items-center gap-1 font-medium border border-stone-200\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-3a2 2 0 00-2-2H9a2 2 0 00-2 2v3a2 2 0 002 2zm0 0v-9a2 2 0 012-2h6a2 2 0 012 2v9m-8-10h.01M8 16h.01\"><\/path><\/svg>\n          <span>\uc778\uc1c4<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- MAIN CONTAINER -->\n  <main class=\"flex-grow max-w-6xl w-full mx-auto px-4 py-8 md:py-12\">\n    \n    <!-- HERO BANNER -->\n    <section class=\"mb-12 text-center max-w-3xl mx-auto\">\n      <div class=\"inline-block bg-amber-100 text-amber-800 px-4 py-1.5 rounded-full text-xs md:text-sm font-bold tracking-wide uppercase mb-4 shadow-sm border border-amber-200\">\n        \ub178\ub144\uae30 \uac74\uac15 \uc624\ud574\uc640 \uc9c4\uc2e4\n      <\/div>\n      <h2 class=\"text-3xl md:text-5xl font-black text-stone-900 mb-6 tracking-tight leading-tight\" id=\"main-title\">\n        \uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358<br class=\"md:hidden\"> <span class=\"text-amber-600\">\uac74\uac15 \uc0c1\uc2dd 20<\/span>\n      <\/h2>\n      <p class=\"text-lg md:text-xl text-stone-600 leading-relaxed font-light\">\n        \ub178\ub144\uc758 \uac74\uac15\uc740 \uc120\ud0dd\uc774 \uc544\ub2cc <strong class=\"font-semibold text-stone-900 underline decoration-amber-500 decoration-2 underline-offset-4\">\uc0b4\uae30 \uc704\ud55c \uae30\uc220<\/strong>\uc785\ub2c8\ub2e4.<br class=\"hidden md:inline\">\n        \uac15\ud55c \uc790\uac00 \uc0b4\uc544\ub0a8\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \ubb34\ub108\uc9c0\uc9c0 \uc54a\ub294 \uc790\uac00 \ub05d\uae4c\uc9c0 \uac11\ub2c8\ub2e4.\n      <\/p>\n    <\/section>\n\n    <!-- CORE PRINCIPLES SUMMARY (STICKY OVERVIEW) -->\n    <section class=\"mb-12 bg-white rounded-2xl p-6 md:p-8 shadow-md border border-stone-200\">\n      <div class=\"flex items-center gap-2 mb-6 border-b border-stone-100 pb-4\">\n        <span class=\"text-2xl\">\u26a0\ufe0f<\/span>\n        <h3 class=\"text-xl font-bold text-stone-800\">\ud575\uc2ec \uc0dd\uc874 \uc6d0\uce59 <span class=\"text-sm text-stone-500 font-normal ml-2\">(\ud55c \uc904 \uc694\uc57d)<\/span><\/h3>\n      <\/div>\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <div class=\"bg-red-50 p-5 rounded-xl border border-red-100 flex items-start gap-3\">\n          <span class=\"text-2xl mt-0.5\">\ud83c\udf4e<\/span>\n          <div>\n            <h4 class=\"font-bold text-red-900 text-base md:text-lg mb-1\">\uba39\ub294 \uac83<\/h4>\n            <p class=\"text-red-700 text-sm md:text-base font-medium\">\u2192 \ucc98\ub9ac \uac00\ub2a5\ud55c \ub9cc\ud07c\ub9cc<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"bg-amber-50 p-5 rounded-xl border border-amber-100 flex items-start gap-3\">\n          <span class=\"text-2xl mt-0.5\">\ud83c\udfc3\u200d\u2642\ufe0f<\/span>\n          <div>\n            <h4 class=\"font-bold text-amber-900 text-base md:text-lg mb-1\">\uc6b4\ub3d9<\/h4>\n            <p class=\"text-amber-700 text-sm md:text-base font-medium\">\u2192 \ub118\uc5b4\uc9c0\uc9c0 \uc54a\uae30 \uc704\ud574<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"bg-emerald-50 p-5 rounded-xl border border-emerald-100 flex items-start gap-3\">\n          <span class=\"text-2xl mt-0.5\">\ud83d\udecc<\/span>\n          <div>\n            <h4 class=\"font-bold text-emerald-900 text-base md:text-lg mb-1\">\uc0dd\ud65c<\/h4>\n            <p class=\"text-emerald-700 text-sm md:text-base font-medium\">\u2192 \ud68c\ubcf5 \uc911\uc2ec\uc73c\ub85c<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"bg-blue-50 p-5 rounded-xl border border-blue-100 flex items-start gap-3\">\n          <span class=\"text-2xl mt-0.5\">\u2696\ufe0f<\/span>\n          <div>\n            <h4 class=\"font-bold text-blue-900 text-base md:text-lg mb-1\">\ud310\ub2e8<\/h4>\n            <p class=\"text-blue-700 text-sm md:text-base font-medium\">\u2192 \ube60\ub974\uac8c, \uacfc\ud558\uc9c0 \uc54a\uac8c<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CONTROLS & FILTERING -->\n    <section class=\"mb-8 flex flex-col md:flex-row gap-4 items-center justify-between no-print\">\n      <!-- Search -->\n      <div class=\"relative w-full md:w-80\">\n        <span class=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-stone-400\">\n          <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\n        <\/span>\n        <input type=\"text\" id=\"search-input\" placeholder=\"\ud0a4\uc6cc\ub4dc \uac80\uc0c9 (\uc608: \uc2dd\uc0ac, \uadfc\uc721...)\" class=\"w-full pl-10 pr-4 py-2.5 rounded-xl border border-stone-300 focus:outline-none focus:ring-2 focus:ring-amber-500 bg-white shadow-sm text-sm\">\n      <\/div>\n\n      <!-- Categories Filter -->\n      <div class=\"flex flex-wrap gap-2 w-full md:w-auto justify-start md:justify-end\">\n        <button data-filter=\"all\" class=\"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-stone-900 text-white border border-stone-950\">\uc804\uccb4\ubcf4\uae30<\/button>\n        <button data-filter=\"eat\" class=\"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-white text-stone-700 border border-stone-200 hover:bg-stone-50\">\ud83c\udf4e \uc2dd\uc0dd\ud65c<\/button>\n        <button data-filter=\"move\" class=\"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-white text-stone-700 border border-stone-200 hover:bg-stone-50\">\ud83c\udfc3\u200d\u2642\ufe0f \uadfc\uc721\u00b7\uad00\uc808<\/button>\n        <button data-filter=\"life\" class=\"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-white text-stone-700 border border-stone-200 hover:bg-stone-50\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/button>\n        <button data-filter=\"judge\" class=\"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-white text-stone-700 border border-stone-200 hover:bg-stone-50\">\u2696\ufe0f \uc758\ub8cc\u00b7\ud310\ub2e8<\/button>\n      <\/div>\n    <\/section>\n\n    <!-- THE 20 HEALTH RULES (MAIN CONTENT) -->\n    <section class=\"mb-16\">\n      <div id=\"rules-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6 transition-all duration-300\">\n        <!-- Cards will be dynamically structured and controlled here, but keeping pure static structure with high readability -->\n        \n        <!-- CARD 1 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life flex-grow\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">01 \/ \uc0dd\uc874 \uac1c\ub860<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2460 \uac74\uac15 \u2013 \uad00\ub9ac\uac00 \uc544\ub2c8\ub77c \u2018\uc0dd\uc874 \uae30\uc220\u2019\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ub178\ub144\uc758 \uac74\uac15\uc740 \uc120\ud0dd\uc774 \uc544\ub2c8\ub2e4. <br>\uc0b4\uae30 \uc704\ud55c \uae30\uc220\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 2 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"eat\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">02 \/ \uc601\uc591 \uc18c\ud654<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2461 \uc2dd\uc0ac \u2013 \ub9ce\uc774\uac00 \uc544\ub2c8\ub77c \u2018\ucc98\ub9ac \uac00\ub2a5\ud55c \uc591\u2019\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc18c\ud654\ub825\uc740 \uc774\ubbf8 \uc904\uc5b4\ub4e4\uc5c8\ub2e4. <br>\ub9ce\uc774 \uba39\uc73c\uba74 \ub0a8\uace0, \ub0a8\uc73c\uba74 \ub3c5\uc774 \ub41c\ub2e4. <br>\uae30\uc900\uc740 \ud558\ub098, \ub0b4\uac00 \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \uc591\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udf4e \uc2dd\uc0dd\ud65c<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 3 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"eat\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">03 \/ \ub2f9\ub1e8 \ud608\ub2f9<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2462 \ud0c4\uc218\ud654\ubb3c \u2013 \ub118\uce58\ub294 \uc21c\uac04 \ubb34\ub108\uc9c4\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ud0c4\uc218\ud654\ubb3c\uc740 \ud544\uc694\ud558\ub2e4.<br>\ud558\uc9c0\ub9cc \ub118\uce58\ub294 \uc21c\uac04 \ud608\ub2f9\u00b7\ud608\uad00\u00b7\ub300\uc0ac\uac00 \ub3d9\uc2dc\uc5d0 \ubb34\ub108\uc9c4\ub2e4. \uc0c1\ud55c\uc120\uc744 \uc9c0\ucf1c\ub77c.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udf4e \uc2dd\uc0dd\ud65c<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 4 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"eat\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">04 \/ \uc2e0\uc7a5 \ub2e8\ubc31\uc9c8<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2463 \ub2e8\ubc31\uc9c8 \u2013 \ub9ce\ub2e4\uace0 \uc88b\uc740 \uac8c \uc544\ub2c8\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ud544\uc694\ud558\ub2e4. <br>\uadf8\ub7ec\ub098 \uacfc\ud558\uba74 \uc2e0\uc7a5\uc5d0 \ubd80\ub2f4\uc774 \ub41c\ub2e4. <br>\ud2b9\ud788 \ub178\ub144\uc740 \uc591\ubcf4\ub2e4 \ud6a8\uc728\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udf4e \uc2dd\uc0dd\ud65c<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 5 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"move\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">05 \/ \uadfc\ub825 \ubb34\uae30<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2464 \uadfc\uc721 \u2013 \ub9c8\uc9c0\ub9c9\uae4c\uc9c0 \ub0a8\uaca8\uc57c \ud560 \uc790\uc0b0\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uadfc\uc721\uc740 \ud798\uc774 \uc544\ub2c8\ub77c \uc0dd\uc874 \uc7a5\ube44\ub2e4. <br>\ub118\uc5b4\uc9d0, \ud68c\ubcf5, \ud608\ub2f9 \uc804\ubd80 \uc5ec\uae30\uc11c \uacb0\uc815\ub41c\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udfc3\u200d\u2642\ufe0f \uadfc\uc721\u00b7\uad00\uc808<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 6 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"move\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">06 \/ \ub099\uc0c1 \uc548\uc804<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2465 \ub099\uc0c1 \u2013 \ud55c \ubc88\uc774\uba74 \uc778\uc0dd\uc774 \ubc14\ub010\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ub178\ub144 \uac74\uac15\uc758 \ucd5c\ub300 \ub9ac\uc2a4\ud06c\ub2e4.<br>\uc6b4\ub3d9\uc758 \ubaa9\uc801\uc740 \uccb4\ub825\uc774 \uc544\ub2c8\ub77c \ub118\uc5b4\uc9c0\uc9c0 \uc54a\ub294 \ubab8\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udfc3\u200d\u2642\ufe0f \uadfc\uc721\u00b7\uad00\uc808<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 7 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"move\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">07 \/ \uc2e0\uacbd \uade0\ud615<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2466 \uade0\ud615\uac10\uac01 \u2013 \ud6c8\ub828\ud558\uc9c0 \uc54a\uc73c\uba74 \uc0ac\ub77c\uc9c4\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ub208, \uadc0, \ubc1c\uc774 \ud568\uaed8 \uc791\ub3d9\ud574\uc57c \ud55c\ub2e4. <br>\uc774\uac74 \uc790\uc5f0 \uc720\uc9c0\uac00 \uc544\ub2c8\ub2e4. <br>\ucca0\uc800\ud55c \ud6c8\ub828 \uc601\uc5ed\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udfc3\u200d\u2642\ufe0f \uadfc\uc721\u00b7\uad00\uc808<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 8 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"move\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">08 \/ \uac77\uae30 \ubc29\uc5b4<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2467 \uac77\uae30 \u2013 \ucd5c\uace0\uc758 \uc57d\uc774\uc790 \ucd5c\ud6c4\uc758 \ubc29\uc5b4\uc120\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uac78\uc744 \uc218 \uc788\uc73c\uba74 \uc0b0\ub2e4. <br>\ubabb \uac78\uc73c\uba74 \uae09\uaca9\ud788 \ubb34\ub108\uc9c4\ub2e4.<br>\uc18d\ub3c4\ubcf4\ub2e4 \uc911\uc694\ud55c \uac74 \ub04a\uae30\uc9c0 \uc54a\ub294 \uc9c0\uc18d\uc131\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udfc3\u200d\u2642\ufe0f \uadfc\uc721\u00b7\uad00\uc808<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 9 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">09 \/ \uc218\uba74 \ubcf4\ub8e8<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2468 \uc218\uba74 \u2013 \ud68c\ubcf5\uc758 \ub9c8\uc9c0\ub9c9 \ubcf4\ub8e8\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc7a0\uc774 \ubb34\ub108\uc9c0\uba74 \ubab8\uc740 \ud68c\ubcf5\uc744 \ud3ec\uae30\ud55c\ub2e4. \ub178\ub144\uc77c\uc218\ub85d \uc218\uba74\uc774 \uace7 \uc0dd\uba85\ub825\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 10 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"eat\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">10 \/ \uc7a5 \ubc30\ucd9c<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2469 \ubcc0\ube44 \u2013 \uc791\uc740 \ubb38\uc81c\uac00 \uc544\ub2c8\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc7a5 \uc815\uccb4\ub294 \ub3c5\uc18c \uc815\uccb4\ub2e4. <br>\uc2dd\uc0ac\ubcf4\ub2e4 \uba3c\uc800 \ubc30\ucd9c\uc774 \uc6b0\uc120\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udf4e \uc2dd\uc0dd\ud65c<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 11 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"judge\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">11 \/ \uc57d\ubb3c \uac04\uc2e0<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u246a \uc57d \u2013 \uce58\ub8cc\uc774\uba74\uc11c \ub3d9\uc2dc\uc5d0 \ubd80\ub2f4\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc57d\uc740 \ud544\uc694\ud558\ub2e4. <br>\uadf8\ub7ec\ub098 \ub9ce\uc544\uc9c8\uc218\ub85d \uac04\uacfc \uc2e0\uc7a5\uc758 \ubd80\ub2f4\uc774 \ucee4\uc9c4\ub2e4.<br>\ucd5c\uc18c\ud55c\uc73c\ub85c, \uc815\ud655\ud558\uac8c \uba39\ub294 \uac83\uc774 \uc6d0\uce59\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\u2696\ufe0f \uc758\ub8cc\u00b7\ud310\ub2e8<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 12 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"judge\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">12 \/ \uc758\ub8cc \uc870\uae30<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u246b \ubcd1\uc6d0 \u2013 \ub2a6\uc73c\uba74 \uc758\ubbf8\uac00 \uc5c6\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ucc38\ub2e4\uac00 \uac00\ub294 \uc21c\uac04 \uc774\ubbf8 \ub2a6\uc740 \uacbd\uc6b0\uac00 \ub9ce\ub2e4. <br>\ub178\ub144\uc740 \uc870\uae30 \ub300\uc751\uc774 \uace7 \uc0dd\uc874\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\u2696\ufe0f \uc758\ub8cc\u00b7\ud310\ub2e8<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 13 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">13 \/ \uc628\uae30 \uccb4\uc628<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u246c \uccb4\uc628 \u2013 \ub5a8\uc5b4\uc9c0\uba74 \ub05d\uc774 \ubcf4\uc778\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc800\uccb4\uc628\uc740 \ud68c\ubcf5\ub825 \uc800\ud558\ub2e4. <br>\ubab8\uc774 \ucc28\uac00\uc6cc\uc9c0\uba74 \uc0dd\uba85 \ud65c\ub3d9\uc774 \ub454\ud654\ub41c\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 14 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">14 \/ \uc2ec\uc2e0 \ud654\uac15<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u246d \uc2a4\ud2b8\ub808\uc2a4 \u2013 \ubb34\uc2dc\ud558\uba74 \ubab8\uc774 \ub300\uc2e0 \ub9de\ub294\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ub178\ub144\uc758 \uc2a4\ud2b8\ub808\uc2a4\ub294 \ubab8\uc73c\ub85c \ubc14\ub85c \ub098\ud0c0\ub09c\ub2e4.<br>\ud608\uc555, \uc2ec\uc7a5, \uc218\uba74 \uc804\ubd80 \uc5f0\uacb0\ub418\uc5b4 \uc788\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 15 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">15 \/ \uc5f0\ub300 \uace0\ub9bd<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u246e \uad00\uacc4 \u2013 \uace0\ub9bd\uc740 \ubcd1\ubcf4\ub2e4 \ube60\ub974\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc0ac\ub78c\uc774 \ub04a\uae30\uba74 \uc0b6\uc758 \uc758\uc9c0\ub3c4 \uac19\uc774 \ub04a\uae34\ub2e4. <br>\uac74\uac15\uc740 \ubab8\ub9cc\uc758 \ubb38\uc81c\uac00 \uc544\ub2c8\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 16 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">16 \/ \ubcc0\ud654 \uc778\uc9c0<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u246f \uc2b5\uad00 \u2013 \ubc14\uafb8\uc9c0 \uc54a\uc73c\uba74 \uadf8\ub300\ub85c \uac04\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ub178\ub144\uc5d0\ub3c4 \ubcc0\ud654\ub294 \uac00\ub2a5\ud558\ub2e4. <br>\ud558\uc9c0\ub9cc \uc758\ub3c4\ud558\uc9c0 \uc54a\uc73c\uba74 \uc808\ub300 \uc548 \ubc14\ub010\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 17 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"move\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">17 \/ \uc2ec\uc801 \uc548\uc804<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2470 \uc18d\ub3c4 \u2013 \ucc9c\ucc9c\ud788\uac00 \uc544\ub2c8\ub77c \u2018\uc548\uc815\u2019\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \ub290\ub9b0 \uac83\uc774 \uc911\uc694\ud55c \uac8c \uc544\ub2c8\ub2e4.<br>\ud754\ub4e4\ub9ac\uc9c0 \uc54a\ub294 \uac83\uc774 \uc911\uc694\ud558\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83c\udfc3\u200d\u2642\ufe0f \uadfc\uc721\u00b7\uad00\uc808<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 18 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"life\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">18 \/ \ud604\uc7ac \uad00\ub9ac<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2471 \ubaa9\ud45c \u2013 \uae38\uac8c \ubcf4\uc9c0 \ub9d0\uace0 \u2018\uc624\ub298\u2019\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uba40\ub9ac \ubcf4\uba74 \uc9c0\uce5c\ub2e4.<br>\ub178\ub144 \uac74\uac15\uc740 \ud558\ub8e8 \ub2e8\uc704 \uad00\ub9ac\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\ud83d\udecc \uc77c\uc0c1\u00b7\uad00\uacc4<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 19 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"judge\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">19 \/ \uacfc\uc789 \uc815\ubcf4<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2472 \uc815\ubcf4 \u2013 \ub9ce\uc744\uc218\ub85d \uc704\ud5d8\ud558\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc9c0\uc2dd\uc774 \uc544\ub2c8\ub77c \uc120\ud0dd\uc774 \uac74\uac15\uc744 \ub9cc\ub4e0\ub2e4. <br>\uacfc\uc789 \uc815\ubcf4\ub294 \uc624\ud788\ub824 \ub3c5\uc774\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\u2696\ufe0f \uc758\ub8cc\u00b7\ud310\ub2e8<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <!-- CARD 20 -->\n        <div class=\"rule-card bg-white rounded-2xl border border-stone-200 shadow-sm hover:shadow-md transition duration-300 p-6 md:p-8 flex flex-col justify-between\" data-categories=\"judge\">\n          <div>\n            <div class=\"flex items-center justify-between mb-4\">\n              <span class=\"text-xs font-black tracking-widest text-amber-600 uppercase\">20 \/ \uc8fd\uc74c \uc870\uc808<\/span>\n              <button class=\"bookmark-btn text-stone-300 hover:text-amber-500 transition text-xl\" title=\"\ubd81\ub9c8\ud06c\ud558\uae30\">\u2605<\/button>\n            <\/div>\n            <h3 class=\"font-extrabold text-stone-900 text-xl md:text-2xl mb-3 leading-snug card-title\">\u2473 \uc8fd\uc74c \u2013 \ud53c\ud558\ub294 \uac8c \uc544\ub2c8\ub77c \ub2a6\ucd94\ub294 \uac83\uc774\ub2e4.<\/h3>\n            <p class=\"text-stone-600 leading-relaxed mb-4 card-desc font-normal\">\n              \uc644\ubcbd\ud55c \uac74\uac15\uc740 \uc5c6\ub2e4.<br>\ud558\uc9c0\ub9cc \uc18d\ub3c4\ub294 \uc870\uc808\ud560 \uc218 \uc788\ub2e4. <br>\uadf8\uac8c \uc9c4\uc9dc \uad00\ub9ac\ub2e4.\n            <\/p>\n          <\/div>\n          <div class=\"mt-4 pt-4 border-t border-stone-100 flex items-center justify-between\">\n            <span class=\"text-xs bg-stone-100 text-stone-600 px-2.5 py-1 rounded-full font-medium\">\u2696\ufe0f \uc758\ub8cc\u00b7\ud310\ub2e8<\/span>\n            <label class=\"inline-flex items-center gap-1.5 cursor-pointer\">\n              <input type=\"checkbox\" class=\"action-checkbox rounded border-stone-300 text-amber-600 focus:ring-amber-500 w-4.5 h-4.5\">\n              <span class=\"text-xs text-stone-500 font-semibold select-none\">\uc624\ub298\uc758 \uc2e4\ucc9c \uc644\ub8cc<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- FINAL CONCLUSION CARD -->\n    <section class=\"mb-16 bg-gradient-to-br from-stone-900 to-stone-800 text-white rounded-3xl p-8 md:p-12 shadow-xl border border-stone-950 text-center relative overflow-hidden\">\n      <div class=\"absolute top-0 right-0 transform translate-x-12 -translate-y-12 opacity-10 text-9xl\">\ud83d\udee1\ufe0f<\/div>\n      <div class=\"relative z-10 max-w-2xl mx-auto\">\n        <span class=\"inline-block bg-amber-500 text-stone-950 font-bold px-4 py-1 rounded-full text-xs uppercase tracking-widest mb-6\">\ucd5c\uc885 \uacb0\ub860<\/span>\n        <h3 class=\"text-2xl md:text-4xl font-extrabold mb-6 leading-snug\" id=\"final-conclusion-title\">\n          \ud83d\udccc \ub178\ub144 \uac74\uac15\uc740 \uc6b4\uc774 \uc544\ub2c8\ub2e4. <span class=\"text-amber-400\">\uc804\ub7b5\uc774\ub2e4.<\/span>\n        <\/h3>\n        <p class=\"text-lg md:text-xl text-stone-300 leading-relaxed font-light\">\n          \uac15\ud55c \uc0ac\ub78c\uc774 \uc0ac\ub294 \uac8c \uc544\ub2c8\ub77c <br class=\"md:hidden\">\n          <strong class=\"text-white font-bold underline decoration-amber-400 decoration-wavy decoration-2 underline-offset-8\">\ubb34\ub108\uc9c0\uc9c0 \uc54a\ub294 \uc0ac\ub78c\uc774 \ub05d\uae4c\uc9c0 \uac04\ub2e4.<\/strong>\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <!-- INTERACTIVE DASHBOARD \/ PROGRESS STATISTICS -->\n    <section class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-16 no-print\">\n      <!-- Read Status Tracker -->\n      <div class=\"bg-white rounded-2xl border border-stone-200 p-6 flex flex-col justify-between\">\n        <div>\n          <h4 class=\"font-bold text-stone-800 text-lg mb-2 flex items-center gap-1.5\">\n            <span>\ud83d\udcdd<\/span> \uc624\ub298\uc758 \uc0dd\uc874 \uc2e4\ucc9c\uc728\n          <\/h4>\n          <p class=\"text-xs text-stone-500 mb-4\">20\uac00\uc9c0 \uc0dd\uc874 \uc6d0\uce59 \uc911 \uc624\ub298 \uc9c0\ucf1c\ub0b8 \ud56d\ubaa9\ub4e4\uc785\ub2c8\ub2e4.<\/p>\n        <\/div>\n        <div class=\"mt-4\">\n          <div class=\"flex justify-between items-end mb-2\">\n            <span class=\"text-2xl font-black text-amber-600\" id=\"checked-count\">0 <span class=\"text-xs text-stone-500 font-medium\">\/ 20 \uc644\ub8cc<\/span><\/span>\n            <span class=\"text-xs font-bold text-stone-600 bg-stone-100 px-2 py-0.5 rounded\" id=\"percentage-label\">0%<\/span>\n          <\/div>\n          <div class=\"w-full bg-stone-100 rounded-full h-3.5 border border-stone-200 overflow-hidden\">\n            <div id=\"progress-bar\" class=\"bg-amber-500 h-full w-0 transition-all duration-500 ease-out\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Bookmarked Card Tracker -->\n      <div class=\"bg-white rounded-2xl border border-stone-200 p-6 flex flex-col justify-between\">\n        <div>\n          <h4 class=\"font-bold text-stone-800 text-lg mb-2 flex items-center gap-1.5\">\n            <span>\u2b50<\/span> \ub0b4\uac8c \uac00\uc7a5 \uc808\uc2e4\ud55c \uc218\uce59\n          <\/h4>\n          <p class=\"text-xs text-stone-500 mb-4\">\uc9d1\uc911 \uad00\ub9ac\ud558\uae30 \uc704\ud574 \ubcc4\ud45c(\u2605)\ud55c \ub098\uc758 \ud2b9\ubcc4 \uce74\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n        <\/div>\n        <div id=\"starred-placeholder\" class=\"text-stone-400 text-sm py-4 text-center italic\">\n          \uce74\ub4dc\uc758 \ubcc4\ud45c\ub97c \ub20c\ub7ec \ub098\ub9cc\uc758 \uc0dd\uc874 \uac00\uc774\ub4dc\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uc138\uc694.\n        <\/div>\n        <ul id=\"starred-list\" class=\"space-y-2 max-h-36 overflow-y-auto hidden\">\n          <!-- Dynamic list -->\n        <\/ul>\n      <\/div>\n\n      <!-- Quick Action: Pledge -->\n      <div class=\"bg-stone-900 text-stone-100 rounded-2xl p-6 flex flex-col justify-between border border-stone-950\">\n        <div>\n          <h4 class=\"font-bold text-white text-lg mb-2 flex items-center gap-1.5\">\n            <span>\u270d\ufe0f<\/span> \ub098\uc758 \uac74\uac15 \uc0dd\uc874 \ub2e4\uc9d0\n          <\/h4>\n          <p class=\"text-xs text-stone-400 mb-3\">\uc2a4\uc2a4\ub85c\uc640 \uc57d\uc18d\ud560 \ud575\uc2ec \ubaa9\ud45c\ub97c \uc801\uc5b4\ub450\uc138\uc694.<\/p>\n          <textarea id=\"pledge-text\" placeholder=\"\uc608: \uc624\ub298 \ubb34\ub9ac\ud558\uc9c0 \uc54a\uace0 '\ucc98\ub9ac \uac00\ub2a5\ud55c \uc591'\ub9cc \uba39\uace0, 30\ubd84 \uc548\uc815\uc801\uc73c\ub85c \uac77\uae30\ub97c \ud574\ub0b4\uaca0\ub2e4!\" class=\"w-full h-20 bg-stone-800 text-sm rounded-lg p-2.5 text-stone-200 placeholder-stone-500 focus:outline-none focus:ring-1 focus:ring-amber-500 border border-stone-700\"><\/textarea>\n        <\/div>\n        <div class=\"flex justify-between items-center mt-2\">\n          <span class=\"text-[10px] text-stone-500 font-mono\">\u203b \uc774 \ub2e4\uc9d0\uc740 \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc784\uc2dc \ubcf4\uad00\ub429\ub2c8\ub2e4.<\/span>\n          <button id=\"btn-save-pledge\" class=\"bg-amber-500 text-stone-950 font-bold px-3 py-1.5 rounded-lg text-xs hover:bg-amber-400 transition shadow\">\uc800\uc7a5<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- FOOTER -->\n  <footer class=\"bg-white border-t border-stone-200 py-8 text-center text-xs md:text-sm text-stone-500 mt-auto no-print\">\n    <div class=\"max-w-6xl mx-auto px-4\">\n      <p class=\"font-semibold text-stone-700 mb-2\">\uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 (\ub178\ub144 \uc0dd\uc874 \uc804\ub7b5\u00b7\uc2e4\uc804)<\/p>\n      <p>\ubcf8 \ucf58\ud150\uce20\ub294 \uc758\ud559\uc801 \uce58\ub8cc\ub97c \ub300\uccb4\ud558\ub294 \uc804\ubb38 \uc9c4\ub2e8\uc774 \uc544\ub2c8\uba70, \ub178\ud6c4\uc758 \uc0b6\uc744 \ub4e0\ub4e0\ud788 \uc9c0\ud0f1\ud574 \uc904 \uc0dd\ud65c \ucca0\ud559\uacfc \ud589\ub3d9 \uc804\ub7b5 \uc9c0\uce68\uc785\ub2c8\ub2e4.<\/p>\n      <p class=\"mt-4 text-[11px] text-stone-400\">\u00a9 2026 Senior Health Survival Strategy. All Rights Reserved.<\/p>\n    <\/div>\n  <\/footer>\n\n  <!-- SCRIPT FOR WEB DOCUMENT INTERACTIONS -->\n  <script>\n    \/\/ System zoom & scale logic (Custom typography adjustments for accessibility)\n    let zoomPercent = 100;\n    const btnZoomIn = document.getElementById('btn-zoom-in');\n    const btnZoomOut = document.getElementById('btn-zoom-out');\n    const zoomLevelEl = document.getElementById('zoom-level');\n    const cardsContainer = document.getElementById('rules-container');\n    const cardTitles = document.querySelectorAll('.card-title');\n    const cardDescriptions = document.querySelectorAll('.card-desc');\n    const mainTitle = document.getElementById('main-title');\n    const conclusionTitle = document.getElementById('final-conclusion-title');\n\n    function applyZoom() {\n      zoomLevelEl.textContent = `${zoomPercent}%`;\n      \n      \/\/ Calculate font scale multiplier\n      const scale = zoomPercent \/ 100;\n      \n      \/\/ Modify main title\n      mainTitle.style.fontSize = `${Math.max(1.8, 3 * scale)}rem`;\n      conclusionTitle.style.fontSize = `${Math.max(1.2, 1.8 * scale)}rem`;\n\n      \/\/ Modify elements inside cards\n      cardTitles.forEach(title => {\n        title.style.fontSize = `${Math.max(1.1, 1.4 * scale)}rem`;\n      });\n      cardDescriptions.forEach(desc => {\n        desc.style.fontSize = `${Math.max(0.9, 1.15 * scale)}rem`;\n      });\n    }\n\n    btnZoomIn.addEventListener('click', () => {\n      if (zoomPercent < 150) {\n        zoomPercent += 10;\n        applyZoom();\n      }\n    });\n\n    btnZoomOut.addEventListener('click', () => {\n      if (zoomPercent > 80) {\n        zoomPercent -= 10;\n        applyZoom();\n      }\n    });\n\n    \/\/ Theme switching logic\n    const themeLight = document.getElementById('theme-light');\n    const themeWarm = document.getElementById('theme-warm');\n    const themeDark = document.getElementById('theme-dark');\n\n    themeLight.addEventListener('click', () => {\n      document.body.className = \"bg-stone-50 text-stone-900 min-h-screen flex flex-col transition-colors duration-300\";\n      document.querySelectorAll('.rule-card').forEach(card => {\n        card.classList.replace('bg-stone-900', 'bg-white');\n        card.classList.replace('text-white', 'text-stone-900');\n        card.classList.replace('border-stone-800', 'border-stone-200');\n      });\n    });\n\n    themeWarm.addEventListener('click', () => {\n      document.body.className = \"bg-amber-50\/50 text-stone-900 min-h-screen flex flex-col transition-colors duration-300\";\n      document.querySelectorAll('.rule-card').forEach(card => {\n        card.classList.replace('bg-stone-900', 'bg-white');\n        card.classList.replace('text-white', 'text-stone-900');\n        card.classList.replace('border-stone-800', 'border-stone-200');\n      });\n    });\n\n    themeDark.addEventListener('click', () => {\n      document.body.className = \"bg-stone-950 text-stone-100 min-h-screen flex flex-col transition-colors duration-300\";\n      document.querySelectorAll('.rule-card').forEach(card => {\n        card.classList.replace('bg-white', 'bg-stone-900');\n        card.classList.replace('text-stone-900', 'text-white');\n        card.classList.replace('border-stone-200', 'border-stone-800');\n      });\n    });\n\n    \/\/ Filter cards logic\n    const filterButtons = document.querySelectorAll('.filter-btn');\n    const ruleCards = document.querySelectorAll('.rule-card');\n\n    filterButtons.forEach(btn => {\n      btn.addEventListener('click', () => {\n        \/\/ Toggle selected styling\n        filterButtons.forEach(b => {\n          b.className = \"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-white text-stone-700 border border-stone-200 hover:bg-stone-50\";\n        });\n        btn.className = \"filter-btn px-4 py-2 rounded-xl text-xs md:text-sm font-semibold transition shadow-sm bg-stone-900 text-white border border-stone-950\";\n\n        const filterVal = btn.getAttribute('data-filter');\n        ruleCards.forEach(card => {\n          const cardCategories = card.getAttribute('data-categories');\n          if (filterVal === 'all' || cardCategories.includes(filterVal)) {\n            card.classList.remove('hidden');\n          } else {\n            card.classList.add('hidden');\n          }\n        });\n      });\n    });\n\n    \/\/ Search input logic\n    const searchInput = document.getElementById('search-input');\n    searchInput.addEventListener('input', (e) => {\n      const query = e.target.value.toLowerCase().trim();\n      ruleCards.forEach(card => {\n        const titleText = card.querySelector('.card-title').textContent.toLowerCase();\n        const descText = card.querySelector('.card-desc').textContent.toLowerCase();\n        if (titleText.includes(query) || descText.includes(query)) {\n          card.classList.remove('hidden');\n        } else {\n          card.classList.add('hidden');\n        }\n      });\n    });\n\n    \/\/ Interactive Checklist Tracker\n    const checkboxes = document.querySelectorAll('.action-checkbox');\n    const checkedCountEl = document.getElementById('checked-count');\n    const percentageLabel = document.getElementById('percentage-label');\n    const progressBar = document.getElementById('progress-bar');\n\n    function updateProgress() {\n      let checkedCount = 0;\n      checkboxes.forEach(cb => {\n        if (cb.checked) checkedCount++;\n      });\n      const pct = Math.round((checkedCount \/ 20) * 100);\n      checkedCountEl.innerHTML = `${checkedCount} <span class=\"text-xs text-stone-500 font-medium\">\/ 20 \uc644\ub8cc<\/span>`;\n      percentageLabel.textContent = `${pct}%`;\n      progressBar.style.width = `${pct}%`;\n    }\n\n    checkboxes.forEach(cb => {\n      cb.addEventListener('change', updateProgress);\n    });\n\n    \/\/ Bookmark\/Favorite logic\n    const bookmarkButtons = document.querySelectorAll('.bookmark-btn');\n    const starredPlaceholder = document.getElementById('starred-placeholder');\n    const starredList = document.getElementById('starred-list');\n\n    function updateStarredList() {\n      starredList.innerHTML = '';\n      let hasStarred = false;\n\n      bookmarkButtons.forEach((btn, index) => {\n        if (btn.classList.contains('starred')) {\n          hasStarred = true;\n          const card = btn.closest('.rule-card');\n          const title = card.querySelector('.card-title').textContent;\n          const shortTitle = title.split(' \u2013 ')[0] || title;\n          \n          const li = document.createElement('li');\n          li.className = \"flex items-center justify-between bg-stone-50 text-stone-800 text-xs p-2.5 rounded-lg border border-stone-200 shadow-sm\";\n          li.innerHTML = `\n            <span class=\"font-bold truncate max-w-[200px]\">${shortTitle}<\/span>\n            <button onclick=\"removeStarByIndex(${index})\" class=\"text-amber-500 hover:text-stone-400 font-bold\">\uc81c\uac70<\/button>\n          `;\n          starredList.appendChild(li);\n        }\n      });\n\n      if (hasStarred) {\n        starredPlaceholder.classList.add('hidden');\n        starredList.classList.remove('hidden');\n      } else {\n        starredPlaceholder.classList.remove('hidden');\n        starredList.classList.add('hidden');\n      }\n    }\n\n    bookmarkButtons.forEach((btn, index) => {\n      btn.addEventListener('click', () => {\n        if (btn.classList.contains('starred')) {\n          btn.classList.remove('starred', 'text-amber-500');\n          btn.classList.add('text-stone-300');\n          btn.textContent = '\u2605';\n        } else {\n          btn.classList.add('starred', 'text-amber-500');\n          btn.classList.remove('text-stone-300');\n          btn.textContent = '\u2605';\n        }\n        updateStarredList();\n      });\n    });\n\n    \/\/ Handle removal from list directly\n    window.removeStarByIndex = function(index) {\n      const btn = bookmarkButtons[index];\n      if (btn) {\n        btn.classList.remove('starred', 'text-amber-500');\n        btn.classList.add('text-stone-300');\n        btn.textContent = '\u2605';\n        updateStarredList();\n      }\n    };\n\n    \/\/ Save pledge message\n    const pledgeText = document.getElementById('pledge-text');\n    const btnSavePledge = document.getElementById('btn-save-pledge');\n\n    \/\/ Retrieve saved pledge on load if exists\n    if (localStorage.getItem('senior_health_pledge')) {\n      pledgeText.value = localStorage.getItem('senior_health_pledge');\n    }\n\n    btnSavePledge.addEventListener('click', () => {\n      localStorage.setItem('senior_health_pledge', pledgeText.value);\n      \/\/ Brief toast substitute (safe inside iframe environment)\n      const prevText = btnSavePledge.textContent;\n      btnSavePledge.textContent = '\uc800\uc7a5 \uc644\ub8cc!';\n      btnSavePledge.className = \"bg-emerald-600 text-white font-bold px-3 py-1.5 rounded-lg text-xs shadow\";\n      setTimeout(() => {\n        btnSavePledge.textContent = prevText;\n        btnSavePledge.className = \"bg-amber-500 text-stone-950 font-bold px-3 py-1.5 rounded-lg text-xs hover:bg-amber-400 transition shadow\";\n      }, 1500);\n    });\n\n    \/\/ Initialize\n    applyZoom();\n  <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-8ddd5bca\"><h2 class=\"uagb-heading-text\"><strong>[\uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20]&nbsp;<\/strong><\/h2><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">(\ub178\ub144 \uc0dd\uc874 \uc804\ub7b5\u00b7\uc2e4\uc804)<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f7eaea\"><strong>\u2460 \uac74\uac15 \u2013 \uad00\ub9ac\uac00 \uc544\ub2c8\ub77c \u2018\uc0dd\uc874 \uae30\uc220\u2019\uc774\ub2e4.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144\uc758 \uac74\uac15\uc740 \uc120\ud0dd\uc774 \uc544\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0b4\uae30 \uc704\ud55c \uae30\uc220\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2461 \uc2dd\uc0ac \u2013 \ub9ce\uc774\uac00 \uc544\ub2c8\ub77c \u2018\ucc98\ub9ac \uac00\ub2a5\ud55c \uc591\u2019\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18c\ud654\ub825\uc740 \uc774\ubbf8 \uc904\uc5b4\ub4e4\uc5c8\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub9ce\uc774 \uba39\uc73c\uba74 \ub0a8\uace0, \ub0a8\uc73c\uba74 \ub3c5\uc774 \ub41c\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uae30\uc900\uc740 \ud558\ub098, \ub0b4\uac00 \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \uc591\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f4dbe0\"><strong>\u2462 \ud0c4\uc218\ud654\ubb3c \u2013 \ub118\uce58\ub294 \uc21c\uac04 \ubb34\ub108\uc9c4\ub2e4.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud0c4\uc218\ud654\ubb3c\uc740 \ud544\uc694\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \ub118\uce58\ub294 \uc21c\uac04 \ud608\ub2f9\u00b7\ud608\uad00\u00b7\ub300\uc0ac\uac00 \ub3d9\uc2dc\uc5d0 \ubb34\ub108\uc9c4\ub2e4. \uc0c1\ud55c\uc120\uc744 \uc9c0\ucf1c\ub77c.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2463 \ub2e8\ubc31\uc9c8 \u2013 \ub9ce\ub2e4\uace0 \uc88b\uc740 \uac8c \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud544\uc694\ud558\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub7ec\ub098 \uacfc\ud558\uba74 \uc2e0\uc7a5\uc5d0 \ubd80\ub2f4\uc774 \ub41c\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \ub178\ub144\uc740 \uc591\ubcf4\ub2e4 \ud6a8\uc728\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f0d4db\"><strong>\u2464 \uadfc\uc721 \u2013 \ub9c8\uc9c0\ub9c9\uae4c\uc9c0 \ub0a8\uaca8\uc57c \ud560 \uc790\uc0b0\uc774\ub2e4.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadfc\uc721\uc740 \ud798\uc774 \uc544\ub2c8\ub77c \uc0dd\uc874 \uc7a5\ube44\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub118\uc5b4\uc9d0, \ud68c\ubcf5, \ud608\ub2f9 \uc804\ubd80 \uc5ec\uae30\uc11c \uacb0\uc815\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2465 \ub099\uc0c1 \u2013 \ud55c \ubc88\uc774\uba74 \uc778\uc0dd\uc774 \ubc14\ub010\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144 \uac74\uac15\uc758 \ucd5c\ub300 \ub9ac\uc2a4\ud06c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6b4\ub3d9\uc758 \ubaa9\uc801\uc740 \uccb4\ub825\uc774 \uc544\ub2c8\ub77c \ub118\uc5b4\uc9c0\uc9c0 \uc54a\ub294 \ubab8\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f6dde2\"><strong>\u2466 \uade0\ud615\uac10\uac01 \u2013 \ud6c8\ub828\ud558\uc9c0 \uc54a\uc73c\uba74 \uc0ac\ub77c\uc9c4\ub2e4.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub208, \uadc0, \ubc1c\uc774 \ud568\uaed8 \uc791\ub3d9\ud574\uc57c \ud55c\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\uac74 \uc790\uc5f0 \uc720\uc9c0\uac00 \uc544\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucca0\uc800\ud55c \ud6c8\ub828 \uc601\uc5ed\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2467 \uac77\uae30 \u2013 \ucd5c\uace0\uc758 \uc57d\uc774\uc790 \ucd5c\ud6c4\uc758 \ubc29\uc5b4\uc120\uc774\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac78\uc744 \uc218 \uc788\uc73c\uba74 \uc0b0\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubabb \uac78\uc73c\uba74 \uae09\uaca9\ud788 \ubb34\ub108\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc18d\ub3c4\ubcf4\ub2e4 \uc911\uc694\ud55c \uac74 \ub04a\uae30\uc9c0 \uc54a\ub294 \uc9c0\uc18d\uc131\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f6d7db\"><strong>\u2468 \uc218\uba74 \u2013 \ud68c\ubcf5\uc758 \ub9c8\uc9c0\ub9c9 \ubcf4\ub8e8\uc774\ub2e4.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc7a0\uc774 \ubb34\ub108\uc9c0\uba74 \ubab8\uc740 \ud68c\ubcf5\uc744 \ud3ec\uae30\ud55c\ub2e4. \ub178\ub144\uc77c\uc218\ub85d \uc218\uba74\uc774 \uace7 \uc0dd\uba85\ub825\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2469 \ubcc0\ube44 \u2013 \uc791\uc740 \ubb38\uc81c\uac00 \uc544\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc7a5 \uc815\uccb4\ub294 \ub3c5\uc18c \uc815\uccb4\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2dd\uc0ac\ubcf4\ub2e4 \uba3c\uc800 \ubc30\ucd9c\uc774 \uc6b0\uc120\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f4d8de\"><strong>\u246a \uc57d \u2013 \uce58\ub8cc\uc774\uba74\uc11c \ub3d9\uc2dc\uc5d0 \ubd80\ub2f4\uc774\ub2e4.<\/strong>\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc57d\uc740 \ud544\uc694\ud558\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub7ec\ub098 \ub9ce\uc544\uc9c8\uc218\ub85d \uac04\uacfc \uc2e0\uc7a5\uc758 \ubd80\ub2f4\uc774 \ucee4\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd5c\uc18c\ud55c\uc73c\ub85c, \uc815\ud655\ud558\uac8c \uba39\ub294 \uac83\uc774 \uc6d0\uce59\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u246b \ubcd1\uc6d0 \u2013 \ub2a6\uc73c\uba74 \uc758\ubbf8\uac00 \uc5c6\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucc38\ub2e4\uac00 \uac00\ub294 \uc21c\uac04 \uc774\ubbf8 \ub2a6\uc740 \uacbd\uc6b0\uac00 \ub9ce\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144\uc740 \uc870\uae30 \ub300\uc751\uc774 \uace7 \uc0dd\uc874\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f8e1e7\"><strong>\u246c \uccb4\uc628 \u2013 \ub5a8\uc5b4\uc9c0\uba74 \ub05d\uc774 \ubcf4\uc778\ub2e4.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc800\uccb4\uc628\uc740 \ud68c\ubcf5\ub825 \uc800\ud558\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubab8\uc774 \ucc28\uac00\uc6cc\uc9c0\uba74 \uc0dd\uba85 \ud65c\ub3d9\uc774 \ub454\ud654\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u246d \uc2a4\ud2b8\ub808\uc2a4 \u2013 \ubb34\uc2dc\ud558\uba74 \ubab8\uc774 \ub300\uc2e0 \ub9de\ub294\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144\uc758 \uc2a4\ud2b8\ub808\uc2a4\ub294 \ubab8\uc73c\ub85c \ubc14\ub85c \ub098\ud0c0\ub09c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud608\uc555, \uc2ec\uc7a5, \uc218\uba74 \uc804\ubd80 \uc5f0\uacb0\ub418\uc5b4 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f3dbe0\"><strong>\u246e \uad00\uacc4 \u2013 \uace0\ub9bd\uc740 \ubcd1\ubcf4\ub2e4 \ube60\ub974\ub2e4.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\ub78c\uc774 \ub04a\uae30\uba74 \uc0b6\uc758 \uc758\uc9c0\ub3c4 \uac19\uc774 \ub04a\uae34\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac74\uac15\uc740 \ubab8\ub9cc\uc758 \ubb38\uc81c\uac00 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u246f \uc2b5\uad00 \u2013 \ubc14\uafb8\uc9c0 \uc54a\uc73c\uba74 \uadf8\ub300\ub85c \uac04\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144\uc5d0\ub3c4 \ubcc0\ud654\ub294 \uac00\ub2a5\ud558\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \uc758\ub3c4\ud558\uc9c0 \uc54a\uc73c\uba74 \uc808\ub300 \uc548 \ubc14\ub010\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f6e0e6\"><strong>\u2470 \uc18d\ub3c4 \u2013 \ucc9c\ucc9c\ud788\uac00 \uc544\ub2c8\ub77c \u2018\uc548\uc815\u2019\uc774\ub2e4.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub290\ub9b0 \uac83\uc774 \uc911\uc694\ud55c \uac8c \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud754\ub4e4\ub9ac\uc9c0 \uc54a\ub294 \uac83\uc774 \uc911\uc694\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2471 \ubaa9\ud45c \u2013 \uae38\uac8c \ubcf4\uc9c0 \ub9d0\uace0 \u2018\uc624\ub298\u2019\uc774\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uba40\ub9ac \ubcf4\uba74 \uc9c0\uce5c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144 \uac74\uac15\uc740 \ud558\ub8e8 \ub2e8\uc704 \uad00\ub9ac\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f0d1d8\"><strong>\u2472 \uc815\ubcf4 \u2013 \ub9ce\uc744\uc218\ub85d \uc704\ud5d8\ud558\ub2e4.\u00a0<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc9c0\uc2dd\uc774 \uc544\ub2c8\ub77c \uc120\ud0dd\uc774 \uac74\uac15\uc744 \ub9cc\ub4e0\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacfc\uc789 \uc815\ubcf4\ub294 \uc624\ud788\ub824 \ub3c5\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2473 \uc8fd\uc74c \u2013 \ud53c\ud558\ub294 \uac8c \uc544\ub2c8\ub77c \ub2a6\ucd94\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc644\ubcbd\ud55c \uac74\uac15\uc740 \uc5c6\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \uc18d\ub3c4\ub294 \uc870\uc808\ud560 \uc218 \uc788\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\uac8c \uc9c4\uc9dc \uad00\ub9ac\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u26a0\ufe0f \ud575\uc2ec \uc0dd\uc874 \uc6d0\uce59<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;(\ud55c \uc904 \uc694\uc57d)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u318d\uba39\ub294 \uac83 \u2192 \ucc98\ub9ac \uac00\ub2a5\ud55c \ub9cc\ud07c\ub9cc<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;\u318d\uc6b4\ub3d9 \u2192 \ub118\uc5b4\uc9c0\uc9c0 \uc54a\uae30 \uc704\ud574<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;\u318d\uc0dd\ud65c \u2192 \ud68c\ubcf5 \uc911\uc2ec\uc73c\ub85c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;\u318d\ud310\ub2e8 \u2192 \ube60\ub974\uac8c, \uacfc\ud558\uc9c0 \uc54a\uac8c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udccc \ucd5c\uc885 \uacb0\ub860<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub178\ub144 \uac74\uac15\uc740 \uc6b4\uc774 \uc544\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc804\ub7b5\uc774\ub2e4.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac15\ud55c \uc0ac\ub78c\uc774 \uc0ac\ub294 \uac8c \uc544\ub2c8\ub77c \ubb34\ub108\uc9c0\uc9c0 \uc54a\ub294 \uc0ac\ub78c\uc774 \ub05d\uae4c\uc9c0 \uac04\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 (\ub178\ub144 \uc0dd\uc874 \uc804\ub7b5\u00b7\uc2e4\uc804) \ud83d\udee1\ufe0f \ub178\ub144 \uc0dd\uc874 \uc804\ub7b5 \uac00\uc774\ub4dc \uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 \uae00\uc790 \ud06c\uae30 \uac00- 100% \uac00+ \uc778\uc1c4 \ub178\ub144\uae30 \uac74\uac15 \uc624\ud574\uc640 \uc9c4\uc2e4 \uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 \ub178\ub144\uc758 \uac74\uac15\uc740 \uc120\ud0dd\uc774 \uc544\ub2cc \uc0b4\uae30 \uc704\ud55c \uae30\uc220\uc785\ub2c8\ub2e4. \uac15\ud55c \uc790\uac00 \uc0b4\uc544\ub0a8\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \ubb34\ub108\uc9c0\uc9c0 \uc54a\ub294 \uc790\uac00 \ub05d\uae4c\uc9c0 \uac11\ub2c8\ub2e4. \u26a0\ufe0f \ud575\uc2ec [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12015,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","pgc_sgb_lightbox_settings":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-12023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-12"],"views":20,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20.jpg",1820,1024,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20-150x150.jpg",150,150,true],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20-300x169.jpg",300,169,true],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20-768x432.jpg",768,432,true],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\uc6b0\ub9ac\uac00-\uc18d\uace0-\uc0b4\uc558\ub358-\uac74\uac15-\uc0c1\uc2dd-20.jpg",1820,1024,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 (\ub178\ub144 \uc0dd\uc874 \uc804\ub7b5\u00b7\uc2e4\uc804) \ud83d\udee1\ufe0f \ub178\ub144 \uc0dd\uc874 \uc804\ub7b5 \uac00\uc774\ub4dc \uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 \uae00\uc790 \ud06c\uae30 \uac00- 100% \uac00+ \uc778\uc1c4 \ub178\ub144\uae30 \uac74\uac15 \uc624\ud574\uc640 \uc9c4\uc2e4 \uc6b0\ub9ac\uac00 \uc18d\uace0 \uc0b4\uc558\ub358 \uac74\uac15 \uc0c1\uc2dd 20 \ub178\ub144\uc758 \uac74\uac15\uc740 \uc120\ud0dd\uc774 \uc544\ub2cc \uc0b4\uae30 \uc704\ud55c \uae30\uc220\uc785\ub2c8\ub2e4. \uac15\ud55c \uc790\uac00 \uc0b4\uc544\ub0a8\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \ubb34\ub108\uc9c0\uc9c0 \uc54a\ub294 \uc790\uac00 \ub05d\uae4c\uc9c0 \uac11\ub2c8\ub2e4. \u26a0\ufe0f \ud575\uc2ec&hellip;","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12023"}],"version-history":[{"count":6,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12023\/revisions"}],"predecessor-version":[{"id":12034,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12023\/revisions\/12034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/12015"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}