{"id":9,"date":"2025-10-30T12:41:59","date_gmt":"2025-10-30T12:41:59","guid":{"rendered":"https:\/\/dev-nealxo.kstorytelling.com\/?page_id=9"},"modified":"2026-04-20T00:54:45","modified_gmt":"2026-04-20T00:54:45","slug":"claim","status":"publish","type":"page","link":"https:\/\/bosangtok.kstorytelling.com\/en\/claim\/","title":{"rendered":"\uc0ac\uc5f0\ub4f1\ub85d"},"content":{"rendered":"    <div class=\"sjt-content\" id=\"sjt-main-wrapper\">\n        <link rel=\"stylesheet\" as=\"style\" crossorigin\n            href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.css\" \/>\n        <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n        <style>\n            .sjt-content {\n                --sjt-violet: #6366f1;\n                --sjt-white: #ffffff;\n                --sjt-shadow-md: 0 10px 25px -5px rgba(99, 102, 241, 0.25);\n\n                color: #1e293b !important;\n                line-height: 1.6 !important;\n                font-family: 'Pretendard', sans-serif !important;\n                background-color: #f8fafc !important;\n                padding: 40px 20px !important;\n                width: 100% !important;\n            }\n\n            .sjt-content * {\n                box-sizing: border-box !important;\n            }\n\n            .sjt-header-main {\n                text-align: center !important;\n                margin-bottom: 28px !important;\n            }\n\n            .sjt-header-main h1 {\n                font-size: 2rem !important;\n                font-weight: 800 !important;\n                margin: 0 0 8px !important;\n            }\n\n            .sjt-header-main p {\n                color: #64748b !important;\n                margin: 0 !important;\n            }\n\n            .sjt-card {\n                background: #fff !important;\n                border: 1px solid #e2e8f0 !important;\n                border-radius: 24px !important;\n                padding: 28px !important;\n                margin-bottom: 22px !important;\n                box-shadow: 0 6px 18px rgba(2, 6, 23, .06) !important;\n            }\n\n            .sjt-phase-title {\n                display: flex !important;\n                align-items: center !important;\n                gap: 10px !important;\n                margin: 0 0 12px !important;\n                font-weight: 800 !important;\n                font-size: 1.05rem !important;\n            }\n\n            .sjt-grid2 {\n                display: grid !important;\n                grid-template-columns: 1fr 1fr !important;\n                gap: 16px !important;\n            }\n\n            @media(max-width: 680px) {\n                .sjt-grid2 {\n                    grid-template-columns: 1fr !important;\n                }\n            }\n\n            .sjt-form-group {\n                margin-bottom: 16px !important;\n            }\n\n            .sjt-label {\n                display: block !important;\n                margin-bottom: 8px !important;\n                font-weight: 700 !important;\n                color: #334155 !important;\n            }\n\n            .sjt-input {\n                width: 100% !important;\n                padding: 14px 16px !important;\n                border-radius: 12px !important;\n                border: 1px solid #cbd5e1 !important;\n                background: #f8fafc !important;\n                font-size: 1rem !important;\n                outline: none !important;\n            }\n\n            .sjt-input:focus {\n                background: #fff !important;\n                border-color: var(--sjt-violet) !important;\n                box-shadow: 0 0 0 3px rgba(99, 102, 241, .12) !important;\n            }\n\n            textarea.sjt-input {\n                min-height: 120px !important;\n                resize: vertical !important;\n            }\n\n            .sjt-file-box {\n                border: 2px dashed #cbd5e1 !important;\n                border-radius: 16px !important;\n                padding: 18px !important;\n                background: #f8fafc !important;\n                cursor: pointer !important;\n                transition: .2s !important;\n            }\n\n            .sjt-file-box:hover {\n                border-color: var(--sjt-violet) !important;\n                background: #fff !important;\n            }\n\n            .sjt-upload-inner-btn {\n                display: inline-flex !important;\n                align-items: center !important;\n                gap: 8px !important;\n                padding: 10px 16px !important;\n                border-radius: 999px !important;\n                border: 1px solid #e0e7ff !important;\n                background: #fff !important;\n                color: var(--sjt-violet) !important;\n                font-weight: 800 !important;\n            }\n\n            .sjt-file-preview-list {\n                margin-top: 12px !important;\n                display: flex !important;\n                flex-direction: column !important;\n                gap: 8px !important;\n            }\n\n            .sjt-file-item {\n                display: flex !important;\n                align-items: center !important;\n                justify-content: space-between !important;\n                background: #f1f5f9 !important;\n                border: 1px solid #e2e8f0 !important;\n                padding: 10px 12px !important;\n                border-radius: 10px !important;\n                font-size: .92rem !important;\n            }\n\n            .sjt-file-left {\n                display: flex !important;\n                align-items: center !important;\n                gap: 8px !important;\n                overflow: hidden !important;\n            }\n\n            .sjt-file-name {\n                overflow: hidden !important;\n                text-overflow: ellipsis !important;\n                white-space: nowrap !important;\n            }\n\n            .sjt-file-remove {\n                cursor: pointer !important;\n                padding: 6px !important;\n                border-radius: 999px !important;\n                color: #94a3b8 !important;\n            }\n\n            .sjt-file-remove:hover {\n                background: #e2e8f0 !important;\n                color: #ef4444 !important;\n            }\n\n            .sjt-btn {\n                width: 100% !important;\n                display: inline-flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n                padding: 18px 20px !important;\n                border-radius: 16px !important;\n                background: var(--sjt-violet) !important;\n                color: #fff !important;\n                font-weight: 900 !important;\n                font-size: 1.12rem !important;\n                border: none !important;\n                cursor: pointer !important;\n                box-shadow: var(--sjt-shadow-md) !important;\n            }\n\n            .sjt-btn:disabled {\n                opacity: .6 !important;\n                cursor: not-allowed !important;\n            }\n        <\/style>\n\n        <div class=\"sjt-header-main\">\n            <h1 data-i18n=\"claim_title\">\ubcf4\uc0c1\ud1a1 \ud1b5\ud569 \uc0b0\uc7ac \uc2e0\uccad<\/h1>\n            <p data-i18n=\"claim_desc\">\uc0b0\uc7ac, \uadfc\uc7ac, \uac1c\uc778\ubcf4\ud5d8\uae4c\uc9c0 \ud55c \ubc88\uc5d0 \uc804\ubb38\uac00\uac00 \uac80\ud1a0\ud574\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\n        <\/div>\n\n        <form id=\"claimForm\">\n\n            <div class=\"sjt-card\">\n                <div class=\"sjt-phase-title\" data-i18n=\"claim_h_basic\"><span data-lucide=\"user\"><\/span> \uc2e0\uccad\uc790 \uae30\ubcf8 \uc815\ubcf4<\/div>\n                <div class=\"sjt-grid2\">\n                    <div class=\"sjt-form-group\">\n                        <label class=\"sjt-label\" data-i18n=\"claim_l_name\">\uc131\ud568<\/label>\n                        <input type=\"text\" class=\"sjt-input\" id=\"inp-name\" placeholder=\"\ud64d\uae38\ub3d9\" required data-i18n=\"claim_ph_name\">\n                    <\/div>\n                    <div class=\"sjt-form-group\">\n                        <label class=\"sjt-label\" data-i18n=\"claim_l_phone\">\uc5f0\ub77d\ucc98<\/label>\n                        <input type=\"tel\" class=\"sjt-input\" id=\"inp-contact\" placeholder=\"010-0000-0000\" required data-i18n=\"claim_ph_phone\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"sjt-card\">\n                <div class=\"sjt-phase-title\" data-i18n=\"claim_h_phase1\">1\ub2e8\uacc4: \uc0b0\uc7ac \ubcf4\uc0c1<\/div>\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_comp\">\ud68c\uc0ac\uba85<\/label>\n                    <input type=\"text\" class=\"sjt-input\" id=\"inp-company\" placeholder=\"\uadfc\ubb34 \uc911\uc778 \ud68c\uc0ac\uba85\" data-i18n=\"claim_ph_comp\">\n                <\/div>\n                <div class=\"sjt-grid2\">\n                    <div class=\"sjt-form-group\">\n                        <label class=\"sjt-label\" data-i18n=\"claim_l_date\">\uc0ac\uace0 \ubc1c\uc0dd\uc77c<\/label>\n                        <input type=\"date\" class=\"sjt-input\" id=\"inp-date\">\n                    <\/div>\n                    <div class=\"sjt-form-group\">\n                        <label class=\"sjt-label\" data-i18n=\"claim_l_job\">\uc9c1\uc885<\/label>\n                        <input type=\"text\" class=\"sjt-input\" id=\"inp-occupation\" placeholder=\"\uc608: \uac74\uc124 \uc77c\uc6a9\uc9c1, \ubc30\ub2ec \ub77c\uc774\ub354\" data-i18n=\"claim_ph_job\">\n                    <\/div>\n                <\/div>\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_desc\">\uc0ac\uace0 \uacbd\uc704<\/label>\n                    <textarea class=\"sjt-input\" id=\"inp-content\" placeholder=\"\uc0ac\uace0 \ub0b4\uc6a9\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc801\uc5b4\uc8fc\uc138\uc694.\" data-i18n=\"claim_ph_desc\"><\/textarea>\n                <\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_doc1\">\uc99d\ube59 \uc11c\ub958 (1\ub2e8\uacc4)<\/label>\n                    <div class=\"sjt-file-box\" data-phase=\"phase1\">\n                        <div class=\"sjt-upload-inner-btn\" data-i18n=\"claim_btn_add1\"><span data-lucide=\"camera\"><\/span> \uc0ac\uc9c4\/\uc11c\ub958 \ucd94\uac00<\/div>\n                        <div id=\"preview-phase1\" class=\"sjt-file-preview-list\"><\/div>\n                    <\/div>\n                    <input type=\"file\" id=\"file-phase1\" style=\"display:none;\" multiple accept=\"image\/*,.pdf\"\n                        data-phase=\"phase1\">\n                <\/div>\n            <\/div>\n\n            <div class=\"sjt-card\">\n                <div class=\"sjt-phase-title\" data-i18n=\"claim_h_phase2\">2\ub2e8\uacc4: \uadfc\uc7ac \ubcf4\uc0c1<\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_edu\">\uc548\uc804 \uad50\uc721 \uc5ec\ubd80<\/label>\n                    <input type=\"text\" class=\"sjt-input\" id=\"inp-safety-edu\" placeholder=\"\uc608: \ub9e4\uc77c \uc544\uce68 \uc870\ud68c \uc2dc \ubc1b\uc74c \/ \ubc1b\uc740 \uc801 \uc5c6\uc74c\" data-i18n=\"claim_ph_edu\">\n                <\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_gear\">\uc548\uc804 \uc7a5\ube44 \uc9c0\uae09<\/label>\n                    <input type=\"text\" class=\"sjt-input\" id=\"inp-safety-gear\" placeholder=\"\uc608: \uc548\uc804\ubaa8 \ucc29\uc6a9\ud568 \/ \uc9c0\uae09\ubc1b\uc9c0 \ubabb\ud568\" data-i18n=\"claim_ph_gear\">\n                <\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_fam\">\uac00\uc871 \uad00\uacc4<\/label>\n                    <input type=\"text\" class=\"sjt-input\" id=\"inp-family\" placeholder=\"\uc608: \ubc30\uc6b0\uc790 \uc788\uc74c, \uc790\ub140 1\uba85\" data-i18n=\"claim_ph_fam\">\n                <\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_doc2\">\ud604\uc7a5 \uc0ac\uc9c4 (2\ub2e8\uacc4, \uc120\ud0dd)<\/label>\n                    <div class=\"sjt-file-box\" data-phase=\"phase2\">\n                        <div class=\"sjt-upload-inner-btn\" data-i18n=\"claim_btn_add2\"><span data-lucide=\"image\"><\/span> \uc0ac\uc9c4 \ucd94\uac00<\/div>\n                        <div id=\"preview-phase2\" class=\"sjt-file-preview-list\"><\/div>\n                    <\/div>\n                    <input type=\"file\" id=\"file-phase2\" style=\"display:none;\" multiple accept=\"image\/*\" data-phase=\"phase2\">\n                <\/div>\n            <\/div>\n\n            <div class=\"sjt-card\">\n                <div class=\"sjt-phase-title\" data-i18n=\"claim_h_phase3\">3\ub2e8\uacc4: \uac1c\uc778 \ubcf4\ud5d8<\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" style=\"display:flex; align-items:center; gap:10px;\">\n                        <input type=\"checkbox\" id=\"inp-insurance-check\"\n                            style=\"width:20px; height:20px; accent-color: var(--sjt-violet);\">\n                        <span data-i18n=\"claim_l_check\">\ub0b4 \ubcf4\ud5d8 \ubcf4\uc0c1\uae08 \ucc3e\uc544\uc8fc\uc138\uc694<\/span>\n                    <\/label>\n                <\/div>\n\n                <div class=\"sjt-form-group\">\n                    <label class=\"sjt-label\" data-i18n=\"claim_l_doc3\">\ubcf4\ud5d8 \uc11c\ub958 (3\ub2e8\uacc4, \uc120\ud0dd)<\/label>\n                    <div class=\"sjt-file-box\" data-phase=\"phase3\">\n                        <div class=\"sjt-upload-inner-btn\" data-i18n=\"claim_btn_add3\"><span data-lucide=\"file-text\"><\/span> \uc11c\ub958 \ucd94\uac00<\/div>\n                        <div id=\"preview-phase3\" class=\"sjt-file-preview-list\"><\/div>\n                    <\/div>\n                    <input type=\"file\" id=\"file-phase3\" style=\"display:none;\" multiple accept=\"image\/*,.pdf\"\n                        data-phase=\"phase3\">\n                <\/div>\n            <\/div>\n\n            <button type=\"button\" id=\"btn-submit-claim\" class=\"sjt-btn\" data-i18n=\"claim_btn_submit\">\ud1b5\ud569 \ubcf4\uc0c1 \ubd84\uc11d \uc694\uccad\ud558\uae30<\/button>\n\n            <p style=\"text-align:center; color:#94a3b8; font-size:0.85rem; margin-top:14px;\" data-i18n=\"claim_bottom_note\">\n                \uc791\uc131\ud558\uc2e0 \uc815\ubcf4\ub294 \uac1c\uc778\uc815\ubcf4\ubcf4\ud638\ubc95\uc5d0 \ub530\ub77c \ube44\ubc00\uc774 \ubcf4\uc7a5\ub429\ub2c8\ub2e4.\n            <\/p>\n        <\/form>\n\n        <script>\n            (function () {\n                function initIcons() {\n                    if (typeof lucide !== 'undefined' && lucide.createIcons) lucide.createIcons();\n                }\n\n                window.sjtFiles = window.sjtFiles || { phase1: [], phase2: [], phase3: [] };\n\n                function renderPreview(phaseKey) {\n                    var container = document.getElementById('preview-' + phaseKey);\n                    if (!container) return;\n\n                    container.innerHTML = '';\n                    var files = window.sjtFiles[phaseKey] || [];\n\n                    files.forEach(function (file, idx) {\n                        var item = document.createElement('div');\n                        item.className = 'sjt-file-item';\n                        item.addEventListener('click', function (e) { e.stopPropagation(); });\n\n                        var left = document.createElement('div');\n                        left.className = 'sjt-file-left';\n                        left.innerHTML = '<span data-lucide=\"check-circle\" style=\"width:16px;height:16px;\"><\/span>' +\n                            '<span class=\"sjt-file-name\"><\/span>';\n                        left.querySelector('.sjt-file-name').textContent = file.name;\n\n                        var rm = document.createElement('div');\n                        rm.className = 'sjt-file-remove';\n                        rm.innerHTML = '\u2715';\n                        rm.addEventListener('click', function (e) {\n                            e.stopPropagation();\n                            window.sjtFiles[phaseKey].splice(idx, 1);\n                            renderPreview(phaseKey);\n                        });\n\n                        item.appendChild(left);\n                        item.appendChild(rm);\n                        container.appendChild(item);\n                    });\n\n                    initIcons();\n                }\n\n                function handleFileSelect(input, phaseKey) {\n                    if (input.files && input.files.length) {\n                        Array.from(input.files).forEach(function (f) {\n                            window.sjtFiles[phaseKey].push(f);\n                        });\n                    }\n                    input.value = '';\n                    renderPreview(phaseKey);\n                }\n\n                document.addEventListener('DOMContentLoaded', function () {\n                    initIcons();\n\n                    \/\/ \ubc15\uc2a4 \ud074\ub9ad -> file input\n                    document.querySelectorAll('.sjt-file-box').forEach(function (box) {\n                        box.addEventListener('click', function (e) {\n                            if (e.target.closest('.sjt-file-remove')) return;\n                            var phase = box.getAttribute('data-phase');\n                            var input = document.getElementById('file-' + phase);\n                            if (input) input.click();\n                        });\n                    });\n\n                    \/\/ file change\n                    document.querySelectorAll('input[type=\"file\"][data-phase]').forEach(function (input) {\n                        input.addEventListener('change', function () {\n                            handleFileSelect(input, input.getAttribute('data-phase'));\n                        });\n                    });\n\n                    \/\/ submit\n                    var btn = document.getElementById('btn-submit-claim');\n                    btn && btn.addEventListener('click', async function () {\n                        var name = document.getElementById('inp-name').value.trim();\n                        var contact = document.getElementById('inp-contact').value.trim();\n                        if (!name || !contact) {\n                            alert('\uc131\ud568\uacfc \uc5f0\ub77d\ucc98\ub294 \ud544\uc218\uc785\ub2c8\ub2e4.');\n                            return;\n                        }\n\n                        var original = btn.textContent;\n                        btn.textContent = '\ubd84\uc11d \uc694\uccad \uc911...';\n                        btn.disabled = true;\n\n                        try {\n                            var fd = new FormData();\n                            fd.append('name', name);\n                            fd.append('contact', contact);\n                            fd.append('company', document.getElementById('inp-company').value || '');\n                            fd.append('accidentDate', document.getElementById('inp-date').value || '');\n                            fd.append('occupation', document.getElementById('inp-occupation').value || '');\n                            fd.append('content', document.getElementById('inp-content').value || '');\n                            fd.append('safetyEdu', document.getElementById('inp-safety-edu').value || '');\n                            fd.append('safetyGear', document.getElementById('inp-safety-gear').value || '');\n                            fd.append('family', document.getElementById('inp-family').value || '');\n                            fd.append('insuranceCheck', document.getElementById('inp-insurance-check').checked ? '\uc2e0\uccad\ud568' : '\ubbf8\uc2e0\uccad');\n\n                            (window.sjtFiles.phase1 || []).forEach(function (f) { fd.append('filesPhase1[]', f); });\n                            (window.sjtFiles.phase2 || []).forEach(function (f) { fd.append('filesPhase2[]', f); });\n                            (window.sjtFiles.phase3 || []).forEach(function (f) { fd.append('filesPhase3[]', f); });\n\n                            var url = (window.sjtConfig && window.sjtConfig.submitUrl) ? window.sjtConfig.submitUrl : '\/wp-json\/sjt\/v1\/submit';\n\n                            var res = await fetch(url, { method: 'POST', body: fd, credentials: 'same-origin' });\n                            var data = await res.json().catch(function () { return {}; });\n\n                            if (res.ok && data && data.success) {\n                                alert(\"\uc811\uc218\uac00 \uc644\ub8cc\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\\n\uc0b0\uc7ac, \uadfc\uc7ac, \uac1c\uc778\ubcf4\ud5d8 \ubd84\uc11d\uc774 \uc644\ub8cc\ub418\uba74 \uce74\uce74\uc624\ud1a1 \uc54c\ub9bc\uc73c\ub85c \uacb0\uacfc\ub97c \uc548\ub0b4\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\");\n                                window.location.href = '\/';\n                                return;\n                            }\n                            throw new Error((data && data.message) ? data.message : '\uc11c\ubc84 \uc751\ub2f5 \uc624\ub958 (status ' + res.status + ')');\n                        } catch (err) {\n                            alert('\uc804\uc1a1 \uc2e4\ud328: ' + err.message);\n                            btn.textContent = original;\n                            btn.disabled = false;\n                        }\n                    });\n                });\n            })();\n        <\/script>\n        <script src=\"https:\/\/bosangtok.kstorytelling.com\/i18n.js\"><\/script> <!-- Ensure path is correct for WP -->\n    <\/div>\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":{"_acf_changed":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":43,"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":333,"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/333"}],"wp:attachment":[{"href":"https:\/\/bosangtok.kstorytelling.com\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}