/* Standalone page: isolate the test from the active WordPress theme. */ html:has(body.epc-standalone-page), body.epc-standalone-page{ margin:0!important; padding:0!important; width:100%!important; max-width:none!important; min-height:100%!important; background:#f7f8fc!important; } body.epc-standalone-page header:not(.epc-brandbar):not(.epc-quiz-head), body.epc-standalone-page footer, body.epc-standalone-page nav:not(.epc-nav), body.epc-standalone-page .site-header, body.epc-standalone-page .site-footer, body.epc-standalone-page #masthead, body.epc-standalone-page #colophon, body.epc-standalone-page .elementor-location-header, body.epc-standalone-page .elementor-location-footer{ display:none!important; } body.epc-standalone-page .epc-standalone-shell, body.epc-standalone-page main.epc-standalone-shell{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:#f7f8fc!important; } body.epc-standalone-page .epc-app{ width:100%!important; max-width:none!important; margin:0!important; } html,body.epc-standalone-page{margin:0!important;padding:0!important;background:#f7f8fc!important} body.epc-standalone-page{min-height:100vh!important} body.epc-standalone-page #wpadminbar{position:fixed} .epc-standalone-shell{margin:0!important;padding:0!important;width:100%!important;max-width:none!important} .epc-app,.epc-app *{box-sizing:border-box} .epc-app{--ink:#172033;--muted:#667085;--line:#e8ebf2;--violet:#6d4aff;--blue:#2fa9f4;--panel:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 10% 4%,rgba(83,145,255,.10),transparent 24%),radial-gradient(circle at 90% 10%,rgba(203,95,255,.09),transparent 22%),#f8f9fd;padding:20px} .epc-screen{width:min(1180px,100%);margin:0 auto} .epc-brandbar{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 40px rgba(37,48,76,.08);padding:16px 20px;border-radius:22px} .epc-brand{display:flex;align-items:center;gap:12px}.epc-brandmark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#7653ff,#3ab5f5);color:#fff;font-size:21px;box-shadow:0 8px 20px rgba(87,92,255,.25)}.epc-brand strong{display:block;font-size:20px;letter-spacing:-.03em}.epc-brand small{display:block;color:#7a8498;margin-top:1px}.epc-brandlinks{display:flex;gap:10px}.epc-brandlinks span{background:#f4f6fa;border:1px solid #edf0f5;color:#5f6b80;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700} .epc-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:430px;padding:34px 54px 20px}.epc-chip{display:inline-block;border-radius:999px;background:#eeebff;color:#5d47d8;padding:8px 12px;font-weight:800;font-size:13px}.epc-hero h1{font-size:62px;line-height:1.06;letter-spacing:-.065em;margin:18px 0 20px}.epc-hero h1 em{font-style:normal;background:linear-gradient(90deg,#6745ef,#288fe9);-webkit-background-clip:text;background-clip:text;color:transparent}.epc-hero p{font-size:20px;line-height:1.65;color:#5d6880;margin:0}.epc-hero-art{position:relative;display:grid;place-items:center;min-height:340px}.epc-hero-art img{position:relative;width:min(420px,90%);filter:drop-shadow(0 24px 36px rgba(80,75,180,.15));border-radius:50%}.epc-art-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(133,105,255,.24),rgba(70,170,255,.08) 48%,transparent 70%);filter:blur(5px)} .epc-info-card{display:grid;grid-template-columns:1fr 280px;align-items:center;background:rgba(255,255,255,.92);border:1px solid #eceaf8;border-radius:24px;padding:28px 34px;box-shadow:0 16px 50px rgba(69,61,122,.08)}.epc-info-title{display:flex;align-items:center;gap:10px;font-size:20px;color:#5d42de;margin-bottom:12px}.epc-info-title span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eee8ff;font-family:Georgia,serif}.epc-info-copy p{margin:7px 0;color:#4f5a6d;font-size:15px;line-height:1.7}.epc-info-copy b{color:#26324a}.epc-info-last{color:#5d42de!important;font-weight:800}.epc-info-art{text-align:center}.epc-info-art img{max-width:240px;width:100%;border-radius:24px} .epc-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.epc-feature-grid>div{background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center;padding:22px 14px;box-shadow:0 10px 30px rgba(37,48,76,.05)}.epc-feature-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:linear-gradient(135deg,#f0ebff,#e9f7ff);font-size:25px}.epc-feature-grid b{display:block;font-size:16px;margin-bottom:4px}.epc-feature-grid small{display:block;color:#7a8498;line-height:1.55} .epc-primary{border:0;cursor:pointer;background:linear-gradient(90deg,#6a45ef,#2ba9ec);color:#fff;border-radius:18px;font-size:20px;font-weight:850;padding:18px 24px;box-shadow:0 14px 28px rgba(79,96,241,.25);transition:.18s}.epc-primary:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(79,96,241,.32)}.epc-intro>.epc-primary{display:block;width:min(700px,100%);margin:28px auto 8px}.epc-privacy{text-align:center;color:#8a94a6;font-size:12px} .epc-quiz{min-height:100vh;padding:28px 0 60px}.epc-quiz-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px}.epc-mini-brand{font-weight:900;font-size:20px}.epc-step{display:flex;align-items:center;gap:14px;color:#7a8498}.epc-step b{color:#4c5d78}.epc-progress{height:9px;background:#e9edf4;border-radius:999px;overflow:hidden;margin-bottom:26px}.epc-progress i{display:block;height:100%;background:linear-gradient(90deg,#7048ef,#31a9ef);border-radius:999px;transition:width .2s} .epc-question-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px;box-shadow:0 20px 60px rgba(37,48,76,.08)}.epc-scene{color:#7a8498;font-size:15px;font-weight:800;margin-bottom:10px}.epc-story{font-size:32px;line-height:1.45;font-weight:850;letter-spacing:-.035em;min-height:120px}.epc-question-label{text-align:center;font-weight:800;color:#56627a;margin:28px 0 16px}.epc-anchors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.epc-anchor{border:1px solid #e3e7ef;background:#fafbfe;border-radius:20px;padding:20px;text-align:left;cursor:pointer;transition:.16s}.epc-anchor:hover{border-color:#bfc8da;background:#fff}.epc-anchor-right{text-align:right}.epc-anchor small{display:block;color:#8b94a6;font-weight:700;margin-bottom:5px}.epc-anchor strong{display:block;font-size:18px;line-height:1.5}.epc-scale{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:26px auto 8px;max-width:720px}.epc-scale button{height:58px;border-radius:18px;border:2px solid #dce2ec;background:#fff;color:#647087;font-weight:900;font-size:17px;cursor:pointer;transition:.15s}.epc-scale button:hover{border-color:#9eaae0}.epc-scale button.is-selected{background:linear-gradient(135deg,#6d4aff,#2ea7f0);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(81,95,230,.22)}.epc-scale-help{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:720px;margin:auto;font-size:11px;color:#98a1b2}.epc-scale-help span:nth-child(2){text-align:center}.epc-scale-help span:last-child{text-align:right}.epc-nav{display:flex;gap:12px;margin-top:20px}.epc-nav button{flex:1;padding:15px 18px;border-radius:16px;border:1px solid #dce2eb;background:#fff;color:#46536a;font-weight:800;font-size:15px;cursor:pointer}.epc-next{background:#172033!important;color:#fff!important}.epc-nav button:disabled{opacity:.38;cursor:not-allowed} .epc-result{padding:40px 0 70px}.epc-result-hero{text-align:center;margin-bottom:24px}.epc-eyebrow{font-size:13px;font-weight:850;letter-spacing:.08em;color:#7456e9}.epc-result h1{font-size:44px;margin:6px 0 8px;letter-spacing:-.05em}.epc-type{font-size:24px;font-weight:900;background:linear-gradient(90deg,#6b4bec,#258fdf);-webkit-background-clip:text;background-clip:text;color:transparent}.epc-summary{max-width:720px;margin:10px auto;color:#68748a}.epc-result-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.epc-plane-card,.epc-score-card,.epc-result-note{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 50px rgba(37,48,76,.06)}.epc-plane-card{padding:24px}.epc-plane{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#f0f6ff 0 50%,#fff7f4 50% 100%);border:1px solid #e5e9f0}.epc-plane:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(122,90,255,.06),rgba(122,90,255,0) 50%),linear-gradient(0deg,rgba(49,177,241,.06),rgba(49,177,241,0) 50%)}.epc-v,.epc-h{position:absolute;background:#aeb8c8;z-index:2}.epc-v{left:50%;width:1px;height:100%}.epc-h{top:50%;height:1px;width:100%}.epc-plane>b{position:absolute;z-index:3;font-size:12px;color:#5f6b7d;background:rgba(255,255,255,.8);padding:4px 8px;border-radius:999px}.epc-top-label{top:10px;left:50%;transform:translateX(-50%)}.epc-bottom-label{bottom:10px;left:50%;transform:translateX(-50%)}.epc-left-label{left:10px;top:50%;transform:translateY(-50%)}.epc-right-label{right:10px;top:50%;transform:translateY(-50%)}.epc-quadrant{position:absolute;color:#99a3b4;font-size:11px;font-weight:800}.q1{left:16px;top:16px}.q2{right:16px;top:16px}.q3{left:16px;bottom:16px}.q4{right:16px;bottom:16px}.epc-dot{position:absolute;z-index:4;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6a44ef,#26a5ea);border:6px solid #fff;box-shadow:0 5px 18px rgba(62,80,184,.35);transform:translate(-50%,-50%)}.epc-dot i{position:absolute;inset:-12px;border:2px solid rgba(103,78,235,.22);border-radius:50%}.epc-result-side{display:flex;flex-direction:column;gap:14px}.epc-score-card{padding:22px}.epc-score-card small{display:block;color:#7b8698;font-weight:800}.epc-score-card strong{display:block;font-size:34px;margin:3px 0 14px}.epc-meter{height:10px;background:#edf0f5;border-radius:999px;overflow:hidden}.epc-meter i{display:block;height:100%;background:linear-gradient(90deg,#6e4bec,#2ca8ee);width:50%}.epc-meter-label{display:flex;justify-content:space-between;font-size:11px;color:#98a1b2;margin-top:6px}.epc-result-note{padding:18px;color:#667085;font-size:13px;line-height:1.65}.epc-result-side .epc-primary{font-size:16px;padding:15px} @media(max-width:850px){.epc-brandlinks{display:none}.epc-hero{grid-template-columns:1fr;padding:34px 10px 10px;text-align:center}.epc-hero h1{font-size:46px}.epc-hero-art{min-height:260px}.epc-info-card{grid-template-columns:1fr}.epc-info-art{display:none}.epc-feature-grid{grid-template-columns:1fr 1fr}.epc-result-grid{grid-template-columns:1fr}.epc-question-card{padding:28px}.epc-story{font-size:27px}} @media(max-width:560px){.epc-app{padding:10px}.epc-brandbar{border-radius:16px;padding:12px}.epc-brand small{display:none}.epc-brand strong{font-size:17px}.epc-hero{min-height:auto;padding-top:28px}.epc-hero h1{font-size:38px}.epc-hero p{font-size:16px}.epc-desktop-br{display:none}.epc-hero-art{min-height:220px}.epc-info-card{padding:20px;border-radius:18px}.epc-feature-grid{gap:8px}.epc-feature-grid>div{padding:16px 8px;border-radius:16px}.epc-feature-grid small{font-size:11px}.epc-primary{font-size:17px}.epc-question-card{padding:22px;border-radius:20px}.epc-story{font-size:23px;min-height:110px}.epc-anchors{grid-template-columns:1fr}.epc-anchor-right{text-align:left}.epc-scale{gap:6px}.epc-scale button{height:48px;border-radius:14px}.epc-scale-help{font-size:9px}.epc-result h1{font-size:36px}} /* v1.1.2 — question screen readability */ .epc-quiz{ padding-top:24px!important; } .epc-question-card{ padding:40px 44px 34px!important; background:#ffffff!important; border:1px solid #dfe5ef!important; } .epc-scene-row{ display:flex!important; align-items:center!important; gap:10px!important; margin-bottom:14px!important; } .epc-scene-badge{ flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:54px!important; height:34px!important; padding:0 12px!important; border-radius:999px!important; background:#eef0ff!important; color:#5a46d9!important; font-size:14px!important; font-weight:900!important; } .epc-scene{ margin:0!important; color:#46546b!important; font-size:18px!important; font-weight:850!important; letter-spacing:-.02em!important; } .epc-story-box{ position:relative!important; margin:0!important; padding:26px 30px 26px 54px!important; border-radius:20px!important; background:linear-gradient(135deg,#f8faff 0%,#f6f4ff 100%)!important; border:1px solid #e5e7f5!important; } .epc-quote-mark{ position:absolute!important; left:20px!important; top:10px!important; color:#7558ec!important; font-family:Georgia,serif!important; font-size:54px!important; line-height:1!important; opacity:.85!important; } .epc-story{ min-height:0!important; margin:0!important; color:#101828!important; font-size:31px!important; line-height:1.45!important; font-weight:900!important; letter-spacing:-.04em!important; word-break:keep-all!important; } .epc-question-label{ margin:28px 0 14px!important; color:#243047!important; text-align:left!important; font-size:18px!important; line-height:1.4!important; font-weight:900!important; } .epc-anchors{ gap:14px!important; } .epc-anchor{ position:relative!important; min-height:126px!important; display:flex!important; align-items:flex-start!important; gap:14px!important; padding:20px!important; border:2px solid #dce3ee!important; border-radius:18px!important; background:#fff!important; color:#172033!important; text-align:left!important; box-shadow:none!important; } .epc-anchor:hover{ border-color:#7a68e8!important; background:#faf9ff!important; transform:translateY(-1px)!important; } .epc-choice-badge{ flex:0 0 auto!important; display:grid!important; place-items:center!important; width:40px!important; height:40px!important; border-radius:12px!important; background:#edf0ff!important; color:#5d48da!important; font-size:18px!important; font-weight:950!important; } .epc-anchor-right .epc-choice-badge{ background:#eef8ff!important; color:#268bc9!important; } .epc-anchor strong, .epc-anchor-left strong, .epc-anchor-right strong{ display:block!important; color:#172033!important; font-size:20px!important; line-height:1.5!important; font-weight:850!important; letter-spacing:-.025em!important; text-align:left!important; opacity:1!important; visibility:visible!important; text-shadow:none!important; } .epc-scale-title{ margin:24px 0 10px!important; color:#667085!important; font-size:14px!important; font-weight:800!important; text-align:center!important; } .epc-scale{ margin-top:12px!important; } .epc-scale button{ height:62px!important; background:#fff!important; color:#344054!important; border:2px solid #cfd8e6!important; font-size:19px!important; font-weight:950!important; box-shadow:0 2px 5px rgba(16,24,40,.05)!important; } .epc-scale button:hover{ border-color:#7a68e8!important; color:#5d48da!important; } .epc-scale button.is-selected{ background:linear-gradient(135deg,#6848ec,#2fa5ea)!important; border-color:transparent!important; color:#fff!important; box-shadow:0 10px 22px rgba(76,86,220,.24)!important; } .epc-scale-help{ margin-top:8px!important; color:#667085!important; font-size:12px!important; font-weight:700!important; } .epc-scale-help b{ color:#344054!important; } .epc-next:not(:disabled){ background:linear-gradient(90deg,#6647ea,#2da3e8)!important; border-color:transparent!important; box-shadow:0 8px 18px rgba(70,89,210,.18)!important; } .epc-next:disabled{ background:#e4e8ef!important; color:#98a2b3!important; border-color:#e4e8ef!important; } @media(max-width:850px){ .epc-question-card{padding:30px 28px 28px!important} .epc-story{font-size:27px!important} } @media(max-width:560px){ .epc-question-card{padding:18px!important} .epc-scene{font-size:16px!important} .epc-story-box{padding:22px 18px 22px 42px!important} .epc-quote-mark{left:14px!important;font-size:44px!important} .epc-story{font-size:23px!important;line-height:1.5!important} .epc-question-label{font-size:17px!important;margin-top:22px!important} .epc-anchor{min-height:108px!important;padding:15px!important} .epc-choice-badge{width:34px!important;height:34px!important;font-size:16px!important} .epc-anchor strong{font-size:17px!important} .epc-scale button{height:50px!important;font-size:16px!important} .epc-scale-help{font-size:10px!important} } /* v1.1.3 — simplified answer endpoints + mobile scale */ .epc-question-label{ margin:26px 0 12px!important; color:#344054!important; text-align:center!important; font-size:16px!important; font-weight:850!important; } .epc-endpoint-answers{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:18px!important; align-items:stretch!important; margin:0 0 14px!important; } .epc-endpoint{ appearance:none!important; border:0!important; background:transparent!important; padding:8px 4px 12px!important; cursor:pointer!important; color:#172033!important; min-width:0!important; } .epc-endpoint small{ display:block!important; margin-bottom:6px!important; color:#7d8798!important; font-size:12px!important; font-weight:850!important; } .epc-endpoint strong{ display:block!important; color:#172033!important; font-size:18px!important; line-height:1.45!important; font-weight:900!important; letter-spacing:-.025em!important; word-break:keep-all!important; } .epc-endpoint-left{ text-align:left!important; } .epc-endpoint-right{ text-align:right!important; } .epc-endpoint:hover strong{ color:#5c49d9!important; } .epc-scale{ width:100%!important; max-width:none!important; display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:10px!important; margin:4px 0 8px!important; } .epc-scale button{ width:100%!important; min-width:0!important; height:58px!important; padding:0!important; border-radius:16px!important; } .epc-scale-help{ width:100%!important; max-width:none!important; } @media(max-width:560px){ .epc-quiz{ padding:14px 0 34px!important; } .epc-quiz-head{ margin-bottom:8px!important; } .epc-question-card{ padding:18px 16px 20px!important; border-radius:18px!important; } .epc-scene-row{ margin-bottom:10px!important; gap:8px!important; } .epc-scene-badge{ min-width:48px!important; height:30px!important; padding:0 10px!important; font-size:13px!important; } .epc-scene{ font-size:15px!important; } .epc-story-box{ padding:18px 16px 18px 38px!important; border-radius:16px!important; } .epc-quote-mark{ left:12px!important; top:8px!important; font-size:40px!important; } .epc-story{ font-size:21px!important; line-height:1.48!important; letter-spacing:-.035em!important; } .epc-question-label{ margin:18px 0 8px!important; font-size:14px!important; } .epc-endpoint-answers{ gap:10px!important; margin-bottom:8px!important; } .epc-endpoint{ padding:4px 2px 8px!important; } .epc-endpoint small{ font-size:10px!important; margin-bottom:4px!important; } .epc-endpoint strong{ font-size:14px!important; line-height:1.38!important; } .epc-scale{ gap:5px!important; margin-top:2px!important; } .epc-scale button{ height:46px!important; border-radius:12px!important; border-width:1.5px!important; font-size:16px!important; } .epc-scale-help{ grid-template-columns:1fr 1fr 1fr!important; gap:4px!important; margin-top:6px!important; font-size:9px!important; line-height:1.25!important; } .epc-scale-help span:first-child{ text-align:left!important; } .epc-scale-help span:nth-child(2){ text-align:center!important; } .epc-scale-help span:last-child{ text-align:right!important; } .epc-nav{ margin-top:14px!important; gap:8px!important; } .epc-nav button{ padding:12px 10px!important; border-radius:12px!important; } } /* v1.1.4 — neutral endpoint wording, economic-right answer visually right */ .epc-endpoint small{ color:#98a2b3!important; font-size:11px!important; letter-spacing:.02em!important; } .epc-endpoint strong{ color:#101828!important; } .epc-scale-help{ color:#7c8799!important; } /* v1.1.5 — balanced randomized endpoint placement */ .epc-random-note{ margin-top:12px!important; padding-top:12px!important; border-top:1px dashed #dddff0!important; color:#7a8498!important; font-size:12px!important; font-weight:700!important; } /* v1.1.6 — hero title contrast */ body.epc-standalone-page .epc-app .epc-hero h1, .epc-app .epc-hero h1{ color:#101828!important; -webkit-text-fill-color:#101828!important; text-shadow:none!important; opacity:1!important; } body.epc-standalone-page .epc-app .epc-hero h1 em, .epc-app .epc-hero h1 em{ color:transparent!important; background:linear-gradient(90deg,#6545ef 0%,#248fdf 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; text-shadow:none!important; opacity:1!important; } body.epc-standalone-page .epc-app .epc-hero p, .epc-app .epc-hero p{ color:#526079!important; opacity:1!important; } /* v1.1.7 — remove top white header card, add branded footer */ .epc-intro{ padding-top:8px!important; } .epc-brandbar{ display:none!important; } .epc-hero{ padding-top:8px!important; } .epc-site-footer{ width:min(1180px,100%); margin:34px auto 0!important; padding:0 0 14px!important; } .epc-footer-inner{ background:#071b66!important; color:#ffffff!important; border-radius:38px 38px 0 0!important; padding:38px 42px 30px!important; display:grid!important; grid-template-columns:1.15fr .85fr!important; gap:34px!important; box-shadow:0 -12px 35px rgba(7,27,102,.10)!important; } .epc-footer-left, .epc-footer-right{ min-width:0!important; } .epc-footer-title{ font-size:52px!important; line-height:1.0!important; letter-spacing:-.05em!important; font-weight:950!important; color:#fff!important; word-break:keep-all!important; } .epc-footer-title span{ color:#ff4b43!important; } .epc-footer-slogan{ margin-top:18px!important; font-size:22px!important; font-weight:850!important; color:#f1f5ff!important; letter-spacing:-.02em!important; } .epc-footer-copy{ margin:14px 0 18px!important; max-width:560px!important; color:#d7def7!important; font-size:17px!important; line-height:1.7!important; } .epc-footer-meta{ color:#ffffff!important; font-size:19px!important; font-weight:900!important; letter-spacing:-.02em!important; } .epc-footer-brand{ text-align:right!important; color:#f4f7ff!important; font-family:Georgia, "Times New Roman", serif!important; font-size:56px!important; letter-spacing:.10em!important; font-weight:400!important; } .epc-footer-brand-sub{ text-align:right!important; color:#cfd8fb!important; font-size:12px!important; letter-spacing:.28em!important; text-transform:lowercase!important; margin-top:4px!important; } .epc-footer-powered{ margin-top:34px!important; color:#9fb0ea!important; font-size:28px!important; letter-spacing:.08em!important; font-weight:900!important; } .epc-footer-links{ margin-top:14px!important; display:flex!important; justify-content:space-between!important; align-items:flex-start!important; gap:14px!important; color:#ffffff!important; font-size:24px!important; font-weight:900!important; flex-wrap:wrap!important; } .epc-footer-links span:last-child{ display:block!important; text-align:right!important; font-size:20px!important; font-weight:800!important; } .epc-footer-year{ margin-top:18px!important; color:#ffffff!important; font-size:24px!important; font-weight:900!important; text-align:right!important; } @media(max-width:850px){ .epc-site-footer{ margin-top:26px!important; } .epc-footer-inner{ grid-template-columns:1fr!important; gap:24px!important; padding:28px 22px 24px!important; border-radius:28px 28px 0 0!important; } .epc-footer-title{ font-size:40px!important; } .epc-footer-slogan{ font-size:19px!important; } .epc-footer-copy{ font-size:15px!important; } .epc-footer-brand, .epc-footer-brand-sub, .epc-footer-year{ text-align:left!important; } .epc-footer-brand{ font-size:44px!important; } .epc-footer-powered{ font-size:22px!important; margin-top:12px!important; } .epc-footer-links{ font-size:20px!important; } .epc-footer-links span:last-child{ text-align:left!important; font-size:17px!important; } } @media(max-width:560px){ .epc-site-footer{ margin-top:18px!important; padding-bottom:6px!important; } .epc-footer-inner{ padding:24px 18px 22px!important; border-radius:22px 22px 0 0!important; } .epc-footer-title{ font-size:34px!important; } .epc-footer-slogan{ margin-top:12px!important; font-size:17px!important; } .epc-footer-copy{ margin:10px 0 14px!important; font-size:14px!important; line-height:1.6!important; } .epc-footer-meta{ font-size:15px!important; } .epc-footer-brand{ font-size:34px!important; letter-spacing:.08em!important; } .epc-footer-brand-sub{ font-size:10px!important; letter-spacing:.18em!important; } .epc-footer-powered{ margin-top:12px!important; font-size:18px!important; } .epc-footer-links{ flex-direction:column!important; align-items:flex-start!important; font-size:16px!important; gap:6px!important; } .epc-footer-links span:last-child{ font-size:14px!important; } .epc-footer-year{ margin-top:12px!important; font-size:18px!important; text-align:left!important; } } /* v1.1.8 — guaranteed visible intro footer + hide theme back-to-top widgets */ .epc-intro .epc-site-footer{ display:block!important; width:100%!important; margin:34px auto 0!important; padding:0!important; } .epc-intro .epc-footer-inner{ margin:0!important; } /* Hide common theme floating top buttons / widgets on the isolated page */ body.epc-standalone-page .scroll-to-top, body.epc-standalone-page .scrolltop, body.epc-standalone-page .scroll-top, body.epc-standalone-page .back-to-top, body.epc-standalone-page .backtotop, body.epc-standalone-page .go-top, body.epc-standalone-page .to-top, body.epc-standalone-page .topbutton, body.epc-standalone-page .totop, body.epc-standalone-page .scrollup, body.epc-standalone-page .up-btn, body.epc-standalone-page .sticky-gotop, body.epc-standalone-page .mfn-scroll-top, body.epc-standalone-page .trx_addons_scroll_to_top, body.epc-standalone-page .sydney-scroll-top, body.epc-standalone-page .generate-back-to-top, body.epc-standalone-page .elementor-scroll-to-top, body.epc-standalone-page a[href="#top"], body.epc-standalone-page button[aria-label*="top" i], body.epc-standalone-page button[aria-label*="up" i]{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } /* v1.1.9 — 서신닷컴 방식의 작고 비율이 유지되는 SVG 푸터 */ .epc-intro .epc-site-footer, .epc-site-footer{ display:block!important; width:100%!important; margin:24px 0 0!important; padding:0!important; background:transparent!important; border-radius:0 0 30px 30px!important; overflow:hidden!important; box-shadow:0 16px 38px rgba(3,19,77,.16)!important; line-height:0!important; } .epc-footer-art{ display:block!important; width:100%!important; height:auto!important; } .epc-footer-link{cursor:pointer!important} .epc-footer-link text{transition:fill .15s ease!important} .epc-footer-link:hover text, .epc-footer-link:focus text{ fill:#fff!important; text-decoration:underline!important; } /* 이전의 큰 HTML 푸터 레이아웃은 사용하지 않음 */ .epc-footer-inner, .epc-footer-left, .epc-footer-right, .epc-footer-title, .epc-footer-slogan, .epc-footer-copy, .epc-footer-meta, .epc-footer-brand, .epc-footer-brand-sub, .epc-footer-powered, .epc-footer-links, .epc-footer-year{ display:none!important; } @media(max-width:560px){ .epc-intro .epc-site-footer, .epc-site-footer{ margin-top:18px!important; border-radius:0 0 22px 22px!important; } } /* v1.2.0 — share actions */ .epc-share-note{ margin:10px auto 0!important; text-align:center!important; color:#7b8598!important; font-size:13px!important; font-weight:700!important; } .epc-share-box{ margin-top:14px!important; padding:16px!important; border-radius:18px!important; background:#f7f9fd!important; border:1px solid #e4e8f1!important; } .epc-share-title{ color:#172033!important; font-size:18px!important; font-weight:900!important; margin-bottom:6px!important; } .epc-share-desc{ color:#667085!important; font-size:13px!important; line-height:1.55!important; } .epc-share-actions{ display:flex!important; gap:10px!important; margin-top:12px!important; flex-wrap:wrap!important; } .epc-share-button{ appearance:none!important; border:0!important; cursor:pointer!important; padding:13px 16px!important; border-radius:14px!important; font-size:15px!important; font-weight:850!important; transition:.15s!important; } .epc-share-native{ background:linear-gradient(90deg,#6948ec,#2fa5ea)!important; color:#fff!important; box-shadow:0 10px 22px rgba(77,88,223,.18)!important; } .epc-share-download{ background:#eef2f8!important; color:#263248!important; } .epc-share-button:hover{ transform:translateY(-1px)!important; } .epc-share-feedback{ min-height:20px!important; margin-top:10px!important; color:#5c677d!important; font-size:12px!important; font-weight:700!important; } @media(max-width:560px){ .epc-share-actions{ flex-direction:column!important; } .epc-share-button{ width:100%!important; } } /* v1.2.1 — answer selection auto advances; navigation remains available */ .epc-scale button.is-selected{ transform:translateY(-2px) scale(1.02)!important; } /* ========================================================= v1.2.2 — result page redesign ========================================================= */ .epc-result{ width:min(1120px,100%)!important; padding:30px 0 58px!important; } .epc-result-spotlight{ position:relative!important; overflow:hidden!important; padding:44px 42px 34px!important; border-radius:34px!important; background: radial-gradient(circle at 90% 10%,rgba(108,72,236,.20),transparent 34%), radial-gradient(circle at 6% 92%,rgba(45,166,234,.18),transparent 30%), linear-gradient(135deg,#101b49 0%,#15255e 55%,#112e68 100%)!important; box-shadow:0 26px 70px rgba(15,31,85,.22)!important; color:#fff!important; text-align:left!important; } .epc-result-spotlight:after{ content:""!important; position:absolute!important; width:330px!important; height:330px!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:50%!important; right:-100px!important; top:-155px!important; box-shadow: 0 0 0 50px rgba(255,255,255,.025), 0 0 0 100px rgba(255,255,255,.015)!important; } .epc-result-kicker{ position:relative!important; z-index:2!important; display:inline-flex!important; align-items:center!important; border:1px solid rgba(255,255,255,.15)!important; background:rgba(255,255,255,.08)!important; color:#d8ddff!important; border-radius:999px!important; padding:7px 12px!important; font-size:12px!important; font-weight:850!important; letter-spacing:.03em!important; } .epc-result-spotlight h1{ position:relative!important; z-index:2!important; color:#fff!important; font-size:48px!important; line-height:1.1!important; letter-spacing:-.055em!important; margin:16px 0 10px!important; } .epc-result-type-wrap{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; gap:12px!important; } .epc-result-orbit{ position:relative!important; flex:0 0 auto!important; width:38px!important; height:38px!important; display:grid!important; place-items:center!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:50%!important; } .epc-result-orbit:before, .epc-result-orbit:after{ content:""!important; position:absolute!important; border:1px solid rgba(93,191,255,.40)!important; border-radius:50%!important; } .epc-result-orbit:before{inset:5px!important} .epc-result-orbit:after{inset:10px!important} .epc-result-orbit i{ width:8px!important; height:8px!important; border-radius:50%!important; background:#59c3ff!important; box-shadow:0 0 16px #59c3ff!important; } .epc-result .epc-type{ color:#73c8ff!important; background:none!important; -webkit-text-fill-color:#73c8ff!important; font-size:29px!important; line-height:1.3!important; font-weight:950!important; margin:0!important; } .epc-result .epc-summary{ position:relative!important; z-index:2!important; max-width:820px!important; margin:16px 0 0!important; color:#d5dcef!important; font-size:16px!important; line-height:1.75!important; } .epc-result-chips{ position:relative!important; z-index:2!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,220px))!important; gap:10px!important; margin-top:25px!important; } .epc-result-chip{ display:grid!important; grid-template-columns:auto 1fr!important; align-items:center!important; column-gap:12px!important; row-gap:0!important; padding:13px 15px!important; border-radius:16px!important; border:1px solid rgba(255,255,255,.13)!important; background:rgba(255,255,255,.075)!important; } .epc-result-chip>span{ grid-column:1 / -1!important; color:#9fabca!important; font-size:10px!important; font-weight:850!important; letter-spacing:.06em!important; } .epc-result-chip strong{ color:#fff!important; font-size:27px!important; line-height:1.2!important; font-weight:950!important; } .epc-result-chip small{ color:#ccd5eb!important; font-size:12px!important; font-weight:750!important; white-space:nowrap!important; } .epc-result-content{ margin-top:18px!important; } .epc-map-section, .epc-reading-card, .epc-result-note{ background:#fff!important; border:1px solid #e4e8f0!important; box-shadow:0 16px 42px rgba(30,43,75,.07)!important; } .epc-map-section{ border-radius:28px!important; padding:24px!important; } .epc-section-head{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:14px!important; margin-bottom:18px!important; } .epc-section-head small, .epc-reading-body>small{ color:#8468e7!important; font-size:10px!important; font-weight:900!important; letter-spacing:.13em!important; } .epc-section-head h2, .epc-reading-body h2{ margin:3px 0 0!important; color:#172033!important; font-size:25px!important; line-height:1.25!important; letter-spacing:-.035em!important; } .epc-quadrant-badge{ flex:0 0 auto!important; padding:9px 12px!important; border-radius:999px!important; background:#f0edff!important; color:#6049db!important; font-size:12px!important; font-weight:900!important; } .epc-result .epc-plane-card{ padding:0!important; border:0!important; border-radius:22px!important; box-shadow:none!important; overflow:hidden!important; } .epc-result .epc-plane{ position:relative!important; width:100%!important; aspect-ratio:1.22 / 1!important; border:1px solid #dde3ec!important; border-radius:22px!important; overflow:hidden!important; background:#f9fbff!important; } .epc-result .epc-plane:before{ display:none!important; } .epc-zone{ position:absolute!important; width:50%!important; height:50%!important; padding:18px!important; display:flex!important; flex-direction:column!important; z-index:0!important; } .epc-zone b{ color:#8894a8!important; font-size:13px!important; font-weight:900!important; } .epc-zone span{ color:#a2acbd!important; font-size:11px!important; font-weight:750!important; } .epc-zone-free-left{ left:0!important;top:0!important; align-items:flex-start!important; background:linear-gradient(135deg,rgba(104,104,241,.14),rgba(104,104,241,.035))!important; } .epc-zone-free-right{ right:0!important;top:0!important; align-items:flex-end!important; background:linear-gradient(225deg,rgba(45,168,235,.14),rgba(45,168,235,.035))!important; } .epc-zone-order-left{ left:0!important;bottom:0!important; justify-content:flex-end!important; align-items:flex-start!important; background:linear-gradient(45deg,rgba(174,120,215,.12),rgba(174,120,215,.025))!important; } .epc-zone-order-right{ right:0!important;bottom:0!important; justify-content:flex-end!important; align-items:flex-end!important; background:linear-gradient(315deg,rgba(246,143,104,.13),rgba(246,143,104,.03))!important; } .epc-result .epc-v, .epc-result .epc-h{ position:absolute!important; z-index:2!important; background:#aeb9ca!important; } .epc-result .epc-v{ left:50%!important; top:0!important; width:1px!important; height:100%!important; } .epc-result .epc-h{ left:0!important; top:50%!important; width:100%!important; height:1px!important; } .epc-axis-label{ position:absolute!important; z-index:3!important; display:inline-flex!important; padding:6px 9px!important; border-radius:999px!important; background:rgba(255,255,255,.90)!important; box-shadow:0 3px 12px rgba(25,38,65,.06)!important; color:#536074!important; font-size:11px!important; font-weight:900!important; } .epc-axis-top{top:10px!important;left:50%!important;transform:translateX(-50%)!important} .epc-axis-bottom{bottom:10px!important;left:50%!important;transform:translateX(-50%)!important} .epc-axis-left{left:10px!important;top:50%!important;transform:translateY(-50%)!important} .epc-axis-right{right:10px!important;top:50%!important;transform:translateY(-50%)!important} .epc-result .epc-dot{ position:absolute!important; z-index:7!important; width:28px!important; height:28px!important; border-radius:50%!important; background:linear-gradient(135deg,#6746ed,#22a9eb)!important; border:5px solid #fff!important; box-shadow:0 5px 18px rgba(71,81,206,.36)!important; transform:translate(-50%,-50%)!important; } .epc-result .epc-dot>i{ position:absolute!important; inset:-12px!important; border-radius:50%!important; border:2px solid rgba(102,78,236,.20)!important; } .epc-result .epc-dot>b{ position:absolute!important; left:50%!important; top:100%!important; transform:translate(-50%,8px)!important; color:#5c47d7!important; font-size:10px!important; font-weight:950!important; white-space:nowrap!important; } .epc-dot-score{ position:absolute!important; z-index:8!important; display:flex!important; flex-direction:column!important; gap:2px!important; min-width:94px!important; padding:7px 9px!important; border:1px solid rgba(98,79,222,.16)!important; border-radius:10px!important; background:rgba(255,255,255,.96)!important; box-shadow:0 7px 20px rgba(34,47,81,.13)!important; color:#657087!important; font-size:9px!important; font-weight:800!important; pointer-events:none!important; } .epc-dot-score b{ color:#172033!important; font-size:10px!important; font-weight:950!important; } .epc-dot-score.epc-label-right{ transform:translate(22px,-50%)!important; } .epc-dot-score.epc-label-left{ transform:translate(calc(-100% - 22px),-50%)!important; } .epc-dot-score.epc-label-right:before, .epc-dot-score.epc-label-left:before{ content:""!important; position:absolute!important; top:50%!important; width:10px!important; height:10px!important; background:#fff!important; border-top:1px solid rgba(98,79,222,.16)!important; border-left:1px solid rgba(98,79,222,.16)!important; } .epc-dot-score.epc-label-right:before{ left:-6px!important; transform:translateY(-50%) rotate(-45deg)!important; } .epc-dot-score.epc-label-left:before{ right:-6px!important; transform:translateY(-50%) rotate(135deg)!important; } .epc-dot-score.epc-label-above{ margin-top:-24px!important; } .epc-dot-score.epc-label-below{ margin-top:24px!important; } .epc-score-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:14px!important; margin-top:14px!important; } .epc-result .epc-score-card{ position:relative!important; overflow:hidden!important; padding:22px!important; border:1px solid #e4e8f0!important; border-radius:24px!important; background:#fff!important; box-shadow:0 14px 36px rgba(30,43,75,.065)!important; } .epc-result .epc-score-card:before{ content:""!important; position:absolute!important; width:110px!important; height:110px!important; border-radius:50%!important; right:-45px!important; top:-50px!important; } .epc-score-economy:before{background:rgba(92,77,230,.08)!important} .epc-score-liberty:before{background:rgba(32,167,235,.09)!important} .epc-score-card-top{ display:grid!important; grid-template-columns:46px 1fr auto!important; align-items:center!important; gap:11px!important; } .epc-score-icon{ display:grid!important; place-items:center!important; width:46px!important; height:46px!important; border-radius:15px!important; color:#fff!important; font-size:22px!important; font-weight:950!important; } .epc-score-economy .epc-score-icon{ background:linear-gradient(135deg,#7350ed,#5a6feb)!important; } .epc-score-liberty .epc-score-icon{ background:linear-gradient(135deg,#268fdc,#29b7e6)!important; } .epc-score-copy small{ display:block!important; color:#8a94a6!important; font-size:10px!important; font-weight:800!important; } .epc-score-copy h3{ margin:2px 0 0!important; color:#172033!important; font-size:16px!important; line-height:1.35!important; font-weight:900!important; letter-spacing:-.025em!important; } .epc-result .epc-score-card strong.epc-xscore, .epc-result .epc-score-card strong.epc-yscore{ color:#172033!important; font-size:34px!important; line-height:1!important; font-weight:950!important; } .epc-result .epc-meter{ position:relative!important; height:10px!important; margin-top:20px!important; border-radius:999px!important; background:#edf0f5!important; overflow:hidden!important; } .epc-result .epc-meter>i{ display:block!important; height:100%!important; border-radius:999px!important; background:linear-gradient(90deg,#7046ef,#29a9e9)!important; } .epc-meter-mid{ position:absolute!important; z-index:2!important; left:50%!important; top:-2px!important; width:2px!important; height:14px!important; background:#fff!important; box-shadow:0 0 0 1px rgba(70,82,110,.15)!important; } .epc-result .epc-meter-label{ display:grid!important; grid-template-columns:1fr auto 1fr!important; align-items:center!important; margin-top:6px!important; color:#8f99aa!important; font-size:9px!important; } .epc-result .epc-meter-label b{ color:#a5adbb!important; font-size:8px!important; font-weight:750!important; } .epc-result .epc-meter-label span:last-child{text-align:right!important} .epc-score-card>p{ margin:14px 0 0!important; color:#69758a!important; font-size:12px!important; line-height:1.65!important; } .epc-reading-card{ position:relative!important; display:grid!important; grid-template-columns:70px 1fr!important; gap:10px!important; align-items:start!important; margin-top:14px!important; padding:25px 28px!important; border-radius:24px!important; overflow:hidden!important; } .epc-reading-card:after{ content:""!important; position:absolute!important; width:180px!important; height:180px!important; border-radius:50%!important; right:-90px!important; bottom:-100px!important; background:radial-gradient(circle,rgba(87,91,232,.10),transparent 70%)!important; } .epc-reading-mark{ color:#6c51e2!important; font-family:Georgia,serif!important; font-size:70px!important; line-height:.9!important; } .epc-reading-body{ position:relative!important; z-index:2!important; } .epc-reading-main{ margin:11px 0 0!important; color:#5f6b80!important; font-size:14px!important; line-height:1.75!important; } .epc-reading-tags{ display:flex!important; gap:7px!important; flex-wrap:wrap!important; margin-top:15px!important; } .epc-reading-tags span{ display:inline-flex!important; align-items:center!important; border-radius:999px!important; padding:7px 10px!important; background:#f1f3f8!important; color:#526079!important; font-size:10px!important; font-weight:850!important; } .epc-reading-tags span:first-child{background:#f0edff!important;color:#6049d9!important} .epc-reading-tags span:nth-child(2){background:#eaf8ff!important;color:#247ead!important} .epc-result .epc-result-note{ margin-top:14px!important; padding:15px 17px!important; border-radius:17px!important; background:#f6f7fa!important; border:1px solid #e6e8ed!important; box-shadow:none!important; color:#7a8496!important; font-size:11px!important; line-height:1.65!important; } .epc-result .epc-result-note b{ display:block!important; color:#515d70!important; font-size:11px!important; margin-bottom:2px!important; } .epc-result .epc-restart{ display:block!important; width:min(480px,100%)!important; margin:18px auto 0!important; font-size:15px!important; padding:14px 18px!important; } /* Remove v1.2.0 sharing UI completely if stale markup somehow remains */ .epc-share-box, .epc-share-note{ display:none!important; } @media(max-width:760px){ .epc-result{ padding-top:12px!important; } .epc-result-spotlight{ padding:30px 20px 26px!important; border-radius:24px!important; } .epc-result-spotlight h1{ font-size:36px!important; } .epc-result .epc-type{ font-size:23px!important; } .epc-result .epc-summary{ font-size:14px!important; } .epc-result-chips{ grid-template-columns:1fr 1fr!important; } .epc-result-chip{ grid-template-columns:1fr!important; gap:2px!important; } .epc-result-chip strong{ font-size:24px!important; } .epc-result-chip small{ white-space:normal!important; font-size:10px!important; } .epc-map-section{ padding:16px!important; border-radius:22px!important; } .epc-section-head h2{ font-size:20px!important; } .epc-quadrant-badge{ font-size:10px!important; padding:7px 9px!important; } .epc-result .epc-plane{ aspect-ratio:1 / 1.08!important; } .epc-zone{ padding:12px!important; } .epc-zone b{ font-size:11px!important; } .epc-zone span{ font-size:9px!important; } .epc-score-grid{ grid-template-columns:1fr!important; } .epc-reading-card{ grid-template-columns:48px 1fr!important; padding:20px!important; } .epc-reading-mark{ font-size:56px!important; } } @media(max-width:430px){ .epc-result-content{ margin-top:12px!important; } .epc-result-chips{ gap:7px!important; } .epc-result-chip{ padding:11px!important; } .epc-result .epc-plane{ border-radius:18px!important; } .epc-axis-label{ padding:5px 7px!important; font-size:9px!important; } .epc-dot-score{ min-width:82px!important; padding:6px 7px!important; font-size:8px!important; } .epc-dot-score b{ font-size:9px!important; } .epc-dot-score.epc-label-right{ transform:translate(18px,-50%)!important; } .epc-dot-score.epc-label-left{ transform:translate(calc(-100% - 18px),-50%)!important; } } /* ========================================================= v1.2.3 — footer on all screens + academic basis ========================================================= */ .epc-screen-footer{ width:100%!important; margin-top:24px!important; } .epc-question-footer{ margin-top:28px!important; } .epc-result-footer{ margin-top:18px!important; } .epc-question-footer .epc-site-footer, .epc-result-footer .epc-site-footer{ margin-top:0!important; } .epc-academic-note{ display:block!important; max-width:980px!important; margin:20px auto 0!important; padding:0 7px!important; color:#8a93a5!important; font-size:9px!important; line-height:1.65!important; font-weight:500!important; letter-spacing:-.005em!important; text-align:left!important; } .epc-academic-note b{ color:#697386!important; font-size:9px!important; font-weight:900!important; } .epc-academic-note i{ font-style:italic!important; } @media(max-width:560px){ .epc-screen-footer{ margin-top:18px!important; } .epc-question-footer{ margin-top:20px!important; } .epc-result-footer{ margin-top:14px!important; } .epc-academic-note{ margin-top:16px!important; padding:0 3px!important; font-size:8.5px!important; line-height:1.6!important; } .epc-academic-note b{ font-size:8.5px!important; } } /* ========================================================= v1.2.4 — footer visibility fix Earlier theme-isolation CSS hid every