fix: replace V018 with V019 (fixed SQL quote escaping)
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m46s
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m46s
V018 had PostgreSQL quote escaping issues with long content strings. V019 uses 1256 quoting to avoid escaping problems and cleanly inserts all 12 blog posts (5 updates + 7 new) with middle-school level language. Deletes V018, commits V019 as replacement.
This commit is contained in:
+1603
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,514 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="./support.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<x-dc>
|
||||
<helmet>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Hahmlet:wght@600;700;900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretendard@latest/dist/web/static/pretendard.css">
|
||||
<style>
|
||||
@keyframes fadeUp { from{opacity:0;transform:translateY(36px)} to{opacity:1;transform:translateY(0)} }
|
||||
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
html{scroll-behavior:smooth}
|
||||
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;background:#fafaf8;color:#1a2232;overflow-x:hidden;line-height:1.7}
|
||||
::selection{background:rgba(201,168,76,0.22)}
|
||||
a{text-decoration:none;color:inherit}
|
||||
button{cursor:pointer;font-family:inherit;border:none;background:none}
|
||||
@media(max-width:768px){
|
||||
.nav-links{display:none!important}
|
||||
.section-px{padding-left:24px!important;padding-right:24px!important}
|
||||
}
|
||||
</style>
|
||||
</helmet>
|
||||
|
||||
<!-- ── NAV ── -->
|
||||
<nav style="{{ navStyle }}">
|
||||
<div style="{{ navLogoStyle }}">백원숙 세무사</div>
|
||||
<div style="display:flex;gap:28px;align-items:center;" class="nav-links">
|
||||
<a href="#about" style="{{ navLinkStyle }}" style-hover="color:#c9a84c;">소개</a>
|
||||
<a href="#services" style="{{ navLinkStyle }}" style-hover="color:#c9a84c;">서비스</a>
|
||||
<a href="#customers" style="{{ navLinkStyle }}" style-hover="color:#c9a84c;">고객유형</a>
|
||||
<a href="#faq" style="{{ navLinkStyle }}" style-hover="color:#c9a84c;">FAQ</a>
|
||||
<a href="#contact" style="background:#c9a84c;color:#0d2340;padding:10px 22px;border-radius:5px;font-size:0.875rem;font-weight:700;transition:filter 0.2s;" style-hover="filter:brightness(0.92);">상담 예약</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── HERO ── -->
|
||||
<section style="min-height:100vh;background:#0d2340;display:flex;align-items:center;position:relative;overflow:hidden;">
|
||||
<div style="position:absolute;top:-180px;right:-180px;width:760px;height:760px;border-radius:50%;border:1px solid rgba(201,168,76,0.12);pointer-events:none;"></div>
|
||||
<div style="position:absolute;top:-80px;right:-80px;width:460px;height:460px;border-radius:50%;border:1px solid rgba(201,168,76,0.07);pointer-events:none;"></div>
|
||||
<div style="position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.25),transparent);"></div>
|
||||
|
||||
<div style="max-width:1200px;margin:0 auto;width:100%;padding:140px 60px 90px;" class="section-px">
|
||||
<div style="animation:fadeIn 0.7s ease both;margin-bottom:18px;">
|
||||
<span style="font-size:0.72rem;letter-spacing:0.22em;color:#c9a84c;font-weight:600;text-transform:uppercase;">공인 세무사 · 부동산중개사 · 보험설계사</span>
|
||||
</div>
|
||||
<h1 style="font-family:'Hahmlet',serif;font-size:clamp(2.4rem,5.5vw,5rem);font-weight:900;color:white;line-height:1.18;letter-spacing:-0.035em;margin-bottom:28px;animation:fadeUp 0.8s ease 0.08s both;">
|
||||
사업의 숫자와<br>
|
||||
가족의 자산을<br>
|
||||
<span style="color:#c9a84c;">함께 지키는 세무사</span>
|
||||
</h1>
|
||||
<p style="font-size:clamp(0.95rem,1.8vw,1.1rem);color:rgba(255,255,255,0.65);max-width:540px;line-height:2;margin-bottom:44px;animation:fadeUp 0.8s ease 0.18s both;">
|
||||
스마트스토어·프리랜서·개인사업자부터 부동산·가족자산까지 —<br>전국 어디서나 <strong style="color:rgba(255,255,255,0.9);font-weight:600;">비대면 온라인 상담</strong>으로 시작하세요.
|
||||
</p>
|
||||
<div style="display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp 0.8s ease 0.28s both;">
|
||||
<a href="https://pf.kakao.com/_xoxchTX" target="_blank" style="background:#FEE500;color:#3C1E1E;padding:16px 30px;border-radius:6px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:filter 0.2s;" style-hover="filter:brightness(0.95);">💬 카카오로 상담하기</a>
|
||||
<a href="tel:010-4122-8268" style="background:rgba(255,255,255,0.08);color:white;padding:16px 30px;border-radius:6px;font-weight:500;font-size:1rem;border:1px solid rgba(255,255,255,0.2);transition:background 0.2s;" style-hover="background:rgba(255,255,255,0.14);">📞 010-4122-8268</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:28px;margin-top:60px;animation:fadeUp 0.8s ease 0.38s both;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08);">
|
||||
<div style="display:flex;align-items:center;gap:9px;"><div style="width:5px;height:5px;border-radius:50%;background:#c9a84c;flex-shrink:0;"></div><span style="color:rgba(255,255,255,0.45);font-size:0.8rem;font-weight:300;">세무사 자격 (2015)</span></div>
|
||||
<div style="display:flex;align-items:center;gap:9px;"><div style="width:5px;height:5px;border-radius:50%;background:#c9a84c;flex-shrink:0;"></div><span style="color:rgba(255,255,255,0.45);font-size:0.8rem;font-weight:300;">공인 부동산중개사</span></div>
|
||||
<div style="display:flex;align-items:center;gap:9px;"><div style="width:5px;height:5px;border-radius:50%;background:#c9a84c;flex-shrink:0;"></div><span style="color:rgba(255,255,255,0.45);font-size:0.8rem;font-weight:300;">보험설계사 자격</span></div>
|
||||
<div style="display:flex;align-items:center;gap:9px;"><div style="width:5px;height:5px;border-radius:50%;background:#c9a84c;flex-shrink:0;"></div><span style="color:rgba(255,255,255,0.45);font-size:0.8rem;font-weight:300;">전국 비대면 온라인 상담</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── ONLINE TRUST BAR ── -->
|
||||
<div style="background:#1a3a5c;padding:20px 60px;" class="section-px">
|
||||
<div style="max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;">
|
||||
<div style="display:flex;align-items:center;gap:10px;">
|
||||
<span style="font-size:1.1rem;">💻</span>
|
||||
<span style="font-size:0.85rem;color:rgba(255,255,255,0.85);font-weight:500;">전국 비대면 온라인 상담</span>
|
||||
</div>
|
||||
<div style="width:1px;height:18px;background:rgba(255,255,255,0.15);"></div>
|
||||
<div style="display:flex;align-items:center;gap:10px;">
|
||||
<span style="font-size:1.1rem;">💬</span>
|
||||
<span style="font-size:0.85rem;color:rgba(255,255,255,0.85);font-weight:500;">카카오 당일 응답</span>
|
||||
</div>
|
||||
<div style="width:1px;height:18px;background:rgba(255,255,255,0.15);"></div>
|
||||
<div style="display:flex;align-items:center;gap:10px;">
|
||||
<span style="font-size:1.1rem;">📂</span>
|
||||
<span style="font-size:0.85rem;color:rgba(255,255,255,0.85);font-weight:500;">자료 공유 후 온라인 검토</span>
|
||||
</div>
|
||||
<div style="width:1px;height:18px;background:rgba(255,255,255,0.15);"></div>
|
||||
<div style="display:flex;align-items:center;gap:10px;">
|
||||
<span style="font-size:1.1rem;">✅</span>
|
||||
<span style="font-size:0.85rem;color:rgba(255,255,255,0.85);font-weight:500;">방문 없이 신고·기장 가능</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── ABOUT ── -->
|
||||
<section id="about" style="padding:100px 60px;background:white;" class="section-px">
|
||||
<div style="max-width:1200px;margin:0 auto;">
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:60px;align-items:start;">
|
||||
|
||||
<div style="background:#0d2340;border-radius:20px;padding:52px 44px;">
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:20px;text-transform:uppercase;">About</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:1.9rem;font-weight:700;color:white;line-height:1.35;margin-bottom:24px;">안녕하세요.<br>백원숙 세무사입니다.</h2>
|
||||
<p style="color:rgba(255,255,255,0.7);line-height:1.95;font-size:0.9rem;margin-bottom:18px;">세무사 자격과 함께 부동산중개사, 보험설계사 자격을 보유하고 있습니다. 사업자 세무, 종합소득세, 부가가치세, 양도세, 증여·상속 상담을 중심으로 운영합니다.</p>
|
||||
<p style="color:rgba(255,255,255,0.7);line-height:1.95;font-size:0.9rem;">저도 집을 사업장으로 등록하고 작게 시작해 본 사람입니다. 처음 사업을 시작하는 대표님의 막막함을 직접 압니다.</p>
|
||||
<div style="margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1);display:flex;gap:36px;">
|
||||
<div>
|
||||
<div style="font-size:0.76rem;color:rgba(255,255,255,0.38);margin-bottom:6px;">세무사 자격 취득</div>
|
||||
<div style="font-size:1.2rem;font-family:'Hahmlet',serif;font-weight:700;color:#c9a84c;">2015년</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:0.76rem;color:rgba(255,255,255,0.38);margin-bottom:6px;">활동 지역</div>
|
||||
<div style="font-size:1.2rem;font-family:'Hahmlet',serif;font-weight:700;color:#c9a84c;">성북구</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:16px;text-transform:uppercase;">Expertise</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2rem;font-weight:700;color:#0d2340;margin-bottom:36px;line-height:1.3;">세 가지 자격의<br>시너지</h2>
|
||||
<div style="display:flex;flex-direction:column;gap:16px;">
|
||||
<div style="display:flex;gap:18px;padding:24px;border:1.5px solid #ede9e0;border-radius:14px;transition:border-color 0.2s;" style-hover="border-color:#c9a84c;background:#fffdf7;">
|
||||
<div style="width:48px;height:48px;background:#f5f3ee;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">⚖️</div>
|
||||
<div>
|
||||
<div style="font-weight:700;font-size:0.975rem;color:#0d2340;margin-bottom:5px;">공인 세무사</div>
|
||||
<div style="font-size:0.845rem;color:#6b7e8f;line-height:1.75;">세무신고·장부관리·조세 자문 등 세무 업무 전반을 공식 대리합니다.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;gap:18px;padding:24px;border:1.5px solid #ede9e0;border-radius:14px;transition:border-color 0.2s;" style-hover="border-color:#c9a84c;background:#fffdf7;">
|
||||
<div style="width:48px;height:48px;background:#f5f3ee;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🏠</div>
|
||||
<div>
|
||||
<div style="font-weight:700;font-size:0.975rem;color:#0d2340;margin-bottom:5px;">공인 부동산중개사</div>
|
||||
<div style="font-size:0.845rem;color:#6b7e8f;line-height:1.75;">부동산 거래 구조를 이해해 양도·증여·임대 세무상담에 현실감을 더합니다.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;gap:18px;padding:24px;border:1.5px solid #ede9e0;border-radius:14px;transition:border-color 0.2s;" style-hover="border-color:#c9a84c;background:#fffdf7;">
|
||||
<div style="width:48px;height:48px;background:#f5f3ee;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;">🛡️</div>
|
||||
<div>
|
||||
<div style="font-weight:700;font-size:0.975rem;color:#0d2340;margin-bottom:5px;">보험설계사 자격</div>
|
||||
<div style="font-size:0.845rem;color:#6b7e8f;line-height:1.75;">상속·증여·대표자 리스크 관점에서 가족 현금흐름과 보험 구조를 함께 설명합니다.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── SERVICES ── -->
|
||||
<section id="services" style="padding:100px 60px;background:#f2f5f9;" class="section-px">
|
||||
<div style="max-width:1200px;margin:0 auto;">
|
||||
<div style="text-align:center;margin-bottom:64px;">
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:14px;text-transform:uppercase;">Services</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2.2rem;font-weight:700;color:#0d2340;margin-bottom:14px;">주요 서비스</h2>
|
||||
<p style="color:#6b7e8f;font-size:0.925rem;max-width:460px;margin:0 auto;">신고만 하는 세무가 아니라, 사업과 자산의 흐름을 함께 봅니다.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;">
|
||||
|
||||
<div style="background:white;border-radius:14px;padding:32px;box-shadow:0 2px 16px rgba(13,35,64,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease;" style-hover="transform:translateY(-5px);box-shadow:0 20px 48px rgba(13,35,64,0.13);">
|
||||
<div style="width:48px;height:48px;background:#edf2f7;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;">📊</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:8px;text-transform:uppercase;">기장 서비스</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.15rem;font-weight:700;color:#0d2340;margin-bottom:12px;">월 기장 관리</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.855rem;line-height:1.85;">장부 작성, 부가세, 원천세, 인건비, 예상세액까지 — 매월 세금 리스크를 함께 점검합니다.</p>
|
||||
<div style="margin-top:22px;padding-top:18px;border-top:1px solid #eef0f3;font-size:0.775rem;color:#9db0bc;">대상: 매출 발생 사업자</div>
|
||||
</div>
|
||||
|
||||
<div style="background:white;border-radius:14px;padding:32px;box-shadow:0 2px 16px rgba(13,35,64,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease;" style-hover="transform:translateY(-5px);box-shadow:0 20px 48px rgba(13,35,64,0.13);">
|
||||
<div style="width:48px;height:48px;background:#edf2f7;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;">📋</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:8px;text-transform:uppercase;">소득세</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.15rem;font-weight:700;color:#0d2340;margin-bottom:12px;">종합소득세 신고</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.855rem;line-height:1.85;">사업자, 프리랜서, 보험설계사, 부동산중개사의 소득 유형에 맞는 경비처리와 신고를 안내합니다.</p>
|
||||
<div style="margin-top:22px;padding-top:18px;border-top:1px solid #eef0f3;font-size:0.775rem;color:#9db0bc;">대상: 개인사업자·프리랜서·영업직</div>
|
||||
</div>
|
||||
|
||||
<div style="background:white;border-radius:14px;padding:32px;box-shadow:0 2px 16px rgba(13,35,64,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease;" style-hover="transform:translateY(-5px);box-shadow:0 20px 48px rgba(13,35,64,0.13);">
|
||||
<div style="width:48px;height:48px;background:#fdf8ec;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;">🏡</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:8px;text-transform:uppercase;">부동산 세무</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.15rem;font-weight:700;color:#0d2340;margin-bottom:12px;">양도세 사전진단</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.855rem;line-height:1.85;">계약 전 보유기간·비과세 여부·필요경비·장기보유특별공제를 검토합니다. 계약 전 상담이 선택지를 넓힙니다.</p>
|
||||
<div style="margin-top:22px;padding-top:18px;border-top:1px solid #eef0f3;font-size:0.775rem;color:#9db0bc;">대상: 부동산 매도 예정자</div>
|
||||
</div>
|
||||
|
||||
<div style="background:white;border-radius:14px;padding:32px;box-shadow:0 2px 16px rgba(13,35,64,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease;" style-hover="transform:translateY(-5px);box-shadow:0 20px 48px rgba(13,35,64,0.13);">
|
||||
<div style="width:48px;height:48px;background:#fdf8ec;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;">👨👩👧</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:8px;text-transform:uppercase;">자산이전</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.15rem;font-weight:700;color:#0d2340;margin-bottom:12px;">증여·상속 상담</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.855rem;line-height:1.85;">증여 시기, 증여재산 평가, 세부담, 자금출처, 보험 활용 가능성까지 — 가족 자산이전을 사전에 설계합니다.</p>
|
||||
<div style="margin-top:22px;padding-top:18px;border-top:1px solid #eef0f3;font-size:0.775rem;color:#9db0bc;">대상: 자산이전 예정 가족</div>
|
||||
</div>
|
||||
|
||||
<div style="background:white;border-radius:14px;padding:32px;box-shadow:0 2px 16px rgba(13,35,64,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease;" style-hover="transform:translateY(-5px);box-shadow:0 20px 48px rgba(13,35,64,0.13);">
|
||||
<div style="width:48px;height:48px;background:#edf2f7;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;">🌱</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:8px;text-transform:uppercase;">첫 세무</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.15rem;font-weight:700;color:#0d2340;margin-bottom:12px;">신규 사업자 세무정리</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.855rem;line-height:1.85;">사업자 유형 확인, 부가세·종소세·증빙관리·세금계좌 분리까지. 처음 사업을 시작하는 대표님을 위한 패키지.</p>
|
||||
<div style="margin-top:22px;padding-top:18px;border-top:1px solid #eef0f3;font-size:0.775rem;color:#9db0bc;">대상: 신규 사업자·프리랜서</div>
|
||||
</div>
|
||||
|
||||
<div style="background:#0d2340;border-radius:14px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;">
|
||||
<div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:16px;text-transform:uppercase;">상담 안내</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.25rem;font-weight:700;color:white;line-height:1.45;margin-bottom:16px;">어떤 세금이<br>걱정이신가요?</h3>
|
||||
<p style="color:rgba(255,255,255,0.6);font-size:0.84rem;line-height:1.85;">세금은 계약·매출·명의·자금 이동 전에 검토할수록 선택지가 많습니다.</p>
|
||||
</div>
|
||||
<a href="https://pf.kakao.com/_xoxchTX" target="_blank" style="display:block;margin-top:28px;background:#c9a84c;color:#0d2340;padding:14px;border-radius:8px;text-align:center;font-weight:700;font-size:0.875rem;transition:filter 0.2s;" style-hover="filter:brightness(1.08);">카카오로 문의하기 →</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── CUSTOMER TYPES ── -->
|
||||
<section id="customers" style="padding:100px 60px;background:#1a3a5c;" class="section-px">
|
||||
<div style="max-width:1200px;margin:0 auto;">
|
||||
<div style="text-align:center;margin-bottom:64px;">
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:14px;text-transform:uppercase;">Who We Help</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2.2rem;font-weight:700;color:white;margin-bottom:14px;">전국 어디서나, 온라인으로 시작하세요</h2>
|
||||
<p style="color:rgba(255,255,255,0.52);font-size:0.925rem;">방문 없이 카카오·이메일로 상담부터 신고까지 — 온라인 사업자에게 최적화된 세무관리.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;">
|
||||
|
||||
<div style="background:rgba(201,168,76,0.12);border:1px solid rgba(201,168,76,0.35);border-radius:18px;padding:38px;transition:background 0.2s;" style-hover="background:rgba(201,168,76,0.18);">
|
||||
<div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;">
|
||||
<span style="font-size:1.8rem;">💻</span>
|
||||
<span style="background:#c9a84c;color:#0d2340;font-size:0.65rem;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:0.08em;">핵심 타깃</span>
|
||||
</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:10px;text-transform:uppercase;">1순위 · 온라인 사업자</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.2rem;font-weight:700;color:white;margin-bottom:14px;">스마트스토어 · 크리에이터 · 프리랜서</h3>
|
||||
<p style="color:rgba(255,255,255,0.75);font-size:0.855rem;line-height:1.85;margin-bottom:20px;">스마트스토어·쿠팡마켓·유튜버·인스타셀러·크몽 프리랜서 — 플랫폼 정산 구조와 부가세·종소세 경비처리를 체계적으로 관리합니다. 전국 어디서나 비대면 상담 가능합니다.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:7px;">
|
||||
<span style="background:rgba(201,168,76,0.28);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">스마트스토어</span>
|
||||
<span style="background:rgba(201,168,76,0.28);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">크리에이터</span>
|
||||
<span style="background:rgba(201,168,76,0.28);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">비대면 상담</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:38px;transition:background 0.2s;" style-hover="background:rgba(255,255,255,0.12);">
|
||||
<div style="font-size:1.8rem;margin-bottom:16px;">💼</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:10px;text-transform:uppercase;">2순위 · 영업직·독립사업자</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.2rem;font-weight:700;color:white;margin-bottom:14px;">보험설계사·부동산중개사·영업직</h3>
|
||||
<p style="color:rgba(255,255,255,0.62);font-size:0.855rem;line-height:1.85;margin-bottom:20px;">소득 변동이 크고 경비처리 기준이 애매한 분들. 업계 구조를 직접 경험한 세무사로서 종소세·경비처리·세금 예측을 온라인으로 관리합니다.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:7px;">
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">종합소득세</span>
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">경비처리</span>
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">세금 예측</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:38px;transition:background 0.2s;" style-hover="background:rgba(255,255,255,0.12);">
|
||||
<div style="font-size:1.8rem;margin-bottom:16px;">🏘️</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:10px;text-transform:uppercase;">3순위 · 고단가 상담</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.2rem;font-weight:700;color:white;margin-bottom:14px;">부동산 매도 · 증여 · 상속 예정자</h3>
|
||||
<p style="color:rgba(255,255,255,0.62);font-size:0.855rem;line-height:1.85;margin-bottom:20px;">계약 전 양도세 사전검토, 증여·상속 사전설계, 임대사업자 세무관리. 자료 공유 후 온라인 검토로 계약 전 선택지를 최대화합니다.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:7px;">
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">양도세 검토</span>
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">증여·상속</span>
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">임대사업자</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:38px;transition:background 0.2s;" style-hover="background:rgba(255,255,255,0.12);">
|
||||
<div style="font-size:1.8rem;margin-bottom:16px;">🔑</div>
|
||||
<div style="font-size:0.68rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:10px;text-transform:uppercase;">4순위 · 자산관리</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.2rem;font-weight:700;color:white;margin-bottom:14px;">임대사업자 · 상가 보유자</h3>
|
||||
<p style="color:rgba(255,255,255,0.62);font-size:0.855rem;line-height:1.85;margin-bottom:20px;">주택·상가·오피스텔 임대 소득의 종합소득세, 부가가치세, 양도 시점 세무까지 — 보유부터 매도까지 단계별로 관리합니다.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:7px;">
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">임대소득세</span>
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">상가·오피스텔</span>
|
||||
<span style="background:rgba(201,168,76,0.18);color:#e0c87a;padding:4px 12px;border-radius:20px;font-size:0.745rem;">매도 세무</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── PROCESS ── -->
|
||||
<section style="padding:100px 60px;background:white;" class="section-px">
|
||||
<div style="max-width:960px;margin:0 auto;">
|
||||
<div style="text-align:center;margin-bottom:64px;">
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:14px;text-transform:uppercase;">Process</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2.2rem;font-weight:700;color:#0d2340;">상담 진행 과정</h2>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;text-align:center;">
|
||||
<div>
|
||||
<div style="width:72px;height:72px;border-radius:50%;background:white;border:2px solid #c9a84c;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:'Hahmlet',serif;font-size:1.35rem;font-weight:700;color:#c9a84c;">01</div>
|
||||
<div style="font-size:0.7rem;color:#c9a84c;font-weight:600;letter-spacing:0.1em;margin-bottom:8px;text-transform:uppercase;">카카오 · 전화 · 이메일</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.05rem;font-weight:700;color:#0d2340;margin-bottom:10px;">온라인으로 상담 신청</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.845rem;line-height:1.85;">전국 어디서나 카카오채널·전화·이메일로 문의하시면 상담 분야와 상황을 파악합니다. 방문 불필요.</p>
|
||||
</div>
|
||||
<div>
|
||||
<div style="width:72px;height:72px;border-radius:50%;background:white;border:2px solid #c9a84c;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:'Hahmlet',serif;font-size:1.35rem;font-weight:700;color:#c9a84c;">02</div>
|
||||
<div style="font-size:0.7rem;color:#c9a84c;font-weight:600;letter-spacing:0.1em;margin-bottom:8px;text-transform:uppercase;">자료 공유 → 온라인 검토</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.05rem;font-weight:700;color:#0d2340;margin-bottom:10px;">비대면 자료 검토 & 방향 안내</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.845rem;line-height:1.85;">이메일·카카오로 자료를 공유하시면 세금 리스크와 선택 가능한 방향을 정리해 안내드립니다.</p>
|
||||
</div>
|
||||
<div>
|
||||
<div style="width:72px;height:72px;border-radius:50%;background:#0d2340;border:2px solid #0d2340;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:'Hahmlet',serif;font-size:1.35rem;font-weight:700;color:#c9a84c;">03</div>
|
||||
<div style="font-size:0.7rem;color:#c9a84c;font-weight:600;letter-spacing:0.1em;margin-bottom:8px;text-transform:uppercase;">온라인 신고 · 기장 · 자문</div>
|
||||
<h3 style="font-family:'Hahmlet',serif;font-size:1.05rem;font-weight:700;color:#0d2340;margin-bottom:10px;">비대면으로 세무관리 시작</h3>
|
||||
<p style="color:#6b7e8f;font-size:0.845rem;line-height:1.85;">신고대리·기장·자문 중 맞는 방식으로 진행합니다. 이후 관리도 모두 온라인으로 이루어집니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── FAQ ── -->
|
||||
<section id="faq" style="padding:100px 60px;background:#f8f7f4;" class="section-px">
|
||||
<div style="max-width:800px;margin:0 auto;">
|
||||
<div style="text-align:center;margin-bottom:56px;">
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:14px;text-transform:uppercase;">FAQ</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2.2rem;font-weight:700;color:#0d2340;">자주 묻는 질문</h2>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<sc-for list="{{ faqs }}" as="faq" hint-placeholder-count="5">
|
||||
<div style="background:white;border-radius:10px;overflow:hidden;">
|
||||
<button onClick="{{ faq.toggle }}" style="width:100%;padding:22px 26px;background:white;display:flex;justify-content:space-between;align-items:center;text-align:left;border-radius:10px;transition:background 0.15s;" style-hover="background:#f5f3ee;">
|
||||
<span style="font-family:'Hahmlet',serif;font-size:0.975rem;font-weight:600;color:#0d2340;flex:1;padding-right:16px;line-height:1.5;">{{ faq.q }}</span>
|
||||
<span style="font-size:1.5rem;color:#c9a84c;font-weight:300;line-height:1;flex-shrink:0;">{{ faq.icon }}</span>
|
||||
</button>
|
||||
<div style="{{ faq.bodyStyle }}">
|
||||
<p style="color:#6b7e8f;font-size:0.875rem;line-height:1.95;padding:4px 26px 24px;">{{ faq.a }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</sc-for>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── BLOG ── -->
|
||||
<section style="padding:100px 60px;background:white;" class="section-px">
|
||||
<div style="max-width:1200px;margin:0 auto;">
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:72px;align-items:center;">
|
||||
<div>
|
||||
<div style="font-size:0.72rem;letter-spacing:0.18em;color:#c9a84c;font-weight:600;margin-bottom:16px;text-transform:uppercase;">Blog</div>
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2rem;font-weight:700;color:#0d2340;margin-bottom:20px;line-height:1.35;">세금, 미리 알면<br>달라집니다</h2>
|
||||
<p style="color:#6b7e8f;line-height:1.9;margin-bottom:32px;font-size:0.9rem;">사업자 세무, 부동산 세금, 종합소득세까지 — 실제 사례와 체크리스트로 알기 쉽게 설명합니다.</p>
|
||||
<a href="#" style="display:inline-flex;align-items:center;gap:8px;background:#0d2340;color:white;padding:13px 22px;border-radius:6px;font-weight:600;font-size:0.875rem;transition:background 0.2s;" style-hover="background:#1a3a5c;">블로그 바로가기 →</a>
|
||||
</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
<div style="padding:18px 22px;background:#f8f7f4;border-radius:10px;border-left:3px solid #c9a84c;transition:background 0.2s;" style-hover="background:#fffdf5;">
|
||||
<div style="font-size:0.68rem;color:#c9a84c;font-weight:600;margin-bottom:7px;text-transform:uppercase;">부동산</div>
|
||||
<div style="font-size:0.875rem;font-weight:600;color:#0d2340;line-height:1.5;">집 팔기 전 양도세 상담을 먼저 받아야 하는 이유</div>
|
||||
</div>
|
||||
<div style="padding:18px 22px;background:#f8f7f4;border-radius:10px;border-left:3px solid #c9a84c;transition:background 0.2s;" style-hover="background:#fffdf5;">
|
||||
<div style="font-size:0.68rem;color:#c9a84c;font-weight:600;margin-bottom:7px;text-transform:uppercase;">종합소득세</div>
|
||||
<div style="font-size:0.875rem;font-weight:600;color:#0d2340;line-height:1.5;">보험설계사 종소세 신고 전 준비자료</div>
|
||||
</div>
|
||||
<div style="padding:18px 22px;background:#f8f7f4;border-radius:10px;border-left:3px solid #c9a84c;transition:background 0.2s;" style-hover="background:#fffdf5;">
|
||||
<div style="font-size:0.68rem;color:#c9a84c;font-weight:600;margin-bottom:7px;text-transform:uppercase;">사업자 세무</div>
|
||||
<div style="font-size:0.875rem;font-weight:600;color:#0d2340;line-height:1.5;">사업자 통장 꼭 따로 써야 할까? 세무사가 보는 기준</div>
|
||||
</div>
|
||||
<div style="padding:18px 22px;background:#f8f7f4;border-radius:10px;border-left:3px solid #c9a84c;transition:background 0.2s;" style-hover="background:#fffdf5;">
|
||||
<div style="font-size:0.68rem;color:#c9a84c;font-weight:600;margin-bottom:7px;text-transform:uppercase;">증여·상속</div>
|
||||
<div style="font-size:0.875rem;font-weight:600;color:#0d2340;line-height:1.5;">부모님 집을 자녀에게 증여하기 전 체크할 것</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── CONTACT CTA ── -->
|
||||
<section id="contact" style="padding:100px 60px;background:#c9a84c;" class="section-px">
|
||||
<div style="max-width:1100px;margin:0 auto;">
|
||||
<div style="text-align:center;margin-bottom:56px;">
|
||||
<h2 style="font-family:'Hahmlet',serif;font-size:2.4rem;font-weight:700;color:#0d2340;margin-bottom:14px;line-height:1.3;">세금 걱정, 지금 바로<br>상담하세요</h2>
|
||||
<p style="color:rgba(13,35,64,0.62);font-size:0.95rem;max-width:480px;margin:0 auto;">세금은 계약·매출·명의·자금 이동 전에 검토할수록 선택지가 많습니다.</p>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:840px;margin:0 auto;">
|
||||
<a href="https://pf.kakao.com/_xoxchTX" target="_blank" style="background:white;border-radius:14px;padding:36px 26px;text-align:center;display:block;transition:transform 0.2s,box-shadow 0.2s;" style-hover="transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.1);">
|
||||
<div style="font-size:2rem;margin-bottom:12px;">💬</div>
|
||||
<div style="font-weight:700;font-size:0.975rem;color:#0d2340;margin-bottom:6px;">카카오 상담</div>
|
||||
<div style="font-size:0.815rem;color:#6b7e8f;margin-bottom:16px;">편하게 문의하세요</div>
|
||||
<div style="font-size:0.78rem;color:#c9a84c;font-weight:700;">바로 연결 →</div>
|
||||
</a>
|
||||
<a href="tel:010-4122-8268" style="background:white;border-radius:14px;padding:36px 26px;text-align:center;display:block;transition:transform 0.2s,box-shadow 0.2s;" style-hover="transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.1);">
|
||||
<div style="font-size:2rem;margin-bottom:12px;">📞</div>
|
||||
<div style="font-weight:700;font-size:0.975rem;color:#0d2340;margin-bottom:6px;">전화 상담</div>
|
||||
<div style="font-size:0.815rem;color:#6b7e8f;margin-bottom:16px;">010-4122-8268</div>
|
||||
<div style="font-size:0.78rem;color:#c9a84c;font-weight:700;">바로 연결 →</div>
|
||||
</a>
|
||||
<a href="mailto:taxbaik5668@gmail.com" style="background:white;border-radius:14px;padding:36px 26px;text-align:center;display:block;transition:transform 0.2s,box-shadow 0.2s;" style-hover="transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.1);">
|
||||
<div style="font-size:2rem;margin-bottom:12px;">✉️</div>
|
||||
<div style="font-weight:700;font-size:0.975rem;color:#0d2340;margin-bottom:6px;">이메일 문의</div>
|
||||
<div style="font-size:0.815rem;color:#6b7e8f;margin-bottom:16px;">taxbaik5668@gmail.com</div>
|
||||
<div style="font-size:0.78rem;color:#c9a84c;font-weight:700;">이메일 보내기 →</div>
|
||||
</a>
|
||||
</div>
|
||||
<p style="text-align:center;margin-top:44px;color:rgba(13,35,64,0.48);font-size:0.8rem;line-height:1.9;">사업자 기장, 종합소득세, 부가세, 양도세, 증여·상속세 상담이 필요하시면 언제든 연락주세요.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── FOOTER ── -->
|
||||
<footer style="background:#0d2340;padding:64px 60px 40px;" class="section-px">
|
||||
<div style="max-width:1200px;margin:0 auto;">
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:52px;margin-bottom:48px;">
|
||||
<div>
|
||||
<div style="font-family:'Hahmlet',serif;font-size:1.2rem;font-weight:700;color:white;margin-bottom:14px;">백원숙 세무사</div>
|
||||
<p style="color:rgba(255,255,255,0.42);font-size:0.845rem;line-height:1.9;margin-bottom:16px;">사업과 부동산, 가족의 돈 흐름까지 함께 보는 생활자산 세무 파트너</p>
|
||||
<div style="font-size:0.76rem;color:rgba(255,255,255,0.28);">세무사 · 부동산중개사 · 보험설계사</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:0.72rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:18px;text-transform:uppercase;">서비스</div>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;">
|
||||
<a href="#services" style="color:rgba(255,255,255,0.45);font-size:0.845rem;transition:color 0.2s;" style-hover="color:rgba(255,255,255,0.85);">월 기장 관리</a>
|
||||
<a href="#services" style="color:rgba(255,255,255,0.45);font-size:0.845rem;transition:color 0.2s;" style-hover="color:rgba(255,255,255,0.85);">종합소득세 신고</a>
|
||||
<a href="#services" style="color:rgba(255,255,255,0.45);font-size:0.845rem;transition:color 0.2s;" style-hover="color:rgba(255,255,255,0.85);">양도세 사전진단</a>
|
||||
<a href="#services" style="color:rgba(255,255,255,0.45);font-size:0.845rem;transition:color 0.2s;" style-hover="color:rgba(255,255,255,0.85);">증여·상속 상담</a>
|
||||
<a href="#services" style="color:rgba(255,255,255,0.45);font-size:0.845rem;transition:color 0.2s;" style-hover="color:rgba(255,255,255,0.85);">신규 사업자 세무정리</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="font-size:0.72rem;letter-spacing:0.14em;color:#c9a84c;font-weight:600;margin-bottom:18px;text-transform:uppercase;">연락처</div>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
<div style="color:rgba(255,255,255,0.52);font-size:0.845rem;">📞 010-4122-8268</div>
|
||||
<div style="color:rgba(255,255,255,0.52);font-size:0.845rem;">✉️ taxbaik5668@gmail.com</div>
|
||||
<a href="https://pf.kakao.com/_xoxchTX" target="_blank" style="color:#c9a84c;font-size:0.845rem;">💬 카카오채널 상담</a>
|
||||
<div style="color:rgba(255,255,255,0.52);font-size:0.845rem;">📍 성북구</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="border-top:1px solid rgba(255,255,255,0.07);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;">
|
||||
<div style="color:rgba(255,255,255,0.25);font-size:0.775rem;">© 2025 백원숙세무회계. All rights reserved.</div>
|
||||
<div style="color:rgba(255,255,255,0.25);font-size:0.72rem;">세무사·부동산중개사·보험설계사 자격 보유</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</x-dc>
|
||||
<script type="text/x-dc" data-dc-script>
|
||||
class Component extends DCLogic {
|
||||
state = { navScrolled: false, faqOpen: null };
|
||||
|
||||
componentDidMount() {
|
||||
this._onScroll = () => {
|
||||
const scrolled = window.scrollY > 60;
|
||||
if (scrolled !== this.state.navScrolled) {
|
||||
this.setState({ navScrolled: scrolled });
|
||||
}
|
||||
};
|
||||
window.addEventListener('scroll', this._onScroll, { passive: true });
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
window.removeEventListener('scroll', this._onScroll);
|
||||
}
|
||||
|
||||
renderVals() {
|
||||
const { navScrolled, faqOpen } = this.state;
|
||||
const navTextColor = navScrolled ? '#1a2232' : '#ffffff';
|
||||
|
||||
const faqs = [
|
||||
{
|
||||
q: '기장료가 얼마인지 미리 알 수 있나요?',
|
||||
a: '업종, 매출 규모, 직원 여부, 세금계산서 발행량에 따라 달라집니다. 단순 장부 작성만 필요한지, 예상세액과 증빙관리까지 필요한지 먼저 확인한 뒤 안내드립니다. 카카오채널로 상황을 알려주시면 적합한 구성을 제안해드립니다.',
|
||||
},
|
||||
{
|
||||
q: '양도세 상담은 어떻게 진행되나요?',
|
||||
a: '양도세는 취득가액, 보유기간, 거주기간, 주택 수, 조정대상지역 여부 등에 따라 달라집니다. 계약 전이라면 선택지가 훨씬 많기 때문에 먼저 상황을 공유해주시면 사전 검토 방식으로 진행합니다.',
|
||||
},
|
||||
{
|
||||
q: '무료 상담도 가능한가요?',
|
||||
a: '간단한 문의는 카카오채널로 주시면 방향을 안내드립니다. 세액 판단이나 신고 리스크 검토는 사실관계 확인이 필요해 유료상담으로 진행됩니다. 단, 기장·신고 계약으로 이어지는 경우 상담료 일부를 차감해드립니다.',
|
||||
},
|
||||
{
|
||||
q: '처음 상담 시 어떤 자료를 준비해야 하나요?',
|
||||
a: '분야에 따라 다르지만 일반적으로 사업자등록증, 최근 신고 내역, 매출·매입 자료를 준비하시면 됩니다. 부동산의 경우 등기부등본과 취득가액 관련 자료가 필요합니다. 상담 신청 후 구체적인 준비자료를 먼저 안내드립니다.',
|
||||
},
|
||||
{
|
||||
q: '부동산중개사 자격은 세무상담에 어떻게 활용되나요?',
|
||||
a: '부동산 거래 구조를 직접 이해하는 세무사로서 매도·증여·임대 단계에서 발생하는 세금 리스크를 현실적으로 설명할 수 있습니다. 단순히 세금 계산에서 끝나는 것이 아니라, 거래 구조 자체를 함께 검토합니다.',
|
||||
},
|
||||
].map((item, i) => ({
|
||||
...item,
|
||||
icon: faqOpen === i ? '×' : '+',
|
||||
toggle: () => this.setState(s => ({ faqOpen: s.faqOpen === i ? null : i })),
|
||||
bodyStyle: {
|
||||
transition: 'max-height 0.38s ease, opacity 0.38s ease',
|
||||
maxHeight: faqOpen === i ? '420px' : '0px',
|
||||
opacity: faqOpen === i ? 1 : 0,
|
||||
overflow: 'hidden',
|
||||
},
|
||||
}));
|
||||
|
||||
return {
|
||||
navStyle: {
|
||||
position: 'fixed', top: 0, left: 0, right: 0, zIndex: 100,
|
||||
height: '70px', display: 'flex', alignItems: 'center',
|
||||
justifyContent: 'space-between', padding: '0 60px',
|
||||
transition: 'all 0.35s ease',
|
||||
background: navScrolled ? 'rgba(255,255,255,0.97)' : 'rgba(13,35,64,0.72)',
|
||||
backdropFilter: 'blur(14px)',
|
||||
boxShadow: navScrolled ? '0 2px 24px rgba(0,0,0,0.08)' : 'none',
|
||||
},
|
||||
navLogoStyle: {
|
||||
fontFamily: "'Hahmlet', serif",
|
||||
fontSize: '1.1rem', fontWeight: '700',
|
||||
color: navTextColor, letterSpacing: '-0.02em',
|
||||
transition: 'color 0.3s ease',
|
||||
},
|
||||
navLinkStyle: {
|
||||
fontSize: '0.875rem', color: navTextColor,
|
||||
fontWeight: '500', transition: 'color 0.2s ease',
|
||||
},
|
||||
faqs,
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user