html body .csf .cmp.cmp-x{--cx-bg2:var(--cx-d-bg2);--cx-text:var(--cx-d-text);--cx-text2:var(--cx-d-text2);--cx-glow:var(--cx-d-glow);--cx-blur:var(--cx-d-card-blur);--cx-surface:linear-gradient(rgba(232,205,150,.16),rgba(232,205,150,.16)),var(--cx-d-card-bg);--cx-shadow:0 20px 48px rgba(37,99,235,.12);--cx-band:color-mix(in srgb,var(--gold) 10%,transparent)}html.dark body .csf .cmp.cmp-x{--cx-bg2:var(--cx-n-bg2);--cx-text:var(--cx-n-text);--cx-text2:var(--cx-n-text2);--cx-glow:var(--cx-n-glow);--cx-blur:var(--cx-n-card-blur);--cx-surface:linear-gradient(rgba(212,175,55,.06),rgba(212,175,55,.06)),var(--cx-n-card-bg);--cx-shadow:0 20px 48px rgba(212,175,55,.22),0 0 0 1px var(--gold)}html body .csf .cmp.cmp-x{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:54px;margin-bottom:14px}html body .csf .cmp.cmp-x table{position:relative;z-index:1;table-layout:fixed;background:transparent}html body .csf .cmp.cmp-x th:first-child{width:140px}html body .csf .cmp.cmp-x :is(th,td):not(.us){background:var(--cx-bg2);border-top:1px solid var(--line)}html body .csf .cmp.cmp-x tr:first-child th{border-top:0}html body .csf .cmp.cmp-x th:not(.us):not(:first-child){font-size:16px;font-weight:700;color:var(--cx-text2)}html body .csf .cmp.cmp-x td:not(.us):not(:first-child){font-size:15px;font-weight:400;color:var(--cx-text2)}html body .csf .cmp.cmp-x .us{background:transparent;border-left:0;color:var(--cx-text);font-size:16px;font-weight:600;transition:transform var(--cx-ms) ease}html body .csf .cmp.cmp-x th.us{font-size:20px;font-weight:800;color:var(--goldDeep)}html body .csf .cmp.cmp-x td.us{border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}html body .csf .cmp.cmp-x .us .yes:before{width:20px;height:20px;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='%231b1607' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}html body .csf .cmp.cmp-x .cmp-band-row>:not(.us){background:transparent;border-top:0}html body .csf .cmp.cmp-x td.us.cmp-band{background:var(--cx-band);text-align:center;font-size:15px;font-weight:700;color:var(--cx-text);border-top:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}html body .csf .cmp.cmp-x .cmp-card{position:absolute;z-index:0;top:0;height:calc(100% + 28px);left:calc(140px + (100% - 140px) * 2 / 3);width:calc((100% - 140px) / 3);border-radius:28px;border:1.5px solid var(--gold);background:linear-gradient(to top,var(--cx-band) 14px,transparent 14px),var(--cx-surface);-webkit-backdrop-filter:var(--cx-blur);backdrop-filter:var(--cx-blur);box-shadow:var(--cx-shadow);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--cx-ms) ease var(--cx-ms),transform var(--cx-ms) ease var(--cx-ms),box-shadow var(--cx-ms) ease}html body .csf .cmp.cmp-x .cmp-card.is-in{opacity:1;transform:translateY(-14px)}html body .csf .cmp.cmp-x:has(.us:hover) .cmp-card.is-in{transform:translateY(-18px);box-shadow:var(--cx-shadow),0 0 0 1px var(--cx-glow),0 28px 64px var(--cx-glow);transition-delay:0s}html body .csf .cmp.cmp-x:has(.us:hover) .us{transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){html body .csf .cmp.cmp-x .cmp-card{transition:none}html body .csf .cmp.cmp-x:has(.us:hover) .cmp-card.is-in{transform:translateY(-14px)}html body .csf .cmp.cmp-x:has(.us:hover) .us{transform:none}}@media (max-width:760px){html body .csf .cmp.cmp-x{margin-top:28px;margin-bottom:0}html body .csf .cmp.cmp-x .cmp-card{display:none}html body .csf .cmp.cmp-x table,html body .csf .cmp.cmp-x tbody{display:flex;flex-direction:column;width:100%}html body .csf .cmp.cmp-x tr{display:contents}html body .csf .cmp.cmp-x :is(th,td){display:block;width:auto;border-top:0}html body .csf .cmp.cmp-x tr>:first-child{order:1}html body .csf .cmp.cmp-x .cmp-band-row>:not(.us),html body .csf .cmp.cmp-x tr:first-child>:first-child{display:none}html body .csf .cmp.cmp-x .us{order:1}html body .csf .cmp.cmp-x tr>:nth-child(2){order:2}html body .csf .cmp.cmp-x tr>:nth-child(3){order:3}html body .csf .cmp.cmp-x .us,html body .csf .cmp.cmp-x td:first-child{background:var(--cx-surface);-webkit-backdrop-filter:var(--cx-blur);backdrop-filter:var(--cx-blur);border-left:1.5px solid var(--gold);border-right:1.5px solid var(--gold)}html body .csf .cmp.cmp-x td:first-child{padding:12px 16px 0;font-size:12px;font-weight:700;color:var(--cx-text2)}html body .csf .cmp.cmp-x td.us{padding:4px 16px 12px;border-top:0}html body .csf .cmp.cmp-x th.us{border-top:1.5px solid var(--gold);border-radius:28px 28px 0 0;padding:18px 16px 6px}html body .csf .cmp.cmp-x td.us.cmp-band{border-bottom:1.5px solid var(--gold);border-radius:0 0 28px 28px;margin-top:8px;padding:14px 16px;background:linear-gradient(var(--cx-band),var(--cx-band)),var(--cx-surface)}html body .csf .cmp.cmp-x :is(th,td):is(:nth-child(2),:nth-child(3)){border-left:1px solid var(--line);border-right:1px solid var(--line);padding:12px 16px;border-top:1px solid var(--line)}html body .csf .cmp.cmp-x th:is(:nth-child(2),:nth-child(3)){margin-top:16px;border-radius:20px 20px 0 0}html body .csf .cmp.cmp-x tr:nth-child(7)>:is(:nth-child(2),:nth-child(3)){border-bottom:1px solid var(--line);border-radius:0 0 20px 20px}html body .csf .cmp.cmp-x:has(.us:hover) .us{transform:none}}html body .csf .cmp.cmp-x .us{word-break:keep-all;overflow-wrap:break-word}@media (min-width:1024px){html body .csf .cmp.cmp-x tr:first-child>:first-child{width:12%}html body .csf .cmp.cmp-x tr:first-child>:nth-child(2),html body .csf .cmp.cmp-x tr:first-child>:nth-child(3){width:22%}html body .csf .cmp.cmp-x tr:first-child>:nth-child(4){width:44%}html body .csf .cmp.cmp-x .cmp-card{left:56%;width:44%}html body .csf .cmp.cmp-x td:not(.us):not(:first-child){font-size:14px}}@media (max-width:760px){html body .csf .cmp.cmp-x tr>:is(td:nth-child(2),td:nth-child(3)):before{display:block;font-size:12px;font-weight:700;color:var(--cx-text2);margin-bottom:4px}html body .csf .cmp.cmp-x tr:nth-child(2)>:is(td:nth-child(2),td:nth-child(3)):before{content:"내 상황"}html body .csf .cmp.cmp-x tr:nth-child(3)>:is(td:nth-child(2),td:nth-child(3)):before{content:"근거"}html body .csf .cmp.cmp-x tr:nth-child(4)>:is(td:nth-child(2),td:nth-child(3)):before{content:"틀린 답"}html body .csf .cmp.cmp-x tr:nth-child(5)>:is(td:nth-child(2),td:nth-child(3)):before{content:"결론과 서류"}html body .csf .cmp.cmp-x tr:nth-child(6)>:is(td:nth-child(2),td:nth-child(3)):before{content:"어디에 내나"}html body .csf .cmp.cmp-x tr:nth-child(7)>:is(td:nth-child(2),td:nth-child(3)):before{content:"전문가"}}