\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8 02\uac15 | \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4 VS \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4<\/title>\n<style>\n:root{\n --navy:#10233f;--navy-dark:#071426;--pink:#ef3f7d;--pink-dark:#c52d70;\n --pink-light:#fff0f6;--orange:#f97316;--green:#168a57;--blue:#2563eb;\n --ink:#111827;--muted:#64748b;--line:#dfe7f1;--white:#fff;\n --shadow:0 18px 50px rgba(16,35,63,.12)\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n margin:0;\n font-family:Pretendard,\"Noto Sans KR\",\"Apple SD Gothic Neo\",Arial,sans-serif;\n color:var(--ink);\n background:\n radial-gradient(circle at 8% 8%,rgba(255,143,177,.18),transparent 25%),\n radial-gradient(circle at 92% 12%,rgba(59,130,246,.11),transparent 25%),\n #f7f9fc\n}\nbutton,input,textarea,select{font:inherit}\nbutton{cursor:pointer}\na{text-decoration:none;color:inherit}\nbutton:focus-visible,a:focus-visible,textarea:focus-visible{\n outline:3px solid rgba(239,63,125,.32);outline-offset:3px\n}\n.topbar{\n position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);\n border-bottom:1px solid var(--line);backdrop-filter:blur(12px)\n}\n.topbar-inner{\n max-width:1180px;margin:auto;padding:14px 20px;\n display:flex;align-items:center;justify-content:space-between;gap:20px\n}\n.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy)}\n.logo{\n width:46px;height:46px;border-radius:15px;\n background:linear-gradient(135deg,#ef3f7d,#ff7aa8);\n display:grid;place-items:center;color:#fff;font-size:24px;\n box-shadow:0 8px 20px rgba(239,63,125,.25)\n}\n.brand-title{font-size:21px}\n.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}\n.top-actions{display:flex;gap:10px}\n.top-btn{\n border:1px solid #d7dee8;background:#fff;color:var(--navy);\n border-radius:12px;padding:10px 14px;font-weight:900;\n box-shadow:0 5px 14px rgba(15,23,42,.06)\n}\n.top-btn.print{background:var(--pink);color:#fff;border-color:var(--pink)}\n.wrap{max-width:1180px;margin:auto;padding:34px 20px 80px}\n.hero{\n position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;\n gap:28px;background:linear-gradient(135deg,#bd2870,#e8447b 55%,#ff7195);\n border-radius:32px;padding:42px;color:#fff;box-shadow:var(--shadow)\n}\n.hero::before,.hero::after{\n content:\"\";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)\n}\n.hero::before{width:260px;height:260px;right:-80px;top:-100px}\n.hero::after{width:190px;height:190px;left:44%;bottom:-110px}\n.hero-content,.hero-card{position:relative;z-index:2}\n.badge{\n display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);\n border:1px solid rgba(255,255,255,.28);padding:8px 14px;border-radius:999px;font-weight:900\n}\n.hero h1{\n font-size:clamp(32px,4.7vw,54px);line-height:1.22;margin:20px 0 16px;\n color:#fff;letter-spacing:-1.5px\n}\n.hero h1 span{display:block;margin:6px 0}\n.vs-text{color:#fff2a8;font-size:.72em}\n.hero p{font-size:18px;line-height:1.8;font-weight:700;margin:0;max-width:720px}\n.hero-card{\n background:#fff;color:var(--ink);border-radius:26px;padding:26px;\n box-shadow:0 18px 40px rgba(88,15,55,.18)\n}\n.hero-card h3{margin:0 0 18px;color:var(--navy);font-size:21px}\n.goal-list{display:grid;gap:14px}\n.goal-item{display:flex;gap:10px;align-items:flex-start;color:#334155;font-weight:800;line-height:1.55}\n.goal-check{\n flex:0 0 23px;width:23px;height:23px;border-radius:50%;\n background:#ffe2ed;color:var(--pink);display:grid;place-items:center;font-size:13px\n}\n.lesson-actions{\n display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;\n padding:18px;background:#fff;border:1px solid #dbe3ed;border-radius:22px;box-shadow:var(--shadow)\n}\n.action-button{\n min-height:58px;border:2px solid #e1b5c8;border-radius:16px;\n padding:12px 18px;font-weight:900;transition:.2s\n}\n.action-button:hover,.btn:hover,.top-btn:hover{transform:translateY(-2px)}\n.action-reset,.action-save{background:#fff0f6;color:#5f2343}\n.action-print{background:#5f2343;color:#fff}\n.progress-box{\n background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);\n display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center\n}\n.progress-title{display:flex;align-items:center;gap:14px;margin-bottom:10px}\n.progress-title strong{color:var(--navy)}\n.progress-track{height:14px;background:#edf2f7;border-radius:999px;overflow:hidden}\n.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#ef3f7d,#ffae5d);transition:.4s}\n.progress-text{font-weight:900;color:var(--pink);font-size:22px}\n.grid{display:grid;grid-template-columns:260px 1fr;gap:26px;margin-top:26px}\n.sidebar{\n position:sticky;top:92px;align-self:start;background:#fff;border-radius:24px;\n padding:18px;box-shadow:var(--shadow)\n}\n.side-title{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--navy);padding:8px;margin-bottom:8px}\n.step-link{\n display:flex;gap:12px;align-items:center;padding:13px 12px;border-radius:14px;\n margin:7px 0;font-weight:800;color:#526175;transition:.2s\n}\n.step-link:hover,.step-link.active{background:#fff0f6;color:var(--pink-dark)}\n.num{width:31px;height:31px;border-radius:10px;background:#e9eef5;display:grid;place-items:center;font-weight:900}\n.step-link.active .num{background:var(--pink);color:#fff}\n.complete-guide{margin-top:24px;background:#fff8f1;border:1px solid #f8dcc7;border-radius:18px;padding:17px}\n.complete-guide h4{margin:0 0 12px;color:var(--navy)}\n.complete-guide p{margin:8px 0;color:#596579;font-size:14px;line-height:1.6}\n.content{display:grid;gap:24px}\n.lesson{background:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow);scroll-margin-top:100px}\n.lesson-head{display:flex;gap:14px;margin-bottom:22px}\n.lesson-no{\n flex:0 0 46px;height:46px;border-radius:15px;display:grid;place-items:center;\n background:linear-gradient(135deg,#ef3f7d,#ff769d);color:#fff;font-size:22px;font-weight:900\n}\n.lesson h2{margin:3px 0 7px;color:var(--navy);font-size:25px;line-height:1.4}\n.desc{margin:0;color:var(--muted);line-height:1.7}\n.opinion-example{border:2px dashed #c9d9ef;border-radius:22px;padding:24px;background:#fbfdff}\n.flow-title{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}\n.flow-title div{text-align:center;padding:13px 8px;font-weight:900;border-bottom:2px dotted #c9d4e3;line-height:1.5}\n.flow-title div:nth-child(1){color:#d52d72}\n.flow-title div:nth-child(2){color:#e45b0b}\n.flow-title div:nth-child(3){color:#289a41}\n.flow-title div:nth-child(4){color:#2361d7}\n.color-paragraph{font-size:19px;line-height:2.05;font-weight:800;margin:0}\n.color-paragraph .pink{color:#d52d72}.color-paragraph .orange{color:#e45b0b}.color-paragraph .green{color:#289a41}.color-paragraph .blue{color:#2361d7}\n.teacher-tip{display:flex;gap:14px;align-items:center;margin-top:18px;padding:16px;border:1px solid #f4cdbc;background:#fffaf7;border-radius:16px}\n.pencil{flex:0 0 58px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:35px;background:#fff3ce}\n.teacher-tip p{margin:0;color:#4b5563;line-height:1.7;font-size:14px}\n.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.choice-card{position:relative;border:2px solid #e1e8f0;background:#fff;border-radius:22px;padding:22px;cursor:pointer;transition:.2s}\n.choice-card:hover{transform:translateY(-3px);border-color:#f59abb}\n.choice-card.selected{border-color:var(--pink);background:#fff1f6;box-shadow:0 10px 30px rgba(239,63,125,.15)}\n.choice-card input{position:absolute;opacity:0;pointer-events:none}\n.choice-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:29px;background:#fff2c8;margin-bottom:14px}\n.choice-card h3{margin:0 0 8px;color:var(--navy)}\n.choice-card p{margin:0;color:#64748b;line-height:1.65}\n.thought-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.thought-card{border:1px solid var(--line);border-radius:20px;padding:19px;background:#f8fbff}\n.thought-card h3{margin:0 0 12px;color:var(--navy);font-size:18px}\ntextarea{width:100%;min-height:150px;resize:vertical;border:2px solid #d8e0ea;border-radius:16px;padding:15px 16px;background:#fff;color:#111827;line-height:1.75}\ntextarea:focus{outline:3px solid rgba(239,63,125,.14);border-color:var(--pink)}\n.writing-paper{position:relative;border:7px solid #d6e4fb;border-radius:34px;padding:24px 28px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#bad2ef 42px,#fff 43px)}\n.writing-paper::before{content:\"\u2713\";position:absolute;top:14px;left:22px;color:#ef4444;font-size:38px;transform:rotate(-8deg)}\n.writing-paper textarea{min-height:280px;border:0;background:transparent;padding:46px 8px 10px;font-size:18px;line-height:43px;resize:vertical}\n.writing-paper textarea:focus{outline:none}\n.word-bank{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}\n.word-chip{padding:9px 13px;border-radius:999px;background:#fff0f6;border:1px solid #e8b2c8;color:#7d3154;font-weight:900}\n.tip{background:#fff3f8;color:#51233c;border:1px solid #efc6d6;border-left:5px solid var(--pink);padding:16px 18px;border-radius:12px;line-height:1.75}\n.toolbar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}\n.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:900;transition:.2s}\n.btn-primary{background:var(--pink);color:#fff}.btn-light{background:#fff0f6;color:#642642;border:1px solid #e0adc3}.btn-blue{background:var(--blue);color:#fff}.btn-green{background:#139a62;color:#fff}\n.feedback{margin-top:14px;font-weight:900;min-height:24px;line-height:1.6}.ok{color:#168a57}.bad{color:#dc3f4f}\n.answer-reveal{margin-top:14px;padding:16px 18px;border-radius:14px;background:#fff1cc;border:2px solid #f59e0b;color:#4a2a00;font-weight:800;line-height:1.75}\n.char-info{display:flex;justify-content:flex-end;margin-top:9px;color:#64748b;font-weight:800}\n.result-panel{display:none;background:linear-gradient(135deg,#fff1cc,#ffe6f1);border-radius:22px;padding:22px;margin-top:18px}\n.result-score{font-size:32px;font-weight:900;color:#5f2343}\n.footer{background:var(--navy-dark);color:#dbe5f4;padding:34px 20px;margin-top:10px}\n.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}\n.footer-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}\n.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,30px);background:#4d2440;color:#fff;padding:13px 18px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.2)}\n.toast.show{opacity:1;transform:translate(-50%,0)}\n@media(max-width:900px){.top-actions{display:none}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:8px;overflow-x:auto;padding:12px}.side-title,.complete-guide{display:none}.step-link{min-width:max-content}}\n@media(max-width:700px){.wrap{padding:22px 14px 60px}.hero{padding:28px 22px;border-radius:24px}.hero h1{font-size:32px}.lesson-actions{grid-template-columns:1fr}.progress-box{grid-template-columns:1fr}.choice-grid,.thought-grid,.flow-title{grid-template-columns:1fr}.lesson{padding:22px 17px;border-radius:22px}.lesson h2{font-size:21px}.color-paragraph{font-size:17px}.footer-inner{flex-direction:column;text-align:center}}\n@media print{body{background:#fff}.topbar,.sidebar,.toolbar,.progress-box,.toast,.lesson-actions{display:none!important}.wrap{max-width:none;padding:0}.hero{box-shadow:none;border:1px solid #ddd;color:#111;background:#fff}.hero h1,.hero p{color:#111}.grid{display:block}.lesson{box-shadow:none;border:1px solid #ddd;break-inside:avoid;margin-bottom:18px}.footer{display:none}}\n<\/style>\n<\/head>\n<body>\n<header class=\"topbar\">\n <div class=\"topbar-inner\">\n <div class=\"brand\"><div class=\"logo\">\ud83d\udcd6<\/div><div><div class=\"brand-title\">\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8<\/div><small>\ucd08\ub4f1\ud559\uc0dd\uc744 \uc704\ud55c \uc0dd\uac01\ud558\ub294 \uae00\uc4f0\uae30 \ud559\uc2b5<\/small><\/div><\/div>\n <div class=\"top-actions\">\n <button type=\"button\" class=\"top-btn\" id=\"topResetBtn\">\ucc98\uc74c\ubd80\ud130 \u21ba<\/button>\n <button type=\"button\" class=\"top-btn\" id=\"topSaveBtn\">\ud559\uc2b5 \uc800\uc7a5 \u25a3<\/button>\n <button type=\"button\" class=\"top-btn print\" id=\"topPrintBtn\">\uc778\uc1c4 \/ PDF<\/button>\n <\/div>\n <\/div>\n<\/header>\n<main class=\"wrap\">\n<section class=\"hero\">\n <div class=\"hero-content\">\n <span class=\"badge\">02\uac15 \u00b7 \uc758\uacac \ube44\uad50\uc640 \uc8fc\uc7a5 \uae00\uc4f0\uae30<\/span>\n <h1><span>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4.<\/span><span class=\"vs-text\">VS<\/span><span>\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4.<\/span><\/h1>\n <p>\ub450 \uac00\uc9c0 \uc758\uacac\uc744 \ube44\uad50\ud558\uace0 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \uc815\ud569\ub2c8\ub2e4. \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c \uc815\ub9ac\ud558\uc5ec \uc124\ub4dd\ub825 \uc788\ub294 \uae00\uc744 \uc644\uc131\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <aside class=\"hero-card\">\n <h3>\ud83c\udfaf \uc624\ub298\uc758 \ud559\uc2b5 \ubaa9\ud45c<\/h3>\n <div class=\"goal-list\">\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\ub450 \uac00\uc9c0 \uc758\uacac\uc758 \ucc28\uc774\uc810\uc744 \uc774\ud574\ud569\ub2c8\ub2e4.<\/span><\/div>\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\ub294 \uac83\uc5d0 \ub300\ud55c \uc790\uc2e0\uc758 \uc758\uacac\uc744 \uc815\ud569\ub2c8\ub2e4.<\/span><\/div>\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\uc758\uacac\uc744 \ub4b7\ubc1b\uce68\ud558\ub294 \uae4c\ub2ed\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc501\ub2c8\ub2e4.<\/span><\/div>\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\uc608\uc0c1\ub418\ub294 \ubb38\uc81c\uc640 \ud574\uacb0 \ubc29\ubc95\uc744 \uae00\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4.<\/span><\/div>\n <\/div>\n <\/aside>\n<\/section>\n<section class=\"lesson-actions\">\n <button id=\"resetBtn\" type=\"button\" class=\"action-button action-reset\">\u21ba \ucc98\uc74c\ubd80\ud130<\/button>\n <button id=\"saveBtn\" type=\"button\" class=\"action-button action-save\">\u2713 \ud559\uc2b5 \uc800\uc7a5<\/button>\n <button id=\"printBtn\" type=\"button\" class=\"action-button action-print\">\u25a3 \uc778\uc1c4\u00b7PDF<\/button>\n<\/section>\n<section class=\"progress-box\"><div><div class=\"progress-title\"><strong>\ud559\uc2b5 \uc9c4\ud589\ub960<\/strong><span>\uc804\uccb4 4\ub2e8\uacc4 \ud65c\ub3d9<\/span><\/div><div class=\"progress-track\"><div id=\"progressFill\" class=\"progress-fill\"><\/div><\/div><\/div><div id=\"progressText\" class=\"progress-text\">0%<\/div><\/section>\n<div class=\"grid\">\n<nav class=\"sidebar\">\n <div class=\"side-title\">\ud83d\udcd6 \ud559\uc2b5 \uc21c\uc11c<\/div>\n <a class=\"step-link active\" href=\"#step1\"><span class=\"num\">1<\/span>\uc758\uacac \ud750\ub984 \uc774\ud574\ud558\uae30<\/a>\n <a class=\"step-link\" href=\"#step2\"><span class=\"num\">2<\/span>\ub098\uc758 \uc758\uacac \uc815\ud558\uae30<\/a>\n <a class=\"step-link\" href=\"#step3\"><span class=\"num\">3<\/span>\uae4c\ub2ed\uacfc \ubb38\uc81c \uc0dd\uac01\ud558\uae30<\/a>\n <a class=\"step-link\" href=\"#step4\"><span class=\"num\">4<\/span>\ub0b4 \uc0dd\uac01 \uae00\ub85c \uc4f0\uae30<\/a>\n <div class=\"complete-guide\"><h4>\ud83c\udfc6 \ud559\uc2b5 \uc644\ub8cc \uc870\uac74<\/h4><p>\u2713 \ubaa8\ub4e0 \ub2e8\uacc4\ub97c \uc644\ub8cc\ud569\ub2c8\ub2e4.<\/p><p>\u2713 \ucd5c\uc885 \uae00\uc744 120\uc790 \uc774\uc0c1 \uc501\ub2c8\ub2e4.<\/p><p>\u2713 \uc758\uacac\uacfc \uae4c\ub2ed\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p><\/div>\n<\/nav>\n<div class=\"content\">\n<section class=\"lesson\" id=\"step1\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">1<\/div><div><h2>\uc608\uc2dc \uae00\uc744 \uc77d\uace0 \uc758\uacac\uc774 \uc5b4\ub5bb\uac8c \uc774\uc5b4\uc9c0\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\ub098\uc758 \uc758\uacac, \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed, \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc758 \ud750\ub984\uc744 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"opinion-example\">\n <div class=\"flow-title\"><div>\ub098\uc758 \uc758\uacac\uc740?<\/div><div>\uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294<br>\uae4c\ub2ed\uc740 \ubb50\uc57c?<\/div><div>\uadf8\ub807\uac8c \ub418\uba74<br>\ubb38\uc81c\ub294 \uc5c6\uc744\uae4c?<\/div><div>\uadf8 \ubb38\uc81c\ub294 \uc5b4\ub5bb\uac8c<br>\ud574\uacb0\ud560\uae4c?<\/div><\/div>\n <p class=\"color-paragraph\">\n <span class=\"pink\">\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \uaf2d \uc548 \ub4e4\uc5b4\uac00\ub3c4 \ub41c\ub2e4.<\/span>\n <span class=\"orange\">\uc5b4\ub5a4 \uc0ac\ub78c\ub4e4\uc740 \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\uace0, \uacc4\ub780 \ub178\ub978\uc790\uac00 \ud130\uc9c0\uba74 \ub9db\uc774 \uc5c6\ub2e4.<\/span>\n <span class=\"green\">\uacc4\ub780\uc774 \uc5c6\uc5b4\uc11c \ub77c\uba74 \ud55c \uac00\uc9c0\ub9cc \uba39\uc73c\uba74 \uc785\ub9db\uc774 \ub5a8\uc5b4\uc9c8 \uc218 \uc788\ub2e4.<\/span>\n <span class=\"blue\">\uadf8\ub7f4 \ub550 \ub2e4\ub978 \ud1a0\ud551\uc744 \ucd94\uac00\ud558\uba74 \ub41c\ub2e4.<\/span>\n <\/p>\n <\/div>\n <div class=\"teacher-tip\"><div class=\"pencil\">\u270f\ufe0f<\/div><p>\uc608\uc2dc \uae00\ucc98\ub7fc \uc758\uacac\uc744 \uba3c\uc800 \ub9d0\ud55c \ub4a4 \uae4c\ub2ed, \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c \uc815\ub9ac\ud558\uba74 \uc0dd\uac01\uc744 \ub354 \ubd84\uba85\ud558\uac8c \uc804\ub2ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/div>\n <div id=\"fb1\" class=\"feedback\" aria-live=\"polite\"><\/div>\n <div id=\"ans1\" class=\"answer-reveal\" hidden>\uae00\uc758 \ud750\ub984\uc740 <strong>\ub098\uc758 \uc758\uacac \u2192 \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed \u2192 \uc608\uc0c1\ub418\ub294 \ubb38\uc81c \u2192 \ud574\uacb0 \ubc29\ubc95<\/strong>\uc758 \uc21c\uc11c\uc785\ub2c8\ub2e4.<\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-light\" id=\"step1HintBtn\">\ud78c\ud2b8 \ubcf4\uae30<\/button><button type=\"button\" class=\"btn btn-primary\" id=\"step1CompleteBtn\">\ub0b4\uc6a9 \uc774\ud574 \uc644\ub8cc<\/button><\/div>\n<\/section>\n<section class=\"lesson\" id=\"step2\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">2<\/div><div><h2>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\ub294 \uac83\uc5d0 \ub300\ud55c \uc790\uc2e0\uc758 \uc758\uacac\uc744 \uc815\ud574 \ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\ub450 \uac00\uc9c0 \uc758\uacac \uac00\uc6b4\ub370 \uc790\uc2e0\uc758 \uc0dd\uac01\uacfc \ub354 \uac00\uae4c\uc6b4 \uc758\uacac\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"choice-grid\">\n <label class=\"choice-card\" id=\"choiceYes\"><input type=\"radio\" name=\"opinion\" value=\"\ub123\uae30\"><div class=\"choice-icon\">\ud83e\udd5a<\/div><h3>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4.<\/h3><p>\uacc4\ub780\uc744 \ub123\uc73c\uba74 \uc601\uc591\uc774 \ub354\ud574\uc9c0\uace0, \uad6d\ubb3c\uc774 \ubd80\ub4dc\ub7ec\uc6cc\uc9c0\uba70 \ub4e0\ub4e0\ud558\uac8c \uba39\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/label>\n <label class=\"choice-card\" id=\"choiceNo\"><input type=\"radio\" name=\"opinion\" value=\"\uc548\ub123\uae30\"><div class=\"choice-icon\">\ud83c\udf5c<\/div><h3>\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4.<\/h3><p>\ub77c\uba74 \ubcf8\ub798\uc758 \uad6d\ubb3c \ub9db\uc744 \uadf8\ub300\ub85c \uc990\uae38 \uc218 \uc788\uace0, \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\ub3c4 \ud3b8\ud558\uac8c \uba39\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/label>\n <\/div>\n <div style=\"margin-top:18px\"><textarea id=\"opinionReason\" placeholder=\"\uc120\ud0dd\ud55c \uc758\uacac\uc744 \ud55c \ubb38\uc7a5\uc73c\ub85c \uc4f0\uace0, \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uc744 60\uc790 \uc774\uc0c1 \uc368 \ubcf4\uc138\uc694.\"><\/textarea><div class=\"char-info\"><span id=\"reasonCount\">0\uc790<\/span><\/div><\/div>\n <div id=\"fb2\" class=\"feedback\" aria-live=\"polite\"><\/div><div id=\"ans2\" class=\"answer-reveal\" hidden><\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-primary\" id=\"step2CheckBtn\">\uc758\uacac \ud655\uc778<\/button><\/div>\n<\/section>\n<section class=\"lesson\" id=\"step3\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">3<\/div><div><h2>\uce5c\uad6c\uc758 \uae00\uc744 \ucc38\uace0\ud558\uc5ec \ub098\uc758 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c\ub97c \uc815\ub9ac\ud574 \ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\ud55c\ucabd\uc758 \uc7a5\uc810\ub9cc \uc4f0\uc9c0 \uc54a\uace0, \uc0dd\uae38 \uc218 \uc788\ub294 \ubb38\uc81c\uc640 \ud574\uacb0 \ubc29\ubc95\ub3c4 \ud568\uaed8 \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"thought-grid\">\n <div class=\"thought-card\"><h3>\u2460 \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed<\/h3><textarea id=\"whyText\" placeholder=\"\uc608: \uacc4\ub780\uc744 \ub123\uc73c\uba74 \ub2e8\ubc31\uc9c8\uc744 \ubcf4\ucda9\ud560 \uc218 \uc788\uace0 \uad6d\ubb3c\uc774 \ub354 \ubd80\ub4dc\ub7ec\uc6cc\uc9d1\ub2c8\ub2e4.\"><\/textarea><\/div>\n <div class=\"thought-card\"><h3>\u2461 \uadf8\ub807\uac8c \ud588\uc744 \ub54c \uc0dd\uae38 \uc218 \uc788\ub294 \ubb38\uc81c<\/h3><textarea id=\"problemText\" placeholder=\"\uc608: \uacc4\ub780 \ub178\ub978\uc790\uac00 \ud130\uc9c0\uba74 \uad6d\ubb3c \ub9db\uc774 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uace0, \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\uc740 \uba39\uae30 \ubd88\ud3b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"><\/textarea><\/div>\n <div class=\"thought-card\"><h3>\u2462 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294 \ubc29\ubc95<\/h3><textarea id=\"solutionText\" placeholder=\"\uc608: \uacc4\ub780\uc744 \ub530\ub85c \uc775\ud788\uac70\ub098 \uc6d0\ud558\ub294 \uc0ac\ub78c\ub9cc \uacc4\ub780\uc744 \ub123\uc5b4 \uba39\ub3c4\ub85d \ud558\uba74 \ub429\ub2c8\ub2e4.\"><\/textarea><\/div>\n <div class=\"thought-card\"><h3>\u2463 \uc0c1\ub300 \uc758\uacac\ub3c4 \uc774\ud574\ud574 \ubcf4\uae30<\/h3><textarea id=\"otherText\" placeholder=\"\uc608: \uacc4\ub780\uc744 \ub123\uc9c0 \uc54a\uc73c\uba74 \ub77c\uba74 \ubcf8\ub798\uc758 \uc9c4\ud55c \uad6d\ubb3c \ub9db\uc744 \uadf8\ub300\ub85c \uc990\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"><\/textarea><\/div>\n <\/div>\n <div id=\"fb3\" class=\"feedback\" aria-live=\"polite\"><\/div>\n <div id=\"ans3\" class=\"answer-reveal\" hidden><strong>\uc608\uc2dc<\/strong><br>\uae4c\ub2ed: \uacc4\ub780\uc744 \ub123\uc73c\uba74 \uc601\uc591\uc744 \ubcf4\ucda9\ud558\uace0 \ub4e0\ub4e0\ud558\uac8c \uba39\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\ubb38\uc81c: \ub178\ub978\uc790\uac00 \ud130\uc9c0\uba74 \uad6d\ubb3c \ub9db\uc774 \ub2ec\ub77c\uc9c0\uac70\ub098 \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\uc774 \ubd88\ud3b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\ud574\uacb0 \ubc29\ubc95: \uc6d0\ud558\ub294 \uc0ac\ub78c\ub9cc \uacc4\ub780\uc744 \ub123\uac70\ub098 \uacc4\ub780\uc744 \ub530\ub85c \uc775\ud799\ub2c8\ub2e4.<br>\uc0c1\ub300 \uc758\uacac \uc774\ud574: \uacc4\ub780\uc744 \ub123\uc9c0 \uc54a\uc73c\uba74 \ub77c\uba74 \ubcf8\ub798\uc758 \ub9db\uc744 \uc990\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-light\" id=\"step3ExampleBtn\">\uc608\uc2dc \ub2f5\uc548 \ubcf4\uae30<\/button><button type=\"button\" class=\"btn btn-primary\" id=\"step3CheckBtn\">\uc0dd\uac01 \uc815\ub9ac \uc644\ub8cc<\/button><\/div>\n<\/section>\n<section class=\"lesson\" id=\"step4\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">4<\/div><div><h2>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\ub294 \uac83\uc5d0 \ub300\ud55c \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \ud55c \ud3b8\uc758 \uae00\ub85c \uc644\uc131\ud574 \ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\uc790\uc2e0\uc758 \uc758\uacac\uc73c\ub85c \uc2dc\uc791\ud558\uace0, \ub450 \uac00\uc9c0 \uc774\uc0c1\uc758 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"word-bank\"><span class=\"word-chip\">\uc601\uc591 \ubcf4\ucda9<\/span><span class=\"word-chip\">\ubd80\ub4dc\ub7ec\uc6b4 \uad6d\ubb3c<\/span><span class=\"word-chip\">\ub77c\uba74 \ubcf8\ub798\uc758 \ub9db<\/span><span class=\"word-chip\">\uac1c\uc778\uc758 \ucde8\ud5a5<\/span><span class=\"word-chip\">\uacc4\ub780 \ub178\ub978\uc790<\/span><span class=\"word-chip\">\ub2e4\ub978 \ud1a0\ud551<\/span><\/div>\n <div class=\"tip\"><strong>\uae00\uc4f0\uae30 \ub3c4\uc6c0\ub9d0<\/strong><br>\u2460 \ub098\uc758 \uc758\uacac\uc744 \uccab \ubb38\uc7a5\uc5d0 \ubd84\uba85\ud558\uac8c \uc501\ub2c8\ub2e4.<br>\u2461 \u201c\uccab\uc9f8\u201d, \u201c\ub458\uc9f8\u201d\ub97c \uc0ac\uc6a9\ud574 \uae4c\ub2ed\uc744 \ub098\ub204\uc5b4 \uc501\ub2c8\ub2e4.<br>\u2462 \uc608\uc0c1\ub418\ub294 \ubb38\uc81c\ub97c \uc0dd\uac01\ud558\uace0 \ud574\uacb0 \ubc29\ubc95\uc744 \uc81c\uc2dc\ud569\ub2c8\ub2e4.<br>\u2463 \ub9c8\uc9c0\ub9c9\uc5d0\ub294 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \ub2e4\uc2dc \ud55c\ubc88 \uc815\ub9ac\ud569\ub2c8\ub2e4.<\/div>\n <div class=\"writing-paper\" style=\"margin-top:18px\"><textarea id=\"finalEssay\" placeholder=\"\uc5ec\uae30\uc5d0 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 120\uc790 \uc774\uc0c1 \uc368 \ubcf4\uc138\uc694.\"><\/textarea><\/div>\n <div class=\"char-info\"><span id=\"essayCount\">0\uc790<\/span><\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-light\" id=\"guideBtn\">\uae00\uc4f0\uae30 \ud2c0 \ub123\uae30<\/button><button type=\"button\" class=\"btn btn-blue\" id=\"bringBtn\">\uc0dd\uac01 \uac00\uc838\uc624\uae30<\/button><button type=\"button\" class=\"btn btn-green\" id=\"finishBtn\">\ud559\uc2b5 \uc644\ub8cc<\/button><\/div>\n <div id=\"resultPanel\" class=\"result-panel\"><div id=\"scoreText\" class=\"result-score\">\ud559\uc2b5 \uc644\ub8cc<\/div><p id=\"resultMsg\"><\/p><\/div>\n<\/section>\n<\/div><\/div>\n<\/main>\n<footer class=\"footer\"><div class=\"footer-inner\"><div class=\"footer-brand\"><div class=\"logo\">\ud83d\udcd6<\/div><span>\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8<\/span><\/div><div>\ucd08\ub4f1\ud559\uc0dd\uc744 \uc704\ud55c \uc0dd\uac01\ud558\uace0 \ud45c\ud604\ud558\ub294 \uae00\uc4f0\uae30 \ud559\uc2b5<\/div><div>\ubcf8 \ud559\uc2b5 \ucf58\ud150\uce20\ub294 \uad50\uc721 \ubaa9\uc801\uc73c\ub85c \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/div><\/div><\/footer>\n<div id=\"toast\" class=\"toast\" role=\"status\" aria-live=\"polite\">\ud559\uc2b5 \ub0b4\uc6a9\uc774 \uc800\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/div>\n<script>\n(function(){\n\"use strict\";\nconst STORAGE_KEY = \"elementaryEssaySchool_ramenEgg_lesson02_v1\";\nlet completed = {step1:false,step2:false,step3:false,step4:false};\nconst $ = id => document.getElementById(id);\nconst progressFill=$(\"progressFill\"),progressText=$(\"progressText\"),toastBox=$(\"toast\");\nfunction showToast(message){toastBox.textContent=message;toastBox.classList.add(\"show\");clearTimeout(showToast.timer);showToast.timer=setTimeout(()=>toastBox.classList.remove(\"show\"),1800)}\nfunction updateProgress(){const count=Object.values(completed).filter(Boolean).length;const percent=count*25;progressFill.style.width=percent+\"%\";progressText.textContent=percent+\"%\"}\nfunction setFeedback(id,message,ok){const el=$(id);el.className=\"feedback \"+(ok?\"ok\":\"bad\");el.textContent=message}\nfunction setChoiceVisual(){$(\"choiceYes\").classList.remove(\"selected\");$(\"choiceNo\").classList.remove(\"selected\");const selected=document.querySelector('input[name=\"opinion\"]:checked');if(!selected)return;(selected.value===\"\ub123\uae30\"?$(\"choiceYes\"):$(\"choiceNo\")).classList.add(\"selected\")}\nfunction showStep1Hint(){const el=$(\"fb1\");el.className=\"feedback\";el.textContent=\"\ud78c\ud2b8: \ub098\uc758 \uc758\uacac\uc744 \uba3c\uc800 \ub9d0\ud558\uace0, \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c \uc124\uba85\ud569\ub2c8\ub2e4.\"}\nfunction completeStep1(){$(\"ans1\").hidden=false;setFeedback(\"fb1\",\"\uc758\uacac\uc744 \uc124\uba85\ud558\ub294 \uae00\uc758 \uae30\ubcf8 \ud750\ub984\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4.\",true);completed.step1=true;updateProgress();showToast(\"1\ub2e8\uacc4\ub97c \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction checkStep2(){const selected=document.querySelector('input[name=\"opinion\"]:checked');const text=$(\"opinionReason\").value.trim();if(!selected){setFeedback(\"fb2\",\"\uba3c\uc800 \uacc4\ub780\uc744 \ub123\uae30\uc640 \ub123\uc9c0 \uc54a\uae30 \uac00\uc6b4\ub370 \ud558\ub098\ub97c \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\",false);return}const valid=text.length>=60&&\/(\ub54c\ubb38|\uc65c\ub0d0\ud558\uba74|\uacc4\ub780|\ub77c\uba74|\uad6d\ubb3c|\uc601\uc591|\ub9db|\ubd80\ub4dc\ub7fd|\ud1a0\ud551|\ucde8\ud5a5)\/.test(text);$(\"ans2\").hidden=false;$(\"ans2\").innerHTML=selected.value===\"\ub123\uae30\"?\"<strong>\uc608\uc2dc \ub2f5\uc548<\/strong><br>\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uacc4\ub780\uc744 \ub123\uc73c\uba74 \ub2e8\ubc31\uc9c8\uacfc \uc601\uc591\uc744 \ubcf4\ucda9\ud560 \uc218 \uc788\uace0, \uad6d\ubb3c\uc774 \ub354 \ubd80\ub4dc\ub7ec\uc6cc\uc838 \ub4e0\ub4e0\ud558\uac8c \uba39\uc744 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\":\"<strong>\uc608\uc2dc \ub2f5\uc548<\/strong><br>\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uacc4\ub780\uc744 \ub123\uc9c0 \uc54a\uc73c\uba74 \ub77c\uba74 \ubcf8\ub798\uc758 \uc9c4\ud55c \uad6d\ubb3c \ub9db\uc744 \uadf8\ub300\ub85c \uc990\uae38 \uc218 \uc788\uace0, \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\ub3c4 \ud3b8\ud558\uac8c \uba39\uc744 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\";completed.step2=valid;updateProgress();if(valid){setFeedback(\"fb2\",\"\uc790\uc2e0\uc758 \uc758\uacac\uacfc \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uc744 \ubd84\uba85\ud558\uac8c \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4.\",true);showToast(\"2\ub2e8\uacc4\ub97c \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}else{setFeedback(\"fb2\",\"\uc790\uc2e0\uc758 \uc758\uacac\uacfc \uae4c\ub2ed\uc744 \ud3ec\ud568\ud558\uc5ec 60\uc790 \uc774\uc0c1 \uc368 \uc8fc\uc138\uc694.\",false)}}\nfunction showStep3Example(){$(\"ans3\").hidden=false;showToast(\"\uc608\uc2dc \ub2f5\uc548\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction checkStep3(){const why=$(\"whyText\").value.trim(),problem=$(\"problemText\").value.trim(),solution=$(\"solutionText\").value.trim(),other=$(\"otherText\").value.trim();const valid=why.length>=30&&problem.length>=25&&solution.length>=25&&other.length>=25&&\/(\uacc4\ub780|\ub77c\uba74|\uad6d\ubb3c|\uc601\uc591|\ub9db|\ubd80\ub4dc\ub7fd|\ub4e0\ub4e0)\/.test(why)&&\/(\ubb38\uc81c|\ubd88\ud3b8|\uc2eb\uc5b4|\ub178\ub978\uc790|\ub9db|\ubc88\uac70|\ubd80\uc871)\/.test(problem)&&\/(\ud574\uacb0|\ub530\ub85c|\uc6d0\ud558\ub294|\uc120\ud0dd|\ucd94\uac00|\uc775\ud788)\/.test(solution);$(\"ans3\").hidden=false;completed.step3=valid;updateProgress();if(valid){setFeedback(\"fb3\",\"\uae4c\ub2ed\uacfc \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \uade0\ud615 \uc788\uac8c \uc815\ub9ac\ud588\uc2b5\ub2c8\ub2e4.\",true);showToast(\"3\ub2e8\uacc4\ub97c \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}else{setFeedback(\"fb3\",\"\ub124 \uce78\uc744 \ubaa8\ub450 \uc791\uc131\ud558\uace0, \uae4c\ub2ed\uacfc \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc368 \uc8fc\uc138\uc694.\",false)}}\nfunction insertWritingGuide(){const finalEssay=$(\"finalEssay\");if(finalEssay.value.trim()){showToast(\"\uc774\ubbf8 \uc791\uc131\ud55c \ub0b4\uc6a9\uc774 \uc788\uc2b5\ub2c8\ub2e4.\");return}finalEssay.value=`\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 ____________________ \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.\\n\uccab\uc9f8, ____________________\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\\n\ub458\uc9f8, ____________________\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\\n\ud558\uc9c0\ub9cc ____________________\ub77c\ub294 \ubb38\uc81c\uac00 \uc0dd\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\\n\uc774 \ubb38\uc81c\ub294 ____________________\ud558\uba74 \ud574\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\\n\ub530\ub77c\uc11c \uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 ____________________ \ud558\ub294 \uac83\uc774 \ub354 \uc88b\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.`;finalEssay.dispatchEvent(new Event(\"input\"));finalEssay.focus()}\nfunction bringThoughts(){const selected=document.querySelector('input[name=\"opinion\"]:checked');if(!selected){showToast(\"2\ub2e8\uacc4\uc5d0\uc11c \uba3c\uc800 \uc758\uacac\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\");return}const intro=selected.value===\"\ub123\uae30\"?\"\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.\":\"\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.\";const parts=[intro,$(\"opinionReason\").value.trim(),$(\"whyText\").value.trim()?\"\uccab\uc9f8, \"+$(\"whyText\").value.trim():\"\",$(\"problemText\").value.trim()?\"\ud558\uc9c0\ub9cc \"+$(\"problemText\").value.trim():\"\",$(\"solutionText\").value.trim()?\"\uc774 \ubb38\uc81c\ub294 \"+$(\"solutionText\").value.trim():\"\",$(\"otherText\").value.trim()?\"\ubc18\ub300 \uc758\uacac\uc5d0\uc11c\ub294 \"+$(\"otherText\").value.trim():\"\"].filter(Boolean);$(\"finalEssay\").value=parts.join(\"\\n\\n\");$(\"finalEssay\").dispatchEvent(new Event(\"input\"));$(\"finalEssay\").focus();showToast(\"\uc55e \ub2e8\uacc4\uc758 \uc0dd\uac01\uc744 \uac00\uc838\uc654\uc2b5\ub2c8\ub2e4.\")}\nfunction finishLesson(){const text=$(\"finalEssay\").value.trim();const selected=document.querySelector('input[name=\"opinion\"]:checked');if(!selected){showToast(\"\uba3c\uc800 \uc790\uc2e0\uc758 \uc758\uacac\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\");return}if(text.length<120){showToast(\"\ucd5c\uc885 \uae00\uc744 120\uc790 \uc774\uc0c1 \uc368 \uc8fc\uc138\uc694.\");return}if(!\/(\uacc4\ub780|\ub77c\uba74|\uc0dd\uac01\ud569\ub2c8\ub2e4|\uc758\uacac)\/.test(text)){showToast(\"\uc790\uc2e0\uc758 \uc758\uacac\uc744 \ubd84\uba85\ud558\uac8c \uc368 \uc8fc\uc138\uc694.\");return}if(!\/(\uccab\uc9f8|\ub458\uc9f8|\ub54c\ubb38|\uae4c\ub2ed|\uad6d\ubb3c|\uc601\uc591|\ub9db|\ubd80\ub4dc\ub7fd|\ud1a0\ud551)\/.test(text)){showToast(\"\uc758\uacac\uc744 \ub4b7\ubc1b\uce68\ud558\ub294 \uae4c\ub2ed\uc744 \ud3ec\ud568\ud574 \uc8fc\uc138\uc694.\");return}completed.step4=true;updateProgress();const score=Object.values(completed).filter(Boolean).length*25;$(\"resultPanel\").style.display=\"block\";$(\"scoreText\").textContent=score+\"\uc810 \u00b7 \ud559\uc2b5 \uc644\ub8cc\";$(\"resultMsg\").textContent=score===100?\"\ubaa8\ub4e0 \ud65c\ub3d9\uc744 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4. \uc790\uc2e0\uc758 \uc758\uacac\uacfc \uae4c\ub2ed, \uc608\uc0c1\ub418\ub294 \ubb38\uc81c\uc640 \ud574\uacb0 \ubc29\ubc95\uc744 \ub17c\ub9ac\uc801\uc73c\ub85c \uc798 \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4.\":\"\ucd5c\uc885 \uae00\uc4f0\uae30\ub294 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4. \uc544\uc9c1 \uc644\ub8cc\ud558\uc9c0 \uc54a\uc740 \ub2e8\uacc4\uac00 \uc788\ub2e4\uba74 \uc704\ub85c \uc774\ub3d9\ud558\uc5ec \ub2e4\uc2dc \ud655\uc778\ud574 \ubcf4\uc138\uc694.\";saveAll(false);showToast(\"\ud559\uc2b5\uc744 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction collectData(){const selected=document.querySelector('input[name=\"opinion\"]:checked');return{completed,opinion:selected?selected.value:\"\",fields:{opinionReason:$(\"opinionReason\").value,whyText:$(\"whyText\").value,problemText:$(\"problemText\").value,solutionText:$(\"solutionText\").value,otherText:$(\"otherText\").value,finalEssay:$(\"finalEssay\").value}}}\nfunction saveAll(showMessage){try{localStorage.setItem(STORAGE_KEY,JSON.stringify(collectData()));if(showMessage)showToast(\"\ud559\uc2b5 \ub0b4\uc6a9\uc774 \uc800\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\")}catch(e){if(showMessage)showToast(\"\ube0c\ub77c\uc6b0\uc800 \uc800\uc7a5 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.\")}}\nfunction loadAll(){try{const raw=localStorage.getItem(STORAGE_KEY);if(!raw){updateProgress();return}const data=JSON.parse(raw);completed=Object.assign(completed,data.completed||{});if(data.fields){Object.entries(data.fields).forEach(([key,value])=>{if($(key))$(key).value=value})}if(data.opinion){const radio=document.querySelector('input[name=\"opinion\"][value=\"'+data.opinion+'\"]');if(radio)radio.checked=true}setChoiceVisual();updateProgress();$(\"opinionReason\").dispatchEvent(new Event(\"input\"));$(\"finalEssay\").dispatchEvent(new Event(\"input\"))}catch(e){console.warn(\"\uc800\uc7a5 \ub0b4\uc6a9\uc744 \ubd88\ub7ec\uc624\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4.\",e)}}\nfunction resetAll(){if(!confirm(\"\uc791\uc131\ud55c \ud559\uc2b5 \ub0b4\uc6a9\uc744 \ubaa8\ub450 \uc9c0\uc6b0\uace0 \ucc98\uc74c\ubd80\ud130 \uc2dc\uc791\ud560\uae4c\uc694?\"))return;try{localStorage.removeItem(STORAGE_KEY)}catch(e){}document.querySelectorAll(\"textarea\").forEach(el=>el.value=\"\");document.querySelectorAll('input[name=\"opinion\"]').forEach(el=>el.checked=false);document.querySelectorAll(\".choice-card\").forEach(el=>el.classList.remove(\"selected\"));document.querySelectorAll(\".feedback\").forEach(el=>{el.textContent=\"\";el.className=\"feedback\"});document.querySelectorAll(\".answer-reveal\").forEach(el=>el.hidden=true);completed={step1:false,step2:false,step3:false,step4:false};$(\"resultPanel\").style.display=\"none\";$(\"reasonCount\").textContent=\"0\uc790\";$(\"essayCount\").textContent=\"0\uc790\";updateProgress();scrollTo({top:0,behavior:\"smooth\"});showToast(\"\ucc98\uc74c \uc0c1\ud0dc\ub85c \ucd08\uae30\ud654\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction printLesson(){saveAll(false);showToast(\"\uc778\uc1c4 \ucc3d\uc744 \uc5fd\ub2c8\ub2e4.\");setTimeout(()=>print(),250)}\nfunction bindButton(id,handler){const el=$(id);if(el)el.addEventListener(\"click\",handler)}\ndocument.querySelectorAll('input[name=\"opinion\"]').forEach(radio=>radio.addEventListener(\"change\",setChoiceVisual));\n$(\"opinionReason\").addEventListener(\"input\",e=>$(\"reasonCount\").textContent=e.target.value.length+\"\uc790\");\n$(\"finalEssay\").addEventListener(\"input\",e=>$(\"essayCount\").textContent=e.target.value.length+\"\uc790\");\nbindButton(\"step1HintBtn\",showStep1Hint);bindButton(\"step1CompleteBtn\",completeStep1);bindButton(\"step2CheckBtn\",checkStep2);bindButton(\"step3ExampleBtn\",showStep3Example);bindButton(\"step3CheckBtn\",checkStep3);bindButton(\"guideBtn\",insertWritingGuide);bindButton(\"bringBtn\",bringThoughts);bindButton(\"finishBtn\",finishLesson);\n[\"saveBtn\",\"topSaveBtn\"].forEach(id=>bindButton(id,()=>saveAll(true)));[\"resetBtn\",\"topResetBtn\"].forEach(id=>bindButton(id,resetAll));[\"printBtn\",\"topPrintBtn\"].forEach(id=>bindButton(id,printLesson));\ndocument.querySelectorAll(\".step-link\").forEach(link=>link.addEventListener(\"click\",function(e){const target=document.querySelector(this.getAttribute(\"href\"));if(target){e.preventDefault();target.scrollIntoView({behavior:\"smooth\",block:\"start\"})}}));\nif(\"IntersectionObserver\" in window){const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){document.querySelectorAll(\".step-link\").forEach(link=>link.classList.remove(\"active\"));const active=document.querySelector('.step-link[href=\"#'+entry.target.id+'\"]');if(active)active.classList.add(\"active\")}})},{rootMargin:\"-35% 0px -55% 0px\"});document.querySelectorAll(\".lesson\").forEach(section=>observer.observe(section))}\nloadAll();\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8 02\uac15 | \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4 VS \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4 \ud83d\udcd6 \ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8 \ucd08\ub4f1\ud559\uc0dd\uc744 \uc704\ud55c \uc0dd\uac01\ud558\ub294 \uae00\uc4f0\uae30 \ud559\uc2b5 \ucc98\uc74c\ubd80\ud130 \u21ba \ud559\uc2b5 \uc800\uc7a5 \u25a3 \uc778\uc1c4 \/ PDF 02\uac15 \u00b7 \uc758\uacac \ube44\uad50\uc640 \uc8fc\uc7a5 \uae00\uc4f0\uae30 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4.VS\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4. \ub450 \uac00\uc9c0 \uc758\uacac\uc744 \ube44\uad50\ud558\uace0 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \uc815\ud569\ub2c8\ub2e4. \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":1,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15,"date":"2026-07-16T22:04:18","date_gmt":"2026-07-16T22:04:18","guid":{"rendered":"https:\/\/book1.ag-1004.com\/?page_id=15"},"modified":"2026-07-16T22:04:19","modified_gmt":"2026-07-16T22:04:19","slug":"%eb%a7%a4%ec%9d%bc-%eb%85%bc%ec%88%a0-2%ea%b0%95","status":"publish","type":"page","link":"https:\/\/book1.ag-1004.com\/?page_id=15","title":{"rendered":"\ub9e4\uc77c \ub17c\uc220 2\uac15"},"content":{"rendered":"\n\n\n\n\n\n\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8 02\uac15 | \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4 VS \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4<\/title>\n<style>\n:root{\n --navy:#10233f;--navy-dark:#071426;--pink:#ef3f7d;--pink-dark:#c52d70;\n --pink-light:#fff0f6;--orange:#f97316;--green:#168a57;--blue:#2563eb;\n --ink:#111827;--muted:#64748b;--line:#dfe7f1;--white:#fff;\n --shadow:0 18px 50px rgba(16,35,63,.12)\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n margin:0;\n font-family:Pretendard,\"Noto Sans KR\",\"Apple SD Gothic Neo\",Arial,sans-serif;\n color:var(--ink);\n background:\n radial-gradient(circle at 8% 8%,rgba(255,143,177,.18),transparent 25%),\n radial-gradient(circle at 92% 12%,rgba(59,130,246,.11),transparent 25%),\n #f7f9fc\n}\nbutton,input,textarea,select{font:inherit}\nbutton{cursor:pointer}\na{text-decoration:none;color:inherit}\nbutton:focus-visible,a:focus-visible,textarea:focus-visible{\n outline:3px solid rgba(239,63,125,.32);outline-offset:3px\n}\n.topbar{\n position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);\n border-bottom:1px solid var(--line);backdrop-filter:blur(12px)\n}\n.topbar-inner{\n max-width:1180px;margin:auto;padding:14px 20px;\n display:flex;align-items:center;justify-content:space-between;gap:20px\n}\n.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy)}\n.logo{\n width:46px;height:46px;border-radius:15px;\n background:linear-gradient(135deg,#ef3f7d,#ff7aa8);\n display:grid;place-items:center;color:#fff;font-size:24px;\n box-shadow:0 8px 20px rgba(239,63,125,.25)\n}\n.brand-title{font-size:21px}\n.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}\n.top-actions{display:flex;gap:10px}\n.top-btn{\n border:1px solid #d7dee8;background:#fff;color:var(--navy);\n border-radius:12px;padding:10px 14px;font-weight:900;\n box-shadow:0 5px 14px rgba(15,23,42,.06)\n}\n.top-btn.print{background:var(--pink);color:#fff;border-color:var(--pink)}\n.wrap{max-width:1180px;margin:auto;padding:34px 20px 80px}\n.hero{\n position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;\n gap:28px;background:linear-gradient(135deg,#bd2870,#e8447b 55%,#ff7195);\n border-radius:32px;padding:42px;color:#fff;box-shadow:var(--shadow)\n}\n.hero::before,.hero::after{\n content:\"\";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)\n}\n.hero::before{width:260px;height:260px;right:-80px;top:-100px}\n.hero::after{width:190px;height:190px;left:44%;bottom:-110px}\n.hero-content,.hero-card{position:relative;z-index:2}\n.badge{\n display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);\n border:1px solid rgba(255,255,255,.28);padding:8px 14px;border-radius:999px;font-weight:900\n}\n.hero h1{\n font-size:clamp(32px,4.7vw,54px);line-height:1.22;margin:20px 0 16px;\n color:#fff;letter-spacing:-1.5px\n}\n.hero h1 span{display:block;margin:6px 0}\n.vs-text{color:#fff2a8;font-size:.72em}\n.hero p{font-size:18px;line-height:1.8;font-weight:700;margin:0;max-width:720px}\n.hero-card{\n background:#fff;color:var(--ink);border-radius:26px;padding:26px;\n box-shadow:0 18px 40px rgba(88,15,55,.18)\n}\n.hero-card h3{margin:0 0 18px;color:var(--navy);font-size:21px}\n.goal-list{display:grid;gap:14px}\n.goal-item{display:flex;gap:10px;align-items:flex-start;color:#334155;font-weight:800;line-height:1.55}\n.goal-check{\n flex:0 0 23px;width:23px;height:23px;border-radius:50%;\n background:#ffe2ed;color:var(--pink);display:grid;place-items:center;font-size:13px\n}\n.lesson-actions{\n display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;\n padding:18px;background:#fff;border:1px solid #dbe3ed;border-radius:22px;box-shadow:var(--shadow)\n}\n.action-button{\n min-height:58px;border:2px solid #e1b5c8;border-radius:16px;\n padding:12px 18px;font-weight:900;transition:.2s\n}\n.action-button:hover,.btn:hover,.top-btn:hover{transform:translateY(-2px)}\n.action-reset,.action-save{background:#fff0f6;color:#5f2343}\n.action-print{background:#5f2343;color:#fff}\n.progress-box{\n background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);\n display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center\n}\n.progress-title{display:flex;align-items:center;gap:14px;margin-bottom:10px}\n.progress-title strong{color:var(--navy)}\n.progress-track{height:14px;background:#edf2f7;border-radius:999px;overflow:hidden}\n.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#ef3f7d,#ffae5d);transition:.4s}\n.progress-text{font-weight:900;color:var(--pink);font-size:22px}\n.grid{display:grid;grid-template-columns:260px 1fr;gap:26px;margin-top:26px}\n.sidebar{\n position:sticky;top:92px;align-self:start;background:#fff;border-radius:24px;\n padding:18px;box-shadow:var(--shadow)\n}\n.side-title{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--navy);padding:8px;margin-bottom:8px}\n.step-link{\n display:flex;gap:12px;align-items:center;padding:13px 12px;border-radius:14px;\n margin:7px 0;font-weight:800;color:#526175;transition:.2s\n}\n.step-link:hover,.step-link.active{background:#fff0f6;color:var(--pink-dark)}\n.num{width:31px;height:31px;border-radius:10px;background:#e9eef5;display:grid;place-items:center;font-weight:900}\n.step-link.active .num{background:var(--pink);color:#fff}\n.complete-guide{margin-top:24px;background:#fff8f1;border:1px solid #f8dcc7;border-radius:18px;padding:17px}\n.complete-guide h4{margin:0 0 12px;color:var(--navy)}\n.complete-guide p{margin:8px 0;color:#596579;font-size:14px;line-height:1.6}\n.content{display:grid;gap:24px}\n.lesson{background:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow);scroll-margin-top:100px}\n.lesson-head{display:flex;gap:14px;margin-bottom:22px}\n.lesson-no{\n flex:0 0 46px;height:46px;border-radius:15px;display:grid;place-items:center;\n background:linear-gradient(135deg,#ef3f7d,#ff769d);color:#fff;font-size:22px;font-weight:900\n}\n.lesson h2{margin:3px 0 7px;color:var(--navy);font-size:25px;line-height:1.4}\n.desc{margin:0;color:var(--muted);line-height:1.7}\n.opinion-example{border:2px dashed #c9d9ef;border-radius:22px;padding:24px;background:#fbfdff}\n.flow-title{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}\n.flow-title div{text-align:center;padding:13px 8px;font-weight:900;border-bottom:2px dotted #c9d4e3;line-height:1.5}\n.flow-title div:nth-child(1){color:#d52d72}\n.flow-title div:nth-child(2){color:#e45b0b}\n.flow-title div:nth-child(3){color:#289a41}\n.flow-title div:nth-child(4){color:#2361d7}\n.color-paragraph{font-size:19px;line-height:2.05;font-weight:800;margin:0}\n.color-paragraph .pink{color:#d52d72}.color-paragraph .orange{color:#e45b0b}.color-paragraph .green{color:#289a41}.color-paragraph .blue{color:#2361d7}\n.teacher-tip{display:flex;gap:14px;align-items:center;margin-top:18px;padding:16px;border:1px solid #f4cdbc;background:#fffaf7;border-radius:16px}\n.pencil{flex:0 0 58px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:35px;background:#fff3ce}\n.teacher-tip p{margin:0;color:#4b5563;line-height:1.7;font-size:14px}\n.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.choice-card{position:relative;border:2px solid #e1e8f0;background:#fff;border-radius:22px;padding:22px;cursor:pointer;transition:.2s}\n.choice-card:hover{transform:translateY(-3px);border-color:#f59abb}\n.choice-card.selected{border-color:var(--pink);background:#fff1f6;box-shadow:0 10px 30px rgba(239,63,125,.15)}\n.choice-card input{position:absolute;opacity:0;pointer-events:none}\n.choice-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:29px;background:#fff2c8;margin-bottom:14px}\n.choice-card h3{margin:0 0 8px;color:var(--navy)}\n.choice-card p{margin:0;color:#64748b;line-height:1.65}\n.thought-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.thought-card{border:1px solid var(--line);border-radius:20px;padding:19px;background:#f8fbff}\n.thought-card h3{margin:0 0 12px;color:var(--navy);font-size:18px}\ntextarea{width:100%;min-height:150px;resize:vertical;border:2px solid #d8e0ea;border-radius:16px;padding:15px 16px;background:#fff;color:#111827;line-height:1.75}\ntextarea:focus{outline:3px solid rgba(239,63,125,.14);border-color:var(--pink)}\n.writing-paper{position:relative;border:7px solid #d6e4fb;border-radius:34px;padding:24px 28px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#bad2ef 42px,#fff 43px)}\n.writing-paper::before{content:\"\u2713\";position:absolute;top:14px;left:22px;color:#ef4444;font-size:38px;transform:rotate(-8deg)}\n.writing-paper textarea{min-height:280px;border:0;background:transparent;padding:46px 8px 10px;font-size:18px;line-height:43px;resize:vertical}\n.writing-paper textarea:focus{outline:none}\n.word-bank{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}\n.word-chip{padding:9px 13px;border-radius:999px;background:#fff0f6;border:1px solid #e8b2c8;color:#7d3154;font-weight:900}\n.tip{background:#fff3f8;color:#51233c;border:1px solid #efc6d6;border-left:5px solid var(--pink);padding:16px 18px;border-radius:12px;line-height:1.75}\n.toolbar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}\n.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:900;transition:.2s}\n.btn-primary{background:var(--pink);color:#fff}.btn-light{background:#fff0f6;color:#642642;border:1px solid #e0adc3}.btn-blue{background:var(--blue);color:#fff}.btn-green{background:#139a62;color:#fff}\n.feedback{margin-top:14px;font-weight:900;min-height:24px;line-height:1.6}.ok{color:#168a57}.bad{color:#dc3f4f}\n.answer-reveal{margin-top:14px;padding:16px 18px;border-radius:14px;background:#fff1cc;border:2px solid #f59e0b;color:#4a2a00;font-weight:800;line-height:1.75}\n.char-info{display:flex;justify-content:flex-end;margin-top:9px;color:#64748b;font-weight:800}\n.result-panel{display:none;background:linear-gradient(135deg,#fff1cc,#ffe6f1);border-radius:22px;padding:22px;margin-top:18px}\n.result-score{font-size:32px;font-weight:900;color:#5f2343}\n.footer{background:var(--navy-dark);color:#dbe5f4;padding:34px 20px;margin-top:10px}\n.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}\n.footer-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}\n.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,30px);background:#4d2440;color:#fff;padding:13px 18px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.2)}\n.toast.show{opacity:1;transform:translate(-50%,0)}\n@media(max-width:900px){.top-actions{display:none}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:8px;overflow-x:auto;padding:12px}.side-title,.complete-guide{display:none}.step-link{min-width:max-content}}\n@media(max-width:700px){.wrap{padding:22px 14px 60px}.hero{padding:28px 22px;border-radius:24px}.hero h1{font-size:32px}.lesson-actions{grid-template-columns:1fr}.progress-box{grid-template-columns:1fr}.choice-grid,.thought-grid,.flow-title{grid-template-columns:1fr}.lesson{padding:22px 17px;border-radius:22px}.lesson h2{font-size:21px}.color-paragraph{font-size:17px}.footer-inner{flex-direction:column;text-align:center}}\n@media print{body{background:#fff}.topbar,.sidebar,.toolbar,.progress-box,.toast,.lesson-actions{display:none!important}.wrap{max-width:none;padding:0}.hero{box-shadow:none;border:1px solid #ddd;color:#111;background:#fff}.hero h1,.hero p{color:#111}.grid{display:block}.lesson{box-shadow:none;border:1px solid #ddd;break-inside:avoid;margin-bottom:18px}.footer{display:none}}\n<\/style>\n<\/head>\n<body>\n<header class=\"topbar\">\n <div class=\"topbar-inner\">\n <div class=\"brand\"><div class=\"logo\">\ud83d\udcd6<\/div><div><div class=\"brand-title\">\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8<\/div><small>\ucd08\ub4f1\ud559\uc0dd\uc744 \uc704\ud55c \uc0dd\uac01\ud558\ub294 \uae00\uc4f0\uae30 \ud559\uc2b5<\/small><\/div><\/div>\n <div class=\"top-actions\">\n <button type=\"button\" class=\"top-btn\" id=\"topResetBtn\">\ucc98\uc74c\ubd80\ud130 \u21ba<\/button>\n <button type=\"button\" class=\"top-btn\" id=\"topSaveBtn\">\ud559\uc2b5 \uc800\uc7a5 \u25a3<\/button>\n <button type=\"button\" class=\"top-btn print\" id=\"topPrintBtn\">\uc778\uc1c4 \/ PDF<\/button>\n <\/div>\n <\/div>\n<\/header>\n<main class=\"wrap\">\n<section class=\"hero\">\n <div class=\"hero-content\">\n <span class=\"badge\">02\uac15 \u00b7 \uc758\uacac \ube44\uad50\uc640 \uc8fc\uc7a5 \uae00\uc4f0\uae30<\/span>\n <h1><span>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4.<\/span><span class=\"vs-text\">VS<\/span><span>\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4.<\/span><\/h1>\n <p>\ub450 \uac00\uc9c0 \uc758\uacac\uc744 \ube44\uad50\ud558\uace0 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \uc815\ud569\ub2c8\ub2e4. \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c \uc815\ub9ac\ud558\uc5ec \uc124\ub4dd\ub825 \uc788\ub294 \uae00\uc744 \uc644\uc131\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <aside class=\"hero-card\">\n <h3>\ud83c\udfaf \uc624\ub298\uc758 \ud559\uc2b5 \ubaa9\ud45c<\/h3>\n <div class=\"goal-list\">\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\ub450 \uac00\uc9c0 \uc758\uacac\uc758 \ucc28\uc774\uc810\uc744 \uc774\ud574\ud569\ub2c8\ub2e4.<\/span><\/div>\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\ub294 \uac83\uc5d0 \ub300\ud55c \uc790\uc2e0\uc758 \uc758\uacac\uc744 \uc815\ud569\ub2c8\ub2e4.<\/span><\/div>\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\uc758\uacac\uc744 \ub4b7\ubc1b\uce68\ud558\ub294 \uae4c\ub2ed\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc501\ub2c8\ub2e4.<\/span><\/div>\n <div class=\"goal-item\"><span class=\"goal-check\">\u2713<\/span><span>\uc608\uc0c1\ub418\ub294 \ubb38\uc81c\uc640 \ud574\uacb0 \ubc29\ubc95\uc744 \uae00\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4.<\/span><\/div>\n <\/div>\n <\/aside>\n<\/section>\n<section class=\"lesson-actions\">\n <button id=\"resetBtn\" type=\"button\" class=\"action-button action-reset\">\u21ba \ucc98\uc74c\ubd80\ud130<\/button>\n <button id=\"saveBtn\" type=\"button\" class=\"action-button action-save\">\u2713 \ud559\uc2b5 \uc800\uc7a5<\/button>\n <button id=\"printBtn\" type=\"button\" class=\"action-button action-print\">\u25a3 \uc778\uc1c4\u00b7PDF<\/button>\n<\/section>\n<section class=\"progress-box\"><div><div class=\"progress-title\"><strong>\ud559\uc2b5 \uc9c4\ud589\ub960<\/strong><span>\uc804\uccb4 4\ub2e8\uacc4 \ud65c\ub3d9<\/span><\/div><div class=\"progress-track\"><div id=\"progressFill\" class=\"progress-fill\"><\/div><\/div><\/div><div id=\"progressText\" class=\"progress-text\">0%<\/div><\/section>\n<div class=\"grid\">\n<nav class=\"sidebar\">\n <div class=\"side-title\">\ud83d\udcd6 \ud559\uc2b5 \uc21c\uc11c<\/div>\n <a class=\"step-link active\" href=\"#step1\"><span class=\"num\">1<\/span>\uc758\uacac \ud750\ub984 \uc774\ud574\ud558\uae30<\/a>\n <a class=\"step-link\" href=\"#step2\"><span class=\"num\">2<\/span>\ub098\uc758 \uc758\uacac \uc815\ud558\uae30<\/a>\n <a class=\"step-link\" href=\"#step3\"><span class=\"num\">3<\/span>\uae4c\ub2ed\uacfc \ubb38\uc81c \uc0dd\uac01\ud558\uae30<\/a>\n <a class=\"step-link\" href=\"#step4\"><span class=\"num\">4<\/span>\ub0b4 \uc0dd\uac01 \uae00\ub85c \uc4f0\uae30<\/a>\n <div class=\"complete-guide\"><h4>\ud83c\udfc6 \ud559\uc2b5 \uc644\ub8cc \uc870\uac74<\/h4><p>\u2713 \ubaa8\ub4e0 \ub2e8\uacc4\ub97c \uc644\ub8cc\ud569\ub2c8\ub2e4.<\/p><p>\u2713 \ucd5c\uc885 \uae00\uc744 120\uc790 \uc774\uc0c1 \uc501\ub2c8\ub2e4.<\/p><p>\u2713 \uc758\uacac\uacfc \uae4c\ub2ed\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p><\/div>\n<\/nav>\n<div class=\"content\">\n<section class=\"lesson\" id=\"step1\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">1<\/div><div><h2>\uc608\uc2dc \uae00\uc744 \uc77d\uace0 \uc758\uacac\uc774 \uc5b4\ub5bb\uac8c \uc774\uc5b4\uc9c0\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\ub098\uc758 \uc758\uacac, \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed, \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc758 \ud750\ub984\uc744 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"opinion-example\">\n <div class=\"flow-title\"><div>\ub098\uc758 \uc758\uacac\uc740?<\/div><div>\uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294<br>\uae4c\ub2ed\uc740 \ubb50\uc57c?<\/div><div>\uadf8\ub807\uac8c \ub418\uba74<br>\ubb38\uc81c\ub294 \uc5c6\uc744\uae4c?<\/div><div>\uadf8 \ubb38\uc81c\ub294 \uc5b4\ub5bb\uac8c<br>\ud574\uacb0\ud560\uae4c?<\/div><\/div>\n <p class=\"color-paragraph\">\n <span class=\"pink\">\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \uaf2d \uc548 \ub4e4\uc5b4\uac00\ub3c4 \ub41c\ub2e4.<\/span>\n <span class=\"orange\">\uc5b4\ub5a4 \uc0ac\ub78c\ub4e4\uc740 \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\uace0, \uacc4\ub780 \ub178\ub978\uc790\uac00 \ud130\uc9c0\uba74 \ub9db\uc774 \uc5c6\ub2e4.<\/span>\n <span class=\"green\">\uacc4\ub780\uc774 \uc5c6\uc5b4\uc11c \ub77c\uba74 \ud55c \uac00\uc9c0\ub9cc \uba39\uc73c\uba74 \uc785\ub9db\uc774 \ub5a8\uc5b4\uc9c8 \uc218 \uc788\ub2e4.<\/span>\n <span class=\"blue\">\uadf8\ub7f4 \ub550 \ub2e4\ub978 \ud1a0\ud551\uc744 \ucd94\uac00\ud558\uba74 \ub41c\ub2e4.<\/span>\n <\/p>\n <\/div>\n <div class=\"teacher-tip\"><div class=\"pencil\">\u270f\ufe0f<\/div><p>\uc608\uc2dc \uae00\ucc98\ub7fc \uc758\uacac\uc744 \uba3c\uc800 \ub9d0\ud55c \ub4a4 \uae4c\ub2ed, \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c \uc815\ub9ac\ud558\uba74 \uc0dd\uac01\uc744 \ub354 \ubd84\uba85\ud558\uac8c \uc804\ub2ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/div>\n <div id=\"fb1\" class=\"feedback\" aria-live=\"polite\"><\/div>\n <div id=\"ans1\" class=\"answer-reveal\" hidden>\uae00\uc758 \ud750\ub984\uc740 <strong>\ub098\uc758 \uc758\uacac \u2192 \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed \u2192 \uc608\uc0c1\ub418\ub294 \ubb38\uc81c \u2192 \ud574\uacb0 \ubc29\ubc95<\/strong>\uc758 \uc21c\uc11c\uc785\ub2c8\ub2e4.<\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-light\" id=\"step1HintBtn\">\ud78c\ud2b8 \ubcf4\uae30<\/button><button type=\"button\" class=\"btn btn-primary\" id=\"step1CompleteBtn\">\ub0b4\uc6a9 \uc774\ud574 \uc644\ub8cc<\/button><\/div>\n<\/section>\n<section class=\"lesson\" id=\"step2\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">2<\/div><div><h2>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\ub294 \uac83\uc5d0 \ub300\ud55c \uc790\uc2e0\uc758 \uc758\uacac\uc744 \uc815\ud574 \ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\ub450 \uac00\uc9c0 \uc758\uacac \uac00\uc6b4\ub370 \uc790\uc2e0\uc758 \uc0dd\uac01\uacfc \ub354 \uac00\uae4c\uc6b4 \uc758\uacac\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"choice-grid\">\n <label class=\"choice-card\" id=\"choiceYes\"><input type=\"radio\" name=\"opinion\" value=\"\ub123\uae30\"><div class=\"choice-icon\">\ud83e\udd5a<\/div><h3>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4.<\/h3><p>\uacc4\ub780\uc744 \ub123\uc73c\uba74 \uc601\uc591\uc774 \ub354\ud574\uc9c0\uace0, \uad6d\ubb3c\uc774 \ubd80\ub4dc\ub7ec\uc6cc\uc9c0\uba70 \ub4e0\ub4e0\ud558\uac8c \uba39\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/label>\n <label class=\"choice-card\" id=\"choiceNo\"><input type=\"radio\" name=\"opinion\" value=\"\uc548\ub123\uae30\"><div class=\"choice-icon\">\ud83c\udf5c<\/div><h3>\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4.<\/h3><p>\ub77c\uba74 \ubcf8\ub798\uc758 \uad6d\ubb3c \ub9db\uc744 \uadf8\ub300\ub85c \uc990\uae38 \uc218 \uc788\uace0, \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\ub3c4 \ud3b8\ud558\uac8c \uba39\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/label>\n <\/div>\n <div style=\"margin-top:18px\"><textarea id=\"opinionReason\" placeholder=\"\uc120\ud0dd\ud55c \uc758\uacac\uc744 \ud55c \ubb38\uc7a5\uc73c\ub85c \uc4f0\uace0, \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uc744 60\uc790 \uc774\uc0c1 \uc368 \ubcf4\uc138\uc694.\"><\/textarea><div class=\"char-info\"><span id=\"reasonCount\">0\uc790<\/span><\/div><\/div>\n <div id=\"fb2\" class=\"feedback\" aria-live=\"polite\"><\/div><div id=\"ans2\" class=\"answer-reveal\" hidden><\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-primary\" id=\"step2CheckBtn\">\uc758\uacac \ud655\uc778<\/button><\/div>\n<\/section>\n<section class=\"lesson\" id=\"step3\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">3<\/div><div><h2>\uce5c\uad6c\uc758 \uae00\uc744 \ucc38\uace0\ud558\uc5ec \ub098\uc758 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c\ub97c \uc815\ub9ac\ud574 \ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\ud55c\ucabd\uc758 \uc7a5\uc810\ub9cc \uc4f0\uc9c0 \uc54a\uace0, \uc0dd\uae38 \uc218 \uc788\ub294 \ubb38\uc81c\uc640 \ud574\uacb0 \ubc29\ubc95\ub3c4 \ud568\uaed8 \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"thought-grid\">\n <div class=\"thought-card\"><h3>\u2460 \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed<\/h3><textarea id=\"whyText\" placeholder=\"\uc608: \uacc4\ub780\uc744 \ub123\uc73c\uba74 \ub2e8\ubc31\uc9c8\uc744 \ubcf4\ucda9\ud560 \uc218 \uc788\uace0 \uad6d\ubb3c\uc774 \ub354 \ubd80\ub4dc\ub7ec\uc6cc\uc9d1\ub2c8\ub2e4.\"><\/textarea><\/div>\n <div class=\"thought-card\"><h3>\u2461 \uadf8\ub807\uac8c \ud588\uc744 \ub54c \uc0dd\uae38 \uc218 \uc788\ub294 \ubb38\uc81c<\/h3><textarea id=\"problemText\" placeholder=\"\uc608: \uacc4\ub780 \ub178\ub978\uc790\uac00 \ud130\uc9c0\uba74 \uad6d\ubb3c \ub9db\uc774 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uace0, \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\uc740 \uba39\uae30 \ubd88\ud3b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"><\/textarea><\/div>\n <div class=\"thought-card\"><h3>\u2462 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294 \ubc29\ubc95<\/h3><textarea id=\"solutionText\" placeholder=\"\uc608: \uacc4\ub780\uc744 \ub530\ub85c \uc775\ud788\uac70\ub098 \uc6d0\ud558\ub294 \uc0ac\ub78c\ub9cc \uacc4\ub780\uc744 \ub123\uc5b4 \uba39\ub3c4\ub85d \ud558\uba74 \ub429\ub2c8\ub2e4.\"><\/textarea><\/div>\n <div class=\"thought-card\"><h3>\u2463 \uc0c1\ub300 \uc758\uacac\ub3c4 \uc774\ud574\ud574 \ubcf4\uae30<\/h3><textarea id=\"otherText\" placeholder=\"\uc608: \uacc4\ub780\uc744 \ub123\uc9c0 \uc54a\uc73c\uba74 \ub77c\uba74 \ubcf8\ub798\uc758 \uc9c4\ud55c \uad6d\ubb3c \ub9db\uc744 \uadf8\ub300\ub85c \uc990\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"><\/textarea><\/div>\n <\/div>\n <div id=\"fb3\" class=\"feedback\" aria-live=\"polite\"><\/div>\n <div id=\"ans3\" class=\"answer-reveal\" hidden><strong>\uc608\uc2dc<\/strong><br>\uae4c\ub2ed: \uacc4\ub780\uc744 \ub123\uc73c\uba74 \uc601\uc591\uc744 \ubcf4\ucda9\ud558\uace0 \ub4e0\ub4e0\ud558\uac8c \uba39\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\ubb38\uc81c: \ub178\ub978\uc790\uac00 \ud130\uc9c0\uba74 \uad6d\ubb3c \ub9db\uc774 \ub2ec\ub77c\uc9c0\uac70\ub098 \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\uc774 \ubd88\ud3b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\ud574\uacb0 \ubc29\ubc95: \uc6d0\ud558\ub294 \uc0ac\ub78c\ub9cc \uacc4\ub780\uc744 \ub123\uac70\ub098 \uacc4\ub780\uc744 \ub530\ub85c \uc775\ud799\ub2c8\ub2e4.<br>\uc0c1\ub300 \uc758\uacac \uc774\ud574: \uacc4\ub780\uc744 \ub123\uc9c0 \uc54a\uc73c\uba74 \ub77c\uba74 \ubcf8\ub798\uc758 \ub9db\uc744 \uc990\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-light\" id=\"step3ExampleBtn\">\uc608\uc2dc \ub2f5\uc548 \ubcf4\uae30<\/button><button type=\"button\" class=\"btn btn-primary\" id=\"step3CheckBtn\">\uc0dd\uac01 \uc815\ub9ac \uc644\ub8cc<\/button><\/div>\n<\/section>\n<section class=\"lesson\" id=\"step4\">\n <div class=\"lesson-head\"><div class=\"lesson-no\">4<\/div><div><h2>\ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\ub294 \uac83\uc5d0 \ub300\ud55c \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \ud55c \ud3b8\uc758 \uae00\ub85c \uc644\uc131\ud574 \ubcf4\uc138\uc694.<\/h2><p class=\"desc\">\uc790\uc2e0\uc758 \uc758\uacac\uc73c\ub85c \uc2dc\uc791\ud558\uace0, \ub450 \uac00\uc9c0 \uc774\uc0c1\uc758 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\n <div class=\"word-bank\"><span class=\"word-chip\">\uc601\uc591 \ubcf4\ucda9<\/span><span class=\"word-chip\">\ubd80\ub4dc\ub7ec\uc6b4 \uad6d\ubb3c<\/span><span class=\"word-chip\">\ub77c\uba74 \ubcf8\ub798\uc758 \ub9db<\/span><span class=\"word-chip\">\uac1c\uc778\uc758 \ucde8\ud5a5<\/span><span class=\"word-chip\">\uacc4\ub780 \ub178\ub978\uc790<\/span><span class=\"word-chip\">\ub2e4\ub978 \ud1a0\ud551<\/span><\/div>\n <div class=\"tip\"><strong>\uae00\uc4f0\uae30 \ub3c4\uc6c0\ub9d0<\/strong><br>\u2460 \ub098\uc758 \uc758\uacac\uc744 \uccab \ubb38\uc7a5\uc5d0 \ubd84\uba85\ud558\uac8c \uc501\ub2c8\ub2e4.<br>\u2461 \u201c\uccab\uc9f8\u201d, \u201c\ub458\uc9f8\u201d\ub97c \uc0ac\uc6a9\ud574 \uae4c\ub2ed\uc744 \ub098\ub204\uc5b4 \uc501\ub2c8\ub2e4.<br>\u2462 \uc608\uc0c1\ub418\ub294 \ubb38\uc81c\ub97c \uc0dd\uac01\ud558\uace0 \ud574\uacb0 \ubc29\ubc95\uc744 \uc81c\uc2dc\ud569\ub2c8\ub2e4.<br>\u2463 \ub9c8\uc9c0\ub9c9\uc5d0\ub294 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \ub2e4\uc2dc \ud55c\ubc88 \uc815\ub9ac\ud569\ub2c8\ub2e4.<\/div>\n <div class=\"writing-paper\" style=\"margin-top:18px\"><textarea id=\"finalEssay\" placeholder=\"\uc5ec\uae30\uc5d0 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 120\uc790 \uc774\uc0c1 \uc368 \ubcf4\uc138\uc694.\"><\/textarea><\/div>\n <div class=\"char-info\"><span id=\"essayCount\">0\uc790<\/span><\/div>\n <div class=\"toolbar\"><button type=\"button\" class=\"btn btn-light\" id=\"guideBtn\">\uae00\uc4f0\uae30 \ud2c0 \ub123\uae30<\/button><button type=\"button\" class=\"btn btn-blue\" id=\"bringBtn\">\uc0dd\uac01 \uac00\uc838\uc624\uae30<\/button><button type=\"button\" class=\"btn btn-green\" id=\"finishBtn\">\ud559\uc2b5 \uc644\ub8cc<\/button><\/div>\n <div id=\"resultPanel\" class=\"result-panel\"><div id=\"scoreText\" class=\"result-score\">\ud559\uc2b5 \uc644\ub8cc<\/div><p id=\"resultMsg\"><\/p><\/div>\n<\/section>\n<\/div><\/div>\n<\/main>\n<footer class=\"footer\"><div class=\"footer-inner\"><div class=\"footer-brand\"><div class=\"logo\">\ud83d\udcd6<\/div><span>\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8<\/span><\/div><div>\ucd08\ub4f1\ud559\uc0dd\uc744 \uc704\ud55c \uc0dd\uac01\ud558\uace0 \ud45c\ud604\ud558\ub294 \uae00\uc4f0\uae30 \ud559\uc2b5<\/div><div>\ubcf8 \ud559\uc2b5 \ucf58\ud150\uce20\ub294 \uad50\uc721 \ubaa9\uc801\uc73c\ub85c \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/div><\/div><\/footer>\n<div id=\"toast\" class=\"toast\" role=\"status\" aria-live=\"polite\">\ud559\uc2b5 \ub0b4\uc6a9\uc774 \uc800\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/div>\n<script>\n(function(){\n\"use strict\";\nconst STORAGE_KEY = \"elementaryEssaySchool_ramenEgg_lesson02_v1\";\nlet completed = {step1:false,step2:false,step3:false,step4:false};\nconst $ = id => document.getElementById(id);\nconst progressFill=$(\"progressFill\"),progressText=$(\"progressText\"),toastBox=$(\"toast\");\nfunction showToast(message){toastBox.textContent=message;toastBox.classList.add(\"show\");clearTimeout(showToast.timer);showToast.timer=setTimeout(()=>toastBox.classList.remove(\"show\"),1800)}\nfunction updateProgress(){const count=Object.values(completed).filter(Boolean).length;const percent=count*25;progressFill.style.width=percent+\"%\";progressText.textContent=percent+\"%\"}\nfunction setFeedback(id,message,ok){const el=$(id);el.className=\"feedback \"+(ok?\"ok\":\"bad\");el.textContent=message}\nfunction setChoiceVisual(){$(\"choiceYes\").classList.remove(\"selected\");$(\"choiceNo\").classList.remove(\"selected\");const selected=document.querySelector('input[name=\"opinion\"]:checked');if(!selected)return;(selected.value===\"\ub123\uae30\"?$(\"choiceYes\"):$(\"choiceNo\")).classList.add(\"selected\")}\nfunction showStep1Hint(){const el=$(\"fb1\");el.className=\"feedback\";el.textContent=\"\ud78c\ud2b8: \ub098\uc758 \uc758\uacac\uc744 \uba3c\uc800 \ub9d0\ud558\uace0, \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c \uc124\uba85\ud569\ub2c8\ub2e4.\"}\nfunction completeStep1(){$(\"ans1\").hidden=false;setFeedback(\"fb1\",\"\uc758\uacac\uc744 \uc124\uba85\ud558\ub294 \uae00\uc758 \uae30\ubcf8 \ud750\ub984\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4.\",true);completed.step1=true;updateProgress();showToast(\"1\ub2e8\uacc4\ub97c \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction checkStep2(){const selected=document.querySelector('input[name=\"opinion\"]:checked');const text=$(\"opinionReason\").value.trim();if(!selected){setFeedback(\"fb2\",\"\uba3c\uc800 \uacc4\ub780\uc744 \ub123\uae30\uc640 \ub123\uc9c0 \uc54a\uae30 \uac00\uc6b4\ub370 \ud558\ub098\ub97c \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\",false);return}const valid=text.length>=60&&\/(\ub54c\ubb38|\uc65c\ub0d0\ud558\uba74|\uacc4\ub780|\ub77c\uba74|\uad6d\ubb3c|\uc601\uc591|\ub9db|\ubd80\ub4dc\ub7fd|\ud1a0\ud551|\ucde8\ud5a5)\/.test(text);$(\"ans2\").hidden=false;$(\"ans2\").innerHTML=selected.value===\"\ub123\uae30\"?\"<strong>\uc608\uc2dc \ub2f5\uc548<\/strong><br>\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uacc4\ub780\uc744 \ub123\uc73c\uba74 \ub2e8\ubc31\uc9c8\uacfc \uc601\uc591\uc744 \ubcf4\ucda9\ud560 \uc218 \uc788\uace0, \uad6d\ubb3c\uc774 \ub354 \ubd80\ub4dc\ub7ec\uc6cc\uc838 \ub4e0\ub4e0\ud558\uac8c \uba39\uc744 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\":\"<strong>\uc608\uc2dc \ub2f5\uc548<\/strong><br>\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4. \uacc4\ub780\uc744 \ub123\uc9c0 \uc54a\uc73c\uba74 \ub77c\uba74 \ubcf8\ub798\uc758 \uc9c4\ud55c \uad6d\ubb3c \ub9db\uc744 \uadf8\ub300\ub85c \uc990\uae38 \uc218 \uc788\uace0, \uacc4\ub780\uc744 \uc2eb\uc5b4\ud558\ub294 \uc0ac\ub78c\ub3c4 \ud3b8\ud558\uac8c \uba39\uc744 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\";completed.step2=valid;updateProgress();if(valid){setFeedback(\"fb2\",\"\uc790\uc2e0\uc758 \uc758\uacac\uacfc \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uc744 \ubd84\uba85\ud558\uac8c \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4.\",true);showToast(\"2\ub2e8\uacc4\ub97c \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}else{setFeedback(\"fb2\",\"\uc790\uc2e0\uc758 \uc758\uacac\uacfc \uae4c\ub2ed\uc744 \ud3ec\ud568\ud558\uc5ec 60\uc790 \uc774\uc0c1 \uc368 \uc8fc\uc138\uc694.\",false)}}\nfunction showStep3Example(){$(\"ans3\").hidden=false;showToast(\"\uc608\uc2dc \ub2f5\uc548\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction checkStep3(){const why=$(\"whyText\").value.trim(),problem=$(\"problemText\").value.trim(),solution=$(\"solutionText\").value.trim(),other=$(\"otherText\").value.trim();const valid=why.length>=30&&problem.length>=25&&solution.length>=25&&other.length>=25&&\/(\uacc4\ub780|\ub77c\uba74|\uad6d\ubb3c|\uc601\uc591|\ub9db|\ubd80\ub4dc\ub7fd|\ub4e0\ub4e0)\/.test(why)&&\/(\ubb38\uc81c|\ubd88\ud3b8|\uc2eb\uc5b4|\ub178\ub978\uc790|\ub9db|\ubc88\uac70|\ubd80\uc871)\/.test(problem)&&\/(\ud574\uacb0|\ub530\ub85c|\uc6d0\ud558\ub294|\uc120\ud0dd|\ucd94\uac00|\uc775\ud788)\/.test(solution);$(\"ans3\").hidden=false;completed.step3=valid;updateProgress();if(valid){setFeedback(\"fb3\",\"\uae4c\ub2ed\uacfc \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \uade0\ud615 \uc788\uac8c \uc815\ub9ac\ud588\uc2b5\ub2c8\ub2e4.\",true);showToast(\"3\ub2e8\uacc4\ub97c \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}else{setFeedback(\"fb3\",\"\ub124 \uce78\uc744 \ubaa8\ub450 \uc791\uc131\ud558\uace0, \uae4c\ub2ed\uacfc \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc368 \uc8fc\uc138\uc694.\",false)}}\nfunction insertWritingGuide(){const finalEssay=$(\"finalEssay\");if(finalEssay.value.trim()){showToast(\"\uc774\ubbf8 \uc791\uc131\ud55c \ub0b4\uc6a9\uc774 \uc788\uc2b5\ub2c8\ub2e4.\");return}finalEssay.value=`\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 ____________________ \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.\\n\uccab\uc9f8, ____________________\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\\n\ub458\uc9f8, ____________________\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\\n\ud558\uc9c0\ub9cc ____________________\ub77c\ub294 \ubb38\uc81c\uac00 \uc0dd\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\\n\uc774 \ubb38\uc81c\ub294 ____________________\ud558\uba74 \ud574\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\\n\ub530\ub77c\uc11c \uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 ____________________ \ud558\ub294 \uac83\uc774 \ub354 \uc88b\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.`;finalEssay.dispatchEvent(new Event(\"input\"));finalEssay.focus()}\nfunction bringThoughts(){const selected=document.querySelector('input[name=\"opinion\"]:checked');if(!selected){showToast(\"2\ub2e8\uacc4\uc5d0\uc11c \uba3c\uc800 \uc758\uacac\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\");return}const intro=selected.value===\"\ub123\uae30\"?\"\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.\":\"\uc800\ub294 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.\";const parts=[intro,$(\"opinionReason\").value.trim(),$(\"whyText\").value.trim()?\"\uccab\uc9f8, \"+$(\"whyText\").value.trim():\"\",$(\"problemText\").value.trim()?\"\ud558\uc9c0\ub9cc \"+$(\"problemText\").value.trim():\"\",$(\"solutionText\").value.trim()?\"\uc774 \ubb38\uc81c\ub294 \"+$(\"solutionText\").value.trim():\"\",$(\"otherText\").value.trim()?\"\ubc18\ub300 \uc758\uacac\uc5d0\uc11c\ub294 \"+$(\"otherText\").value.trim():\"\"].filter(Boolean);$(\"finalEssay\").value=parts.join(\"\\n\\n\");$(\"finalEssay\").dispatchEvent(new Event(\"input\"));$(\"finalEssay\").focus();showToast(\"\uc55e \ub2e8\uacc4\uc758 \uc0dd\uac01\uc744 \uac00\uc838\uc654\uc2b5\ub2c8\ub2e4.\")}\nfunction finishLesson(){const text=$(\"finalEssay\").value.trim();const selected=document.querySelector('input[name=\"opinion\"]:checked');if(!selected){showToast(\"\uba3c\uc800 \uc790\uc2e0\uc758 \uc758\uacac\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.\");return}if(text.length<120){showToast(\"\ucd5c\uc885 \uae00\uc744 120\uc790 \uc774\uc0c1 \uc368 \uc8fc\uc138\uc694.\");return}if(!\/(\uacc4\ub780|\ub77c\uba74|\uc0dd\uac01\ud569\ub2c8\ub2e4|\uc758\uacac)\/.test(text)){showToast(\"\uc790\uc2e0\uc758 \uc758\uacac\uc744 \ubd84\uba85\ud558\uac8c \uc368 \uc8fc\uc138\uc694.\");return}if(!\/(\uccab\uc9f8|\ub458\uc9f8|\ub54c\ubb38|\uae4c\ub2ed|\uad6d\ubb3c|\uc601\uc591|\ub9db|\ubd80\ub4dc\ub7fd|\ud1a0\ud551)\/.test(text)){showToast(\"\uc758\uacac\uc744 \ub4b7\ubc1b\uce68\ud558\ub294 \uae4c\ub2ed\uc744 \ud3ec\ud568\ud574 \uc8fc\uc138\uc694.\");return}completed.step4=true;updateProgress();const score=Object.values(completed).filter(Boolean).length*25;$(\"resultPanel\").style.display=\"block\";$(\"scoreText\").textContent=score+\"\uc810 \u00b7 \ud559\uc2b5 \uc644\ub8cc\";$(\"resultMsg\").textContent=score===100?\"\ubaa8\ub4e0 \ud65c\ub3d9\uc744 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4. \uc790\uc2e0\uc758 \uc758\uacac\uacfc \uae4c\ub2ed, \uc608\uc0c1\ub418\ub294 \ubb38\uc81c\uc640 \ud574\uacb0 \ubc29\ubc95\uc744 \ub17c\ub9ac\uc801\uc73c\ub85c \uc798 \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4.\":\"\ucd5c\uc885 \uae00\uc4f0\uae30\ub294 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4. \uc544\uc9c1 \uc644\ub8cc\ud558\uc9c0 \uc54a\uc740 \ub2e8\uacc4\uac00 \uc788\ub2e4\uba74 \uc704\ub85c \uc774\ub3d9\ud558\uc5ec \ub2e4\uc2dc \ud655\uc778\ud574 \ubcf4\uc138\uc694.\";saveAll(false);showToast(\"\ud559\uc2b5\uc744 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction collectData(){const selected=document.querySelector('input[name=\"opinion\"]:checked');return{completed,opinion:selected?selected.value:\"\",fields:{opinionReason:$(\"opinionReason\").value,whyText:$(\"whyText\").value,problemText:$(\"problemText\").value,solutionText:$(\"solutionText\").value,otherText:$(\"otherText\").value,finalEssay:$(\"finalEssay\").value}}}\nfunction saveAll(showMessage){try{localStorage.setItem(STORAGE_KEY,JSON.stringify(collectData()));if(showMessage)showToast(\"\ud559\uc2b5 \ub0b4\uc6a9\uc774 \uc800\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\")}catch(e){if(showMessage)showToast(\"\ube0c\ub77c\uc6b0\uc800 \uc800\uc7a5 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.\")}}\nfunction loadAll(){try{const raw=localStorage.getItem(STORAGE_KEY);if(!raw){updateProgress();return}const data=JSON.parse(raw);completed=Object.assign(completed,data.completed||{});if(data.fields){Object.entries(data.fields).forEach(([key,value])=>{if($(key))$(key).value=value})}if(data.opinion){const radio=document.querySelector('input[name=\"opinion\"][value=\"'+data.opinion+'\"]');if(radio)radio.checked=true}setChoiceVisual();updateProgress();$(\"opinionReason\").dispatchEvent(new Event(\"input\"));$(\"finalEssay\").dispatchEvent(new Event(\"input\"))}catch(e){console.warn(\"\uc800\uc7a5 \ub0b4\uc6a9\uc744 \ubd88\ub7ec\uc624\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4.\",e)}}\nfunction resetAll(){if(!confirm(\"\uc791\uc131\ud55c \ud559\uc2b5 \ub0b4\uc6a9\uc744 \ubaa8\ub450 \uc9c0\uc6b0\uace0 \ucc98\uc74c\ubd80\ud130 \uc2dc\uc791\ud560\uae4c\uc694?\"))return;try{localStorage.removeItem(STORAGE_KEY)}catch(e){}document.querySelectorAll(\"textarea\").forEach(el=>el.value=\"\");document.querySelectorAll('input[name=\"opinion\"]').forEach(el=>el.checked=false);document.querySelectorAll(\".choice-card\").forEach(el=>el.classList.remove(\"selected\"));document.querySelectorAll(\".feedback\").forEach(el=>{el.textContent=\"\";el.className=\"feedback\"});document.querySelectorAll(\".answer-reveal\").forEach(el=>el.hidden=true);completed={step1:false,step2:false,step3:false,step4:false};$(\"resultPanel\").style.display=\"none\";$(\"reasonCount\").textContent=\"0\uc790\";$(\"essayCount\").textContent=\"0\uc790\";updateProgress();scrollTo({top:0,behavior:\"smooth\"});showToast(\"\ucc98\uc74c \uc0c1\ud0dc\ub85c \ucd08\uae30\ud654\ud588\uc2b5\ub2c8\ub2e4.\")}\nfunction printLesson(){saveAll(false);showToast(\"\uc778\uc1c4 \ucc3d\uc744 \uc5fd\ub2c8\ub2e4.\");setTimeout(()=>print(),250)}\nfunction bindButton(id,handler){const el=$(id);if(el)el.addEventListener(\"click\",handler)}\ndocument.querySelectorAll('input[name=\"opinion\"]').forEach(radio=>radio.addEventListener(\"change\",setChoiceVisual));\n$(\"opinionReason\").addEventListener(\"input\",e=>$(\"reasonCount\").textContent=e.target.value.length+\"\uc790\");\n$(\"finalEssay\").addEventListener(\"input\",e=>$(\"essayCount\").textContent=e.target.value.length+\"\uc790\");\nbindButton(\"step1HintBtn\",showStep1Hint);bindButton(\"step1CompleteBtn\",completeStep1);bindButton(\"step2CheckBtn\",checkStep2);bindButton(\"step3ExampleBtn\",showStep3Example);bindButton(\"step3CheckBtn\",checkStep3);bindButton(\"guideBtn\",insertWritingGuide);bindButton(\"bringBtn\",bringThoughts);bindButton(\"finishBtn\",finishLesson);\n[\"saveBtn\",\"topSaveBtn\"].forEach(id=>bindButton(id,()=>saveAll(true)));[\"resetBtn\",\"topResetBtn\"].forEach(id=>bindButton(id,resetAll));[\"printBtn\",\"topPrintBtn\"].forEach(id=>bindButton(id,printLesson));\ndocument.querySelectorAll(\".step-link\").forEach(link=>link.addEventListener(\"click\",function(e){const target=document.querySelector(this.getAttribute(\"href\"));if(target){e.preventDefault();target.scrollIntoView({behavior:\"smooth\",block:\"start\"})}}));\nif(\"IntersectionObserver\" in window){const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){document.querySelectorAll(\".step-link\").forEach(link=>link.classList.remove(\"active\"));const active=document.querySelector('.step-link[href=\"#'+entry.target.id+'\"]');if(active)active.classList.add(\"active\")}})},{rootMargin:\"-35% 0px -55% 0px\"});document.querySelectorAll(\".lesson\").forEach(section=>observer.observe(section))}\nloadAll();\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8 02\uac15 | \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4 VS \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4 \ud83d\udcd6 \ucd08\ub4f1\ub17c\uc220\uc2a4\ucfe8 \ucd08\ub4f1\ud559\uc0dd\uc744 \uc704\ud55c \uc0dd\uac01\ud558\ub294 \uae00\uc4f0\uae30 \ud559\uc2b5 \ucc98\uc74c\ubd80\ud130 \u21ba \ud559\uc2b5 \uc800\uc7a5 \u25a3 \uc778\uc1c4 \/ PDF 02\uac15 \u00b7 \uc758\uacac \ube44\uad50\uc640 \uc8fc\uc7a5 \uae00\uc4f0\uae30 \ub77c\uba74\uc5d0 \uacc4\ub780\uc744 \ub123\uc5b4\uc57c \ud55c\ub2e4.VS\ub77c\uba74\uc5d0 \uacc4\ub780\uc740 \ub123\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4. \ub450 \uac00\uc9c0 \uc758\uacac\uc744 \ube44\uad50\ud558\uace0 \uc790\uc2e0\uc758 \uc0dd\uac01\uc744 \uc815\ud569\ub2c8\ub2e4. \uadf8\ub807\uac8c \uc0dd\uac01\ud558\ub294 \uae4c\ub2ed\uacfc \uc608\uc0c1\ub418\ub294 \ubb38\uc81c, \ud574\uacb0 \ubc29\ubc95\uc744 \ucc28\ub840\ub300\ub85c…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":1,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/book1.ag-1004.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}