* {
margin: 0;
padding: 0;
box-sizing: border-box;
touch-action: manipulation;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #f8fafc;
min-height: 100vh;
padding: 0;
margin: 0;
transition: background 0.3s ease;
overflow-x: hidden;
}
body.dark-mode {
background: #0f172a;
}
.main-content {
padding: 40px;
padding-top: 60px;
max-width: 1400px;
}
/* Add padding when hero section is present to prevent overlap with top bar */
.main-content:has(.hero-section) {
padding-top: 70px;
}
/* Category index pages with fixed sidebar - need more top padding */
.main-content:has(.hero-section[data-fixed-sidebar="true"]) {
padding-top: 70px;
}
/* Individual tool pages without fixed sidebar - less top padding */
.main-content:has(.hero-section:not([data-fixed-sidebar="true"])) {
padding-top: 10px;
}
@media (max-width: 1024px) {
.main-content {
padding: 76px 30px 30px 30px;
}
/* Keep top padding on mobile even with hero section (for mobile menu) */
.main-content:has(.hero-section) {
padding-top: 76px;
}
}
@media (max-width: 768px) {
.main-content {
padding: 76px 20px 20px 20px;
}
}
@media (max-width: 480px) {
.main-content {
padding: 76px 16px 16px 16px;
}
}
.top-bar {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 60px !important;
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(10px) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 0 30px !important;
z-index: 1000 !important;
border-bottom: 1px solid rgba(229, 231, 235, 0.5) !important;
}
body.dark-mode .top-bar {
background: rgba(30, 41, 59, 0.95) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
border-bottom-color: rgba(51, 65, 85, 0.5) !important;
}
.brand-logo {
display: flex !important;
align-items: center !important;
gap: 10px !important;
text-decoration: none !important;
color: #2d3748 !important;
font-weight: 700 !important;
font-size: 18px !important;
transition: all 0.3s !important;
}
.brand-logo:hover {
color: #06b6d4 !important;
transform: translateY(-1px) !important;
}
body.dark-mode .brand-logo {
color: #06b6d4 !important;
}
body.dark-mode .brand-logo:hover {
color: #22d3ee !important;
}
body > .hero-section {
margin-top: 60px;
}
@media (max-width: 768px) {
body > .hero-section {
margin-top: 60px;
}
}
.card {
background: white;
border-radius: 12px;
padding: 25px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
}
.card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
body.dark-mode .card {
background: #1e293b;
border-color: #334155;
}
.section-title {
font-size: 24px;
font-weight: 700;
color: #0f172a;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 12px;
}
body.dark-mode .section-title {
color: #f8fafc;
}
h1, h2, h3, h4, h5, h6 {
color: #0f172a;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
color: #f1f5f9;
}
p {
color: #475569;
line-height: 1.6;
}
body.dark-mode p {
color: #cbd5e1;
}
a {
color: #3b82f6;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: #2563eb;
}
body.dark-mode a {
color: #60a5fa;
}
body.dark-mode a:hover {
color: #93c5fd;
}
button {
font-family: inherit;
cursor: pointer;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #94a3b8;
}
body.dark-mode ::-webkit-scrollbar-track {
background: #1e293b;
}
body.dark-mode ::-webkit-scrollbar-thumb {
background: #475569;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
background: #64748b;
}
/* Breadcrumb Navigation */
.breadcrumb {
display: flex;
align-items: center;
gap: 4px;
font-size: 13px;
color: #64748b;
margin: 0 20px 24px 20px;
padding: 10px 16px;
background: linear-gradient(to right, #f8fafc, #f1f5f9);
border-radius: 8px;
flex-wrap: wrap;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border: 1px solid #e2e8f0;
}
.breadcrumb a {
color: #667eea;
text-decoration: none;
transition: all 0.2s ease;
padding: 4px 8px;
border-radius: 4px;
font-weight: 500;
}
.breadcrumb a:hover {
color: #5a67d8;
background: rgba(102, 126, 234, 0.08);
text-decoration: none;
}
.breadcrumb-separator {
color: #cbd5e0;
user-select: none;
font-weight: 400;
margin: 0 2px;
}
.breadcrumb-current {
color: #1e293b;
font-weight: 600;
padding: 4px 8px;
background: rgba(102, 126, 234, 0.1);
border-radius: 4px;
}
/* Dark Mode Breadcrumb */
body.dark-mode .breadcrumb {
background: linear-gradient(to right, #1e293b, #0f172a);
border-color: #334155;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
color: #94a3b8;
}
body.dark-mode .breadcrumb a {
color: #a78bfa;
}
body.dark-mode .breadcrumb a:hover {
color: #c4b5fd;
background: rgba(167, 139, 250, 0.15);
}
body.dark-mode .breadcrumb-separator {
color: #475569;
}
body.dark-mode .breadcrumb-current {
color: #f1f5f9;
background: rgba(167, 139, 250, 0.2);
}
/* Mobile Responsive Breadcrumb */
@media (max-width: 768px) {
.breadcrumb {
font-size: 12px;
gap: 2px;
padding: 8px 12px;
margin: 0 15px 16px 15px;
}
.breadcrumb a,
.breadcrumb-current {
padding: 3px 6px;
}
.breadcrumb-separator {
margin: 0 1px;
}
}
@media (max-width: 480px) {
.breadcrumb {
font-size: 11px;
padding: 6px 10px;
margin: 0 12px 16px 12px;
}
}
.container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 768px) {
.container {
padding: 0 15px;
}
}
/* SEO Content Sections */
.seo-section {
background: #ffffff;
padding: 30px;
margin: 30px 0;
border-radius: 12px;
border-left: 4px solid #3b82f6;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
body.dark-mode .seo-section {
background: #1e293b;
border-color: #60a5fa;
}
.seo-section h2 {
color: #1e293b;
font-size: 1.5em;
margin-bottom: 15px;
font-weight: 700;
}
body.dark-mode .seo-section h2 {
color: #f1f5f9;
}
.seo-section p {
color: #475569;
line-height: 1.8;
font-size: 1em;
}
body.dark-mode .seo-section p {
color: #cbd5e1;
}
@media (max-width: 768px) {
.seo-section {
padding: 20px;
margin: 20px 0;
}
.seo-section h2 {
font-size: 1.3em;
}
}
홈 > KR 계산기 > Property Holding Tax Calculator
이 계산기의 용도
주택, 토지, 건물에 대한 재산세를 자동으로 계산합니다. 공시가격을 기준으로 정확한 재산세를 산출할 수 있습니다.
재산 유형
주택
토지
건물
공시가격
보유 주택 수
계산하기
초기화
재산세 계산 결과
공시가격
0 원
과세표준
0 원
적용 세율
0%
재산세
0 원
지방교육세
0 원
총 납부세액
0 원
재산세 정보
주택 재산세율
• 6천만원 이하: 0.1%
• 6천만~1억5천만원: 0.15%
• 1억5천만~3억원: 0.25%
• 3억원 초과: 0.4%
• 다주택자: 세율 추가 (2주택 +0.1%, 3주택 이상 +0.2%)
토지 재산세율
• 종합합산토지: 0.2%~0.5% (누진)
• 별도합산토지: 0.2%~0.4% (누진)
• 분리과세토지: 0.2%~0.4%
건물 재산세율
• 일반건물: 0.25%
• 골프장·고급오락장: 4%
지방교육세
• 주택: 재산세의 20%
• 토지/건물: 재산세의 20%
납부 시기
• 7월: 주택 50% (7월 16일~7월 31일)
• 9월: 주택 50% + 토지·건물 (9월 16일~9월 30일)
• 재산세 20만원 이하: 7월 일시납부
재산세 완벽 가이드: 납부 시기와 절세 방법 (2025)
재산세란?
재산세는 부동산(주택, 토지, 건물)을 보유 하고 있는 사람에게 부과되는 지방세입니다. 매년 6월 1일 기준으로 부동산을 소유한 사람이 납세의무자가 되며, 납부는 7월과 9월 에 나누어 이루어집니다. 재산세는 공시가격 에 공정시장가액비율(60%) 을 곱한 과세표준에 세율을 적용하여 계산합니다. 예를 들어 공시가격 6억원 인 주택의 과세표준은 3억6천만원 (6억 × 60%)이 되며, 여기에 누진세율을 적용합니다. 주택 재산세는 0.1%~0.4% 의 누진세율이 적용되며, 다주택자 는 추가 세율(2주택 +0.1%, 3주택 이상 +0.2%)이 부과됩니다.
주택 재산세 계산 방법
주택 재산세는 과세표준에 따라 4단계 누진세율 이 적용됩니다. 과세표준 6천만원 이하 는 0.1%, 6천만~1억5천만원 은 0.15%, 1억5천만~3억원 은 0.25%, 3억원 초과 는 0.4%입니다. 공시가격 6억원(과세표준 3억6천만원)인 주택의 경우, 6천만원 × 0.1% = 6만원, (1억5천만원 - 6천만원) × 0.15% = 13만5천원, (3억원 - 1억5천만원) × 0.25% = 37만5천원, (3억6천만원 - 3억원) × 0.4% = 24만원으로 총 재산세는 81만원 입니다. 여기에 지방교육세 (재산세의 20%) 16만2천원 을 더하면 총 납부액은 97만2천원 입니다. 다주택자는 추가 세율이 적용되므로 세금 부담이 더 커집니다.
재산세 절세 방법
재산세를 절감하려면 1세대 1주택 을 유지하여 다주택자 중과세를 피하는 것이 가장 효과적입니다. 공시가격이 9억원 이하 인 1세대 1주택자는 종합부동산세도 면제되므로 보유세 부담이 크게 줄어듭니다. 또한 공시가격 이의신청 을 통해 과도하게 책정된 공시가격을 조정할 수 있으며, 신청 기간은 매년 4월 입니다. 부부 공동명의로 등록하면 각자 기본공제 를 받을 수 있어 세금 부담이 줄어듭니다. 재산세 20만원 이하 는 7월에 일시납부되므로, 저가 부동산은 분납 부담이 없습니다. 카드 납부 시 포인트를 적립할 수 있으므로, 고액 재산세는 카드 납부를 활용하는 것도 절세 방법입니다.