\ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815: \ub098\uc131\ub8e1\uacfc \uc774\ub300\ub85c<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \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+Serif+KR:wght@400;600;700;900&family=Pretendard:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n colors: {\n joseon: {\n gold: '#D4AF37',\n goldHover: '#B89628',\n crimson: '#8B0000',\n ink: '#0F172A',\n paper: '#FDFBF7',\n cardBg: '#FFFFFF',\n cardLight: '#FFFFFF',\n }\n },\n fontFamily: {\n serif: ['\"Noto Serif KR\"', 'serif'],\n sans: ['Pretendard', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;\n -webkit-tap-highlight-color: transparent;\n word-break: keep-all;\n }\n .serif-title {\n font-family: 'Noto Serif KR', serif;\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: #D4AF37;\n border-radius: 3px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-200\/70 text-slate-800 min-h-screen pb-12 selection:bg-amber-300 selection:text-slate-900\">\n\n \n <header class=\"sticky top-0 z-40 bg-slate-100\/90 backdrop-blur-md border-b border-slate-300\/80 px-4 py-3 shadow-sm\">\n <div class=\"max-w-md mx-auto flex justify-between items-center\">\n <div class=\"flex items-center space-x-2\">\n <span class=\"text-amber-700 text-xl font-bold\">\u9298<\/span>\n <h1 class=\"text-base font-bold serif-title text-slate-900\">\ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815<\/h1>\n <\/div>\n \n <div class=\"flex items-center space-x-2\">\n \n <button id=\"themeToggleBtn\" onclick=\"toggleTheme()\" class=\"p-2 rounded-full bg-slate-200 text-amber-700 hover:bg-slate-300 transition\" title=\"\ud654\uba74 \ud14c\ub9c8 \ubcc0\uacbd\">\n <i class=\"fas font-solid fa-sun text-sm\"><\/i>\n <\/button>\n \n <div class=\"flex bg-slate-200\/80 rounded-lg p-1 text-xs text-slate-800\">\n <button onclick=\"changeFontSize(-1)\" class=\"px-2 py-1 hover:text-amber-800 font-bold\" title=\"\uae00\uc790 \uc791\uac8c\">A-<\/button>\n <span class=\"text-slate-400 self-center\">|<\/span>\n <button onclick=\"changeFontSize(1)\" class=\"px-2 py-1 hover:text-amber-800 font-bold\" title=\"\uae00\uc790 \ud06c\uac8c\">A+<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"w-full bg-slate-300 h-1 mt-3 rounded-full overflow-hidden\">\n <div id=\"readProgress\" class=\"bg-gradient-to-r from-amber-600 to-amber-500 h-full w-0 transition-all duration-150\"><\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-md mx-auto px-4 pt-6 space-y-8\" id=\"storyContainer\">\n \n \n <section class=\"text-center space-y-4 pt-2 pb-4 border-b border-slate-300\/70\">\n <div class=\"inline-block px-3 py-1 bg-amber-100 border border-amber-300 rounded-full text-amber-900 text-xs font-semibold tracking-wider\">\n \uc870\uc120 \uad11\ud574\uad70 \uc2dc\ub300 \uba85\ud654\uc0ac(\u6545\u4e8b)\n <\/div>\n <h2 class=\"text-2xl sm:text-3xl font-black serif-title text-slate-900 leading-snug\">\n “\ub2e4\uc74c \uc138\uc0c1\uc5d0\uc11c \ub9cc\ub098\ub3c4<br>\n <span class=\"text-amber-800 underline decoration-amber-500 decoration-wavy underline-offset-8\">\uc88b\uc740 \uce5c\uad6c\uac00 \ub420 \uc6b0\uc815<\/span>”\n <\/h2>\n <p class=\"text-sm text-slate-600 leading-relaxed font-light px-2\">\n \uc9c4\uc815\ud55c \uce5c\uad6c\ub97c \ub2e8 \ud55c \uc0ac\ub78c\uc774\ub77c\ub3c4 \uac00\uc9c0\uace0 \uacc4\uc2e0\uac00\uc694?<br>\n \ubaa9\uc228\uc870\ucc28 \ub300\uc2e0 \ub0b4\uc5b4\uc904 \uc218 \uc788\uc5c8\ub358 \ub450 \uccad\ub144\uc758 \uc704\ub300\ud55c \uc774\uc57c\uae30\ub97c \ub9cc\ub098\ubcf4\uc138\uc694.\n <\/p>\n <\/section>\n\n \n <article class=\"scene-card bg-white border border-slate-300\/80 rounded-2xl overflow-hidden shadow-sm\" data-scene=\"0\">\n <div class=\"p-4 border-b border-slate-200 bg-slate-50 flex justify-between items-center\">\n <span class=\"text-xs font-bold text-amber-700 tracking-wider\">SCENE 01<\/span>\n <span class=\"text-xs text-slate-500\">\uc0ac\ud615 \uc120\uace0\uc640 \uac04\uccad<\/span>\n <\/div>\n\n \n <div class=\"p-5 space-y-4 text-base text-slate-800 leading-relaxed font-normal story-text\">\n <p>\n \uc870\uc120\uc2dc\ub300 \uad11\ud574\uad70(\u5149\u6d77\u541b) \ub54c, \ud6a8\uc2ec\uc774 \uae4a\uae30\ub85c \uc18c\ubb38\ub09c <strong class=\"text-amber-800 font-semibold\">\ub098\uc131\ub8e1(\u7f85\u661f\u9f8d)<\/strong>\uc774\ub77c\ub294 \uccad\ub144\uc774 \uc608\uae30\uce58 \ubabb\ud55c \uc0ac\uac74\uc73c\ub85c \uad50\uc218\ud615\uc744 \ub2f9\ud560 \uc704\uae30\uc5d0 \ucc98\ud588\uc2b5\ub2c8\ub2e4.\n <\/p>\n <p>\n \ud6a8\uc790\uc600\ub358 \uadf8\ub294 \uc5b4\ucc28\ud53c \uc8fd\uc744 \ubaa9\uc228\uc774\uc9c0\ub9cc, \uc9d1\uc5d0 \ud640\ub85c \uacc4\uc2e0 \uc5f0\ub85c\ud558\uc2e0 \ubd80\ubaa8\ub2d8\uaed8 \ub9c8\uc9c0\ub9c9 \uc778\uc0ac\ub77c\ub3c4 \uc62c\ub9b4 \uc218 \uc788\uac8c \ud574\ub2ec\ub77c\uace0 \uc655\uc5d0\uac8c \ub208\ubb3c\ub85c \uac04\uccad\ud588\uc2b5\ub2c8\ub2e4.\n <\/p>\n <p class=\"text-slate-700 bg-slate-100\/80 p-3 rounded-xl border border-slate-200 text-sm\">\n \ud558\uc9c0\ub9cc \uad11\ud574\uad70\uc740 \ud5c8\ub77d\ud560 \uc218 \uc5c6\uc5c8\uc2b5\ub2c8\ub2e4. \uc0ac\ud615\uc218\uac00 \uc9d1\uc73c\ub85c \uac00 \uba40\ub9ac \ub3c4\ub9dd\uc774\ub77c\ub3c4 \uce5c\ub2e4\uba74 \uad6d\ubc95\uacfc \uc9c8\uc11c\uac00 \ud06c\uac8c \ud754\ub4e4\ub9b4 \uac83\uc774\uae30 \ub54c\ubb38\uc774\uc5c8\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"scene-card bg-white border border-slate-300\/80 rounded-2xl overflow-hidden shadow-sm\" data-scene=\"1\">\n <div class=\"p-4 border-b border-slate-200 bg-slate-50 flex justify-between items-center\">\n <span class=\"text-xs font-bold text-amber-700 tracking-wider\">SCENE 02<\/span>\n <span class=\"text-xs text-slate-500\">\ubaa9\uc228\uc744 \uac74 \ubcf4\uc99d<\/span>\n <\/div>\n\n \n <div class=\"p-5 space-y-4 text-base text-slate-800 leading-relaxed font-normal story-text\">\n <p>\n \uad11\ud574\uad70\uc774 \uace0\uc2ec\ud558\uace0 \uc788\uc744 \ub54c, \ub098\uc131\ub8e1\uc758 \ub458\ub3c4 \uc5c6\ub294 \uce5c\uad6c <strong class=\"text-amber-800 font-semibold\">\uc774\ub300\ub85c(\u674e\u5927\u8def)<\/strong>\uac00 \ubcf4\uc99d\uc744 \uc11c\uaca0\ub2e4\uba70 \ub2f9\ub2f9\ud788 \ub098\uc130\uc2b5\ub2c8\ub2e4.\n <\/p>\n \n \n <div class=\"bg-amber-50 border-l-4 border-amber-600 p-3.5 rounded-r-xl space-y-2 text-sm italic\">\n <p class=\"text-amber-950\">\u201c\uc804\ud558, \uc81c\uac00 \uadf8\uc758 \uadc0\ud658\uc744 \ubcf4\uc99d\ud569\ub2c8\ub2e4. \uadf8\ub97c \ubd80\ubaa8\ub2d8\uaed8 \ubcf4\ub0b4\uc8fc\uc2ed\uc2dc\uc624.\u201d<\/p>\n <p class=\"text-slate-600\">\u201c\ub300\ub85c\uc57c! \ub9cc\uc77c \ub098\uc131\ub8e1\uc774\uac00 \ub3cc\uc544\uc624\uc9c0 \uc54a\ub294\ub2e4\uba74 \uc5b4\ucc0c\ud558\uaca0\ub290\ub0d0?\u201d<\/p>\n <p class=\"text-amber-950\">\u201c\uadf8\ub807\ub2e4\uba74 \uce5c\uad6c\ub97c \uc798\ubabb \uc0ac\uadc4 \uc8c4\ub85c \uc81c\uac00 \ub300\uc2e0 \uad50\uc218\ud615\uc744 \ubc1b\uaca0\uc2b5\ub2c8\ub2e4. \uadf8\ub294 \uc81c \uc9c4\uc9dc \uce5c\uad6c\uc785\ub2c8\ub2e4.\u201d<\/p>\n <\/div>\n\n <p>\n \uad11\ud574\uad70\uc740 \uc5b4\uc774\uac00 \uc5c6\uc5b4 \uc6c3\uc73c\uba70 \uadf8 \ub9cc\uc6a9\uc744 \uafb8\uc9d6\uc5c8\uc73c\ub098, \ubaa9\uc228\uc744 \uac78\uace0 \ubd80\ud0c1\ud558\ub294 \uc774\ub300\ub85c\uc758 \uae30\uac1c\uc5d0 \uc5b4\uca54 \uc218 \uc5c6\uc774 \ud5c8\ub77d\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub300\ub85c\ub294 \uae30\uc05c \ub9c8\uc74c\uc73c\ub85c \uce5c\uad6c \ub300\uc2e0 \uac10\uc625\uc5d0 \uac07\ud614\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"scene-card bg-white border border-slate-300\/80 rounded-2xl overflow-hidden shadow-sm\" data-scene=\"2\">\n <div class=\"p-4 border-b border-slate-200 bg-slate-50 flex justify-between items-center\">\n <span class=\"text-xs font-bold text-amber-700 tracking-wider\">SCENE 03<\/span>\n <span class=\"text-xs text-slate-500\">\uad50\uc218\ub300 \uc704\uc758 \ubbff\uc74c<\/span>\n <\/div>\n\n \n <div class=\"p-5 space-y-4 text-base text-slate-800 leading-relaxed font-normal story-text\">\n <p>\n \uc57d\uc18d\ud55c \uc0ac\ud615 \uc9d1\ud589\uc77c\uc774 \ubc1d\uc558\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc815\uc624\uac00 \uac00\uae4c\uc6cc\uc838\ub3c4 \ub098\uc131\ub8e1\uc740 \ub3cc\uc544\uc624\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4. \uc0ac\ub78c\ub4e4\uc740 \ubc14\ubcf4 \uac19\uc740 \uc774\ub300\ub85c\uac00 \ube44\ucc38\ud558\uac8c \uc8fd\uac8c \ub418\uc5c8\ub2e4\uba70 \ube44\uc6c3\uc5c8\uc2b5\ub2c8\ub2e4.\n <\/p>\n <p>\n \uc774\ub300\ub85c\uc758 \ubaa9\uc5d0 \ubc27\uc904\uc774 \uac78\ub9ac\uc790, \uadf8\uc758 \uce5c\ucc99\ub4e4\uc740 \uc6b0\uc815\uc744 \uc800\ubc84\ub9b0 \ub098\uc131\ub8e1\uc744 \ud5a5\ud574 \ubb34\uc11c\uc6b4 \uc800\uc8fc\ub97c \ud37c\ubd80\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\uc790 \ubaa9\uc5d0 \ubc27\uc904\uc744 \uac74 \uc774\ub300\ub85c\uac00 \ub208\uc744 \ubd80\ub985\ub728\uace0 \ud654\ub97c \ub0c8\uc2b5\ub2c8\ub2e4.\n <\/p>\n <div class=\"bg-red-50 border border-red-200 p-3.5 rounded-xl text-center\">\n <p class=\"text-red-800 font-semibold text-lg serif-title\">\n \u201c\ub0b4 \uce5c\uad6c \ub098\uc131\ub8e1\uc744 \uc695\ud558\uc9c0 \ub9c8\ub77c!<br>\ub2f9\uc2e0\ub4e4\uc774 \ub0b4 \uce5c\uad6c\uc758 \uc9c4\uc2ec\uc744 \uc5b4\ucc0c \uc54c\uaca0\ub294\uac00?\u201d\n <\/p>\n <\/div>\n <p>\n \uc8fd\uc74c\uc744 \uc55e\ub450\uace0\ub3c4 \uce5c\uad6c\ub97c \ubcc0\ud638\ud558\ub294 \uadf8\uc758 \uc758\uc5f0\ud568\uc5d0 \ucc98\ud615\uc7a5\uc740 \uc21c\uc2dd\uac04\uc5d0 \uc815\uc801\uc5d0 \uc2f8\uc600\uc2b5\ub2c8\ub2e4. \uad11\ud574\uad70\uc774 \uc0ac\ud615 \uc9d1\ud589\uc744 \uba85\ud558\ub4ef \uc5c4\uc9c0\uc190\uac00\ub77d\uc744 \uc544\ub798\ub85c \ub0b4\ub838\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"scene-card bg-white border border-slate-300\/80 rounded-2xl overflow-hidden shadow-sm\" data-scene=\"3\">\n <div class=\"p-4 border-b border-slate-200 bg-slate-50 flex justify-between items-center\">\n <span class=\"text-xs font-bold text-amber-700 tracking-wider\">SCENE 04<\/span>\n <span class=\"text-xs text-slate-500\">\ud48d\ub791\uc744 \ub6ab\uace0 \ub3cc\uc544\uc628 \uce5c\uad6c<\/span>\n <\/div>\n\n \n <div class=\"p-5 space-y-4 text-base text-slate-800 leading-relaxed font-normal story-text\">\n <p>\n \ubc27\uc904\uc774 \ub2f9\uaca8\uc9c0\ub824\ub294 \uc21c\uac04, \uba40\ub9ac\uc11c \ub9d0\uc744 \uc7ac\ucd09\ud558\uba70 \ub2ec\ub824\uc624\ub294 \ube44\uba85\uc774 \ub4e4\ub838\uc2b5\ub2c8\ub2e4. \uc628\ubab8\uc774 \uc816\uace0 \ud759\ud22c\uc131\uc774\uac00 \ub41c <strong class=\"text-amber-800 font-semibold\">\ub098\uc131\ub8e1<\/strong>\uc774\uc5c8\uc2b5\ub2c8\ub2e4!\n <\/p>\n <div class=\"bg-amber-50 border-l-4 border-amber-600 p-3 rounded-r-xl text-sm italic text-amber-950\">\n \u201c\uc624\ub294 \uae38\uc5d0 \ubc30\uac00 \uac70\uc13c \ud48d\ub791\uc744 \ub9cc\ub098 \uaca8\uc6b0 \ubaa9\uc228\uc744 \uad6c\ud588\uc2b5\ub2c8\ub2e4! \uc774\uc81c \uc774\ub300\ub85c\ub97c \ud480\uc5b4\uc8fc\uc2ed\uc2dc\uc624. \uc0ac\ud615\uc218\ub294 \ubc14\ub85c \ub098\uc785\ub2c8\ub2e4!\u201d\n <\/div>\n <p>\n \ub450 \uc0ac\ub78c\uc740 \uc11c\ub85c\ub97c \ub04c\uc5b4\uc548\uace0 \ub208\ubb3c \ud55c \ubc29\uc6b8 \ud758\ub9ac\uc9c0 \uc54a\uc740 \ucc44, \ub2f4\ub2f4\ud558\uac8c \ub2e4\uc74c \uc138\uc0c1\uc5d0\uc11c\uc758 \uc7ac\ud68c\ub97c \uae30\uc57d\ud558\uba70 \uc0c1\ub300\ub97c \uc704\ub85c\ud588\uc2b5\ub2c8\ub2e4. \uadf8 \ubaa8\uc2b5\uc5d0 \ube44\uc6c3\ub358 \ub300\uc911\ub4e4 \uc0ac\uc774\uc5d0\uc11c \uac70\uce5c \ud0c4\uc2dd\uc774 \ud130\uc838 \ub098\uc654\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"scene-card bg-white border border-slate-300\/80 rounded-2xl overflow-hidden shadow-sm\" data-scene=\"4\">\n <div class=\"p-4 border-b border-slate-200 bg-slate-50 flex justify-between items-center\">\n <span class=\"text-xs font-bold text-amber-700 tracking-wider\">SCENE 05<\/span>\n <span class=\"text-xs text-slate-500\">\uc655\uc758 \uac10\ub3d9\uacfc \uad50\ud615 \ucca0\ud68c<\/span>\n <\/div>\n\n \n <div class=\"p-5 space-y-4 text-base text-slate-800 leading-relaxed font-normal story-text\">\n <p>\n \uad50\uc218\ud615 \ubc27\uc904\uc774 \ub2e4\uc2dc \ub098\uc131\ub8e1\uc758 \ubaa9\uc5d0 \uac78\ub838\uc744 \ub54c, \uad11\ud574\uad70\uc740 \uc0ac\ud615 \uc9d1\ud589\uc744 \uc804\uaca9 \uc911\uc9c0\uc2dc\ucf30\uc2b5\ub2c8\ub2e4. \uc655\uc740 \uc81c\ub2e8\uc5d0\uc11c \uc9c1\uc811 \uac78\uc5b4 \ub0b4\ub824\uc640 \ub450 \uc0ac\ub78c \uc606\uc5d0\uc11c \uc870\uc6a9\ud788 \uc74a\uc870\ub838\uc2b5\ub2c8\ub2e4.\n <\/p>\n <div class=\"bg-amber-50 border border-amber-200 p-4 rounded-xl text-center space-y-2\">\n <p class=\"text-amber-950 font-serif text-lg font-bold\">\n \u201c\ubd80\ub7fd\uad6c\ub098. \ub0b4 \ubaa8\ub4e0 \uac83\uc744 \ub2e4 \ub0b4\uc5b4\uc8fc\uace0\ub77c\ub3c4 \ub108\ud76c \ub450 \uc0ac\ub78c \uc0ac\uc774\uc758 \uadf8 \uc6b0\uc815\uc744 \ub0b4\uac00 \uac00\uc9c0\uace0 \uc2f6\uad6c\ub098.\u201d\n <\/p>\n <\/div>\n <p>\n \uad11\ud574\uad70\uc740 \ub192\uc740 \uc81c\ub2e8\uc73c\ub85c \ub3cc\uc544\uac00 \uc5b4\uba85\uc73c\ub85c \ub450 \uccad\ub144\uc744 \ubaa8\ub450 \ubc29\uba74\ud558\uace0 \uc870\uc120\uc758 \uccad\ub144\uc774\ub77c\ub294 \uc0ac\uc2e4\uc774 \uc790\ub791\uc2a4\ub7fd\ub2e4\uace0 \uc120\uc5b8\ud588\uc2b5\ub2c8\ub2e4. \uc628 \uc0ac\ud615\uc7a5\uc740 \ubc31\uc131\ub4e4\uc758 \ud658\ud638\uc131\uc73c\ub85c \uac00\ub4dd \ucc28\uc62c\ub790\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/article>\n\n \n <article class=\"bg-gradient-to-b from-slate-100 to-amber-100\/80 border border-amber-300\/80 rounded-2xl p-6 text-center space-y-4 shadow-sm\">\n <h3 class=\"text-xl font-bold serif-title text-amber-950\">\uc774\uc57c\uae30\uac00 \uc8fc\ub294 \uad50\ud6c8<\/h3>\n <p class=\"text-sm text-slate-700 leading-relaxed font-light\">\n \uc2dc\ub300\ub294 \ubc14\ub00c\uace0 \uc138\uc0c1\uc740 \ubcc0\ud558\uc5ec\ub3c4 \ucc38\ub41c \uc6b0\uc815\uc758 \uc9c4\ub9ac\ub294 \ub9cc\uace0\ubd88\ubcc0\uc785\ub2c8\ub2e4. \ub098\uc758 \uc0b6\uc5d0 \ubaa9\uc228\uae4c\uc9c0 \ubbff\uace0 \ubc14\uafc0 \uc218 \uc788\ub294 \uc9c4\uc815\ud55c \uce5c\uad6c\uac00 \ub2e8 \ud55c \uba85\uc774\ub77c\ub3c4 \uc788\ub294\uac00\ub97c \uae4a\uc774 \ub418\ub3cc\uc544\ubcf4\uac8c \ud569\ub2c8\ub2e4.\n <\/p>\n <\/article>\n\n <\/main>\n\n <script>\n let currentFontSize = 16;\n let isDarkMode = false;\n\n function toggleTheme() {\n isDarkMode = !isDarkMode;\n const html = document.documentElement;\n const btnIcon = document.querySelector('#themeToggleBtn i');\n\n if (isDarkMode) {\n html.classList.add('dark');\n btnIcon.className = 'fas fa-moon text-sm';\n } else {\n html.classList.remove('dark');\n btnIcon.className = 'fas fa-sun text-sm text-amber-700';\n }\n }\n\n function changeFontSize(delta) {\n currentFontSize = Math.min(Math.max(14, currentFontSize + delta), 22);\n document.querySelectorAll('.story-text').forEach(el => {\n el.style.fontSize = `${currentFontSize}px`;\n });\n }\n\n window.onload = function() {\n \/\/ Scroll event listener for page reading progress bar\n window.addEventListener('scroll', () => {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n const prog = document.getElementById('readProgress');\n if (prog) prog.style.width = `${scrolled}%`;\n });\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"696\" src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-1024x696.png\" alt=\"\" class=\"wp-image-12225\" srcset=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-1024x696.png 1024w, https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-767x521.png 767w, https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-300x204.png 300w, https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815.png 1248w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815: \ub098\uc131\ub8e1\uacfc \uc774\ub300\ub85c \u9298 \ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815 A- | A+ \uc870\uc120 \uad11\ud574\uad70 \uc2dc\ub300 \uba85\ud654\uc0ac(\u6545\u4e8b) “\ub2e4\uc74c \uc138\uc0c1\uc5d0\uc11c \ub9cc\ub098\ub3c4 \uc88b\uc740 \uce5c\uad6c\uac00 \ub420 \uc6b0\uc815” \uc9c4\uc815\ud55c \uce5c\uad6c\ub97c \ub2e8 \ud55c \uc0ac\ub78c\uc774\ub77c\ub3c4 \uac00\uc9c0\uace0 \uacc4\uc2e0\uac00\uc694? \ubaa9\uc228\uc870\ucc28 \ub300\uc2e0 \ub0b4\uc5b4\uc904 \uc218 \uc788\uc5c8\ub358 \ub450 \uccad\ub144\uc758 \uc704\ub300\ud55c \uc774\uc57c\uae30\ub97c \ub9cc\ub098\ubcf4\uc138\uc694. SCENE 01 \uc0ac\ud615 \uc120\uace0\uc640 \uac04\uccad \uc870\uc120\uc2dc\ub300 \uad11\ud574\uad70(\u5149\u6d77\u541b) \ub54c, \ud6a8\uc2ec\uc774 \uae4a\uae30\ub85c \uc18c\ubb38\ub09c \ub098\uc131\ub8e1(\u7f85\u661f\u9f8d)\uc774\ub77c\ub294 \uccad\ub144\uc774 \uc608\uae30\uce58 \ubabb\ud55c […]<\/p>\n","protected":false},"author":1,"featured_media":12225,"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":[20],"tags":[],"class_list":["post-12224","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-20"],"views":20,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815.png",1248,848,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-150x150.png",150,150,true],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-300x204.png",300,204,true],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-767x521.png",767,521,true],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815-1024x696.png",1024,696,true],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815.png",1248,848,false],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/09\/\ubaa9\uc228\uc744-\ubc14\uafbc-\uc6b0\uc815.png",1248,848,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815: \ub098\uc131\ub8e1\uacfc \uc774\ub300\ub85c \u9298 \ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815 A- | A+ \uc870\uc120 \uad11\ud574\uad70 \uc2dc\ub300 \uba85\ud654\uc0ac(\u6545\u4e8b) “\ub2e4\uc74c \uc138\uc0c1\uc5d0\uc11c \ub9cc\ub098\ub3c4 \uc88b\uc740 \uce5c\uad6c\uac00 \ub420 \uc6b0\uc815” \uc9c4\uc815\ud55c \uce5c\uad6c\ub97c \ub2e8 \ud55c \uc0ac\ub78c\uc774\ub77c\ub3c4 \uac00\uc9c0\uace0 \uacc4\uc2e0\uac00\uc694? \ubaa9\uc228\uc870\ucc28 \ub300\uc2e0 \ub0b4\uc5b4\uc904 \uc218 \uc788\uc5c8\ub358 \ub450 \uccad\ub144\uc758 \uc704\ub300\ud55c \uc774\uc57c\uae30\ub97c \ub9cc\ub098\ubcf4\uc138\uc694. SCENE 01 \uc0ac\ud615 \uc120\uace0\uc640 \uac04\uccad \uc870\uc120\uc2dc\ub300 \uad11\ud574\uad70(\u5149\u6d77\u541b) \ub54c, \ud6a8\uc2ec\uc774 \uae4a\uae30\ub85c \uc18c\ubb38\ub09c \ub098\uc131\ub8e1(\u7f85\u661f\u9f8d)\uc774\ub77c\ub294 \uccad\ub144\uc774 \uc608\uae30\uce58 \ubabb\ud55c…","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12224","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=12224"}],"version-history":[{"count":4,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12224\/revisions"}],"predecessor-version":[{"id":12230,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12224\/revisions\/12230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/12225"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12224,"date":"2026-09-20T20:57:57","date_gmt":"2026-09-20T20:57:57","guid":{"rendered":"https:\/\/h9988.cbox.kr\/?p=12224"},"modified":"2026-09-20T21:50:02","modified_gmt":"2026-09-20T21:50:02","slug":"12224","status":"publish","type":"post","link":"https:\/\/h9988.cbox.kr\/?p=12224","title":{"rendered":"[\ubaa9\uc228\uc744 \ubc14\uafbc \uc6b0\uc815]"},"content":{"rendered":"\n