{"id":14,"date":"2026-06-02T02:02:10","date_gmt":"2026-06-02T02:02:10","guid":{"rendered":"https:\/\/pink-cassowary-558176.hostingersite.com\/%ea%b3%a0%ea%b0%9d%ec%a7%80%ec%9b%90\/"},"modified":"2026-06-02T09:56:06","modified_gmt":"2026-06-02T09:56:06","slug":"support","status":"publish","type":"page","link":"https:\/\/pink-cassowary-558176.hostingersite.com\/support\/","title":{"rendered":"\uace0\uac1d\uc9c0\uc6d0"},"content":{"rendered":"    <style>\r\n        \/* \uae30\ubcf8 \ub9ac\uc14b *\/\r\n        .sup-wrap { position: relative; width: 100vw; max-width: 100%; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow-x: hidden; background: #f8fbff; color: #333; font-family: 'Noto Sans KR', sans-serif; }\r\n        .sup-wrap * { box-sizing: border-box; }\r\n\r\n        \/* \ud788\uc5b4\ub85c \uc139\uc158 *\/\r\n        .sup-hero { position: relative; height: 50vh; min-height: 400px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #ffffff; perspective: 1000px; }\r\n        .sup-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        .sup-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        .sup-hero-content { position: relative; z-index: 10; text-align: center; padding: 0 5%; }\r\n        .sup-title { font-size: 4.5vw; font-weight: 900; color: #111; margin: 0; line-height: 1.2; letter-spacing: -1px; text-transform: uppercase; }\r\n        .sup-title span { display: inline-block; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); transform: translateY(50px); }\r\n        .sup-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        \/* \ucf58\ud150\uce20 \uacf5\ud1b5 \uc601\uc5ed *\/\r\n        .sup-container { max-width: 1000px; margin: 0 auto; padding: 100px 5%; }\r\n        .sup-sec-header { text-align: center; margin-bottom: 60px; }\r\n        .sup-sec-header h2 { font-size: 2.5rem; font-weight: 900; color: #111; margin: 0 0 10px; }\r\n        .sup-sec-header p { font-size: 1.1rem; color: #666; margin: 0; }\r\n\r\n        \/* \uacf5\uc9c0\uc0ac\ud56d (Notice) \ub9ac\uc2a4\ud2b8 \ub514\uc790\uc778 *\/\r\n        .notice-wrap { margin-bottom: 120px; }\r\n        .notice-list { list-style: none; padding: 0; margin: 0; border-top: 2px solid #111; }\r\n        .notice-item { border-bottom: 1px solid #eef2f6; transition: 0.3s; }\r\n        .notice-item:hover { background: #fff; box-shadow: 0 10px 30px rgba(0,102,255,0.05); transform: scale(1.02); border-radius: 15px; border-bottom-color: transparent; }\r\n        .notice-link { display: flex; align-items: center; padding: 25px 20px; text-decoration: none; color: inherit; }\r\n        .n-badge { background: #eef2f6; color: #0066ff; padding: 5px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 800; margin-right: 20px; flex-shrink: 0; }\r\n        .notice-item:hover .n-badge { background: #0066ff; color: #fff; }\r\n        .n-title { font-size: 1.15rem; font-weight: 600; color: #111; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 20px; transition: 0.3s; }\r\n        .notice-item:hover .n-title { color: #0066ff; }\r\n        .n-date { font-size: 0.95rem; color: #888; font-weight: 500; flex-shrink: 0; }\r\n\r\n        \/* FAQ (\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38) \uc544\ucf54\ub514\uc5b8 \ub514\uc790\uc778 *\/\r\n        .faq-wrap { margin-bottom: 80px; }\r\n        .faq-item { background: #fff; border-radius: 20px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid #eef2f6; overflow: hidden; transition: 0.3s; }\r\n        .faq-item:hover { box-shadow: 0 20px 40px rgba(0,102,255,0.08); border-color: rgba(0,102,255,0.2); transform: translateY(-3px); }\r\n        .faq-btn { width: 100%; text-align: left; padding: 25px 30px; background: none; border: none; font-size: 1.15rem; font-weight: 700; color: #111; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: 0.3s; font-family: inherit; }\r\n        .faq-btn:focus { outline: none; }\r\n        .faq-btn.active { color: #0066ff; }\r\n        .faq-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #f4f7fb; color: #0066ff; font-size: 1.2rem; transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); flex-shrink: 0; margin-left: 20px; }\r\n        .faq-btn.active .faq-icon { background: #0066ff; color: #fff; transform: rotate(135deg); }\r\n        \r\n        .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.23, 1, 0.32, 1); background: #fafcff; }\r\n        .faq-content-inner { padding: 0 30px 30px; color: #555; line-height: 1.8; font-size: 1.05rem; word-break: keep-all; }\r\n        .faq-content-inner p { margin: 0; }\r\n\r\n        @media (max-width: 768px) {\r\n            .sup-title { font-size: 8vw; }\r\n            .notice-link { flex-direction: column; align-items: flex-start; gap: 10px; }\r\n            .n-badge { margin-bottom: 5px; }\r\n            .n-title { white-space: normal; line-height: 1.4; margin-right: 0; }\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=\"sup-wrap\">\r\n        <!-- \ud788\uc5b4\ub85c \uc139\uc158 -->\r\n        <section class=\"sup-hero\">\r\n            <div class=\"sup-hero-bg\"><\/div>\r\n            <div class=\"sup-hero-circle\"><\/div>\r\n            <div class=\"sup-hero-content\">\r\n                <h1 class=\"sup-title\"><span class=\"gs-title\">CUSTOMER<\/span> <span class=\"gs-title\" style=\"color:#0066ff;\">SUPPORT<\/span><\/h1>\r\n                <p class=\"sup-sub gs-sub\">\ubb34\uc5c7\uc744 \ub3c4\uc640\ub4dc\ub9b4\uae4c\uc694?<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"sup-container\">\r\n\r\n            <!-- 1. \uacf5\uc9c0\uc0ac\ud56d \uc139\uc158 (\uc0c1\ub2e8 \ubc30\uce58) -->\r\n            <div class=\"notice-wrap gs-fade-up\">\r\n                <div class=\"sup-sec-header\">\r\n                    <h2>NOTICE<\/h2>\r\n                    <p>Blanding\uc758 \ucd5c\uc2e0 \uc18c\uc2dd\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n\r\n                <ul class=\"notice-list\">\r\n                    <li style=\"padding: 40px; text-align:center; color:#777;\">\ub4f1\ub85d\ub41c \uacf5\uc9c0\uc0ac\ud56d\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>                <\/ul>\r\n            <\/div>\r\n            \r\n            <!-- 2. FAQ \uc139\uc158 (\ud558\ub2e8 \ubc30\uce58) -->\r\n            <div class=\"faq-wrap gs-fade-up\">\r\n                <div class=\"sup-sec-header\">\r\n                    <h2>FAQ<\/h2>\r\n                    <p>\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38\uc744 \ubaa8\uc544\ub450\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"faq-list\">\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-btn\">Q. \ud504\ub85c\uc81d\ud2b8 \uc9c4\ud589 \uae30\uac04\uc740 \ubcf4\ud1b5 \uc5bc\ub9c8\ub098 \uac78\ub9ac\ub098\uc694? <span class=\"faq-icon\">+<\/span><\/button>\r\n                        <div class=\"faq-content\"><div class=\"faq-content-inner\"><p>A. \ud504\ub85c\uc81d\ud2b8\uc758 \uaddc\ubaa8\uc640 \uc138\ubd80 \uc694\uad6c\uc0ac\ud56d\uc5d0 \ub530\ub77c \ub2e4\ub974\uc9c0\ub9cc, \uc77c\ubc18\uc801\uc778 \uae30\uc5c5 \uc6f9\uc0ac\uc774\ud2b8 \uad6c\ucd95\uc758 \uacbd\uc6b0 \uae30\ud68d\ubd80\ud130 \ub514\uc790\uc778, \uac1c\ubc1c, \uac80\uc218\uae4c\uc9c0 \uc57d 4\uc8fc ~ 8\uc8fc \uc815\ub3c4 \uc18c\uc694\ub429\ub2c8\ub2e4. \uccab \ubbf8\ud305 \ud6c4 \uc815\ud655\ud55c \uc77c\uc815\uc744 \uc0b0\uc815\ud558\uc5ec \uc548\ub0b4\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p><\/div><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-btn\">Q. \uc11c\ube44\uc2a4 \uacac\uc801\uc740 \uc5b4\ub5bb\uac8c \ubc1b\uc744 \uc218 \uc788\ub098\uc694? <span class=\"faq-icon\">+<\/span><\/button>\r\n                        <div class=\"faq-content\"><div class=\"faq-content-inner\"><p>A. \uc0c1\ub2e8 \uba54\ub274\uc758 '\ubb38\uc758\ud558\uae30'\ub97c \ud1b5\ud574 \ud504\ub85c\uc81d\ud2b8\uc758 \ub300\ub7b5\uc801\uc778 \ub0b4\uc6a9(\ubaa9\uc801, \uae30\ub2a5, \ucc38\uace0 \uc0ac\uc774\ud2b8 \ub4f1)\uc744 \ub0a8\uaca8\uc8fc\uc2dc\uba74, \ub2f4\ub2f9\uc790\uac00 \ud655\uc778 \ud6c4 24\uc2dc\uac04 \uc774\ub0b4\uc5d0 1\ucc28 \uac00\uacac\uc801\uc744 \uc804\ub2ec\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p><\/div><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-btn\">Q. \uc6f9\uc0ac\uc774\ud2b8 \uc624\ud508 \ud6c4 \uc720\uc9c0\ubcf4\uc218\ub3c4 \uac00\ub2a5\ud55c\uac00\uc694? <span class=\"faq-icon\">+<\/span><\/button>\r\n                        <div class=\"faq-content\"><div class=\"faq-content-inner\"><p>A. \ub124, \uac00\ub2a5\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \uc644\ub8cc \ud6c4 \uae30\ubcf8 \ubb34\uc0c1 \uc720\uc9c0\ubcf4\uc218 \uae30\uac04(\ubcf4\ud1b5 1~3\uac1c\uc6d4)\uc744 \uc81c\uacf5\ud574 \ub4dc\ub9ac\uba70, \uc774\ud6c4\uc5d0\ub294 \ud544\uc694\uc5d0 \ub530\ub77c \ubcc4\ub3c4\uc758 \uc720\uc9c0\ubcf4\uc218 \uacc4\uc57d\uc744 \uccb4\uacb0\ud558\uc5ec \uc548\uc815\uc801\uc73c\ub85c \uc0ac\uc774\ud2b8\ub97c \uad00\ub9ac\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p><\/div><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-btn\">Q. \ubbf8\ud305\uc740 \uc5b4\ub5a4 \ubc29\uc2dd\uc73c\ub85c \uc9c4\ud589\ub418\ub098\uc694? <span class=\"faq-icon\">+<\/span><\/button>\r\n                        <div class=\"faq-content\"><div class=\"faq-content-inner\"><p>A. \uace0\uac1d\ub2d8\uc758 \ud3b8\uc758\uc5d0 \ub530\ub77c \uc624\ud504\ub77c\uc778 \ub300\uba74 \ubbf8\ud305(\ub2f9\uc0ac \ubc29\ubb38 \ub610\ub294 \uace0\uac1d\uc0ac \ubc29\ubb38) \ubc0f \ud654\uc0c1 \ud68c\uc758(Zoom, Google Meet \ub4f1) \ubaa8\ub450 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ucd08\uae30 \uae30\ud68d \ub2e8\uacc4\uc5d0\uc11c\ub294 \uc6d0\ud65c\ud55c \uc18c\ud1b5\uc744 \uc704\ud574 \ub300\uba74 \ubbf8\ud305\uc744 \uad8c\uc7a5\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-btn\">Q. \uc791\uc5c5 \uc911\uac04\uc5d0 \ub514\uc790\uc778 \uc218\uc815\uc774 \uac00\ub2a5\ud55c\uac00\uc694? <span class=\"faq-icon\">+<\/span><\/button>\r\n                        <div class=\"faq-content\"><div class=\"faq-content-inner\"><p>A. Blanding\uc740 \uac01 \ub2e8\uacc4\ubcc4(\uae30\ud68d, \ub514\uc790\uc778, \ud37c\ube14\ub9ac\uc2f1)\ub85c \uace0\uac1d\uc758 \ucee8\ud38c\uc744 \uac70\uce5c \ud6c4 \ub2e4\uc74c \ub2e8\uacc4\ub85c \ub118\uc5b4\uac00\ub294 \ud504\ub85c\uc138\uc2a4\ub97c \ub530\ub985\ub2c8\ub2e4. \ub514\uc790\uc778 \ub2e8\uacc4\uc5d0\uc11c \ucda9\ubd84\ud55c \ud611\uc758\uc640 \uc218\uc815\uc744 \uac70\uce58\uae30 \ub54c\ubb38\uc5d0 \uacb0\uacfc\ubb3c\uc758 \ub9cc\uc871\ub3c4\uac00 \ub192\uc2b5\ub2c8\ub2e4.<\/p><\/div><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\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. \uc139\uc158 \uc2a4\ud06c\ub864 \uc560\ub2c8\uba54\uc774\uc158\r\n            gsap.utils.toArray('.gs-fade-up').forEach(item => {\r\n                gsap.fromTo(item, \r\n                    { y: 50, opacity: 0 }, \r\n                    { y: 0, opacity: 1, duration: 1, ease: 'power3.out', scrollTrigger: { trigger: item, start: 'top 85%' } }\r\n                );\r\n            });\r\n\r\n            \/\/ 3. FAQ \uc544\ucf54\ub514\uc5b8 \ub3d9\uc791 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\r\n            const faqBtns = document.querySelectorAll('.faq-btn');\r\n            faqBtns.forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    const content = this.nextElementSibling;\r\n                    const isActive = this.classList.contains('active');\r\n\r\n                    \/\/ \ubaa8\ub4e0 \uc5f4\ub9b0 \uc544\ucf54\ub514\uc5b8 \ub2eb\uae30\r\n                    document.querySelectorAll('.faq-btn').forEach(b => b.classList.remove('active'));\r\n                    document.querySelectorAll('.faq-content').forEach(c => c.style.maxHeight = null);\r\n\r\n                    \/\/ \ud074\ub9ad\ud55c \uc694\uc18c\uac00 \ub2eb\ud600\uc788\uc5c8\ub2e4\uba74 \uc5f4\uae30\r\n                    if (!isActive) {\r\n                        this.classList.add('active');\r\n                        content.style.maxHeight = content.scrollHeight + \"px\";\r\n                    }\r\n                });\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-14","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\/14","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=14"}],"version-history":[{"count":3,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/pages\/14\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/pink-cassowary-558176.hostingersite.com\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}