.ccc{background-color:#f4f6f8;width:100%;padding:2rem 0 2.25rem}.ccc__inner{max-width:1024px;margin:0 auto;padding:0 1rem}.ccc__eyebrow{color:var(--color-pointBlue);letter-spacing:.02em;align-items:center;gap:.375rem;margin:0 0 .375rem;font-size:13px;font-weight:700;display:inline-flex}.ccc__eyebrow svg{width:1rem;height:1rem}.ccc__title{font-size:var(--size-md);color:var(--color-navy);word-break:keep-all;margin:0 0 .375rem;line-height:1.3}.ccc__lead{font-size:var(--size-2xs);color:var(--color-text-secondary);word-break:keep-all;margin:0 0 1rem}.ccc__card{border:1.5px solid var(--color-border);box-shadow:var(--shadow-table);background-color:#fff;border-radius:1rem;flex-direction:column;padding:1.25rem 1.125rem;display:flex}.ccc__side{display:contents}.ccc__inputs{order:1}.ccc__result{order:2}.ccc__notes{order:3}.ccc__actions-wrap{order:4}.ccc__field{margin-bottom:1.125rem}.ccc__label{color:#64748b;margin-bottom:.5rem;font-size:13px;font-weight:700;display:block}.ccc__toggle{grid-template-columns:repeat(var(--ccc-cols,2), minmax(0, 1fr));background-color:#f1f5f9;border-radius:12px;gap:.375rem;padding:.25rem;display:grid}.ccc__toggle button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:0;min-height:40px;padding:.5rem .375rem;font-size:15px;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s}.ccc__toggle button[aria-pressed=true]{color:var(--color-navy);background-color:#fff;box-shadow:0 1px 3px #17224c24}.ccc__tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.ccc__tier{text-align:left;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.875rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.ccc__tier.is-selected{background-color:#f0fdfa80;border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a640}.ccc__tier-name{color:#94a3b8;letter-spacing:.03em;word-break:keep-all;font-size:12px;font-weight:800}.ccc__tier.is-selected .ccc__tier-name{color:#0d9488}.ccc__tier-amount{color:#0f172a;font-variant-numeric:tabular-nums;font-size:15.5px;font-weight:800}.ccc__result{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;margin-top:.375rem;padding:1.125rem 1.125rem 1rem;display:flex}.ccc__rlabel{color:#64748b;word-break:keep-all;font-size:13px;font-weight:700}.ccc__price{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.125rem;display:flex}.ccc__final{color:var(--color-navy);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.ccc__list{color:#94a3b8;font-size:15px;font-weight:600}.ccc__badge{color:var(--color-pointOrange);background-color:#f57c001a;border-radius:999px;align-self:flex-start;margin-top:.375rem;padding:.125rem .5rem;font-size:12.5px;font-weight:800}.ccc__sub{color:#64748b;margin-top:.25rem;font-size:13px;font-weight:700}.ccc__lines{border-top:1px dashed #dbe2ea;gap:.25rem;margin:.75rem 0 0;padding-top:.625rem;font-size:13px;display:grid}.ccc__lines div{justify-content:space-between;gap:.75rem;display:flex}.ccc__lines dt{color:#475569}.ccc__lines dd{text-align:right;color:#0f172a;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.ccc__notes{color:#94a3b8;gap:.25rem;margin:.75rem 0 0;font-size:12.5px;line-height:1.6;display:grid}.ccc__notes div{grid-template-columns:2.25rem 1fr;gap:.625rem;display:grid}.ccc__notes dt{color:#64748b;font-weight:700}.ccc__notes dd{word-break:keep-all;margin:0}.ccc__actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.ccc__kakao,.ccc__apply{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;font-weight:700;text-decoration:none;display:inline-flex}.ccc__kakao{background-color:var(--color-green);color:#fff;min-height:52px;font-size:var(--size-xs);border:0;padding:.75rem 1.125rem;box-shadow:0 6px 14px -4px #15614073}.ccc__apply{border:1.5px solid var(--color-navy);min-height:48px;color:var(--color-navy);background-color:#fff;padding:.625rem 1.125rem;font-size:15px}.ccc__kakao svg,.ccc__apply svg{flex-shrink:0;width:18px;height:18px}.ccc__kakao:focus-visible,.ccc__apply:focus-visible,.ccc__toggle button:focus-visible,.ccc__tier:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.ccc__micro{color:var(--color-text-secondary);text-align:center;word-break:keep-all;margin:.625rem 0 0;font-size:12.5px}.ccc__disc{font-size:var(--size-3xs);color:#94a3b8;word-break:keep-all;margin:.875rem 0 0}.ccc__cmp{flex-direction:column;gap:.625rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.ccc__cmp a{color:inherit;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;padding:.875rem;text-decoration:none;display:flex}.ccc__cmp li:first-child a{border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a62e}.ccc__cmp-top{justify-content:space-between;align-items:baseline;gap:.625rem;display:flex}.ccc__cmp-name{color:var(--color-navy);word-break:keep-all;font-size:14.5px;font-weight:700}.ccc__cmp-amount{font-size:var(--size-xs);color:#0f172a;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.ccc__chips{flex-wrap:wrap;gap:.25rem;margin-top:.375rem;display:flex}.ccc__chip{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:.0625rem .4375rem;font-size:11.5px;font-weight:700}.ccc__chip.is-in{color:#0d9488;background-color:#14b8a61a}.ccc__cmp-desc{color:var(--color-text-secondary);word-break:keep-all;margin-top:.25rem;font-size:12.5px}.ccc__cmp-go{color:var(--color-pointBlue);margin-top:.375rem;font-size:12.5px;font-weight:700}.ccc__off{color:#94a3b8;word-break:keep-all;margin:.625rem 0 0;font-size:12.5px}@media (min-width:640px){.ccc__inner{padding:0 1.5rem}}@media (min-width:1024px){.ccc{padding:3.5rem 0}.ccc__inner{padding:0 2rem}.ccc__title{font-size:var(--size-lg)}.ccc__card{grid-template-rows:auto 1fr;grid-template-columns:1.25fr 1fr;column-gap:1.75rem;padding:1.75rem;display:grid}.ccc__inputs{grid-area:1/1}.ccc__notes{grid-area:2/1;align-self:start;margin-top:.25rem}.ccc__side{grid-area:1/2/span 2;align-self:start;display:block}.ccc__result{margin-top:0;padding:1.5rem}.ccc__tier-amount{font-size:17px}}@media (prefers-reduced-motion:reduce){.ccc__toggle button,.ccc__tier{transition:none}}