{"id":15,"date":"2026-06-02T02:02:10","date_gmt":"2026-06-02T02:02:10","guid":{"rendered":"https:\/\/pink-cassowary-558176.hostingersite.com\/%eb%ac%b8%ec%9d%98%ed%95%98%ea%b8%b0\/"},"modified":"2026-06-02T10:01:26","modified_gmt":"2026-06-02T10:01:26","slug":"contact","status":"publish","type":"page","link":"https:\/\/pink-cassowary-558176.hostingersite.com\/contact\/","title":{"rendered":"\ubb38\uc758\ud558\uae30"},"content":{"rendered":"    <style>\r\n        \/* [1] \uae30\ubcf8 \uc124\uc815 \ubc0f \ub9ac\uc14b *\/\r\n        .contact-wrap { \r\n            position: relative; width: 100vw; max-width: 100%; left: 50%; right: 50%; \r\n            margin-left: -50vw; margin-right: -50vw; overflow-x: hidden; background: #f8fbff; color: #333; font-family: 'Noto Sans KR', sans-serif; \r\n        }\r\n        .contact-wrap * { box-sizing: border-box; }\r\n\r\n        \/* [2] \ud788\uc5b4\ub85c \uc139\uc158 *\/\r\n        .contact-hero { position: relative; height: 50vh; min-height: 400px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #ffffff; perspective: 1000px; }\r\n        .contact-hero-bg { position: absolute; inset: -10%; width: 120%; height: 120%; background: linear-gradient(135deg, rgba(79,172,254,0.05) 0%, rgba(0,242,254,0.05) 100%); z-index: 1; }\r\n        .contact-hero-circle { position: absolute; width: 40vw; height: 40vw; max-width: 400px; max-height: 400px; background: radial-gradient(circle, rgba(0,102,255,0.05) 0%, transparent 70%); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: pulseBg 4s infinite alternate ease-in-out; z-index: 2; }\r\n        @keyframes pulseBg { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(1.1); } }\r\n        .contact-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 5%; }\r\n        .contact-title { font-size: 4.5vw; font-weight: 900; color: #111; margin: 0; line-height: 1.2; letter-spacing: -1px; text-transform: uppercase; }\r\n        .contact-title span { display: inline-block; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); transform: translateY(50px); }\r\n        .contact-sub { font-size: 1.2rem; color: #0066ff; font-weight: 600; margin-top: 20px; letter-spacing: 2px; opacity: 0; transform: translateY(20px); word-break: keep-all; }\r\n\r\n        \/* [3] \uba54\uc778 \ucf58\ud150\uce20 \uc601\uc5ed (\uc88c\uc6b0 \ubd84\ud560 \ub808\uc774\uc544\uc6c3) *\/\r\n        .contact-container { max-width: 1400px; margin: -50px auto 150px; padding: 0 5%; position: relative; z-index: 20; display: flex; gap: 60px; align-items: flex-start; }\r\n        \r\n        \/* \uc88c\uce21: \uc815\ubcf4 \ud14d\uc2a4\ud2b8 \uc601\uc5ed *\/\r\n        .contact-info-area { flex: 1; padding-top: 50px; }\r\n        .info-badge { display: inline-block; background: #eef2f6; color: #0066ff; padding: 8px 20px; border-radius: 30px; font-weight: 800; font-size: 0.9rem; margin-bottom: 20px; }\r\n        .contact-info-area h2 { font-size: 3rem; font-weight: 900; color: #111; margin: 0 0 20px; line-height: 1.3; }\r\n        .contact-info-area p { font-size: 1.15rem; color: #666; line-height: 1.8; margin-bottom: 50px; word-break: keep-all; }\r\n        \r\n        .c-info-list { list-style: none; padding: 0; margin: 0; }\r\n        .c-info-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 35px; }\r\n        .c-icon { width: 50px; height: 50px; background: #fff; box-shadow: 0 10px 20px rgba(0,102,255,0.1); color: #0066ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; transition: 0.3s; }\r\n        .c-info-item:hover .c-icon { transform: scale(1.1) rotate(10deg); background: #0066ff; color: #fff; }\r\n        .c-text h4 { font-size: 1.1rem; color: #111; margin: 0 0 5px; font-weight: 800; }\r\n        .c-text p { font-size: 1rem; color: #555; margin: 0; line-height: 1.6; }\r\n\r\n        \/* \uc6b0\uce21: \ud3fc \uc601\uc5ed *\/\r\n        .contact-form-area { flex: 1.2; background: #fff; padding: 60px 50px; border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,0.05); border: 1px solid #eef2f6; }\r\n        .form-group { margin-bottom: 25px; position: relative; }\r\n        .form-row { display: flex; gap: 20px; }\r\n        .form-row .form-group { flex: 1; }\r\n        \r\n        .form-label { display: block; font-size: 0.95rem; font-weight: 700; color: #333; margin-bottom: 10px; }\r\n        .form-label span { color: #ff4757; } \/* \ud544\uc218\uc785\ub825 \ubcc4\ud45c *\/\r\n        \r\n        .form-control { width: 100%; padding: 18px 25px; background: #f4f7fb; border: 2px solid transparent; border-radius: 15px; font-size: 1.05rem; font-family: inherit; color: #333; transition: all 0.3s; }\r\n        .form-control::placeholder { color: #aaa; }\r\n        .form-control:focus { outline: none; background: #fff; border-color: #0066ff; box-shadow: 0 10px 20px rgba(0,102,255,0.1); }\r\n        select.form-control { appearance: none; background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\"); background-repeat: no-repeat; background-position: right 20px center; background-size: 1em; cursor: pointer; }\r\n        textarea.form-control { resize: vertical; min-height: 150px; }\r\n\r\n        \/* \uac1c\uc778\uc815\ubcf4 \ub3d9\uc758 \uccb4\ud06c\ubc15\uc2a4 *\/\r\n        .privacy-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; margin-top: 10px; }\r\n        .privacy-wrap input[type=\"checkbox\"] { width: 20px; height: 20px; cursor: pointer; accent-color: #0066ff; }\r\n        .privacy-wrap label { font-size: 0.95rem; color: #555; cursor: pointer; }\r\n        .privacy-wrap a { color: #0066ff; text-decoration: underline; font-weight: 600; }\r\n\r\n        \/* \uc81c\ucd9c \ubc84\ud2bc *\/\r\n        .submit-btn { width: 100%; padding: 20px; background: #0066ff; color: #fff; border: none; border-radius: 15px; font-size: 1.15rem; font-weight: 800; cursor: pointer; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 15px 30px rgba(0,102,255,0.2); }\r\n        .submit-btn:hover { background: #111; transform: translateY(-3px); box-shadow: 0 20px 40px rgba(0,0,0,0.2); }\r\n\r\n        \/* \ubaa8\ubc14\uc77c \ucd5c\uc801\ud654 *\/\r\n        @media (max-width: 1024px) {\r\n            .contact-container { flex-direction: column; gap: 40px; margin-top: -20px; }\r\n            .contact-info-area { padding-top: 20px; text-align: center; }\r\n            .c-info-item { text-align: left; justify-content: center; align-items: center; flex-direction: column; text-align: center; }\r\n            .c-info-item:hover .c-icon { transform: none; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .contact-title { font-size: 8vw; }\r\n            .form-row { flex-direction: column; gap: 0; }\r\n            .contact-form-area { padding: 40px 25px; }\r\n            .contact-info-area h2 { font-size: 2.2rem; }\r\n        }\r\n    <\/style>\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <div class=\"contact-wrap\">\r\n        \r\n        <!-- 1. \ud788\uc5b4\ub85c \uc139\uc158 -->\r\n        <section class=\"contact-hero\">\r\n            <div class=\"contact-hero-bg\"><\/div>\r\n            <div class=\"contact-hero-circle\"><\/div>\r\n            <div class=\"contact-hero-content\">\r\n                <h1 class=\"contact-title\"><span class=\"gs-title\">CONTACT<\/span> <span class=\"gs-title\" style=\"color:#0066ff;\">US<\/span><\/h1>\r\n                <p class=\"contact-sub gs-sub\">\uc0c8\ub85c\uc6b4 \ub3c4\uc57d\uc744 \uc704\ud55c \uccab \uac78\uc74c<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- 2. \ubb38\uc758 \ud3fc & \uc815\ubcf4 \uc139\uc158 -->\r\n        <section class=\"contact-container\">\r\n            \r\n            <!-- \uc88c\uce21 \uc815\ubcf4 \uc601\uc5ed -->\r\n            <div class=\"contact-info-area gs-fade-up\">\r\n                <span class=\"info-badge\">Get in Touch<\/span>\r\n                <h2>\uc5b4\ub5a4 \ud504\ub85c\uc81d\ud2b8\ub97c<br>\uad6c\uc0c1 \uc911\uc774\uc2e0\uac00\uc694?<\/h2>\r\n                <p>Blanding\uc758 \uc804\ubb38\uac00\ub4e4\uc774 \uace0\uac1d\ub2d8\uc758 \uc544\uc774\ub514\uc5b4\ub97c \ud604\uc2e4\ub85c \ub9cc\ub4e4\uc5b4 \ub4dc\ub9bd\ub2c8\ub2e4. \uc544\ub798 \ud3fc\uc744 \uc791\uc131\ud574 \uc8fc\uc2dc\uba74 \uac80\ud1a0 \ud6c4 \uc2e0\uc18d\ud558\uac8c \uc5f0\ub77d\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\r\n                \r\n                <ul class=\"c-info-list\">\r\n                    <li class=\"c-info-item gs-stagger\">\r\n                        <div class=\"c-icon\">\ud83d\udcde<\/div>\r\n                        <div class=\"c-text\">\r\n                            <h4>\uc804\ud654 \ubb38\uc758<\/h4>\r\n                            <p>031-000-0000 (\ud3c9\uc77c 10:00 ~ 18:00)<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"c-info-item gs-stagger\">\r\n                        <div class=\"c-icon\">\u2709\ufe0f<\/div>\r\n                        <div class=\"c-text\">\r\n                            <h4>\uc774\uba54\uc77c \ubb38\uc758<\/h4>\r\n                            <p>contact@blanding.com<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"c-info-item gs-stagger\">\r\n                        <div class=\"c-icon\">\ud83c\udfe2<\/div>\r\n                        <div class=\"c-text\">\r\n                            <h4>\uc624\uc2dc\ub294 \uae38<\/h4>\r\n                            <p>\uacbd\uae30\ub3c4 \uc131\ub0a8\uc2dc \ubd84\ub2f9\uad6c \ud310\uad50\uc5ed\ub85c 000, 15\uce35<\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- \uc6b0\uce21 \ud3fc \uc601\uc5ed -->\r\n            <div class=\"contact-form-area gs-fade-up\">\r\n                <form id=\"blandingContactForm\" onsubmit=\"submitContactForm(event)\">\r\n                    \r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group gs-form-item\">\r\n                            <label class=\"form-label\">\ub2f4\ub2f9\uc790 \uc131\ud568 <span>*<\/span><\/label>\r\n                            <input type=\"text\" class=\"form-control\" placeholder=\"\ud64d\uae38\ub3d9\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group gs-form-item\">\r\n                            <label class=\"form-label\">\ud68c\uc0ac\uba85 (\uc120\ud0dd)<\/label>\r\n                            <input type=\"text\" class=\"form-control\" placeholder=\"(\uc8fc)Blanding\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group gs-form-item\">\r\n                            <label class=\"form-label\">\uc5f0\ub77d\ucc98 <span>*<\/span><\/label>\r\n                            <input type=\"tel\" class=\"form-control\" placeholder=\"010-0000-0000\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group gs-form-item\">\r\n                            <label class=\"form-label\">\uc774\uba54\uc77c \uc8fc\uc18c <span>*<\/span><\/label>\r\n                            <input type=\"email\" class=\"form-control\" placeholder=\"example@email.com\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group gs-form-item\">\r\n                        <label class=\"form-label\">\ubb38\uc758 \ubd84\uc57c <span>*<\/span><\/label>\r\n                        <select class=\"form-control\" required>\r\n                            <option value=\"\" disabled selected>\uc120\ud0dd\ud574\uc8fc\uc138\uc694<\/option>\r\n                            <option value=\"brand\">\ube0c\ub79c\ub4dc \ucee8\uc124\ud305 \ubc0f \ub85c\uace0(CI\/BI) \uae30\ud68d<\/option>\r\n                            <option value=\"web\">\uc6f9\uc0ac\uc774\ud2b8 \/ \uc1fc\ud551\ubab0 \uad6c\ucd95<\/option>\r\n                            <option value=\"app\">\ubaa8\ubc14\uc77c \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c<\/option>\r\n                            <option value=\"marketing\">\ub514\uc9c0\ud138 \ud37c\ud3ec\uba3c\uc2a4 \ub9c8\ucf00\ud305<\/option>\r\n                            <option value=\"etc\">\uae30\ud0c0 \uc81c\ud734 \ubc0f \ubb38\uc758<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group gs-form-item\">\r\n                        <label class=\"form-label\">\uc608\uc0c1 \uc608\uc0b0 (\uc120\ud0dd)<\/label>\r\n                        <select class=\"form-control\">\r\n                            <option value=\"\" disabled selected>\ub300\ub7b5\uc801\uc778 \uc608\uc0b0\uc744 \uc120\ud0dd\ud574\uc8fc\uc138\uc694<\/option>\r\n                            <option value=\"1\">1\ucc9c\ub9cc \uc6d0 \ubbf8\ub9cc<\/option>\r\n                            <option value=\"2\">1\ucc9c\ub9cc \uc6d0 ~ 3\ucc9c\ub9cc \uc6d0<\/option>\r\n                            <option value=\"3\">3\ucc9c\ub9cc \uc6d0 ~ 5\ucc9c\ub9cc \uc6d0<\/option>\r\n                            <option value=\"4\">5\ucc9c\ub9cc \uc6d0 \uc774\uc0c1 (\ud611\uc758)<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group gs-form-item\">\r\n                        <label class=\"form-label\">\ubb38\uc758 \ub0b4\uc6a9 <span>*<\/span><\/label>\r\n                        <textarea class=\"form-control\" placeholder=\"\ud504\ub85c\uc81d\ud2b8\uc758 \ubaa9\uc801, \uc8fc\uc694 \uae30\ub2a5, \ucc38\uace0\ud560 \ub9cc\ud55c \uc0ac\uc774\ud2b8 \ub4f1\uc744 \uc790\uc138\ud788 \uc801\uc5b4\uc8fc\uc2dc\uba74 \ub354\uc6b1 \uc815\ud655\ud55c \uc0c1\ub2f4\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"privacy-wrap gs-form-item\">\r\n                        <input type=\"checkbox\" id=\"privacyAgree\" required>\r\n                        <label for=\"privacyAgree\"><a href=\"#\" onclick=\"openFtrModal('privacyModal'); return false;\">\uac1c\uc778\uc815\ubcf4 \uc218\uc9d1 \ubc0f \uc774\uc6a9<\/a>\uc5d0 \ub3d9\uc758\ud569\ub2c8\ub2e4. <span>*<\/span><\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"gs-form-item\">\r\n                        <button type=\"submit\" class=\"submit-btn\">\ubb38\uc758 \uc811\uc218\ud558\uae30<\/button>\r\n                    <\/div>\r\n\r\n                <\/form>\r\n            <\/div>\r\n            \r\n        <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \ud3fc \uc81c\ucd9c \uac00\uc9dc \ud568\uc218 (\uc81c\ucd9c \uc644\ub8cc \uc54c\ub9bc)\r\n        function submitContactForm(e) {\r\n            e.preventDefault();\r\n            alert('\uc131\uacf5\uc801\uc73c\ub85c \uc811\uc218\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ube60\ub978 \uc2dc\uc77c \ub0b4\uc5d0 \uae30\uc7ac\ud574\uc8fc\uc2e0 \uc5f0\ub77d\ucc98\ub85c \ud68c\uc2e0\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4. \uac10\uc0ac\ud569\ub2c8\ub2e4.');\r\n            document.getElementById('blandingContactForm').reset();\r\n        }\r\n\r\n        window.addEventListener('load', function() {\r\n            if(typeof gsap === 'undefined') return;\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            \/\/ 1. \ud788\uc5b4\ub85c \uc560\ub2c8\uba54\uc774\uc158\r\n            const tl = gsap.timeline();\r\n            tl.to('.gs-title', { clipPath: 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)', y: 0, duration: 1.2, stagger: 0.2, ease: 'expo.out', delay: 0.2 })\r\n              .to('.gs-sub', { opacity: 1, y: 0, duration: 1, ease: 'power3.out' }, \"-=0.8\");\r\n\r\n            \/\/ 2. \uc88c\uc6b0 \ucee8\ud14c\uc774\ub108 \uc9c4\uc785 \ud6a8\uacfc\r\n            gsap.fromTo('.gs-fade-up', \r\n                { y: 50, opacity: 0 }, \r\n                { y: 0, opacity: 1, duration: 1, stagger: 0.2, ease: 'power3.out', scrollTrigger: { trigger: '.contact-container', start: 'top 85%' } }\r\n            );\r\n\r\n            \/\/ 3. \uc88c\uce21 \uc544\uc774\ucf58 \ub9ac\uc2a4\ud2b8 Stagger \uc560\ub2c8\uba54\uc774\uc158\r\n            gsap.fromTo('.gs-stagger', \r\n                { x: -30, opacity: 0 }, \r\n                { x: 0, opacity: 1, duration: 0.8, stagger: 0.15, ease: 'power3.out', scrollTrigger: { trigger: '.contact-info-area', start: 'top 75%' } }\r\n            );\r\n\r\n            \/\/ 4. \uc6b0\uce21 \ud3fc \uc785\ub825\ucc3d Stagger \uc560\ub2c8\uba54\uc774\uc158\r\n            gsap.fromTo('.gs-form-item', \r\n                { y: 20, opacity: 0 }, \r\n                { y: 0, opacity: 1, duration: 0.6, stagger: 0.1, ease: 'power2.out', scrollTrigger: { trigger: '.contact-form-area', start: 'top 80%' } }\r\n            );\r\n        });\r\n    <\/script>\r\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":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":3,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/15\/revisions\/227"}],"wp:attachment":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}