{"id":399,"date":"2025-08-21T15:06:20","date_gmt":"2025-08-21T06:06:20","guid":{"rendered":"http:\/\/qmac.kr\/wordpress\/?page_id=399"},"modified":"2025-08-21T23:20:40","modified_gmt":"2025-08-21T14:20:40","slug":"ai-agent-cussor-%ec%9d%b4-%eb%a7%8c%eb%93%a4%ec%96%b4%ec%a4%80-mbti-%ed%85%8c%ec%8a%a4%ed%8a%b8-%ed%8e%98%ec%9d%b4%ec%a7%80","status":"publish","type":"page","link":"http:\/\/qmac.kr\/wordpress\/ai-agent-cussor-%ec%9d%b4-%eb%a7%8c%eb%93%a4%ec%96%b4%ec%a4%80-mbti-%ed%85%8c%ec%8a%a4%ed%8a%b8-%ed%8e%98%ec%9d%b4%ec%a7%80\/","title":{"rendered":"MBTI Test"},"content":{"rendered":"\n<p>AI agent Cussor \uc774 \ub9cc\ub4e4\uc5b4\uc900 MBTI \ud14c\uc2a4\ud2b8 \ud398\uc774\uc9c0<\/p>\n\n\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>MBTI \uc131\uaca9\uc720\ud615 \ud14c\uc2a4\ud2b8 (50\ubb38\ud56d)<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #333;\n        }\n\n        .container {\n            background: white;\n            border-radius: 20px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            padding: 40px;\n            max-width: 700px;\n            width: 90%;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .screen {\n            display: none;\n            animation: fadeIn 0.5s ease-in-out;\n        }\n\n        .screen.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* \uc2dc\uc791 \ud654\uba74 *\/\n        #start-screen h1 {\n            font-size: 2.5rem;\n            margin-bottom: 20px;\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        #start-screen p {\n            font-size: 1.2rem;\n            color: #666;\n            margin-bottom: 30px;\n        }\n\n        .test-info {\n            display: flex;\n            justify-content: space-around;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .info-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .info-item .icon {\n            font-size: 2rem;\n        }\n\n        .info-item span:last-child {\n            font-weight: 600;\n            color: #667eea;\n        }\n\n        \/* \ubc84\ud2bc \uc2a4\ud0c0\uc77c *\/\n        .btn {\n            padding: 15px 30px;\n            border: none;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            margin: 10px;\n        }\n\n        .btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        .btn.primary {\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            color: white;\n        }\n\n        .btn.primary:hover:not(:disabled) {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n        }\n\n        .btn.secondary {\n            background: #f8f9fa;\n            color: #667eea;\n            border: 2px solid #667eea;\n        }\n\n        .btn.secondary:hover:not(:disabled) {\n            background: #667eea;\n            color: white;\n        }\n\n        \/* \uc9c4\ud589\ub960 *\/\n        .progress-container {\n            margin-bottom: 30px;\n        }\n\n        .progress-text {\n            font-size: 1.1rem;\n            color: #667eea;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n\n        .progress-bar {\n            width: 100%;\n            height: 10px;\n            background: #e9ecef;\n            border-radius: 5px;\n            overflow: hidden;\n        }\n\n        .progress-fill {\n            height: 100%;\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            width: 0%;\n            transition: width 0.3s ease;\n        }\n\n        \/* \uc9c8\ubb38 \ud654\uba74 *\/\n        .question-container h2 {\n            font-size: 1.4rem;\n            margin-bottom: 30px;\n            color: #333;\n            line-height: 1.5;\n            min-height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .options {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n\n        .option-btn {\n            padding: 18px 20px;\n            border: 2px solid #e9ecef;\n            border-radius: 12px;\n            background: white;\n            color: #333;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-align: left;\n            position: relative;\n        }\n\n        .option-btn:hover {\n            border-color: #667eea;\n            background: #f8f9ff;\n            transform: translateX(5px);\n        }\n\n        .option-btn:active {\n            transform: scale(0.98);\n        }\n\n        .option-btn.selected {\n            border-color: #667eea;\n            background: #667eea;\n            color: white;\n        }\n\n        \/* \ub124\ube44\uac8c\uc774\uc158 *\/\n        .navigation {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px;\n        }\n\n        \/* \uacb0\uacfc \ud654\uba74 *\/\n        #result-screen h2 {\n            font-size: 2rem;\n            margin-bottom: 30px;\n            color: #667eea;\n        }\n\n        .result-container {\n            margin-bottom: 30px;\n        }\n\n        .mbti-result {\n            background: linear-gradient(135deg, #f8f9ff, #e8f2ff);\n            padding: 30px;\n            border-radius: 15px;\n            margin-bottom: 25px;\n        }\n\n        .mbti-result h3 {\n            font-size: 3.5rem;\n            margin-bottom: 15px;\n            color: #667eea;\n            font-weight: bold;\n        }\n\n        .mbti-result p {\n            font-size: 1.1rem;\n            color: #666;\n            line-height: 1.6;\n        }\n\n        \/* \uc810\uc218 \ubd84\uc11d *\/\n        .score-breakdown {\n            background: #f8f9fa;\n            padding: 25px;\n            border-radius: 15px;\n            margin-bottom: 25px;\n        }\n\n        .score-breakdown h4 {\n            color: #333;\n            margin-bottom: 20px;\n            font-size: 1.3rem;\n        }\n\n        .score-bars {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .score-item {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            font-size: 0.9rem;\n            color: #666;\n        }\n\n        .score-item span:first-child {\n            min-width: 80px;\n            text-align: right;\n        }\n\n        .score-item span:last-child {\n            min-width: 80px;\n            text-align: left;\n        }\n\n        .score-bar {\n            flex: 1;\n            height: 8px;\n            background: #e9ecef;\n            border-radius: 4px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .score-fill {\n            height: 100%;\n            background: linear-gradient(45deg, #667eea, #764ba2);\n            transition: width 0.8s ease;\n        }\n\n        .mbti-details {\n            background: #f8f9fa;\n            padding: 20px;\n            border-radius: 10px;\n        }\n\n        .mbti-details h4 {\n            color: #333;\n            margin-bottom: 15px;\n            font-size: 1.2rem;\n        }\n\n        #mbti-traits {\n            text-align: left;\n            line-height: 1.6;\n            color: #666;\n            white-space: pre-line;\n        }\n\n        .action-buttons {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        \/* \ubc18\uc751\ud615 \ub514\uc790\uc778 *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 20px;\n                margin: 20px;\n            }\n            \n            #start-screen h1 {\n                font-size: 2rem;\n            }\n            \n            .question-container h2 {\n                font-size: 1.2rem;\n                min-height: 60px;\n            }\n            \n            .mbti-result h3 {\n                font-size: 2.5rem;\n            }\n            \n            .btn {\n                padding: 12px 24px;\n                font-size: 1rem;\n            }\n            \n            .test-info {\n                flex-direction: column;\n                gap: 15px;\n            }\n            \n            .navigation {\n                flex-direction: column;\n            }\n            \n            .action-buttons {\n                flex-direction: column;\n            }\n        }\n    <\/style>\n\n\n    <div class=\"container\">\n        <!-- \uc2dc\uc791 \ud654\uba74 -->\n        <div id=\"start-screen\" class=\"screen active\">\n            <h1>\ud83c\udfad MBTI \uc131\uaca9\uc720\ud615 \ud14c\uc2a4\ud2b8<\/h1>\n            <p>50\ubb38\ud56d\uc73c\ub85c \ub354 \uc815\ud655\ud55c \ub2f9\uc2e0\uc758 \uc131\uaca9\uc720\ud615\uc744 \uc54c\uc544\ubcf4\uc138\uc694!<\/p>\n            <div class=\"test-info\">\n                <div class=\"info-item\">\n                    <span class=\"icon\">\ud83d\udcdd<\/span>\n                    <span>50\uac1c \uc9c8\ubb38<\/span>\n                <\/div>\n                <div class=\"info-item\">\n                    <span class=\"icon\">\u23f1\ufe0f<\/span>\n                    <span>\uc57d 10-15\ubd84<\/span>\n                <\/div>\n                <div class=\"info-item\">\n                    <span class=\"icon\">\ud83c\udfaf<\/span>\n                    <span>16\uac00\uc9c0 \uc720\ud615<\/span>\n                <\/div>\n            <\/div>\n            <button id=\"start-btn\" class=\"btn primary\">\ud14c\uc2a4\ud2b8 \uc2dc\uc791\ud558\uae30<\/button>\n        <\/div>\n\n        <!-- \uc9c8\ubb38 \ud654\uba74 -->\n        <div id=\"question-screen\" class=\"screen\">\n            <div class=\"progress-container\">\n                <div class=\"progress-text\">\n                    <span id=\"current-question\">1<\/span> \/ <span id=\"total-questions\">50<\/span>\n                <\/div>\n                <div class=\"progress-bar\">\n                    <div class=\"progress-fill\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"question-container\">\n                <h2 id=\"question-text\"><\/h2>\n                <div class=\"options\">\n                    <button class=\"option-btn\" data-value=\"1\">\uc804\ud600 \uadf8\ub807\uc9c0 \uc54a\ub2e4<\/button>\n                    <button class=\"option-btn\" data-value=\"2\">\uadf8\ub807\uc9c0 \uc54a\ub2e4<\/button>\n                    <button class=\"option-btn\" data-value=\"3\">\ubcf4\ud1b5\uc774\ub2e4<\/button>\n                    <button class=\"option-btn\" data-value=\"4\">\uadf8\ub807\ub2e4<\/button>\n                    <button class=\"option-btn\" data-value=\"5\">\ub9e4\uc6b0 \uadf8\ub807\ub2e4<\/button>\n                <\/div>\n            <\/div>\n            <div class=\"navigation\">\n                <button id=\"prev-btn\" class=\"btn secondary\" disabled=\"\">\uc774\uc804<\/button>\n                <button id=\"next-btn\" class=\"btn primary\" disabled=\"\">\ub2e4\uc74c<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- \uacb0\uacfc \ud654\uba74 -->\n        <div id=\"result-screen\" class=\"screen\">\n            <h2>\ud83c\udf89 \ub2f9\uc2e0\uc758 MBTI \uacb0\uacfc<\/h2>\n            <div class=\"result-container\">\n                <div class=\"mbti-result\">\n                    <h3 id=\"mbti-type\"><\/h3>\n                    <p id=\"mbti-description\"><\/p>\n                <\/div>\n                <div class=\"score-breakdown\">\n                    <h4>\uc131\ud5a5 \uc810\uc218 \ubd84\uc11d<\/h4>\n                    <div class=\"score-bars\">\n                        <div class=\"score-item\">\n                            <span>\uc678\ud5a5\uc131 (E)<\/span>\n                            <div class=\"score-bar\">\n                                <div class=\"score-fill\" id=\"e-score\"><\/div>\n                            <\/div>\n                            <span>\ub0b4\ud5a5\uc131 (I)<\/span>\n                        <\/div>\n                        <div class=\"score-item\">\n                            <span>\uac10\uac01 (S)<\/span>\n                            <div class=\"score-bar\">\n                                <div class=\"score-fill\" id=\"s-score\"><\/div>\n                            <\/div>\n                            <span>\uc9c1\uad00 (N)<\/span>\n                        <\/div>\n                        <div class=\"score-item\">\n                            <span>\uc0ac\uace0 (T)<\/span>\n                            <div class=\"score-bar\">\n                                <div class=\"score-fill\" id=\"t-score\"><\/div>\n                            <\/div>\n                            <span>\uac10\uc815 (F)<\/span>\n                        <\/div>\n                        <div class=\"score-item\">\n                            <span>\ud310\ub2e8 (J)<\/span>\n                            <div class=\"score-bar\">\n                                <div class=\"score-fill\" id=\"j-score\"><\/div>\n                            <\/div>\n                            <span>\uc778\uc2dd (P)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"mbti-details\">\n                    <h4>\uc131\uaca9 \uc720\ud615\ubcc4 \ud2b9\uc9d5<\/h4>\n                    <div id=\"mbti-traits\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"action-buttons\">\n                <button id=\"restart-btn\" class=\"btn secondary\">\ub2e4\uc2dc \ud14c\uc2a4\ud2b8\ud558\uae30<\/button>\n                <button id=\"share-btn\" class=\"btn primary\">\uacb0\uacfc \uacf5\uc720\ud558\uae30<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ MBTI 50\ubb38\ud56d \uc9c8\ubb38 \ub370\uc774\ud130\n        const questions = [\n            \/\/ E\/I (\uc678\ud5a5\uc131\/\ub0b4\ud5a5\uc131) - 12\ubb38\ud56d\n            \"\ub098\ub294 \uc0c8\ub85c\uc6b4 \uc0ac\ub78c\ub4e4\uc744 \ub9cc\ub098\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\ud63c\uc790 \uc788\ub294 \uc2dc\uac04\uc774 \ud544\uc694\ud558\ub2e4\",\n            \"\ud30c\ud2f0\ub098 \ubaa8\uc784\uc5d0\uc11c \ud65c\ubc1c\ud558\uac8c \ucc38\uc5ec\ud55c\ub2e4\",\n            \"\uc870\uc6a9\ud55c \ud658\uacbd\uc5d0\uc11c \uc77c\ud558\ub294 \uac83\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\ub2e4\ub978 \uc0ac\ub78c\ub4e4\uacfc \ub300\ud654\ud558\ub294 \uac83\uc744 \uc990\uae34\ub2e4\",\n            \"\ud63c\uc790 \uc0dd\uac01\uc5d0 \uc7a0\uae30\ub294 \uc2dc\uac04\uc774 \ud544\uc694\ud558\ub2e4\",\n            \"\uadf8\ub8f9 \ud65c\ub3d9\uc5d0\uc11c \ub9ac\ub354 \uc5ed\ud560\uc744 \ub9e1\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\uac1c\uc778\uc801\uc73c\ub85c \uc77c\ud558\ub294 \uac83\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\ub2e4\ub978 \uc0ac\ub78c\ub4e4\uc758 \uad00\uc2ec\uc744 \ubc1b\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\ud63c\uc790\ub9cc\uc758 \ucde8\ubbf8 \ud65c\ub3d9\uc744 \uc990\uae34\ub2e4\",\n            \"\uc0ac\ub78c\ub4e4\uacfc \ud568\uaed8 \uc788\uc744 \ub54c \uc5d0\ub108\uc9c0\ub97c \uc5bb\ub294\ub2e4\",\n            \"\ud63c\uc790 \uc788\uc744 \ub54c \uc5d0\ub108\uc9c0\ub97c \uc5bb\ub294\ub2e4\",\n            \n            \/\/ S\/N (\uac10\uac01\/\uc9c1\uad00) - 12\ubb38\ud56d\n            \"\uad6c\uccb4\uc801\uc774\uace0 \uc0ac\uc2e4\uc801\uc778 \uc815\ubcf4\ub97c \uc120\ud638\ud55c\ub2e4\",\n            \"\ubbf8\ub798\uc758 \uac00\ub2a5\uc131\uacfc \uc544\uc774\ub514\uc5b4\ub97c \uc0dd\uac01\ud55c\ub2e4\",\n            \"\uc2e4\uc6a9\uc801\uc774\uace0 \ud604\uc2e4\uc801\uc778 \ud574\uacb0\ucc45\uc744 \ucc3e\ub294\ub2e4\",\n            \"\ucc3d\uc758\uc801\uc774\uace0 \ud601\uc2e0\uc801\uc778 \uc544\uc774\ub514\uc5b4\ub97c \uc81c\uc548\ud55c\ub2e4\",\n            \"\uc138\ubd80\uc0ac\ud56d\uc5d0 \uc8fc\uc758\ub97c \uae30\uc6b8\uc778\ub2e4\",\n            \"\uc804\uccb4\uc801\uc778 \uadf8\ub9bc\uc744 \uadf8\ub9ac\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\uac80\uc99d\ub41c \ubc29\ubc95\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\uc0c8\ub85c\uc6b4 \uc811\uadfc \ubc29\uc2dd\uc744 \uc2dc\ub3c4\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\uacbd\ud5d8\uc744 \ud1b5\ud574 \ubc30\uc6b0\ub294 \uac83\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\uc9c1\uac10\uc5d0 \ub530\ub77c \uacb0\uc815\uc744 \ub0b4\ub9b0\ub2e4\",\n            \"\uad6c\uccb4\uc801\uc778 \uc608\uc2dc\ub97c \ud1b5\ud574 \uc774\ud574\ud55c\ub2e4\",\n            \"\ucd94\uc0c1\uc801\uc778 \uac1c\ub150\uc744 \ub2e4\ub8e8\ub294 \uac83\uc744 \uc990\uae34\ub2e4\",\n            \n            \/\/ T\/F (\uc0ac\uace0\/\uac10\uc815) - 13\ubb38\ud56d\n            \"\ub17c\ub9ac\uc801\uc774\uace0 \ubd84\uc11d\uc801\uc778 \uc0ac\uace0\ub97c \uc120\ud638\ud55c\ub2e4\",\n            \"\uac10\uc815\uacfc \uc9c1\uac10\uc5d0 \ub530\ub77c \uacb0\uc815\uc744 \ub0b4\ub9b0\ub2e4\",\n            \"\uac1d\uad00\uc801\uc778 \ud310\ub2e8\uc744 \ub0b4\ub9ac\ub294 \uac83\uc744 \uc911\uc694\uc2dc\ud55c\ub2e4\",\n            \"\ub2e4\ub978 \uc0ac\ub78c\uc758 \uac10\uc815\uc744 \uace0\ub824\ud55c\ub2e4\",\n            \"\ud6a8\uc728\uc131\uacfc \uacb0\uacfc\ub97c \uc911\uc2dc\ud55c\ub2e4\",\n            \"\uc0ac\ub78c\ub4e4 \uac04\uc758 \uc870\ud654\ub97c \uc911\uc2dc\ud55c\ub2e4\",\n            \"\ubb38\uc81c\ub97c \uccb4\uacc4\uc801\uc73c\ub85c \ubd84\uc11d\ud55c\ub2e4\",\n            \"\uc0ac\ub78c\ub4e4\uc758 \uac10\uc815\uc801 \ud544\uc694\ub97c \uc774\ud574\ud55c\ub2e4\",\n            \"\uacf5\uc815\ud558\uace0 \uc77c\uad00\ub41c \uae30\uc900\uc744 \uc801\uc6a9\ud55c\ub2e4\",\n            \"\uac1c\uc778\uc801\uc778 \uac00\uce58\uc640 \uc2e0\ub150\uc744 \uc911\uc694\uc2dc\ud55c\ub2e4\",\n            \"\ub17c\ub9ac\uc801\uc778 \ud1a0\ub860\uc744 \uc990\uae34\ub2e4\",\n            \"\uac10\uc815\uc801\uc778 \uc18c\ud1b5\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\uc6d0\uce59\uacfc \uaddc\uce59\uc744 \uc900\uc218\ud55c\ub2e4\",\n            \n            \/\/ J\/P (\ud310\ub2e8\/\uc778\uc2dd) - 13\ubb38\ud56d\n            \"\uacc4\ud68d\uc744 \uc138\uc6b0\uace0 \uadf8\ub300\ub85c \uc2e4\ud589\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\uc989\ud765\uc801\uc73c\ub85c \ud589\ub3d9\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\ub9c8\uac10\uc77c\uc744 \uc9c0\ud0a4\ub294 \uac83\uc744 \uc911\uc694\uc2dc\ud55c\ub2e4\",\n            \"\uc720\uc5f0\ud558\uac8c \uc77c\uc815\uc744 \uc870\uc815\ud55c\ub2e4\",\n            \"\uccb4\uacc4\uc801\uc774\uace0 \uc870\uc9c1\uc801\uc778 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\uc790\uc720\ub86d\uace0 \uac1c\ubc29\uc801\uc778 \ud658\uacbd\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\uacb0\uc815\uc744 \ube68\ub9ac \ub0b4\ub9ac\ub294 \uac83\uc744 \uc120\ud638\ud55c\ub2e4\",\n            \"\ub354 \ub9ce\uc740 \uc815\ubcf4\ub97c \uc218\uc9d1\ud55c \ud6c4 \uacb0\uc815\ud55c\ub2e4\",\n            \"\ubaa9\ud45c\ub97c \uc124\uc815\ud558\uace0 \ub2ec\uc131\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\uc0c8\ub85c\uc6b4 \uae30\ud68c\uc5d0 \uc5f4\ub824\uc788\ub2e4\",\n            \"\uaddc\uce59\uacfc \uc808\ucc28\ub97c \ub530\ub974\ub294 \uac83\uc744 \uc88b\uc544\ud55c\ub2e4\",\n            \"\ubcc0\ud654\uc640 \uc801\uc751\uc744 \uc990\uae34\ub2e4\",\n            \"\uc644\ubcbd\ud568\uc744 \ucd94\uad6c\ud55c\ub2e4\"\n        ];\n\n        \/\/ MBTI \uc720\ud615\ubcc4 \uc124\uba85\n        const mbtiDescriptions = {\n            \"ISTJ\": \"\uc2e0\uc911\ud558\uace0 \ucc45\uc784\uac10\uc774 \uac15\ud558\uba70, \uc2e4\uc6a9\uc801\uc778 \ud604\uc2e4\uc8fc\uc758\uc790\uc785\ub2c8\ub2e4. \uccb4\uacc4\uc801\uc774\uace0 \uc870\uc9c1\uc801\uc778 \uc811\uadfc\uc744 \uc120\ud638\ud558\uba70, \uc804\ud1b5\uacfc \uc9c8\uc11c\ub97c \uc911\uc2dc\ud569\ub2c8\ub2e4.\",\n            \"ISFJ\": \"\ub530\ub73b\ud558\uace0 \ud5cc\uc2e0\uc801\uc774\uba70, \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3cc\ubcf4\ub294 \uac83\uc744 \uc88b\uc544\ud569\ub2c8\ub2e4. \ud604\uc2e4\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\uc774\uba70, \uc870\ud654\ub85c\uc6b4 \ud658\uacbd\uc744 \ub9cc\ub4dc\ub294 \ub370 \uae30\uc5ec\ud569\ub2c8\ub2e4.\",\n            \"INFJ\": \"\ucc3d\uc758\uc801\uc774\uace0 \uc774\uc0c1\uc8fc\uc758\uc801\uc774\uba70, \uae4a\uc740 \ud1b5\ucc30\ub825\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\ub978 \uc0ac\ub78c\uc758 \uc131\uc7a5\uc744 \ub3d5\uace0, \uc758\ubbf8 \uc788\ub294 \ubcc0\ud654\ub97c \ucd94\uad6c\ud569\ub2c8\ub2e4.\",\n            \"INTJ\": \"\uc804\ub7b5\uc801 \uc0ac\uace0\ub97c \ud558\uba70, \ub3c5\ucc3d\uc801\uc774\uace0 \ud601\uc2e0\uc801\uc778 \uc544\uc774\ub514\uc5b4\ub97c \uc81c\uc2dc\ud569\ub2c8\ub2e4. \ub192\uc740 \uae30\uc900\uc744 \uac00\uc9c0\uace0 \uc9c0\uc801 \ub3c4\uc804\uc744 \uc990\uae41\ub2c8\ub2e4.\",\n            \"ISTP\": \"\ub17c\ub9ac\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\uc774\uba70, \ubb38\uc81c \ud574\uacb0\uc5d0 \ub6f0\uc5b4\ub0a9\ub2c8\ub2e4. \uc720\uc5f0\ud558\uace0 \uc801\uc751\ub825\uc774 \uc88b\uc73c\uba70, \uc989\ud765\uc801\uc778 \ud589\ub3d9\uc744 \uc990\uae41\ub2c8\ub2e4.\",\n            \"ISFP\": \"\uc608\uc220\uc801\uc774\uace0 \uac10\uc131\uc801\uc774\uba70, \ud604\uc7ac\ub97c \uc990\uae30\ub294 \uac83\uc744 \uc88b\uc544\ud569\ub2c8\ub2e4. \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3d5\ub294 \uac83\uc744 \uc88b\uc544\ud558\uba70, \ud3c9\ud654\ub85c\uc6b4 \ud658\uacbd\uc744 \uc120\ud638\ud569\ub2c8\ub2e4.\",\n            \"INFP\": \"\uc774\uc0c1\uc8fc\uc758\uc801\uc774\uace0 \ucc3d\uc758\uc801\uc774\uba70, \uac1c\uc778\uc758 \uac00\uce58\ub97c \uc911\uc694\uc2dc\ud569\ub2c8\ub2e4. \uc0c1\uc0c1\ub825\uc774 \ud48d\ubd80\ud558\uace0 \uae4a\uc740 \uac10\uc815\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.\",\n            \"INTP\": \"\ub17c\ub9ac\uc801\uc774\uace0 \ubd84\uc11d\uc801\uc774\uba70, \ubcf5\uc7a1\ud55c \uc774\ub860\uc744 \ud0d0\uad6c\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud569\ub2c8\ub2e4. \ub3c5\ub9bd\uc801\uc778 \uc0ac\uace0\ub97c \ud558\uba70 \uc9c0\uc801 \ud638\uae30\uc2ec\uc774 \ub9ce\uc2b5\ub2c8\ub2e4.\",\n            \"ESTP\": \"\ud65c\ub3d9\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\uc774\uba70, \uc989\ud765\uc801\uc73c\ub85c \ud589\ub3d9\ud569\ub2c8\ub2e4. \ubb38\uc81c \ud574\uacb0 \ub2a5\ub825\uc774 \ub6f0\uc5b4\ub098\uba70 \ubaa8\ud5d8\uc744 \uc990\uae41\ub2c8\ub2e4.\",\n            \"ESFP\": \"\uc0ac\uad50\uc801\uc774\uace0 \ub099\uad00\uc801\uc774\uba70, \ub2e4\ub978 \uc0ac\ub78c\ub4e4\uacfc \ud568\uaed8\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud569\ub2c8\ub2e4. \ud604\uc7ac\ub97c \uc990\uae30\uba70 \uc2e4\uc6a9\uc801\uc778 \uc811\uadfc\uc744 \ud569\ub2c8\ub2e4.\",\n            \"ENFP\": \"\uc5f4\uc815\uc801\uc774\uace0 \ucc3d\uc758\uc801\uc774\uba70, \uc0c8\ub85c\uc6b4 \uac00\ub2a5\uc131\uc744 \ud0d0\uc0c9\ud569\ub2c8\ub2e4. \ub2e4\ub978 \uc0ac\ub78c\uc5d0\uac8c \uc601\uac10\uc744 \uc8fc\uba70 \uc801\uc751\ub825\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\",\n            \"ENTP\": \"\ucc3d\uc758\uc801\uc774\uace0 \ud601\uc2e0\uc801\uc774\uba70, \uc9c0\uc801 \ub3c4\uc804\uc744 \uc990\uae41\ub2c8\ub2e4. \ub2e4\uc591\ud55c \uad00\uc810\uc744 \ud0d0\uc0c9\ud558\uace0 \ub3c5\ucc3d\uc801\uc778 \uc0ac\uace0\ub97c \ud569\ub2c8\ub2e4.\",\n            \"ESTJ\": \"\uccb4\uacc4\uc801\uc774\uace0 \uc870\uc9c1\uc801\uc774\uba70, \ud6a8\uc728\uc131\uc744 \uc911\uc694\uc2dc\ud569\ub2c8\ub2e4. \ucc45\uc784\uac10\uc774 \uac15\ud558\uace0 \uc2e4\uc6a9\uc801\uc778 \uacb0\uc815\uc744 \ub0b4\ub9bd\ub2c8\ub2e4.\",\n            \"ESFJ\": \"\uc0ac\uad50\uc801\uc774\uace0 \ucc45\uc784\uac10\uc774 \uac15\ud558\uba70, \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3d5\ub294 \uac83\uc744 \uc88b\uc544\ud569\ub2c8\ub2e4. \uc870\ud654\ub85c\uc6b4 \ud658\uacbd\uc744 \ub9cc\ub4e4\uace0 \uc804\ud1b5\uc744 \uc911\uc2dc\ud569\ub2c8\ub2e4.\",\n            \"ENFJ\": \"\ub530\ub73b\ud558\uace0 \uacf5\uac10\ub2a5\ub825\uc774 \ub6f0\uc5b4\ub098\uba70, \ub2e4\ub978 \uc0ac\ub78c\uc758 \uc131\uc7a5\uc744 \ub3d5\uc2b5\ub2c8\ub2e4. \ub9ac\ub354\uc2ed\uc774 \uc788\uace0 \uc774\uc0c1\uc8fc\uc758\uc801\uc785\ub2c8\ub2e4.\",\n            \"ENTJ\": \"\uacb0\ub2e8\ub825 \uc788\uace0 \ub9ac\ub354\uc2ed\uc774 \uac15\ud558\uba70, \ud6a8\uc728\uc801\uc778 \uc870\uc9c1\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. \uc804\ub7b5\uc801 \uc0ac\uace0\ub97c \ud558\uba70 \ub192\uc740 \uae30\uc900\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.\"\n        };\n\n        \/\/ MBTI \uc720\ud615\ubcc4 \ud2b9\uc9d5\n        const mbtiTraits = {\n            \"ISTJ\": \"\u2022 \uc2e0\uc911\ud558\uace0 \uccb4\uacc4\uc801\\n\u2022 \ucc45\uc784\uac10\uc774 \uac15\ud568\\n\u2022 \uc0ac\uc2e4\uc5d0 \uae30\ubc18\ud55c \uacb0\uc815\\n\u2022 \uc804\ud1b5\uacfc \uc9c8\uc11c \uc911\uc2dc\\n\u2022 \uc2e4\uc6a9\uc801\uc774\uace0 \ud604\uc2e4\uc801\\n\u2022 \uc644\ubcbd\ud568\uc744 \ucd94\uad6c\",\n            \"ISFJ\": \"\u2022 \ub530\ub73b\ud558\uace0 \ud5cc\uc2e0\uc801\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3cc\ubd04\\n\u2022 \ud604\uc2e4\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\\n\u2022 \uc870\ud654\ub85c\uc6b4 \ud658\uacbd \uc120\ud638\\n\u2022 \ucda9\uc131\uc2a4\ub7fd\uace0 \uc2e0\ub8b0\ud560 \uc218 \uc788\uc74c\\n\u2022 \uc138\ubd80\uc0ac\ud56d\uc5d0 \uc8fc\uc758\",\n            \"INFJ\": \"\u2022 \uc774\uc0c1\uc8fc\uc758\uc801\\n\u2022 \ucc3d\uc758\uc801\uc774\uace0 \uc9c1\uad00\uc801\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uc758 \uc131\uc7a5\uc744 \ub3d5\uc74c\\n\u2022 \uae4a\uc740 \ud1b5\ucc30\ub825\\n\u2022 \uacf5\uac10\ub2a5\ub825\uc774 \ub6f0\uc5b4\ub0a8\\n\u2022 \uc758\ubbf8 \uc788\ub294 \ubcc0\ud654 \ucd94\uad6c\",\n            \"INTJ\": \"\u2022 \uc804\ub7b5\uc801 \uc0ac\uace0\\n\u2022 \ub3c5\ucc3d\uc801\uc774\uace0 \ud601\uc2e0\uc801\\n\u2022 \ub192\uc740 \uae30\uc900\\n\u2022 \uc9c0\uc801 \ub3c4\uc804 \uc120\ud638\\n\u2022 \ub3c5\ub9bd\uc801\uc774\uace0 \ubd84\uc11d\uc801\\n\u2022 \uc7a5\uae30\uc801 \ube44\uc804\",\n            \"ISTP\": \"\u2022 \ub17c\ub9ac\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\\n\u2022 \ubb38\uc81c \ud574\uacb0 \ub2a5\ub825\\n\u2022 \uc720\uc5f0\ud558\uace0 \uc801\uc751\ub825 \uc88b\uc74c\\n\u2022 \uc989\ud765\uc801 \ud589\ub3d9\\n\u2022 \uad00\ucc30\ub825\uc774 \ub6f0\uc5b4\ub0a8\\n\u2022 \uc704\uae30 \uc0c1\ud669\uc5d0\uc11c \uce68\ucc29\",\n            \"ISFP\": \"\u2022 \uc608\uc220\uc801\uc774\uace0 \uac10\uc131\uc801\\n\u2022 \ud604\uc7ac\ub97c \uc990\uae40\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3d5\ub294 \uac83\uc744 \uc88b\uc544\ud568\\n\u2022 \ud3c9\ud654\ub85c\uc6b4 \ud658\uacbd \uc120\ud638\\n\u2022 \ucda9\uc131\uc2a4\ub7fd\uace0 \ub530\ub73b\ud568\\n\u2022 \uc790\uc5f0\uacfc \uc870\ud654\",\n            \"INFP\": \"\u2022 \uc774\uc0c1\uc8fc\uc758\uc801\\n\u2022 \ucc3d\uc758\uc801\uc774\uace0 \uc0c1\uc0c1\ub825 \ud48d\ubd80\\n\u2022 \uac1c\uc778\uc758 \uac00\uce58 \uc911\uc2dc\\n\u2022 \uae4a\uc740 \uac10\uc815\\n\u2022 \uacf5\uac10\ub2a5\ub825\uc774 \ub6f0\uc5b4\ub0a8\\n\u2022 \uc790\uc720\ub85c\uc6b4 \uc601\ud63c\",\n            \"INTP\": \"\u2022 \ub17c\ub9ac\uc801\uc774\uace0 \ubd84\uc11d\uc801\\n\u2022 \ubcf5\uc7a1\ud55c \uc774\ub860 \ud0d0\uad6c\\n\u2022 \ub3c5\ub9bd\uc801 \uc0ac\uace0\\n\u2022 \uc9c0\uc801 \ud638\uae30\uc2ec\\n\u2022 \uac1d\uad00\uc801\uc774\uace0 \ud569\ub9ac\uc801\\n\u2022 \ud601\uc2e0\uc801\uc778 \uc544\uc774\ub514\uc5b4\",\n            \"ESTP\": \"\u2022 \ud65c\ub3d9\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\\n\u2022 \uc989\ud765\uc801 \ud589\ub3d9\\n\u2022 \ubb38\uc81c \ud574\uacb0 \ub2a5\ub825\\n\u2022 \ubaa8\ud5d8\uc744 \uc990\uae40\\n\u2022 \uc801\uc751\ub825\uc774 \uc88b\uc74c\\n\u2022 \ud604\uc2e4\uc801\uc774\uace0 \uc2e4\uc6a9\uc801\",\n            \"ESFP\": \"\u2022 \uc0ac\uad50\uc801\uc774\uace0 \ub099\uad00\uc801\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uacfc \ud568\uaed8\ud558\ub294 \uac83\uc744 \uc88b\uc544\ud568\\n\u2022 \ud604\uc7ac\ub97c \uc990\uae40\\n\u2022 \uc2e4\uc6a9\uc801\\n\u2022 \ub530\ub73b\ud558\uace0 \uce5c\uadfc\ud568\\n\u2022 \uc990\uac70\uc6b4 \ubd84\uc704\uae30 \uc870\uc131\",\n            \"ENFP\": \"\u2022 \uc5f4\uc815\uc801\uc774\uace0 \ucc3d\uc758\uc801\\n\u2022 \uc0c8\ub85c\uc6b4 \uac00\ub2a5\uc131 \ud0d0\uc0c9\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uc744 \uc601\uac10\uc744 \uc90c\\n\u2022 \uc801\uc751\ub825 \uc88b\uc74c\\n\u2022 \uacf5\uac10\ub2a5\ub825\uc774 \ub6f0\uc5b4\ub0a8\\n\u2022 \uc790\uc720\ub85c\uc6b4 \uc601\ud63c\",\n            \"ENTP\": \"\u2022 \ucc3d\uc758\uc801\uc774\uace0 \ud601\uc2e0\uc801\\n\u2022 \uc9c0\uc801 \ub3c4\uc804\uc744 \uc990\uae40\\n\u2022 \ub2e4\uc591\ud55c \uad00\uc810 \ud0d0\uc0c9\\n\u2022 \ub3c5\ucc3d\uc801 \uc0ac\uace0\\n\u2022 \ub17c\ub9ac\uc801\uc774\uace0 \ubd84\uc11d\uc801\\n\u2022 \ubcc0\ud654\ub97c \uc990\uae40\",\n            \"ESTJ\": \"\u2022 \uccb4\uacc4\uc801\uc774\uace0 \uc870\uc9c1\uc801\\n\u2022 \ud6a8\uc728\uc131 \uc911\uc2dc\\n\u2022 \ucc45\uc784\uac10\uc774 \uac15\ud568\\n\u2022 \uc2e4\uc6a9\uc801 \uacb0\uc815\\n\u2022 \ub9ac\ub354\uc2ed\\n\u2022 \uaddc\uce59\uacfc \uc9c8\uc11c \uc911\uc2dc\",\n            \"ESFJ\": \"\u2022 \uc0ac\uad50\uc801\uc774\uace0 \ucc45\uc784\uac10\uc774 \uac15\ud568\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3d5\ub294 \uac83\uc744 \uc88b\uc544\ud568\\n\u2022 \uc870\ud654\ub85c\uc6b4 \ud658\uacbd \uc870\uc131\\n\u2022 \uc804\ud1b5 \uc911\uc2dc\\n\u2022 \ucda9\uc131\uc2a4\ub7fd\uace0 \ub530\ub73b\ud568\\n\u2022 \ud611\ub825\uc801\",\n            \"ENFJ\": \"\u2022 \ub530\ub73b\ud558\uace0 \uacf5\uac10\ub2a5\ub825\uc774 \ub6f0\uc5b4\ub0a8\\n\u2022 \ub2e4\ub978 \uc0ac\ub78c\uc758 \uc131\uc7a5\uc744 \ub3d5\uc74c\\n\u2022 \ub9ac\ub354\uc2ed\\n\u2022 \uc774\uc0c1\uc8fc\uc758\uc801\\n\u2022 \uc601\uac10\uc744 \uc8fc\ub294 \ub2a5\ub825\\n\u2022 \uc870\ud654\ub85c\uc6b4 \uad00\uacc4 \uc911\uc2dc\",\n            \"ENTJ\": \"\u2022 \uacb0\ub2e8\ub825 \uc788\uace0 \ub9ac\ub354\uc2ed\uc774 \uac15\ud568\\n\u2022 \ud6a8\uc728\uc801\uc778 \uc870\uc9c1 \uad6c\uc131\\n\u2022 \uc804\ub7b5\uc801 \uc0ac\uace0\\n\u2022 \ub192\uc740 \uae30\uc900\\n\u2022 \ub17c\ub9ac\uc801\uc774\uace0 \ubd84\uc11d\uc801\\n\u2022 \ubcc0\ud654 \uc8fc\ub3c4\"\n        };\n\n        \/\/ \uc804\uc5ed \ubcc0\uc218\n        let currentQuestion = 0;\n        let answers = [];\n\n        \/\/ DOM \uc694\uc18c\ub4e4\n        const startScreen = document.getElementById('start-screen');\n        const questionScreen = document.getElementById('question-screen');\n        const resultScreen = document.getElementById('result-screen');\n        const startBtn = document.getElementById('start-btn');\n        const questionText = document.getElementById('question-text');\n        const currentQuestionSpan = document.getElementById('current-question');\n        const totalQuestionsSpan = document.getElementById('total-questions');\n        const progressFill = document.querySelector('.progress-fill');\n        const optionBtns = document.querySelectorAll('.option-btn');\n        const prevBtn = document.getElementById('prev-btn');\n        const nextBtn = document.getElementById('next-btn');\n        const mbtiType = document.getElementById('mbti-type');\n        const mbtiDescription = document.getElementById('mbti-description');\n        const mbtiTraitsDiv = document.getElementById('mbti-traits');\n        const restartBtn = document.getElementById('restart-btn');\n        const shareBtn = document.getElementById('share-btn');\n        const eScore = document.getElementById('e-score');\n        const sScore = document.getElementById('s-score');\n        const tScore = document.getElementById('t-score');\n        const jScore = document.getElementById('j-score');\n\n        \/\/ \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108 \ub4f1\ub85d\n        startBtn.addEventListener('click', startTest);\n        optionBtns.forEach(btn => btn.addEventListener('click', selectOption));\n        prevBtn.addEventListener('click', previousQuestion);\n        nextBtn.addEventListener('click', nextQuestion);\n        restartBtn.addEventListener('click', restartTest);\n        shareBtn.addEventListener('click', shareResult);\n\n        \/\/ \ud14c\uc2a4\ud2b8 \uc2dc\uc791\n        function startTest() {\n            currentQuestion = 0;\n            answers = new Array(questions.length).fill(null);\n            showScreen(questionScreen);\n            showQuestion();\n        }\n\n        \/\/ \uc9c8\ubb38 \ud45c\uc2dc\n        function showQuestion() {\n            if (currentQuestion < questions.length) {\n                questionText.textContent = questions[currentQuestion];\n                currentQuestionSpan.textContent = currentQuestion + 1;\n                totalQuestionsSpan.textContent = questions.length;\n                updateProgress();\n                updateNavigation();\n                updateOptionSelection();\n            } else {\n                showResult();\n            }\n        }\n\n        \/\/ \uc635\uc158 \uc120\ud0dd\n        function selectOption(event) {\n            const value = parseInt(event.target.dataset.value);\n            answers[currentQuestion] = value;\n            \n            \/\/ \uc120\ud0dd\ub41c \uc635\uc158 \uc2dc\uac01\uc801 \ud45c\uc2dc\n            optionBtns.forEach(btn => btn.classList.remove('selected'));\n            event.target.classList.add('selected');\n            \n            updateNavigation();\n        }\n\n        \/\/ \uc774\uc804 \uc9c8\ubb38\n        function previousQuestion() {\n            if (currentQuestion > 0) {\n                currentQuestion--;\n                showQuestion();\n            }\n        }\n\n        \/\/ \ub2e4\uc74c \uc9c8\ubb38\n        function nextQuestion() {\n            if (currentQuestion < questions.length - 1) {\n                currentQuestion++;\n                showQuestion();\n            } else {\n                showResult();\n            }\n        }\n\n        \/\/ \uc9c4\ud589\ub960 \uc5c5\ub370\uc774\ud2b8\n        function updateProgress() {\n            const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n            progressFill.style.width = progress + '%';\n        }\n\n        \/\/ \ub124\ube44\uac8c\uc774\uc158 \ubc84\ud2bc \uc5c5\ub370\uc774\ud2b8\n        function updateNavigation() {\n            prevBtn.disabled = currentQuestion === 0;\n            nextBtn.disabled = answers[currentQuestion] === null;\n        }\n\n        \/\/ \uc635\uc158 \uc120\ud0dd \uc0c1\ud0dc \uc5c5\ub370\uc774\ud2b8\n        function updateOptionSelection() {\n            optionBtns.forEach((btn, index) => {\n                btn.classList.remove('selected');\n                if (answers[currentQuestion] === index + 1) {\n                    btn.classList.add('selected');\n                }\n            });\n        }\n\n        \/\/ \uacb0\uacfc \uacc4\uc0b0 \ubc0f \ud45c\uc2dc\n        function showResult() {\n            const mbti = calculateMBTI();\n            const scores = calculateScores();\n            \n            mbtiType.textContent = mbti;\n            mbtiDescription.textContent = mbtiDescriptions[mbti];\n            mbtiTraitsDiv.textContent = mbtiTraits[mbti];\n            \n            \/\/ \uc810\uc218 \ud45c\uc2dc\n            eScore.style.width = scores.E + '%';\n            sScore.style.width = scores.S + '%';\n            tScore.style.width = scores.T + '%';\n            jScore.style.width = scores.J + '%';\n            \n            showScreen(resultScreen);\n        }\n\n        \/\/ \uc9c8\ubb38 \uba54\ud0c0\ub370\uc774\ud130 \uad6c\uc131: \uac01 \ubb38\ud56d\uc758 \ucd95(EI\/SN\/TF\/JP)\uacfc \ubc29\ud5a5(+1: \uccab \uae00\uc790, -1: \ub458\uc9f8 \uae00\uc790)\n        const questionAxes = [];\n        const questionDirections = [];\n        for (let i = 0; i < questions.length; i++) {\n            if (i < 12) { \/\/ 1~12: EI, \uccab \ubb38\ud56d\uc740 E \ubc29\ud5a5\n                questionAxes[i] = 'EI';\n                questionDirections[i] = ((i - 0) % 2 === 0) ? 1 : -1;\n            } else if (i < 24) { \/\/ 13~24: SN, \uccab \ubb38\ud56d\uc740 S \ubc29\ud5a5\n                questionAxes[i] = 'SN';\n                questionDirections[i] = ((i - 12) % 2 === 0) ? 1 : -1;\n            } else if (i < 37) { \/\/ 25~37: TF, \uccab \ubb38\ud56d\uc740 T \ubc29\ud5a5\n                questionAxes[i] = 'TF';\n                questionDirections[i] = ((i - 24) % 2 === 0) ? 1 : -1;\n            } else { \/\/ 38~50: JP, \uccab \ubb38\ud56d\uc740 J \ubc29\ud5a5\n                questionAxes[i] = 'JP';\n                questionDirections[i] = ((i - 37) % 2 === 0) ? 1 : -1;\n            }\n        }\n\n        \/\/ MBTI \uacc4\uc0b0 (\uc911\ub9bd 3\uc810\uc740 0\uc73c\ub85c \ucc98\ub9ac\ud558\uace0, \ubb38\ud56d \ubc29\ud5a5\uc5d0 \ub530\ub77c \uac00\uc911)\n        function calculateMBTI() {\n            const axisSums = { EI: 0, SN: 0, TF: 0, JP: 0 };\n            for (let i = 0; i < questions.length; i++) {\n                const v = answers[i];\n                if (v === null) continue;\n                const delta = v - 3; \/\/ -2..+2\n                if (delta === 0) continue;\n                const axis = questionAxes[i];\n                const dir = questionDirections[i]; \/\/ +: \uccab \uae00\uc790 \uc131\ud5a5, -: \ub458\uc9f8\n                axisSums[axis] += dir * delta;\n            }\n            const first = axisSums.EI >= 0 ? 'E' : 'I';\n            const second = axisSums.SN >= 0 ? 'S' : 'N';\n            const third = axisSums.TF >= 0 ? 'T' : 'F';\n            const fourth = axisSums.JP >= 0 ? 'J' : 'P';\n            return first + second + third + fourth;\n        }\n\n        \/\/ \uc810\uc218 \uacc4\uc0b0\n        function calculateScores() {\n            const sums = {\n                EI: { first: 0, second: 0 },\n                SN: { first: 0, second: 0 },\n                TF: { first: 0, second: 0 },\n                JP: { first: 0, second: 0 }\n            };\n            for (let i = 0; i < questions.length; i++) {\n                const v = answers[i];\n                if (v === null) continue;\n                const delta = v - 3; \/\/ -2..+2 (3\uc740 \uc911\ub9bd)\n                if (delta === 0) continue;\n                const axis = questionAxes[i];\n                const dir = questionDirections[i];\n                const signed = dir * delta; \/\/ >0: \uccab \uae00\uc790, <0: \ub458\uc9f8 \uae00\uc790\n                const mag = Math.abs(signed);\n                if (signed > 0) sums[axis].first += mag;\n                else sums[axis].second += mag;\n            }\n            const pct = axis => {\n                const first = sums[axis].first;\n                const second = sums[axis].second;\n                const total = first + second;\n                return total > 0 ? Math.round((first \/ total) * 100) : 50;\n            };\n            return {\n                E: pct('EI'),\n                S: pct('SN'),\n                T: pct('TF'),\n                J: pct('JP')\n            };\n        }\n\n        \/\/ \ud654\uba74 \uc804\ud658\n        function showScreen(screen) {\n            [startScreen, questionScreen, resultScreen].forEach(s => s.classList.remove('active'));\n            screen.classList.add('active');\n        }\n\n        \/\/ \ud14c\uc2a4\ud2b8 \uc7ac\uc2dc\uc791\n        function restartTest() {\n            showScreen(startScreen);\n        }\n\n        \/\/ \uacb0\uacfc \uacf5\uc720\n        function shareResult() {\n            const mbti = mbtiType.textContent;\n            const text = `\ub098\uc758 MBTI \uc131\uaca9\uc720\ud615\uc740 ${mbti}\uc785\ub2c8\ub2e4! \ud83c\udfad\\n\\n50\ubb38\ud56d MBTI \ud14c\uc2a4\ud2b8\ub97c \ud1b5\ud574 \uc54c\uc544\ubcf4\uc138\uc694!`;\n            \n            if (navigator.share) {\n                navigator.share({\n                    title: 'MBTI \uc131\uaca9\uc720\ud615 \ud14c\uc2a4\ud2b8 \uacb0\uacfc',\n                    text: text,\n                    url: window.location.href\n                });\n            } else {\n                \/\/ \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\n                navigator.clipboard.writeText(text).then(() => {\n                    alert('\uacb0\uacfc\uac00 \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4!');\n                });\n            }\n        }\n    <\/script>\n\n\n\n<p>\ucee4\uc11c\uc5d0\uc11c \ub9cc\ub4e4\uace0 \ud1b5\ud569\ud55c \ud30c\uc77c\uc744 \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud398\uc774\uc9c0, \uc0ac\uc6a9\uc790 \uc815\uc758 html \ubaa8\ub4dc\uc5d0\uc11c \ubd99\uc784.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AI agent Cussor \uc774 \ub9cc\ub4e4\uc5b4\uc900 MBTI \ud14c\uc2a4\ud2b8 \ud398\uc774\uc9c0 MBTI \uc131\uaca9\uc720\ud615 \ud14c\uc2a4\ud2b8 (50\ubb38\ud56d) \ud83c\udfad MBTI \uc131\uaca9\uc720\ud615 \ud14c\uc2a4\ud2b8 50\ubb38\ud56d\uc73c\ub85c \ub354 \uc815\ud655\ud55c \ub2f9\uc2e0\uc758 \uc131\uaca9\uc720\ud615\uc744 \uc54c\uc544\ubcf4\uc138\uc694! \ud83d\udcdd 50\uac1c \uc9c8\ubb38 \u23f1\ufe0f \uc57d 10-15\ubd84 \ud83c\udfaf 16\uac00\uc9c0 \uc720\ud615 \ud14c\uc2a4\ud2b8 \uc2dc\uc791\ud558\uae30 1 \/ 50 \uc804\ud600 \uadf8\ub807\uc9c0 \uc54a\ub2e4 \uadf8\ub807\uc9c0 \uc54a\ub2e4 \ubcf4\ud1b5\uc774\ub2e4 \uadf8\ub807\ub2e4 \ub9e4\uc6b0 \uadf8\ub807\ub2e4 \uc774\uc804 \ub2e4\uc74c \ud83c\udf89 \ub2f9\uc2e0\uc758 MBTI \uacb0\uacfc \uc131\ud5a5 \uc810\uc218 \ubd84\uc11d \uc678\ud5a5\uc131 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-399","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/pages\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":5,"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/pages\/399\/revisions"}],"predecessor-version":[{"id":414,"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/pages\/399\/revisions\/414"}],"wp:attachment":[{"href":"http:\/\/qmac.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}