/* 세무회계 담율 · 부동산 세금 계산기 (질문형) - /calculators/ 전용, .tc 안에서만 적용 */
.tc{--navy:#162960;--navy2:#0E1B40;--ink:#1A1D23;--gray:#6B7280;--line:#E3E6EC;--bg:#F6F7F9;--soft:#E8EBF3;--red:#A61B1B;--white:#fff;--r:14px;--sh:0 1px 2px rgba(14,27,64,.06),0 8px 24px rgba(14,27,64,.07);background:var(--bg);font-size:16px;line-height:1.6;padding:8px 0 24px;min-height:520px}
.tc a{color:var(--navy)}.tc button{font-family:inherit}
.tc .wrap.narrow{max-width:760px}
.tc table{margin:0;font-size:15px}.tc th,.tc td{border:0;padding:10px 4px;text-align:left;background:none;color:inherit;font-weight:inherit}
.tc-intro{padding:34px 0 22px}.tc-intro h2{font-size:26px;letter-spacing:-.02em;margin:0 0 4px}.tc-intro p{margin:0;color:var(--gray)}
.tc-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tc-badges span{font-size:13px;border:1px solid var(--line);background:#fff;padding:5px 11px;border-radius:999px;color:#3F4651}
.tc-navbar{background:#fff;border-bottom:1px solid #E3E6EC}.tc-navbar .tabs{margin:0;padding:14px 0}
.tc-navbar a.tab{text-decoration:none}
.tc .narrow{max-width:680px}
.tc .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0}
.tc .tcard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px 20px;border:1px solid var(--line);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s;display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.tc .tcard:hover{transform:translateY(-2px);border-color:var(--navy)}
.tc .tcard .when{font-size:13px;font-weight:700;color:var(--red)}
.tc .tcard b{font-size:21px;letter-spacing:-.4px}
.tc .tcard small{color:var(--gray);font-size:14px}
.tc .tcard .go{margin-top:8px;font-size:14px;font-weight:700;color:var(--navy)}
.tc .ico{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center;margin-bottom:4px}
.tc .ico svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:1.8}
.tc section.block{padding:40px 0}
.tc section.block h2{font-size:22px;margin:0 0 6px;letter-spacing:-.4px}
.tc section.block .lead{color:var(--gray);margin:0 0 20px}
.tc .why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tc .why div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.tc .why b{display:block;margin-bottom:4px}
.tc .why p{margin:0;color:var(--gray);font-size:14px}
.tc .news{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:14px;padding:20px 22px}
.tc .news h3{margin:0 0 4px;font-size:17px}
.tc .news ul{margin:10px 0 0;padding-left:18px}
.tc .news li{margin:4px 0;font-size:15px}
.tc .news .tag{display:inline-block;font-size:12px;background:#f7eaea;color:var(--red);padding:2px 8px;border-radius:6px;margin-right:6px;font-weight:700}
.tc .wiz{padding:22px 0 60px}
.tc .wtop{display:flex;align-items:center;gap:12px;margin:6px 0 18px}
.tc .back{border:0;background:none;color:var(--gray);font-size:15px;cursor:pointer;padding:6px 4px}
.tc .bar{flex:1;height:6px;background:var(--line);border-radius:9px;overflow:hidden}
.tc .bar i{display:block;height:100%;background:var(--navy);transition:width .25s}
.tc .wtitle{font-size:13px;color:var(--gray);font-weight:600}
.tc .qcard{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:28px 24px}
.tc .q{font-size:23px;line-height:1.4;margin:0 0 8px;letter-spacing:-.5px}
.tc .qsub{color:var(--gray);margin:0 0 20px;font-size:15px}
.tc .opts{display:grid;gap:10px}
.tc .opt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:15px 18px;cursor:pointer;font-size:17px;font-weight:600;color:var(--ink);transition:border-color .12s,background .12s}
.tc .opt small{font-weight:400;color:var(--gray);font-size:14px;margin-top:2px}
.tc .opt:hover{border-color:var(--navy)}
.tc .opt.sel{border-color:var(--navy);background:var(--soft)}
.tc .opts.row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.tc .opts.row .opt{align-items:center;text-align:center}
.tc .help{margin-top:18px;border-top:1px dashed var(--line);padding-top:14px}
.tc .help summary{cursor:pointer;color:var(--navy);font-weight:600;font-size:15px;list-style:none}
.tc .help summary::before{content:"? ";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--soft);font-size:12px;margin-right:6px}
.tc .help div{color:var(--gray);font-size:14.5px;margin-top:8px}
.tc .help ul{padding-left:18px;margin:6px 0}
.tc .money{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:14px;padding:4px 16px;background:#fff}
.tc .money:focus-within{border-color:var(--navy)}
.tc .money input{flex:1;border:0;outline:0;font-size:26px;font-weight:700;padding:10px 0;min-width:0;font-family:inherit;color:var(--ink)}
.tc .money span{color:var(--gray);font-size:18px}
.tc .reading{margin:8px 2px 0;color:var(--navy);font-weight:700;min-height:24px}
.tc .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tc .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:14px;cursor:pointer;color:var(--ink)}
.tc .chip:hover{border-color:var(--navy)}
.tc .field{margin-bottom:14px}
.tc .field label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.tc .field input[type=date],.tc .field select,.tc .sel2 select{width:100%;font-size:18px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-family:inherit;color:var(--ink)}
.tc .sel2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}
.tc .badge{display:inline-block;font-size:13px;font-weight:700;padding:4px 10px;border-radius:8px;margin-top:12px}
.tc .badge.adj{background:#f7eaea;color:var(--red)}
.tc .badge.no{background:var(--soft);color:var(--navy)}
.tc .badge.q{background:#fff6e0;color:#8a5a00}
.tc .step{display:flex;align-items:center;gap:14px}
.tc .step button{width:52px;height:52px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-size:26px;cursor:pointer;color:var(--navy)}
.tc .step output{font-size:30px;font-weight:800;min-width:90px;text-align:center}
.tc .cost-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--soft)}
.tc .cost-row b{font-size:15px}
.tc .cost-row small{display:block;color:var(--gray);font-weight:400;font-size:13px}
.tc .cost-row input{width:100%;font-size:17px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;text-align:right;font-family:inherit}
.tc .house{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
.tc .house h4{margin:0 0 10px;font-size:15px}
.tc .house .money input{font-size:20px}
.tc .own{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.tc .own button{flex:1;min-width:88px;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px;cursor:pointer;font-size:14px;font-weight:600}
.tc .own button.sel{border-color:var(--navy);background:var(--soft)}
.tc .next{margin-top:22px;width:100%;border:0;background:var(--navy);color:#fff;font-size:18px;font-weight:700;border-radius:14px;padding:16px;cursor:pointer}
.tc .next:disabled{background:#b9c0cf;cursor:not-allowed}
.tc .err{color:var(--red);font-size:14px;margin-top:8px;min-height:20px}
.tc .res{padding:22px 0 60px}
.tc .big{background:linear-gradient(160deg,var(--navy2),var(--navy));color:#fff;border-radius:22px;padding:28px 24px;box-shadow:var(--sh)}
.tc .big .lbl{color:#c9d1e6;font-size:15px}
.tc .big .amt{font-size:40px;font-weight:800;letter-spacing:-1px;margin:4px 0 6px;line-height:1.2}
.tc .big .amt small{font-size:20px;font-weight:600}
.tc .big .one{font-size:16px;color:#e4e8f3}
.tc .big .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tc .big .meta span{font-size:13px;background:rgba(255,255,255,.12);padding:4px 10px;border-radius:8px}
.tc .flags{margin:16px 0 0;display:grid;gap:8px}
.tc .flag{border-radius:12px;padding:12px 14px;font-size:15px;border:1px solid var(--line);background:#fff;display:flex;gap:10px}
.tc .flag::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:8px;background:var(--navy)}
.tc .flag.warn{border-color:#ecd2d2;background:#fcf6f6}
.tc .flag.warn::before{background:var(--red)}
.tc .flag.good::before{background:#3d5a99}
.tc .panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px;margin-top:16px}
.tc .panel h3{margin:0 0 12px;font-size:18px;letter-spacing:-.3px}
.tc table.t{width:100%;border-collapse:collapse;font-size:15px}
.tc table.t td{padding:10px 4px;border-bottom:1px solid var(--soft);vertical-align:top}
.tc table.t td:last-child{text-align:right;white-space:nowrap;font-weight:700}
.tc table.t tr.sub td{color:var(--gray);font-size:14px}
.tc table.t td small{display:block;color:var(--gray);font-weight:400;font-size:13px}
.tc table.t tr.sum td{border-top:2px solid var(--ink);border-bottom:0;font-size:17px}
.tc .scen{display:grid;gap:10px}
.tc .sc{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px}
.tc .sc b{font-size:16px}
.tc .sc span{color:var(--gray);font-size:14px}
.tc .sc .save{color:var(--red);font-weight:800;white-space:nowrap;text-align:right}
.tc .cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tc .cmp div{border:1.5px solid var(--line);border-radius:14px;padding:14px}
.tc .cmp div.best{border-color:var(--navy);background:var(--soft)}
.tc .cmp b{display:block;font-size:20px}
.tc .cmp span{font-size:13px;color:var(--gray)}
.tc ul.notes{margin:0;padding-left:18px;color:var(--gray);font-size:14.5px}
.tc ul.notes li{margin:5px 0}
.tc .basis li{font-size:14px;color:var(--gray)}
.tc .basis li b{color:var(--ink)}
.tc .cta{background:#fff;border:1.5px solid var(--navy);border-radius:18px;padding:20px;margin-top:16px}
.tc .cta h3{margin:0 0 4px}
.tc .cta p{margin:0 0 14px;color:var(--gray);font-size:15px}
.tc .offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tc .office{border:1px solid var(--line);border-radius:14px;padding:14px}
.tc .office b{display:block}
.tc .office small{color:var(--gray)}
.tc .office .btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.tc .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;border:1.5px solid var(--navy);color:var(--navy);background:#fff;cursor:pointer}
.tc .btn.fill{background:var(--navy);color:#fff}
.tc .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tc .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:50}
.tc .toast.on{opacity:1}
.tc .hide{display:none!important}
@media (max-width:820px){
.tc .cards{grid-template-columns:1fr;margin-top:0}
.tc .why{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
.tc .q{font-size:21px}
.tc .qcard{padding:22px 18px}
.tc .big .amt{font-size:33px}
.tc .offices,.tc .cmp{grid-template-columns:1fr}
.tc .cost-row{grid-template-columns:minmax(0,1fr) 120px}
.tc .sel2{grid-template-columns:1fr}
}
@media print{
.tc .actions,.tc .cta,.tc .wtop,.tc .news{display:none!important}
.tc .big{color:#000;background:#fff;border:2px solid #000}
.tc .big .lbl,.tc .big .one{color:#000}
.tc .panel{break-inside:avoid}
}
.tc .modebar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.tc .modebar .yr{font-weight:800;color:var(--navy);margin-right:6px}
.tc .modebar button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;color:var(--gray)}
.tc .modebar button.sel{border-color:var(--navy);background:var(--navy);color:#fff}
.tc .modenote{font-size:13px;color:var(--gray);margin:-6px 0 12px}
.tc table.yt td{vertical-align:middle}
.tc table.yt tr.on td{background:var(--soft)}
.tc table.yt td:first-child{width:80px}
.tc .ybar{height:6px;background:var(--soft);border-radius:6px;margin-bottom:4px;overflow:hidden}
.tc .ybar i{display:block;height:100%;background:#8a96b3}
.tc .ybar.r i{background:var(--navy)}
.tc table.yt tr.on .ybar{background:#fff}
@media print{
.tc .modebar{display:none}
}
/* 홈페이지 공통 스타일과 겹치는 부분 정리 */
.tc .step{padding:0;border:0}.tc .step::before{content:none;display:none}
.tc .ico{stroke:none;flex:none}
.tc section.block{padding:36px 0}
.tc .cta .office{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:4px}.tc .cta .office b{display:block}.tc .cta .office small{color:var(--gray)}.tc .cta .btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.tc .btn{font-size:14px;padding:10px 14px;border-radius:10px}
.gift-sec{padding:64px 0 80px;border-top:1px solid #E3E6EC}.gift-sec h2{font-size:28px;letter-spacing:-.02em;margin:0 0 6px}.gift-sec .lead{color:#6B7280;margin:0 0 24px}
@media print{.topbar,.header,.footer,.page-head,.tc-navbar,.gift-sec,.cbar,.mbar,.kakao-fab,.review-banner{display:none!important}.tc{background:#fff}}
.tc-navbar .tabs{scrollbar-width:none}.tc-navbar .tabs::-webkit-scrollbar{display:none}

/* 취득세 하위 메뉴 */
.tc-sub{display:flex;gap:6px;padding:0 0 12px}
.tc-sub[hidden]{display:none}
.tc-sub a{font-size:14px;font-weight:700;color:var(--gray-500,#6B7280);padding:6px 14px;border-radius:999px;border:1px solid #E3E6EC;text-decoration:none;background:#fff}
.tc-sub a[aria-current="page"]{background:#162960;border-color:#162960;color:#fff}
.fp-frame{display:block;width:100%;height:calc(100vh - 150px);min-height:720px;border:0;background:#fff}
.fp-note{font-size:14px;color:var(--gray-500,#6B7280);margin:14px 0 0}

.tc a.tcard{line-height:normal;color:inherit;text-decoration:none}.tc a.tcard small{line-height:normal}
@media (min-width:821px){.tc .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:821px) and (max-width:1100px){.tc .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
