\uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad – workstress.kr<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { \n font-family: 'Noto Sans KR', sans-serif; \n background-color: #f8fafc;\n -webkit-tap-highlight-color: transparent;\n }\n .form-container { \n max-width: 800px; \n margin: 1rem auto; \n background: white; \n padding: 1.5rem; \n border-radius: 1rem; \n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); \n }\n @media (min-width: 768px) {\n .form-container {\n margin: 2.5rem auto;\n padding: 2.5rem;\n }\n }\n .required::after { content: ' *'; color: #ef4444; }\n \n input, select, textarea {\n font-size: 16px !important; \/* iOS \uc790\ub3d9 \uc90c \ubc29\uc9c0 *\/\n }\n \n input[type=\"checkbox\"], input[type=\"radio\"] {\n width: 1.25rem;\n height: 1.25rem;\n cursor: pointer;\n }\n\n \/* \uc140\ub809\ud2b8 \ubc15\uc2a4 \ud654\uc0b4\ud45c \ucee4\uc2a4\ud140 (\ud544\uc694 \uc2dc) *\/\n select {\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\");\n background-position: right 0.5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n }\n <\/style>\n<\/head>\n<body class=\"p-3 md:p-8\">\n\n <div class=\"form-container\">\n \n <div class=\"text-center mb-6 md:mb-10\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-slate-800 mb-3\">\uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad<\/h1>\n <div class=\"w-12 h-1 bg-blue-600 mx-auto rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"bg-blue-50 border-l-4 border-blue-500 p-4 md:p-6 mb-6 md:mb-8 text-slate-700 leading-relaxed\">\n <p class=\"text-sm md:text-base mb-2\">\n \uc778\ud558\ub300\ubcd1\uc6d0 \uc9c1\uc5c5\ud658\uacbd\uc758\ud559\uacfc\uc5d0\uc11c \uc0b0\uc5c5\ubcf4\uac74\uad00\ub9ac \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\uace0 \uc788\ub294 <strong>\uc0ac\uc5c5\uc7a5 \uc784\uc9c1\uc6d0\ub4e4\uc5d0 \ud55c\ud574<\/strong> \uc778\ud130\ub137 \uc0c1\ub2f4\uc744 \uc81c\uacf5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \n <\/p>\n <p class=\"text-sm md:text-base mb-2\">\n \uc0c1\ub2f4\uae00\uc5d0 \ub300\ud55c \ube44\ubc00\uc740 \ucca0\uc800\ud788 \ubcf4\uc7a5\ub418\ub2c8, \uc548\uc2ec\ud558\uace0 \ud3b8\ud558\uac8c \uc0c1\ub2f4\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n <p class=\"text-sm md:text-base\">\n \uc0c1\ub2f4\ub0b4\uc6a9\uc740 <strong>\uc9c1\uc5c5\uc758\ud559 \uc804\ubb38\uc758<\/strong>\uc5d0\uac8c \uc804\ub2ec\ub418\uba70, \ub2f5\ubcc0\uc740 \uae30\uc7ac\ud558\uc2e0 \uba54\uc77c\ub85c \ubc1b\uc544\ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n <p class=\"mt-3 text-red-600 font-bold text-sm md:text-base\">\n \u203b \ud68c\uc0ac\uba85\uc740 \ubc18\ub4dc\uc2dc \uae30\ub85d\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n <\/div>\n\n \n <form id=\"consultationForm\" class=\"space-y-5 md:space-y-6\">\n <input type=\"hidden\" name=\"from_name\" value=\"WorkStress\uc0c1\ub2f4\uc13c\ud130\">\n \n \n <div>\n <label for=\"company\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\ud68c\uc0ac\uba85<\/label>\n <input type=\"text\" id=\"company\" name=\"\ud68c\uc0ac\uba85\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition appearance-none\"\n placeholder=\"\uc7ac\uc9c1 \uc911\uc778 \ud68c\uc0ac\uba85 \uc785\ub825\">\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6\">\n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc131\ubcc4<\/label>\n <div class=\"flex space-x-6 mt-1 p-1\">\n <label class=\"flex items-center space-x-3 cursor-pointer select-none\">\n <input type=\"radio\" name=\"\uc131\ubcc4\" value=\"\ub0a8\uc131\" required class=\"text-blue-600 focus:ring-blue-500\">\n <span class=\"text-slate-700\">\ub0a8\uc131<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 cursor-pointer select-none\">\n <input type=\"radio\" name=\"\uc131\ubcc4\" value=\"\uc5ec\uc131\" required class=\"text-blue-600 focus:ring-blue-500\">\n <span class=\"text-slate-700\">\uc5ec\uc131<\/span>\n <\/label>\n <\/div>\n <\/div>\n \n <div>\n <label for=\"age\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc5f0\ub839\ub300<\/label>\n <select id=\"age\" name=\"\uc5f0\ub839\ub300\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition bg-white appearance-none\">\n <option value=\"\">\uc120\ud0dd\ud574 \uc8fc\uc138\uc694<\/option>\n <option value=\"20\ub300 \uc774\ud558\">20\ub300 \uc774\ud558<\/option>\n <option value=\"30\ub300\">30\ub300<\/option>\n <option value=\"40\ub300\">40\ub300<\/option>\n <option value=\"50\ub300\">50\ub300<\/option>\n <option value=\"60\ub300 \uc774\uc0c1\">60\ub300 \uc774\uc0c1<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n \n <div>\n <label for=\"email\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\ub2f5\ubcc0\ubc1b\uc744 \uc774\uba54\uc77c \uc8fc\uc18c<\/label>\n <input type=\"email\" id=\"email\" name=\"\ub2f5\ubcc0_\uc774\uba54\uc77c\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition appearance-none\"\n placeholder=\"example@email.com\">\n <\/div>\n\n \n <div>\n <label for=\"subject\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc0c1\ub2f4 \ubd84\uc57c<\/label>\n <select id=\"subject\" name=\"\uc0c1\ub2f4\uc81c\ubaa9\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition bg-white appearance-none\">\n <option value=\"\">\uc0c1\ub2f4 \ubd84\uc57c\ub97c \uc120\ud0dd\ud574 \uc8fc\uc138\uc694<\/option>\n <option value=\"\uc9c1\ubb34\uc2a4\ud2b8\ub808\uc2a4\">\uc9c1\ubb34\uc2a4\ud2b8\ub808\uc2a4<\/option>\n <option value=\"\uc77c\ubc18 \uc9c8\ud658\">\uc77c\ubc18 \uc9c8\ud658<\/option>\n <option value=\"\uc9c1\uc5c5\ubcd1 \uad00\ub828\">\uc9c1\uc5c5\ubcd1 \uad00\ub828<\/option>\n <option value=\"\uae30\ud0c0\">\uae30\ud0c0<\/option>\n <\/select>\n <\/div>\n\n \n <div>\n <label for=\"content\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc0c1\ub2f4 \ub0b4\uc6a9<\/label>\n <textarea id=\"content\" name=\"\uc0c1\ub2f4\ub0b4\uc6a9\" rows=\"6\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition appearance-none\"\n placeholder=\"\uc0c1\ub2f4 \ub0b4\uc6a9\uc744 \uc0c1\uc138\ud788 \uc801\uc5b4\uc8fc\uc138\uc694.\"><\/textarea>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-4 rounded-lg border border-slate-200\">\n <div class=\"flex items-start\">\n <div class=\"flex items-center h-6\">\n <input id=\"privacy\" name=\"privacy_agreed\" type=\"checkbox\" value=\"Yes\" required\n class=\"text-blue-600 border-slate-300 rounded focus:ring-blue-500\">\n <\/div>\n <div class=\"ml-3 text-sm\">\n <label for=\"privacy\" class=\"font-medium text-slate-700 cursor-pointer select-none\">\uac1c\uc778\uc815\ubcf4 \uc218\uc9d1 \ubc0f \uc774\uc6a9 \ub3d9\uc758 (\ud544\uc218)<\/label>\n <p class=\"text-slate-500 mt-1 text-xs leading-relaxed\">\uc785\ub825\ud558\uc2e0 \uc815\ubcf4\ub294 \uc0c1\ub2f4 \ubaa9\uc801\uc73c\ub85c\ub9cc \uc0ac\uc6a9\ub418\uba70 \ube44\ubc00\uc774 \ubcf4\uc7a5\ub429\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"pt-2\">\n <button type=\"submit\" id=\"submitBtn\"\n class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl shadow-lg active:scale-[0.98] transition-all duration-200 text-lg\">\n \uc0c1\ub2f4 \uc2e0\uccad \uc644\ub8cc\ud558\uae30\n <\/button>\n <\/div>\n \n <p class=\"text-center text-slate-400 text-[11px] mt-4\">\n \uc804\ubb38\uc758 \ud655\uc778 \ud6c4 \uae30\uc7ac\ud558\uc2e0 \uc774\uba54\uc77c\ub85c \ub2f5\ubcc0\uc774 \ubc1c\uc1a1\ub429\ub2c8\ub2e4.\n <\/p>\n <\/form>\n\n <div id=\"statusMessage\" class=\"hidden mt-6 p-4 rounded-lg text-center font-medium border text-sm\"><\/div>\n\n <p class=\"text-center text-slate-400 text-xs mt-10\">\n \u00a9 Inha University Hospital Occupational & Environmental Medicine.\n <\/p>\n <\/div>\n\n <script>\n const form = document.getElementById('consultationForm');\n const statusMessage = document.getElementById('statusMessage');\n const submitBtn = document.getElementById('submitBtn');\n\n \/\/ Web3Forms Access Key (\uc774\uc804\uc5d0 \ubc1c\uae09\ubc1b\uc73c\uc2e0 \ud0a4\ub97c \uc720\uc9c0\ud588\uc2b5\ub2c8\ub2e4)\n const WEB3FORMS_KEY = \"b9b5f1a1-c3d2-4cb8-a1e5-3fd94525dffe\"; \n const FALLBACK_EMAIL = \"stressdr@naver.com\";\n\n form.onsubmit = async (e) => {\n e.preventDefault();\n \n submitBtn.disabled = true;\n submitBtn.innerText = \"\uc804\uc1a1 \uc911...\";\n \n const formData = new FormData(form);\n const data = Object.fromEntries(formData.entries());\n \n data.access_key = WEB3FORMS_KEY;\n\n try {\n const response = await fetch(\"https:\/\/api.web3forms.com\/submit\", {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json',\n },\n body: JSON.stringify(data),\n });\n\n const result = await response.json();\n\n if (response.status === 200) {\n showStatus('\uc0c1\ub2f4 \uc2e0\uccad\uc774 \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc870\uc18d\ud788 \ub2f5\ubcc0 \ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.', 'success');\n form.reset();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n } else {\n throw new Error(result.message || '\uc804\uc1a1 \uc2e4\ud328');\n }\n } catch (error) {\n showStatus('\uc2dc\uc2a4\ud15c \uc790\ub3d9 \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud558\uc5ec \uba54\uc77c \ud504\ub85c\uadf8\ub7a8\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4.', 'error');\n \n const emailSubject = `[\uc0c1\ub2f4\uc2e0\uccad] ${data.\uc0c1\ub2f4\uc81c\ubaa9}`;\n const emailBody = `\ud68c\uc0ac\uba85: ${data.\ud68c\uc0ac\uba85}\\n\uc131\ubcc4: ${data.\uc131\ubcc4}\\n\uc5f0\ub839\ub300: ${data.\uc5f0\ub839\ub300}\\n\uc0c1\ub2f4\ubd84\uc57c: ${data.\uc0c1\ub2f4\uc81c\ubaa9}\\n\ub2f5\ubcc0\uc774\uba54\uc77c: ${data.\ub2f5\ubcc0_\uc774\uba54\uc77c}\\n\\n[\ub0b4\uc6a9]\\n${data.\uc0c1\ub2f4\ub0b4\uc6a9}`;\n \n setTimeout(() => {\n window.location.href = `mailto:${FALLBACK_EMAIL}?subject=${encodeURIComponent(emailSubject)}&body=${encodeURIComponent(emailBody)}`;\n }, 1500);\n } finally {\n submitBtn.disabled = false;\n submitBtn.innerText = \"\uc0c1\ub2f4 \uc2e0\uccad \uc644\ub8cc\ud558\uae30\";\n }\n };\n\n function showStatus(text, type) {\n statusMessage.innerText = text;\n statusMessage.classList.remove('hidden', 'bg-green-50', 'text-green-700', 'border-green-200', 'bg-red-50', 'text-red-700', 'border-red-200');\n if (type === 'success') {\n statusMessage.classList.add('bg-green-50', 'text-green-700', 'border-green-200');\n } else {\n statusMessage.classList.add('bg-red-50', 'text-red-700', 'border-red-200');\n }\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad – workstress.kr \uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad \uc778\ud558\ub300\ubcd1\uc6d0 \uc9c1\uc5c5\ud658\uacbd\uc758\ud559\uacfc\uc5d0\uc11c \uc0b0\uc5c5\ubcf4\uac74\uad00\ub9ac \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\uace0 \uc788\ub294 \uc0ac\uc5c5\uc7a5 \uc784\uc9c1\uc6d0\ub4e4\uc5d0 \ud55c\ud574 \uc778\ud130\ub137 \uc0c1\ub2f4\uc744 \uc81c\uacf5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc0c1\ub2f4\uae00\uc5d0 \ub300\ud55c \ube44\ubc00\uc740 \ucca0\uc800\ud788 \ubcf4\uc7a5\ub418\ub2c8, \uc548\uc2ec\ud558\uace0 \ud3b8\ud558\uac8c \uc0c1\ub2f4\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uc0c1\ub2f4\ub0b4\uc6a9\uc740 \uc9c1\uc5c5\uc758\ud559 \uc804\ubb38\uc758\uc5d0\uac8c \uc804\ub2ec\ub418\uba70, \ub2f5\ubcc0\uc740 \uae30\uc7ac\ud558\uc2e0 \uba54\uc77c\ub85c \ubc1b\uc544\ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \u203b \ud68c\uc0ac\uba85\uc740 \ubc18\ub4dc\uc2dc \uae30\ub85d\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \ud68c\uc0ac\uba85 \uc131\ubcc4 \ub0a8\uc131 \uc5ec\uc131 \uc5f0\ub839\ub300 \uc120\ud0dd\ud574 \uc8fc\uc138\uc69420\ub300 \uc774\ud55830\ub30040\ub30050\ub30060\ub300 \uc774\uc0c1 \ub2f5\ubcc0\ubc1b\uc744 \uc774\uba54\uc77c \uc8fc\uc18c \uc0c1\ub2f4<\/p>\n<p><a class=\"more-link\" href=\"https:\/\/workstress.kr\/index.php\/consult\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages\/299"}],"collection":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":12,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":1164,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions\/1164"}],"wp:attachment":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":299,"date":"2019-01-15T17:28:50","date_gmt":"2019-01-15T08:28:50","guid":{"rendered":"http:\/\/workstress.kr\/?page_id=299"},"modified":"2026-02-06T16:14:18","modified_gmt":"2026-02-06T07:14:18","slug":"consult","status":"publish","type":"page","link":"https:\/\/workstress.kr\/index.php\/consult\/","title":{"rendered":"\uc804\ubb38\uc758 \uc0c1\ub2f4"},"content":{"rendered":"\n\n\n\n \n \n \uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad – workstress.kr<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { \n font-family: 'Noto Sans KR', sans-serif; \n background-color: #f8fafc;\n -webkit-tap-highlight-color: transparent;\n }\n .form-container { \n max-width: 800px; \n margin: 1rem auto; \n background: white; \n padding: 1.5rem; \n border-radius: 1rem; \n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); \n }\n @media (min-width: 768px) {\n .form-container {\n margin: 2.5rem auto;\n padding: 2.5rem;\n }\n }\n .required::after { content: ' *'; color: #ef4444; }\n \n input, select, textarea {\n font-size: 16px !important; \/* iOS \uc790\ub3d9 \uc90c \ubc29\uc9c0 *\/\n }\n \n input[type=\"checkbox\"], input[type=\"radio\"] {\n width: 1.25rem;\n height: 1.25rem;\n cursor: pointer;\n }\n\n \/* \uc140\ub809\ud2b8 \ubc15\uc2a4 \ud654\uc0b4\ud45c \ucee4\uc2a4\ud140 (\ud544\uc694 \uc2dc) *\/\n select {\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\");\n background-position: right 0.5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n }\n <\/style>\n<\/head>\n<body class=\"p-3 md:p-8\">\n\n <div class=\"form-container\">\n \n <div class=\"text-center mb-6 md:mb-10\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-slate-800 mb-3\">\uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad<\/h1>\n <div class=\"w-12 h-1 bg-blue-600 mx-auto rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"bg-blue-50 border-l-4 border-blue-500 p-4 md:p-6 mb-6 md:mb-8 text-slate-700 leading-relaxed\">\n <p class=\"text-sm md:text-base mb-2\">\n \uc778\ud558\ub300\ubcd1\uc6d0 \uc9c1\uc5c5\ud658\uacbd\uc758\ud559\uacfc\uc5d0\uc11c \uc0b0\uc5c5\ubcf4\uac74\uad00\ub9ac \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\uace0 \uc788\ub294 <strong>\uc0ac\uc5c5\uc7a5 \uc784\uc9c1\uc6d0\ub4e4\uc5d0 \ud55c\ud574<\/strong> \uc778\ud130\ub137 \uc0c1\ub2f4\uc744 \uc81c\uacf5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \n <\/p>\n <p class=\"text-sm md:text-base mb-2\">\n \uc0c1\ub2f4\uae00\uc5d0 \ub300\ud55c \ube44\ubc00\uc740 \ucca0\uc800\ud788 \ubcf4\uc7a5\ub418\ub2c8, \uc548\uc2ec\ud558\uace0 \ud3b8\ud558\uac8c \uc0c1\ub2f4\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n <p class=\"text-sm md:text-base\">\n \uc0c1\ub2f4\ub0b4\uc6a9\uc740 <strong>\uc9c1\uc5c5\uc758\ud559 \uc804\ubb38\uc758<\/strong>\uc5d0\uac8c \uc804\ub2ec\ub418\uba70, \ub2f5\ubcc0\uc740 \uae30\uc7ac\ud558\uc2e0 \uba54\uc77c\ub85c \ubc1b\uc544\ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n <p class=\"mt-3 text-red-600 font-bold text-sm md:text-base\">\n \u203b \ud68c\uc0ac\uba85\uc740 \ubc18\ub4dc\uc2dc \uae30\ub85d\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n <\/div>\n\n \n <form id=\"consultationForm\" class=\"space-y-5 md:space-y-6\">\n <input type=\"hidden\" name=\"from_name\" value=\"WorkStress\uc0c1\ub2f4\uc13c\ud130\">\n \n \n <div>\n <label for=\"company\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\ud68c\uc0ac\uba85<\/label>\n <input type=\"text\" id=\"company\" name=\"\ud68c\uc0ac\uba85\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition appearance-none\"\n placeholder=\"\uc7ac\uc9c1 \uc911\uc778 \ud68c\uc0ac\uba85 \uc785\ub825\">\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6\">\n \n <div>\n <label class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc131\ubcc4<\/label>\n <div class=\"flex space-x-6 mt-1 p-1\">\n <label class=\"flex items-center space-x-3 cursor-pointer select-none\">\n <input type=\"radio\" name=\"\uc131\ubcc4\" value=\"\ub0a8\uc131\" required class=\"text-blue-600 focus:ring-blue-500\">\n <span class=\"text-slate-700\">\ub0a8\uc131<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 cursor-pointer select-none\">\n <input type=\"radio\" name=\"\uc131\ubcc4\" value=\"\uc5ec\uc131\" required class=\"text-blue-600 focus:ring-blue-500\">\n <span class=\"text-slate-700\">\uc5ec\uc131<\/span>\n <\/label>\n <\/div>\n <\/div>\n \n <div>\n <label for=\"age\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc5f0\ub839\ub300<\/label>\n <select id=\"age\" name=\"\uc5f0\ub839\ub300\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition bg-white appearance-none\">\n <option value=\"\">\uc120\ud0dd\ud574 \uc8fc\uc138\uc694<\/option>\n <option value=\"20\ub300 \uc774\ud558\">20\ub300 \uc774\ud558<\/option>\n <option value=\"30\ub300\">30\ub300<\/option>\n <option value=\"40\ub300\">40\ub300<\/option>\n <option value=\"50\ub300\">50\ub300<\/option>\n <option value=\"60\ub300 \uc774\uc0c1\">60\ub300 \uc774\uc0c1<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n \n <div>\n <label for=\"email\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\ub2f5\ubcc0\ubc1b\uc744 \uc774\uba54\uc77c \uc8fc\uc18c<\/label>\n <input type=\"email\" id=\"email\" name=\"\ub2f5\ubcc0_\uc774\uba54\uc77c\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition appearance-none\"\n placeholder=\"example@email.com\">\n <\/div>\n\n \n <div>\n <label for=\"subject\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc0c1\ub2f4 \ubd84\uc57c<\/label>\n <select id=\"subject\" name=\"\uc0c1\ub2f4\uc81c\ubaa9\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition bg-white appearance-none\">\n <option value=\"\">\uc0c1\ub2f4 \ubd84\uc57c\ub97c \uc120\ud0dd\ud574 \uc8fc\uc138\uc694<\/option>\n <option value=\"\uc9c1\ubb34\uc2a4\ud2b8\ub808\uc2a4\">\uc9c1\ubb34\uc2a4\ud2b8\ub808\uc2a4<\/option>\n <option value=\"\uc77c\ubc18 \uc9c8\ud658\">\uc77c\ubc18 \uc9c8\ud658<\/option>\n <option value=\"\uc9c1\uc5c5\ubcd1 \uad00\ub828\">\uc9c1\uc5c5\ubcd1 \uad00\ub828<\/option>\n <option value=\"\uae30\ud0c0\">\uae30\ud0c0<\/option>\n <\/select>\n <\/div>\n\n \n <div>\n <label for=\"content\" class=\"block text-sm font-semibold text-slate-700 mb-2 required\">\uc0c1\ub2f4 \ub0b4\uc6a9<\/label>\n <textarea id=\"content\" name=\"\uc0c1\ub2f4\ub0b4\uc6a9\" rows=\"6\" required\n class=\"w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition appearance-none\"\n placeholder=\"\uc0c1\ub2f4 \ub0b4\uc6a9\uc744 \uc0c1\uc138\ud788 \uc801\uc5b4\uc8fc\uc138\uc694.\"><\/textarea>\n <\/div>\n\n \n <div class=\"bg-slate-50 p-4 rounded-lg border border-slate-200\">\n <div class=\"flex items-start\">\n <div class=\"flex items-center h-6\">\n <input id=\"privacy\" name=\"privacy_agreed\" type=\"checkbox\" value=\"Yes\" required\n class=\"text-blue-600 border-slate-300 rounded focus:ring-blue-500\">\n <\/div>\n <div class=\"ml-3 text-sm\">\n <label for=\"privacy\" class=\"font-medium text-slate-700 cursor-pointer select-none\">\uac1c\uc778\uc815\ubcf4 \uc218\uc9d1 \ubc0f \uc774\uc6a9 \ub3d9\uc758 (\ud544\uc218)<\/label>\n <p class=\"text-slate-500 mt-1 text-xs leading-relaxed\">\uc785\ub825\ud558\uc2e0 \uc815\ubcf4\ub294 \uc0c1\ub2f4 \ubaa9\uc801\uc73c\ub85c\ub9cc \uc0ac\uc6a9\ub418\uba70 \ube44\ubc00\uc774 \ubcf4\uc7a5\ub429\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"pt-2\">\n <button type=\"submit\" id=\"submitBtn\"\n class=\"w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl shadow-lg active:scale-[0.98] transition-all duration-200 text-lg\">\n \uc0c1\ub2f4 \uc2e0\uccad \uc644\ub8cc\ud558\uae30\n <\/button>\n <\/div>\n \n <p class=\"text-center text-slate-400 text-[11px] mt-4\">\n \uc804\ubb38\uc758 \ud655\uc778 \ud6c4 \uae30\uc7ac\ud558\uc2e0 \uc774\uba54\uc77c\ub85c \ub2f5\ubcc0\uc774 \ubc1c\uc1a1\ub429\ub2c8\ub2e4.\n <\/p>\n <\/form>\n\n <div id=\"statusMessage\" class=\"hidden mt-6 p-4 rounded-lg text-center font-medium border text-sm\"><\/div>\n\n <p class=\"text-center text-slate-400 text-xs mt-10\">\n \u00a9 Inha University Hospital Occupational & Environmental Medicine.\n <\/p>\n <\/div>\n\n <script>\n const form = document.getElementById('consultationForm');\n const statusMessage = document.getElementById('statusMessage');\n const submitBtn = document.getElementById('submitBtn');\n\n \/\/ Web3Forms Access Key (\uc774\uc804\uc5d0 \ubc1c\uae09\ubc1b\uc73c\uc2e0 \ud0a4\ub97c \uc720\uc9c0\ud588\uc2b5\ub2c8\ub2e4)\n const WEB3FORMS_KEY = \"b9b5f1a1-c3d2-4cb8-a1e5-3fd94525dffe\"; \n const FALLBACK_EMAIL = \"stressdr@naver.com\";\n\n form.onsubmit = async (e) => {\n e.preventDefault();\n \n submitBtn.disabled = true;\n submitBtn.innerText = \"\uc804\uc1a1 \uc911...\";\n \n const formData = new FormData(form);\n const data = Object.fromEntries(formData.entries());\n \n data.access_key = WEB3FORMS_KEY;\n\n try {\n const response = await fetch(\"https:\/\/api.web3forms.com\/submit\", {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n 'Accept': 'application\/json',\n },\n body: JSON.stringify(data),\n });\n\n const result = await response.json();\n\n if (response.status === 200) {\n showStatus('\uc0c1\ub2f4 \uc2e0\uccad\uc774 \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc870\uc18d\ud788 \ub2f5\ubcc0 \ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.', 'success');\n form.reset();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n } else {\n throw new Error(result.message || '\uc804\uc1a1 \uc2e4\ud328');\n }\n } catch (error) {\n showStatus('\uc2dc\uc2a4\ud15c \uc790\ub3d9 \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud558\uc5ec \uba54\uc77c \ud504\ub85c\uadf8\ub7a8\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4.', 'error');\n \n const emailSubject = `[\uc0c1\ub2f4\uc2e0\uccad] ${data.\uc0c1\ub2f4\uc81c\ubaa9}`;\n const emailBody = `\ud68c\uc0ac\uba85: ${data.\ud68c\uc0ac\uba85}\\n\uc131\ubcc4: ${data.\uc131\ubcc4}\\n\uc5f0\ub839\ub300: ${data.\uc5f0\ub839\ub300}\\n\uc0c1\ub2f4\ubd84\uc57c: ${data.\uc0c1\ub2f4\uc81c\ubaa9}\\n\ub2f5\ubcc0\uc774\uba54\uc77c: ${data.\ub2f5\ubcc0_\uc774\uba54\uc77c}\\n\\n[\ub0b4\uc6a9]\\n${data.\uc0c1\ub2f4\ub0b4\uc6a9}`;\n \n setTimeout(() => {\n window.location.href = `mailto:${FALLBACK_EMAIL}?subject=${encodeURIComponent(emailSubject)}&body=${encodeURIComponent(emailBody)}`;\n }, 1500);\n } finally {\n submitBtn.disabled = false;\n submitBtn.innerText = \"\uc0c1\ub2f4 \uc2e0\uccad \uc644\ub8cc\ud558\uae30\";\n }\n };\n\n function showStatus(text, type) {\n statusMessage.innerText = text;\n statusMessage.classList.remove('hidden', 'bg-green-50', 'text-green-700', 'border-green-200', 'bg-red-50', 'text-red-700', 'border-red-200');\n if (type === 'success') {\n statusMessage.classList.add('bg-green-50', 'text-green-700', 'border-green-200');\n } else {\n statusMessage.classList.add('bg-red-50', 'text-red-700', 'border-red-200');\n }\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad – workstress.kr \uc804\ubb38\uc758 \uc0c1\ub2f4 \uc2e0\uccad \uc778\ud558\ub300\ubcd1\uc6d0 \uc9c1\uc5c5\ud658\uacbd\uc758\ud559\uacfc\uc5d0\uc11c \uc0b0\uc5c5\ubcf4\uac74\uad00\ub9ac \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\uace0 \uc788\ub294 \uc0ac\uc5c5\uc7a5 \uc784\uc9c1\uc6d0\ub4e4\uc5d0 \ud55c\ud574 \uc778\ud130\ub137 \uc0c1\ub2f4\uc744 \uc81c\uacf5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc0c1\ub2f4\uae00\uc5d0 \ub300\ud55c \ube44\ubc00\uc740 \ucca0\uc800\ud788 \ubcf4\uc7a5\ub418\ub2c8, \uc548\uc2ec\ud558\uace0 \ud3b8\ud558\uac8c \uc0c1\ub2f4\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uc0c1\ub2f4\ub0b4\uc6a9\uc740 \uc9c1\uc5c5\uc758\ud559 \uc804\ubb38\uc758\uc5d0\uac8c \uc804\ub2ec\ub418\uba70, \ub2f5\ubcc0\uc740 \uae30\uc7ac\ud558\uc2e0 \uba54\uc77c\ub85c \ubc1b\uc544\ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \u203b \ud68c\uc0ac\uba85\uc740 \ubc18\ub4dc\uc2dc \uae30\ub85d\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \ud68c\uc0ac\uba85 \uc131\ubcc4 \ub0a8\uc131 \uc5ec\uc131 \uc5f0\ub839\ub300 \uc120\ud0dd\ud574 \uc8fc\uc138\uc69420\ub300 \uc774\ud55830\ub30040\ub30050\ub30060\ub300 \uc774\uc0c1 \ub2f5\ubcc0\ubc1b\uc744 \uc774\uba54\uc77c \uc8fc\uc18c \uc0c1\ub2f4<\/p>\n<p><a class=\"more-link\" href=\"https:\/\/workstress.kr\/index.php\/consult\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages\/299"}],"collection":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":12,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":1164,"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions\/1164"}],"wp:attachment":[{"href":"https:\/\/workstress.kr\/index.php\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}