{"id":3055,"date":"2024-11-15T14:30:08","date_gmt":"2024-11-15T05:30:08","guid":{"rendered":"https:\/\/unihub.kr\/?page_id=3055"},"modified":"2025-03-05T09:06:13","modified_gmt":"2025-03-05T00:06:13","slug":"%ec%b0%b8%ec%97%ac%ec%9d%b8%eb%a0%a5-%ed%99%95%ec%9d%b8%ec%84%9c","status":"publish","type":"page","link":"https:\/\/unihub.kr\/?page_id=3055","title":{"rendered":"\uc5d0\ub108\uc9c0_\ucc38\uc5ec\uc778\ub825 \ud655\uc778\uc11c \uc81c\ucd9c \ud398\uc774\uc9c0"},"content":{"rendered":"\n    <style>\n        \/* \ud398\uc774\uc9c0\uba85 \uc0ad\uc81c\ud558\uae30 *\/\n        .page-id-3055 .entry-title {\n            display: none;\n        }\n\n        \/* A4 \uc6a9\uc9c0 \ud06c\uae30 \uc124\uc815 *\/\n        .a4-form {\n            width: 210mm; \/* A4 \ud3ed *\/\n            height: 297; \/* A4 \ub192\uc774 *\/\n            margin: 0 auto; \/* \uc911\uc559 \uc815\ub82c *\/\n            padding: 5mm 5mm; \/* \uc548\ucabd \uc5ec\ubc31 *\/\n            box-sizing: border-box; \/* \ud328\ub529 \ud3ec\ud568 \ud06c\uae30 \uc870\uc815 *\/\n            border: 1px solid #000; \/* \ud14c\ub450\ub9ac \ucd94\uac00 (\uc120\ud0dd \uc0ac\ud56d) *\/\n            line-height: 2.5; \/* \uc804\uccb4 \uc904 \uac04\uaca9 \uc870\uc815 *\/\n        }\n\n        \/* \uc804\uccb4\uc801\uc778 \uae00\uc528 \ud06c\uae30 \uc124\uc815 *\/\n        body, .a4-form {\n            font-size: 15px; \/* \uae30\ubcf8 \uae00\uc528 \ud06c\uae30 \uc124\uc815 *\/\n        }\n\n        h1, h2 {\n            text-align: center; \/* \uc911\uc559 \uc815\ub82c *\/\n            font-weight: bold; \/* \uae00\uc528 \uad75\uac8c *\/\n        }\n\n        h1 {\n            font-size: 22px; \/* \ud070 \uc81c\ubaa9 \uae00\uc528 \ud06c\uae30 *\/\n        }\n\n        h2 {\n            font-size: 18px; \/* \ubd80\uc81c\ubaa9 \uae00\uc528 \ud06c\uae30 *\/\n        }\n\n        .form-group {\n            display: flex;\n            align-items: center; \/* \uc218\ud3c9 \uc911\uc559 \uc815\ub82c *\/\n            margin-bottom: 17px; \/* \uac01 \uc785\ub825 \uadf8\ub8f9 \uac04\uc758 \uac04\uaca9 *\/\n        }\n\n        .form-group label {\n            width: 100px; \/* \ub77c\ubca8\uc758 \ub108\ube44 \uace0\uc815 *\/\n            margin-right: 0px; \/* \ub77c\ubca8\uacfc \uc785\ub825 \ubc15\uc2a4 \uac04\uaca9 *\/\n        }\n\n        .form-group input {\n            padding: 5px;\n            box-sizing: border-box; \/* \ud328\ub529 \ud3ec\ud568 \ud06c\uae30 \uc870\uc815 *\/\n            flex: 1; \/* \uc785\ub825 \ud544\ub4dc\uac00 \ub0a8\uc740 \uacf5\uac04\uc744 \ucc44\uc6c0 *\/\n        }\n\n\n        .confirm {\n            text-align: left; \/* \uc67c\ucabd \uc815\ub82c *\/\n            margin: 5px 0; \/* \uc704\uc544\ub798 \uc5ec\ubc31 \ucd94\uac00 *\/\n            font-size: 16px; \/* \ud655\uc778\uc11c \ubd80\ubd84\uc758 \uae00\uc528 \ud06c\uae30 *\/\n            line-height: 2; \/* \uc904 \uac04\uaca9 \uc124\uc815 (\uae30\ubcf8\uac12: 1, \uad8c\uc7a5\uac12: 1.5) *\/\n        }\n\n        .center-text {\n            text-align: center; \/* \uc911\uc559 \uc815\ub82c *\/\n            font-size: 15px; \/* \uae00\uc790 \ud06c\uae30 \uc870\uc815 (\ud544\uc694\uc5d0 \ub530\ub77c \ubcc0\uacbd) *\/\n            font-weight: bold; \/* \uad75\uc740 \uae00\uc528 *\/\n        }\n\n        .left-indent {\n            text-align: left; \/* \uc67c\ucabd \uc815\ub82c *\/\n            display: block; \/* \ube14\ub85d \uc694\uc18c\ub85c \uc124\uc815 *\/\n            padding-left: 16px; \/* \ubc88\ud638 \ub4a4\ub85c \ub4e4\uc5ec\uc4f0\uae30 *\/\n            text-indent: -16px; \/* \ubc88\ud638\uac00 \ub4e4\uc5ec\uc4f0\uae30 \ub418\ub3c4\ub85d \uc74c\uc218\ub85c \uc124\uc815 *\/\n            word-break: keep-all; \/* \ub2e8\uc5b4 \uc548\uc798\ub9ac\ub3c4\ub85d \uc904\ubc14\uafc8 *\/\n            margin-left: 0; \/* \uae30\ubcf8 \ub9c8\uc9c4 \uc81c\uac70 *\/\n        }\n\n        .submit-button {\n            text-align: center; \/* \uc911\uc559 \uc815\ub82c *\/\n            margin-top: 20px;\n        }\n\n        \/* \uc11c\uba85 \uce94\ubc84\uc2a4 \uc2a4\ud0c0\uc77c *\/\n        .signature-container {\n            display: flex;\n            align-items: center; \/* \uc138\ub85c \uc911\uc559 \uc815\ub82c *\/\n            justify-content: center;   \/* \uac00\ub85c \uc911\uc559 \uc815\ub82c *\/\n            margin-bottom: 5px;\n        }\n\n        .signature-container label {\n            margin-right: 10px; \/* \ub77c\ubca8\uacfc \uce94\ubc84\uc2a4 \uac04\uaca9 *\/\n        }\n\n        #signature-canvas {\n            border: 1.5px solid #000;\n            width: 50%; \/* \uc11c\uba85 \uce94\ubc84\uc2a4 \ub108\ube44 *\/\n            height: 150px; \/* \uc11c\uba85 \uce94\ubc84\uc2a4 \ub192\uc774 *\/\n            margin-right: 10px; \/* \uce94\ubc84\uc2a4\uc640 \ubc84\ud2bc \uac04\uaca9 *\/\n            background-color: white; \/* \ud654\uba74\uc5d0\uc11c \ud770\uc0c9 \ubc30\uacbd\uc73c\ub85c \ubcf4\uc774\ub3c4\ub85d \uc124\uc815 *\/\n        }\n\n        .clear-signature {\n            padding: 5px 10px;\n        }\n\n    <\/style>\n    \n    <form id=\"confirmation_form\" class=\"a4-form\"onsubmit=\"return validateForm()\">\n        <h1 style=\"text-align: center;\">5\ucc28\ub144\ub3c4 \ucc38\uc5ec \uc778\ub825 \ud655\uc778\uc11c<\/h1>\n\n        <div class=\"form-group\">\n            <label>\uc0ac\uc5c5\ub2e8\uba85 :<\/label>\n            <span>\uc5d0\ub108\uc9c0\uc2e0\uc0b0\uc5c5 \ud601\uc2e0\uc735\ud569\ub300\ud559 \uc0ac\uc5c5\ub2e8<\/span>\n        <\/div>\n        <div class=\"form-group\" style=\"display: flex; align-items: center;\">\n            <label style=\"margin-right: 12px;\">\ucc38\uc5ec \uad6c\ubd84 :<\/label>\n            <select name=\"participation_type\" required style=\"width: 100%; min-width: 150px; padding: 5px;\">\n                <option value=\"\" disabled selected>\ucc38\uc5ec \uad6c\ubd84 \uc120\ud0dd<\/option>\n                <option value=\"\ucc38\uc5ec\uad50\uc218\">\ucc38\uc5ec\uad50\uc218<\/option>\n                <option value=\"\uc5f0\uad6c\uad50\uc218\">\uc5f0\uad6c\uad50\uc218<\/option>\n                <option value=\"\uc9c1\uc6d0\">\uc9c1\uc6d0<\/option>\n            <\/select>\n        <\/div>\n        <div class=\"form-group\" style=\"display: flex; align-items: center;\">\n            <label style=\"margin-right: 12px;\">\ub2f4\ub2f9 \uc5ed\ud560 :<\/label>\n            <select name=\"participation_role\" required style=\"width: 100%; min-width: 150px; padding: 5px;\">\n                <option value=\"\" disabled selected>\ub2f4\ub2f9 \uc5ed\ud560 \uc120\ud0dd<\/option>\n                <option value=\"-------------\uad50\uc6d0 \uc120\ud0dd \uc0ac\ud56d-------------\">-------------\uad50\uc6d0 \uc120\ud0dd \uc0ac\ud56d-------------<\/option>\n                <option value=\"\ub2e8\uc7a5\">\ub2e8\uc7a5<\/option>\n                <option value=\"\ubd80\ub2e8\uc7a5\">\ubd80\ub2e8\uc7a5<\/option>\n                <option value=\"\uc2e4\ubb34\ucc45\uc784\">\uc2e4\ubb34\ucc45\uc784<\/option>\n                <option value=\"\ucc38\uc5ec\uad50\uc6d0\">\ucc38\uc5ec\uad50\uc6d0<\/option>\n                <option value=\"-------------\uc9c1\uc6d0 \uc120\ud0dd \uc0ac\ud56d-------------\">-------------\uc9c1\uc6d0 \uc120\ud0dd \uc0ac\ud56d-------------<\/option>\n                <option value=\"\uc778\uc0ac\uad00\ub9ac\">\uc778\uc0ac\uad00\ub9ac<\/option>\n                <option value=\"\uc0ac\uc5c5\uad00\ub9ac\">\uc0ac\uc5c5\uad00\ub9ac<\/option>\n                <option value=\"\uad50\ubb34 \ubc0f \ud559\uc0ac\">\uad50\ubb34 \ubc0f \ud559\uc0ac<\/option>\n                <option value=\"\uc608\uc0b0 \ubc0f \ud68c\uacc4\">\uc608\uc0b0 \ubc0f \ud68c\uacc4<\/option>\n                <option value=\"\uc804\uc0b0 \ud589\uc815\">\uc804\uc0b0 \ud589\uc815<\/option>\n                <option value=\"\uc7a5\ud559 \ubc0f \ub300\uc678\ud611\ub825\">\uc7a5\ud559 \ubc0f \ub300\uc678\ud611\ub825<\/option>\n                <option value=\"\uad6c\ub9e4 \ubc0f \uacf5\uac04 \uad00\ub9ac\">\uad6c\ub9e4 \ubc0f \uacf5\uac04 \uad00\ub9ac<\/option>\n                <option value=\"\ud64d\ubcf4 \ubc0f \ube44\uad50\uacfc \ud504\ub85c\uadf8\ub7a8 \uc6b4\uc601\">\ud64d\ubcf4 \ubc0f \ube44\uad50\uacfc \ud504\ub85c\uadf8\ub7a8 \uc6b4\uc601<\/option>\n            <\/select>\n        <\/div>\n        <div class=\"form-group\">\n            <label>\uc131\uba85 :<\/label>\n            <input type=\"text\" name=\"participant_name\" placeholder=\"\uc774\ub984 \uc785\ub825\" required>\n            \n            <label style=\"margin-left: 20px;\">\uc0dd\ub144\uc6d4\uc77c :<\/label>\n            <input type=\"text\" name=\"dob\" placeholder=\"YYYY-MM-DD\" maxlength=\"10\" oninput=\"formatDate(this)\" required>\n            <span id=\"dob_error\" style=\"color: red; display: none;\">\uc0dd\ub144\uc6d4\uc77c\uc740 YYYY-MM-DD \ud615\uc2dd\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694.<\/span>\n        <\/div>\n        <div class=\"form-group\">\n            <label>\uc0ac\ubc88 :<\/label>\n            <input type=\"text\" name=\"employee_id\" placeholder=\"\uc0ac\ubc88 \uc785\ub825\">\n        <\/div>\n\n        <strong style=\"display: block; margin-bottom: 10px;\">[\uc6d0\uc18c\uc18d \uad00\ub828 \uc0ac\ud56d]<\/strong>\n        <div class=\"form-group\">\n            \n            <label>\uc6d0\uc18c\uc18d \ubd80\uc11c :<\/label>\n            <input type=\"text\" name=\"affiliation\" placeholder=\"\uc6d0\uc18c\uc18d \ubd80\uc11c \uc785\ub825\" required>\n\n            <label style=\"margin-left: 20px;\">\uc9c1\uc704 :<\/label>\n            <input type=\"text\" name=\"position\" placeholder=\"\uc6d0\uc18c\uc18d \ubd80\uc11c \ub0b4 \uc9c1\uc704 \uc785\ub825\" required>\n        <\/div>\n\n        <strong style=\"display: block; margin-bottom: 10px;\">[\ucd5c\uc885 \ud559\uc704 \uad00\ub828 \uc0ac\ud56d]<\/strong>\n        <div class=\"form-group\">\n            <label>\ud559\uad50 :<\/label>\n            <input type=\"text\" name=\"school\" placeholder=\"\ucd5c\uc885 \ud559\uc704 \ud559\uad50\uba85 \uc785\ub825\" required>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>\uc804\uacf5 :<\/label>\n            <input type=\"text\" name=\"major\" placeholder=\"\ucd5c\uc885 \ud559\uc704 \uc804\uacf5 \uc785\ub825\" required>\n        <\/div>\n\n        <div class=\"form-group\">\n            <label style=\"margin-right: 12px;\">\ucd5c\uc885 \ud559\uc704 :<\/label>\n            <select name=\"degree\" required style=\"width: 100%; min-width: 150px; padding: 5px;\">\n                <option value=\"\" disabled selected>\ucd5c\uc885 \ud559\uc704 \uc120\ud0dd<\/option>\n                <option value=\"\ud574\ub2f9\uc0ac\ud56d \uc5c6\uc74c\">\ud574\ub2f9\uc0ac\ud56d \uc5c6\uc74c<\/option>\n                <option value=\"\ud559\uc0ac\">\ud559\uc0ac<\/option>\n                <option value=\"\uc11d\uc0ac\">\uc11d\uc0ac<\/option>\n                <option value=\"\ubc15\uc0ac\">\ubc15\uc0ac<\/option>\n            <\/select>\n        <\/div>\n        <div class=\"confirm\">\n            <p class=\"center-text\">\uc0c1\uae30 \ubcf8\uc778\uc740 \uc5d0\ub108\uc9c0\uc2e0\uc0b0\uc5c5 \ud601\uc2e0\uc735\ud569\ub300\ud559 \uc0ac\uc5c5\ub2e8 5\ucc28\ub144\ub3c4 \uacfc\uc81c\uc5d0 \ucc38\uc5ec\ud568\uc744 \ud655\uc778\ud569\ub2c8\ub2e4.\n             ( <input type=\"checkbox\" class=\"agreement-checkbox\" required> \ud655\uc778 ) \n            <\/p>\n\n            <div class=\"agreement-group\">\n                <p class=\"left-indent\">1. \ubcf8\uc778\uc740 \uc0ac\uc5c5 \uc9c0\uce68 \uc0c1 \uba85\uc2dc\ub41c \ucc38\uc5ec \uc790\uaca9\uc744 \ucda9\uc871\ud560 \uac83\uc744 \ud655\uc778\ud569\ub2c8\ub2e4. \n                ( <input type=\"checkbox\" class=\"agreement-checkbox\" required> \ud655\uc778 ) \n                <\/p>\n            <\/div>\n\n            <div class=\"agreement-group\">\n                <p class=\"left-indent\">2. \ubcf8 \uc0ac\uc5c5\ub2e8\uc5d0\uc11c \uc815\ud55c \uaddc\uc815\uc744 \uc219\uc9c0\ud558\uace0, \uc0ac\uc5c5\ube44 \ubaa9\uc801 \uc678 \uc9d1\ud589\uc774 \uc5c6\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. \n                ( <input type=\"checkbox\" class=\"agreement-checkbox\" required> \ud655\uc778 ) \n                <\/p>\n            <\/div>\n\n            <div class=\"agreement-group\">\n                <p class=\"left-indent\">3. \ubcf8 \uc0ac\uc5c5\ub2e8\uc5d0\uc11c \uc2e4\uc2dc\ud558\ub294 \ud589\uc0ac \ubc0f \uad00\ub828 \ud65c\ub3d9\uc5d0 \uc801\uadf9 \ucc38\uc5ec\ud558\uaca0\uc2b5\ub2c8\ub2e4. \n                ( <input type=\"checkbox\" class=\"agreement-checkbox\" required> \ud655\uc778 ) \n                <\/p>\n            <\/div>\n\n            <div class=\"agreement-group\">\n                <p class=\"left-indent\">* \uac1c\uc778\uc815\ubcf4\ub97c \uc0ac\uc5c5 \uad00\ub9ac \ubaa9\uc801\uc73c\ub85c \ud65c\uc6a9\ud558\ub294 \uac83\uc5d0 \ub3d9\uc758\ud569\ub2c8\ub2e4. \n                ( <input type=\"checkbox\" class=\"agreement-checkbox\" required> \ud655\uc778 ) \n                <\/p>\n            <\/div>\n\n            <div class=\"agreement-group\">\n                <p class=\"left-indent\"> * <u>\ubcf8 \uc0ac\uc5c5\ub2e8\uacfc \uad00\ub828\ud55c \ubaa8\ub4e0 \ud65c\ub3d9\uc5d0 \uc801\uadf9 \ud611\uc870\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/u> \n                ( <input type=\"checkbox\" class=\"agreement-checkbox\" required> \ud655\uc778 ) \n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- \uc11c\uba85 \uce94\ubc84\uc2a4 -->\n        <div class=\"signature-container\">\n            <label>\uc11c\uba85:<\/label>\n            <canvas id=\"signature-canvas\"><\/canvas>\n            <button type=\"button\" id=\"clear-signature\" class=\"clear-signature\">\uc9c0\uc6b0\uae30<\/button>\n        <\/div>\n        \n\n        <div class=\"confirm\">\n            <!-- \ud604\uc7ac \ub0a0\uc9dc \ud45c\uc2dc -->\n            <h2 class=\"date\" style=\"text-align: center;\">2026\ub144 10\uc6d4 17\uc77c<\/h2> \n            <h1 style=\"text-align: center;\">\uc5d0\ub108\uc9c0\uc2e0\uc0b0\uc5c5 \ud601\uc2e0\uc735\ud569\ub300\ud559 \uc0ac\uc5c5\ub2e8\uc7a5 \uadc0\ud558<\/h1>\n        <\/div>\n    \n        <div class=\"submit-button\">\n            <button type=\"submit\">\uc81c\ucd9c<\/button>\n        <\/div>\n\n    <\/form>\n\n\n<script>\n    \/\/ \uc9c1\uc6d0 \ud074\ub9ad\ud558\uba74 \ud574\ub2f9\uc0ac\ud56d \uc5c6\uc74c \ucc44\uc6cc\uc9d0\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const participationType = document.querySelector(\"select[name='participation_type']\");\n        const inputsToModify = document.querySelectorAll(\"input[name='school'], input[name='major']\");\n        const degreeSelect = document.querySelector(\"select[name='degree']\"); \/\/ \ud559\uc704 \ub4dc\ub86d\ub2e4\uc6b4 \uc120\ud0dd\n\n        participationType.addEventListener(\"change\", function () {\n            if (this.value === \"\uc9c1\uc6d0\") {\n                \/\/ \ud14d\uc2a4\ud2b8 \uc785\ub825 \ud544\ub4dc \uc790\ub3d9 \ucc44\uc6b0\uae30 \ubc0f \uc77d\uae30 \uc804\uc6a9 \ucc98\ub9ac\n                inputsToModify.forEach(input => {\n                    input.value = \"\ud574\ub2f9\uc0ac\ud56d \uc5c6\uc74c\";\n                    input.readOnly = true;\n                });\n\n                \/\/ \ud559\uc704 \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c \"\ud574\ub2f9\uc0ac\ud56d \uc5c6\uc74c\" \uc790\ub3d9 \uc120\ud0dd\n                if (degreeSelect) {\n                    degreeSelect.value = \"\ud574\ub2f9\uc0ac\ud56d \uc5c6\uc74c\";\n                }\n\n            } else {\n                \/\/ \ub2e4\ub978 \uc120\ud0dd \uc2dc \uc785\ub825\uac12 \ucd08\uae30\ud654 \ubc0f \uc785\ub825 \uac00\ub2a5\ud558\uac8c \uc124\uc815\n                inputsToModify.forEach(input => {\n                    input.value = \"\";\n                    input.readOnly = false;\n                });\n\n                \/\/ \ud559\uc704 \ub4dc\ub86d\ub2e4\uc6b4 \ucd08\uae30\ud654 (\uccab \ubc88\uc9f8 \uc635\uc158 \uc120\ud0dd)\n                if (degreeSelect) {\n                    degreeSelect.value = \"\";\n                }\n            }\n        });\n    });\n\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const submitBtn = document.getElementById(\"submitBtn\");\n        const checkboxes = document.querySelectorAll(\".agreement-checkbox\");\n\n        function checkAllChecked() {\n            let allChecked = true;\n\n            \/\/ \ubaa8\ub4e0 \uccb4\ud06c\ubc15\uc2a4\uac00 \uccb4\ud06c\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\n            checkboxes.forEach(checkbox => {\n                if (!checkbox.checked) {\n                    allChecked = false;\n                }\n            });\n\n            \/\/ \ubaa8\ub4e0 \uccb4\ud06c\ubc15\uc2a4\uac00 \uccb4\ud06c\ub418\uc5b4 \uc788\uc73c\uba74 \ubc84\ud2bc \ud65c\uc131\ud654\n            submitBtn.disabled = !allChecked;\n        }\n\n        \/\/ \uac01 \uccb4\ud06c\ubc15\uc2a4\uc5d0 \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108 \ucd94\uac00\n        checkboxes.forEach(checkbox => {\n            checkbox.addEventListener(\"change\", checkAllChecked);\n        });\n\n        \/\/ \ud3fc \uc81c\ucd9c \uc2dc \ubaa8\ub4e0 \uccb4\ud06c\ubc15\uc2a4\uac00 \uccb4\ud06c\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\n        function validateForm() {\n            let allChecked = true;\n            checkboxes.forEach(checkbox => {\n                if (!checkbox.checked) {\n                    allChecked = false;\n                }\n            });\n\n            if (!allChecked) {\n                alert(\"\uccb4\ud06c\ubc15\uc2a4\ub97c \ud655\uc778\ud574\uc8fc\uc138\uc694.\");\n                return false;\n            }\n            return true;\n        }\n\n        window.validateForm = validateForm;\n    });\n\n    jQuery(document).ready(function($) {\n        \/\/ \uce94\ubc84\uc2a4 \uc124\uc815\n        const canvas = document.getElementById('signature-canvas');\n        const ctx = canvas.getContext('2d');\n        \n        ctx.lineWidth = 5; \/\/ \uc120 \ub450\uaed8\n\n        let drawing = false;\n\n        \/\/ \uc11c\uba85 \uc2dc\uc791\n        canvas.addEventListener('mousedown', (event) => {\n            drawing = true;\n            ctx.beginPath();\n\n            const rect = canvas.getBoundingClientRect();\n            const scaleX = canvas.width \/ rect.width;\n            const scaleY = canvas.height \/ rect.height;\n            const x = (event.clientX - rect.left) * scaleX;\n            const y = (event.clientY - rect.top) * scaleY;\n            ctx.moveTo(x, y);\n        });\n\n        \/\/ \uc11c\uba85 \uc911\uc9c0\n        canvas.addEventListener('mouseup', () => drawing = false);\n        canvas.addEventListener('mouseleave', () => drawing = false);\n\n        \/\/ \uc11c\uba85 \uc911\n        canvas.addEventListener('mousemove', (event) => {\n            if (!drawing) return;\n\n            const rect = canvas.getBoundingClientRect();\n            const scaleX = canvas.width \/ rect.width;\n            const scaleY = canvas.height \/ rect.height;\n            const x = (event.clientX - rect.left) * scaleX;\n            const y = (event.clientY - rect.top) * scaleY;\n            ctx.lineTo(x, y);\n            ctx.stroke();\n        });\n\n        \/\/ \uc11c\uba85 \uc9c0\uc6b0\uae30\n        $('#clear-signature').on('click', function() {\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n        });\n\n        \/\/ \ud3fc \uc81c\ucd9c \ucc98\ub9ac\n        $('#confirmation_form').on('submit', function(event) {\n            if (!validateForm()) {\n                event.preventDefault(); \/\/ \uc720\ud6a8\uc131 \uac80\uc0ac \uc2e4\ud328 \uc2dc \ud3fc \uc81c\ucd9c\uc744 \ub9c9\uc74c\n            } else {\n                const formData = $(this).serialize(); \/\/ \uc785\ub825 \ub370\uc774\ud130 \uc9c1\ub82c\ud654\n                const signatureData = canvas.toDataURL('image\/png'); \/\/ \uc11c\uba85 \uc774\ubbf8\uc9c0 Base64 \ubcc0\ud658\n                const participantName = $('input[name=\"participant_name\"]').val(); \/\/ \uc785\ub825\ub41c \uc131\uba85 \uac12 \uac00\uc838\uc624\uae30\n\n                \/\/ get_permalink(3506)\uc5d0\uc11c \uc774\ubbf8 '?'\uac00 \ud3ec\ud568\ub41c \uacbd\uc6b0 '&'\ub97c \uc0ac\uc6a9, \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 '?' \uc0ac\uc6a9\n                let targetUrl = 'https:\/\/unihub.kr\/?page_id=3506';\n                targetUrl += (targetUrl.includes('?') ? '&' : '?') + 'participant_name=' + encodeURIComponent(participantName);\n\n                $.post('https:\/\/unihub.kr\/wp-admin\/admin-ajax.php', formData + '&action=submit_confirmation&signature=' + encodeURIComponent(signatureData), function(response) {\n                    if (response.success) {\n                        \/\/ \uc218\uc815\ub41c URL\ub85c \uc774\ub3d9\n                        window.location.href = targetUrl;\n                    } else {\n                        alert('\uc81c\ucd9c \uc2e4\ud328: ' + response.data);\n                    }\n                });\n\n                event.preventDefault(); \/\/ \uae30\ubcf8 \uc81c\ucd9c \ub3d9\uc791 \ubc29\uc9c0\n            }\n        });\n    });\n\n    function formatDate(input) {\n        let value = input.value.replace(\/[^0-9]\/g, ''); \/\/ \uc22b\uc790\ub9cc \ub0a8\uae30\uae30\n        if (value.length > 4) value = value.slice(0, 4) + '-' + value.slice(4);\n        if (value.length > 7) value = value.slice(0, 7) + '-' + value.slice(7);\n        input.value = value.slice(0, 10); \/\/ YYYY-MM-DD \ud3ec\ub9f7 \uc720\uc9c0\n        validateDob(); \/\/ \ud615\uc2dd \uac80\uc0ac\n    }\n\n    function validateDob() {\n        const dobInput = document.querySelector('input[name=\"dob\"]');\n        const submitButton = document.getElementById('submit_button');\n        const errorMessage = document.getElementById('dob_error');\n        \n        const dobPattern = \/^\\d{4}-\\d{2}-\\d{2}$\/;\n        \n        if (dobPattern.test(dobInput.value)) {\n            \/\/ \ub0a0\uc9dc\uac00 \uc720\ud6a8\ud55c\uc9c0 \uccb4\ud06c\n            const dateParts = dobInput.value.split('-');\n            const year = parseInt(dateParts[0], 10);\n            const month = parseInt(dateParts[1], 10) - 1; \/\/ 0-11 \ubc94\uc704\ub85c \uc870\uc815\n            const day = parseInt(dateParts[2], 10);\n            const date = new Date(year, month, day);\n\n            \/\/ \uc720\ud6a8\ud55c \ub0a0\uc9dc\uc778\uc9c0 \ud655\uc778\n            if (date.getFullYear() === year && date.getMonth() === month && date.getDate() === day) {\n                submitButton.disabled = false;\n                errorMessage.style.display = 'none';\n            } else {\n                submitButton.disabled = true;\n                errorMessage.style.display = 'inline';\n            }\n        } else {\n            submitButton.disabled = true;\n            errorMessage.style.display = 'inline';\n        }\n    }\n\n    function validateForm() {\n        const dobInput = document.querySelector('input[name=\"dob\"]');\n        const dobPattern = \/^\\d{4}-\\d{2}-\\d{2}$\/;\n\n        \/\/ \uc0dd\ub144\uc6d4\uc77c\uc774 \uc720\ud6a8\ud55c \ud615\uc2dd\uc778\uc9c0 \ud655\uc778\n        if (!dobPattern.test(dobInput.value)) {\n            alert(\"\uc0dd\ub144\uc6d4\uc77c\uc740 YYYY-MM-DD \ud615\uc2dd\uc73c\ub85c \uc785\ub825\ud574 \uc8fc\uc138\uc694.\");\n            return false; \/\/ \ud3fc \uc81c\ucd9c \ubc29\uc9c0\n        }\n        \n        \/\/ \uc0dd\ub144\uc6d4\uc77c\uc774 \uc720\ud6a8\ud55c \ub0a0\uc9dc\uc778\uc9c0 \ud655\uc778 (\ubd88\uac00\ub2a5\ud55c \ub0a0\uc9dc \ubc29\uc9c0)\n        const dateParts = dobInput.value.split('-');\n        const year = parseInt(dateParts[0], 10);\n        const month = parseInt(dateParts[1], 10) - 1; \/\/ 0-11 \ubc94\uc704\ub85c \uc870\uc815\n        const day = parseInt(dateParts[2], 10);\n        const date = new Date(year, month, day);\n\n        if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {\n            alert(\"\uc720\ud6a8\ud558\uc9c0 \uc54a\uc740 \ub0a0\uc9dc\uc785\ub2c8\ub2e4.\");\n            return false; \/\/ \ud3fc \uc81c\ucd9c \ubc29\uc9c0\n        }\n        return true; \/\/ \uc81c\ucd9c \ud5c8\uc6a9\n    }\n\n    \/\/ \uc0ac\ubc88\uc774 \uc22b\uc790\ub9cc \uc785\ub825\ub418\ub3c4\ub85d \ucc98\ub9ac (\uc0dd\ub144\uc6d4\uc77c\uacfc \ube44\uc2b7\ud55c \ubc29\uc2dd)\n    function formatEmployeeId(input) {\n        let value = input.value.replace(\/[^0-9]\/g, ''); \/\/ \uc22b\uc790\ub9cc \ub0a8\uae30\uae30\n        input.value = value.slice(0, 8); \/\/ 8\uc790\ub9ac\uae4c\uc9c0\ub9cc \uc785\ub825\n    }\n\n    \/\/ \uc0ac\ubc88 \ud544\ub4dc\uc5d0 \uc22b\uc790\ub9cc \uc785\ub825\ub418\ub3c4\ub85d\n    const employeeIdInput = document.querySelector('input[name=\"employee_id\"]');\n    employeeIdInput.addEventListener('input', function() {\n        formatEmployeeId(employeeIdInput); \/\/ \uc22b\uc790\ub9cc \ub0a8\uae30\uae30\n    });\n\n<\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/unihub.kr\/index.php?rest_route=\/wp\/v2\/pages\/3055"}],"collection":[{"href":"https:\/\/unihub.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unihub.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unihub.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unihub.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3055"}],"version-history":[{"count":6,"href":"https:\/\/unihub.kr\/index.php?rest_route=\/wp\/v2\/pages\/3055\/revisions"}],"predecessor-version":[{"id":3508,"href":"https:\/\/unihub.kr\/index.php?rest_route=\/wp\/v2\/pages\/3055\/revisions\/3508"}],"wp:attachment":[{"href":"https:\/\/unihub.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}