{"id":1590,"date":"2025-11-17T14:49:29","date_gmt":"2025-11-17T05:49:29","guid":{"rendered":"https:\/\/illusion.place\/?page_id=1590"},"modified":"2025-12-01T10:36:17","modified_gmt":"2025-12-01T01:36:17","slug":"%ec%a0%9c%ec%a3%bc-%eb%aa%b0%ec%9e%85%ed%98%95-%eb%af%b8%eb%94%94%ec%96%b4%ec%9b%94-%ec%8b%9c%ec%8a%a4%ed%85%9c%ec%a0%9c%ec%9e%91","status":"publish","type":"page","link":"https:\/\/illusion.place\/?page_id=1590","title":{"rendered":"\uc81c\uc8fc \ubab0\uc785\ud615 \ubbf8\ub514\uc5b4\uc6d4 \uc2dc\uc2a4\ud15c\uc81c\uc791"},"content":{"rendered":"\n<div class=\"wp-block-cover\" style=\"min-height:604px;aspect-ratio:unset;\"><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/illusion.place\/wp-content\/uploads\/2025\/11\/jeju_f.mp4\" data-object-fit=\"cover\"><\/video><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\">\uacf5\uac04 \uc548\uc758 \u6df1\u6d77<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:65px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\"><strong>12M \ub300\ud615 \ubab0\uc785\ud615 \ubbf8\ub514\uc5b4\uc6d4 \uc2dc\uc2a4\ud15c<\/strong><\/p>\n\n\n\n<div class=\"wp-block-blockspare-blockspare-star-ratings blockspare-65531964-1270-4 blockspare-ratings\" blockspare-animation=\"\"><style>.blockspare-65531964-1270-4 .blockspare-block-star-ratings-wrap{background-color:transparent;margin-top:30px;margin-bottom:30px;margin-left:0px;margin-right:0px}.blockspare-65531964-1270-4 .empty-star-rating{opacity:0.4}<\/style><div class=\"blockspare-block-star-ratings-wrap blockspare-hover-item\"><div class=\"blockspare-star-inner-container star-align-center\"><div class=\"blockspare-ratings\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#fbd012\" width=\"20\" height=\"20\" viewBox=\"0 0 510 510\"><polygon points=\"255,402.212 412.59,497.25 370.897,318.011 510,197.472 326.63,181.738 255,12.75 183.371,181.738 0,197.472 139.103,318.011 97.41,497.25\"><\/polygon><\/svg><\/div><div class=\"blockspare-ratings\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#fbd012\" width=\"20\" height=\"20\" viewBox=\"0 0 510 510\"><polygon points=\"255,402.212 412.59,497.25 370.897,318.011 510,197.472 326.63,181.738 255,12.75 183.371,181.738 0,197.472 139.103,318.011 97.41,497.25\"><\/polygon><\/svg><\/div><div class=\"blockspare-ratings\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#fbd012\" width=\"20\" height=\"20\" viewBox=\"0 0 510 510\"><polygon points=\"255,402.212 412.59,497.25 370.897,318.011 510,197.472 326.63,181.738 255,12.75 183.371,181.738 0,197.472 139.103,318.011 97.41,497.25\"><\/polygon><\/svg><\/div><div class=\"blockspare-ratings\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#fbd012\" width=\"20\" height=\"20\" viewBox=\"0 0 510 510\"><polygon points=\"255,402.212 412.59,497.25 370.897,318.011 510,197.472 326.63,181.738 255,12.75 183.371,181.738 0,197.472 139.103,318.011 97.41,497.25\"><\/polygon><\/svg><\/div><div class=\"blockspare-ratings\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#fbd012\" width=\"20\" height=\"20\" viewBox=\"0 0 510 510\"><polygon points=\"255,402.212 412.59,497.25 370.897,318.011 510,197.472 326.63,181.738 255,12.75 183.371,181.738 0,197.472 139.103,318.011 97.41,497.25\"><\/polygon><\/svg><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:17px\">\uc77c\ub8e8\uc83c\uc740 <strong>\uacf5\uac04 \uc548\uc758 \u6df1\u6d77(\uc2ec\ud574)\uc758 \uc8fc\uc81c<\/strong>\ub85c<br>\uc81c\uc8fc\ub3c4 \uc11c\uadc0\ud3ec\uc2dc \ubab0\uc785\ud615 \uc804\uc2dc\uad00 2\uacf3\uc5d0 12M(\uc9c1\uc120\uac70\ub9ac)\uc758 \ub300\ud615 \ubab0\uc785\ud615 \ubbf8\ub514\uc5b4\uc6d4\uc744 \uc124\uce58\ud558\uc600\uc2b5\ub2c8\ub2e4.<br><br>\uae30\uc874\uc758 \uc77c\ubc18\uc801\uc778 \ubbf8\ub514\uc5b4\uc6d4\uc740 \ud3c9\uba74\uacfc \ub2ec\ub9ac,<br><strong> \uc785\uccb4\uc801 \ubab0\uc785\ud615 \ub77c\uc6b4\ub4dc \uc2a4\ud06c\ub9b0<\/strong>\uc740 \ubc29\ubb38\uac1d\uc758 \ucc28\uc6d0\uc774 \ub2e4\ub978 \ubab0\uc785\uac10\uc744 \ube60\uc838\ub4e4\uac8c \ub9cc\ub4ed\ub2c8\ub2e4.<br>\uc77c\ub8e8\uc83c \uc2dc\uc2a4\ud15c\ub9cc\uc758 \uc785\uccb4 \uc2dc\uc2a4\ud15c\uc73c\ub85c \ubab0\uc785\ud615 \ucee8\ud150\uce20\uc640 \uc5f0\ub3d9\ub418\uc5b4 \uc791\ub3d9\ub429\ub2c8\ub2e4.<br><br><strong>\ub9ce\uc740 \uace0\uac1d\ub4e4\uc774 \uc2dc\uadf8\ub2c8\uccd0 POP-UP\uacf5\uac04\uc5d0\uc11c \ube0c\ub79c\ub4dc \uacf5\uac04\uc758 \uac10\uac01\uc744 \uccb4\ud5d8\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/strong><br><br><strong>&#8220;\uace0\uac1d\uc774 \uacf5\uac04\uc5d0\uc11c \ud2b9\ubcc4\ud55c \uacbd\ud5d8\uc744 \ud55c\ub2e4\uba74,<br>\uadf8\uac83\uc740 \uae30\uc5c5\uc758 \ube0c\ub79c\ub529\uc758 \uacbd\ud5d8\uc73c\ub85c \uc624\ub7ab\ub3d9\uc548 \ucd94\uc5b5\uc73c\ub85c \ub0a8\uac8c\ub429\ub2c8\ub2e4.&#8221;<\/strong><\/p>\n\n\n\n<div style=\"height:73px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\"><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/illusion.place\/wp-content\/uploads\/2025\/11\/jeju_screen.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center\">&#8220;\uc0ac\ub78c\uc758 \uc704\uce58\uc5d0 \ub530\ub77c, \ub530\ub77c\ub2e4\ub2c8\ub294 XR \uace0\ub798 \ucee8\ud150\uce20&#8221;<br><br><\/p>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:15px\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"has-white-color has-text-color has-link-color wp-elements-c645e628e62f8fbab9d9726851472d16\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>ILLUSION &#8211; Contact Form<\/title>\n    \n    <!-- 1. React & ReactDOM -->\n    <script crossorigin src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n    <script crossorigin src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n    \n    <!-- 2. Babel -->\n    <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n\n    <!-- 3. \ud3f0\ud2b8 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* * [\uc2a4\ud0c0\uc77c \uaca9\ub9ac \uae30\uc220 \uc801\uc6a9]\n         * .illusion-form-container \ud074\ub798\uc2a4 \ub0b4\ubd80\uc758 \uc694\uc18c\uc5d0\ub9cc \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4.\n         * \uc6cc\ub4dc\ud504\ub808\uc2a4\uc758 \ub2e4\ub978 \uba54\ub274\ub098 \ubc84\ud2bc\uc5d0\ub294 0.1%\ub3c4 \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n         *\/\n\n        .illusion-form-container {\n            font-family: 'Noto Sans KR', sans-serif;\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            color: #111;\n            background: transparent; \/* \ubc30\uacbd \ud22c\uba85 *\/\n            line-height: 1.6;\n            box-sizing: border-box;\n            position: relative;\n            padding: 20px 0;\n        }\n\n        \/* \ub0b4\ubd80 \uc694\uc18c \ubc15\uc2a4\ubaa8\ub378 \ucd08\uae30\ud654 *\/\n        .illusion-form-container * {\n            box-sizing: border-box;\n        }\n\n        \/* \ud5e4\ub354 \uc2a4\ud0c0\uc77c *\/\n        .illusion-form-container h2 {\n            font-size: 32px;\n            font-weight: 700;\n            color: #111;\n            margin: 0 0 15px 0;\n            line-height: 1.3;\n            text-align: center;\n            border: none !important;\n            padding: 0;\n            background: none;\n        }\n        .illusion-form-container .highlight {\n            color: #9333ea; \n        }\n        .illusion-form-container p.desc {\n            color: #6b7280;\n            font-size: 15px;\n            margin: 0 0 40px 0;\n            text-align: center;\n            border: none !important;\n        }\n\n        \/* \ud3fc \ub798\ud37c *\/\n        .illusion-form-container .form-wrapper {\n            max-width: 480px;\n            margin: 0 auto;\n            padding: 0 10px;\n        }\n\n        \/* \uc785\ub825 \uadf8\ub8f9 *\/\n        .illusion-form-container .input-group {\n            margin-bottom: 30px;\n            position: relative;\n        }\n\n        \/* \ub77c\ubca8 \uc2a4\ud0c0\uc77c *\/\n        .illusion-form-container label {\n            display: block;\n            font-size: 12px;\n            font-weight: 700;\n            color: #6b7280;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border: none !important;\n        }\n\n        \/* \uc785\ub825\ucc3d \uc2a4\ud0c0\uc77c (\uc6cc\ub4dc\ud504\ub808\uc2a4 \ud14c\ub9c8 \uac04\uc12d \ucc28\ub2e8 + \ubc11\uc904 \ub514\uc790\uc778) *\/\n        .illusion-form-container input[type=\"text\"],\n        .illusion-form-container textarea {\n            width: 100%;\n            padding: 12px 0;\n            font-size: 16px;\n            color: #111;\n            background-color: transparent !important; \/* \ubc30\uacbd \ud22c\uba85 \uac15\uc81c *\/\n            background-image: none !important;\n            border: none !important; \/* 4\uba74 \ud14c\ub450\ub9ac \uc81c\uac70 *\/\n            border-bottom: 2px solid #e5e7eb !important; \/* \ubc11\uc904\ub9cc \uc0dd\uc131 *\/\n            border-radius: 0 !important;\n            outline: none !important;\n            box-shadow: none !important;\n            transition: border-color 0.3s ease;\n            font-family: 'Noto Sans KR', sans-serif;\n            margin: 0;\n            height: auto;\n        }\n\n        \/* \uc785\ub825\ucc3d \ud3ec\ucee4\uc2a4 \uc2dc *\/\n        .illusion-form-container input[type=\"text\"]:focus,\n        .illusion-form-container textarea:focus {\n            border-bottom-color: #9333ea !important; \/* \ubcf4\ub77c\uc0c9 \ud3ec\uc778\ud2b8 *\/\n            background-color: transparent !important;\n        }\n\n        \/* \ud50c\ub808\uc774\uc2a4\ud640\ub354 *\/\n        .illusion-form-container input::placeholder,\n        .illusion-form-container textarea::placeholder {\n            color: #d1d5db;\n            opacity: 1;\n        }\n\n        \/* \ubc84\ud2bc \uc2a4\ud0c0\uc77c (\uc6cc\ub4dc\ud504\ub808\uc2a4 \uae30\ubcf8 \ubc84\ud2bc \uc2a4\ud0c0\uc77c \ub36e\uc5b4\uc4f0\uae30) *\/\n        .illusion-form-container button.submit-btn {\n            width: 100%;\n            padding: 16px;\n            background-color: #9333ea !important;\n            color: white !important;\n            font-size: 16px;\n            font-weight: 700;\n            border: none !important;\n            border-radius: 8px !important;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            transition: transform 0.2s, background-color 0.2s;\n            margin-top: 20px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;\n            line-height: 1;\n            text-decoration: none !important;\n        }\n        .illusion-form-container button.submit-btn:hover {\n            background-color: #7e22ce !important;\n            transform: translateY(-2px);\n        }\n        .illusion-form-container button.submit-btn:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        \/* \ub85c\ub529 \uc2a4\ud53c\ub108 *\/\n        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n        .illusion-form-container .spinner {\n            border: 3px solid rgba(255,255,255,0.3);\n            border-radius: 50%;\n            border-top: 3px solid white;\n            width: 20px;\n            height: 20px;\n            animation: spin 1s linear infinite;\n        }\n\n        \/* \ubaa8\ubc14\uc77c \ud3f0\ud2b8 \uc870\uc815 *\/\n        @media (max-width: 640px) {\n            .illusion-form-container h2 { font-size: 24px; }\n        }\n    <\/style>\n<\/head>\n<body>\n    \n    <!-- \n      \ud3fc\uc774 \ub4e4\uc5b4\uac08 \uc790\ub9ac\uc785\ub2c8\ub2e4. \n      class=\"illusion-contact-widget-root\"\ub97c \uac00\uc9c4 div\ub97c \ucc3e\uc544\uc11c \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ud569\ub2c8\ub2e4.\n      \uc5ec\ub7ec \ubc88 \ubd99\uc5ec\ub123\uc5b4\ub3c4 \uac01\uac01 \ub3c5\ub9bd\uc801\uc73c\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4.\n    -->\n    <div class=\"illusion-contact-widget-root\"><\/div>\n\n    <script type=\"text\/babel\">\n        {\n            \/\/ \ubcc0\uc218 \ucda9\ub3cc \ubc29\uc9c0\ub97c \uc704\ud55c \ube14\ub85d \uc2a4\ucf54\ud504\n            const { useState } = React;\n            \n            \/\/ ==========================================\n            \/\/ [\uc124\uc815] Contact Form 7 ID\n            \/\/ ==========================================\n            const CF7_FORM_ID = 2145; \n            \/\/ ==========================================\n\n            \/\/ \uc544\uc774\ucf58 \ucef4\ud3ec\ub10c\ud2b8\n            const ArrowRightIcon = () => (\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                <\/svg>\n            );\n\n            const ContactForm = () => {\n                const [formData, setFormData] = useState({ company: '', contact: '', message: '' });\n                const [submitStatus, setSubmitStatus] = useState('idle'); \n\n                const handleInputChange = (e) => {\n                    const { name, value } = e.target;\n                    setFormData({ ...formData, [name]: value });\n                };\n\n                const handleCF7Submit = async (e) => {\n                    e.preventDefault();\n                    setSubmitStatus('submitting');\n\n                    const body = new FormData();\n                    body.append('cf-company', formData.company);\n                    body.append('cf-contact', formData.contact);\n                    body.append('cf-message', formData.message);\n                    body.append('_wpcf7_unit_tag', 'rte'); \n\n                    const apiUrl = `${window.location.origin}\/?rest_route=\/contact-form-7\/v1\/contact-forms\/${CF7_FORM_ID}\/feedback`;\n\n                    try {\n                        const response = await fetch(apiUrl, { method: 'POST', body: body });\n                        if (!response.ok) throw new Error(`HTTP Error: ${response.status}`);\n                        const result = await response.json();\n\n                        if (result.status === 'mail_sent') {\n                            setSubmitStatus('success');\n                            setFormData({ company: '', contact: '', message: '' });\n                            alert('\ubb38\uc758\uac00 \uc131\uacf5\uc801\uc73c\ub85c \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub2f4\ub2f9\uc790\uac00 \uace7 \uc5f0\ub77d\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.');\n                        } else {\n                            console.error('CF7 Error:', result);\n                            setSubmitStatus('error');\n                            alert('\uc804\uc1a1 \uc2e4\ud328: ' + result.message);\n                        }\n                    } catch (error) {\n                        console.error('Network Error:', error);\n                        setSubmitStatus('error');\n                        alert(`\ub124\ud2b8\uc6cc\ud06c \uc624\ub958\uac00 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4.\\n(${error.message})`);\n                    } finally {\n                        setSubmitStatus('idle');\n                    }\n                };\n\n                return (\n                    <div className=\"illusion-form-container\">\n                        <div className=\"form-header\">\n                            <h2>\n                                \uadc0\uc0ac\uc758 \uacf5\uac04\ub3c4 <br\/>\n                                <span className=\"highlight\">\ud601\uc2e0\uc801\uc778 \ube0c\ub79c\ub4dc \uacbd\ud5d8<\/span>\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                            <\/h2>\n                            <p className=\"desc\">\n                                \ub9c9\uc5f0\ud55c \uc544\uc774\ub514\uc5b4\ub9cc \uc788\uc5b4\ub3c4 \uad1c\ucc2e\uc2b5\ub2c8\ub2e4. <br\/>\n                                \uc77c\ub8e8\uc83c(ILLUSION)\uc774 \ud574\ub2f5\uc744 \uc81c\uc2dc\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n                            <\/p>\n                        <\/div>\n                        \n                        <div className=\"form-wrapper\">\n                            <form onSubmit={handleCF7Submit}>\n                                <div className=\"input-group\">\n                                    <label>\ud68c\uc0ac\uba85 \/ \ub2f4\ub2f9\uc790<\/label>\n                                    <input \n                                        type=\"text\" \n                                        name=\"company\" \n                                        value={formData.company} \n                                        onChange={handleInputChange} \n                                        placeholder=\"\uc785\ub825\ud574\uc8fc\uc138\uc694\" \n                                        required \n                                        disabled={submitStatus === 'submitting'} \n                                    \/>\n                                <\/div>\n                                <div className=\"input-group\">\n                                    <label>\uc5f0\ub77d\ucc98<\/label>\n                                    <input \n                                        type=\"text\" \n                                        name=\"contact\" \n                                        value={formData.contact} \n                                        onChange={handleInputChange} \n                                        placeholder=\"010-0000-0000\" \n                                        required \n                                        disabled={submitStatus === 'submitting'} \n                                    \/>\n                                <\/div>\n                                <div className=\"input-group\">\n                                    <label>\ubb38\uc758 \ub0b4\uc6a9<\/label>\n                                    <textarea \n                                        name=\"message\" \n                                        value={formData.message} \n                                        onChange={handleInputChange} \n                                        placeholder=\"\ub0b4\uc6a9\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694\" \n                                        rows=\"3\"\n                                        style={{ resize: 'none', height: '100px' }}\n                                        required \n                                        disabled={submitStatus === 'submitting'}\n                                    ><\/textarea>\n                                <\/div>\n                                \n                                <button type=\"submit\" className=\"submit-btn\" disabled={submitStatus === 'submitting'}>\n                                    {submitStatus === 'submitting' ? (\n                                        <>\n                                            <div className=\"spinner\"><\/div> \uc804\uc1a1 \uc911...\n                                        <\/>\n                                    ) : (\n                                        <>\n                                            \ubb34\ub8cc \ucee8\uc124\ud305 \uc2e0\uccad\ud558\uae30 <ArrowRightIcon \/>\n                                        <\/>\n                                    )}\n                                <\/button>\n                            <\/form>\n                        <\/div>\n                    <\/div>\n                );\n            };\n\n            \/\/ [\uc790\ub3d9 \ub80c\ub354\ub9c1 \ub85c\uc9c1]\n            \/\/ \ud398\uc774\uc9c0 \ub0b4\uc5d0 .illusion-contact-widget-root \ud074\ub798\uc2a4\ub97c \uac00\uc9c4 \ubaa8\ub4e0 \uc694\uc18c\ub97c \ucc3e\uc544\uc11c\n            \/\/ \uc544\uc9c1 \ub80c\ub354\ub9c1\ub418\uc9c0 \uc54a\uc740 \uacf3\uc5d0\ub9cc \ud3fc\uc744 \uadf8\ub9bd\ub2c8\ub2e4.\n            (function mount() {\n                const roots = document.querySelectorAll('.illusion-contact-widget-root');\n                \n                roots.forEach(target => {\n                    if (!target.hasAttribute('data-rendered')) {\n                        target.setAttribute('data-rendered', 'true'); \n                        const root = ReactDOM.createRoot(target);\n                        root.render(<ContactForm \/>);\n                    }\n                });\n            })();\n        }\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p><strong>\ud558\uc774\ube0c\ub9ac\ub4dc\ud615 \uacf5\uac04\ube0c\ub79c\ub529<\/strong> &#8211; \ub2e8\uc21c \uc804\uc2dc\uad00\uc774 \uc544\ub2cc, <strong>\ub0ae\uc5d0\ub294 \uce74\ud398<\/strong>\ub97c \uc6b4\uc6a9, <strong>\ubc24\uc5d0\ub294 \uae30\uc5c5\uc758 \uc0c1\ud488 \ud64d\ubcf4 \ubc0f \ub2e4\uc774\ub2dd\ubc14<\/strong>\ub97c \uc6b4\uc6a9\ud558\ub294 \ud615\ud0dc\uc758 \ud558\uc774\ube0c\ub9ac\ub4dc \uacf5\uac04\uc744 \uc800\ud76c \uc77c\ub8e8\uc83c\uc5d0\uac8c \uc758\ub8b0\ub97c \ud558\uc168\uc2b5\ub2c8\ub2e4.<br><br>\uc800\ud76c\ub294 \uace0\uac1d\uc758 \ub0b4\ubd80\uacf5\uac04 \ub3d9\uc120\uc124\uacc4\ubd80\ud130, \uae30\uc5c5\uc758 \uc0ac\uc5c5\ubc29\ud5a5\uc131, \uc544\uc774\ud15c\uc744 \ud074\ub77c\uc774\uc5b8\ud2b8\uc640 \uc9c0\uc18d\uc801\uc73c\ub85c \uc18c\ud1b5\ud558\uc5ec, \ubab0\uc785\ud615 \uc2a4\ud06c\ub9b0\uc758 \ucee8\ud150\uce20 \ubc0f \uc2a4\ud06c\ub9b0 \ubaa8\uc591 \ub4f1\uc744 \ucd1d\uad04 \uc81c\uc791\ud558\uc600\uc2b5\ub2c8\ub2e4. <br><br>\u6df1\u6d77(\uc2ec\ud574) \ubb3c\uc18d\uc758 \ud3b8\uc548\ud55c \ub290\ub08c\uacfc <strong>\uae30\uc5c5\uc758 \uc0c9\uc778 \ud478\ub978 \ubc14\ub2e4\uc758 \uc0c9<\/strong>\uc744 \uae30\uc900\uc73c\ub85c \ucee8\ud150\uce20\ub97c \uc9c1\uc811 \uc81c\uc791\ud558\uace0, \uc774\ub97c \uace0\uac1d\uc758 \ub3d9\uc120\uc5d0 \ub530\ub77c \uace0\ub798\uac00 \uc6c0\uc9c1\uc774\uba70, \uc9c0\uc18d\uc801\uc778 \ubb3c\uc18d\uc758 \ud3b8\uc548\ud558\uace0 \ubd80\ub4dc\ub7ec\uc6b4 \ubb3c\ubc29\uc6b8\ub4e4\uc774 \ub9de\ubd99\uc774\uce58\ub294 \uc18c\ub9ac\uac00 \uacf5\uac04\uc5d0 \ud37c\uc9c0\ub3c4\ub85d \uc81c\uc791\ud558\uc600\uc2b5\ub2c8\ub2e4.<br><br>\ub2e8\uc21c\ud788 \uc601\uc0c1\uc7ac\uc0dd\uc758 \uc2a4\ud06c\ub9b0\uc774 \uc544\ub2cc, \uae30\uc5c5\uc758 \ube0c\ub79c\ub529 \uacf5\uac04\uc5d0 \ub9de\uac8c, \ud558\ub098\ud558\ub098 \uc138\uc2ec\ud558\uac8c \uc81c\uc791\uc744 \uc9c4\ud589\ud558\uc600\uc2b5\ub2c8\ub2e4.<br>\uc13c\uc11c\uac00 \uc2e4\uc2dc\uac04\uc73c\ub85c \uc0ac\ub78c\uc758 \uc704\uce58\ub97c \ucd94\uc801\ud558\uba70, \uc0ac\ub78c\uc744 \ub530\ub77c\ub2e4\ub2c8\ub294 \uc2ec\ud574\uc758 \uace0\ub798 \ucee8\ud150\uce20 \uc81c\uc791\ubd80\ud130 \uc2dc\uc120\uc758 \ubc29\ud5a5\uc720\ub3c4\uae4c\uc9c0 \uacf5\uac04\uc744 \uc138\ubd80\uc801\uc73c\ub85c \ubd84\uc11d\ud558\uc5ec \ucee8\ud150\uce20\ub85c \uadf8\ub9ac\uace0 \uae30\uc5c5\uc758 \uc0c1\ud488 \ube0c\ub79c\ub529 \ubc29\ud5a5\uae4c\uc9c0 \uacf5\uac04\uc5d0 \ub2f4\uc558\uc2b5\ub2c8\ub2e4.<br><br>\uc0ac\uc6b4\ub4dc\ucee8\ud150\uce20 \uc81c\uc791, \uc5b8\ub9ac\uc5bc\uc5d4\uc9c4 5.6\uc744 \uae30\ubc18\ud55c XR \uc2e4\uc0ac 3D\ucee8\ud150\uce20 \uc81c\uc791, \ub808\uc774\uc800 \ube54\ud504\ub85c\uc81d\ud130 \ub9e4\ud551 \ubc0f \ud558\ub4dc\uc6e8\uc5b4 \uc124\uce58&amp;\uc14b\uc5c5, \uacf5\uac04 \ube0c\ub79c\ub529 \ucee8\uc124\ud305 \ubc0f \uacf5\uac04\uc758 \ub514\uc790\uc778\uae4c\uc9c0 \uc77c\ub8e8\uc83c\uc774 \ucd1d\uad04 \uc81c\uc791\ud558\uc600\uc2b5\ub2c8\ub2e4.<br><br><strong>&#8220;\uacf5\uac04\uc740 \ub2e8\uc21c\ud788 \uacbd\ud5d8\uc758 \uacf5\uac04\uc774 \uc544\ub2cc, \uae30\uc5c5\uacfc \uc18c\ube44\uc790\uac00 \ub9c8\uc74c\uc73c\ub85c \uc5f0\uacb0\ub418\ub294 \uacf5\uac04\uc785\ub2c8\ub2e4.&#8221;<\/strong><br><\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p><br><strong>4DX\uccb4\ud5d8\uad00<\/strong> &#8211; \uc81c\uc8fc \uace0\ud750\uc758\uc815\uc6d0\ub0b4\uc758 4DX\uccb4\ud5d8\uc744 \uc704\ud558\uc5ec \ub0b4\ubd80\uc5d0 \ubab0\uc785\ud615 \uc2a4\ud06c\ub9b0 \uc2dc\uc2a4\ud15c \uc124\uce58\ub97c \uc9c4\ud589\ud558\uc600\uc2b5\ub2c8\ub2e4. \uc2dc\ubbac\ub808\uc774\uc158 \uc758\uc790\uac00 \ud568\uaed8 \uc791\ub3d9\uc744 \ud558\uba70, \uc785\uccb4\uc801 \uc2a4\ud06c\ub9b0\uc744 \ud1b5\ud558\uc5ec \ubab0\uc785\ud615 \ucee8\ud150\uce20\ub97c \uc18c\ub9ac, \ubc14\ub78c, \uc0ac\uc6b4\ub4dc, \uc6c0\uc9c1\uc784, \uc9c4\ub3d9 \ub4f1 \uc624\uac10\uc744 \ud1b5\ud558\uc5ec \uc990\uae38 \uc218 \uc788\ub294 \uc5f0\ub3d9\uc774 \uac00\ub2a5\ud55c \uc2dc\uc2a4\ud15c\uc744 \uc124\uce58\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"blockspare-blocks blockspare-masonry-wrapper blockspare-original wp-block-blockspare-blockspare-masonry aligncenter blockspare-4f96a534-5688-4\" blockspare-animation=\"\"><style>.blockspare-4f96a534-5688-4 .blockspare-gutter-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:30px;margin-bottom:30px}<\/style><div class=\"has-gutter blockspare-gutter-wrap\"><ul class=\"has-grid-lrg has-gutter-15\"><li class=\"blockspare-gallery-item\"><figure class=\"blockspare-gallery-figure blockspare-hover-item\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_01-1.jpg?resize=1024%2C1024&#038;ssl=1\" alt=\"\" data-id=\"2065\" data-imglink=\"\" data-link=\"https:\/\/illusion.place\/?attachment_id=2065\" class=\"wp-image-2065\" srcset=\"https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_01-1-scaled.jpg?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_01-1-scaled.jpg?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_01-1-scaled.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_01-1-scaled.jpg?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_01-1-scaled.jpg?zoom=2&amp;resize=1024%2C1024&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure><\/li><li class=\"blockspare-gallery-item\"><figure class=\"blockspare-gallery-figure blockspare-hover-item\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_05-2.jpg?resize=1024%2C1024&#038;ssl=1\" alt=\"\" data-id=\"2059\" data-imglink=\"\" data-link=\"https:\/\/illusion.place\/?attachment_id=2059\" class=\"wp-image-2059\" srcset=\"https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_05-2-scaled.jpg?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_05-2-scaled.jpg?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_05-2-scaled.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_05-2-scaled.jpg?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2025\/11\/KakaoTalk_20251125_171448423_05-2-scaled.jpg?zoom=2&amp;resize=1024%2C1024&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure><\/li><\/ul><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-cover aligncenter is-light\" style=\"min-height:541px;aspect-ratio:unset;\"><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/illusion.place\/wp-content\/uploads\/2025\/11\/IMG_2174.mov\" data-object-fit=\"cover\"><\/video><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-5d99278bdb90e93547554a5cabbb8624\">&#8220;\uc800\ud76c\ub294 \uae30\uc5c5\uc758 \ud2b9\ubcc4\ud55c \uacf5\uac04\uc758 \uacbd\ud5d8\uc73c\ub85c, <br> \uae30\uc5c5\uc758 \ud2b9\ubcc4\ud55c \uc0c1\ud488\uacbd\ud5d8\uc744 \uc18c\uc911\ud55c \uace0\uac1d\uc758 \ucd94\uc5b5\uc73c\ub85c \ub9cc\ub4e4\uc5b4\ub4dc\ub9bd\ub2c8\ub2e4.&#8221;<br><br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"3000\" height=\"732\" src=\"https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2024\/09\/%EB%A1%9C%EA%B3%A0.%EB%B0%B0%EA%B2%BD%EC%97%86%EC%9D%8Cpng.png?resize=3000%2C732&#038;ssl=1\" alt=\"\" class=\"wp-image-57\" style=\"width:295px;height:auto\" srcset=\"https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2024\/09\/%EB%A1%9C%EA%B3%A0.%EB%B0%B0%EA%B2%BD%EC%97%86%EC%9D%8Cpng.png?w=3000&amp;ssl=1 3000w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2024\/09\/%EB%A1%9C%EA%B3%A0.%EB%B0%B0%EA%B2%BD%EC%97%86%EC%9D%8Cpng.png?resize=1536%2C375&amp;ssl=1 1536w, https:\/\/i0.wp.com\/illusion.place\/wp-content\/uploads\/2024\/09\/%EB%A1%9C%EA%B3%A0.%EB%B0%B0%EA%B2%BD%EC%97%86%EC%9D%8Cpng.png?resize=2048%2C500&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure><\/div><\/div><\/div>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"has-white-color has-text-color has-link-color wp-elements-c645e628e62f8fbab9d9726851472d16\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>ILLUSION &#8211; Contact Form<\/title>\n    \n    <!-- 1. React & ReactDOM -->\n    <script crossorigin src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n    <script crossorigin src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n    \n    <!-- 2. Babel -->\n    <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n\n    <!-- 3. \ud3f0\ud2b8 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* * [\uc2a4\ud0c0\uc77c \uaca9\ub9ac \uae30\uc220 \uc801\uc6a9]\n         * .illusion-form-container \ud074\ub798\uc2a4 \ub0b4\ubd80\uc758 \uc694\uc18c\uc5d0\ub9cc \uc2a4\ud0c0\uc77c\uc774 \uc801\uc6a9\ub429\ub2c8\ub2e4.\n         * \uc6cc\ub4dc\ud504\ub808\uc2a4\uc758 \ub2e4\ub978 \uba54\ub274\ub098 \ubc84\ud2bc\uc5d0\ub294 0.1%\ub3c4 \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n         *\/\n\n        .illusion-form-container {\n            font-family: 'Noto Sans KR', sans-serif;\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            color: #111;\n            background: transparent; \/* \ubc30\uacbd \ud22c\uba85 *\/\n            line-height: 1.6;\n            box-sizing: border-box;\n            position: relative;\n            padding: 20px 0;\n        }\n\n        \/* \ub0b4\ubd80 \uc694\uc18c \ubc15\uc2a4\ubaa8\ub378 \ucd08\uae30\ud654 *\/\n        .illusion-form-container * {\n            box-sizing: border-box;\n        }\n\n        \/* \ud5e4\ub354 \uc2a4\ud0c0\uc77c *\/\n        .illusion-form-container h2 {\n            font-size: 32px;\n            font-weight: 700;\n            color: #111;\n            margin: 0 0 15px 0;\n            line-height: 1.3;\n            text-align: center;\n            border: none !important;\n            padding: 0;\n            background: none;\n        }\n        .illusion-form-container .highlight {\n            color: #9333ea; \n        }\n        .illusion-form-container p.desc {\n            color: #6b7280;\n            font-size: 15px;\n            margin: 0 0 40px 0;\n            text-align: center;\n            border: none !important;\n        }\n\n        \/* \ud3fc \ub798\ud37c *\/\n        .illusion-form-container .form-wrapper {\n            max-width: 480px;\n            margin: 0 auto;\n            padding: 0 10px;\n        }\n\n        \/* \uc785\ub825 \uadf8\ub8f9 *\/\n        .illusion-form-container .input-group {\n            margin-bottom: 30px;\n            position: relative;\n        }\n\n        \/* \ub77c\ubca8 \uc2a4\ud0c0\uc77c *\/\n        .illusion-form-container label {\n            display: block;\n            font-size: 12px;\n            font-weight: 700;\n            color: #6b7280;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border: none !important;\n        }\n\n        \/* \uc785\ub825\ucc3d \uc2a4\ud0c0\uc77c (\uc6cc\ub4dc\ud504\ub808\uc2a4 \ud14c\ub9c8 \uac04\uc12d \ucc28\ub2e8 + \ubc11\uc904 \ub514\uc790\uc778) *\/\n        .illusion-form-container input[type=\"text\"],\n        .illusion-form-container textarea {\n            width: 100%;\n            padding: 12px 0;\n            font-size: 16px;\n            color: #111;\n            background-color: transparent !important; \/* \ubc30\uacbd \ud22c\uba85 \uac15\uc81c *\/\n            background-image: none !important;\n            border: none !important; \/* 4\uba74 \ud14c\ub450\ub9ac \uc81c\uac70 *\/\n            border-bottom: 2px solid #e5e7eb !important; \/* \ubc11\uc904\ub9cc \uc0dd\uc131 *\/\n            border-radius: 0 !important;\n            outline: none !important;\n            box-shadow: none !important;\n            transition: border-color 0.3s ease;\n            font-family: 'Noto Sans KR', sans-serif;\n            margin: 0;\n            height: auto;\n        }\n\n        \/* \uc785\ub825\ucc3d \ud3ec\ucee4\uc2a4 \uc2dc *\/\n        .illusion-form-container input[type=\"text\"]:focus,\n        .illusion-form-container textarea:focus {\n            border-bottom-color: #9333ea !important; \/* \ubcf4\ub77c\uc0c9 \ud3ec\uc778\ud2b8 *\/\n            background-color: transparent !important;\n        }\n\n        \/* \ud50c\ub808\uc774\uc2a4\ud640\ub354 *\/\n        .illusion-form-container input::placeholder,\n        .illusion-form-container textarea::placeholder {\n            color: #d1d5db;\n            opacity: 1;\n        }\n\n        \/* \ubc84\ud2bc \uc2a4\ud0c0\uc77c (\uc6cc\ub4dc\ud504\ub808\uc2a4 \uae30\ubcf8 \ubc84\ud2bc \uc2a4\ud0c0\uc77c \ub36e\uc5b4\uc4f0\uae30) *\/\n        .illusion-form-container button.submit-btn {\n            width: 100%;\n            padding: 16px;\n            background-color: #9333ea !important;\n            color: white !important;\n            font-size: 16px;\n            font-weight: 700;\n            border: none !important;\n            border-radius: 8px !important;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            transition: transform 0.2s, background-color 0.2s;\n            margin-top: 20px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;\n            line-height: 1;\n            text-decoration: none !important;\n        }\n        .illusion-form-container button.submit-btn:hover {\n            background-color: #7e22ce !important;\n            transform: translateY(-2px);\n        }\n        .illusion-form-container button.submit-btn:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        \/* \ub85c\ub529 \uc2a4\ud53c\ub108 *\/\n        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n        .illusion-form-container .spinner {\n            border: 3px solid rgba(255,255,255,0.3);\n            border-radius: 50%;\n            border-top: 3px solid white;\n            width: 20px;\n            height: 20px;\n            animation: spin 1s linear infinite;\n        }\n\n        \/* \ubaa8\ubc14\uc77c \ud3f0\ud2b8 \uc870\uc815 *\/\n        @media (max-width: 640px) {\n            .illusion-form-container h2 { font-size: 24px; }\n        }\n    <\/style>\n<\/head>\n<body>\n    \n    <!-- \n      \ud3fc\uc774 \ub4e4\uc5b4\uac08 \uc790\ub9ac\uc785\ub2c8\ub2e4. \n      class=\"illusion-contact-widget-root\"\ub97c \uac00\uc9c4 div\ub97c \ucc3e\uc544\uc11c \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ud569\ub2c8\ub2e4.\n      \uc5ec\ub7ec \ubc88 \ubd99\uc5ec\ub123\uc5b4\ub3c4 \uac01\uac01 \ub3c5\ub9bd\uc801\uc73c\ub85c \uc791\ub3d9\ud569\ub2c8\ub2e4.\n    -->\n    <div class=\"illusion-contact-widget-root\"><\/div>\n\n    <script type=\"text\/babel\">\n        {\n            \/\/ \ubcc0\uc218 \ucda9\ub3cc \ubc29\uc9c0\ub97c \uc704\ud55c \ube14\ub85d \uc2a4\ucf54\ud504\n            const { useState } = React;\n            \n            \/\/ ==========================================\n            \/\/ [\uc124\uc815] Contact Form 7 ID\n            \/\/ ==========================================\n            const CF7_FORM_ID = 2145; \n            \/\/ ==========================================\n\n            \/\/ \uc544\uc774\ucf58 \ucef4\ud3ec\ub10c\ud2b8\n            const ArrowRightIcon = () => (\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                <\/svg>\n            );\n\n            const ContactForm = () => {\n                const [formData, setFormData] = useState({ company: '', contact: '', message: '' });\n                const [submitStatus, setSubmitStatus] = useState('idle'); \n\n                const handleInputChange = (e) => {\n                    const { name, value } = e.target;\n                    setFormData({ ...formData, [name]: value });\n                };\n\n                const handleCF7Submit = async (e) => {\n                    e.preventDefault();\n                    setSubmitStatus('submitting');\n\n                    const body = new FormData();\n                    body.append('cf-company', formData.company);\n                    body.append('cf-contact', formData.contact);\n                    body.append('cf-message', formData.message);\n                    body.append('_wpcf7_unit_tag', 'rte'); \n\n                    const apiUrl = `${window.location.origin}\/?rest_route=\/contact-form-7\/v1\/contact-forms\/${CF7_FORM_ID}\/feedback`;\n\n                    try {\n                        const response = await fetch(apiUrl, { method: 'POST', body: body });\n                        if (!response.ok) throw new Error(`HTTP Error: ${response.status}`);\n                        const result = await response.json();\n\n                        if (result.status === 'mail_sent') {\n                            setSubmitStatus('success');\n                            setFormData({ company: '', contact: '', message: '' });\n                            alert('\ubb38\uc758\uac00 \uc131\uacf5\uc801\uc73c\ub85c \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub2f4\ub2f9\uc790\uac00 \uace7 \uc5f0\ub77d\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.');\n                        } else {\n                            console.error('CF7 Error:', result);\n                            setSubmitStatus('error');\n                            alert('\uc804\uc1a1 \uc2e4\ud328: ' + result.message);\n                        }\n                    } catch (error) {\n                        console.error('Network Error:', error);\n                        setSubmitStatus('error');\n                        alert(`\ub124\ud2b8\uc6cc\ud06c \uc624\ub958\uac00 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4.\\n(${error.message})`);\n                    } finally {\n                        setSubmitStatus('idle');\n                    }\n                };\n\n                return (\n                    <div className=\"illusion-form-container\">\n                        <div className=\"form-header\">\n                            <h2>\n                                \uadc0\uc0ac\uc758 \uacf5\uac04\ub3c4 <br\/>\n                                <span className=\"highlight\">\ud601\uc2e0\uc801\uc778 \ube0c\ub79c\ub4dc \uacbd\ud5d8<\/span>\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                            <\/h2>\n                            <p className=\"desc\">\n                                \ub9c9\uc5f0\ud55c \uc544\uc774\ub514\uc5b4\ub9cc \uc788\uc5b4\ub3c4 \uad1c\ucc2e\uc2b5\ub2c8\ub2e4. <br\/>\n                                \uc77c\ub8e8\uc83c(ILLUSION)\uc774 \ud574\ub2f5\uc744 \uc81c\uc2dc\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n                            <\/p>\n                        <\/div>\n                        \n                        <div className=\"form-wrapper\">\n                            <form onSubmit={handleCF7Submit}>\n                                <div className=\"input-group\">\n                                    <label>\ud68c\uc0ac\uba85 \/ \ub2f4\ub2f9\uc790<\/label>\n                                    <input \n                                        type=\"text\" \n                                        name=\"company\" \n                                        value={formData.company} \n                                        onChange={handleInputChange} \n                                        placeholder=\"\uc785\ub825\ud574\uc8fc\uc138\uc694\" \n                                        required \n                                        disabled={submitStatus === 'submitting'} \n                                    \/>\n                                <\/div>\n                                <div className=\"input-group\">\n                                    <label>\uc5f0\ub77d\ucc98<\/label>\n                                    <input \n                                        type=\"text\" \n                                        name=\"contact\" \n                                        value={formData.contact} \n                                        onChange={handleInputChange} \n                                        placeholder=\"010-0000-0000\" \n                                        required \n                                        disabled={submitStatus === 'submitting'} \n                                    \/>\n                                <\/div>\n                                <div className=\"input-group\">\n                                    <label>\ubb38\uc758 \ub0b4\uc6a9<\/label>\n                                    <textarea \n                                        name=\"message\" \n                                        value={formData.message} \n                                        onChange={handleInputChange} \n                                        placeholder=\"\ub0b4\uc6a9\uc744 \uc785\ub825\ud574\uc8fc\uc138\uc694\" \n                                        rows=\"3\"\n                                        style={{ resize: 'none', height: '100px' }}\n                                        required \n                                        disabled={submitStatus === 'submitting'}\n                                    ><\/textarea>\n                                <\/div>\n                                \n                                <button type=\"submit\" className=\"submit-btn\" disabled={submitStatus === 'submitting'}>\n                                    {submitStatus === 'submitting' ? (\n                                        <>\n                                            <div className=\"spinner\"><\/div> \uc804\uc1a1 \uc911...\n                                        <\/>\n                                    ) : (\n                                        <>\n                                            \ubb34\ub8cc \ucee8\uc124\ud305 \uc2e0\uccad\ud558\uae30 <ArrowRightIcon \/>\n                                        <\/>\n                                    )}\n                                <\/button>\n                            <\/form>\n                        <\/div>\n                    <\/div>\n                );\n            };\n\n            \/\/ [\uc790\ub3d9 \ub80c\ub354\ub9c1 \ub85c\uc9c1]\n            \/\/ \ud398\uc774\uc9c0 \ub0b4\uc5d0 .illusion-contact-widget-root \ud074\ub798\uc2a4\ub97c \uac00\uc9c4 \ubaa8\ub4e0 \uc694\uc18c\ub97c \ucc3e\uc544\uc11c\n            \/\/ \uc544\uc9c1 \ub80c\ub354\ub9c1\ub418\uc9c0 \uc54a\uc740 \uacf3\uc5d0\ub9cc \ud3fc\uc744 \uadf8\ub9bd\ub2c8\ub2e4.\n            (function mount() {\n                const roots = document.querySelectorAll('.illusion-contact-widget-root');\n                \n                roots.forEach(target => {\n                    if (!target.hasAttribute('data-rendered')) {\n                        target.setAttribute('data-rendered', 'true'); \n                        const root = ReactDOM.createRoot(target);\n                        root.render(<ContactForm \/>);\n                    }\n                });\n            })();\n        }\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>12M \ub300\ud615 \ubab0\uc785\ud615 \ubbf8\ub514\uc5b4\uc6d4 \uc2dc\uc2a4\ud15c \uc77c\ub8e8\uc83c\uc740 \uacf5\uac04 \uc548\uc758 \u6df1\u6d77(\uc2ec\ud574)\uc758 \uc8fc\uc81c\ub85c\uc81c\uc8fc\ub3c4 \uc11c\uadc0\ud3ec\uc2dc \ubab0\uc785\ud615 \uc804\uc2dc\uad00 2\uacf3\uc5d0 12M(\uc9c1\uc120\uac70\ub9ac)\uc758 \ub300\ud615 \ubab0\uc785\ud615 \ubbf8\ub514\uc5b4\uc6d4\uc744 \uc124\uce58\ud558\uc600\uc2b5\ub2c8\ub2e4. \uae30\uc874\uc758 \uc77c\ubc18\uc801\uc778 \ubbf8\ub514\uc5b4\uc6d4\uc740 \ud3c9\uba74\uacfc \ub2ec\ub9ac, \uc785\uccb4\uc801 \ubab0\uc785\ud615 \ub77c\uc6b4\ub4dc \uc2a4\ud06c\ub9b0\uc740 \ubc29\ubb38\uac1d\uc758 \ucc28\uc6d0\uc774 \ub2e4\ub978 \ubab0\uc785\uac10\uc744 \ube60\uc838\ub4e4\uac8c \ub9cc\ub4ed\ub2c8\ub2e4.\uc77c\ub8e8\uc83c \uc2dc\uc2a4\ud15c\ub9cc\uc758 \uc785\uccb4 \uc2dc\uc2a4\ud15c\uc73c\ub85c \ubab0\uc785\ud615 \ucee8\ud150\uce20\uc640 \uc5f0\ub3d9\ub418\uc5b4 \uc791\ub3d9\ub429\ub2c8\ub2e4. \ub9ce\uc740 \uace0\uac1d\ub4e4\uc774 \uc2dc\uadf8\ub2c8\uccd0 POP-UP\uacf5\uac04\uc5d0\uc11c \ube0c\ub79c\ub4dc \uacf5\uac04\uc758 \uac10\uac01\uc744 \uccb4\ud5d8\ud558\uc600\uc2b5\ub2c8\ub2e4. &#8220;\uace0\uac1d\uc774 \uacf5\uac04\uc5d0\uc11c \ud2b9\ubcc4\ud55c \uacbd\ud5d8\uc744 \ud55c\ub2e4\uba74,\uadf8\uac83\uc740 \uae30\uc5c5\uc758 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-1590","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/illusion.place\/index.php?rest_route=\/wp\/v2\/pages\/1590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/illusion.place\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/illusion.place\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/illusion.place\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/illusion.place\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1590"}],"version-history":[{"count":85,"href":"https:\/\/illusion.place\/index.php?rest_route=\/wp\/v2\/pages\/1590\/revisions"}],"predecessor-version":[{"id":2472,"href":"https:\/\/illusion.place\/index.php?rest_route=\/wp\/v2\/pages\/1590\/revisions\/2472"}],"wp:attachment":[{"href":"https:\/\/illusion.place\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}