{"id":12406,"date":"2026-10-18T03:12:19","date_gmt":"2026-10-18T03:12:19","guid":{"rendered":"https:\/\/h9988.cbox.kr\/?p=12406"},"modified":"2026-10-18T06:11:37","modified_gmt":"2026-10-18T06:11:37","slug":"%ea%b2%b0%ea%b5%ad-%eb%82%a8%eb%8a%94-%ea%b2%83%ec%9d%80-%ec%82%ac%eb%9e%8c%ec%9d%b4%eb%8b%a4","status":"publish","type":"post","link":"https:\/\/h9988.cbox.kr\/?p=12406","title":{"rendered":"[\uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4]"},"content":{"rendered":"
\n
\"\"
\uc5d0\ud53c\ucfe0\ub85c\uc2a4 \ud589\ubcf5\ub860<\/figcaption><\/figure>\n<\/div>\n\n\n
    \n
  1. \ud2b9\uc815 \ub2e8\uc5b4\ub97c \ub20c\ub7ec [\uc6f9\uac80\uc0c9] \ud574 \ubcf4\uc138\uc694 !<\/li>\n\n\n\n
  2. \uc0c1\ub2e8\uc758 [Health9988,1234] \ub204\ub974\uba74 \uae00 \ubaa9\ub85d\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4 !<\/li>\n<\/ol>\n\n\n\n\n \n \uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4 – \uc778\ud3ec\uadf8\ub798\ud53d<\/title>\n <!-- Tailwind CSS CDN -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n warm: '#E07A5F',\n cream: '#F4F1DE',\n slate: '#3D405B',\n green: '#81B29A',\n yellow: '#F2CC8F',\n }\n },\n fontFamily: {\n sans: ['Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <!-- Google Fonts: 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&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans KR', sans-serif;\n letter-spacing: -0.025em;\n word-break: keep-all;\n overflow-x: hidden;\n -webkit-tap-highlight-color: transparent;\n background-color: #f8fafc;\n }\n\n \/* Exact text preservation styling *\/\n .verbatim-text {\n white-space: pre-wrap;\n word-break: break-word;\n line-height: 1.9;\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: rgba(0,0,0,0.05);\n }\n ::-webkit-scrollbar-thumb {\n background: #E07A5F;\n border-radius: 3px;\n }\n\n \/* Fade-in scroll animation effect *\/\n .fade-in-section {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n will-change: opacity, transform;\n }\n .fade-in-section.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n\n\n\n <!-- Sticky Header Controls -->\n <header class=\"sticky top-0 z-50 backdrop-blur-md bg-white\/90 border-b border-slate-200 transition-colors duration-300\">\n <div class=\"max-w-md mx-auto px-4 py-3 flex items-center justify-between\">\n <div class=\"flex items-center space-x-2\">\n <span class=\"text-xl\">\u2764\ufe0f<\/span>\n <h1 class=\"text-base font-bold text-slate-900 truncate\">\uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4<\/h1>\n <\/div>\n \n <!-- Quick Utility Toolbar -->\n <div class=\"flex items-center space-x-1 sm:space-x-2\">\n <!-- Text Size Adjuster -->\n <button id=\"btnFont\" onclick=\"toggleFontSize()\" class=\"p-2 rounded-full hover:bg-slate-100 text-slate-700 transition\" title=\"\uae00\uc790 \ud06c\uae30 \ubcc0\uacbd\">\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=\"M3 5h12M9 5v14m0 0H7m2 0h2m4-8h7m-3.5 0v8m0 0h-2m2 0h2\"><\/path><\/svg>\n <\/button>\n <!-- Share Button -->\n <button onclick=\"copyToClipboard()\" class=\"p-2 rounded-full hover:bg-slate-100 text-slate-700 transition\" title=\"\uae00 \ubcf5\uc0ac\ud558\uae30\">\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=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Main Container -->\n <main class=\"max-w-md mx-auto px-4 pt-6 space-y-8 pb-32\" id=\"articleContainer\">\n\n <!-- Hero Card Header -->\n <section class=\"fade-in-section bg-gradient-to-br from-[#E07A5F] to-[#c2593d] text-white p-6 rounded-3xl shadow-xl text-center relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 -mt-6 -mr-6 w-24 h-24 bg-white\/20 rounded-full blur-xl pointer-events-none\"><\/div>\n <span class=\"inline-block px-3 py-1 bg-white\/20 backdrop-blur-md rounded-full text-xs font-bold tracking-wide mb-3 text-white\">\uc778\ud3ec\uadf8\ub798\ud53d \uc5d0\uc138\uc774<\/span>\n <h1 class=\"text-2xl font-black leading-snug tracking-tight mb-2 text-white\">\n \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740<br>\uc0ac\ub78c\uc774\ub2e4.\u2764\ufe0f\n <\/h1>\n <p class=\"text-sm font-bold text-white\/95\">\uc0b6\uc758 \uae4a\uc740 \ubb34\uac8c\uc640 \ucc38\ub41c \uad00\uacc4\uc758 \uac00\uce58\uc5d0 \ub300\ud558\uc5ec<\/p>\n <\/section>\n\n <!-- Key Takeaways Highlights -->\n <section class=\"fade-in-section grid grid-cols-3 gap-2 text-center\">\n <div class=\"bg-white p-3 rounded-2xl border border-slate-200 shadow-sm\">\n <div class=\"text-2xl mb-1\">\ud83d\udc38<\/div>\n <div class=\"text-xs font-black text-slate-900\">\ub9d0\ud558\ub294 \uac1c\uad6c\ub9ac<\/div>\n <div class=\"text-[10px] font-bold text-slate-600 mt-0.5\">\ud654\ub824\ud568 \ub300\uc2e0 \ub300\ud654<\/div>\n <\/div>\n <div class=\"bg-white p-3 rounded-2xl border border-slate-200 shadow-sm\">\n <div class=\"text-2xl mb-1\">\ud83e\udd1d<\/div>\n <div class=\"text-xs font-black text-slate-900\">\ud568\uaed8\ud558\ub294 \uc874\uc7ac<\/div>\n <div class=\"text-[10px] font-bold text-slate-600 mt-0.5\">\uac00\uc9d0\ubcf4\ub2e4 \ub098\ub214<\/div>\n <\/div>\n <div class=\"bg-white p-3 rounded-2xl border border-slate-200 shadow-sm\">\n <div class=\"text-2xl mb-1\">\ud83c\udfdb\ufe0f<\/div>\n <div class=\"text-xs font-black text-slate-900\">\uc5d0\ud53c\ucfe0\ub85c\uc2a4<\/div>\n <div class=\"text-[10px] font-bold text-slate-600 mt-0.5\">\ucd5c\ub300\uc758 \ud589\ubcf5\uc740 \uce5c\uad6c<\/div>\n <\/div>\n <\/section>\n\n <!-- Full Original Article Text View -->\n <article class=\"fade-in-section bg-white rounded-3xl p-6 sm:p-7 shadow-sm border border-slate-200 transition-all duration-200\">\n <!-- Badge -->\n <div class=\"flex items-center justify-between border-b border-slate-200 pb-3 mb-5\">\n <span class=\"text-xs font-bold text-[#E07A5F] bg-[#E07A5F]\/15 px-2.5 py-1 rounded-md\">\uc6d0\ubb38 \uc644\ubcbd \ubcf4\uc874<\/span>\n <span class=\"text-xs font-bold text-slate-600\">\uae00 \uc77d\uae30 \uc2dc\uac04: \uc57d 2\ubd84<\/span>\n <\/div>\n\n <!-- PRESERVED VERBATIM TEXT -->\n <div id=\"textContent\" class=\"verbatim-text text-base text-slate-900 leading-relaxed font-normal\">\u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \n\uc0ac\ub78c\uc774\ub2e4.\u2764\ufe0f \n\n\uc5b4\ub290 \ub0a0\n\ud55c \ub178\uc778\uc774 \uac1c\uad6c\ub9ac \ud55c \ub9c8\ub9ac\ub97c \uc7a1\uc558\uc2b5\ub2c8\ub2e4.\n\n\uadf8 \uac1c\uad6c\ub9ac\ub294\n\ub180\ub78d\uac8c\ub3c4 \ub610\ub837\ud55c \ubaa9\uc18c\ub9ac\ub85c \ub9d0\uc744 \uac74\ub138\uc2b5\ub2c8\ub2e4.\n\n\u201c\uc800\uc5d0\uac8c\n\ud0a4\uc2a4\ub97c \ud574\uc8fc\uc2dc\uba74\n\uc800\ub294 \uc544\ub984\ub2e4\uc6b4 \uacf5\uc8fc\ub85c\n\ubcc0\ud560 \uac70\uc608\uc694.\u201d\n\n\uadf8 \ub9d0\uc740\n\ub3d9\ud654 \uc18d\uc5d0\uc11c\ub098 \ub4e4\uc744 \ubc95\ud55c \uc774\uc57c\uae30 \uc600\uc2b5\ub2c8\ub2e4.\n\n\ud558\uc9c0\ub9cc\n\ub178\uc778\uc740 \uc7a0\uc2dc\ub3c4 \ub9dd\uc124\uc774\uc9c0 \uc54a\uace0\n\uac1c\uad6c\ub9ac\ub97c \uc870\uc6a9\ud788\n\uc8fc\uba38\ub2c8 \uc18d\uc5d0 \ub123\uc5b4\ubc84\ub838\uc2b5\ub2c8\ub2e4.\n\n\ub2f9\ud669\ud55c\n\uac1c\uad6c\ub9ac\uac00 \ub2e4\uc2dc \ubb3c\uc5c8\uc2b5\ub2c8\ub2e4.\n\n\u201c\ud0a4\uc2a4\ub97c\n\ud558\uba74 \uacf5\uc8fc\uac00 \ub418\uc5b4 \ud568\uaed8 \uc0b4 \uc218 \uc788\ub294\ub370\uc694.\n\uc65c \uadf8\ub7ec\uc9c0 \uc54a\uc73c\uc138\uc694?\u201d\n\n\ub178\uc778\uc740\n\ud53c\uc2dd \uc6c3\uc73c\uba70 \ub9d0\ud588\uc2b5\ub2c8\ub2e4.\n\n\u201c\uc194\uc9c1\ud788 \ub9d0\ud574\uc904\uae4c?\n\ub108\ub3c4 \n\ub0b4 \ub098\uc774\uac00 \ub418\uc5b4 \ubcf4\uba74 \uc54c \uac70\uc57c.\n\uacf5\uc8fc\ubcf4\ub2e4\n\ub9d0\ud558\ub294 \uac1c\uad6c\ub9ac\uac00 \ub354 \uc88b\ub2e4\ub294\uac78.\u201d\n\n\uadf8\uc758 \ub9d0\uc5d0\ub294 \ub18d\ub2f4\ucc98\ub7fc \ub4e4\ub9ac\uc9c0\ub9cc\n\uc0b6\uc744 \uc624\ub798 \uc0b4\uc544\ub0b8 \uc0ac\ub78c\ub9cc\uc774\n\uc54c \uc218 \uc788\ub294 \ubb34\uac8c\uac00 \ub2f4\uaca8 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.\n\n\uc80a\uc744 \ub54c\ub294\n\ub208\ubd80\uc2e0 \uac83\uc5d0 \ub9c8\uc74c\uc774 \ub04c\ub9bd\ub2c8\ub2e4.\n\n\ud654\ub824\ud55c \uac83, \uc544\ub984\ub2e4\uc6b4 \uac83,\n\ub0a8\ub4e4\uc774 \ubd80\ub7ec\uc6cc\ud560 \ub9cc\ud55c\n\uac83\ub4e4\uc5d0 \uc190\uc774 \uba3c\uc800 \uac11\ub2c8\ub2e4.\n\n\uadf8\ub7ec\ub098\n\uc138\uc6d4\uc774 \ud750\ub974\uace0 \ub098\uba74\n\uc0ac\ub78c\uc758 \uae30\uc900\uc740\n\uc870\uae08\uc529 \ub2ec\ub77c\uc9d1\ub2c8\ub2e4.\n\n\uac89\ubaa8\uc2b5\uc758 \ubc18\uc9dd\uc784\ubcf4\ub2e4\n\ub9c8\uc74c\uc744 \ub098\ub20c \uc218 \uc788\ub294 \uc2dc\uac04\uc774 \ub354 \uc18c\uc911\ud574\uc9d1\ub2c8\ub2e4.\n\n\ud568\uaed8 \uc6c3\uace0, \ud568\uaed8 \ub9d0\ud558\uace0,\n\uc544\ubb34 \ub9d0 \uc5c6\uc774\ub3c4 \uc11c\ub85c\ub97c\n\uc774\ud574\ud560 \uc218 \uc788\ub294 \uc874\uc7ac.\n\uadf8\ub7f0 \uc0ac\ub78c\uc774 \uacc1\uc5d0 \uc788\ub2e4\ub294 \uac83\ub9cc\uc73c\ub85c\ub3c4\n\uc0b6\uc740 \ud6e8\uc52c \ub530\ub73b\ud574\uc9d1\ub2c8\ub2e4.\n\n\uc740\ud1f4\uc758\n\ubb38\ud131\uc744 \ub118\uc5b4\uc11c\uba74 \ub354\ub354\uc6b1\n\uadf8\ub807\uc2b5\ub2c8\ub2e4.\n\n\ud558\ub8e8\uac00 \uae38\uc5b4\uc9c0\uace0\n\uc138\uc0c1\uacfc\uc758 \uac70\ub9ac\uac00 \uc870\uae08\uc529\n\uba40\uc5b4\uc9c8 \ub54c,\n\n\uadf8 \uc2dc\uac04\uc744\n\ud568\uaed8 \ucc44\uc6cc\uc904 \uc0ac\ub78c\uc774 \uc788\ub2e4\ub294 \uac83\uc740\n\uc0dd\uac01\ubcf4\ub2e4\n\ud070 \uc704\ub85c\uac00 \ub429\ub2c8\ub2e4.\n\n\uadf8\ub798\uc11c\n\uadf8 \ub178\uc778\uc740 \uacf5\uc8fc\uac00 \uc544\ub2c8\ub77c,\n\uc5b8\uc81c\ub4e0 \uaebc\ub0b4\uc5b4 \ub9d0\uc744\n\ub098\ub20c \uc218 \uc788\ub294 \u2018\uce5c\uad6c\u2019\ub97c \uc120\ud0dd\ud588\ub358 \uac83\uc785\ub2c8\ub2e4.\n\n\uace0\ub300\n\uadf8\ub9ac\uc2a4\uc758 \ucca0\ud559\uc790 \uc5d0\ud53c\ucfe0\ub85c\uc2a4\ub294\n\uc774\ub807\uac8c \ub9d0\ud588\uc2b5\ub2c8\ub2e4.\n\n\u201c\uc0ac\ub78c\uc774\n\ud3c9\uc0dd\uc744 \ud589\ubcf5\ud558\uac8c \uc0b4\uc544\uac00\uae30 \uc704\ud574 \ud544\uc694\ud55c \uac83 \uac00\uc6b4\ub370 \uac00\uc7a5 \uc704\ub300\ud55c \uac83\uc740 \uce5c\uad6c\ub2e4.\u201d\n\n\uacb0\uad6d \uc0b6\uc744\n\uc544\ub984\ub2f5\uac8c \ub9cc\ub4dc\ub294 \uac83\uc740 \ubb34\uc5c7\uc744 \uac00\uc84c\ub290\ub0d0\uac00 \uc544\ub2c8\ub77c\n\ub204\uad6c\uc640 \ud568\uaed8\ud558\ub290\ub0d0 \uc77c\uc9c0\ub3c4 \ubaa8\ub985\ub2c8\ub2e4.\n\n\ub9d0 \ud55c\ub9c8\ub514\n\uac74\ub12c \uc0ac\ub78c\uc774 \uc788\uace0,\n\uadf8 \ub9d0\uc5d0 \uc6c3\uc5b4\uc904 \uc0ac\ub78c\uc774 \uc788\ub294 \uac83.\n\uadf8\uac83\uc774\n\uc6b0\ub9ac\uac00 \uc0b4\uc544\uac00\ub294 \uc774\uc720\uac00 \ub418\uace0\n\ub610 \ubc84\ud2f8 \ud798\uc774 \ub429\ub2c8\ub2e4.\n\n\uc624\ub298\n\ubb38\ub4dd \uc0dd\uac01\ud574 \ubd05\ub2c8\ub2e4.\n\n\ub098\ub294\n\ub204\uad70\uac00\uc5d0\uac8c \uadf8\ub7f0 \uce5c\uad6c\uac00 \ub418\uc5b4\uc8fc\uace0\n\uc788\ub294\uc9c0.\n\n\uadf8\ub9ac\uace0\n\ub098 \uc5ed\uc2dc \ub9c8\uc74c \ub193\uace0 \uc774\uc57c\uae30\ub97c \uaebc\ub0bc \uc218 \uc788\ub294\n\uc0ac\ub78c\uc744 \uacc1\uc5d0 \ub450\uace0 \uc788\ub294\uc9c0\n\n\uc6b0\ub9ac\ub294\n\ub354 \ub9ce\uc774 \uac00\uc9c0\uae30 \uc704\ud574 \uc560\uc4f0\uba70\n\uc0b4\uc544\uc654\uc2b5\ub2c8\ub2e4.\n\n\uc774\uc81c\ub294\n\ub354 \uae4a\uc774 \ub098\ub204\uae30 \uc704\ud574 \uc0b4\uc544\uac00\ub3c4\n\uc88b\uaca0\uc2b5\ub2c8\ub2e4.\n\n\uacc1\uc5d0 \uc788\ub294\n\ud55c \uc0ac\ub78c\uc744 \ub354 \ub530\ub73b\ud558\uac8c \ubc14\ub77c\ubcf4\ub294 \uac83\n\uac83\uc774 \uc0b6\uc744\n\ub2e4\uc2dc \ud48d\uc694\ub86d\uac8c \ub9cc\ub4dc\ub294 \uc2dc\uc791\uc785\ub2c8\ub2e4.\n\n\uc624\ub298\ub3c4 \ub2f9\uc2e0\uc740 \uc88b\uc740\uc77c\ub9cc \uc788\uc744\uac81\ub2c8\ub2e4<\/div>\n <\/article>\n\n <!-- Infographic Visual Highlight Quotes Section -->\n <section class=\"fade-in-section space-y-4\">\n <h2 class=\"text-xs font-black uppercase tracking-wider text-slate-700 px-1\">\ud575\uc2ec \uba54\uc2dc\uc9c0 \uc694\uc57d<\/h2>\n \n <!-- Highlight Card 1 -->\n <div class=\"bg-amber-100 border-l-4 border-amber-600 p-4 rounded-r-2xl shadow-sm\">\n <div class=\"text-xs font-black text-amber-900 mb-1\">\uc778\uc0dd\uc758 \uc9c0\ud61c<\/div>\n <p class=\"text-sm font-black text-slate-900\">\n “\uacf5\uc8fc\ubcf4\ub2e4 \ub9d0\ud558\ub294 \uac1c\uad6c\ub9ac\uac00 \ub354 \uc88b\ub2e4\ub294\uac78.”\n <\/p>\n <p class=\"text-xs font-bold text-slate-800 mt-1\">\n \ud654\ub824\ud558\uace0 \ub208\ubd80\uc2e0 \uac83\ubcf4\ub2e4, \uc5b8\uc81c\ub4e0 \ub9c8\uc74c\uc744 \ub098\ub20c \uc218 \uc788\ub294 \ub9d0\ubc97\uc774 \uc18c\uc911\ud569\ub2c8\ub2e4.\n <\/p>\n <\/div>\n\n <!-- Highlight Card 2 -->\n <div class=\"bg-emerald-100 border-l-4 border-emerald-600 p-4 rounded-r-2xl shadow-sm\">\n <div class=\"text-xs font-black text-emerald-900 mb-1\">\uc5d0\ud53c\ucfe0\ub85c\uc2a4\uc758 \uba85\uc5b8<\/div>\n <p class=\"text-sm font-black text-slate-900\">\n \u201c\uc0ac\ub78c\uc774 \ud3c9\uc0dd\uc744 \ud589\ubcf5\ud558\uac8c \uc0b4\uc544\uac00\uae30 \uc704\ud574 \ud544\uc694\ud55c \uac83 \uac00\uc6b4\ub370 \uac00\uc7a5 \uc704\ub300\ud55c \uac83\uc740 \uce5c\uad6c\ub2e4.\u201d\n <\/p>\n <\/div>\n\n <!-- Highlight Card 3 -->\n <div class=\"bg-rose-100 border-l-4 border-[#c2593d] p-4 rounded-r-2xl shadow-sm\">\n <div class=\"text-xs font-black text-rose-900 mb-1\">\uc0b6\uc758 \ud48d\uc694\ub85c\uc6c0<\/div>\n <p class=\"text-sm font-black text-slate-900\">\n “\ub354 \ub9ce\uc774 \uac00\uc9c0\uae30\ubcf4\ub2e4, \ub354 \uae4a\uc774 \ub098\ub204\ub294 \uc0b6”\n <\/p>\n <p class=\"text-xs font-bold text-slate-800 mt-1\">\n \uacc1\uc5d0 \uc788\ub294 \ud55c \uc0ac\ub78c\uc744 \ub354 \ub530\ub73b\ud558\uac8c \ubc14\ub77c\ubcf4\ub294 \uac83\uc5d0\uc11c \uc0b6\uc740 \ud48d\uc694\ub85c\uc6cc\uc9d1\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <!-- Interactive Self-Reflection Checklist -->\n <section class=\"fade-in-section bg-white rounded-3xl p-6 shadow-sm border border-slate-200\">\n <div class=\"flex items-center space-x-2 mb-4\">\n <span class=\"text-xl\">\ud83d\udca1<\/span>\n <h3 class=\"text-base font-black text-slate-900\">\uc624\ub298\uc758 \ub9c8\uc74c \ub418\ub3cc\uc544\ubcf4\uae30<\/h3>\n <\/div>\n \n <div class=\"space-y-3 text-xs sm:text-sm\">\n <label class=\"flex items-start space-x-3 p-2.5 rounded-xl hover:bg-slate-100 cursor-pointer transition\">\n <input type=\"checkbox\" onchange=\"updateProgress()\" class=\"chk-item mt-0.5 rounded text-[#E07A5F] focus:ring-[#E07A5F] w-4 h-4\">\n <span class=\"text-slate-900 font-bold\">\ub098\ub294 \ub204\uad70\uac00\uc5d0\uac8c \ub9c8\uc74c \ud3b8\ud788 \uc774\uc57c\uae30 \ub4e4\uc5b4\uc8fc\ub294 \uce5c\uad6c\uc778\uac00\uc694?<\/span>\n <\/label>\n <label class=\"flex items-start space-x-3 p-2.5 rounded-xl hover:bg-slate-100 cursor-pointer transition\">\n <input type=\"checkbox\" onchange=\"updateProgress()\" class=\"chk-item mt-0.5 rounded text-[#E07A5F] focus:ring-[#E07A5F] w-4 h-4\">\n <span class=\"text-slate-900 font-bold\">\uc624\ub298 \uacc1\uc5d0 \uc788\ub294 \uc18c\uc911\ud55c \uc0ac\ub78c\uc5d0\uac8c \ub530\ub73b\ud55c \ub9d0 \ud55c\ub9c8\ub514 \uac74\ub138\ub098\uc694?<\/span>\n <\/label>\n <label class=\"flex items-start space-x-3 p-2.5 rounded-xl hover:bg-slate-100 cursor-pointer transition\">\n <input type=\"checkbox\" onchange=\"updateProgress()\" class=\"chk-item mt-0.5 rounded text-[#E07A5F] focus:ring-[#E07A5F] w-4 h-4\">\n <span class=\"text-slate-900 font-bold\">\uac89\ubaa8\uc2b5\uc758 \ud654\ub824\ud568\ubcf4\ub2e4 \uc18c\uc18c\ud55c \ub300\ud654\uc758 \uc18c\uc911\ud568\uc744 \ub418\uc0c8\uacbc\ub098\uc694?<\/span>\n <\/label>\n <\/div>\n\n <!-- Reflection feedback message -->\n <div id=\"reflectionResult\" class=\"mt-4 p-3 bg-amber-100 rounded-xl text-center text-xs font-black text-slate-900\">\n \uccb4\ud06c\ubc15\uc2a4\ub97c \ud074\ub9ad\ud558\uba70 \ub9c8\uc74c\uc744 \ub418\uc9da\uc5b4\ubcf4\uc138\uc694 \u2728\n <\/div>\n <\/section>\n\n <!-- Bottom Action Bar -->\n <section class=\"fade-in-section text-center space-y-3 pt-2\">\n <button onclick=\"copyToClipboard()\" class=\"w-full py-3.5 px-4 bg-[#E07A5F] hover:bg-[#c2593d] text-white font-black text-sm rounded-2xl shadow-lg transition transform active:scale-95 flex items-center justify-center space-x-2\">\n <span>\u2764\ufe0f \uc18c\uc911\ud55c \ubd84\uc5d0\uac8c \uae00 \uc804\ub2ec\ud558\uae30 (\ubcf5\uc0ac)<\/span>\n <\/button>\n <p class=\"text-xs font-bold text-slate-700\">\uc624\ub298\ub3c4 \ub2f9\uc2e0\uc740 \uc88b\uc740\uc77c\ub9cc \uc788\uc744\uac81\ub2c8\ub2e4 \ud83c\udf40<\/p>\n <\/section>\n\n <\/main>\n\n <!-- Toast Notification -->\n <div id=\"toast\" class=\"fixed bottom-24 left-1\/2 -translate-x-1\/2 bg-slate-900 text-white px-5 py-2.5 rounded-full text-xs font-black shadow-2xl opacity-0 pointer-events-none transition-all duration-300 z-50 flex items-center space-x-2\">\n <span id=\"toastMsg\">\uae00\uc774 \ubcf5\uc0ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4!<\/span>\n <\/div>\n\n <!-- Background Audio\/Video Widget (Provided) -->\n <div style=\"position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 250px; z-index: 9999; box-shadow: 0 4px 10px rgba(0,0,0,0.3); border-radius: 8px; overflow: hidden; background: white;\">\n <iframe loading=\"lazy\" width=\"100%\" height=\"146\" src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/\uce5c\uad6c\uc774\uc57c\uae30.mp4\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n <\/div>\n\n <!-- JavaScript Logic -->\n <script>\n \/\/ --- 1. Font Size Controller ---\n let currentFontSizeState = 1; \/\/ 0: Small (15px), 1: Normal (17px), 2: Large (19px)\n const fontSizes = ['15px', '17px', '20px'];\n const fontLabels = ['\ubcf4\ud1b5 \uae00\uc790', '\ud070 \uae00\uc790', '\uac00\uc7a5 \ud070 \uae00\uc790'];\n\n function toggleFontSize() {\n currentFontSizeState = (currentFontSizeState + 1) % fontSizes.length;\n const textElem = document.getElementById('textContent');\n textElem.style.fontSize = fontSizes[currentFontSizeState];\n showToast(`\uae00\uc790 \ud06c\uae30: ${fontLabels[currentFontSizeState]}`);\n }\n\n \/\/ --- 2. Copy Text Functionality ---\n function copyToClipboard() {\n const textToCopy = document.getElementById('textContent').innerText;\n \n if (navigator.clipboard && window.isSecureContext) {\n navigator.clipboard.writeText(textToCopy).then(() => {\n showToast(\"\uc6d0\ubb38 \uae00 \uc804\uccb4\uac00 \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\");\n }).catch(() => {\n fallbackCopy(textToCopy);\n });\n } else {\n fallbackCopy(textToCopy);\n }\n }\n\n function fallbackCopy(text) {\n const textArea = document.createElement(\"textarea\");\n textArea.value = text;\n textArea.style.position = \"fixed\";\n textArea.style.left = \"-999999px\";\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n try {\n document.execCommand('copy');\n showToast(\"\uc6d0\ubb38 \uae00 \uc804\uccb4\uac00 \ubcf5\uc0ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\");\n } catch (err) {\n showToast(\"\ubcf5\uc0ac\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.\");\n }\n document.body.removeChild(textArea);\n }\n\n \/\/ --- 3. Reflection Checklist Progress ---\n function updateProgress() {\n const checkboxes = document.querySelectorAll('.chk-item');\n let checkedCount = 0;\n checkboxes.forEach(chk => { if (chk.checked) checkedCount++; });\n\n const resultElem = document.getElementById('reflectionResult');\n if (checkedCount === 0) {\n resultElem.innerText = \"\uccb4\ud06c\ubc15\uc2a4\ub97c \ud074\ub9ad\ud558\uba70 \ub9c8\uc74c\uc744 \ub418\uc9da\uc5b4\ubcf4\uc138\uc694 \u2728\";\n } else if (checkedCount === 1) {\n resultElem.innerText = \"\ub530\ub73b\ud55c \ub9c8\uc74c\uc758 \uc2dc\uc791\uc785\ub2c8\ub2e4 \ud83c\udf31\";\n } else if (checkedCount === 2) {\n resultElem.innerText = \"\ub2f9\uc2e0\uc740 \ub204\uad70\uac00\uc5d0\uac8c \uc18c\uc911\ud558\uace0 \ub4e0\ub4e0\ud55c \uce5c\uad6c\uc785\ub2c8\ub2e4 \ud83d\udc9b\";\n } else if (checkedCount === 3) {\n resultElem.innerText = \"\ucc38 \uc544\ub984\ub2f5\uace0 \ud48d\uc694\ub85c\uc6b4 \uc0b6\uc744 \uac00\uafb8\uace0 \uacc4\uc2dc\ub124\uc694! \u2764\ufe0f\";\n }\n }\n\n \/\/ --- 4. Toast Notification Helper ---\n let toastTimeout;\n function showToast(message) {\n const toast = document.getElementById('toast');\n const toastMsg = document.getElementById('toastMsg');\n toastMsg.innerText = message;\n \n toast.classList.remove('opacity-0', 'pointer-events-none');\n toast.classList.add('opacity-100');\n\n clearTimeout(toastTimeout);\n toastTimeout = setTimeout(() => {\n toast.classList.remove('opacity-100');\n toast.classList.add('opacity-0', 'pointer-events-none');\n }, 2500);\n }\n\n \/\/ --- 5. Intersection Observer for Scroll Animations ---\n document.addEventListener(\"DOMContentLoaded\", function() {\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in-section').forEach(section => {\n observer.observe(section);\n });\n });\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4 – \uc778\ud3ec\uadf8\ub798\ud53d \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4 \uc778\ud3ec\uadf8\ub798\ud53d \uc5d0\uc138\uc774 \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740\uc0ac\ub78c\uc774\ub2e4.\u2764\ufe0f \uc0b6\uc758 \uae4a\uc740 \ubb34\uac8c\uc640 \ucc38\ub41c \uad00\uacc4\uc758 \uac00\uce58\uc5d0 \ub300\ud558\uc5ec \ud83d\udc38 \ub9d0\ud558\ub294 \uac1c\uad6c\ub9ac \ud654\ub824\ud568 \ub300\uc2e0 \ub300\ud654 \ud83e\udd1d \ud568\uaed8\ud558\ub294 \uc874\uc7ac \uac00\uc9d0\ubcf4\ub2e4 \ub098\ub214 \ud83c\udfdb\ufe0f \uc5d0\ud53c\ucfe0\ub85c\uc2a4 \ucd5c\ub300\uc758 \ud589\ubcf5\uc740 \uce5c\uad6c \uc6d0\ubb38 \uc644\ubcbd \ubcf4\uc874 \uae00 \uc77d\uae30 \uc2dc\uac04: \uc57d 2\ubd84 \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4.\u2764\ufe0f \uc5b4\ub290 \ub0a0 […]<\/p>\n","protected":false},"author":1,"featured_media":12431,"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":"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png","fifu_image_alt":"","footnotes":""},"categories":[48],"tags":[],"class_list":["post-12406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-48"],"views":15,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",0,0,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",150,150,false],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",300,300,false],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",768,0,false],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",1024,1536,false],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",1536,1536,false],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/10\/epicrus-1024x687.png",2048,2048,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4 – \uc778\ud3ec\uadf8\ub798\ud53d \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4 \uc778\ud3ec\uadf8\ub798\ud53d \uc5d0\uc138\uc774 \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740\uc0ac\ub78c\uc774\ub2e4.\u2764\ufe0f \uc0b6\uc758 \uae4a\uc740 \ubb34\uac8c\uc640 \ucc38\ub41c \uad00\uacc4\uc758 \uac00\uce58\uc5d0 \ub300\ud558\uc5ec \ud83d\udc38 \ub9d0\ud558\ub294 \uac1c\uad6c\ub9ac \ud654\ub824\ud568 \ub300\uc2e0 \ub300\ud654 \ud83e\udd1d \ud568\uaed8\ud558\ub294 \uc874\uc7ac \uac00\uc9d0\ubcf4\ub2e4 \ub098\ub214 \ud83c\udfdb\ufe0f \uc5d0\ud53c\ucfe0\ub85c\uc2a4 \ucd5c\ub300\uc758 \ud589\ubcf5\uc740 \uce5c\uad6c \uc6d0\ubb38 \uc644\ubcbd \ubcf4\uc874 \uae00 \uc77d\uae30 \uc2dc\uac04: \uc57d 2\ubd84 \u2764\ufe0f \uacb0\uad6d \ub0a8\ub294 \uac83\uc740 \uc0ac\ub78c\uc774\ub2e4.\u2764\ufe0f \uc5b4\ub290 \ub0a0…","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12406","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=12406"}],"version-history":[{"count":12,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12406\/revisions"}],"predecessor-version":[{"id":12432,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12406\/revisions\/12432"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/12431"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}