{"id":14837,"date":"2025-12-11T13:19:43","date_gmt":"2025-12-11T04:19:43","guid":{"rendered":"https:\/\/chois2080.mycafe24.com\/?page_id=14837"},"modified":"2025-12-11T13:20:16","modified_gmt":"2025-12-11T04:20:16","slug":"%ec%a6%9d%ec%97%ac-vs-%ec%83%81%ec%86%8d-%ec%84%b8%ea%b8%88-%eb%b9%84%ea%b5%90","status":"publish","type":"page","link":"https:\/\/chois2080.mycafe24.com\/?page_id=14837","title":{"rendered":"\uc99d\uc5ec vs \uc0c1\uc18d \uc138\uae08 \ube44\uad50"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \ubd80\ub3d9\uc0b0 \uc99d\uc5ec vs \uc0c1\uc18d \uc138\uae08 \ube44\uad50 \uacc4\uc0b0\uae30<\/title>\r\n\r\n <!-- \ud604\ub300\uc801\uc778 \ud3f0\ud2b8 Pretendard \uc801\uc6a9 -->\r\n <link rel=\"stylesheet\" as=\"style\" crossorigin\r\n href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.8\/dist\/web\/static\/pretendard.css\" \/>\r\n\r\n <style>\r\n :root {\r\n \/* Color Palette *\/\r\n --primary: #4f46e5;\r\n \/* Indigo 600 *\/\r\n --primary-hover: #4338ca;\r\n \/* Indigo 700 *\/\r\n --secondary: #64748b;\r\n \/* Slate 500 *\/\r\n --success: #10b981;\r\n \/* Emerald 500 *\/\r\n --background: #f8fafc;\r\n \/* Slate 50 *\/\r\n --surface: rgba(255, 255, 255, 0.9);\r\n --surface-hover: rgba(255, 255, 255, 0.98);\r\n --border: #e2e8f0;\r\n --text-main: #1e293b;\r\n \/* Slate 800 *\/\r\n --text-sub: #475569;\r\n \/* Slate 600 (Darker for contrast) *\/\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n --radius: 16px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n \/* \uae30\ubcf8 \ud3f0\ud2b8 \uc0ac\uc774\uc988 \ud655\ub300 (16px -> 17px\/18px \uae30\ubc18\uc73c\ub85c rem \uc2a4\ucf00\uc77c\ub9c1) *\/\r\n font-size: 17px;\r\n }\r\n\r\n body {\r\n font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif;\r\n background-color: var(--background);\r\n color: var(--text-main);\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n padding: 2.5rem 1rem;\r\n position: relative;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Background Design *\/\r\n .bg-gradient {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n background:\r\n radial-gradient(circle at 15% 50%, rgba(79, 70, 229, 0.08), transparent 25%),\r\n radial-gradient(circle at 85% 30%, rgba(16, 185, 129, 0.08), transparent 25%);\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Header *\/\r\n .app-header {\r\n text-align: center;\r\n margin-bottom: 3.5rem;\r\n }\r\n\r\n .app-header h1 {\r\n font-size: 3rem;\r\n \/* \ud06c\uae30 \ud655\ub300 *\/\r\n font-weight: 800;\r\n color: var(--text-main);\r\n margin-bottom: 0.8rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .app-header p {\r\n color: var(--text-sub);\r\n font-size: 1.25rem;\r\n \/* \ud06c\uae30 \ud655\ub300 *\/\r\n }\r\n\r\n \/* Grid Layout *\/\r\n .calculator-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n align-items: start;\r\n }\r\n\r\n @media (max-width: 968px) {\r\n .calculator-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* Panel Styling *\/\r\n .glass-panel {\r\n background: var(--surface);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.6);\r\n border-radius: var(--radius);\r\n padding: 2.5rem;\r\n \/* \ud328\ub529 \ud655\ub300 *\/\r\n box-shadow: var(--shadow);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .input-panel h2,\r\n .results-panel h2 {\r\n font-size: 1.4rem;\r\n \/* \ud06c\uae30 \ud655\ub300 *\/\r\n font-weight: 700;\r\n margin-bottom: 1.8rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n color: var(--text-main);\r\n border-bottom: 2px solid var(--border);\r\n padding-bottom: 1rem;\r\n }\r\n\r\n .icon {\r\n font-size: 1.6rem;\r\n }\r\n\r\n \/* Form Elements *\/\r\n .form-group-section {\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .form-group-section h3 {\r\n font-size: 1.05rem;\r\n \/* \ud06c\uae30 \ud655\ub300 *\/\r\n font-weight: 700;\r\n color: var(--primary);\r\n \/* \uac00\ub3c5\uc131\uc744 \uc704\ud574 \uc0c9\uc0c1 \ubcc0\uacbd *\/\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .input-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.2rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n label {\r\n display: block;\r\n font-size: 1rem;\r\n \/* \ud06c\uae30 \ud655\ub300 (\uae30\uc874 0.9rem) *\/\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-main);\r\n }\r\n\r\n .input-wrapper {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n input[type=\"text\"],\r\n select {\r\n width: 100%;\r\n padding: 0.85rem 1.1rem;\r\n \/* \ud328\ub529 \ud655\ub300 *\/\r\n padding-right: 3.5rem;\r\n \/* Space for unit *\/\r\n font-size: 1.1rem;\r\n \/* \uc785\ub825 \ud14d\uc2a4\ud2b8 \ud06c\uae30 \ud655\ub300 *\/\r\n font-family: inherit;\r\n border: 1px solid var(--border);\r\n border-radius: 10px;\r\n background-color: #fff;\r\n transition: all 0.2s;\r\n text-align: right;\r\n color: var(--text-main);\r\n font-weight: 600;\r\n }\r\n\r\n select {\r\n padding-right: 2rem;\r\n text-align: left;\r\n cursor: pointer;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'\/%3e%3c\/svg%3e\");\r\n background-position: right 0.8rem center;\r\n background-repeat: no-repeat;\r\n background-size: 1.6em 1.6em;\r\n }\r\n\r\n input[type=\"text\"]:focus,\r\n select:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);\r\n }\r\n\r\n .unit {\r\n position: absolute;\r\n right: 1.2rem;\r\n font-size: 1rem;\r\n color: var(--text-sub);\r\n pointer-events: none;\r\n }\r\n\r\n .hint {\r\n display: block;\r\n font-size: 0.85rem;\r\n color: var(--text-sub);\r\n margin-top: 0.5rem;\r\n }\r\n\r\n \/* Checkbox Styling *\/\r\n .checkbox-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n margin-top: 1.2rem;\r\n background: #f1f5f9;\r\n padding: 1.2rem;\r\n border-radius: 10px;\r\n }\r\n\r\n .checkbox-container {\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n font-size: 1rem;\r\n \/* \uccb4\ud06c\ubc15\uc2a4 \ud14d\uc2a4\ud2b8 \ud655\ub300 *\/\r\n }\r\n\r\n .checkbox-container input {\r\n display: none;\r\n }\r\n\r\n .checkmark {\r\n width: 22px;\r\n \/* \uccb4\ud06c\ubc15\uc2a4 \uc544\uc774\ucf58 \ud655\ub300 *\/\r\n height: 22px;\r\n border: 2px solid var(--text-sub);\r\n border-radius: 6px;\r\n margin-right: 12px;\r\n position: relative;\r\n transition: all 0.2s;\r\n background: #fff;\r\n flex-shrink: 0;\r\n }\r\n\r\n .checkbox-container input:checked+.checkmark {\r\n background-color: var(--primary);\r\n border-color: var(--primary);\r\n }\r\n\r\n .checkbox-container input:checked+.checkmark::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 7px;\r\n top: 3px;\r\n width: 5px;\r\n height: 11px;\r\n border: solid white;\r\n border-width: 0 2px 2px 0;\r\n transform: rotate(45deg);\r\n }\r\n\r\n \/* Action Button *\/\r\n .primary-btn {\r\n width: 100%;\r\n padding: 1.2rem;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-hover));\r\n color: white;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 1.2rem;\r\n \/* \ubc84\ud2bc \ud14d\uc2a4\ud2b8 \ud655\ub300 *\/\r\n font-weight: 700;\r\n cursor: pointer;\r\n margin-top: 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.6rem;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n box-shadow: 0 4px 6px rgba(79, 70, 229, 0.25);\r\n }\r\n\r\n .primary-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 15px rgba(79, 70, 229, 0.3);\r\n }\r\n\r\n .primary-btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Results Section *\/\r\n .summary-cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .card {\r\n background: #fff;\r\n padding: 1.5rem 1rem;\r\n border-radius: 12px;\r\n text-align: center;\r\n border: 1px solid var(--border);\r\n position: relative;\r\n transition: all 0.3s;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .card-header {\r\n font-size: 1.05rem;\r\n \/* \ud655\ub300 *\/\r\n color: var(--text-sub);\r\n margin-bottom: 0.6rem;\r\n font-weight: 600;\r\n }\r\n\r\n .card-total {\r\n font-size: 1.6rem;\r\n \/* \uc911\uc694: \uae08\uc561 \ud06c\uae30 \ub300\ud3ed \ud655\ub300 *\/\r\n font-weight: 800;\r\n color: var(--text-main);\r\n word-break: keep-all;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Mobile adjust for card text *\/\r\n @media (max-width: 480px) {\r\n .card-total {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .card {\r\n padding: 1.2rem 0.5rem;\r\n }\r\n }\r\n\r\n .card-sub {\r\n font-size: 0.85rem;\r\n color: #94a3b8;\r\n margin-top: 0.4rem;\r\n }\r\n\r\n \/* Best Option Highlight *\/\r\n .card.best-card {\r\n border: 3px solid var(--success);\r\n \/* \ud14c\ub450\ub9ac \uc870\uae08 \ub354 \ub450\uaecd\uac8c *\/\r\n background: rgba(16, 185, 129, 0.05);\r\n transform: scale(1.03);\r\n z-index: 1;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .card.best-card .card-total {\r\n color: #059669;\r\n \/* Emerald 700 *\/\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--success);\r\n color: white;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n \/* Table Styling *\/\r\n .details-table-wrapper {\r\n overflow-x: auto;\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n margin-bottom: 2.5rem;\r\n background: #fff;\r\n }\r\n\r\n .details-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 1rem;\r\n \/* \ud14c\uc774\ube14 \ud3f0\ud2b8 \ud655\ub300 *\/\r\n white-space: nowrap;\r\n }\r\n\r\n .details-table th,\r\n .details-table td {\r\n padding: 1.1rem 1.2rem;\r\n \/* \uc140 \ud328\ub529 \ud655\ub300 *\/\r\n text-align: right;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .details-table th {\r\n text-align: center;\r\n background-color: #f8fafc;\r\n color: var(--text-sub);\r\n font-weight: 700;\r\n position: sticky;\r\n top: 0;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .details-table th:first-child,\r\n .details-table td:first-child {\r\n text-align: left;\r\n font-weight: 600;\r\n color: var(--text-main);\r\n background-color: #fff;\r\n position: sticky;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n\r\n .details-table td.disabled {\r\n color: #cbd5e1;\r\n }\r\n\r\n .total-row td {\r\n background-color: #f1f5f9;\r\n font-weight: 800;\r\n color: var(--primary);\r\n font-size: 1.1rem;\r\n \/* \ud569\uacc4 \ud589 \ud655\ub300 *\/\r\n }\r\n\r\n .total-row td:first-child {\r\n background-color: #f1f5f9;\r\n color: var(--text-main);\r\n }\r\n\r\n \/* Analysis Box *\/\r\n .analysis-box {\r\n background: rgba(255, 255, 255, 0.7);\r\n border: 1px solid var(--border);\r\n border-left: 5px solid var(--primary);\r\n border-radius: 10px;\r\n padding: 1.8rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .analysis-box h3 {\r\n font-size: 1.15rem;\r\n \/* \ud655\ub300 *\/\r\n margin-bottom: 1rem;\r\n color: var(--text-main);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n font-weight: 700;\r\n }\r\n\r\n .analysis-box p {\r\n font-size: 1.05rem;\r\n \/* \ubcf8\ubb38 \ud14d\uc2a4\ud2b8 \ud655\ub300 *\/\r\n color: var(--text-main);\r\n line-height: 1.7;\r\n }\r\n\r\n #calculationDetailsText {\r\n font-family: 'Consolas', 'Monaco', monospace;\r\n font-family: inherit;\r\n \/* \uc77c\ubc18 \ud3f0\ud2b8 \uc0ac\uc6a9 *\/\r\n color: var(--text-main);\r\n font-size: 1rem !important;\r\n \/* \uc0c1\uc138 \ub0b4\uc5ed\ub3c4 \uc2dc\uc6d0\ud558\uac8c *\/\r\n }\r\n\r\n \/* Mobile specific adjustments *\/\r\n @media (max-width: 600px) {\r\n .app-header h1 {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .app-header p {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .input-row {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n }\r\n\r\n .summary-cards {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .card.best-card {\r\n transform: scale(1);\r\n }\r\n\r\n .glass-panel {\r\n padding: 1.5rem;\r\n }\r\n\r\n .input-panel h2,\r\n .results-panel h2 {\r\n font-size: 1.3rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"bg-gradient\"><\/div>\r\n\r\n <main class=\"container\">\r\n <header class=\"app-header\">\r\n <h1>\ubd80\ub3d9\uc0b0 \uc138\uae08 \ub2e8\uc21c \ube44\uad50<\/h1>\r\n <p>\uc99d\uc5ec, \ubd80\ub2f4\ubd80\uc99d\uc5ec, \uc0c1\uc18d \uc911 \uc720\ub9ac\ud55c \uc808\uc138 \uc804\ub7b5\uc744 \ucc3e\uc544\ubd05\ub2c8\ub2e4.<\/p>\r\n <\/header>\r\n\r\n <div class=\"calculator-grid\">\r\n <!-- Input Section -->\r\n <section class=\"input-panel glass-panel\">\r\n <h2><span class=\"icon\">\ud83d\udcdd<\/span> \uc790\uc0b0 \uc815\ubcf4 \ubc0f \uc870\uac74<\/h2>\r\n\r\n <form id=\"taxForm\">\r\n <!-- Property Details -->\r\n <div class=\"form-group-section\">\r\n <h3>\ubd80\ub3d9\uc0b0 \uae30\ubcf8 \uc815\ubcf4<\/h3>\r\n <div class=\"input-row\">\r\n <div class=\"input-group\">\r\n <label for=\"marketPrice\">\uc2dc\uac00 (\ub9e4\ub9e4\uc0ac\ub840\uac00\uc561)<\/label>\r\n <div class=\"input-wrapper\">\r\n <input type=\"text\" id=\"marketPrice\" value=\"50,000\" placeholder=\"\uc608: 50,000\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"officialPrice\">\uacf5\uc2dc\uac00\uaca9 (\uae30\uc900\uc2dc\uac00)<\/label>\r\n <div class=\"input-wrapper\">\r\n <input type=\"text\" id=\"officialPrice\" value=\"30,000\" placeholder=\"\uc608: 30,000\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-row\">\r\n <div class=\"input-group\">\r\n <label for=\"debt\">\ubd80\ucc44 (\uc804\uc138\ubcf4\uc99d\uae08\/\ub300\ucd9c)<\/label>\r\n <div class=\"input-wrapper\">\r\n <input type=\"text\" id=\"debt\" value=\"20,000\" placeholder=\"\uc608: 20,000\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <label for=\"acquisitionPrice\">\ub2f9\ucd08 \ucde8\ub4dd\uac00\uc561<\/label>\r\n <div class=\"input-wrapper\">\r\n <input type=\"text\" id=\"acquisitionPrice\" value=\"30,000\" placeholder=\"\uc608: 30,000\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <small class=\"hint\">* \uc591\ub3c4\ucc28\uc775 \uacc4\uc0b0\uc6a9<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Other Assets -->\r\n <div class=\"form-group-section\">\r\n <h3>\uae30\ud0c0 \uc0c1\uc18d \uc790\uc0b0<\/h3>\r\n <div class=\"input-group\">\r\n <label for=\"otherAssets\">\uae08\uc735\uc7ac\uc0b0 \ubc0f \uae30\ud0c0 \ud569\uacc4<\/label>\r\n <div class=\"input-wrapper\">\r\n <input type=\"text\" id=\"otherAssets\" value=\"50,000\" placeholder=\"\uc608: 50,000\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <small class=\"hint\">* \uc0c1\uc18d\uc138 \uacfc\uc138\ud45c\uc900\uc5d0 \ud569\uc0b0\ub429\ub2c8\ub2e4.<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Relationships & Options -->\r\n <div class=\"form-group-section\">\r\n <h3>\uacf5\uc81c \ubc0f \uad00\uacc4 \uc124\uc815<\/h3>\r\n <div class=\"input-group\">\r\n <label for=\"relationship\">\ubc1b\ub294 \uc0ac\ub78c (\uc99d\uc5ec \uc2dc)<\/label>\r\n <select id=\"relationship\">\r\n <option value=\"spouse\">\ubc30\uc6b0\uc790 (\uc99d\uc5ec\uacf5\uc81c 6\uc5b5)<\/option>\r\n <option value=\"child\" selected>\uc131\uc778 \uc790\ub140 (\uc99d\uc5ec\uacf5\uc81c 5\ucc9c)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <label for=\"survivorScenario\">\uc0c1\uc18d\uc778 \uad6c\uc131 (\uc0c1\uc18d \uc2dc \uacf5\uc81c \ud55c\ub3c4 \uacb0\uc815)<\/label>\r\n <select id=\"survivorScenario\">\r\n <option value=\"spouse_children\" selected>\ubc30\uc6b0\uc790 + \uc790\ub140 (\uc77c\uad04 10\uc5b5 \uac00\ub2a5)<\/option>\r\n <option value=\"children_only\">\uc790\ub140\ub9cc \uc788\uc74c (\uc77c\uad04 5\uc5b5 \uac00\ub2a5)<\/option>\r\n <option value=\"spouse_only\">\ubc30\uc6b0\uc790\ub9cc \uc788\uc74c (\uc77c\uad04\uacf5\uc81c \ubd88\uac00)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"checkbox-group\">\r\n <!-- Lump Sum (500m) -->\r\n <label class=\"checkbox-container\" id=\"row_lumpSum\">\r\n <input type=\"checkbox\" id=\"useLumpSum\" checked>\r\n <span class=\"checkmark\"><\/span>\r\n <span>\uc77c\uad04\uacf5\uc81c \uc801\uc6a9 (5\uc5b5)<\/span>\r\n <small class=\"hint\" style=\"display:block; margin-left:34px; margin-top:0;\">* \ubbf8\uc801\uc6a9 \uc2dc \uae30\ucd08\uacf5\uc81c\r\n 2\uc5b5 \uc801\uc6a9<\/small>\r\n <\/label>\r\n\r\n <!-- Spouse Deduction -->\r\n <div id=\"row_spouse\">\r\n <label class=\"checkbox-container\">\r\n <input type=\"checkbox\" id=\"useSpouseDeduction\" checked>\r\n <span class=\"checkmark\"><\/span>\r\n <span>\ubc30\uc6b0\uc790 \uacf5\uc81c \uc801\uc6a9<\/span>\r\n <\/label>\r\n <div class=\"input-wrapper\" style=\"margin-left: 34px; margin-bottom: 10px;\">\r\n <input type=\"text\" id=\"spouseDeductionAmount\" value=\"50,000\" placeholder=\"\ucd5c\uc18c 5\uc5b5\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Financial -->\r\n <label class=\"checkbox-container\">\r\n <input type=\"checkbox\" id=\"financialDeduction\" checked>\r\n <span class=\"checkmark\"><\/span>\r\n <span>\uae08\uc735\uc7ac\uc0b0 \uc0c1\uc18d\uacf5\uc81c (\ucd5c\ub300 2\uc5b5)<\/span>\r\n <\/label>\r\n\r\n <!-- Cohabitation -->\r\n <label class=\"checkbox-container\">\r\n <input type=\"checkbox\" id=\"cohabitationDeduction\">\r\n <span class=\"checkmark\"><\/span>\r\n <span>\ub3d9\uac70\uc8fc\ud0dd \uc0c1\uc18d\uacf5\uc81c (\ucd5c\ub300 6\uc5b5)<\/span>\r\n <\/label>\r\n\r\n <!-- Other -->\r\n <div class=\"input-group\" style=\"margin-bottom: 0;\">\r\n <label for=\"otherInheritanceDeduction\" style=\"font-size: 0.95rem;\">\uae30\ud0c0 \uc0c1\uc18d\uacf5\uc81c (\uc778\uc801\uacf5\uc81c\r\n \ub4f1)<\/label>\r\n <div class=\"input-wrapper\">\r\n <input type=\"text\" id=\"otherInheritanceDeduction\" value=\"0\" placeholder=\"\uc608: 0\">\r\n <span class=\"unit\">\ub9cc\uc6d0<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" id=\"calculateBtn\" class=\"primary-btn\">\r\n \uc138\uae08 \ube44\uad50 \uacc4\uc0b0\ud558\uae30\r\n <span class=\"btn-icon\">\u2794<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/section>\r\n\r\n <!-- Results Section -->\r\n <section class=\"results-panel glass-panel\" id=\"resultsPanel\">\r\n <h2><span class=\"icon\">\ud83d\udcca<\/span> \uc608\uc0c1 \uc138\uae08 \ubd84\uc11d \uacb0\uacfc<\/h2>\r\n\r\n <div class=\"summary-cards\">\r\n <div class=\"card\" id=\"card-gift\">\r\n <div class=\"card-header\">\ub2e8\uc21c \uc99d\uc5ec<\/div>\r\n <div class=\"card-total\" id=\"total-gift\">0 \uc6d0<\/div>\r\n <div class=\"card-sub\">\ucd1d \ubd80\ub2f4 \uc138\uc561<\/div>\r\n <\/div>\r\n <div class=\"card\" id=\"card-burden\">\r\n <div class=\"card-header\">\ubd80\ub2f4\ubd80 \uc99d\uc5ec<\/div>\r\n <div class=\"card-total\" id=\"total-burden\">0 \uc6d0<\/div>\r\n <div class=\"card-sub\">\ucd1d \ubd80\ub2f4 \uc138\uc561<\/div>\r\n <div class=\"badge best-option hidden\">\ucd94\ucc9c<\/div>\r\n <\/div>\r\n <div class=\"card\" id=\"card-inheritance\">\r\n <div class=\"card-header\">\uc0c1\uc18d<\/div>\r\n <div class=\"card-total\" id=\"total-inheritance\">0 \uc6d0<\/div>\r\n <div class=\"card-sub\">\ucd1d \ubd80\ub2f4 \uc138\uc561<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"analysis-box\">\r\n <h3>\ud83d\udca1 \ubd84\uc11d \ucf54\uba58\ud2b8<\/h3>\r\n <p id=\"analysisText\">\uc88c\uce21 \uc815\ubcf4\ub97c \uc785\ub825 \ud6c4 [\uacc4\uc0b0\ud558\uae30]\ub97c \ub20c\ub7ec \uc808\uc138 \uc804\ub7b5\uc744 \ud655\uc778...<\/p>\r\n <\/div>\r\n\r\n <div class=\"details-table-wrapper\">\r\n <table class=\"details-table\">\r\n <thead>\r\n <tr>\r\n <th>\uad6c\ubd84<\/th>\r\n <th>\ub2e8\uc21c \uc99d\uc5ec<\/th>\r\n <th>\ubd80\ub2f4\ubd80 \uc99d\uc5ec<\/th>\r\n <th>\uc0c1\uc18d<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\ucde8\ub4dd\uc138<\/td>\r\n <td id=\"acq-gift\">-<\/td>\r\n <td id=\"acq-burden\">-<\/td>\r\n <td id=\"acq-inheritance\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\uc99d\uc5ec\uc138<\/td>\r\n <td id=\"tax-gift\">-<\/td>\r\n <td id=\"tax-burden-gift\">-<\/td>\r\n <td class=\"disabled\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\uc591\ub3c4\uc138<\/td>\r\n <td class=\"disabled\">-<\/td>\r\n <td id=\"tax-burden-transfer\">-<\/td>\r\n <td class=\"disabled\">-<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\uc0c1\uc18d\uc138<\/td>\r\n <td class=\"disabled\">-<\/td>\r\n <td class=\"disabled\">-<\/td>\r\n <td id=\"tax-inheritance\">-<\/td>\r\n <\/tr>\r\n <tr class=\"total-row\">\r\n <td>\ucd1d\uacc4<\/td>\r\n <td id=\"sum-gift\">-<\/td>\r\n <td id=\"sum-burden\">-<\/td>\r\n <td id=\"sum-inheritance\">-<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div id=\"calculationDetailsBox\" class=\"analysis-box\"\r\n style=\"display:none; background: #fff; border-left: 5px solid var(--secondary);\">\r\n <h3>\ud83d\udcdd \uc0c1\uc138 \uacc4\uc0b0 \ub0b4\uc5ed<\/h3>\r\n <div id=\"calculationDetailsText\"\r\n style=\"line-height: 1.8; white-space: pre-line; color: var(--text-sub);\"><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n \/\/ Constants for Tax Rates (2024\/2025 Estimates)\r\n const TAX_RATES = {\r\n gift: [\r\n { limit: 100000000, rate: 0.10, deduction: 0 },\r\n { limit: 500000000, rate: 0.20, deduction: 10000000 },\r\n { limit: 1000000000, rate: 0.30, deduction: 60000000 },\r\n { limit: 3000000000, rate: 0.40, deduction: 160000000 },\r\n { limit: Infinity, rate: 0.50, deduction: 460000000 }\r\n ],\r\n income: [\r\n { limit: 14000000, rate: 0.06, deduction: 0 },\r\n { limit: 50000000, rate: 0.15, deduction: 1260000 },\r\n { limit: 88000000, rate: 0.24, deduction: 5760000 },\r\n { limit: 150000000, rate: 0.35, deduction: 15440000 },\r\n { limit: 300000000, rate: 0.38, deduction: 19940000 },\r\n { limit: 500000000, rate: 0.40, deduction: 25940000 },\r\n { limit: 1000000000, rate: 0.42, deduction: 35940000 },\r\n { limit: Infinity, rate: 0.45, deduction: 65940000 }\r\n ]\r\n };\r\n\r\n const formatCurrency = (value) => {\r\n return new Intl.NumberFormat('ko-KR').format(Math.round(value));\r\n };\r\n\r\n const calculateProgressiveTax = (base, table) => {\r\n if (base <= 0) return 0;\r\n for (let bracket of table) {\r\n if (base <= bracket.limit) {\r\n return base * bracket.rate - bracket.deduction;\r\n }\r\n }\r\n return 0;\r\n };\r\n\r\n const calculateAcquisitionTax = (type, value) => {\r\n let rate = 0;\r\n if (type === 'gift') {\r\n rate = 0.04;\r\n } else if (type === 'inheritance') {\r\n rate = 0.0316;\r\n } else if (type === 'sale') {\r\n if (value <= 600000000) rate = 0.011;\r\n else if (value <= 900000000) {\r\n rate = 0.022; \/\/ Simplified\r\n } else {\r\n rate = 0.035;\r\n }\r\n }\r\n return value * rate;\r\n };\r\n\r\n const calculateCapitalGains = (debt, marketPrice, acquisitionPrice) => {\r\n if (debt <= 0) return 0;\r\n const soldRatio = debt \/ marketPrice;\r\n const soldAcquisitionCost = acquisitionPrice * soldRatio;\r\n const gain = debt - soldAcquisitionCost;\r\n const basicDeduction = 2500000;\r\n const taxBase = gain - basicDeduction;\r\n if (taxBase <= 0) return 0;\r\n const tax = calculateProgressiveTax(taxBase, TAX_RATES.income);\r\n return tax * 1.1;\r\n };\r\n\r\n const calculateGiftTax = (netValue, relationship) => {\r\n let deduction = 0;\r\n if (relationship === 'spouse') deduction = 600000000;\r\n else if (relationship === 'child') deduction = 50000000;\r\n\r\n let taxBase = netValue - deduction;\r\n if (taxBase <= 0) return 0;\r\n\r\n let tax = calculateProgressiveTax(taxBase, TAX_RATES.gift);\r\n tax = tax * 0.97; \/\/ Reporting Credit\r\n return Math.max(0, tax);\r\n };\r\n\r\n const calculateInheritanceTax = (estateValue, options) => {\r\n let totalDeduction = 0;\r\n\r\n \/\/ 1. Basic (200m) or Lump Sum (500m)\r\n \/\/ If Lump Sum is checked, use 500m. Else use Basic 200m.\r\n \/\/ Exception: If Spouse Only, Lump Sum is NOT allowed (handled in UI, but enforced here too).\r\n let basicDed = 200000000;\r\n if (options.useLumpSum && options.scenario !== 'spouse_only') {\r\n basicDed = 500000000;\r\n }\r\n totalDeduction += basicDed;\r\n\r\n \/\/ 2. Spouse Deduction\r\n \/\/ If Spouse Only or Spouse+Children, Spouse Deduction is applicable.\r\n \/\/ If Children Only, Spouse Deduction is 0.\r\n if (options.useSpouseDeduction && options.scenario !== 'children_only') {\r\n \/\/ User input amount (Min 500m logic should be handled by user input or enforced minimum?)\r\n \/\/ Usually Min 500m is guaranteed if spouse exists.\r\n \/\/ We trust the input amount but ensure min 500m if checked?\r\n \/\/ Let's just use the input amount.\r\n totalDeduction += options.spouseDeductionAmount;\r\n }\r\n\r\n \/\/ 3. Financial Assets Deduction\r\n if (options.financialDeduction && options.financialAssets > 0) {\r\n let finDed = Math.min(200000000, options.financialAssets * 0.2);\r\n totalDeduction += finDed;\r\n }\r\n\r\n \/\/ 4. Cohabitation House Deduction\r\n if (options.cohabitationDeduction) {\r\n let houseVal = options.propertyValue;\r\n let cohabDed = Math.min(600000000, houseVal);\r\n totalDeduction += cohabDed;\r\n }\r\n\r\n \/\/ 5. Other Deductions\r\n if (options.otherDeduction) {\r\n totalDeduction += options.otherDeduction;\r\n }\r\n\r\n let taxBase = estateValue - totalDeduction;\r\n if (taxBase <= 0) return 0;\r\n\r\n let tax = calculateProgressiveTax(taxBase, TAX_RATES.gift);\r\n tax = tax * 0.97;\r\n return Math.max(0, tax);\r\n };\r\n\r\n const parseInput = (id) => {\r\n const val = document.getElementById(id).value.replace(\/,\/g, '');\r\n return (Number(val) || 0) * 10000;\r\n };\r\n\r\n const calculate = () => {\r\n const marketPrice = parseInput('marketPrice');\r\n const officialPrice = parseInput('officialPrice');\r\n const debt = parseInput('debt');\r\n const acquisitionPrice = parseInput('acquisitionPrice');\r\n const otherAssets = parseInput('otherAssets');\r\n const otherInheritanceDeduction = parseInput('otherInheritanceDeduction');\r\n\r\n const survivorScenario = document.getElementById('survivorScenario').value;\r\n const useLumpSum = document.getElementById('useLumpSum').checked;\r\n const useSpouseDeduction = document.getElementById('useSpouseDeduction').checked;\r\n const spouseDeductionAmount = parseInput('spouseDeductionAmount');\r\n const useFinancialDed = document.getElementById('financialDeduction').checked;\r\n const useCohabitationDed = document.getElementById('cohabitationDeduction').checked;\r\n\r\n \/\/ 1. Simple Gift\r\n const giftAcqTax = calculateAcquisitionTax('gift', marketPrice);\r\n const giftTax = calculateGiftTax(marketPrice, relationship);\r\n const totalGift = giftAcqTax + giftTax;\r\n\r\n \/\/ 2. Burden Gift\r\n const netGiftValue = marketPrice - debt;\r\n const burdenGiftTax = calculateGiftTax(netGiftValue, relationship);\r\n const burdenAcqTaxGiftPortion = calculateAcquisitionTax('gift', netGiftValue);\r\n\r\n const burdenAcqTaxDebtPortion = calculateAcquisitionTax('sale', debt);\r\n const burdenTransferTax = calculateCapitalGains(debt, marketPrice, acquisitionPrice);\r\n\r\n const totalBurden = burdenGiftTax + burdenAcqTaxGiftPortion + burdenAcqTaxDebtPortion + burdenTransferTax;\r\n\r\n \/\/ 3. Inheritance\r\n const estateValue = marketPrice + otherAssets - debt;\r\n const inheritanceTax = calculateInheritanceTax(estateValue, {\r\n scenario: survivorScenario,\r\n useLumpSum,\r\n useSpouseDeduction,\r\n spouseDeductionAmount,\r\n financialDeduction: useFinancialDed,\r\n financialAssets: otherAssets,\r\n cohabitationDeduction: useCohabitationDed,\r\n propertyValue: marketPrice,\r\n otherDeduction: otherInheritanceDeduction\r\n });\r\n const inheritanceAcqTax = calculateAcquisitionTax('inheritance', officialPrice);\r\n const totalInheritance = inheritanceTax + inheritanceAcqTax;\r\n\r\n \/\/ Calculate Total Deduction for Display\r\n let totalDed = 0;\r\n if (useLumpSum && survivorScenario !== 'spouse_only') totalDed += 500000000; else totalDed += 200000000;\r\n if (useSpouseDeduction && survivorScenario !== 'children_only') totalDed += spouseDeductionAmount;\r\n if (useFinancialDed && otherAssets > 0) totalDed += Math.min(200000000, otherAssets * 0.2);\r\n if (useCohabitationDed) totalDed += Math.min(600000000, marketPrice);\r\n totalDed += otherInheritanceDeduction;\r\n\r\n \/\/ Detail Text\r\n const details = `\r\n <strong>1. \ub2e8\uc21c \uc99d\uc5ec<\/strong>\r\n \u2022 \ucde8\ub4dd\uc138: ${formatCurrency(marketPrice)}\uc6d0 \u00d7 4% = ${formatCurrency(giftAcqTax)}\uc6d0\r\n \u2022 \uc99d\uc5ec\uc138: (${formatCurrency(marketPrice)}\uc6d0 - \uacf5\uc81c) \u00d7 \uc138\uc728 = ${formatCurrency(giftTax)}\uc6d0\r\n\r\n <strong>2. \ubd80\ub2f4\ubd80 \uc99d\uc5ec<\/strong>\r\n \u2022 \uc99d\uc5ec\uc138 (\uc21c\uc218\uc99d\uc5ec): (${formatCurrency(netGiftValue)}\uc6d0 - \uacf5\uc81c) \u00d7 \uc138\uc728 = ${formatCurrency(burdenGiftTax)}\uc6d0\r\n \u2022 \uc591\ub3c4\uc138 (\ucc44\ubb34\ubd84): (\uc591\ub3c4\ucc28\uc775 ${formatCurrency(debt - (acquisitionPrice * (debt \/ marketPrice)))}\uc6d0 - \uae30\ubcf8\uacf5\uc81c) \u00d7 \uc138\uc728 = ${formatCurrency(burdenTransferTax)}\uc6d0\r\n \u2022 \ucde8\ub4dd\uc138 \ud569\uacc4: ${formatCurrency(burdenAcqTaxGiftPortion + burdenAcqTaxDebtPortion)}\uc6d0\r\n\r\n <strong>3. \uc0c1\uc18d<\/strong>\r\n \u2022 \uc0c1\uc18d\uc7ac\uc0b0\uac00\uc561: ${formatCurrency(estateValue)}\uc6d0 (\ubd80\ub3d9\uc0b0+\uae30\ud0c0-\ubd80\ucc44)\r\n \u2022 \uc0c1\uc18d\uc138: (\uacfc\uc138\ud45c\uc900 ${formatCurrency(Math.max(0, estateValue - totalDed))}\uc6d0) \u00d7 \uc138\uc728 = ${formatCurrency(inheritanceTax)}\uc6d0\r\n \u2022 \ucde8\ub4dd\uc138: ${formatCurrency(officialPrice)}\uc6d0 \u00d7 3.16% = ${formatCurrency(inheritanceAcqTax)}\uc6d0\r\n `;\r\n\r\n updateUI({\r\n gift: { total: totalGift, acq: giftAcqTax, tax: giftTax },\r\n burden: {\r\n total: totalBurden,\r\n acq: burdenAcqTaxGiftPortion + burdenAcqTaxDebtPortion,\r\n giftTax: burdenGiftTax,\r\n transferTax: burdenTransferTax\r\n },\r\n inheritance: { total: totalInheritance, acq: inheritanceAcqTax, tax: inheritanceTax },\r\n details: details\r\n });\r\n };\r\n\r\n const updateUI = (results) => {\r\n \/\/ Update Text\r\n document.getElementById('total-gift').textContent = formatCurrency(results.gift.total) + ' \uc6d0';\r\n document.getElementById('total-burden').textContent = formatCurrency(results.burden.total) + ' \uc6d0';\r\n document.getElementById('total-inheritance').textContent = formatCurrency(results.inheritance.total) + ' \uc6d0';\r\n\r\n document.getElementById('acq-gift').textContent = formatCurrency(results.gift.acq);\r\n document.getElementById('tax-gift').textContent = formatCurrency(results.gift.tax);\r\n document.getElementById('sum-gift').textContent = formatCurrency(results.gift.total);\r\n\r\n document.getElementById('acq-burden').textContent = formatCurrency(results.burden.acq);\r\n document.getElementById('tax-burden-gift').textContent = formatCurrency(results.burden.giftTax);\r\n document.getElementById('tax-burden-transfer').textContent = formatCurrency(results.burden.transferTax);\r\n document.getElementById('sum-burden').textContent = formatCurrency(results.burden.total);\r\n\r\n document.getElementById('acq-inheritance').textContent = formatCurrency(results.inheritance.acq);\r\n document.getElementById('tax-inheritance').textContent = formatCurrency(results.inheritance.tax);\r\n document.getElementById('sum-inheritance').textContent = formatCurrency(results.inheritance.total);\r\n\r\n \/\/ Highlight Logic\r\n const totals = [\r\n { id: 'card-gift', val: results.gift.total, name: '\ub2e8\uc21c \uc99d\uc5ec' },\r\n { id: 'card-burden', val: results.burden.total, name: '\ubd80\ub2f4\ubd80 \uc99d\uc5ec' },\r\n { id: 'card-inheritance', val: results.inheritance.total, name: '\uc0c1\uc18d' }\r\n ];\r\n\r\n \/\/ Reset Styles\r\n document.querySelectorAll('.card').forEach(c => {\r\n c.classList.remove('best-card');\r\n const badge = c.querySelector('.badge');\r\n if (badge) badge.classList.add('hidden');\r\n });\r\n\r\n const minVal = Math.min(...totals.map(t => t.val));\r\n const best = totals.find(t => t.val === minVal);\r\n\r\n if (best) {\r\n const card = document.getElementById(best.id);\r\n card.classList.add('best-card');\r\n const badge = card.querySelector('.badge');\r\n if (badge) {\r\n badge.classList.remove('hidden');\r\n } else {\r\n const newBadge = document.createElement('div');\r\n newBadge.className = 'badge best-option';\r\n newBadge.textContent = '\ucd5c\uc801 \uc720\ub9ac';\r\n card.appendChild(newBadge);\r\n }\r\n\r\n const maxVal = Math.max(...totals.map(t => t.val));\r\n const diff = maxVal - minVal;\r\n\r\n document.getElementById('analysisText').innerHTML =\r\n `\ud604\uc7ac \uc870\uac74\uc5d0\uc11c\ub294 <strong style=\"color:var(--primary); font-size:1.15rem;\">${best.name}<\/strong>\uac00 \uac00\uc7a5 \uc720\ub9ac\ud569\ub2c8\ub2e4.<br>\r\n \uac00\uc7a5 \ubd88\ub9ac\ud55c \ubc29\uc2dd \ub300\ube44 \uc57d <strong style=\"color:var(--success); font-size:1.15rem;\">${formatCurrency(diff)}\uc6d0<\/strong>\uc744 \uc808\uc138\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\r\n <span style=\"font-size:0.95rem; color:var(--text-sub); margin-top:0.6rem; display:block;\">(\ub2e8, \uc0c1\uc18d\uc740 \ubbf8\ub798 \uc2dc\uc810\uc758 \uc138\uae08\uc774\uba70 \uacf5\uc81c \uc870\uac74\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9c8 \uc218 \uc788\uace0, \uc591\ub3c4\uc138\ub294 \ube44\uacfc\uc138 \ub4f1 \uc5ec\ubd80\ub97c \ubcc4\ub3c4\ub85c \ud310\ub2e8\ud574\uc57c \ud569\ub2c8\ub2e4.)<\/span>`;\r\n }\r\n\r\n \/\/ Show Details\r\n const detailsBox = document.getElementById('calculationDetailsBox');\r\n const detailsText = document.getElementById('calculationDetailsText');\r\n if (results.details) {\r\n detailsBox.style.display = 'block';\r\n detailsText.innerHTML = results.details;\r\n\r\n \/\/ Scroll to result\r\n document.getElementById('resultsPanel').scrollIntoView({ behavior: 'smooth' });\r\n }\r\n };\r\n\r\n document.getElementById('calculateBtn').addEventListener('click', calculate);\r\n\r\n \/\/ Scenario Logic\r\n const scenarioSelect = document.getElementById('survivorScenario');\r\n const lumpSumCheck = document.getElementById('useLumpSum');\r\n const spouseCheck = document.getElementById('useSpouseDeduction');\r\n const spouseAmountRow = document.getElementById('row_spouse');\r\n const lumpSumRow = document.getElementById('row_lumpSum');\r\n\r\n const updateScenarioUI = () => {\r\n const val = scenarioSelect.value;\r\n if (val === 'spouse_children') {\r\n \/\/ Default: Both checked\r\n lumpSumRow.style.display = 'flex';\r\n spouseAmountRow.style.display = 'block';\r\n \/\/ Don't force check, let user decide, but default is checked\r\n } else if (val === 'children_only') {\r\n \/\/ Spouse ded not available\r\n lumpSumRow.style.display = 'flex';\r\n spouseAmountRow.style.display = 'none';\r\n spouseCheck.checked = false;\r\n } else if (val === 'spouse_only') {\r\n \/\/ Lump sum not available\r\n lumpSumRow.style.display = 'none';\r\n lumpSumCheck.checked = false;\r\n spouseAmountRow.style.display = 'block';\r\n spouseCheck.checked = true;\r\n }\r\n };\r\n\r\n scenarioSelect.addEventListener('change', updateScenarioUI);\r\n \/\/ Initialize\r\n updateScenarioUI();\r\n\r\n ['marketPrice', 'officialPrice', 'debt', 'acquisitionPrice', 'otherAssets', 'otherInheritanceDeduction', 'spouseDeductionAmount'].forEach(id => {\r\n const el = document.getElementById(id);\r\n el.addEventListener('input', (e) => {\r\n let val = e.target.value.replace(\/[^0-9]\/g, '');\r\n if (val) {\r\n e.target.value = Number(val).toLocaleString();\r\n } else {\r\n e.target.value = '';\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ubd80\ub3d9\uc0b0 \uc99d\uc5ec vs \uc0c1\uc18d \uc138\uae08 \ube44\uad50 \uacc4\uc0b0\uae30 \ubd80\ub3d9\uc0b0 \uc138\uae08 \ub2e8\uc21c \ube44\uad50 \uc99d\uc5ec, \ubd80\ub2f4\ubd80\uc99d\uc5ec, \uc0c1\uc18d \uc911 \uc720\ub9ac\ud55c \uc808\uc138 \uc804\ub7b5\uc744 \ucc3e\uc544\ubd05\ub2c8\ub2e4. \ud83d\udcdd \uc790\uc0b0 \uc815\ubcf4 \ubc0f \uc870\uac74 \ubd80\ub3d9\uc0b0 \uae30\ubcf8 \uc815\ubcf4 \uc2dc\uac00 (\ub9e4\ub9e4\uc0ac\ub840\uac00\uc561) \ub9cc\uc6d0 \uacf5\uc2dc\uac00\uaca9 (\uae30\uc900\uc2dc\uac00) \ub9cc\uc6d0 \ubd80\ucc44 (\uc804\uc138\ubcf4\uc99d\uae08\/\ub300\ucd9c) \ub9cc\uc6d0 \ub2f9\ucd08 \ucde8\ub4dd\uac00\uc561 \ub9cc\uc6d0 * \uc591\ub3c4\ucc28\uc775 \uacc4\uc0b0\uc6a9 \uae30\ud0c0 \uc0c1\uc18d \uc790\uc0b0 \uae08\uc735\uc7ac\uc0b0 \ubc0f \uae30\ud0c0 \ud569\uacc4 \ub9cc\uc6d0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"footnotes":""},"class_list":["post-14837","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/14837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14837"}],"version-history":[{"count":3,"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/14837\/revisions"}],"predecessor-version":[{"id":14840,"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/14837\/revisions\/14840"}],"wp:attachment":[{"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}