#mbtiTestApp{max-width:760px;margin:0 auto;padding:20px 14px;font-family:’Pretendard’,’Noto Sans KR’,sans-serif;color:#111}
#mbtiTestApp *{box-sizing:border-box;word-break:keep-all}
.mb-card{background:#fff;border-radius:28px;padding:28px 18px;box-shadow:0 6px 24px rgba(0,0,0,.08);margin-bottom:24px}
.mb-hero{background:linear-gradient(135deg,#111827,#312e81,#4c1d95);color:#fff}
.mb-badge{display:inline-block;background:#ffd54f;color:#111;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:900;margin-bottom:14px}
.mb-title{font-size:34px;font-weight:900;line-height:1.3;text-align:center;margin-bottom:12px}
.mb-sub{font-size:17px;line-height:1.8;color:#e5e7eb;text-align:center;margin-bottom:24px}
.mb-btn{width:100%;padding:18px;border:none;border-radius:18px;background:#ffd54f;color:#111;font-size:19px;font-weight:900;cursor:pointer;margin-top:12px}
.mb-progress{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:24px}
.mb-bar{height:100%;background:#111;width:0%;transition:.3s}
.mb-q{font-size:24px;font-weight:900;line-height:1.5;text-align:center;margin-bottom:24px}
.mb-choice{padding:18px 16px;border:2px solid #eee;border-radius:18px;margin-bottom:12px;cursor:pointer;font-size:17px;font-weight:800;background:#fff;transition:.2s}
.mb-choice:hover{border-color:#111;transform:translateY(-2px)}
.mb-ad{margin:24px 0;padding:10px;background:#fff;border-radius:18px;min-height:90px;overflow:hidden}
.mb-result{background:#fffaf0;border:2px solid #111;padding:16px;border-radius:18px;margin-bottom:22px}
.mb-result-inner{border:1px dashed #111;padding:18px}
.mb-type{font-size:46px;font-weight:900;text-align:center;margin:12px 0;color:#312e81}
.mb-name{font-size:28px;font-weight:900;text-align:center;line-height:1.35;margin-bottom:16px}
.mb-desc{font-size:16px;line-height:1.95}
.mb-section{background:#fafafa;border-radius:18px;padding:22px;margin-top:18px;font-size:16px;line-height:1.95}
.mb-section h3{margin-top:0;font-size:21px}
.mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mb-box{border:1px solid #111;background:#fff;padding:13px;border-radius:14px;text-align:center;font-weight:900;line-height:1.7}
.mb-buttons button,.mb-link{display:block;width:100%;padding:18px;border:none;border-radius:18px;font-size:17px;font-weight:900;margin-top:12px;text-align:center;text-decoration:none;cursor:pointer}
.mb-save{background:#4f46e5;color:#fff}
.mb-copy{background:#111;color:#fff}
.mb-retry{background:#eee;color:#111}
.mb-kakao{background:#ffe812;color:#111}
.mb-vip{background:linear-gradient(135deg,#111,#3b2a00);color:#ffd54f}
.mb-seo{font-size:16px;line-height:1.95;color:#333}
.mb-seo h2{font-size:24px;margin:32px 0 14px}
.mb-other a{display:block;padding:16px;background:#f5f5f5;border-radius:16px;text-decoration:none;color:#111;font-weight:900;margin-bottom:10px;text-align:center}
@media(max-width:600px){
#mbtiTestApp{padding:0}
.mb-card{border-radius:0;padding:24px 14px;box-shadow:none}
.mb-title{font-size:28px}
.mb-q{font-size:22px}
.mb-grid{grid-template-columns:1fr}
.mb-type{font-size:40px}
}
const mbQuestions=[
{q:”When you get a free weekend, you usually…”,a:[[“Make plans with people to recharge”,”E”],[“Take time alone to recharge”,”I”]]},
{q:”When you walk into a new group, you usually…”,a:[[“Start conversations and get things moving”,”E”],[“Wait for someone to come talk to you”,”I”]]},
{q:”When something is bothering you, you…”,a:[[“Talk it out to sort through your thoughts”,”E”],[“Process it quietly on your own”,”I”]]},
{q:”In meetings or conversations, you…”,a:[[“Share your thoughts right away”,”E”],[“Think it through before you speak”,”I”]]},
{q:”When someone suggests a last-minute plan, you feel…”,a:[[“Excited—I can be ready to go on the fly”,”E”],[“A little overwhelmed—I need my alone time”,”I”]]},
{q:”When it comes to friendships, you prefer…”,a:[[“A wide circle with lots of different people”,”E”],[“A small circle of close friends”,”I”]]},
{q:”Your ideal trip is…”,a:[[“A group getaway with plenty of company”,”E”],[“A solo trip or a getaway with just a few people”,”I”]]},
{q:”When your energy is running low, you…”,a:[[“Spend time with people to bounce back”,”E”],[“Unplug and rest by yourself”,”I”]]},
{q:”When you come across new information, you…”,a:[[“Check the specific facts first”,”S”],[“Start thinking about the possibilities and meaning”,”N”]]},
{q:”When explaining something, you tend to…”,a:[[“Use real examples and personal experience”,”S”],[“Use concepts, comparisons, and big ideas”,”N”]]},
{q:”When watching a movie, what matters more to you?”,a:[[“Realism and attention to detail”,”S”],[“The world-building and symbolism”,”N”]]},
{q:”Your favorite conversations are about…”,a:[[“Real experiences and what’s happening now”,”S”],[“Future possibilities and wild ideas”,”N”]]},
{q:”When you see a new project, you look at…”,a:[[“Whether it’s realistically doable”,”S”],[“Its potential and room to grow”,”N”]]},
{q:”What do you remember best?”,a:[[“The specific scenes and details”,”S”],[“The overall mood and meaning”,”N”]]},
{q:”When solving a problem, you prefer to…”,a:[[“Use a method that’s already proven to work”,”S”],[“Try a new approach”,”N”]]},
{q:”At work, what matters more?”,a:[[“A practical process and clear steps”,”S”],[“The big picture and fresh ideas”,”N”]]},
{q:”When conflict comes up, you try to…”,a:[[“Solve it logically”,”T”],[“Consider everyone’s feelings, too”,”F”]]},
{q:”When making a decision, what matters more?”,a:[[“Objectivity and consistent principles”,”T”],[“The people involved and the circumstances”,”F”]]},
{q:”When a friend makes a mistake, you…”,a:[[“Point out the problem first”,”T”],[“Comfort them first”,”F”]]},
{q:”When evaluating something, you focus on…”,a:[[“Results and standards”,”T”],[“Effort and the process”,”F”]]},
{q:”What makes a great leader?”,a:[[“Competence and good judgment”,”T”],[“Compassion and empathy”,”F”]]},
{q:”When choosing a gift, you prioritize…”,a:[[“How useful it is”,”T”],[“The meaning and emotional impact”,”F”]]},
{q:”In a meeting, you pay more attention to…”,a:[[“Facts and logic”,”T”],[“The mood and relationships in the room”,”F”]]},
{q:”When making a judgment, you believe it’s more important to…”,a:[[“Stick to the principles”,”T”],[“Adapt to the situation”,”F”]]},
{q:”Before a trip, you…”,a:[[“Make an itinerary ahead of time”,”J”],[“Figure things out as you go”,”P”]]},
{q:”When it comes to deadlines, you…”,a:[[“Feel better when you finish early”,”J”],[“Do your best work right before the deadline”,”P”]]},
{q:”Your room should be…”,a:[[“Organized most of the time”,”J”],[“Tidied up when it needs it”,”P”]]},
{q:”When plans change, you…”,a:[[“Feel stressed out”,”J”],[“Roll with it”,”P”]]},
{q:”Your shopping style is…”,a:[[“Compare options and plan your purchase”,”J”],[“Buy it on impulse if you’re drawn to it”,”P”]]},
{q:”Your work style is…”,a:[[“Work through tasks in order”,”J”],[“Stay flexible and adjust as things change”,”P”]]},
{q:”When planning a vacation, you…”,a:[[“Book and prepare well in advance”,”J”],[“Are fine deciding the same day”,”P”]]},
{q:”You prefer life to be…”,a:[[“Structured and organized”,”J”],[“Flexible and open-ended”,”P”]]}
];
const mbData={
INTJ:[“The Strategic Architect”,”You tend to see structure and the future before emotion. Once you have a goal, you build a long-term plan and are willing to cut out unnecessary relationships or inefficient processes.”],
INTP:[“The Curious Analyst”,”You’re good at analyzing the world and figuring out how things work. You care more about understanding the system than memorizing the answer, and you need time to dive deep on your own.”],
ENTJ:[“The Goal-Driven Commander”,”You care about achieving goals and getting results. You make decisions quickly, have strong drive, and often thrive when leading a team or project.”],
ENTP:[“The Idea Challenger”,”You enjoy new possibilities and a good debate. You prefer fresh approaches over doing things the usual way, and you come alive when there’s change and stimulation.”],
INFJ:[“The Insightful Guide”,”You’re highly attuned to people and the bigger picture. You may seem quiet, but you have strong inner convictions and care deeply about meaningful relationships and purpose.”],
INFP:[“The Idealistic Dreamer”,”You have a rich inner world shaped by your values and emotions. You may seem gentle on the outside, but your convictions run deep—and shallow relationships drain you quickly.”],
ENFJ:[“The People Leader”,”You’re great at bringing people together and setting the tone. You spot other people’s potential and naturally make an impact through your relationships.”],
ENFP:[“The Free-Spirited Spark”,”You’re powered by curiosity and enthusiasm. New people, experiences, and possibilities pull you in, while repetitive routines can lose your interest fast.”],
ISTJ:[“The Practical Organizer”,”You’re responsible, steady, and dependable. You value commitments and clear standards, and you consistently deliver results people can count on.”],
ISFJ:[“The Warm Protector”,”You’re thoughtful, dependable, and naturally attentive to others. You take care of the people around you and quietly do what needs to be done.”],
ESTJ:[“The Efficient Director”,”You value rules, order, and efficiency. You work quickly, have clear standards, and tend to excel in structured environments.”],
ESFJ:[“The Harmony Maker”,”You care about connection and getting along with people. You’re good at reading the room and making others feel looked after.”],
ISTP:[“The Hands-On Problem Solver”,”You solve problems through action rather than talk. You may not show a lot of emotion, but you stay calm under pressure and find practical solutions.”],
ISFP:[“The Creative Individualist”,”You may be quiet, but your taste and personal style are distinct. You shine in relaxed, independent settings and don’t do well with high-pressure environments.”],
ESTP:[“The Quick-Action Adventurer”,”You have strong instincts and a bias toward action. You move before overthinking and react quickly when competition or a crisis appears.”],
ESFP:[“The Life-of-the-Party Type”,”You’re great at sharing fun and good energy with others. You value enjoying the present and have a natural talent for brightening the room.”]
};
let mbIndex=0;
let mbScore={E:0,I:0,S:0,N:0,T:0,F:0,J:0,P:0};
function adPush(){
setTimeout(()=>{try{(adsbygoogle=window.adsbygoogle||[]).push({});}catch(e){}},300);
}
function renderMbIntro(){
document.getElementById(“mbtiTestApp”).innerHTML=`
🧠 32-question deep dive
What’s Your MBTI Type?
Find out your personality type—and how it shapes your relationships, dating style, and career preferences.
What Is the MBTI Test?
The MBTI is a personality framework that looks at four preference pairs: extraversion/introversion, sensing/intuition, thinking/feeling, and judging/perceiving. This is not an official diagnosis—it’s simply a tool for self-reflection.
Even a fun personality test can give you useful things to think about. When the questions and explanations go beyond surface-level labels, they can help you reflect on your relationships, dating style, career choices, and even how you handle money.
`;
adPush();
}
function startMbti(){
mbIndex=0;
mbScore={E:0,I:0,S:0,N:0,T:0,F:0,J:0,P:0};
renderMbQuestion();
}
function renderMbQuestion(){
const q=mbQuestions[mbIndex];
document.getElementById(“mbtiTestApp”).innerHTML=`
${mbIndex+1}. ${q.q}
${q.a.map(v=>`
${v[0]}
`).join(“”)}
`;
}
function chooseMb(type){
mbScore[type]++;
mbIndex++;
if(mbIndex>=mbQuestions.length){showMbLoading();}
else{renderMbQuestion();}
}
function showMbLoading(){
document.getElementById(“mbtiTestApp”).innerHTML=`
Analyzing your personality…
We’re calculating your preferences based on all 32 answers.
You’re more than a single four-letter label. Depending on the situation, you may show different sides of yourself. Still, your result points to the thinking patterns and relationship habits you’re most likely to rely on.
Extraversion E ${mbScore.E} points
Introversion I ${mbScore.I} points
Sensing S ${mbScore.S} points
Intuition N ${mbScore.N} points
Thinking T ${mbScore.T} points
Feeling F ${mbScore.F} points
Judging J ${mbScore.J} points
Perceiving P ${mbScore.P} points
🧠 Personality Snapshot
${desc}
You tend to have a clear personal compass. You don’t completely ignore other people’s opinions, but when it comes to important choices, you usually choose the path that makes sense to you. That can look stubborn from the outside, but it’s more about disliking uncertainty than refusing to change.
💘 Dating Style
You probably don’t open up instantly when you’re dating someone new. You pay attention to what they do—not just what they say—and become more invested once the relationship feels secure. Your way of showing feelings may vary by type, but you tend to thrive in relationships built on trust rather than something casual or surface-level.
One potential challenge: you may not always respond as quickly or openly as your partner would like. In relationships, sometimes showing how you feel matters more than having the perfect answer.
💼 Career & Money Style
You’re likely to perform at your best in an environment that fits the way you naturally work. A role that lets you use your strengths may be more rewarding than one built around repetitive tasks. When it comes to money, having clear guidelines can help you avoid impulse decisions; pairing everyday spending habits with a long-term plan can create more stability.
When choosing a career, look beyond salary. Work style, company culture, and opportunities to grow matter, too. Practical self-investments—like certifications, online courses, investing basics, retirement planning, and reviewing your insurance—can also support your bigger goals.
✅ Strengths
– You have a clear sense of what matters to you
– You’re good at analyzing situations
– You don’t get thrown off easily
– You’re highly trustworthy once a relationship gets close
– You can focus intensely when you have a goal
⚠️ Watch-Outs
– You may get stuck doing things your way
– You may come across as less emotionally expressive than you feel
– Fast-changing situations can leave you drained
– Overthinking can slow down your next move
You don’t need to change your personality. The key is choosing environments where your natural strengths work in your favor.
📌 Bottom Line
You’re not easily swayed—you understand the world and make your way through it on your own terms. Just remember: to build great relationships and make the most of great opportunities, expressing your thoughts matters almost as much as having them.
