{"id":1216,"date":"2025-07-13T16:08:39","date_gmt":"2025-07-13T07:08:39","guid":{"rendered":"https:\/\/dod77.synology.me\/wordpress\/?p=1216"},"modified":"2025-08-02T09:05:15","modified_gmt":"2025-08-02T00:05:15","slug":"test-%eb%9e%9c%eb%8d%a4%ed%80%b4%ec%a6%88%eb%a7%8c%eb%93%a4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/dod77.synology.me\/wordpress\/1216\/","title":{"rendered":"\uad50\uacfc\uc11c \uc18d \ud55c\uc790\uc5b4 \ud034\uc988 1\uad8c"},"content":{"rendered":"\n<!-- \uad50\uacfc\uc11c \ud55c\uc790\uc5b4 \uc5b4\ud718\ud655\uc7a5 \ub178\ud2b8 - \ubc30\ub108 -->\n<aside class=\"vocab-note-banner\">\n  <img decoding=\"async\" src=\"https:\/\/dod77.synology.me\/wordpress\/wp-content\/uploads\/2025\/08\/\uad50\uacfc\uc11c\ud55c\uc790\uc5b41_\uc9c4\ud765\ud68c.jpg\" alt=\"\uc804\ud1b5\uc81c\ubcf8 \uc218\uc81c\ub178\ud2b8 - \uad50\uacfc\uc11c \ud55c\uc790\uc5b4 \uc5b4\ud718\ud655\uc7a5 1\" class=\"vocab-note-img\">\n\n  <div class=\"vocab-note-text\">\n    <h3>\uad50\uacfc\uc11c \ud55c\uc790\uc5b4 \uc5b4\ud718\ud655\uc7a5 \ub178\ud2b8<\/h3>\n    <p class=\"sub\">\uc804\ud1b5\uc81c\ubcf8 \uc218\uc81c\ub178\ud2b8 \u00b7 \ud55c\ub540 \ud55c\ub540 \uc190\ubc14\ub290\uc9c8<\/p>\n\n    <ul class=\"points\">\n      <li><strong>123\uac1c<\/strong> \uad50\uacfc\uc11c \ud575\uc2ec \uc5b4\ud718 \uc218\ub85d<\/li>\n      <li>\uc4f0\uae30\u00b7\ub73b\u00b7\uc608\ubb38\uc73c\ub85c <strong>\uc5b4\ud718\ub825 \ud0c4\ud0c4<\/strong><\/li>\n      <li>\uc5b4\ud718\ub825\uc774 \uace7 <strong>\ud559\uc2b5\ub2a5\ub825<\/strong>\u2014\ub9e4\uc77c 10\ubd84 \uc2b5\uad00<\/li>\n    <\/ul>\n\n    <div class=\"badges\">\n      <span>\uc804\ud1b5\uc81c\ubcf8<\/span><span>\uc218\uc81c \uc81c\uc791<\/span><span>\ud559\uc2b5 \ubcf4\uc870<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- \uc624\ub978\ucabd \ubc84\ud2bc \uc804\uc6a9 \uceec\ub7fc -->\n  <div class=\"cta-col\">\n    <a href=\"https:\/\/smartstore.naver.com\/haenammae\/products\/10512092968\" class=\"cta\">\ub178\ud2b8 \uc790\uc138\ud788 \ubcf4\uae30<\/a>\n  <\/div>\n<\/aside>\n<br><br>\n\n<style>\n\/* === 3\ub2e8 \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 === *\/\n.vocab-note-banner{\n  display:grid; \n  grid-template-columns: 200px 1fr auto; \/* \uc774\ubbf8\uc9c0 | \ud14d\uc2a4\ud2b8 | \ubc84\ud2bc *\/\n  gap:16px; align-items:center;\n  padding:14px; border:1px solid #e4e6ea; border-radius:12px;\n  background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.04); max-width:880px;\n}\n\n\/* \uc774\ubbf8\uc9c0 *\/\n.vocab-note-img{\n  width:240px; height:240px; object-fit:cover; border-radius:10px;\n  border:1px solid #eef0f2;\n}\n\n\/* \ud14d\uc2a4\ud2b8 \uc601\uc5ed *\/\n.vocab-note-text{min-width:0}\n.vocab-note-text h3{\n  margin:0 0 4px; font-size:calc(1.25rem * 1.7); line-height:1.25;\n}\n.vocab-note-text .sub{\n  margin:0 0 12px; color:#5b6b7a; font-size:calc(.95rem * 1.7);\n}\n.points{margin:0 0 12px; padding-left:18px; color:#2b3642; font-size:calc(.95rem * 1.7)}\n.points li{margin:6px 0}\n.badges{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 14px}\n.badges span{\n  display:inline-block; font-size:calc(.8rem * 1.7); padding:6px 10px; border-radius:999px;\n  background:#f0f5f7; border:1px solid #e3eaee;\n}\n\n\/* \uc624\ub978\ucabd \ubc84\ud2bc \uceec\ub7fc *\/\n.cta-col{display:flex; align-items:center; justify-content:flex-end}\n.cta{\n  display:inline-block; padding:12px 16px; border-radius:10px; text-decoration:none;\n  background:#1f7a6b; color:#fff; font-weight:700; font-size:calc(1rem * 1.7);\n}\n.cta:hover{filter:brightness(1.05)}\n\n\/* \ubc18\uc751\ud615: \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc138\ub85c \uc815\ub82c *\/\n@media (max-width:640px){\n  .vocab-note-banner{\n    grid-template-columns: 1fr; \/* \ud55c \uc904\uc529 *\/\n  }\n  .vocab-note-img{width:100%; height:200px}\n  .cta-col{justify-content:stretch}\n  .cta{width:100%; text-align:center}\n}\n<\/style>\n\n\n\n<div id=\"quiz-container\" style=\"padding: 20px; max-width: 600px; margin: 0 auto; background: #fff8dc; border: 2px solid #000; border-radius: 10px;\">\n  \ud034\uc988\ub97c \ubd88\ub7ec\uc624\ub294 \uc911\uc785\ub2c8\ub2e4&#8230;\n<\/div>\n\n<script>\nconst password = \"1234\";\nlet quizData = [];\nlet currentIndex = 0;\n\n\/\/ \ub370\uc774\ud130 \uac00\uc838\uc624\uae30\nfunction fetchQuizData() {\n  fetch(\"https:\/\/script.google.com\/macros\/s\/AKfycbxpvHjaTkZAMw0vjO6X94jcxANM-QxxjH78eSjDfCWShyb7Ypd_MkfC0Z7Et3Teg_9i0A\/exec\", {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"application\/x-www-form-urlencoded\"\n    },\n    body: new URLSearchParams({ pw: password })\n  })\n  .then(response => response.json())\n  .then(data => {\n    if (data.error) {\n      document.getElementById(\"quiz-container\").textContent = data.error;\n    } else {\n      quizData = data;\n      showStartOptions();\n    }\n  })\n  .catch(error => {\n    console.error(\"\uc694\uccad \uc2e4\ud328:\", error);\n  });\n}\n\n\/\/ \uc2dc\uc791 \uc635\uc158 \ud654\uba74\nfunction showStartOptions() {\n  document.getElementById(\"quiz-container\").innerHTML = `\n    <div class=\"quiz-header start-header\">\n      <h3>\ucd1d ${quizData.length} \ubb38\ud56d\uc774 \uc900\ube44\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/h3>\n      <button class=\"fullscreen-btn\" onclick=\"toggleFullscreen()\">\uc804\uccb4\ud654\uba74<\/button>\n    <\/div>\n    <div class=\"button-group\">\n      <button onclick=\"startRandomQuiz()\">\ub79c\ub364\uc73c\ub85c \ud034\uc988\ub0b4\uae30<\/button>\n      <button onclick=\"startSequentialQuiz()\">\uc21c\uc11c\ub300\ub85c \ubb38\uc81c\ub0b4\uae30<\/button>\n      <input type=\"number\" id=\"start-number\" min=\"1\" max=\"${quizData.length}\" value=\"1\" style=\"width:60px;\">\n    <\/div>\n  `;\n}\n\n\/\/ \ub79c\ub364 \ud034\uc988 \uc2dc\uc791\nfunction startRandomQuiz() {\n  quizData = shuffleArray(quizData);\n  currentIndex = 0;\n  showQuiz();\n}\n\n\/\/ \uc21c\uc11c\ub300\ub85c \ud034\uc988 \uc2dc\uc791\nfunction startSequentialQuiz() {\n  const startInput = document.getElementById('start-number');\n  let startNumber = parseInt(startInput.value) || 1;\n  if (startNumber < 1) startNumber = 1;\n  if (startNumber > quizData.length) startNumber = quizData.length;\n\n  currentIndex = startNumber - 1;\n  showQuiz();\n}\n\n\/\/ \ud034\uc988 \ub79c\ub364 \uc11e\uae30\nfunction shuffleArray(array) {\n  return array.sort(() => Math.random() - 0.5);\n}\n\n\/\/ \ubb38\uc81c \ud654\uba74\nfunction showQuiz() {\n  if (currentIndex >= quizData.length) {\n    document.getElementById(\"quiz-container\").innerHTML = `\n      <div class=\"quiz-header\">\n        <span class=\"quiz-progress\">\ubb38\uc81c ${currentIndex} \/ ${quizData.length}<\/span>\n        <button class=\"fullscreen-btn\" onclick=\"toggleFullscreen()\">\uc804\uccb4\ud654\uba74<\/button>\n        <input type=\"range\" id=\"font-size-slider\" min=\"0.5\" max=\"3\" step=\"0.1\" value=\"1\" title=\"\uae00\uc790 \ud06c\uae30 \uc870\uc808\">\n      <\/div>\n      <h3>\ud034\uc988\uac00 \ubaa8\ub450 \ub05d\ub0ac\uc2b5\ub2c8\ub2e4!<\/h3>\n      <button onclick=\"showStartOptions()\">\ub2e4\uc2dc \uc2dc\uc791\ud558\uae30<\/button>\n    `;\n    initFontSizeSlider();\n    return;\n  }\n\n  const quizItem = quizData[currentIndex];\n  const meaning = quizItem[4];\n  const example = quizItem[5];\n\n  const quizHtml = `\n    <div class=\"quiz-header\">\n      <span class=\"quiz-progress\">\ubb38\uc81c ${currentIndex + 1} \/ ${quizData.length}<\/span>\n      <button class=\"fullscreen-btn\" onclick=\"toggleFullscreen()\">\uc804\uccb4\ud654\uba74<\/button>\n      <button class=\"fullscreen-btn\" onclick=\"showStartOptions()\">\ucc98\uc74c\uc73c\ub85c<\/button>\n      <input type=\"range\" id=\"font-size-slider\" min=\"0.5\" max=\"3\" step=\"0.1\" value=\"1\" title=\"\uae00\uc790 \ud06c\uae30 \uc870\uc808\">\n    <\/div>\n    <div class=\"question-text\">\ubb38\uc81c: ${meaning}<\/div>\n    <div class=\"example-text\" id=\"example-text\">\uc608\ubb38: ${example}<\/div>\n    <div class=\"button-group\">\n      <button onclick=\"prevQuiz()\">\uc774\uc804 \ubb38\uc81c<\/button>\n      <button onclick=\"showInitialHint()\">\ucd08\uc131 \ud78c\ud2b8 \ubcf4\uae30<\/button>\n      <button onclick=\"showAnswer()\">\uc815\ub2f5 \ubcf4\uae30<\/button>\n      <button onclick=\"nextQuiz()\">\ub2e4\uc74c \ubb38\uc81c<\/button>\n    <\/div>\n    <div id=\"hint-container\"><\/div>\n  `;\n\n  document.getElementById(\"quiz-container\").innerHTML = quizHtml;\n  initFontSizeSlider();\n}\n\n\/\/ \uc815\ub2f5 \ud654\uba74\nfunction showAnswer() {\n  const quizItem = quizData[currentIndex];\n  const word = quizItem[1];\n  const hanja = quizItem[2];\n  const hanjaExplain = quizItem[3];\n\n  const answerHtml = `\n    <div class=\"quiz-header\">\n      <span class=\"quiz-progress\">\ubb38\uc81c ${currentIndex + 1} \/ ${quizData.length}<\/span>\n      <button class=\"fullscreen-btn\" onclick=\"toggleFullscreen()\">\uc804\uccb4\ud654\uba74<\/button>\n      <button class=\"fullscreen-btn\" onclick=\"showStartOptions()\">\ucc98\uc74c\uc73c\ub85c<\/button>\n      <input type=\"range\" id=\"font-size-slider\" min=\"0.5\" max=\"3\" step=\"0.1\" value=\"1\" title=\"\uae00\uc790 \ud06c\uae30 \uc870\uc808\">\n    <\/div>\n    <div class=\"answer-section\">\n      <p>${word}<\/p>\n      <p><span style=\"font-family: 'ChosunGs';\" class=\"answer-hanja\">${hanja}<\/span><\/p>\n      <p>${hanjaExplain}<\/p>\n    <\/div>\n    <div class=\"button-group\">\n      <button onclick=\"prevQuiz()\">\uc774\uc804 \ubb38\uc81c<\/button>\n      <button onclick=\"showQuiz()\">\ubb38\uc81c \ub2e4\uc2dc \ubcf4\uae30<\/button>\n      <button onclick=\"nextQuiz()\">\ub2e4\uc74c \ubb38\uc81c<\/button>\n    <\/div>\n  `;\n\n  document.getElementById(\"quiz-container\").innerHTML = answerHtml;\n  initFontSizeSlider();\n}\n\n\/\/ \uc774\uc804 \ubb38\uc81c\nfunction prevQuiz() {\n  if (currentIndex > 0) {\n    currentIndex--;\n    showQuiz();\n  }\n}\n\n\/\/ \ub2e4\uc74c \ubb38\uc81c\nfunction nextQuiz() {\n  currentIndex++;\n  showQuiz();\n}\n\nfunction initFontSizeSlider() {\n  const slider = document.getElementById('font-size-slider');\n  if (slider) {\n    slider.addEventListener('input', function() {\n      document.getElementById('quiz-container').style.fontSize = this.value + 'em';\n    });\n  }\n}\n\n\n\/\/ \ucd08\uc131 \ud78c\ud2b8 \uae30\ub2a5\nfunction showInitialHint() {\n  const quizItem = quizData[currentIndex];\n  const word = quizItem[1];\n  const initials = getInitialConsonants(word);\n  const boxedInitials = [...initials].map(ch => `<span class=\"boxed-initial\">${ch}<\/span>`).join('');\n\n  const exampleTextElement = document.getElementById(\"example-text\");\n  if (exampleTextElement) {\n    const marker = '\u25a3'.repeat(word.length);\n    const updatedExample = quizItem[5].replace(marker, boxedInitials);\n    exampleTextElement.innerHTML = updatedExample;\n  }\n}\n\n\/\/ \ucd08\uc131 \ucd94\ucd9c \ud568\uc218\nfunction getInitialConsonants(str) {\n  const INITIALS = [\"\u3131\",\"\u3132\",\"\u3134\",\"\u3137\",\"\u3138\",\"\u3139\",\"\u3141\",\"\u3142\",\"\u3143\",\"\u3145\",\"\u3146\",\"\u3147\",\"\u3148\",\"\u3149\",\"\u314a\",\"\u314b\",\"\u314c\",\"\u314d\",\"\u314e\"];\n  let result = '';\n  for (let char of str) {\n    const code = char.charCodeAt(0);\n    if (code >= 0xAC00 && code <= 0xD7A3) {\n      const uniVal = code - 0xAC00;\n      const initialIndex = Math.floor(uniVal \/ 588);\n      result += INITIALS[initialIndex];\n    } else {\n      result += char;\n    }\n  }\n  return result;\n}\n\n\/\/ \uc804\uccb4\ud654\uba74 \uc804\ud658\nfunction toggleFullscreen() {\n  const gameContainer = document.getElementById('quiz-container');\n  if (!document.fullscreenElement) {\n    gameContainer.requestFullscreen().catch(err => alert(err.message));\n  } else {\n    document.exitFullscreen();\n  }\n}\n\n\/\/ \uc804\uccb4\ud654\uba74 \uc0c1\ud0dc \ub85c\uae45\ndocument.addEventListener('fullscreenchange', () => {\n  console.log(document.fullscreenElement ? '\uc804\uccb4 \ud654\uba74 \uc9c4\uc785' : '\uc804\uccb4 \ud654\uba74 \uc885\ub8cc');\n});\n\n\/\/ \uccab \ub85c\ub4dc\nfetchQuizData();\n<\/script>\n\n\n<style>\n\/* quiz-container *\/\n#quiz-container {\n  position: relative;\n  max-width: 800px;\n  margin: 50px auto;\n  padding: 60px 20px 20px 20px;\n  background: #fff8dc;\n  border: 2px solid #000;\n  border-radius: 10px;\n  box-sizing: border-box;\n  line-height: 1.6;\n}\n\n\/* header (\uc9c4\ud589 + \uc804\uccb4\ud654\uba74 \ubc84\ud2bc \ubb36\uc74c) *\/\n.quiz-header {\n  position: absolute;\n  top: 4px;\n  left: 20px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px; !important;  \/* px \uace0\uc815 *\/\n}\n\n.quiz-header.start-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  font-size: 16px;\n  position: static; \/* \uae30\ubcf8\uac12 *\/\n}\n\n\/* \ubb38\uc81c \uc9c4\ud589 *\/\n.quiz-progress {\n   font-size: 16px !important;  \/* px\ub85c \uace0\uc815 *\/\n  font-weight: bold;\n  color: #333;\n}\n\n\/* \uc804\uccb4\ud654\uba74 \ubc84\ud2bc *\/\n.fullscreen-btn {\n  padding: 5px 10px;\n font-size: 14px !important;  \/* px \uace0\uc815 *\/\n  border: 1px solid #000;\n  border-radius: 5px;\n  background-color: #eee;\n  cursor: pointer;\n}\n\n.fullscreen-btn:hover {\n  background-color: #ddd;\n}\n\n\/* fullscreen \ud655\uc7a5 \uc2a4\ud0c0\uc77c *\/\n#quiz-container:fullscreen {\n  width: 100vw;\n  height: 100vh;\n  font-size: 1em;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: #fff8dc;\n}\n\n#quiz-container:fullscreen .quiz-progress {\n  font-size: 1.5em;\n}\n\n#quiz-container:fullscreen .fullscreen-btn {\n  font-size: 1.2em;\n  padding: 8px 16px;\n}\n\n\/* \ubb38\uc81c\/\uc608\ubb38 *\/\n#quiz-container p {\n  font-size: 1.5em;\n  margin: 15px 0;\n}\n\n#quiz-container:fullscreen p {\n  font-size: 4em;\n}\n\n#quiz-container button:not(.fullscreen-btn) {\n  margin: 10px;\n  padding: 15px 30px;\n  font-size: 1.2em;\n  border: 2px solid #000;\n  background-color: #87cefa;\n  border-radius: 10px;\n  cursor: pointer;\n}\n\n#quiz-container button:hover:not(.fullscreen-btn) {\n  background-color: #add8e6;\n}\n\n.boxed-initial {\n  display: inline-block;\n  border: 2px solid #000;\n  border-radius: 4px;\n  padding: 3px 8px;\n  margin: 0 2px;\n  background-color: #f0f0f0;\n  font-weight: bold;\n  font-size: 1.2em;\n}\n\n.button-group {\n  display: flex;\n  gap: 10px;  \/* \ubc84\ud2bc \uc0ac\uc774 \uac04\uaca9 *\/\n  justify-content: center;  \/* \uc911\uc559 \uc815\ub82c *\/\n  margin: 20px 0;\n}\n.question-text {\n  font-size: 3.8em;\n  font-weight: bold;\n  background-color: #f5f5dc;\n  padding: 70px;\n  border-left: 5px solid #555;\n  margin-bottom: 20px;\n}\n\n.example-text {\n  font-size: 2.3em;\n  color: #555;\n  background-color: #fafafa;\n  padding: 10px 15px;\n  border-left: 3px solid #aaa;\n  line-height: 1.6;\n  margin-bottom: 30px;\n}\n\n.answer-section {\n  text-align: center;\n  margin: 30px 0;\n}\n\n.answer-section p {\n  font-size: 1.2em;\n  margin: 15px 0;\n  line-height: 1.6;\n}\n\n.answer-section .answer-hanja {\n  font-size: 2.8em;\n  background-color: #f0f8ff;\n  display: inline-block;\n  padding: 10px 70px;\n  border-radius: 30px;\n  margin-left: 10px;\n}\n\n#font-size-slider {\n  width: 120px;\n  margin-left: 10px;\n  font-size: 14px !important;\n}\n\n<\/style>\n\n\n\n<section class=\"quiz-note-info\">\n  <h2>\uad50\uacfc\uc11c \uc18d \ud55c\uc790\uc5b4 \ud034\uc988, \uc798 \ud65c\uc6a9\ud558\uace0 \uacc4\uc2e0\uac00\uc694?<\/h2>\n  <p>\n    \uc774 \ud034\uc988 \uac8c\uc784\uc740 <em>\uc9c4\ud765\ud68c \uad50\uacfc\uc11c \ud55c\uc790\uc5b4<\/em> 8\uae09\ubd80\ud130 \uc9005\uae09\uae4c\uc9c0\uc758 \uc5b4\ud718 \uc911,\n    <strong>123\uac1c<\/strong>\ub97c \uc120\ubcc4\ud574 \ub9cc\ub4e0 <strong>\uad50\uacfc\uc11c \ud55c\uc790\uc5b4 \uc5b4\ud718\ud655\uc7a5 \ub178\ud2b8<\/strong>\ub97c\n    \ubc14\ud0d5\uc73c\ub85c \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\n  <\/p>\n  <p>\n    \uac8c\uc784\uc744 \uc2dc\uc791\ud558\uae30 \uc804\uc5d0 \ub178\ud2b8\ub85c \ubbf8\ub9ac \uacf5\ubd80\ud574 \ub450\uba74,\n    \ud034\uc988\uac00 \ub354 \uc7ac\ubbf8\uc788\uace0 \uc2e4\ub825 \ud5a5\uc0c1\uc5d0\ub3c4 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.\n  <\/p>\n\n  <div class=\"quiz-note-callouts\">\n    <div class=\"callout\">\n      <strong>\ud504\ub9ac\ubbf8\uc5c4 \ud68c\uc6d0 \ud61c\ud0dd<\/strong><br>\n      \uad6c\ub9e4 \ud76c\ub9dd \uc2dc <strong>2,000\uc6d0 \ud560\uc778\ucfe0\ud3f0<\/strong>\uc744 \ub4dc\ub9bd\ub2c8\ub2e4.\n      <span class=\"dim\">(\ud55c\uc815 \uc218\ub7c9 9\uad8c)<\/span>\n    <\/div>\n    <div class=\"callout\">\n      <strong>DIY \ub178\ud2b8 \ud0a4\ud2b8<\/strong><br>\n      \uc804\ud1b5\uc81c\ubcf8 \ubc29\uc2dd\uc73c\ub85c \uc9c1\uc811 \ub9cc\ub4e4\uc5b4 \ubcfc \uc218 \uc788\ub294\n      <strong>\uc218\uc5c5\uc6a9 \ud0a4\ud2b8<\/strong>\ub3c4 \uace7 \uc900\ube44\ub429\ub2c8\ub2e4.\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.quiz-note-info{\n  max-width: 960px;\n  margin: 20px auto;\n  padding: 18px 20px;\n  border: 1px solid #e5e7eb;\n  border-radius: 14px;\n  background: #ffffff;\n  box-shadow: 0 2px 8px rgba(0,0,0,.05);\n  color: #1f2937;\n  font-size: 18px;\n  line-height: 1.65;\n}\n.quiz-note-info h2{\n  margin: 0 0 10px;\n  font-size: 1.6rem;\n  line-height: 1.3;\n}\n.quiz-note-info em{ font-style: normal; color:#374151; }\n.quiz-note-info strong{ font-weight: 700; }\n\n.quiz-note-callouts{\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin: 14px 0;\n}\n.quiz-note-callouts .callout{\n  padding: 12px 14px;\n  border: 1px dashed #d1d5db;\n  border-radius: 12px;\n  background: #f9fafb;\n}\n.quiz-note-callouts .dim{ color:#6b7280; font-size: .95em; }\n\n.note-btn:hover{ filter: brightness(1.06); }\n\n@media (max-width: 640px){\n  .quiz-note-info{ font-size: 17px; }\n  .quiz-note-callouts{ grid-template-columns: 1fr; }\n  .quiz-note-info h2{ font-size: 1.35rem; }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\uad50\uacfc\uc11c \ud55c\uc790\uc5b4 \uc5b4\ud718\ud655\uc7a5 \ub178\ud2b8 \uc804\ud1b5\uc81c\ubcf8 \uc218\uc81c\ub178\ud2b8 \u00b7 \ud55c\ub540 \ud55c\ub540 \uc190\ubc14\ub290\uc9c8 123\uac1c \uad50\uacfc\uc11c \ud575\uc2ec \uc5b4\ud718 \uc218\ub85d \uc4f0\uae30\u00b7\ub73b\u00b7\uc608\ubb38\uc73c\ub85c \uc5b4\ud718\ub825 \ud0c4\ud0c4 \uc5b4\ud718\ub825\uc774 \uace7 \ud559\uc2b5\ub2a5\ub825\u2014\ub9e4\uc77c 10\ubd84 \uc2b5\uad00 \uc804\ud1b5\uc81c\ubcf8\uc218\uc81c \uc81c\uc791\ud559\uc2b5 \ubcf4\uc870 \ub178\ud2b8 \uc790\uc138\ud788 \ubcf4\uae30 \ud034\uc988\ub97c \ubd88\ub7ec\uc624\ub294 \uc911\uc785\ub2c8\ub2e4&#8230; \uad50\uacfc\uc11c \uc18d \ud55c\uc790\uc5b4 \ud034\uc988, \uc798 \ud65c\uc6a9\ud558\uace0 \uacc4\uc2e0\uac00\uc694? \uc774 \ud034\uc988 \uac8c\uc784\uc740 \uc9c4\ud765\ud68c \uad50\uacfc\uc11c \ud55c\uc790\uc5b4 8\uae09\ubd80\ud130 \uc9005\uae09\uae4c\uc9c0\uc758 \uc5b4\ud718 \uc911, 123\uac1c\ub97c \uc120\ubcc4\ud574 \ub9cc\ub4e0 \uad50\uacfc\uc11c \ud55c\uc790\uc5b4 \uc5b4\ud718\ud655\uc7a5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1223,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[],"_links":{"self":[{"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/posts\/1216"}],"collection":[{"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/comments?post=1216"}],"version-history":[{"count":0,"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/posts\/1216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/media\/1223"}],"wp:attachment":[{"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/media?parent=1216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/categories?post=1216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dod77.synology.me\/wordpress\/wp-json\/wp\/v2\/tags?post=1216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}