.pc{--pc-bg:#f1f1f3;--pc-tile:#e7e7ea;--pc-ink:#111113;--pc-sub:#4a4a50;--pc-mute:#9a9aa2;--pc-line:#d6d6db;background:var(--pc-bg);min-height:100vh;color:var(--pc-ink);letter-spacing:-.01em;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}body:has(.pc){background:#f1f1f3}.pc button{font-family:inherit}.pc-head{place-items:center;height:64px;display:grid;position:relative}.pc-head span{letter-spacing:-.01em;font-size:19px;font-weight:700}.pc-close{color:var(--pc-ink);padding:4px;font-size:30px;font-weight:300;line-height:1;text-decoration:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.pc-main{max-width:560px;margin:0 auto;padding:0 16px 120px}.pc-progress{margin:26px 8px 58px;position:relative}.pc-track{background:#bdbdc3;height:7px}.pc-track i{background:#111;height:100%;transition:width .3s;display:block}.pc-count{color:#555;white-space:nowrap;background:#fafafa;border:1px solid #dcdce0;padding:3px 7px;font-size:12px;position:absolute;top:18px;transform:translate(-50%)}.pc-count:before{content:"";background:#fafafa;border-top:1px solid #dcdce0;border-left:1px solid #dcdce0;width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.pc-count b{color:#111;font-weight:800}.pc-step{animation:.25s pc-in}@keyframes pc-in{0%{opacity:0}to{opacity:1}}.pc-q{text-align:center;word-break:keep-all;outline:none;margin:0 0 10px;font-size:21px;font-weight:800;line-height:1.4}.pc-sub{text-align:center;color:var(--pc-sub);margin:0 0 30px;font-size:14.5px}.pc-grid{grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:44px;display:grid}.pc-grid .pc-opt{background:var(--pc-tile);text-align:left;color:#333;cursor:pointer;border:0;border-radius:0;padding:19px 16px;font-size:16px}.pc-grid .pc-opt.on{color:#fff;background:#111}.pc-photo-grid,.pc-opts.pc-photo{grid-template-columns:repeat(3,1fr);gap:14px 10px;margin-top:34px;display:grid}.pc-opts.pc-photo .pc-opt{cursor:pointer;outline-offset:0;background:#e9e9ec;border:0;border-radius:0;outline:2px solid #0000;flex-direction:column;padding:7px 7px 0;transition:outline-color .12s;display:flex}.pc-opts.pc-photo .pc-opt.on{outline-color:#111}.pc-art{aspect-ratio:3/4;object-fit:cover;background:#ddd;width:100%;display:block}.pc-opts.pc-photo .pc-opt span{color:#333;text-align:center;padding:9px 2px 11px;font-size:14.5px;display:block}.pc-list{gap:10px;margin-top:40px;display:grid}.pc-list .pc-opt{background:var(--pc-tile);text-align:left;color:#222;cursor:pointer;border:0;padding:20px 18px;font-size:16px}.pc-list .pc-opt.on{color:#fff;background:#111}.pc-back{color:#333;cursor:pointer;background:0 0;border:1px solid #c9c9ce;border-radius:50%;width:58px;height:58px;padding-bottom:4px;font-size:34px;font-weight:300;line-height:1;position:fixed;bottom:22px;left:max(16px,50% - 264px)}.pc-hero{aspect-ratio:4/5;background:url(/images/quiz/hero.webp) 50%/cover no-repeat,conic-gradient(#a9c3ec,#c9b4ea,#f1b9cf,#f6d2a8,#c9e6c0,#a9d8e0,#a9c3ec);margin:6px 0 30px;overflow:hidden}.pc-start h1{outline:none;margin:0 0 12px;font-size:26px;font-weight:800;line-height:1.38}.pc-start .pc-sub{margin-bottom:26px}.pc-btns{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.pc-btn{color:#fff;cursor:pointer;background:#111;border:0;padding:17px 10px;font-size:16px;font-weight:700}.pc-btn.line{color:#111;background:0 0;border:1px solid #111}.pc-btn.wide{width:100%}.pc-skip{color:#666;cursor:pointer;background:0 0;border:0;margin:18px auto 0;padding:6px;font-size:14px;text-decoration:underline;display:block}.pc-fine{color:#777;text-align:center;margin:14px 0 0;font-size:12.5px}.pc-frame{aspect-ratio:4/4.2;background:var(--pc-tile);place-items:center;display:grid;position:relative}.pc-oval{aspect-ratio:3/4;border:2px dashed #8d8d95;border-radius:50%;width:46%}.pc-frame span{color:#666;font-size:13px;position:absolute;bottom:14px}.pc-tips{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.pc-tips li{color:#333;padding-left:20px;font-size:14px;line-height:1.5;position:relative}.pc-tips li:before{content:"";border-bottom:1.6px solid #111;border-left:1.6px solid #111;width:8px;height:4px;position:absolute;top:6px;left:3px;transform:rotate(-45deg)}.pc-shot{background:#000;place-items:center;max-height:440px;display:grid;position:relative;overflow:hidden}.pc-shot img{object-fit:contain;width:100%;max-height:440px;display:block}.pc-scan{background:linear-gradient(#0000 45%,#0009);place-items:end center;padding-bottom:18px;display:grid;position:absolute;inset:0}.pc-scan:before{content:"";background:#fff;height:2px;animation:1.5s ease-in-out infinite alternate pc-scan;position:absolute;left:0;right:0;box-shadow:0 0 16px 3px #fff9}@keyframes pc-scan{0%{top:6%}to{top:90%}}.pc-scan span{color:#fff;font-size:14px;font-weight:700;position:relative}.pc-read{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.pc-read div{background:var(--pc-tile);text-align:center;padding:14px 8px}.pc-read i{border-radius:50%;width:42px;height:42px;margin:0 auto 6px;display:block}.pc-read span{color:#333;font-size:13px}.pc-error{color:#8a2433;background:#fbe9ea;margin:14px 0 0;padding:14px;font-size:14.5px}.pc[data-cap] *,.pc[data-cap]{transition:none!important;animation:none!important}.pc-art-wrap{display:block;position:relative}.pc-art-photo{background:50%/cover no-repeat;position:absolute;inset:0}.pc-start{text-align:left;padding-top:18px}.pc-tag{color:#fff;background:#111;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-block}.pc-start h1{letter-spacing:-.03em;outline:none;margin:16px 0 12px;font-size:27px;font-weight:800;line-height:1.36}.pc-lead{color:#333;margin:0 0 34px;font-size:15px;line-height:1.65}.pc-h2{margin:0 0 12px;font-size:17px;font-weight:800}.pc-gets{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:34px;display:grid}.pc-get{background:#e7e7ea;padding:14px 14px 16px}.pc-get b{margin-top:12px;font-size:14.5px;font-weight:800;display:block}.pc-get p{color:#444;margin:4px 0 0;font-size:12.5px;line-height:1.5}.pc-get-vis{align-items:center;height:64px;display:flex}.pc-icons{grid-template-columns:repeat(6,1fr);align-content:center;gap:4px;display:grid}.pc-icons span{aspect-ratio:1;border-radius:50%;place-items:center;display:grid}.pc-mini-gauge{flex-direction:column;justify-content:center;align-items:stretch;position:relative}.pc-mini-gauge i{background:linear-gradient(90deg,#e8636a,#e9894f 45%,#e8d74c);border-radius:99px;height:9px;display:block}.pc-mini-gauge em{background:#e7e7ea;width:4px;height:22px;position:absolute;top:14px;transform:translate(-50%)}.pc-mini-gauge em:before{content:"";background:#111;width:1.5px;position:absolute;top:2px;bottom:0;left:50%;transform:translate(-50%)}.pc-mini-gauge em:after{content:"";border:4px solid #0000;border-top:6px solid #111;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.pc-mini-gauge span{color:#777;font-size:9px;font-weight:800;position:absolute;bottom:4px}.pc-mini-gauge span:last-of-type{right:0}.pc-mini-sw{gap:4px}.pc-mini-sw i{border-radius:4px;width:18px;height:40px}.pc-mini-mk{gap:6px}.pc-mini-mk .kmk-shapes{display:flex}.pc-how{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.pc-how li{text-align:center;background:#e7e7ea;padding:14px 10px}.pc-how b{color:#fff;background:#111;border-radius:50%;place-items:center;width:24px;height:24px;margin:0 auto 8px;font-size:12px;display:grid}.pc-how span{color:#222;font-size:13px;font-weight:600;line-height:1.45}.pc-start .pc-fine{text-align:left;margin:0 0 16px}.pc-cta{position:sticky;bottom:14px}.pc-mini-gauge span:first-of-type{left:0}.pc-art-ph{aspect-ratio:3/4;background:#e2e2e5;width:100%;display:block}.pc-guide{grid-template-columns:1.55fr 1fr;gap:8px;display:grid}.pc-guide figure{background:#e7e7ea;margin:0;position:relative}.pc-guide img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.pc-guide-good{outline-offset:-3px;outline:3px solid #111}.pc-guide-good:after{content:"";background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/16px no-repeat;border-radius:50%;width:26px;height:26px;position:absolute;top:8px;left:8px}.pc-guide-good figcaption{color:#444;padding:10px 10px 12px;font-size:12px;line-height:1.45}.pc-guide-good figcaption b{color:#111;margin-bottom:2px;font-size:14px;display:block}.pc-guide-bad{grid-template-rows:repeat(3,1fr);gap:8px;display:grid}.pc-guide-bad figure{flex-direction:column;display:flex}.pc-guide-bad img{aspect-ratio:auto;filter:none;flex:1;height:100%;min-height:0}.pc-guide-bad figure:after{content:"×";color:#fff;text-align:center;background:#c8343f;border-radius:50%;width:20px;height:20px;font-size:15px;font-weight:700;line-height:19px;position:absolute;top:6px;left:6px}.pc-guide-bad figcaption{color:#333;padding:4px 6px 5px;font-size:11.5px;font-weight:700}.pc-guide-why{color:#555;margin:10px 0 0;font-size:12.5px;line-height:1.5}.pc-guide-good{flex-direction:column;display:flex}.pc-guide-good img{aspect-ratio:auto;object-position:center top;flex:1;height:100%;min-height:0}.pc-scene{background:#fff;place-items:center;display:grid}.pc-scene svg{width:100%;height:100%;display:block}.pc-guide-good .pc-scene{background:linear-gradient(#fffdf3,#fff);flex:1;padding:10px 8px 0}.pc-guide-bad .pc-scene{aspect-ratio:4/3}.pc-scene.bulb{background:#fff4d6}.pc-scene.night{background:#2b2b33}.pc-scene.filter{background:#fff0f5}.pc-return{color:#fff;background:#111;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:14px 16px;font-size:14px;text-decoration:none;display:flex}.pc-return span{opacity:.85;font-size:13px}.pc-safe{text-align:left;background:#e9e9ec;border-left:3px solid #111113;gap:3px;margin:16px 0;padding:12px 14px;display:grid}.pc-safe b{color:#111113;font-size:15px;font-weight:800}.pc-safe span{color:#333336;font-size:13px;line-height:1.55}.pc-guide{grid-template-columns:1fr}.pc-guide-good img{aspect-ratio:4/3;object-position:center 40%}.pc-guide-bad{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.pc-guide-bad img{aspect-ratio:1;flex:none;height:auto}.pc-email{gap:12px;display:grid}.pc-email h1{letter-spacing:-.02em;outline:none;margin:6px 0 4px;font-size:25px;font-weight:800;line-height:1.4}.pc-vs{border-collapse:collapse;background:#e9e9ec;width:100%;margin:4px 0 10px;font-size:13.5px}.pc-vs th,.pc-vs td{text-align:left;vertical-align:top;border-bottom:1px solid #dcdce0;padding:11px 10px}.pc-vs thead th{color:#555;font-size:12px;font-weight:700}.pc-vs thead th:last-child{color:#111}.pc-vs tbody th{color:#555;width:46px;font-weight:600}.pc-vs td{color:#666}.pc-vs td b{color:#111;font-weight:800}.pc-email-label{margin-top:4px;font-size:14px;font-weight:700}.pc-email-input{color:#111;background:#fff;border:1px solid #c9c9ce;border-radius:0;width:100%;min-height:52px;padding:0 16px;font-size:16px}.pc-email-input:focus{outline-offset:0;outline:2px solid #111}.pc-check{color:#333;cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.pc-check input{accent-color:#111;flex:none;width:18px;height:18px;margin-top:1px}.pc-check-all{color:#111;border-bottom:1px solid #dcdce0;padding-bottom:8px;font-weight:700}.pc-email-more{color:#777;font-size:12px}.pc-email-more summary{cursor:pointer}.pc-email-more p{margin:6px 0 0;line-height:1.6}.pc-email-err{color:#c8343f;margin:0;font-size:13px}.pc-email-fine{color:#666;text-align:center;margin:0;font-size:12.5px}.pc-email .pc-tag{justify-self:start}.pc-start .pc-vs{margin:18px 0 6px}.pc-start .pc-email{margin-top:18px}.pc-start .pc-email+.pc-h2{margin-top:40px}.pc-login{gap:12px;display:grid}.pc-login .pc-tag{justify-self:start}.pc-login h1{margin:6px 0 0;font-size:26px;font-weight:800;line-height:1.38}.pc-login .pc-lead{margin:0 0 8px}.pc-social{gap:10px;margin-top:6px;display:grid}.pc-social-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #c9c9ce;min-height:54px;font-size:16px;font-weight:700}.pc-social-btn.naver{color:#fff;background:#03c75a;border-color:#03c75a}.pc-login-alt{color:#555;cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px;font-size:14px;text-decoration:underline}