.qb{color:#07131d;word-break:keep-all;overflow-wrap:break-word;background:#f2f0e8;min-height:100vh;margin:0;font-family:Noto Sans KR,sans-serif}.qb a{color:#344957}.qb a:hover{color:#07131d}.qb .skip{color:#07131d;z-index:100;background:#cdec6e;padding:12px 16px;font-size:16px;position:absolute;top:0;left:-9999px}.qb .skip:focus{top:16px;left:16px}.qb :focus-visible{outline-offset:3px;outline:3px solid #344957}.qb .card input,.qb .opt input{opacity:0;width:1px;height:1px;position:absolute}.qb *{box-sizing:border-box}.qb .card{all:unset;box-sizing:border-box;cursor:pointer;color:#07131d;background:#fff;border-radius:20px;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #dcd8cc}.qb .pic{aspect-ratio:3/4;background:#0e2130;position:relative;overflow:hidden}.qb .label{word-break:keep-all;letter-spacing:-.02em;padding:16px 18px 18px;font-size:18px;font-weight:900;line-height:1.35}.qb .card:hover,.qb .card:focus-visible{transform:translateY(-6px);box-shadow:0 24px 40px -18px #07131d80}.qb .card:has(input:checked){box-shadow:0 0 0 4px #07131d,0 0 0 7px #d7ff71}.qb .card:has(input:focus-visible){outline-offset:6px;outline:3px solid #344957}.qb .card img{object-fit:cover;object-position:50% 70%;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.qb .card:hover img{transform:scale(1.08)}.qb .card .badge{z-index:1;color:#07131d;background:#d7ff71;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:none;position:absolute;top:16px;right:16px}.qb .card:has(input:checked) .badge{display:flex}.qb .card.plain{box-shadow:none;border:1.5px dashed #aebfc7}.qb .prog{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.qb .ps{color:#6b7a80;letter-spacing:-.01em;word-break:keep-all;background:#e9e4d8;border-radius:14px;align-items:center;gap:14px;height:56px;padding:0 20px;font-size:17px;display:flex;position:relative;overflow:hidden}.qb .ps:first-child{border-radius:999px 14px 14px 999px}.qb .ps:last-child{border-radius:14px 999px 999px 14px}.qb .ps .n{letter-spacing:.06em;color:#a3acaf;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.qb .ps.now{color:#fff;background:#344957;font-weight:500}.qb .ps.now .n{color:#cdec6e}.qb .ps.now:after{content:"";transform-origin:0;background:#cdec6e;width:100%;height:3px;animation:1.2s cubic-bezier(.2,.7,.2,1) both qbFill;position:absolute;bottom:0;left:0}@keyframes qbFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.qb .q{color:#07131d;border:2px solid #07131d;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-family:Manrope,sans-serif;font-size:52px;font-weight:800;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:flex}.qb .card:hover .q{transform:rotate(-12deg)scale(1.06)}.qb .ico{border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .3s,color .3s,transform .35s cubic-bezier(.2,.7,.2,1);display:inline-flex}.qb .ico svg{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.qb .stop{color:#344957;background:#ffffffb3;border:1px solid #d6d0c2;border-radius:999px;align-items:center;gap:12px;min-height:52px;padding:6px 22px 6px 6px;font-size:16px;font-weight:500;text-decoration:none;transition:border-color .25s,background .25s,color .25s;display:inline-flex;box-shadow:inset 0 1px #fff,0 6px 16px -10px #07131d59}.qb .stop .ico{color:#07131d;background:#e8dfcf;width:40px;height:40px}.qb .stop:hover{color:#07131d;background:#fff;border-color:#07131d}.qb .stop:hover .ico{color:#fff;background:#07131d;transform:rotate(90deg)}.qb .back{color:#07131d;background:#fff;border:1px solid #d6d0c2;border-radius:999px;align-items:center;gap:14px;min-height:60px;padding:6px 26px 6px 6px;font-size:17px;font-weight:500;text-decoration:none;transition:border-color .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 20px -14px #07131d73}.qb .back .ico{color:#07131d;background:#f2f0e8;border:1px solid #d6d0c2;width:48px;height:48px}.qb .back:hover{border-color:#07131d;box-shadow:0 14px 26px -16px #07131d8c}.qb .back:hover .ico{color:#cdec6e;background:#07131d;border-color:#07131d}.qb .back:hover .ico svg{transform:translate(-3px)}.qb .next{all:unset;box-sizing:border-box;border-radius:999px;align-items:center;gap:16px;min-height:60px;padding:6px 6px 6px 30px;font-size:17px;font-weight:500;transition:background .3s,color .3s,box-shadow .3s,transform .3s;display:inline-flex;position:relative}.qb .next .ico{width:48px;height:48px}.qb .next:before{content:"";pointer-events:none;border:1px solid #0000;border-radius:999px;transition:border-color .3s;position:absolute;inset:-5px}.qb .next{cursor:pointer}.qb form:not(:has(input[name=a]:checked)) .next{cursor:default;color:#8a979c;background:#ece8de;box-shadow:inset 0 0 0 1px #dcd6c8}.qb form:not(:has(input[name=a]:checked)) .next .ico{color:#b3ac9c;background:#fff;box-shadow:inset 0 0 0 1px #dcd6c8}.qb form:has(input[name=a]:checked) .next{color:#07131d;background:#cdec6e;box-shadow:0 10px 26px -12px #78961ea6}.qb form:has(input[name=a]:checked) .next:before{border-color:#9bc22e8c}.qb form:has(input[name=a]:checked) .next .ico{color:#cdec6e;background:#07131d}.qb form:has(input[name=a]:checked) .next:hover{background:#d7ff71;transform:translateY(-2px)}.qb form:has(input[name=a]:checked) .next:hover .ico svg{transform:translate(3px)}.qb .next.off{cursor:default;color:#8a979c;background:#ece8de;box-shadow:inset 0 0 0 1px #dcd6c8}.qb .next.off .ico{color:#b3ac9c;background:#fff;box-shadow:inset 0 0 0 1px #dcd6c8}.qb .next.go{cursor:pointer;color:#07131d;background:#cdec6e;box-shadow:0 10px 26px -12px #78961ea6}.qb .next.go:before{border-color:#9bc22e8c}.qb .next.go .ico{color:#cdec6e;background:#07131d}.qb .next.go:hover{background:#d7ff71;transform:translateY(-2px)}.qb .next.go:hover .ico svg{transform:translate(3px)}.qb .rise{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) forwards qbRise}@keyframes qbRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.qb .opts{flex-direction:column;gap:12px;max-width:880px;display:flex}.qb .opt{cursor:pointer;color:#07131d;letter-spacing:-.01em;background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:18px 22px;font-size:18px;font-weight:700;line-height:1.45;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;display:flex;position:relative;box-shadow:0 1px #dcd8cc}.qb .opt:hover{transform:translateY(-2px);box-shadow:0 18px 30px -18px #07131d73}.qb .opt:has(input:checked){box-shadow:0 0 0 4px #07131d,0 0 0 7px #d7ff71}.qb .opt:has(input:focus-visible){outline-offset:6px;outline:3px solid #344957}.qb .opt .badge{color:#0000;background:#e9e4d8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.qb .opt:has(input:checked) .badge{color:#07131d;background:#d7ff71}.qb .more{flex-direction:column;gap:12px;max-width:880px;margin-top:8px;display:flex}.qb .more details{border-top:1px solid #dcd8cc;padding:4px 0}.qb .more summary{cursor:pointer;color:#344957;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:500;list-style:none;display:flex}.qb .more summary::-webkit-details-marker{display:none}.qb .more summary:after{content:"+";font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.qb .more details[open] summary:after{content:"−"}.qb .more p{color:#53646b;margin:0 0 12px;font-size:16px;line-height:1.7}.qb .more .dx-sources a{text-underline-offset:3px;text-decoration:underline}.qb .more ol{margin:0 0 12px;padding:0;list-style:none}.qb .more li{border-bottom:1px solid #e9e4d8;grid-template-columns:1fr auto;gap:2px 18px;padding:10px 0;font-size:16px;display:grid}.qb .more li .q{color:#6b7a80}.qb .more li .a{grid-column:1;font-weight:500}.qb .more li a{text-underline-offset:3px;grid-area:1/2/3;align-self:center;align-items:center;min-height:44px;text-decoration:underline;display:flex}.qb .rule{color:#6b7a80;margin:0;font-size:16px}.qb .notice{color:#6b4e0e;background:#fbf1d9;border:1px solid #efd9a3;border-radius:14px;margin:0;padding:14px 18px;font-size:16px}.qb .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.qb *,.qb :before,.qb :after{transition:none!important;animation:none!important}}@media (width<=760px){.qb .prog{gap:4px;display:flex}.qb .ps{flex:0 0 52px;justify-content:center;height:48px;padding:0;font-size:0}.qb .ps .n{font-size:16px}.qb .ps.now{flex:auto;justify-content:flex-start;gap:10px;padding:0 16px;font-size:16px}.qb .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qb .label{font-size:17px}.qb .stop{padding:4px 16px 4px 4px}.qb .back,.qb .next{min-height:54px;font-size:16px}.qb .back{padding:4px 18px 4px 4px}.qb .next{padding:4px 4px 4px 20px}.qb .back .ico,.qb .next .ico{width:44px;height:44px}}.qb .qlines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.qb .qlines li{color:#1f2a30;word-break:keep-all;padding-left:20px;font-size:18px;line-height:1.55;position:relative}.qb .qlines li:before{content:"";background:#5e7d10;border-radius:50%;width:7px;height:7px;position:absolute;top:.68em;left:4px}