{"id":14321,"date":"2025-08-03T16:18:59","date_gmt":"2025-08-03T07:18:59","guid":{"rendered":"https:\/\/chois2080.mycafe24.com\/?page_id=14321"},"modified":"2025-08-06T16:39:31","modified_gmt":"2025-08-06T07:39:31","slug":"elementor-14321","status":"publish","type":"page","link":"https:\/\/chois2080.mycafe24.com\/?page_id=14321","title":{"rendered":"\uc99d\uc5ec\uc138 \uac04\ud3b8\uacc4\uc0b0\uae30"},"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\n\n\n \n \n \uc99d\uc5ec\uc138 \uac04\ud3b8 \uacc4\uc0b0\uae30 - \uc138\ub828\ub41c \ub514\uc790\uc778<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* CSS \ubcc0\uc218 \uc124\uc815 *\/\n :root {\n --primary-blue: #0A2E5B; \/* \uae4a\uc740 \ub124\uc774\ube44 \ube14\ub8e8 *\/\n --secondary-light: #E6F0F8; \/* \uc5f0\ud55c \ud558\ub298\uc0c9\/\ud68c\uc0c9\uc870 *\/\n --accent-orange: #FF8C00; \/* \uc624\ub80c\uc9c0 \ud3ec\uc778\ud2b8 *\/\n --text-dark: #2C3E50; \/* \uc9c4\ud55c \ud68c\uc0c9 \ud14d\uc2a4\ud2b8 *\/\n --text-medium: #555; \/* \uc911\uac04 \ud68c\uc0c9 \ud14d\uc2a4\ud2b8 *\/\n --text-light: #ffffff;\n --bg-light: #F8F9FA; \/* \ubc1d\uc740 \ubc30\uacbd\uc0c9 *\/\n --border-color: #DDE4EB; \/* \ubd80\ub4dc\ub7ec\uc6b4 \ud14c\ub450\ub9ac \uc0c9\uc0c1 *\/\n --shadow-light: rgba(0, 0, 0, 0.08); \/* \ubd80\ub4dc\ub7ec\uc6b4 \uadf8\ub9bc\uc790 *\/\n --success-green: #28a745; \/* \uc131\uacf5 \uc561\uc158\uc6a9 \ub179\uc0c9 *\/\n --error-red: #DC3545; \/* \uc5d0\ub7ec \uba54\uc2dc\uc9c0\uc6a9 \ube68\uac04\uc0c9 *\/\n }\n\n \/* \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\n body {\n font-family: 'Noto Sans KR', sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--bg-light);\n color: var(--text-dark);\n line-height: 1.6;\n font-weight: 400; \/* \uae30\ubcf8 \ud3f0\ud2b8 \uad75\uae30 *\/\n }\n\n .container {\n max-width: 960px;\n margin: 10px auto;\n padding: 30px;\n background-color: var(--text-light);\n box-shadow: 0 8px 25px var(--shadow-light); \/* \uadf8\ub9bc\uc790 \uac15\ud654 *\/\n border-radius: 15px; \/* \ubaa8\uc11c\ub9ac \ub465\uae00\uac8c *\/\n position: relative; \/* \uc790\uc2dd \uc694\uc18c\uc758 absolute \uc704\uce58 \uae30\uc900\uc810 *\/\n }\n\n \/* \ud5e4\ub354 *\/\n header {\n background-color: var(--primary-blue);\n padding: 25px 0;\n text-align: center;\n border-top-left-radius: 15px; \/* \ucee8\ud14c\uc774\ub108\uc640 \uc77c\uce58 *\/\n border-top-right-radius: 15px; \/* \ucee8\ud14c\uc774\ub108\uc640 \uc77c\uce58 *\/\n margin-bottom: 20px;\n position: relative;\n top: -30px; \/* \ucee8\ud14c\uc774\ub108 \uc0c1\ub2e8 \ub9c8\uc9c4\ub9cc\ud07c \uc704\ub85c \uc774\ub3d9 *\/\n left: -30px; \/* \ucee8\ud14c\uc774\ub108 \uc88c\uce21 \ud328\ub529\ub9cc\ud07c \uc88c\ub85c \uc774\ub3d9 *\/\n width: calc(100% + 60px); \/* \ucee8\ud14c\uc774\ub108 \ub108\ube44 + \uc591\ucabd \ud328\ub529 *\/\n box-sizing: border-box; \/* \ud328\ub529\uc774 \ub108\ube44\uc5d0 \ud3ec\ud568\ub418\ub3c4\ub85d *\/\n border-radius: 15px 15px 0 0; \/* \uc0c1\ub2e8\ub9cc \ub465\uae00\uac8c *\/\n }\n\n header h1 {\n margin: 0;\n font-size: 2.5em;\n font-weight: 700;\n color: var(--text-light); \/* \uc81c\ubaa9 \uc0c9\uc0c1 \uba85\ud655\ud788 \ud770\uc0c9\uc73c\ub85c *\/\n letter-spacing: -0.05em; \/* \uae00\uc790 \uac04\uaca9 \uc870\uc808 *\/\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); \/* \uadf8\ub9bc\uc790 \ucd94\uac00 *\/\n }\n\n \/* \ub2e8\uacc4 \ud45c\uc2dc\uae30 *\/\n .step-indicator {\n display: flex;\n justify-content: space-around;\n list-style: none;\n padding: 0;\n margin: 30px 0 40px 0; \/* \uc544\ub798 \uc5ec\ubc31 \uc99d\uac00 *\/\n border-bottom: 2px solid var(--border-color);\n }\n\n .step-item {\n flex: 1;\n text-align: center;\n padding-bottom: 18px; \/* \ud328\ub529 \uc99d\uac00 *\/\n font-weight: 700;\n color: #aaa;\n position: relative;\n cursor: pointer;\n transition: color 0.3s ease, border-color 0.3s ease; \/* \uc804\ud658 \ud6a8\uacfc *\/\n font-size: 1.1em;\n }\n\n .step-item.active {\n color: var(--primary-blue);\n border-bottom: 4px solid var(--primary-blue); \/* \ubcf4\ub354 \ub450\uaed8 \uc99d\uac00 *\/\n }\n\n .step-item.active::after {\n content: '';\n position: absolute;\n bottom: -10px; \/* \ubcf4\ub354 \uc544\ub798\uc5d0 \uc704\uce58 *\/\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid var(--primary-blue);\n transition: border-bottom-color 0.3s ease;\n }\n \n \/* \uac01 \ub2e8\uacc4 \ucee8\ud14c\uc774\ub108 *\/\n .calculator-step {\n display: none;\n padding: 25px 30px; \/* \ud328\ub529 \uc99d\uac00 *\/\n border: 1px solid var(--border-color);\n border-radius: 10px; \/* \ubaa8\uc11c\ub9ac \ub465\uae00\uac8c *\/\n margin-bottom: 30px; \/* \uc544\ub798 \uc5ec\ubc31 \uc99d\uac00 *\/\n background-color: var(--text-light);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); \/* \ubd80\ub4dc\ub7ec\uc6b4 \uadf8\ub9bc\uc790 *\/\n }\n\n .calculator-step.active {\n display: block;\n }\n\n .calculator-step h2 {\n font-size: 2em;\n color: var(--primary-blue);\n margin-top: 0;\n margin-bottom: 20px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n padding-bottom: 15px;\n border-bottom: 2px solid var(--secondary-light);\n font-weight: 700;\n }\n\n .calculator-step p.description {\n color: var(--text-medium);\n margin-bottom: 30px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n font-size: 1em;\n }\n\n \/* \ud3fc \uadf8\ub8f9 *\/\n .form-group {\n margin-bottom: 25px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n }\n\n .form-group label {\n display: block;\n margin-bottom: 10px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n font-weight: 700;\n color: var(--text-dark);\n font-size: 1.05em;\n }\n\n .form-group input[type=\"text\"],\n .form-group input[type=\"number\"],\n .form-group input[type=\"date\"],\n .form-group select {\n width: calc(100% - 24px); \/* \ud328\ub529, \ubcf4\ub354 \uace0\ub824 *\/\n padding: 12px; \/* \ud328\ub529 \uc99d\uac00 *\/\n border: 1px solid var(--border-color);\n border-radius: 8px; \/* \ubaa8\uc11c\ub9ac \ub465\uae00\uac8c *\/\n font-size: 1.05em;\n box-sizing: border-box;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n }\n \n .form-group input[type=\"checkbox\"] {\n margin-right: 10px;\n transform: scale(1.3); \/* \uccb4\ud06c\ubc15\uc2a4 \ud06c\uae30 \uc870\uc808 *\/\n vertical-align: middle;\n }\n\n .form-group.inline-checkbox label {\n display: inline-block;\n margin-bottom: 0;\n vertical-align: middle;\n cursor: pointer; \/* \ub808\uc774\ube14 \ud074\ub9ad \uac00\ub2a5\ud558\ub3c4\ub85d *\/\n }\n\n .form-group input[type=\"number\"]:focus,\n .form-group select:focus,\n .form-group input[type=\"text\"]:focus,\n .form-group input[type=\"date\"]:focus {\n border-color: var(--primary-blue);\n outline: none;\n box-shadow: 0 0 0 4px rgba(10, 46, 91, 0.15); \/* \ud3ec\ucee4\uc2a4 \uadf8\ub9bc\uc790 \uac15\uc870 *\/\n outline-offset: 2px; \/* \uc544\uc6c3\ub77c\uc778\uacfc \ud14c\ub450\ub9ac \uc0ac\uc774 \uac04\uaca9 *\/\n }\n\n \/* \ubc84\ud2bc \uadf8\ub8f9 *\/\n .button-group {\n display: flex;\n justify-content: space-between;\n margin-top: 40px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n gap: 15px; \/* \ubc84\ud2bc \uc0ac\uc774 \uac04\uaca9 *\/\n }\n\n .btn {\n padding: 14px 30px; \/* \ud328\ub529 \uc99d\uac00 *\/\n border: none;\n border-radius: 8px; \/* \ubaa8\uc11c\ub9ac \ub465\uae00\uac8c *\/\n font-size: 1.1em;\n cursor: pointer;\n transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n font-weight: 700;\n min-width: 140px;\n flex-grow: 1; \/* flex item\uc73c\ub85c \uacf5\uac04 \uade0\ub4f1 \ubd84\ubc30 *\/\n }\n\n .btn-primary {\n background-color: var(--primary-blue);\n color: var(--text-light);\n box-shadow: 0 4px 10px rgba(0, 64, 128, 0.2);\n }\n\n .btn-primary:hover {\n background-color: #08244A;\n transform: translateY(-2px); \/* \ud638\ubc84 \uc2dc \uc57d\uac04 \uc704\ub85c *\/\n box-shadow: 0 6px 15px rgba(0, 64, 128, 0.3);\n }\n\n .btn-secondary {\n background-color: var(--secondary-light);\n color: var(--text-dark);\n border: 1px solid var(--border-color);\n }\n\n .btn-secondary:hover {\n background-color: #D3E0EC;\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n }\n\n .btn:disabled {\n background-color: #e0e0e0;\n color: #a0a0a0;\n cursor: not-allowed;\n border: 1px solid #ccc;\n box-shadow: none;\n transform: none;\n }\n \n \/* \ucd94\uac00\/\uc0ad\uc81c \ubc84\ud2bc (\uc7ac\uc0b0, \uacfc\uac70\uc99d\uc5ec) *\/\n .add-item-btn {\n background-color: var(--success-green);\n color: var(--text-light);\n padding: 10px 20px; \/* \ud328\ub529 \uc99d\uac00 *\/\n border-radius: 8px;\n border: none;\n cursor: pointer;\n font-size: 0.95em;\n margin-top: 15px;\n margin-bottom: 25px;\n display: inline-block;\n transition: background-color 0.3s ease, transform 0.2s ease;\n font-weight: 700;\n }\n .add-item-btn:hover {\n background-color: #218838;\n transform: translateY(-1px);\n }\n\n .remove-item-btn {\n background-color: var(--error-red);\n color: var(--text-light);\n padding: 8px 15px;\n border-radius: 5px;\n border: none;\n cursor: pointer;\n font-size: 0.85em;\n margin-left: 15px; \/* \uac04\uaca9 \uc99d\uac00 *\/\n display: inline-block;\n transition: background-color 0.3s ease;\n }\n .remove-item-btn:hover {\n background-color: #c82333;\n }\n\n .property-input-group, .past-gift-input-group {\n border: 1px dashed var(--border-color);\n padding: 20px; \/* \ud328\ub529 \uc99d\uac00 *\/\n margin-bottom: 20px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n border-radius: 10px;\n background-color: var(--bg-light);\n }\n \n \/* \uacb0\uacfc \uc139\uc158 *\/\n .result-section {\n text-align: center;\n margin-top: 40px;\n }\n\n .highlight-amount {\n font-size: 3.5em; \/* \ud06c\uae30 \uc99d\uac00 *\/\n font-weight: 700;\n color: var(--accent-orange);\n margin-bottom: 25px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n letter-spacing: -0.05em;\n }\n\n .highlight-amount span {\n font-size: 0.5em; \/* '\uc6d0' \uae00\uc790 \ud06c\uae30 \uc870\uc808 *\/\n margin-left: 8px; \/* \uac04\uaca9 \uc99d\uac00 *\/\n vertical-align: middle;\n color: var(--text-dark); \/* '\uc6d0' \uae00\uc790\uc0c9 \ubcc0\uacbd *\/\n }\n\n .result-section h4 {\n font-size: 1.7em;\n color: var(--primary-blue);\n margin-top: 35px;\n margin-bottom: 25px;\n font-weight: 700;\n }\n\n .detail-table {\n width: 100%;\n border-collapse: separate; \/* border-radius \uc801\uc6a9\uc744 \uc704\ud574 *\/\n border-spacing: 0;\n margin: 0 auto 40px auto;\n border: 1px solid var(--border-color);\n border-radius: 10px; \/* \ud14c\uc774\ube14 \ubaa8\uc11c\ub9ac \ub465\uae00\uac8c *\/\n overflow: hidden; \/* \ub465\uadfc \ubaa8\uc11c\ub9ac \uc801\uc6a9 *\/\n }\n\n .detail-table th,\n .detail-table td {\n padding: 15px; \/* \ud328\ub529 \uc99d\uac00 *\/\n text-align: left;\n border-bottom: 1px solid var(--border-color); \/* \uc140 \uad6c\ubd84\uc120 *\/\n }\n\n .detail-table th {\n background-color: var(--secondary-light);\n font-weight: 700;\n color: var(--primary-blue);\n font-size: 1.05em;\n }\n\n .detail-table td {\n background-color: var(--text-light);\n }\n \n \/* \ud14c\uc774\ube14 \ub9c8\uc9c0\ub9c9 \ud589\uc758 \ud558\ub2e8 \ubcf4\ub354 \uc81c\uac70 *\/\n .detail-table tbody tr:last-child td {\n border-bottom: none;\n }\n\n .detail-table tr:last-child {\n font-weight: 700;\n background-color: var(--secondary-light);\n color: var(--primary-blue);\n }\n \n .disclaimer {\n font-size: 0.9em;\n color: #777;\n text-align: center;\n margin-top: 50px; \/* \uc5ec\ubc31 \uc99d\uac00 *\/\n padding: 25px;\n border-top: 1px dashed var(--border-color);\n border-radius: 0 0 15px 15px; \/* \ud558\ub2e8\ub9cc \ub465\uae00\uac8c *\/\n }\n\n \/* \ud478\ud130 *\/\n footer {\n text-align: center;\n padding: 25px;\n font-size: 0.85em;\n color: #999;\n margin-top: 20px;\n }\n\n \/* \uc624\ub958 \uba54\uc2dc\uc9c0 *\/\n .error-message {\n color: var(--error-red);\n font-size: 0.85em;\n margin-top: 8px;\n display: none;\n font-weight: 700;\n }\n .form-group.has-error input, .form-group.has-error select {\n border-color: var(--error-red) !important; \/* \uc624\ub958 \uc2dc \ube68\uac04\uc0c9 \ud14c\ub450\ub9ac *\/\n box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.15) !important;\n }\n\n \/* \ud234\ud301 *\/\n .tooltip-container {\n position: relative;\n display: inline-block;\n margin-left: 8px;\n cursor: help;\n font-size: 0.9em; \/* \uc544\uc774\ucf58 \ud06c\uae30 \uc870\uc808 *\/\n color: var(--primary-blue);\n }\n .tooltip-container .tooltip-text {\n visibility: hidden;\n width: 250px; \/* \ub108\ube44 \uc870\uc808 *\/\n background-color: var(--text-dark);\n color: var(--text-light);\n text-align: center;\n border-radius: 8px;\n padding: 10px 15px;\n position: absolute;\n z-index: 1;\n bottom: 125%; \/* Tooltip above the text *\/\n left: 50%;\n transform: translateX(-50%); \/* \uc911\uc559 \uc815\ub82c *\/\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 0.85em;\n line-height: 1.4;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n }\n .tooltip-container .tooltip-text::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -8px; \/* \ud654\uc0b4\ud45c \uc704\uce58 \uc870\uc808 *\/\n border-width: 8px;\n border-style: solid;\n border-color: var(--text-dark) transparent transparent transparent;\n }\n .tooltip-container:hover .tooltip-text {\n visibility: visible;\n opacity: 1;\n }\n\n \/* \ubc18\uc751\ud615 \ub514\uc790\uc778 *\/\n @media (max-width: 768px) {\n .container {\n margin: 15px auto;\n padding: 15px;\n border-radius: 10px;\n }\n\n header {\n padding: 15px 0;\n top: -15px;\n left: -15px;\n width: calc(100% + 30px);\n border-radius: 10px 10px 0 0;\n }\n\n header h1 {\n font-size: 1.8em;\n }\n\n .step-indicator {\n flex-wrap: wrap; \/* \uc791\uc740 \ud654\uba74\uc5d0\uc11c \uc904\ubc14\uafc8 *\/\n margin-top: 20px;\n margin-bottom: 25px;\n }\n\n .step-item {\n flex-basis: 50%; \/* 2\uac1c\uc529 \ud55c \uc904\uc5d0 *\/\n padding-bottom: 12px;\n font-size: 0.9em;\n margin-bottom: 10px; \/* \uc904\ubc14\uafc8 \uc2dc \uac04\uaca9 *\/\n }\n .step-item.active {\n border-bottom: 3px solid var(--primary-blue);\n }\n .step-item.active::after {\n bottom: -7px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid var(--primary-blue);\n }\n\n .calculator-step {\n padding: 15px 20px;\n margin-bottom: 20px;\n }\n\n .calculator-step h2 {\n font-size: 1.5em;\n margin-bottom: 15px;\n padding-bottom: 10px;\n }\n\n .calculator-step p.description {\n margin-bottom: 20px;\n font-size: 0.9em;\n }\n\n .form-group label {\n font-size: 0.95em;\n margin-bottom: 8px;\n }\n\n .form-group input, .form-group select {\n padding: 10px;\n font-size: 0.95em;\n }\n\n .button-group {\n flex-direction: column; \/* \ubc84\ud2bc \uc138\ub85c\ub85c \uc313\uae30 *\/\n margin-top: 30px;\n }\n\n .btn {\n width: 100%; \/* \ub108\ube44 100% *\/\n margin-bottom: 10px; \/* \ubc84\ud2bc \uc0ac\uc774 \uac04\uaca9 *\/\n }\n\n .highlight-amount {\n font-size: 2.5em;\n }\n\n .detail-table {\n font-size: 0.9em;\n }\n\n .detail-table th, .detail-table td {\n padding: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <h1>\uc99d\uc5ec\uc138 \uac04\ud3b8 \uacc4\uc0b0\uae30<\/h1>\n <\/header>\n\n <main class=\"container\">\n <nav>\n <ul class=\"step-indicator\" id=\"stepIndicator\">\n <li class=\"step-item active\" data-step=\"1\">1. \uad00\uacc4 \uc124\uc815<\/li>\n <li class=\"step-item\" data-step=\"2\">2. \uc99d\uc5ec \uc7ac\uc0b0<\/li>\n <li class=\"step-item\" data-step=\"3\">3. \uacf5\uc81c\/\ube44\uacfc\uc138<\/li>\n <li class=\"step-item\" data-step=\"4\">4. \ud569\uc0b0 \ub0b4\uc5ed<\/li>\n <li class=\"step-item\" data-step=\"5\">5. \uacb0\uacfc \ud655\uc778<\/li>\n <\/ul>\n <\/nav>\n\n <!-- STEP 1: \uc99d\uc5ec\uc790-\uc218\uc99d\uc790 \uad00\uacc4 \uc124\uc815 -->\n <section id=\"step1\" class=\"calculator-step active\">\n <h2>STEP 1. \uc99d\uc5ec\uc790-\uc218\uc99d\uc790 \uad00\uacc4 \uc124\uc815<\/h2>\n <p class=\"description\">\uc99d\uc5ec\uc790, \uc218\uc99d\uc790\uc758 \uac70\uc8fc \uc5ec\ubd80\uc640 \ub450 \ubd84\uc758 \uad00\uacc4\ub97c \uc120\ud0dd\ud574\uc8fc\uc138\uc694. \uc774\ub294 \uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c\uc561\uc744 \uacb0\uc815\ud558\ub294 \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4.<\/p>\n\n <div class=\"form-group\">\n <label for=\"donorResidency\">\uc99d\uc5ec\uc790 \uac70\uc8fc\uc790 \uc5ec\ubd80:<\/label>\n <select id=\"donorResidency\" required>\n <option value=\"\">\uc120\ud0dd<\/option>\n <option value=\"resident\">\ub300\ud55c\ubbfc\uad6d \uac70\uc8fc\uc790<\/option>\n <option value=\"non-resident\">\ub300\ud55c\ubbfc\uad6d \ube44\uac70\uc8fc\uc790<\/option>\n <\/select>\n <div class=\"error-message\" data-for=\"donorResidency\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"doneeResidency\">\uc218\uc99d\uc790 \uac70\uc8fc\uc790 \uc5ec\ubd80:<\/label>\n <select id=\"doneeResidency\" required>\n <option value=\"\">\uc120\ud0dd<\/option>\n <option value=\"resident\">\ub300\ud55c\ubbfc\uad6d \uac70\uc8fc\uc790<\/option>\n <option value=\"non-resident\">\ub300\ud55c\ubbfc\uad6d \ube44\uac70\uc8fc\uc790<\/option>\n <\/select>\n <div class=\"error-message\" data-for=\"doneeResidency\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"relationship\">\uc99d\uc5ec\uc790-\uc218\uc99d\uc790 \uad00\uacc4:<\/label>\n <select id=\"relationship\" required>\n <option value=\"\">\uc120\ud0dd<\/option>\n <option value=\"spouse\">\ubc30\uc6b0\uc790<\/option>\n <option value=\"lineal_ascendant\">\uc9c1\uacc4\uc874\uc18d (\ubd80\ubaa8, \uc870\ubd80\ubaa8 \ub4f1)<\/option>\n <option value=\"lineal_descendant\">\uc9c1\uacc4\ube44\uc18d (\uc790\ub140, \uc190\uc790\ub140 \ub4f1)<\/option>\n <option value=\"other_relative\">\uae30\ud0c0 \uce5c\uc871 (\ud615\uc81c\uc790\ub9e4, \uc0ac\ub3c8 \ub4f1)<\/option>\n <option value=\"stranger\">\ud0c0\uc778<\/option>\n <\/select>\n <div class=\"error-message\" data-for=\"relationship\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>\uc218\uc99d\uc790\uac00 \ubbf8\uc131\ub144\uc790\uc785\ub2c8\uae4c? (\ub9cc 19\uc138 \ubbf8\ub9cc)<\/label>\n <input type=\"radio\" id=\"isMinorYes\" name=\"isMinor\" value=\"yes\" required>\n <label for=\"isMinorYes\">\uc608<\/label>\n <input type=\"radio\" id=\"isMinorNo\" name=\"isMinor\" value=\"no\" checked required>\n <label for=\"isMinorNo\">\uc544\ub2c8\uc624<\/label>\n <div class=\"error-message\" data-for=\"isMinor\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n\n <div class=\"button-group\">\n <button type=\"button\" class=\"btn btn-secondary\" disabled>\uc774\uc804 \ub2e8\uacc4<\/button>\n <button type=\"button\" class=\"btn btn-primary\" id=\"nextBtn1\">\ub2e4\uc74c \ub2e8\uacc4<\/button>\n <\/div>\n <\/section>\n\n <!-- STEP 2: \uc99d\uc5ec\uc7ac\uc0b0 \uc815\ubcf4 \uc785\ub825 -->\n <section id=\"step2\" class=\"calculator-step\">\n <h2>STEP 2. \uc99d\uc5ec\uc7ac\uc0b0 \uc815\ubcf4 \uc785\ub825<\/h2>\n <p class=\"description\">\uc99d\uc5ec\ud558\ub294 \uc7ac\uc0b0\uc758 \uc885\ub958\uc640 \ud3c9\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694. \uc5ec\ub7ec \uc885\ub958\uc758 \uc7ac\uc0b0\uc744 \uc99d\uc5ec\ud558\ub294 \uacbd\uc6b0 \"\uc7ac\uc0b0 \ucd94\uac00\" \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc138\uc694.<\/p>\n\n <div class=\"form-group\">\n <label for=\"giftDate\">\uc99d\uc5ec\uc77c:<\/label>\n <input type=\"date\" id=\"giftDate\" required>\n <div class=\"error-message\" data-for=\"giftDate\">\uc99d\uc5ec\uc77c\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n\n <div id=\"propertyInputs\">\n <div class=\"property-input-group\" data-property-id=\"1\">\n <div class=\"form-group\">\n <label for=\"propertyType_1\">\uc7ac\uc0b0 \uc885\ub958:<\/label>\n <select id=\"propertyType_1\" class=\"property-type\" required>\n <option value=\"\">\uc120\ud0dd<\/option>\n <option value=\"cash\">\ud604\uae08<\/option>\n <option value=\"real_estate\">\ubd80\ub3d9\uc0b0 (\ud1a0\uc9c0, \uac74\ubb3c)<\/option>\n <option value=\"stock\">\uc8fc\uc2dd\/\ucd9c\uc790\uc9c0\ubd84<\/option>\n <option value=\"car_ship\">\uc790\ub3d9\ucc28\/\uc120\ubc15<\/option>\n <option value=\"other\">\uae30\ud0c0<\/option>\n <\/select>\n <div class=\"error-message\" data-for=\"propertyType_1\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"propertyValue_1\">\ud3c9\uac00\uc561 (\uc6d0):\n <span class=\"tooltip-container\">\n <!-- \uc0c8\ub86d\uace0 \uae54\ub054\ud55c \uc815\ubcf4 \uc544\uc774\ucf58 SVG -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle-fill\" viewBox=\"0 0 16 16\" style=\"vertical-align: middle;\">\n <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34-.114.65-.05.919.2.68.736 1.092 1.523 1.092.69 0 1.153-.306 1.153-.967 0-.7-.41-1.291-.952-1.291-.487 0-.695.345-.89.58-.27.352-.375.394-.658.318-.263-.09-.542-.317-.61-.593-.058-.23.118-.465.305-.533M7.705 4.31a.225.225 0 0 1 .15-.224c.06-.017.13-.017.182-.017.195 0 .285.066.325.127.135.253.375.642.062 1.399-.104.288-.352.508-.686.508-.456 0-.75-.375-.75-.921 0-.348.248-.568.513-.73M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14\"\/>\n <\/svg>\n <span class=\"tooltip-text\">\n \uc99d\uc5ec\uc138\ubc95\uc5d0 \ub530\ub77c \uc801\uc815\ud558\uac8c \ud3c9\uac00\ub41c \uae08\uc561\uc744 \uc785\ub825\ud574\uc57c \ud569\ub2c8\ub2e4. \n \ud2b9\ud788 \ubd80\ub3d9\uc0b0, \ube44\uc0c1\uc7a5\uc8fc\uc2dd \ub4f1\uc740 \ud3c9\uac00 \ubc29\ubc95\uc774 \ubcf5\uc7a1\ud558\ubbc0\ub85c \uc138\ubb34 \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\n <\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"propertyValue_1\" class=\"property-value\" min=\"0\" step=\"1\" placeholder=\"\uc608: 100,000,000\" required>\n <div class=\"error-message\" data-for=\"propertyValue_1\">\ud3c9\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <button type=\"button\" class=\"remove-item-btn\" style=\"display:none;\">\uc0ad\uc81c<\/button>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"add-item-btn\" id=\"addPropertyBtn\">\uc7ac\uc0b0 \ucd94\uac00<\/button>\n\n <div class=\"button-group\">\n <button type=\"button\" class=\"btn btn-secondary\" id=\"prevBtn2\">\uc774\uc804 \ub2e8\uacc4<\/button>\n <button type=\"button\" class=\"btn btn-primary\" id=\"nextBtn2\">\ub2e4\uc74c \ub2e8\uacc4<\/button>\n <\/div>\n <\/section>\n\n <!-- STEP 3: \uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c \ubc0f \ube44\uacfc\uc138 \uc785\ub825 -->\n <section id=\"step3\" class=\"calculator-step\">\n <h2>STEP 3. \uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c \ubc0f \ube44\uacfc\uc138 \uc785\ub825<\/h2>\n <p class=\"description\">\uc801\uc6a9\ub420 \uc218 \uc788\ub294 \uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c\uc561\uacfc \ube44\uacfc\uc138 \ud56d\ubaa9\uc744 \ud655\uc778\ud558\uac70\ub098 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/p>\n\n <div class=\"form-group\">\n <label for=\"basicDeduction\">\uae30\ubcf8 \uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c\uc561:<\/label>\n <input type=\"text\" id=\"basicDeduction\" value=\"0\uc6d0\" readonly style=\"background-color: var(--secondary-light); font-weight: 700;\">\n <span class=\"tooltip-container\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle-fill\" viewBox=\"0 0 16 16\" style=\"vertical-align: middle;\">\n <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34-.114.65-.05.919.2.68.736 1.092 1.523 1.092.69 0 1.153-.306 1.153-.967 0-.7-.41-1.291-.952-1.291-.487 0-.695.345-.89.58-.27.352-.375.394-.658.318-.263-.09-.542-.317-.61-.593-.058-.23.118-.465.305-.533M7.705 4.31a.225.225 0 0 1 .15-.224c.06-.017.13-.017.182-.017.195 0 .285.066.325.127.135.253.375.642.062 1.399-.104.288-.352.508-.686.508-.456 0-.75-.375-.75-.921 0-.348.248-.568.513-.73M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14\"\/>\n <\/svg>\n <span class=\"tooltip-text\">\n \uc99d\uc5ec\uc790-\uc218\uc99d\uc790 \uad00\uacc4\uc5d0 \ub530\ub77c \uc790\ub3d9\uc73c\ub85c \uc801\uc6a9\ub418\ub294 \uae30\ubcf8\uc801\uc778 \uacf5\uc81c\uc561\uc785\ub2c8\ub2e4.\n <\/span>\n <\/span>\n <\/div>\n\n <div class=\"form-group inline-checkbox\">\n <input type=\"checkbox\" id=\"exemptionLivingEduMedical\">\n <label for=\"exemptionLivingEduMedical\">\uc0ac\ud68c\ud1b5\ub150\uc0c1 \uc778\uc815\ub418\ub294 \ud53c\ubd80\uc591\uc790\uc758 \uc0dd\ud65c\ube44, \uad50\uc721\ube44, \uce58\ub8cc\ube44 \ub4f1 (\ube44\uacfc\uc138)<\/label>\n <span class=\"tooltip-container\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle-fill\" viewBox=\"0 0 16 16\" style=\"vertical-align: middle;\">\n <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34-.114.65-.05.919.2.68.736 1.092 1.523 1.092.69 0 1.153-.306 1.153-.967 0-.7-.41-1.291-.952-1.291-.487 0-.695.345-.89.58-.27.352-.375.394-.658.318-.263-.09-.542-.317-.61-.593-.058-.23.118-.465.305-.533M7.705 4.31a.225.225 0 0 1 .15-.224c.06-.017.13-.017.182-.017.195 0 .285.066.325.127.135.253.375.642.062 1.399-.104.288-.352.508-.686.508-.456 0-.75-.375-.75-.921 0-.348.248-.568.513-.73M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14\"\/>\n <\/svg>\n <span class=\"tooltip-text\">\n \uc0ac\ud68c\ud1b5\ub150\uc0c1 \uc778\uc815\ub418\ub294 \ubc94\uc704 \ub0b4\uc5d0\uc11c \uc9c0\uae09\ub41c \uc0dd\ud65c\ube44, \uad50\uc721\ube44, \uce58\ub8cc\ube44 \ub4f1\uc740 \ube44\uacfc\uc138\ub429\ub2c8\ub2e4. \ub2e4\ub9cc, \uc790\uc0b0\uc744 \ucde8\ub4dd\ud558\uac70\ub098 \ubd80\ucc44\ub97c \uc0c1\ud658\ud558\ub294 \uc6a9\ub3c4\ub77c\uba74 \uacfc\uc138\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/span>\n <\/span>\n <\/div>\n <div class=\"form-group\" style=\"margin-left: 28px;\">\n <label for=\"valueLivingEduMedical\">\ud574\ub2f9 \uae08\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"valueLivingEduMedical\" min=\"0\" step=\"1\" value=\"0\" disabled>\n <\/div>\n\n <div class=\"form-group inline-checkbox\">\n <input type=\"checkbox\" id=\"exemptionPublicInterest\">\n <label for=\"exemptionPublicInterest\">\uacf5\uc775\ubc95\uc778 \ub4f1\uc5d0 \ucd9c\uc5f0\ud55c \uc7ac\uc0b0 (\uc870\uac74\ubd80 \uacf5\uc81c)<\/label>\n <\/div>\n <div class=\"form-group\" style=\"margin-left: 28px;\">\n <label for=\"valuePublicInterest\">\ud574\ub2f9 \uae08\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"valuePublicInterest\" min=\"0\" step=\"1\" value=\"0\" disabled>\n <\/div>\n\n <div class=\"form-group inline-checkbox\">\n <input type=\"checkbox\" id=\"exemptionAssetDivision\">\n <label for=\"exemptionAssetDivision\">\uc7ac\uc0b0\ubd84\ud560\ub85c \uc778\ud55c \uc99d\uc5ec (\ube44\uacfc\uc138)<\/label>\n <\/div>\n <div class=\"form-group\" style=\"margin-left: 28px;\">\n <label for=\"valueAssetDivision\">\ud574\ub2f9 \uae08\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"valueAssetDivision\" min=\"0\" step=\"1\" value=\"0\" disabled>\n <\/div>\n\n <div class=\"form-group inline-checkbox\">\n <input type=\"checkbox\" id=\"exemptionDisaster\">\n <label for=\"exemptionDisaster\">\uc7ac\ud574 \ub4f1\uc73c\ub85c \uc778\ud55c \uc704\ub85c\uae08, \uce58\ub8cc\ube44 \ub4f1 (\ube44\uacfc\uc138)<\/label>\n <\/div>\n <div class=\"form-group\" style=\"margin-left: 28px;\">\n <label for=\"valueDisaster\">\ud574\ub2f9 \uae08\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"valueDisaster\" min=\"0\" step=\"1\" value=\"0\" disabled>\n <\/div>\n\n <div class=\"button-group\">\n <button type=\"button\" class=\"btn btn-secondary\" id=\"prevBtn3\">\uc774\uc804 \ub2e8\uacc4<\/button>\n <button type=\"button\" class=\"btn btn-primary\" id=\"nextBtn3\">\ub2e4\uc74c \ub2e8\uacc4<\/button>\n <\/div>\n <\/section>\n\n <!-- STEP 4: 10\ub144 \uc774\ub0b4 \uc99d\uc5ec \ub0b4\uc5ed \ud569\uc0b0 -->\n <section id=\"step4\" class=\"calculator-step\">\n <h2>STEP 4. 10\ub144 \uc774\ub0b4 \uc99d\uc5ec \ub0b4\uc5ed \ud569\uc0b0<\/h2>\n <p class=\"description\">\ub3d9\uc77c\ud55c \uc99d\uc5ec\uc790\ub85c\ubd80\ud130 10\ub144 \uc774\ub0b4\uc5d0 \uc99d\uc5ec\ubc1b\uc740 \ub0b4\uc5ed\uc774 \uc788\ub2e4\uba74 \uc785\ub825\ud574\uc8fc\uc138\uc694. \uc99d\uc5ec\uc138\ub294 \ud569\uc0b0\ud558\uc5ec \uacfc\uc138\ub429\ub2c8\ub2e4.<\/p>\n\n <div class=\"form-group\">\n <label>10\ub144 \uc774\ub0b4 \ub3d9\uc77c \uc99d\uc5ec\uc790\ub85c\ubd80\ud130 \uc99d\uc5ec\ubc1b\uc740 \ub0b4\uc5ed\uc774 \uc788\uc2b5\ub2c8\uae4c?<\/label>\n <input type=\"radio\" id=\"hasPastGiftYes\" name=\"hasPastGift\" value=\"yes\">\n <label for=\"hasPastGiftYes\">\uc608<\/label>\n <input type=\"radio\" id=\"hasPastGiftNo\" name=\"hasPastGift\" value=\"no\" checked>\n <label for=\"hasPastGiftNo\">\uc544\ub2c8\uc624<\/label>\n <\/div>\n\n <div id=\"pastGiftInputs\" style=\"display: none;\">\n <div class=\"past-gift-input-group\" data-past-gift-id=\"1\">\n <div class=\"form-group\">\n <label for=\"pastGiftDate_1\">\uacfc\uac70 \uc99d\uc5ec\uc77c:<\/label>\n <input type=\"date\" id=\"pastGiftDate_1\" class=\"past-gift-date\">\n <div class=\"error-message\" data-for=\"pastGiftDate_1\">\uacfc\uac70 \uc99d\uc5ec\uc77c\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"pastGiftValue_1\">\uacfc\uac70 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"pastGiftValue_1\" class=\"past-gift-value\" min=\"0\" step=\"1\" placeholder=\"\uc608: 50,000,000\">\n <div class=\"error-message\" data-for=\"pastGiftValue_1\">\uacfc\uac70 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"pastTaxPaid_1\">\ub2f9\uc2dc \ub0a9\ubd80\uc138\uc561 (\uc120\ud0dd \uc0ac\ud56d, \uc788\uc73c\uba74 \uc815\ud655\ub3c4 \ud5a5\uc0c1):<\/label>\n <input type=\"number\" id=\"pastTaxPaid_1\" class=\"past-tax-paid\" min=\"0\" step=\"1\" value=\"0\" placeholder=\"\uc608: 2,000,000\">\n <\/div>\n <button type=\"button\" class=\"remove-item-btn\" style=\"display:none;\">\uc0ad\uc81c<\/button>\n <\/div>\n <button type=\"button\" class=\"add-item-btn\" id=\"addPastGiftBtn\">\uacfc\uac70 \uc99d\uc5ec \ub0b4\uc5ed \ucd94\uac00<\/button>\n <\/div>\n\n <div class=\"button-group\">\n <button type=\"button\" class=\"btn btn-secondary\" id=\"prevBtn4\">\uc774\uc804 \ub2e8\uacc4<\/button>\n <button type=\"button\" class=\"btn btn-primary\" id=\"nextBtn4\">\ub2e4\uc74c \ub2e8\uacc4<\/button>\n <\/div>\n <\/section>\n\n <!-- STEP 5: \ucd5c\uc885 \uacc4\uc0b0 \uacb0\uacfc \ud655\uc778 -->\n <section id=\"step5\" class=\"calculator-step\">\n <h2>STEP 5. \ucd5c\uc885 \uacc4\uc0b0 \uacb0\uacfc \ud655\uc778<\/h2>\n <p class=\"description\">\uc785\ub825\ud558\uc2e0 \uc815\ubcf4\ub97c \ubc14\ud0d5\uc73c\ub85c \uacc4\uc0b0\ub41c \uc99d\uc5ec\uc138 \ucd94\uc815\uc561\uc785\ub2c8\ub2e4. \uc0c1\uc138 \ub0b4\uc5ed\uc744 \ud655\uc778\ud558\uace0 \ucd5c\uc885 \ub0a9\ubd80\uc561\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\n\n <div class=\"result-section\">\n <p>\ucd1d \ub0a9\ubd80\ud560 \uc99d\uc5ec\uc138\uc561: <span class=\"highlight-amount\" id=\"finalTaxAmount\">0<span>\uc6d0<\/span><\/span><\/p>\n <p>\uc2e0\uace0\/\ub0a9\ubd80 \uae30\ud55c: <strong id=\"paymentDeadline\">YYYY\ub144 MM\uc6d4 DD\uc77c<\/strong><\/p>\n\n <h4>\uc0c1\uc138 \uacc4\uc0b0 \ub0b4\uc5ed<\/h4>\n <table class=\"detail-table\">\n <thead>\n <tr>\n <th>\ud56d\ubaa9<\/th>\n <th>\uae08\uc561 (\uc6d0)<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"calculationDetails\">\n <tr>\n <td>\ucd1d \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561<\/td>\n <td id=\"displayTotalGiftValue\">0<\/td>\n <\/tr>\n <tr>\n <td>\uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c\uc561<\/td>\n <td id=\"displayTotalDeduction\">-0<\/td>\n <\/tr>\n <tr>\n <td>10\ub144 \uc774\ub0b4 \ud569\uc0b0 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561<\/td>\n <td id=\"displayPastGiftSum\">+0<\/td>\n <\/tr>\n <tr>\n <td><strong>\uc99d\uc5ec\uc138 \uacfc\uc138\ud45c\uc900<\/strong><\/td>\n <td id=\"displayTaxBase\"><strong>0<\/strong><\/td>\n <\/tr>\n <tr>\n <td>\uc801\uc6a9 \uc138\uc728<\/td>\n <td id=\"displayTaxRate\">0%<\/td>\n <\/tr>\n <tr>\n <td>\uc0b0\ucd9c\uc138\uc561 (\ub204\uc9c4\uacf5\uc81c \uc804)<\/td>\n <td id=\"displayCalculatedTaxBeforeDeduction\">0<\/td>\n <\/tr>\n <tr>\n <td>\ub204\uc9c4\uacf5\uc81c\uc561<\/td>\n <td id=\"displayProgressiveDeduction\">-0<\/td>\n <\/tr>\n <tr>\n <td>\ud569\uc0b0 \uc99d\uc5ec \uc7ac\uc0b0\uc5d0 \ub300\ud55c \uae30\ub0a9\ubd80\uc138\uc561 \ub4f1 \ucc28\uac10<\/td>\n <td id=\"displayPastTaxCredit\">-0<\/td>\n <\/tr>\n <tr>\n <td>\uc2e0\uace0\uc138\uc561\uacf5\uc81c (3%)<\/td>\n <td id=\"displayReportTaxCredit\">-0<\/td>\n <\/tr>\n <tr>\n <td><strong>\ucd5c\uc885 \ub0a9\ubd80\ud560 \uc138\uc561<\/strong><\/td>\n <td id=\"displayFinalTax\"><strong>0<\/strong><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"button-group\" style=\"justify-content: center;\">\n <button type=\"button\" class=\"btn btn-primary\" id=\"resetBtn\">\ub2e4\uc2dc \uacc4\uc0b0\ud558\uae30<\/button>\n <!-- <button type=\"button\" class=\"btn btn-secondary\">\uacb0\uacfc PDF \ub2e4\uc6b4\ub85c\ub4dc<\/button> -->\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"disclaimer\">\n <p><strong>\ubcf8 \uacc4\uc0b0\uae30\ub294 \uc99d\uc5ec\uc138 \ucd94\uc815\uc744 \uc704\ud55c \ucc38\uace0 \uc790\ub8cc\ub85c\ub9cc \ud65c\uc6a9 \ubc14\ub78d\ub2c8\ub2e4.<\/strong><\/p>\n <p>\uc2e4\uc81c \uc99d\uc5ec\uc138\ub294 \uc7ac\uc0b0 \ud3c9\uac00\ubc29\ubc95, \ud2b9\uc218\uad00\uacc4\uc790, \ube44\uc0c1\uc7a5\uc8fc\uc2dd \ub4f1 \ubcc0\uc218\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9c8 \uc218 \uc788\uc73c\uba70, \ubcf8 \uacc4\uc0b0\uae30\ub294 \ubaa8\ub4e0 \uacbd\uc6b0\uc758 \uc218\ub97c \ubc18\uc601\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc815\ud655\ud55c \uc99d\uc5ec\uc138 \uacc4\uc0b0 \ubc0f \uc2e0\uace0\ub294 \ubc18\ub4dc\uc2dc \uc138\ubb34\uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ubc14\ub78d\ub2c8\ub2e4. \ubcf8 \uacc4\uc0b0\uae30 \uc0ac\uc6a9\uc73c\ub85c \ubc1c\uc0dd\ud558\ub294 \ubb38\uc81c\uc5d0 \ucc45\uc784\uc9c0\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/main>\n\n <footer>\n <p>© \uc99d\uc5ec\uc138 \uac04\ud3b8 \uacc4\uc0b0\uae30.\ucc38\uace0\uc6a9...<\/p>\n <\/footer>\n\n <script>\n \/\/ \uc804\uc5ed \ubcc0\uc218\n let currentStep = 1;\n const totalSteps = 5;\n\n \/\/ \uc694\uc18c \uce90\uc2f1\n const stepIndicators = document.querySelectorAll('.step-item');\n const calculatorSteps = document.querySelectorAll('.calculator-step');\n const prevButtons = document.querySelectorAll('.btn-secondary');\n const nextButtons = document.querySelectorAll('.btn-primary'); \/\/ \ubaa8\ub4e0 btn-primary\ub97c \uac00\uc838\uc634 (\ub9c8\uc9c0\ub9c9 Reset \ubc84\ud2bc \uc81c\uc678)\n const resetBtn = document.getElementById('resetBtn');\n\n \/\/ STEP 1 \uad00\ub828 \uc694\uc18c\n const donorResidencySelect = document.getElementById('donorResidency');\n const doneeResidencySelect = document.getElementById('doneeResidency');\n const relationshipSelect = document.getElementById('relationship');\n const isMinorRadios = document.querySelectorAll('input[name=\"isMinor\"]');\n\n \/\/ STEP 2 \uad00\ub828 \uc694\uc18c\n const giftDateInput = document.getElementById('giftDate');\n const propertyInputsContainer = document.getElementById('propertyInputs');\n const addPropertyBtn = document.getElementById('addPropertyBtn');\n let propertyCount = 1;\n\n \/\/ STEP 3 \uad00\ub828 \uc694\uc18c\n const basicDeductionInput = document.getElementById('basicDeduction');\n const exemptionCheckboxes = document.querySelectorAll('#step3 input[type=\"checkbox\"]');\n const exemptionValueInputs = document.querySelectorAll('#step3 input[type=\"number\"]');\n\n \/\/ STEP 4 \uad00\ub828 \uc694\uc18c\n const hasPastGiftRadios = document.querySelectorAll('input[name=\"hasPastGift\"]');\n const pastGiftInputsContainer = document.getElementById('pastGiftInputs');\n const addPastGiftBtn = document.getElementById('addPastGiftBtn');\n let pastGiftCount = 1;\n\n \/\/ STEP 5 (\uacb0\uacfc) \uad00\ub828 \uc694\uc18c\n const finalTaxAmountSpan = document.getElementById('finalTaxAmount');\n const paymentDeadlineSpan = document.getElementById('paymentDeadline');\n const calculationDetailsTbody = document.getElementById('calculationDetails');\n\n\n \/\/ --- \uc720\ud2f8\ub9ac\ud2f0 \ud568\uc218 ---\n function formatNumber(num) {\n return num.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n }\n\n function getDeductionAmount(relationship, isMinor) {\n switch (relationship) {\n case 'spouse': return 600000000;\n case 'lineal_ascendant': return isMinor ? 20000000 : 50000000; \/\/ \ubbf8\uc131\ub144\uc790 \uc9c1\uacc4\uc874\uc18d \uc99d\uc5ec \uacf5\uc81c\uc561 2\ucc9c\ub9cc\uc6d0\n case 'lineal_descendant': return 50000000;\n case 'other_relative': return 10000000;\n default: return 0;\n }\n }\n\n \/\/ --- UI \uc81c\uc5b4 \ud568\uc218 ---\n function showStep(stepNum) {\n calculatorSteps.forEach((step, index) => {\n if (index + 1 === stepNum) {\n step.classList.add('active');\n } else {\n step.classList.remove('active');\n }\n });\n\n stepIndicators.forEach((indicator, index) => {\n if (index + 1 === stepNum) {\n indicator.classList.add('active');\n } else {\n indicator.classList.remove('active');\n }\n });\n\n \/\/ \uc774\uc804\/\ub2e4\uc74c \ubc84\ud2bc \ud65c\uc131\ud654\/\ube44\ud65c\uc131\ud654\n const currentPrevBtn = document.getElementById(`prevBtn${stepNum}`);\n const currentNextBtn = document.getElementById(`nextBtn${stepNum}`);\n\n if (stepNum === 1) {\n prevButtons.forEach(btn => btn.disabled = true);\n } else {\n prevButtons.forEach(btn => btn.disabled = false);\n }\n\n if (stepNum === totalSteps) {\n nextButtons.forEach(btn => btn.style.display = 'none'); \/\/ \uacb0\uacfc \ud398\uc774\uc9c0\uc5d0\uc11c\ub294 \ub2e4\uc74c \ubc84\ud2bc \uc5c6\uc74c\n } else {\n nextButtons.forEach(btn => btn.style.display = 'inline-block');\n }\n if (resetBtn) resetBtn.style.display = (stepNum === totalSteps) ? 'inline-block' : 'none';\n\n currentStep = stepNum;\n window.scrollTo({ top: 0, behavior: 'smooth' }); \/\/ \ud398\uc774\uc9c0 \uc0c1\ub2e8\uc73c\ub85c \uc2a4\ud06c\ub864\n }\n\n function validateStep(stepNum) {\n let isValid = true;\n let firstInvalidInput = null;\n\n \/\/ \ubaa8\ub4e0 \uc5d0\ub7ec \uba54\uc2dc\uc9c0 \ucd08\uae30\ud654\n document.querySelectorAll('.error-message').forEach(msg => {\n msg.style.display = 'none';\n msg.closest('.form-group').classList.remove('has-error');\n });\n\n const currentStepElement = document.getElementById(`step${stepNum}`);\n \/\/ \ud604\uc7ac \ud65c\uc131\ud654\ub41c \ub2e8\uacc4\uc758 \ud544\uc218 \uc785\ub825 \ud544\ub4dc\ub9cc \uc120\ud0dd\n const requiredInputs = currentStepElement.querySelectorAll('[required]:not([disabled])');\n\n requiredInputs.forEach(input => {\n let inputValid = true;\n if (input.type === 'radio') {\n const radioGroup = document.querySelectorAll(`input[name=\"${input.name}\"]:not([disabled])`);\n const isChecked = Array.from(radioGroup).some(radio => radio.checked);\n if (!isChecked) {\n inputValid = false;\n }\n } else if (input.type === 'number' || input.type === 'text' || input.type === 'date' || input.tagName === 'SELECT') {\n if (!input.value.trim()) {\n inputValid = false;\n } else if (input.type === 'number' && parseFloat(input.value) < 0) {\n inputValid = false; \/\/ \uc74c\uc218 \uc785\ub825 \ubc29\uc9c0\n }\n }\n\n if (!inputValid) {\n isValid = false;\n const errorDiv = input.closest('.form-group').querySelector('.error-message');\n if (errorDiv) {\n errorDiv.style.display = 'block';\n input.closest('.form-group').classList.add('has-error');\n }\n if (!firstInvalidInput) {\n firstInvalidInput = input;\n }\n }\n });\n \n \/\/ \uc720\ud6a8\ud558\uc9c0 \uc54a\uc740 \uc785\ub825 \ud544\ub4dc\ub85c \uc2a4\ud06c\ub864\n if (!isValid && firstInvalidInput) {\n firstInvalidInput.focus();\n firstInvalidInput.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n return isValid;\n }\n\n function calculateAndDisplayResults() {\n \/\/ \uc774 \ud568\uc218\ub294 \uc2e4\uc81c \uacc4\uc0b0 \ub85c\uc9c1\uc744 \ud3ec\ud568\ud574\uc57c \ud569\ub2c8\ub2e4.\n \/\/ \uc5ec\uae30\uc11c\ub294 \uc784\uc758\uc758 \uac12\uacfc UI \uc5c5\ub370\uc774\ud2b8\ub9cc\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n\n \/\/ 1. \uae30\ubcf8 \uacf5\uc81c\uc561 \uc124\uc815\n const selectedRelationship = relationshipSelect.value;\n const selectedIsMinor = document.querySelector('input[name=\"isMinor\"]:checked').value === 'yes';\n const basicDeduction = getDeductionAmount(selectedRelationship, selectedIsMinor);\n\n \/\/ 2. \ucd1d \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561 \uacc4\uc0b0\n let totalGiftValue = 0;\n document.querySelectorAll('.property-value').forEach(input => {\n totalGiftValue += parseFloat(input.value || 0);\n });\n\n \/\/ 3. \ube44\uacfc\uc138\/\ucd94\uac00 \uacf5\uc81c\uc561 \uacc4\uc0b0\n let totalExemptionValue = 0;\n exemptionCheckboxes.forEach(checkbox => {\n if (checkbox.checked) {\n const valueInputId = `value${checkbox.id.replace('exemption', '')}`;\n const valueInput = document.getElementById(valueInputId);\n totalExemptionValue += parseFloat(valueInput.value || 0);\n }\n });\n \n \/\/ 4. \ud569\uc0b0 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561 \uacc4\uc0b0\n let totalPastGiftValue = 0;\n let totalPastTaxPaid = 0;\n if (document.getElementById('hasPastGiftYes').checked) {\n document.querySelectorAll('.past-gift-value').forEach(input => {\n totalPastGiftValue += parseFloat(input.value || 0);\n });\n document.querySelectorAll('.past-tax-paid').forEach(input => {\n totalPastTaxPaid += parseFloat(input.value || 0);\n });\n }\n\n \/\/ --- \uac00\uc0c1\uc758 \uacc4\uc0b0 \ub85c\uc9c1 (\uc2e4\uc81c \ub85c\uc9c1 \uc544\ub2d8!) ---\n let giftValueAfterExemptions = totalGiftValue - totalExemptionValue;\n let finalDeduction = Math.min(giftValueAfterExemptions, basicDeduction); \/\/ \uacf5\uc81c\uc561\uc740 \uc99d\uc5ec\uac00\uc561\uc744 \ucd08\uacfc\ud560 \uc218 \uc5c6\uc74c (0 \ubbf8\ub9cc \ubc29\uc9c0)\n if (finalDeduction < 0) finalDeduction = 0;\n\n let currentGiftTaxBase = giftValueAfterExemptions - finalDeduction;\n if (currentGiftTaxBase < 0) currentGiftTaxBase = 0;\n\n let totalTaxBase = currentGiftTaxBase + totalPastGiftValue;\n\n \/\/ \uc138\uc728 \uc801\uc6a9 (\uc608\uc2dc, \uc2e4\uc81c \uc138\ubc95\uacfc \ub2e4\ub984)\n let taxRate = 0.1; \/\/ 10%\n let progressiveDeduction = 0; \/\/ \ub204\uc9c4\uacf5\uc81c\uc561\n if (totalTaxBase > 100000000) { taxRate = 0.2; progressiveDeduction = 10000000; }\n if (totalTaxBase > 500000000) { taxRate = 0.3; progressiveDeduction = 60000000; }\n if (totalTaxBase > 1000000000) { taxRate = 0.4; progressiveDeduction = 160000000; }\n if (totalTaxBase > 3000000000) { taxRate = 0.5; progressiveDeduction = 460000000; }\n\n let calculatedTaxBeforeProgDeduction = totalTaxBase * taxRate;\n let calculatedTax = calculatedTaxBeforeProgDeduction - progressiveDeduction;\n if (calculatedTax < 0) calculatedTax = 0; \/\/ \uc138\uc561\uc774 \uc74c\uc218\uac00 \ub418\ub294 \uacbd\uc6b0 \ubc29\uc9c0\n\n \/\/ \ud569\uc0b0 \uacfc\uac70 \ub0a9\ubd80\uc138\uc561 \ucc28\uac10 (\uac04\ub2e8\ud654)\n let pastTaxCredit = totalPastTaxPaid; \/\/ \uc2e4\uc81c\ub85c\ub294 \ubcf5\uc7a1\ud55c \uacc4\uc0b0 \ud544\uc694 (\uacfc\uac70 \uc99d\uc5ec \ub2f9\uc2dc\uc758 \uc138\uc728\ub85c \uc7ac\uacc4\uc0b0\ud55c \uc138\uc561\uc744 \ucc28\uac10)\n\n \/\/ \uc0b0\ucd9c\uc138\uc561 \uc870\uc815\n calculatedTax = calculatedTax - pastTaxCredit;\n if (calculatedTax < 0) calculatedTax = 0;\n\n \/\/ \uc2e0\uace0\uc138\uc561\uacf5\uc81c (3%)\n let reportTaxCredit = calculatedTax * 0.03;\n let finalTax = calculatedTax - reportTaxCredit;\n if (finalTax < 0) finalTax = 0;\n\n \/\/ \ub0a9\ubd80 \uae30\ud55c \uacc4\uc0b0\n let giftDateVal = giftDateInput.value;\n let paymentDateStr = '\ub0a0\uc9dc\ub97c \uc785\ub825\ud574\uc8fc\uc138\uc694.';\n if (giftDateVal) {\n let giftDate = new Date(giftDateVal);\n let paymentDate = new Date(giftDate.getFullYear(), giftDate.getMonth() + 3, 0); \/\/ \uc99d\uc5ec\uc77c\uc774 \uc18d\ud558\ub294 \ub2ec\uc758 \ub9d0\uc77c\ubd80\ud130 3\uac1c\uc6d4\uc9f8 \ub418\ub294 \ub2ec\uc758 \ub9c8\uc9c0\ub9c9 \ub0a0\n paymentDateStr = `${paymentDate.getFullYear()}\ub144 ${paymentDate.getMonth() + 1}\uc6d4 ${paymentDate.getDate()}\uc77c`;\n }\n\n \/\/ --- UI \uc5c5\ub370\uc774\ud2b8 ---\n finalTaxAmountSpan.innerHTML = `${formatNumber(Math.round(finalTax))}<span>\uc6d0<\/span>`;\n paymentDeadlineSpan.textContent = paymentDateStr;\n\n \/\/ \uc0c1\uc138 \ub0b4\uc5ed \uc5c5\ub370\uc774\ud2b8\n document.getElementById('displayTotalGiftValue').textContent = formatNumber(totalGiftValue);\n document.getElementById('displayTotalDeduction').textContent = `-${formatNumber(finalDeduction + totalExemptionValue)}`;\n document.getElementById('displayPastGiftSum').textContent = `+${formatNumber(totalPastGiftValue)}`;\n document.getElementById('displayTaxBase').textContent = formatNumber(totalTaxBase);\n document.getElementById('displayTaxRate').textContent = `${(taxRate * 100).toFixed(0)}%`;\n document.getElementById('displayCalculatedTaxBeforeDeduction').textContent = formatNumber(Math.round(calculatedTaxBeforeProgDeduction)); \/\/ \ub204\uc9c4\uacf5\uc81c \uc804 \uc0b0\ucd9c\uc138\uc561\n document.getElementById('displayProgressiveDeduction').textContent = `-${formatNumber(progressiveDeduction)}`;\n document.getElementById('displayPastTaxCredit').textContent = `-${formatNumber(pastTaxCredit)}`;\n document.getElementById('displayReportTaxCredit').textContent = `-${formatNumber(Math.round(reportTaxCredit))}`;\n document.getElementById('displayFinalTax').textContent = formatNumber(Math.round(finalTax));\n }\n\n \/\/ --- \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108 ---\n\n \/\/ \ub2e8\uacc4 \uc774\ub3d9 \ubc84\ud2bc\n nextButtons.forEach(button => {\n \/\/ resetBtn\uc740 \uc81c\uc678\n if (button.id === 'resetBtn') return; \n\n button.addEventListener('click', () => {\n if (validateStep(currentStep)) {\n if (currentStep < totalSteps) {\n if (currentStep === 4) { \/\/ \ub9c8\uc9c0\ub9c9 \ub2e8\uacc4\ub85c \uac00\uae30 \uc804\uc5d0 \uacb0\uacfc \uacc4\uc0b0\n calculateAndDisplayResults();\n }\n showStep(currentStep + 1);\n }\n }\n });\n });\n\n prevButtons.forEach(button => {\n button.addEventListener('click', () => {\n if (currentStep > 1) {\n showStep(currentStep - 1);\n }\n });\n });\n\n \/\/ \ub2e8\uacc4 \uc9c0\uc2dc\uc790 \ud074\ub9ad (\uc9c1\uc811 \ub2e8\uacc4 \uc774\ub3d9)\n stepIndicators.forEach(indicator => {\n indicator.addEventListener('click', (e) => {\n const targetStep = parseInt(e.target.dataset.step);\n \/\/ \ud604\uc7ac \ub2e8\uacc4\ubcf4\ub2e4 \uc774\uc804 \ub2e8\uacc4\ub85c \uc774\ub3d9 \uc2dc\uc5d0\ub294 \uc720\ud6a8\uc131 \uac80\uc0ac \uc5c6\uc774 \uc774\ub3d9 \ud5c8\uc6a9\n if (targetStep < currentStep) {\n showStep(targetStep);\n } else { \/\/ \ud604\uc7ac \ub2e8\uacc4 \ub610\ub294 \ub2e4\uc74c \ub2e8\uacc4\ub85c \uc774\ub3d9 \uc2dc \uc720\ud6a8\uc131 \uac80\uc0ac\n \/\/ \ud604\uc7ac \ub2e8\uacc4\uae4c\uc9c0\ub9cc \uc720\ud6a8\uc131 \uac80\uc0ac\n if (validateStep(currentStep)) {\n if (targetStep === 5) { \/\/ \ub9c8\uc9c0\ub9c9 \ub2e8\uacc4\ub85c \uac00\uae30 \uc804\uc5d0 \uacb0\uacfc \uacc4\uc0b0\n calculateAndDisplayResults();\n }\n showStep(targetStep);\n }\n }\n });\n });\n\n\n \/\/ STEP 1: \uad00\uacc4\uc5d0 \ub530\ub978 \uae30\ubcf8 \uacf5\uc81c\uc561 \uc5c5\ub370\uc774\ud2b8 (\uc2e4\uc2dc\uac04)\n document.getElementById('relationship').addEventListener('change', updateBasicDeduction);\n document.querySelectorAll('input[name=\"isMinor\"]').forEach(radio => {\n radio.addEventListener('change', updateBasicDeduction);\n });\n\n function updateBasicDeduction() {\n const relationship = relationshipSelect.value;\n const isMinor = document.querySelector('input[name=\"isMinor\"]:checked')?.value === 'yes'; \/\/ optional chaining\n const deduction = getDeductionAmount(relationship, isMinor);\n basicDeductionInput.value = formatNumber(deduction) + '\uc6d0';\n }\n\n \/\/ STEP 2: \uc7ac\uc0b0 \ucd94\uac00\/\uc0ad\uc81c\n addPropertyBtn.addEventListener('click', () => {\n propertyCount++;\n const newPropertyGroup = document.createElement('div');\n newPropertyGroup.classList.add('property-input-group');\n newPropertyGroup.dataset.propertyId = propertyCount;\n newPropertyGroup.innerHTML = `\n <div class=\"form-group\">\n <label for=\"propertyType_${propertyCount}\">\uc7ac\uc0b0 \uc885\ub958:<\/label>\n <select id=\"propertyType_${propertyCount}\" class=\"property-type\" required>\n <option value=\"\">\uc120\ud0dd<\/option>\n <option value=\"cash\">\ud604\uae08<\/option>\n <option value=\"real_estate\">\ubd80\ub3d9\uc0b0 (\ud1a0\uc9c0, \uac74\ubb3c)<\/option>\n <option value=\"stock\">\uc8fc\uc2dd\/\ucd9c\uc790\uc9c0\ubd84<\/option>\n <option value=\"car_ship\">\uc790\ub3d9\ucc28\/\uc120\ubc15<\/option>\n <option value=\"other\">\uae30\ud0c0<\/option>\n <\/select>\n <div class=\"error-message\" data-for=\"propertyType_${propertyCount}\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"propertyValue_${propertyCount}\">\ud3c9\uac00\uc561 (\uc6d0):\n <span class=\"tooltip-container\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle-fill\" viewBox=\"0 0 16 16\" style=\"vertical-align: middle;\">\n <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34-.114.65-.05.919.2.68.736 1.092 1.523 1.092.69 0 1.153-.306 1.153-.967 0-.7-.41-1.291-.952-1.291-.487 0-.695.345-.89.58-.27.352-.375.394-.658.318-.263-.09-.542-.317-.61-.593-.058-.23.118-.465.305-.533M7.705 4.31a.225.225 0 0 1 .15-.224c.06-.017.13-.017.182-.017.195 0 .285.066.325.127.135.253.375.642.062 1.399-.104.288-.352.508-.686.508-.456 0-.75-.375-.75-.921 0-.348.248-.568.513-.73M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14\"\/>\n <\/svg>\n <span class=\"tooltip-text\">\n \uc99d\uc5ec\uc138\ubc95\uc5d0 \ub530\ub77c \uc801\uc815\ud558\uac8c \ud3c9\uac00\ub41c \uae08\uc561\uc744 \uc785\ub825\ud574\uc57c \ud569\ub2c8\ub2e4. \n \ud2b9\ud788 \ubd80\ub3d9\uc0b0, \ube44\uc0c1\uc7a5\uc8fc\uc2dd \ub4f1\uc740 \ud3c9\uac00 \ubc29\ubc95\uc774 \ubcf5\uc7a1\ud558\ubbc0\ub85c \uc138\ubb34 \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\n <\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"propertyValue_${propertyCount}\" class=\"property-value\" min=\"0\" step=\"1\" placeholder=\"\uc608: 100,000,000\" required>\n <div class=\"error-message\" data-for=\"propertyValue_${propertyCount}\">\ud3c9\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <button type=\"button\" class=\"remove-item-btn\">\uc0ad\uc81c<\/button>\n `;\n propertyInputsContainer.appendChild(newPropertyGroup);\n updateRemoveButtonsVisibility(propertyInputsContainer, '.remove-item-btn');\n });\n\n propertyInputsContainer.addEventListener('click', (e) => {\n if (e.target.classList.contains('remove-item-btn')) {\n e.target.closest('.property-input-group').remove();\n updateRemoveButtonsVisibility(propertyInputsContainer, '.remove-item-btn');\n }\n });\n\n \/\/ STEP 3: \uacf5\uc81c\/\ube44\uacfc\uc138 \uccb4\ud06c\ubc15\uc2a4\uc5d0 \ub530\ub978 \uc785\ub825 \ud544\ub4dc \ud65c\uc131\ud654\n exemptionCheckboxes.forEach(checkbox => {\n checkbox.addEventListener('change', (e) => {\n const valueInputId = `value${e.target.id.replace('exemption', '')}`;\n const valueInput = document.getElementById(valueInputId);\n if (valueInput) { \/\/ \ud574\ub2f9 \uc785\ub825 \ud544\ub4dc\uac00 \uc788\uc744 \uacbd\uc6b0\uc5d0\ub9cc \ucc98\ub9ac\n if (e.target.checked) {\n valueInput.disabled = false;\n valueInput.focus();\n valueInput.setAttribute('required', 'required'); \/\/ \uccb4\ud06c \uc2dc \ud544\uc218\ub85c\n } else {\n valueInput.disabled = true;\n valueInput.value = '0'; \/\/ \uccb4\ud06c \ud574\uc81c \uc2dc 0\uc73c\ub85c \ucd08\uae30\ud654\n valueInput.removeAttribute('required'); \/\/ \uccb4\ud06c \ud574\uc81c \uc2dc \ud544\uc218 \ud574\uc81c\n valueInput.closest('.form-group').classList.remove('has-error'); \/\/ \uc5d0\ub7ec \ud45c\uc2dc \uc81c\uac70\n valueInput.closest('.form-group').querySelector('.error-message').style.display = 'none';\n }\n }\n });\n });\n\n \/\/ STEP 4: 10\ub144 \uc774\ub0b4 \uc99d\uc5ec \ub0b4\uc5ed \uc720\ubb34\uc5d0 \ub530\ub978 \uc785\ub825 \ud3fc \ud45c\uc2dc\/\uc228\uae40\n hasPastGiftRadios.forEach(radio => {\n radio.addEventListener('change', (e) => {\n if (e.target.value === 'yes') {\n pastGiftInputsContainer.style.display = 'block';\n \/\/ \ud544\uc218 \ud544\ub4dc \uc124\uc815\n pastGiftInputsContainer.querySelectorAll('.past-gift-date, .past-gift-value').forEach(input => input.setAttribute('required', 'required'));\n } else {\n pastGiftInputsContainer.style.display = 'none';\n \/\/ \ud544\uc218 \ud544\ub4dc \ud574\uc81c \ubc0f \uac12 \ucd08\uae30\ud654\n pastGiftInputsContainer.querySelectorAll('.past-gift-date, .past-gift-value').forEach(input => {\n input.removeAttribute('required');\n input.value = '';\n input.closest('.form-group').classList.remove('has-error');\n input.closest('.form-group').querySelector('.error-message').style.display = 'none';\n });\n document.querySelectorAll('.past-tax-paid').forEach(input => input.value = '0'); \/\/ \ub0a9\ubd80\uc138\uc561\ub3c4 \ucd08\uae30\ud654\n }\n });\n });\n\n \/\/ STEP 4: \uacfc\uac70 \uc99d\uc5ec \ub0b4\uc5ed \ucd94\uac00\/\uc0ad\uc81c\n addPastGiftBtn.addEventListener('click', () => {\n pastGiftCount++;\n const newPastGiftGroup = document.createElement('div');\n newPastGiftGroup.classList.add('past-gift-input-group');\n newPastGiftGroup.dataset.pastGiftId = pastGiftCount;\n newPastGiftGroup.innerHTML = `\n <div class=\"form-group\">\n <label for=\"pastGiftDate_${pastGiftCount}\">\uacfc\uac70 \uc99d\uc5ec\uc77c:<\/label>\n <input type=\"date\" id=\"pastGiftDate_${pastGiftCount}\" class=\"past-gift-date\" required>\n <div class=\"error-message\" data-for=\"pastGiftDate_${pastGiftCount}\">\uacfc\uac70 \uc99d\uc5ec\uc77c\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"pastGiftValue_${pastGiftCount}\">\uacfc\uac70 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"pastGiftValue_${pastGiftCount}\" class=\"past-gift-value\" min=\"0\" step=\"1\" placeholder=\"\uc608: 50,000,000\" required>\n <div class=\"error-message\" data-for=\"pastGiftValue_${pastGiftCount}\">\uacfc\uac70 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"pastTaxPaid_${pastGiftCount}\">\ub2f9\uc2dc \ub0a9\ubd80\uc138\uc561 (\uc120\ud0dd \uc0ac\ud56d, \uc788\uc73c\uba74 \uc815\ud655\ub3c4 \ud5a5\uc0c1):<\/label>\n <input type=\"number\" id=\"pastTaxPaid_${pastGiftCount}\" class=\"past-tax-paid\" min=\"0\" step=\"1\" value=\"0\" placeholder=\"\uc608: 2,000,000\">\n <\/div>\n <button type=\"button\" class=\"remove-item-btn\">\uc0ad\uc81c<\/button>\n `;\n pastGiftInputsContainer.appendChild(newPastGiftGroup);\n updateRemoveButtonsVisibility(pastGiftInputsContainer, '.remove-item-btn');\n });\n\n pastGiftInputsContainer.addEventListener('click', (e) => {\n if (e.target.classList.contains('remove-item-btn')) {\n e.target.closest('.past-gift-input-group').remove();\n updateRemoveButtonsVisibility(pastGiftInputsContainer, '.remove-item-btn');\n }\n });\n\n \/\/ \uc0ad\uc81c \ubc84\ud2bc \uac00\uc2dc\uc131 \uc5c5\ub370\uc774\ud2b8\n function updateRemoveButtonsVisibility(container, selector) {\n const items = container.querySelectorAll(selector);\n if (items.length <= 1) {\n items[0].style.display = 'none';\n } else {\n items.forEach(btn => btn.style.display = 'inline-block');\n }\n }\n\n \/\/ \ucd08\uae30 \ub85c\ub4dc \uc2dc \uc0ad\uc81c \ubc84\ud2bc \uac00\uc2dc\uc131 \uc124\uc815\n document.addEventListener('DOMContentLoaded', () => {\n updateRemoveButtonsVisibility(propertyInputsContainer, '.remove-item-btn');\n updateRemoveButtonsVisibility(pastGiftInputsContainer, '.remove-item-btn');\n updateBasicDeduction(); \/\/ \ucd08\uae30\ud654 \uc2dc \uccab \ub2e8\uacc4\uc758 \uae30\ubcf8 \uacf5\uc81c\uc561 \uc5c5\ub370\uc774\ud2b8\n showStep(1); \/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \uc2dc \uccab \ub2e8\uacc4 \ud45c\uc2dc\n });\n\n\n \/\/ \uacb0\uacfc \ub2e4\uc2dc \uacc4\uc0b0\ud558\uae30 \ubc84\ud2bc (Reset)\n resetBtn.addEventListener('click', () => {\n \/\/ \ubaa8\ub4e0 \uc785\ub825 \ud544\ub4dc \ucd08\uae30\ud654\n document.querySelectorAll('input[type=\"text\"], input[type=\"number\"], input[type=\"date\"]').forEach(input => {\n input.value = '';\n });\n document.querySelectorAll('select').forEach(select => {\n select.selectedIndex = 0;\n });\n document.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\n if (radio.id === 'isMinorNo' || radio.id === 'hasPastGiftNo') {\n radio.checked = true;\n } else {\n radio.checked = false;\n }\n });\n document.querySelectorAll('input[type=\"checkbox\"]').forEach(checkbox => {\n checkbox.checked = false;\n checkbox.dispatchEvent(new Event('change')); \/\/ \uc5f0\uacb0\ub41c \uc785\ub825 \ud544\ub4dc \ube44\ud65c\uc131\ud654\n });\n\n \/\/ \ucd94\uac00\ub41c \uc7ac\uc0b0\/\uacfc\uac70 \ub0b4\uc5ed \uc81c\uac70\ud558\uace0 \ud558\ub098\ub9cc \ub0a8\uae30\uae30\n propertyInputsContainer.innerHTML = `\n <div class=\"property-input-group\" data-property-id=\"1\">\n <div class=\"form-group\">\n <label for=\"propertyType_1\">\uc7ac\uc0b0 \uc885\ub958:<\/label>\n <select id=\"propertyType_1\" class=\"property-type\" required>\n <option value=\"\">\uc120\ud0dd<\/option>\n <option value=\"cash\">\ud604\uae08<\/option>\n <option value=\"real_estate\">\ubd80\ub3d9\uc0b0 (\ud1a0\uc9c0, \uac74\ubb3c)<\/option>\n <option value=\"stock\">\uc8fc\uc2dd\/\ucd9c\uc790\uc9c0\ubd84<\/option>\n <option value=\"car_ship\">\uc790\ub3d9\ucc28\/\uc120\ubc15<\/option>\n <option value=\"other\">\uae30\ud0c0<\/option>\n <\/select>\n <div class=\"error-message\" data-for=\"propertyType_1\">\ud544\uc218 \uc120\ud0dd \ud56d\ubaa9\uc785\ub2c8\ub2e4.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"propertyValue_1\">\ud3c9\uac00\uc561 (\uc6d0):\n <span class=\"tooltip-container\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle-fill\" viewBox=\"0 0 16 16\" style=\"vertical-align: middle;\">\n <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34-.114.65-.05.919.2.68.736 1.092 1.523 1.092.69 0 1.153-.306 1.153-.967 0-.7-.41-1.291-.952-1.291-.487 0-.695.345-.89.58-.27.352-.375.394-.658.318-.263-.09-.542-.317-.61-.593-.058-.23.118-.465.305-.533M7.705 4.31a.225.225 0 0 1 .15-.224c.06-.017.13-.017.182-.017.195 0 .285.066.325.127.135.253.375.642.062 1.399-.104.288-.352.508-.686.508-.456 0-.75-.375-.75-.921 0-.348.248-.568.513-.73M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14\"\/>\n <\/svg>\n <span class=\"tooltip-text\">\n \uc99d\uc5ec\uc138\ubc95\uc5d0 \ub530\ub77c \uc801\uc815\ud558\uac8c \ud3c9\uac00\ub41c \uae08\uc561\uc744 \uc785\ub825\ud574\uc57c \ud569\ub2c8\ub2e4. \n \ud2b9\ud788 \ubd80\ub3d9\uc0b0, \ube44\uc0c1\uc7a5\uc8fc\uc2dd \ub4f1\uc740 \ud3c9\uac00 \ubc29\ubc95\uc774 \ubcf5\uc7a1\ud558\ubbc0\ub85c \uc138\ubb34 \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\n <\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"propertyValue_1\" class=\"property-value\" min=\"0\" step=\"1\" placeholder=\"\uc608: 100,000,000\" required>\n <div class=\"error-message\" data-for=\"propertyValue_1\">\ud3c9\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <button type=\"button\" class=\"remove-item-btn\" style=\"display:none;\">\uc0ad\uc81c<\/button>\n <\/div>\n `;\n propertyCount = 1;\n updateRemoveButtonsVisibility(propertyInputsContainer, '.remove-item-btn');\n\n pastGiftInputsContainer.innerHTML = `\n <div class=\"past-gift-input-group\" data-past-gift-id=\"1\">\n <div class=\"form-group\">\n <label for=\"pastGiftDate_1\">\uacfc\uac70 \uc99d\uc5ec\uc77c:<\/label>\n <input type=\"date\" id=\"pastGiftDate_1\" class=\"past-gift-date\">\n <div class=\"error-message\" data-for=\"pastGiftDate_1\">\uacfc\uac70 \uc99d\uc5ec\uc77c\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"pastGiftValue_1\">\uacfc\uac70 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561 (\uc6d0):<\/label>\n <input type=\"number\" id=\"pastGiftValue_1\" class=\"past-gift-value\" min=\"0\" step=\"1\" placeholder=\"\uc608: 50,000,000\">\n <div class=\"error-message\" data-for=\"pastGiftValue_1\">\uacfc\uac70 \uc99d\uc5ec\uc7ac\uc0b0\uac00\uc561\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"pastTaxPaid_1\">\ub2f9\uc2dc \ub0a9\ubd80\uc138\uc561 (\uc120\ud0dd \uc0ac\ud56d, \uc788\uc73c\uba74 \uc815\ud655\ub3c4 \ud5a5\uc0c1):<\/label>\n <input type=\"number\" id=\"pastTaxPaid_1\" class=\"past-tax-paid\" min=\"0\" step=\"1\" value=\"0\" placeholder=\"\uc608: 2,000,000\">\n <\/div>\n <button type=\"button\" class=\"remove-item-btn\" style=\"display:none;\">\uc0ad\uc81c<\/button>\n <\/div>\n `;\n pastGiftCount = 1;\n pastGiftInputsContainer.style.display = 'none'; \/\/ \ucd08\uae30\ud654 \uc2dc \ub2e4\uc2dc \uc228\uae40\n updateRemoveButtonsVisibility(pastGiftInputsContainer, '.remove-item-btn');\n\n updateBasicDeduction(); \/\/ \uae30\ubcf8 \uacf5\uc81c\uc561 \ucd08\uae30\uac12\uc73c\ub85c \uc7ac\uc124\uc815\n showStep(1); \/\/ \uccab \ub2e8\uacc4\ub85c \uc774\ub3d9\n });\n <\/script>\n<\/body>\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>\uc99d\uc5ec\uc138 \uac04\ud3b8 \uacc4\uc0b0\uae30 – \uc138\ub828\ub41c \ub514\uc790\uc778 \uc99d\uc5ec\uc138 \uac04\ud3b8 \uacc4\uc0b0\uae30 1. \uad00\uacc4 \uc124\uc815 2. \uc99d\uc5ec \uc7ac\uc0b0 3. \uacf5\uc81c\/\ube44\uacfc\uc138 4. \ud569\uc0b0 \ub0b4\uc5ed 5. \uacb0\uacfc \ud655\uc778 STEP 1. \uc99d\uc5ec\uc790-\uc218\uc99d\uc790 \uad00\uacc4 \uc124\uc815 \uc99d\uc5ec\uc790, \uc218\uc99d\uc790\uc758 \uac70\uc8fc \uc5ec\ubd80\uc640 \ub450 \ubd84\uc758 \uad00\uacc4\ub97c \uc120\ud0dd\ud574\uc8fc\uc138\uc694. \uc774\ub294 \uc99d\uc5ec\uc7ac\uc0b0 \uacf5\uc81c\uc561\uc744 \uacb0\uc815\ud558\ub294 \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4. \uc99d\uc5ec\uc790 \uac70\uc8fc\uc790 \uc5ec\ubd80: \uc120\ud0dd\ub300\ud55c\ubbfc\uad6d \uac70\uc8fc\uc790\ub300\ud55c\ubbfc\uad6d \ube44\uac70\uc8fc\uc790 \ud544\uc218 \uc120\ud0dd […]<\/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-14321","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/14321","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=14321"}],"version-history":[{"count":15,"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/14321\/revisions"}],"predecessor-version":[{"id":14460,"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/14321\/revisions\/14460"}],"wp:attachment":[{"href":"https:\/\/chois2080.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}