{"id":1361,"date":"2026-07-07T12:56:57","date_gmt":"2026-07-07T03:56:57","guid":{"rendered":"https:\/\/wp2025.kr\/?p=1361"},"modified":"2026-07-07T13:04:07","modified_gmt":"2026-07-07T04:04:07","slug":"%eb%8c%80%ec%b6%9c%ec%83%81%ed%99%98-%ea%b3%84%ec%82%b0%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/wp2025.kr\/?p=1361","title":{"rendered":"\ub300\ucd9c\uc0c1\ud658 \uacc4\uc0b0\uae30"},"content":{"rendered":"\n<style>\n.loan-calculator-box{\n  max-width:760px;\n  margin:40px auto;\n  padding:26px;\n  background:#fff;\n  border:1px solid #e5eaf0;\n  border-radius:20px;\n  box-shadow:0 8px 22px rgba(0,0,0,.06);\n  font-family:Pretendard,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n}\n.loan-calculator-box h3{\n  text-align:center;\n  font-size:24px;\n  margin:0 0 8px;\n}\n.loan-calculator-box .desc{\n  text-align:center;\n  color:#666;\n  font-size:14px;\n  margin-bottom:24px;\n}\n.loan-form label{\n  display:block;\n  font-weight:700;\n  margin:16px 0 8px;\n}\n.loan-form input,\n.loan-form select{\n  width:100%;\n  padding:14px;\n  border:1px solid #d9e0e8;\n  border-radius:12px;\n  font-size:16px;\n  box-sizing:border-box;\n}\n.loan-form button{\n  width:100%;\n  margin-top:22px;\n  padding:16px;\n  border:0;\n  border-radius:14px;\n  background:#2563eb;\n  color:#fff;\n  font-size:17px;\n  font-weight:800;\n  cursor:pointer;\n}\n.loan-result-box{\n  display:none;\n  margin-top:24px;\n  padding:22px;\n  background:#f8fafc;\n  border-radius:16px;\n  border:1px solid #e5eaf0;\n}\n.loan-result-main{\n  text-align:center;\n  margin-bottom:18px;\n}\n.loan-result-main strong{\n  display:block;\n  font-size:15px;\n  color:#555;\n  margin-bottom:6px;\n}\n.loan-result-main span{\n  font-size:30px;\n  color:#2563eb;\n  font-weight:900;\n}\n.loan-result-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n}\n.loan-result-item{\n  background:#fff;\n  border-radius:14px;\n  padding:14px;\n  text-align:center;\n  border:1px solid #edf1f5;\n}\n.loan-result-item b{\n  display:block;\n  font-size:13px;\n  color:#666;\n  margin-bottom:6px;\n}\n.loan-result-item span{\n  font-size:17px;\n  font-weight:800;\n}\n.loan-note{\n  margin-top:16px;\n  font-size:13px;\n  color:#777;\n  line-height:1.6;\n}\n@media(max-width:600px){\n  .loan-result-grid{grid-template-columns:1fr;}\n  .loan-calculator-box{padding:22px 18px;}\n}\n<\/style>\n\n<div class=\"loan-calculator-box\">\n  <h3>\ub300\ucd9c \uc0c1\ud658 \uacc4\uc0b0\uae30<\/h3>\n  <p class=\"desc\">\ub300\ucd9c\uae08\uc561, \uae08\ub9ac, \uc0c1\ud658\uae30\uac04, \uc0c1\ud658\ubc29\uc2dd\uc744 \uc785\ub825\ud574 \uc608\uc0c1 \uc0c1\ud658\uc561\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\n\n  <div class=\"loan-form\">\n    <label>\ub300\ucd9c\uae08\uc561<\/label>\n    <input type=\"number\" id=\"loanAmount\" placeholder=\"\uc608: 10000000\">\n\n    <label>\uc5f0 \uae08\ub9ac (%)<\/label>\n    <input type=\"number\" id=\"loanRate\" step=\"0.01\" placeholder=\"\uc608: 15.9\">\n\n    <label>\uc0c1\ud658\uae30\uac04(\ub144)<\/label>\n    <input type=\"number\" id=\"loanYears\" placeholder=\"\uc608: 3\">\n\n    <label>\uc0c1\ud658\ubc29\uc2dd<\/label>\n    <select id=\"loanType\">\n      <option value=\"equal\">\uc6d0\ub9ac\uae08\uade0\ub4f1\uc0c1\ud658<\/option>\n      <option value=\"interest\">\ub9cc\uae30\uc77c\uc2dc\uc0c1\ud658(\uc774\uc790\ub9cc \ub0a9\ubd80)<\/option>\n    <\/select>\n\n    <button onclick=\"calculateLoan()\">\uacc4\uc0b0\ud558\uae30<\/button>\n  <\/div>\n\n  <div class=\"loan-result-box\" id=\"loanResult\">\n    <div class=\"loan-result-main\">\n      <strong id=\"mainLabel\">\uc608\uc0c1 \uc6d4 \uc0c1\ud658\uae08<\/strong>\n      <span id=\"monthlyPayment\">0\uc6d0<\/span>\n    <\/div>\n\n    <div class=\"loan-result-grid\">\n      <div class=\"loan-result-item\">\n        <b>\ucd1d \uc774\uc790<\/b>\n        <span id=\"totalInterest\">0\uc6d0<\/span>\n      <\/div>\n      <div class=\"loan-result-item\">\n        <b>\ucd1d \uc0c1\ud658\uae08<\/b>\n        <span id=\"totalPayment\">0\uc6d0<\/span>\n      <\/div>\n      <div class=\"loan-result-item\">\n        <b>\uc0c1\ud658\uac1c\uc6d4<\/b>\n        <span id=\"totalMonths\">0\uac1c\uc6d4<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"loan-note\" id=\"loanNote\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\nfunction formatWon(num){\n  return Math.round(num).toLocaleString() + \"\uc6d0\";\n}\n\nfunction calculateLoan(){\n  const amount = parseFloat(document.getElementById(\"loanAmount\").value);\n  const rate = parseFloat(document.getElementById(\"loanRate\").value);\n  const years = parseFloat(document.getElementById(\"loanYears\").value);\n  const type = document.getElementById(\"loanType\").value;\n\n  if(!amount || !rate || !years){\n    alert(\"\ub300\ucd9c\uae08\uc561, \uae08\ub9ac, \uc0c1\ud658\uae30\uac04\uc744 \ubaa8\ub450 \uc785\ub825\ud574\uc8fc\uc138\uc694.\");\n    return;\n  }\n\n  const months = years * 12;\n  const monthlyRate = rate \/ 100 \/ 12;\n\n  let monthlyPayment = 0;\n  let totalPayment = 0;\n  let totalInterest = 0;\n  let note = \"\";\n\n  if(type === \"equal\"){\n    monthlyPayment = amount * monthlyRate * Math.pow(1 + monthlyRate, months) \/ (Math.pow(1 + monthlyRate, months) - 1);\n    totalPayment = monthlyPayment * months;\n    totalInterest = totalPayment - amount;\n    document.getElementById(\"mainLabel\").innerText = \"\uc608\uc0c1 \uc6d4 \uc0c1\ud658\uae08\";\n    note = \"\u203b \uc6d0\ub9ac\uae08\uade0\ub4f1\uc0c1\ud658 \uae30\uc900\uc785\ub2c8\ub2e4. \ub9e4\uc6d4 \uc6d0\uae08\uacfc \uc774\uc790\ub97c \ud568\uaed8 \uc0c1\ud658\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.\";\n  } else {\n    monthlyPayment = amount * monthlyRate;\n    totalInterest = monthlyPayment * months;\n    totalPayment = amount + totalInterest;\n    document.getElementById(\"mainLabel\").innerText = \"\uc608\uc0c1 \uc6d4 \uc774\uc790 \ub0a9\ubd80\uc561\";\n    note = \"\u203b \ub9cc\uae30\uc77c\uc2dc\uc0c1\ud658 \uae30\uc900\uc785\ub2c8\ub2e4. \ub9e4\uc6d4 \uc774\uc790\ub9cc \ub0a9\ubd80\ud558\uace0, \ub9cc\uae30\uc77c\uc5d0 \uc6d0\uae08\uc744 \uc0c1\ud658\ud558\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4.\";\n  }\n\n  document.getElementById(\"monthlyPayment\").innerText = formatWon(monthlyPayment);\n  document.getElementById(\"totalInterest\").innerText = formatWon(totalInterest);\n  document.getElementById(\"totalPayment\").innerText = formatWon(totalPayment);\n  document.getElementById(\"totalMonths\").innerText = months + \"\uac1c\uc6d4\";\n  document.getElementById(\"loanNote\").innerText = note;\n  document.getElementById(\"loanResult\").style.display = \"block\";\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\ucd9c\uae08\uc561\uacfc \uc5f0 \uae08\ub9ac, \uc0c1\ud658\uae30\uac04, \uc0c1\ud658\ubc29\uc2dd\uc744 \uc785\ub825\ud558\uc2dc\uace0 \uacc4\uc0b0\ud558\uae30 \ub204\ub974\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ub300\ucd9c \uc0c1\ud658 \uacc4\uc0b0\uae30 \ub300\ucd9c\uae08\uc561, \uae08\ub9ac, \uc0c1\ud658\uae30\uac04, \uc0c1\ud658\ubc29\uc2dd\uc744 \uc785\ub825\ud574 \uc608\uc0c1 \uc0c1\ud658\uc561\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694. \ub300\ucd9c\uae08\uc561 \uc5f0 \uae08\ub9ac (%) \uc0c1\ud658\uae30\uac04(\ub144) \uc0c1\ud658\ubc29\uc2dd \uc6d0\ub9ac\uae08\uade0\ub4f1\uc0c1\ud658\ub9cc\uae30\uc77c\uc2dc\uc0c1\ud658(\uc774\uc790\ub9cc \ub0a9\ubd80) \uacc4\uc0b0\ud558\uae30 \uc608\uc0c1 \uc6d4 \uc0c1\ud658\uae08 0\uc6d0 \ucd1d \uc774\uc790 0\uc6d0 \ucd1d \uc0c1\ud658\uae08 0\uc6d0 \uc0c1\ud658\uac1c\uc6d4 0\uac1c\uc6d4 \ub300\ucd9c\uae08\uc561\uacfc \uc5f0 \uae08\ub9ac, \uc0c1\ud658\uae30\uac04, \uc0c1\ud658\ubc29\uc2dd\uc744 \uc785\ub825\ud558\uc2dc\uace0 \uacc4\uc0b0\ud558\uae30 \ub204\ub974\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":1362,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[300],"tags":[360,361],"class_list":["post-1361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-300","tag-360","tag-361"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/wp2025.kr\/wp-content\/uploads\/2026\/07\/\uc2a4\ud06c\ub9b0\uc0f7-2026-07-07-125615.png","_links":{"self":[{"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/posts\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp2025.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1361"}],"version-history":[{"count":2,"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/posts\/1361\/revisions"}],"predecessor-version":[{"id":1365,"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/posts\/1361\/revisions\/1365"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp2025.kr\/index.php?rest_route=\/wp\/v2\/media\/1362"}],"wp:attachment":[{"href":"https:\/\/wp2025.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp2025.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp2025.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}