|
|
|
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
 서식설명 |
|
|
<div id="ai_editor">
<div class="header">
<h1>📄 일반 반성문 서식</h1>
<div class="subtitle">사건의 개요와 앞으로의 다짐을 기록하는 기본 반성문</div>
</div>
<div class="section">
<div class="section-title">서식 개요</div>
<div class="section-subtitle">다양한 상황에서 활용 가능한 범용 반성문 양식</div>
<div class="overview-grid">
<div class="overview-item">
<div class="icon">📝</div>
<div class="title">유형</div>
<div class="description">일반 범용 반성문</div>
</div>
<div class="overview-item">
<div class="icon">🎯</div>
<div class="title">목적</div>
<div class="description">잘못 인정 및 개선 의지 표명</div>
</div>
<div class="overview-item">
<div class="icon">📋</div>
<div class="title">구성</div>
<div class="description">사건 개요 + 앞으로의 다짐</div>
</div>
<div class="overview-item">
<div class="icon">🌟</div>
<div class="title">특징</div>
<div class="description">다목적 활용 가능한 형식</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">서식 구성 요소</div>
<div class="section-subtitle">효과적인 반성문의 핵심 구성 항목</div>
<div class="composition-grid">
<div class="composition-card">
<div class="card-title">📖 사건의 개요</div>
<div class="card-desc">• 언제, 어디서, 무엇을 했는지 구체적 기술<br>• 상황의 경위와 배경 설명<br>• 객관적 사실 중심으로 작성<br>• 시간 순서대로 정리</div>
</div>
<div class="composition-card">
<div class="card-title">💭 반성 내용</div>
<div class="card-desc">• 자신의 잘못에 대한 인정<br>• 진정성 있는 뉘우침 표현<br>• 피해를 입힌 대상에 대한 사과<br>• 솔직한 마음가짐 표현</div>
</div>
<div class="composition-card">
<div class="card-title">🎯 앞으로의 다짐</div>
<div class="card-desc">• 동일한 실수의 재발 방지 계획<br>• 구체적인 개선 방안 제시<br>• 미래에 대한 의지 표명<br>• 실천 가능한 목표 설정</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">활용 분야</div>
<div class="section-subtitle">다양한 상황에서 활용 가능한 범용 반성문</div>
<div class="usage-full-grid">
<div class="usage-item">
<div class="usage-icon">🏫</div>
<div class="usage-title">학교</div>
<div class="usage-desc">학생의 교칙 위반이나 문제 행동에 대한 반성</div>
</div>
<div class="usage-item">
<div class="usage-icon">🏢</div>
<div class="usage-title">직장</div>
<div class="usage-desc">업무상 실수나 규정 위반에 대한 반성</div>
</div>
<div class="usage-item">
<div class="usage-icon">👨‍👩‍👧‍👦</div>
<div class="usage-title">가정</div>
<div class="usage-desc">가족 간의 갈등이나 약속 위반에 대한 반성</div>
</div>
<div class="usage-item">
<div class="usage-icon">🤝</div>
<div class="usage-title">대인관계</div>
<div class="usage-desc">친구나 지인과의 문제 상황에 대한 반성</div>
</div>
<div class="usage-item">
<div class="usage-icon">🚗</div>
<div class="usage-title">교통사고</div>
<div class="usage-desc">경미한 교통사고나 교통법규 위반 반성</div>
</div>
<div class="usage-item">
<div class="usage-icon">📱</div>
<div class="usage-title">온라인</div>
<div class="usage-desc">SNS나 온라인에서의 부적절한 행동 반성</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">작성 단계</div>
<div class="section-subtitle">체계적인 반성문 작성을 위한 4단계 프로세스</div>
<div class="guide-steps">
<div class="step-item">
<div class="step-number">1</div>
<div class="step-title">상황 파악</div>
<div class="step-desc">무엇을 잘못했는지 구체적으로 파악하고 정리합니다.</div>
</div>
<div class="step-item">
<div class="step-number">2</div>
<div class="step-title">개요 작성</div>
<div class="step-desc">사건의 경위를 시간 순서대로 객관적으로 기술합니다.</div>
</div>
<div class="step-item">
<div class="step-number">3</div>
<div class="step-title">반성 표현</div>
<div class="step-desc">진정성 있는 뉘우침과 사과의 마음을 솔직하게 표현합니다.</div>
</div>
<div class="step-item">
<div class="step-number">4</div>
<div class="step-title">다짐 기록</div>
<div class="step-desc">재발 방지를 위한 구체적인 계획과 의지를 명시합니다.</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">작성 요령</div>
<div class="section-subtitle">효과적이고 진정성 있는 반성문 작성을 위한 핵심 가이드</div>
<div class="tips-grid">
<div class="tip-item">
<div class="tip-icon">✅</div>
<div class="tip-title">효과적인 작성법</div>
<div class="tip-desc">• 구체적이고 명확한 사실 기술<br>• 진정성 있는 반성 표현<br>• 실현 가능한 개선 계획 제시<br>• 정중하고 예의 바른 문체 사용<br>• 적절한 분량 유지 (A4 1-2장)</div>
</div>
<div class="tip-item">
<div class="tip-icon">❌</div>
<div class="tip-title">피해야 할 요소</div>
<div class="tip-desc">• 변명이나 책임 전가하는 표현<br>• 추상적이고 모호한 내용<br>• 과도하게 감정적인 문체<br>• 형식적이고 성의 없는 표현<br>• 맞춤법이나 문법 오류</div>
</div>
<div class="tip-item">
<div class="tip-icon">🎯</div>
<div class="tip-title">핵심 포인트</div>
<div class="tip-desc">• 책임감 있는 자세로 작성<br>• 구체적인 행동 계획 포함<br>• 상대방 입장에서 생각<br>• 진심이 담긴 사과 표현<br>• 미래 지향적 다짐 포함</div>
</div>
<div class="tip-item">
<div class="tip-icon">💡</div>
<div class="tip-title">작성 후 점검</div>
<div class="tip-desc">• 맞춤법과 문법 철저 검토<br>• 내용의 일관성 확인<br>• 진정성 있게 작성되었는지 점검<br>• 제3자가 읽어도 이해 가능한지 확인<br>• 적절한 어조와 존댓말 사용</div>
</div>
</div>
</div>
<div class="section">
<div class="template-info">
<div class="info-title">📋 서식 활용 정보 <span style="font-family: "Malgun Gothic", sans-serif;">📋</span></div>
<div class="info-desc">
이 반성문은 다양한 상황에서 범용적으로 사용할 수 있는 기본 양식입니다. 사건의 개요와 앞으로의 다짐이라는 간단하면서도 핵심적인 구성으로 되어 있어, 상황에 맞게 내용을 조정하여 활용할 수 있습니다.
</div>
<div class="info-highlight">
💡 상황에 따라 내용을 구체화하여 작성하세요.</div>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
background-color: #fef9f5 ;
padding: 40px 20px ;
font-family: 'Malgun Gothic', sans-serif ;
color: #2c3e50 ;
border-radius: 15px ;
}
#ai_editor .header {
text-align: center ;
background: linear-gradient(135deg, #ff9800, #ffb74d) ;
color: white ;
padding: 30px ;
border-radius: 12px ;
margin-bottom: 75px ;
}
#ai_editor .header h1 {
font-size: 32px ;
margin: 0 0 10px 0 ;
font-weight: bold ;
}
#ai_editor .header .subtitle {
font-size: 18px ;
opacity: 0.9 ;
}
#ai_editor .section {
margin-bottom: 75px ;
}
#ai_editor .section-title {
font-size: 24px ;
font-weight: bold ;
color: #2c3e50 ;
text-align: center ;
margin-bottom: 15px ;
}
#ai_editor .section-subtitle {
font-size: 18px ;
color: #666 ;
text-align: center ;
margin-bottom: 30px ;
}
#ai_editor .overview-grid {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .overview-item {
background-color: white ;
border: 2px solid #fff3e0 ;
border-radius: 10px ;
padding: 25px ;
text-align: center ;
transition: transform 0.2s ;
}
#ai_editor .overview-item:hover {
transform: translateY(-3px) ;
}
#ai_editor .overview-item .icon {
font-size: 32px ;
margin-bottom: 15px ;
color: #ff9800 ;
}
#ai_editor .overview-item .title {
font-size: 18px ;
font-weight: bold ;
color: #ff9800 ;
margin-bottom: 8px ;
}
#ai_editor .overview-item .description {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .composition-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
}
#ai_editor .composition-card {
background-color: white ;
border-left: 5px solid #ff9800 ;
padding: 25px ;
border-radius: 8px ;
box-shadow: 0 2px 10px rgba(255, 152, 0, 0.1) ;
}
#ai_editor .composition-card .card-title {
font-size: 18px ;
font-weight: bold ;
color: #ff9800 ;
margin-bottom: 12px ;
}
#ai_editor .composition-card .card-desc {
font-size: 16px ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .usage-full-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
}
#ai_editor .usage-item {
background-color: white ;
border: 2px solid #fff3e0 ;
border-radius: 10px ;
padding: 25px ;
text-align: center ;
}
#ai_editor .usage-item .usage-icon {
font-size: 32px ;
color: #ff9800 ;
margin-bottom: 10px ;
}
#ai_editor .usage-item .usage-title {
font-size: 18px ;
font-weight: bold ;
color: #ff9800 ;
margin-bottom: 8px ;
}
#ai_editor .usage-item .usage-desc {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .guide-steps {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .step-item {
background-color: white ;
border-radius: 10px ;
padding: 25px ;
text-align: center ;
border: 2px solid #fff3e0 ;
}
#ai_editor .step-number {
background-color: #ff9800 ;
color: white ;
width: 40px ;
height: 40px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 20px ;
font-weight: bold ;
margin: 0 auto 15px auto ;
}
#ai_editor .step-title {
font-size: 18px ;
font-weight: bold ;
color: #ff9800 ;
margin-bottom: 10px ;
}
#ai_editor .step-desc {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .tips-grid {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
}
#ai_editor .tip-item {
background-color: white ;
padding: 25px ;
border-radius: 10px ;
border: 2px solid #fff3e0 ;
}
#ai_editor .tip-icon {
font-size: 28px ;
color: #ff9800 ;
margin-bottom: 12px ;
}
#ai_editor .tip-title {
font-size: 18px ;
font-weight: bold ;
color: #ff9800 ;
margin-bottom: 10px ;
}
#ai_editor .tip-desc {
font-size: 16px ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .template-info {
background-color: white ;
border-radius: 12px ;
padding: 30px ;
text-align: center ;
border: 2px solid #fff3e0 ;
}
#ai_editor .template-info .info-title {
font-size: 20px ;
font-weight: bold ;
color: #ff9800 ;
margin-bottom: 15px ;
}
#ai_editor .template-info .info-desc {
font-size: 16px ;
color: #555 ;
line-height: 1.6 ;
margin-bottom: 20px ;
}
#ai_editor .template-info .info-highlight {
background-color: #fff8f0 ;
padding: 15px ;
border-radius: 8px ;
font-size: 16px ;
color: #ef6c00 ;
font-weight: bold ;
}
@media (max-width: 992px) {
#ai_editor {
padding: 35px 20px ;
}
#ai_editor .header {
margin-bottom: 65px ;
}
#ai_editor .header h1 {
font-size: 28px ;
}
#ai_editor .header .subtitle {
font-size: 17px ;
}
#ai_editor .section {
margin-bottom: 65px ;
}
#ai_editor .section-title {
font-size: 22px ;
}
#ai_editor .overview-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .composition-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .usage-full-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .guide-steps {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 30px 15px ;
}
#ai_editor .header {
padding: 25px ;
margin-bottom: 60px ;
}
#ai_editor .header h1 {
font-size: 26px ;
}
#ai_editor .header .subtitle {
font-size: 16px ;
}
#ai_editor .section {
margin-bottom: 60px ;
}
#ai_editor .section-title {
font-size: 20px ;
}
#ai_editor .overview-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .composition-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .usage-full-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .guide-steps {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .tips-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .composition-card {
padding: 20px ;
}
#ai_editor .tip-item {
padding: 20px ;
}
#ai_editor .template-info {
padding: 25px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 25px 15px ;
}
#ai_editor .header {
padding: 20px ;
margin-bottom: 50px ;
}
#ai_editor .header h1 {
font-size: 24px ;
}
#ai_editor .section {
margin-bottom: 50px ;
}
#ai_editor .section-title {
font-size: 19px ;
}
#ai_editor .overview-item .icon {
font-size: 28px ;
}
#ai_editor .usage-item .usage-icon {
font-size: 28px ;
}
#ai_editor .step-number {
width: 35px ;
height: 35px ;
font-size: 18px ;
}
#ai_editor .tip-icon {
font-size: 24px ;
}
#ai_editor .template-info .info-title {
font-size: 19px ;
}
}
</style> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
실시간 인기
서식 |
 |
|
|
|
급여 자동계산! 급여관리 통합엑셀 |
|
 |
시간표 (생활계획표) |
: |
2,183 |
|
|
대학생 시간표 |
: |
1,757 |
|
|
시간표 (to do li.. |
: |
1,227 |
|
|
시간표 (메모) |
: |
1,140 |
|
|
수업평가 설문지 |
: |
2,233 |
|
|
학생 상담 기록표 |
: |
1,742 |
|
|
연구실 관리일지 |
: |
1,731 |
|
|
수업 계획표 |
: |
1,446 |
|
|
교실비품 상태확인표 |
: |
1,398 |
|
|
강의실 수업 시간표 |
: |
1,421 |
|
|
방과후수업 출석표 |
: |
1,175 |
|
|
교내 연락처 목록 |
: |
1,131 |
|
|
만족도조사설문지 |
: |
19,568 |
|
|
대금청구서양식 |
: |
14,607 |
|
|
과외수강증양식 |
: |
13,830 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
뷰어 다운로드
