{"id":340,"date":"2025-01-08T07:36:00","date_gmt":"2025-01-07T22:36:00","guid":{"rendered":"https:\/\/www.hyundaiautodoor.com\/?page_id=340"},"modified":"2025-08-11T16:53:38","modified_gmt":"2025-08-11T07:53:38","slug":"faq","status":"publish","type":"page","link":"https:\/\/hyundaiautodoor.com\/en\/faq\/","title":{"rendered":"faq"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

FAQ<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: #f5f7fa;\n font-family: 'Noto Sans KR', sans-serif;\n line-height: 1.6;\n }\n\n .faq-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n .faq-title {\n font-size: 32px;\n font-weight: 700;\n color: #333;\n text-align: center;\n margin-bottom: 50px;\n }\n\n .faq-category {\n margin-bottom: 30px;\n text-align: left;\n }\n\n .category-select {\n padding: 12px 40px 12px 20px;\n border: 2px solid #e1e5e9;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 500;\n background-color: white;\n cursor: pointer;\n transition: border-color 0.3s ease;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'><\/polyline><\/svg>\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n background-size: 16px;\n }\n\n .category-select:focus {\n outline: none;\n border-color: #1a73e8;\n }\n\n .faq-list {\n list-style: none;\n }\n\n .faq-item {\n margin-bottom: 16px;\n border-radius: 12px;\n overflow: hidden;\n background-color: white;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n .faq-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n }\n\n .faq-question {\n display: flex;\n align-items: center;\n padding: 24px;\n cursor: pointer;\n position: relative;\n transition: background-color 0.3s ease;\n }\n\n .faq-question:hover {\n background-color: #f8f9ff;\n }\n\n .faq-number {\n color: #1a73e8;\n margin-right: 20px;\n font-weight: 700;\n font-size: 18px;\n min-width: 50px;\n }\n\n .faq-text {\n flex-grow: 1;\n font-size: 18px;\n font-weight: 500;\n color: #333;\n }\n\n .faq-arrow {\n position: absolute;\n right: 24px;\n font-size: 20px;\n color: #1a73e8;\n transform: rotate(0deg);\n transition: transform 0.3s ease;\n }\n\n .faq-answer {\n background-color: #f8f9ff;\n padding: 24px 24px 24px 70px;\n display: none;\n font-size: 16px;\n color: #555;\n border-top: 1px solid #e8eaed;\n }\n\n .active .faq-question {\n background-color: #f0f9ff;\n }\n\n .active .faq-arrow {\n transform: rotate(180deg);\n }\n\n .active .faq-answer {\n display: block;\n }\n\n \/* \ubc18\uc751\ud615 \ub514\uc790\uc778 *\/\n @media (max-width: 768px) {\n .faq-container {\n padding: 20px 16px;\n }\n\n .faq-title {\n font-size: 24px;\n margin-bottom: 30px;\n }\n\n .faq-question {\n padding: 20px 16px;\n }\n\n .faq-text {\n font-size: 16px;\n }\n\n .faq-answer {\n padding: 20px 16px 20px 56px;\n font-size: 14px;\n }\n\n .faq-number {\n font-size: 16px;\n min-width: 40px;\n margin-right: 16px;\n }\n\n .faq-arrow {\n right: 16px;\n font-size: 18px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"faq-container\">\n <h1 class=\"faq-title\">\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/h1>\n \n <div class=\"faq-category\">\n <select id=\"categorySelect\" class=\"category-select\">\n <option value=\"all\">\uc804\uccb4\ubcf4\uae30<\/option>\n <option value=\"install\">\uc124\uce58\ubb38\uc758<\/option>\n <option value=\"repair\">\uc218\ub9ac\ubb38\uc758<\/option>\n <option value=\"product\">\uc81c\ud488\ubb38\uc758<\/option>\n <\/select>\n <\/div>\n\n <ul id=\"faqList\" class=\"faq-list\">\n <!-- FAQ \ud56d\ubaa9\ub4e4\uc774 \uc5ec\uae30\uc5d0 \ub3d9\uc801\uc73c\ub85c \ucd94\uac00\ub429\ub2c8\ub2e4 -->\n <\/ul>\n <\/div>\n\n <script>\n \/\/ FAQ \ub370\uc774\ud130\n const faqData = {\n install: [\n {\n question: \"\ub2e8\uc21c \ubd80\ud488 \uad6c\ub9e4 \ubc0f \uc790\ub3d9\ubb38 \uc124\uce58\uc640 \uacac\uc801\uc744 \ubb38\uc758\ud569\ub2c8\ub2e4.\",\n answer: \"\u2022 <strong>\uc790\ub3d9\ubb38 \uc124\uce58:<\/strong> \uc124\uce58 \ube44\uc6a9\uc740 \ubb38\uc758 \ud06c\uae30, \uc885\ub958, \uc124\uce58 \ud658\uacbd\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9d1\ub2c8\ub2e4. \uc815\ud655\ud55c \uacac\uc801\uc744 \uc704\ud574\uc11c\ub294 \ud604\uc7a5 \ubc29\ubb38\uc774 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uc0c1\ub2f4 \ud6c4\uc5d0 \ud604\uc7a5 \ubc29\ubb38 \uc77c\uc815\uc744 \uc870\uc728\ud558\uc5ec \uc0c1\uc138\ud55c \uacac\uc801\uc744 \ubc1b\uc544\ubcf4\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\u2022 <strong>\ub2e8\uc21c \ubd80\ud488 \uad6c\ub9e4:<\/strong> \ub2f9\uc0ac\ub294 \uc778\ud130\ub137 \ud310\ub9e4\ub294 \uc9c4\ud589\ud558\uace0 \uc788\uc9c0 \uc54a\uc73c\ubbc0\ub85c, \uce74\uce74\uc624\ud1a1 \ucc44\ub110 \u2018(\uc8fc)\ud604\ub300\uc790\ub3d9\ubb38\u2019\uc744 \ucd94\uac00\ud558\uc2e0 \ud6c4 \uacac\uc801 \ubb38\uc758\ub97c \ub204\ub974\uc2e0 \ub2e4\uc74c, \uad6c\ub9e4 \ud76c\ub9dd\ud558\uc2dc\ub294 \ubd80\ud488\uc758 \uc0ac\uc9c4\uacfc \uc0c1\uc138 \uc0ac\uc591\uc744 \ubcf4\ub0b4\uc8fc\uc2dc\uba74 \ucc28\ub840\ub300\ub85c \uc548\ub0b4\ud574 \ub4dc\ub9ac\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.\"\n }\n ],\n repair: [\n {\n question: \"\uc218\ub9ac \uc694\uccad\uc740 \uc5b4\ub5bb\uac8c \ud558\ub098\uc694?\",\n answer: \"AS \uc811\uc218\ub97c \uc6d0\ud558\uc2dc\ub294 \uacbd\uc6b0, <strong>\uce74\uce74\uc624\ud1a1 \ucc44\ub110 \u2018(\uc8fc)\ud604\ub300\uc790\ub3d9\ubb38\u2019<\/strong>\uc744 \ucd94\uac00\ud558\uc2e0 \ud6c4 1:1 \ucc44\ud305\uc73c\ub85c \ubb38\uc758\ud574 \uc8fc\uc2dc\uba74 \uc2e0\uc18d\ud788 \uc548\ub0b4\ud574 \ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.\"\n },\n {\n question: \"\ubb34\uc0c1 A\/S \uae30\uac04\uc774 \uc5b4\ub5bb\uac8c \ub418\ub098\uc694?\",\n answer: \"\ucd9c\uace0\uc77c\ub85c\ubd80\ud130 <strong>1\ub144\uac04 \ubb34\uc0c1 A\/S<\/strong>\ub97c \ubc1b\uc73c\uc2e4 \uc218 \uc788\uc73c\uba70, \ucee8\ud2b8\ub864\uc758 \uc2dc\ub9ac\uc5bc \ub118\ubc84\ub97c \ud1b5\ud574 \ucd9c\uace0\uc77c \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. <br>\ub2e8, \uc18c\ube44\uc790 \uacfc\uc2e4 \ub610\ub294 \ud504\ub808\uc784, \ub3c4\uc5b4\uc758 \ud558\uc790\ub85c \uc778\ud55c A\/S\ub294 \uc720\uc0c1\uc73c\ub85c \uc9c4\ud589\ub418\uba70, \uc124\uce58 1\ub144 \uc774\ub0b4\uc758 \uc790\ub3d9\ubb38\uc740 \uc2dc\uacf5 \ubc1b\uc73c\uc2e0 \uc5c5\uccb4\uc5d0 \ubb38\uc758\ud558\uc5ec AS\uc811\uc218\ud574\uc8fc\uc2dc\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4. \uc2dc\uacf5\uc5c5\uccb4\ub294 \uc0c1\ub2e8 \uc810\uac80\uad6c \ub0b4\ubd80\uc5d0 \ubd80\ucc29\ub41c \ud488\uc9c8\ubcf4\uc99d\uc11c\uc5d0\uc11c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"\n },\n {\n \tquestion: \"\uc790\ub3d9\ubb38\uc774 \uc5f4\ub824\uc11c \uc548 \ub2eb\ud788\ub294 \uacbd\uc6b0 (\uc5f4\ub838\ub2e4\uac00 \ub2eb\ud614\ub2e4 \ubc18\ubcf5\ud558\ub294 \uacbd\uc6b0 \ud3ec\ud568)\",\n answer: \"\u2022 <strong>\uc548\uc804\uc13c\uc11c \ud655\uc778:<\/strong> \ud504\ub808\uc784 \uc88c-\uc6b0\uce21 \ubb34\ub98e \ub192\uc774\uc5d0 \uc788\ub294 \uc548\uc804\uc13c\uc11c \ub80c\uc988\uc5d0 \ubb3c\ubc29\uc6b8, \uc774\ubb3c\uc9c8\uc774 \ubb3b\uc5c8\uac70\ub098 \uc2b5\uae30\uac00 \ucc28 \uc788\ub294 \uacbd\uc6b0 \ubb3c\uccb4\ub85c \uac10\uc9c0\ud558\uc5ec \ubb38\uc774 \ub2eb\ud788\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae68\ub057\ud55c \ud734\uc9c0\ub098 \uba74\ubd09\uc73c\ub85c \ub2e6\uc544\uc8fc\uc2dc\uba74 \uc815\uc0c1\uc791\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br>\u2022 <strong>\uc8fc\ubcc0 \ubb3c\uccb4 \uac10\uc9c0:<\/strong> \uc790\ub3d9\ubb38 \uc8fc\ubcc0\uc5d0 \ud654\ubd84\uc774\ub098 \ub2e4\ub978 \ubb3c\uccb4\uac00 \uc788\uc73c\uba74 \ubc14\ub78c\uc5d0 \uc758\ud574 \uac10\uc9c0\ub418\uc5b4 \ubb38\uc774 \ub2eb\ud788\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc8fc\ubcc0 \ubb3c\uccb4\ub97c \uc815\ub9ac\ud574 \ubcf4\uc138\uc694.<br>\u2022 <strong>\ud640\ub529 \uae30\ub2a5 \ud65c\uc131\ud654:<\/strong> \ud130\uce58\uc758 \ud640\ub529 \uae30\ub2a5\uc774 \uc791\ub3d9 \uc911\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\ud130\uce58\uc5d0 \uae5c\ube61\uc774\ub294 \ubd88\ube5b\uc774 \ub4e4\uc5b4\uc634) \uc1a1\uc2e0\uae30\ub97c \ud55c \ubc88 \ub204\ub974\uc2dc\uba74 \ud640\ub529\uae30\ub2a5\uc774 \ud574\uc81c\ub429\ub2c8\ub2e4.\"\n },\n {\n \tquestion: \"\ub2eb\ud600\uc11c \uc548 \uc5f4\ub9ac\ub294 \uacbd\uc6b0\",\n answer: \"\u2022 <strong>\ubcf4\uc548 \uc2dc\uc2a4\ud15c \uc5f0\ub3d9:<\/strong> \uc774\uc6a9\ud558\uace0 \uacc4\uc2e0 \ubcf4\uc548\uc5c5\uccb4\uac00 \uc788\ub2e4\uba74 \uc790\ub3d9\ubb38\uc5d0 \ubcf4\uc548 \uc2e0\ud638\uac00 \ub4e4\uc5b4\uac00 \uc791\ub3d9\uc774 \uc548 \ub418\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacbd\uc6b0 \uba3c\uc800 \ubcf4\uc548 \uc5c5\uccb4\uc5d0 \ubb38\uc758 \ud6c4 A\/S\ub97c \uc811\uc218\ud574 \uc8fc\uc138\uc694.<br>\u2022 <strong>\ubb34\uc120 \ud130\uce58 \ubc30\ud130\ub9ac \ubc29\uc804:<\/strong> \ubb34\uc120 \ud130\uce58\ub97c \uc0ac\uc6a9 \uc911\uc774\ub77c\uba74 \ubc30\ud130\ub9ac\uac00 \ubc29\uc804\ub418\uc5b4 \uc791\ub3d9\uc774 \uc548 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud130\uce58 \ud558\ub2e8\uc758 \ub098\uc0ac\ub97c \ud480\uc5b4 \ubc30\ud130\ub9ac\ub97c \uad50\uccb4\ud574 \ubcf4\uc138\uc694.<br>\u2022 <strong>\uc804\uc6d0 \uacf5\uae09 \ud655\uc778: <\/strong> \uc790\ub3d9\ubb38 \uc804\uc6d0\uc2a4\uc704\uce58\uc5d0 \ubd88\uc774 \ub4e4\uc5b4\uc624\ub294\uc9c0 \ud655\uc778\ud574 \uc804\uae30\uacf5\uae09\uc774 \uc6d0\ud65c\ud55c\uc9c0 \ud655\uc778\ud574\uc8fc\uc138\uc694.\"\n } \n ],\n product: [\n {\n question: \"\uc790\ub3d9\ubb38\uc774 \ub290\ub9ac\uac8c \uc791\ub3d9\ud558\ub294\ub370 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud558\ub098\uc694?\",\n answer: \"\u2022 <strong>\uc18d\ub3c4 \uc870\uc808 \uc7a5\uce58<\/strong> \uc124\uc815\uc774 \ub0ae\uac8c \ub418\uc5b4 \uc788\ub294 \uacbd\uc6b0<br>\u2022 <strong>\ub808\uc77c\uc5d0 \uba3c\uc9c0\ub098 \uc774\ubb3c\uc9c8<\/strong>\uc774 \uc313\uc5ec \ubb38 \uc6c0\uc9c1\uc784\uc744 \ubc29\ud574\ud558\ub294 \uacbd\uc6b0<br>\u2022 <strong>\ubaa8\ud130\ub098 \uc13c\uc11c \ub178\ud6c4\ud654<\/strong>\ub85c \uc778\ud574 \uc791\ub3d9\uc774 \uc6d0\ud65c\ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0<br><br>\ubb38 \uc5f4\ub9bc \uc18d\ub3c4\ub294 \uc77c\uc815 \ubc94\uc704 \ub0b4\uc5d0\uc11c \uc870\uc808\uc774 \uac00\ub2a5\ud558\ubbc0\ub85c, \ubb38\uc81c\uac00 \uacc4\uc18d\ub41c\ub2e4\uba74 \uc804\ubb38 \uae30\uc220\uc790\uc758 \uc810\uac80\uc744 \uad8c\uc7a5\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\"\n }\n ]\n };\n\n function updateFAQList(category) {\n const faqList = document.getElementById('faqList');\n faqList.innerHTML = '';\n\n let displayData = [];\n let questionNumber = 1;\n\n if (category === 'all') {\n \/\/ \ubaa8\ub4e0 \uce74\ud14c\uace0\ub9ac\uc758 \ub370\uc774\ud130\ub97c \uce74\ud14c\uace0\ub9ac\ubcc4\ub85c \uadf8\ub8f9\ud654\n const categoryNames = {\n install: '\uc124\uce58\ubb38\uc758',\n repair: '\uc218\ub9ac\ubb38\uc758', \n product: '\uc81c\ud488\ubb38\uc758'\n };\n\n Object.keys(faqData).forEach(cat => {\n displayData.push(...faqData[cat].map(item => ({\n ...item,\n category: categoryNames[cat]\n })));\n });\n } else {\n displayData = faqData[category] || [];\n }\n\n displayData.forEach((item, index) => {\n const li = document.createElement('li');\n li.className = 'faq-item';\n \n li.innerHTML = `\n <div class=\"faq-question\">\n <span class=\"faq-number\">Q${questionNumber++}<\/span>\n <div class=\"faq-text\">${item.question}<\/div>\n <span class=\"faq-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"faq-answer\">\n ${item.answer}\n <\/div>\n `;\n \n faqList.appendChild(li);\n });\n\n \/\/ \ud074\ub9ad \uc774\ubca4\ud2b8 \ubc14\uc778\ub529\n bindClickEvents();\n }\n\n function bindClickEvents() {\n document.querySelectorAll('.faq-question').forEach(function(question) {\n question.addEventListener('click', function() {\n const item = this.parentElement;\n const isActive = item.classList.contains('active');\n\n \/\/ \ub2e4\ub978 \ubaa8\ub4e0 \uc544\uc774\ud15c \ub2eb\uae30\n document.querySelectorAll('.faq-item').forEach(function(faqItem) {\n faqItem.classList.remove('active');\n });\n\n \/\/ \ud604\uc7ac \uc544\uc774\ud15c\uc774 \ub2eb\ud600\uc788\uc5c8\ub2e4\uba74 \uc5f4\uae30\n if (!isActive) {\n item.classList.add('active');\n }\n });\n });\n }\n\n \/\/ \uce74\ud14c\uace0\ub9ac \uc120\ud0dd \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108\n document.getElementById('categorySelect').addEventListener('change', function(e) {\n updateFAQList(e.target.value);\n });\n\n \/\/ \ucd08\uae30 \ub85c\ub4dc\n document.addEventListener('DOMContentLoaded', function() {\n updateFAQList('all');\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FAQ \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 \uc804\uccb4\ubcf4\uae30\uc124\uce58\ubb38\uc758\uc218\ub9ac\ubb38\uc758\uc81c\ud488\ubb38\uc758<\/p>","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-340","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/pages\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":13,"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":1035,"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/pages\/340\/revisions\/1035"}],"wp:attachment":[{"href":"https:\/\/hyundaiautodoor.com\/en\/wp-json\/wp\/v2\/media?parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}