 |
|
 |
|
|
 서식설명 |
|
|
<div id="ai_editor">
<div class="loan-hero">
<div class="hero-icon">📄</div>
<h1>차용증서 작성 완벽 가이드</h1>
<p class="hero-subtitle">법적 효력을 갖춘 금전 거래의 필수 증빙</p>
</div>
<div class="key-info">
<div class="info-item">
<div class="item-icon">⚖️</div>
<h3>차용증서란?</h3>
<p>금전을 빌리고 갚을 것을 약속하는 법적 효력이 있는 계약 문서</p>
</div>
<div class="info-item">
<div class="item-icon">🛡️</div>
<h3>법적 효력</h3>
<p>민법상 소비대차계약의 증거로 법원에서 인정되는 공식 문서</p>
</div>
<div class="info-item highlight">
<div class="item-icon">✅</div>
<h3>필수성</h3>
<p>구두 약속만으로는 법적 보호 불가, 반드시 서면 작성 필요</p>
</div>
</div>
<section class="content-sec">
<h2 class="sec-heading">📝 필수 기재사항 (10가지)</h2>
<div class="essentials-grid">
<div class="ess-card">
<span class="ess-num">01</span>
<h4>💰 차용 금액</h4>
<p><strong>기재 방법 :</strong> "일금 ○○원정 (₩○○○,○○○)"</p>
<p><strong>주의 :</strong> 한글과 숫자 모두 명확히 기재</p>
</div>
<div class="ess-card">
<span class="ess-num">02</span>
<h4>📅 작성 일자</h4>
<p><strong>기재 방법 :</strong> "20○○년 ○월 ○일"</p>
<p><strong>주의 :</strong> 실제 금전을 받은 날짜 기재</p>
</div>
<div class="ess-card">
<span class="ess-num">03</span>
<h4>⏰ 변제 기일</h4>
<p><strong>기재 방법 :</strong> 구체적인 날짜 명시</p>
<p><strong>주의 :</strong> "추후 협의" 등 모호한 표현 금지</p>
</div>
<div class="ess-card">
<span class="ess-num">04</span>
<h4>📊 이자율</h4>
<p><strong>기재 방법 :</strong> "연 ○%의 이자를 지급한다"</p>
<p><strong>주의 :</strong> 법정 최고 이자율(연 20%) 준수</p>
</div>
<div class="ess-card">
<span class="ess-num">05</span>
<h4>💳 지급 방법</h4>
<p><strong>기재 방법 :</strong> 계좌이체, 현금 등 명시</p>
<p><strong>주의 :</strong> 계좌번호까지 상세히 기재</p>
</div>
<div class="ess-card">
<span class="ess-num">06</span>
<h4>👤 채무자 정보</h4>
<p><strong>필수 항목 :</strong> 성명, 주민등록번호, 주소, 연락처</p>
<p><strong>주의 :</strong> 신분증 사본 첨부 권장</p>
</div>
<div class="ess-card">
<span class="ess-num">07</span>
<h4>👥 채권자 정보</h4>
<p><strong>필수 항목 :</strong> 성명, 주민등록번호, 주소, 연락처</p>
<p><strong>주의 :</strong> 정확한 정보 기재</p>
</div>
<div class="ess-card">
<span class="ess-num">08</span>
<h4>✍️ 채무자 서명</h4>
<p><strong>방법 :</strong> 자필 서명 또는 인감 날인</p>
<p><strong>주의 :</strong> 반드시 본인이 직접 서명</p>
</div>
<div class="ess-card">
<span class="ess-num">09</span>
<h4>🤝 연대보증인</h4>
<p><strong>선택 사항 :</strong> 연대보증인 추가 가능</p>
<p><strong>효과 :</strong> 채무자 미상환 시 보증인이 대신 변제</p>
</div>
<div class="ess-card">
<span class="ess-num">10</span>
<h4>⚠️ 특약 사항</h4>
<p><strong>예시 :</strong> 기한의 이익 상실, 지연손해금</p>
<p><strong>주의 :</strong> 구체적이고 명확하게 작성</p></div></div></section>
<section class="content-sec gray">
<h2 class="sec-heading">⚠️ 작성 시 주의사항</h2>
<div class="warnings-compact">
<div class="warn-item critical">
<span class="warn-icon">🚨</span>
<div class="warn-text">
<h4>백지 서명 절대 금지</h4>
<p>내용이 다 작성되지 않은 상태에서 서명하면 나중에 내용이 변조될 수 있습니다. 반드시 모든 내용을 확인한 후 서명하세요.</p>
</div>
</div>
<div class="warn-item critical">
<span class="warn-icon">🚨</span>
<div class="warn-text">
<h4>금액 정확히 기재</h4>
<p>한글과 아라비아 숫자를 모두 기재하여 금액 조작을 방지합니다. 예 : 일금 오백만원정 (₩5,000,000)</p>
</div>
</div>
<div class="warn-item important">
<span class="warn-icon">⚠️</span>
<div class="warn-text">
<h4>2부 작성 보관</h4>
<p>채권자와 채무자가 각각 1부씩 보관합니다. 서명과 날인도 각 부에 모두 해야 합니다.</p>
</div>
</div>
<div class="warn-item important">
<span class="warn-icon">⚠️</span>
<div class="warn-text">
<h4>주민등록번호 필수</h4>
<p>신원 확인을 위해 주민등록번호는 필수입니다. 신분증 사본을 함께 첨부하면 더욱 안전합니다.</p>
</div>
</div>
<div class="warn-item info">
<span class="warn-icon">💡</span>
<div class="warn-text">
<h4>수정 시 날인 필요</h4>
<p>작성 후 내용을 수정할 때는 수정 부분에 쌍방이 함께 날인해야 효력이 있습니다.</p>
</div>
</div>
<div class="warn-item info">
<span class="warn-icon">💡</span>
<div class="warn-text">
<h4>공증 추천</h4>
<p>고액 거래의 경우 공증을 받으면 법적 효력이 더욱 강해지고 분쟁 시 유리합니다.</p></div></div></div></section>
<div class="final-notice">
<h2>🛡️ 정확한 차용증서 작성으로 금전 분쟁을 예방하세요.</h2>
<div class="notice-points">
<div class="notice-point">✓ 10가지 필수사항 빠짐없이 기재</div>
<div class="notice-point">✓ 법정 이자율 한도 준수</div>
<div class="notice-point">✓ 증거자료 철저히 보관</div>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
padding: 0 ;
background: #f3f4ff ;
font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif ;
color: #303f9f ;
line-height: 1.6 ;
}
#ai_editor * {
box-sizing: border-box ;
}
/* 히어로 */
#ai_editor .loan-hero {
background: linear-gradient(135deg, #7986cb 0%, #9fa8da 100%) ;
padding: 40px 25px ;
text-align: center ;
color: white ;
box-shadow: 0 8px 25px rgba(121, 134, 203, 0.3) ;
margin-bottom: 60px ;
}
#ai_editor .hero-icon {
font-size: 45px ;
margin-bottom: 12px ;
}
#ai_editor .loan-hero h1 {
font-size: 38px ;
font-weight: 700 ;
margin: 0 0 10px 0 ;
}
#ai_editor .hero-subtitle {
font-size: 19px ;
margin: 0 ;
opacity: 0.95 ;
}
/* 키 인포 */
#ai_editor .key-info {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
padding: 0 25px ;
margin-bottom: 60px ;
}
#ai_editor .info-item {
background: white ;
padding: 24px 20px ;
border-radius: 14px ;
text-align: center ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
border: 1px solid #e8eaf6 ;
}
#ai_editor .info-item.highlight {
background: linear-gradient(135deg, #fff9e6 0%, #fffbf0 100%) ;
border: 1px solid #b39ddb ;
}
#ai_editor .item-icon {
font-size: 36px ;
margin-bottom: 10px ;
}
#ai_editor .info-item h3 {
font-size: 19px ;
margin: 0 0 8px 0 ;
color: #303f9f ;
font-weight: 700 ;
}
#ai_editor .info-item p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.5 ;
}
/* 컨텐츠 섹션 */
#ai_editor .content-sec {
padding: 40px 25px ;
margin-bottom: 60px ;
background: white ;
}
#ai_editor .content-sec.gray {
background: #fafbff ;
}
#ai_editor .sec-heading {
font-size: 28px ;
font-weight: 700 ;
text-align: center ;
margin: 0 0 30px 0 ;
color: #303f9f ;
}
/* 필수사항 그리드 */
#ai_editor .essentials-grid {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .ess-card {
background: #fafbff ;
padding: 22px 18px ;
border-radius: 12px ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
border: 1px solid #e8eaf6 ;
}
#ai_editor .ess-num {
display: inline-block ;
width: 36px ;
height: 36px ;
background: linear-gradient(135deg, #7986cb 0%, #9fa8da 100%) ;
color: white ;
border-radius: 50% ;
font-size: 16px ;
font-weight: 700 ;
display: flex ;
align-items: center ;
justify-content: center ;
margin-bottom: 10px ;
}
#ai_editor .ess-card h4 {
font-size: 18px ;
margin: 0 0 10px 0 ;
color: #303f9f ;
font-weight: 700 ;
}
#ai_editor .ess-card p {
font-size: 16px ;
margin: 0 0 6px 0 ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .ess-card p:last-child {
margin-bottom: 0 ;
}
/* 이자 레이아웃 */
#ai_editor .interest-layout {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .interest-box {
background: white ;
padding: 24px 20px ;
border-radius: 12px ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
border: 1px solid #e8eaf6 ;
}
#ai_editor .interest-box h3 {
font-size: 20px ;
margin: 0 0 18px 0 ;
color: #303f9f ;
font-weight: 700 ;
padding-bottom: 12px ;
border-bottom: 2px solid #e8eaf6 ;
}
#ai_editor .interest-row {
display: flex ;
justify-content: space-between ;
padding: 12px 14px ;
margin-bottom: 10px ;
background: #fafbff ;
border-radius: 8px ;
}
#ai_editor .interest-row:last-of-type {
margin-bottom: 14px ;
}
#ai_editor .interest-row .label {
font-size: 16px ;
color: #666 ;
font-weight: 600 ;
}
#ai_editor .interest-row .value {
font-size: 16px ;
color: #303f9f ;
font-weight: 600 ;
}
#ai_editor .interest-note {
background: #fff9e6 ;
padding: 12px 14px ;
border-radius: 8px ;
font-size: 16px ;
color: #666 ;
}
#ai_editor .interest-examples {
display: grid ;
gap: 14px ;
}
#ai_editor .example-item {
background: #fafbff ;
padding: 14px 16px ;
border-radius: 8px ;
}
#ai_editor .example-item.error {
background: #ffebee ;
}
#ai_editor .example-item h4 {
font-size: 17px ;
margin: 0 0 6px 0 ;
color: #303f9f ;
font-weight: 700 ;
}
#ai_editor .example-item p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.6 ;
}
/* 변제 그리드 */
#ai_editor .repayment-grid {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .repay-card {
background: #fafbff ;
padding: 22px 18px ;
border-radius: 12px ;
text-align: center ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
border: 1px solid #e8eaf6 ;
}
#ai_editor .repay-icon {
font-size: 32px ;
margin-bottom: 10px ;
}
#ai_editor .repay-card h4 {
font-size: 18px ;
margin: 0 0 12px 0 ;
color: #303f9f ;
font-weight: 700 ;
}
#ai_editor .repay-card p {
font-size: 16px ;
margin: 0 0 8px 0 ;
color: #666 ;
line-height: 1.5 ;
text-align: left ;
}
#ai_editor .repay-card p:last-child {
margin-bottom: 0 ;
}
/* 경고 컴팩트 */
#ai_editor .warnings-compact {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .warn-item {
background: white ;
padding: 20px 18px ;
border-radius: 12px ;
display: flex ;
gap: 14px ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
}
#ai_editor .warn-item.critical {
}
#ai_editor .warn-item.important {
}
#ai_editor .warn-item.info {
}
#ai_editor .warn-icon {
font-size: 28px ;
flex-shrink: 0 ;
}
#ai_editor .warn-text h4 {
font-size: 17px ;
margin: 0 0 6px 0 ;
color: #303f9f ;
font-weight: 700 ;
}
#ai_editor .warn-text p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.5 ;
}
/* 분쟁 팁 */
#ai_editor .dispute-tips {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .tip-col {
background: #fafbff ;
padding: 24px 20px ;
border-radius: 12px ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
border: 1px solid #e8eaf6 ;
}
#ai_editor .tip-col h3 {
font-size: 20px ;
margin: 0 0 18px 0 ;
color: #303f9f ;
font-weight: 700 ;
padding-bottom: 12px ;
border-bottom: 2px solid #e8eaf6 ;
}
#ai_editor .tip-list {
display: grid ;
gap: 12px ;
}
#ai_editor .tip-point {
display: flex ;
gap: 10px ;
align-items: flex-start ;
}
#ai_editor .point-check {
color: #7986cb ;
font-size: 20px ;
font-weight: 700 ;
flex-shrink: 0 ;
}
#ai_editor .tip-point p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.5 ;
}
/* 실무 그리드 */
#ai_editor .practical-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .prac-item {
background: white ;
padding: 22px 18px ;
border-radius: 12px ;
text-align: center ;
box-shadow: 0 4px 18px rgba(121, 134, 203, 0.15) ;
border: 1px solid #e8eaf6 ;
}
#ai_editor .prac-emoji {
font-size: 32px ;
margin-bottom: 10px ;
}
#ai_editor .prac-item h4 {
font-size: 18px ;
margin: 0 0 10px 0 ;
color: #303f9f ;
font-weight: 700 ;
}
#ai_editor .prac-item p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.6 ;
}
/* 최종 공지 */
#ai_editor .final-notice {
background: linear-gradient(135deg, #303f9f 0%, #3f51b5 100%) ;
padding: 40px 25px ;
text-align: center ;
color: white ;
box-shadow: 0 8px 25px rgba(48, 63, 159, 0.3) ;
}
#ai_editor .final-notice h2 {
font-size: 30px ;
font-weight: 700 ;
margin: 0 0 24px 0 ;
line-height: 1.4 ;
}
#ai_editor .notice-points {
display: flex ;
justify-content: center ;
gap: 35px ;
flex-wrap: wrap ;
}
#ai_editor .notice-point {
font-size: 18px ;
font-weight: 600 ;
}
/* 반응형 */
@media (max-width: 1024px) {
#ai_editor .loan-hero {
padding: 35px 22px ;
margin-bottom: 50px ;
}
#ai_editor .key-info {
padding: 0 22px ;
margin-bottom: 50px ;
gap: 18px ;
}
#ai_editor .content-sec {
padding: 35px 22px ;
margin-bottom: 50px ;
}
#ai_editor .repayment-grid {
grid-template-columns: repeat(2, 1fr) ;
}
#ai_editor .practical-grid {
grid-template-columns: repeat(2, 1fr) ;
}
}
@media (max-width: 768px) {
#ai_editor .loan-hero {
padding: 30px 18px ;
margin-bottom: 45px ;
}
#ai_editor .loan-hero h1 {
font-size: 32px ;
}
#ai_editor .hero-subtitle {
font-size: 18px ;
}
#ai_editor .key-info {
grid-template-columns: 1fr ;
padding: 0 18px ;
margin-bottom: 45px ;
gap: 16px ;
}
#ai_editor .content-sec {
padding: 30px 18px ;
margin-bottom: 45px ;
}
#ai_editor .sec-heading {
font-size: 26px ;
margin-bottom: 25px ;
}
#ai_editor .essentials-grid {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .interest-layout {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .repayment-grid {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .warnings-compact {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .dispute-tips {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .practical-grid {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .final-notice {
padding: 35px 18px ;
}
#ai_editor .final-notice h2 {
font-size: 26px ;
}
#ai_editor .notice-points {
flex-direction: column ;
gap: 14px ;
}
}
@media (max-width: 480px) {
#ai_editor .loan-hero {
padding: 28px 16px ;
margin-bottom: 40px ;
}
#ai_editor .loan-hero h1 {
font-size: 28px ;
}
#ai_editor .hero-subtitle {
font-size: 17px ;
}
#ai_editor .key-info {
padding: 0 16px ;
margin-bottom: 40px ;
}
#ai_editor .info-item {
padding: 20px 16px ;
}
#ai_editor .content-sec {
padding: 28px 16px ;
margin-bottom: 40px ;
}
#ai_editor .sec-heading {
font-size: 24px ;
}
#ai_editor .ess-card {
padding: 20px 16px ;
}
#ai_editor .interest-box {
padding: 20px 16px ;
}
#ai_editor .repay-card {
padding: 20px 16px ;
}
#ai_editor .warn-item {
padding: 18px 14px ;
}
#ai_editor .tip-col {
padding: 20px 16px ;
}
#ai_editor .prac-item {
padding: 20px 16px ;
}
#ai_editor .final-notice {
padding: 32px 16px ;
}
#ai_editor .final-notice h2 {
font-size: 23px ;
}
#ai_editor .notice-point {
font-size: 17px ;
}
}
</style> |
|
|
 |
|
 |
|
차용증서 를 다운로드 하시면 작성가이드를 함께 드립니다!
뷰어 다운로드
