 |
|
 |
|
|
 서식설명 |
|
|
<div id="ai_editor">
<div class="memorial-hero">
<div class="hero-icon">🕯️</div>
<h1>지방(紙榜) 작성법</h1>
<p class="hero-subtitle">고인을 추모하는 제례 의식의 핵심 요소</p>
</div>
<div class="intro-cards">
<div class="intro-item">
<div class="intro-icon">📜</div>
<h3>지방이란?</h3>
<p>제사 때 고인의 신위를 모시는 임시 위패로, 한지에 고인의 직함과 성명을 적어 모심</p>
</div>
<div class="intro-item">
<div class="intro-icon">⏰</div>
<h3>작성 시기</h3>
<p>사망 후 3일 이내 작성하며, 제사 당일 새로 써서 사용</p>
</div>
<div class="intro-item">
<div class="intro-icon">🎯</div>
<h3>사용 목적</h3>
<p>신주를 모시지 않는 경우 제사상에 세워 고인을 상징적으로 모심</p>
</div>
</div>
<section class="content-section">
<h2 class="section-title">📝 필수 기재사항</h2>
<div class="requirements-compact">
<div class="req-row">
<div class="req-col">
<span class="req-badge">01</span>
<h4>🏛️ 관직명</h4>
<p>학생(學生) 또는 고인의 관직</p>
</div>
<div class="req-col">
<span class="req-badge">02</span>
<h4>📍 본관</h4>
<p>성씨의 본관 (예 : 김해, 전주)</p>
</div>
<div class="req-col">
<span class="req-badge">03</span>
<h4>👤 성명</h4>
<p>고인의 성과 이름</p>
</div>
</div>
<div class="req-row">
<div class="req-col">
<span class="req-badge">04</span>
<h4>🎭 호칭</h4>
<p>부(父), 모(母), 고(考), 비(妣)</p>
</div>
<div class="req-col">
<span class="req-badge">05</span>
<h4>🕊️ 신위(神位)</h4>
<p>하단에 반드시 "신위" 기재</p>
</div>
<div class="req-col">
<span class="req-badge">06</span>
<h4>✍️ 작성 방향</h4>
<p>세로쓰기, 오른쪽에서 왼쪽</p></div></div></div></section>
<section class="content-section">
<h2 class="section-title">📋 호칭 구분</h2>
<div class="titles-layout">
<div class="title-group">
<h3>👨 남성 호칭</h3>
<div class="title-items">
<div class="title-item">
<span class="label">顯考 (현고)</span>
<span class="desc">돌아가신 아버지</span>
</div>
<div class="title-item">
<span class="label">考 (고)</span>
<span class="desc">아버지 (간단히)</span>
</div>
<div class="title-item">
<span class="label">顯祖考 (현조고)</span>
<span class="desc">돌아가신 할아버지</span>
</div>
<div class="title-item">
<span class="label">顯曾祖考 (현증조고)</span>
<span class="desc">돌아가신 증조할아버지</span>
</div>
</div>
</div>
<div class="title-group">
<h3>👩 여성 호칭</h3>
<div class="title-items">
<div class="title-item">
<span class="label">顯妣 (현비)</span>
<span class="desc">돌아가신 어머니</span>
</div>
<div class="title-item">
<span class="label">妣 (비)</span>
<span class="desc">어머니 (간단히)</span>
</div>
<div class="title-item">
<span class="label">顯祖妣 (현조비)</span>
<span class="desc">돌아가신 할머니</span>
</div>
<div class="title-item">
<span class="label">顯曾祖妣 (현증조비)</span>
<span class="desc">돌아가신 증조할머니</span>
</div>
</div>
</div>
</div>
</section>
<section class="content-section gray">
<h2 class="section-title">⚠️ 작성 주의사항</h2>
<div class="warnings-compact">
<div class="warning-row">
<div class="warn-box critical">
<div class="warn-header">
<span class="warn-icon">🚨</span>
<h4>정자로 정확히</h4>
</div>
<p>한자는 반드시 정자(정확한 글씨)로 또박또박 써야 하며, 흘림체 사용 금지</p>
</div>
<div class="warn-box important">
<div class="warn-header">
<span class="warn-icon">⚠️</span>
<h4>세로쓰기 필수</h4>
</div>
<p>전통 방식에 따라 세로로 쓰며, 오른쪽에서 왼쪽으로 작성</p>
</div>
</div>
<div class="warning-row">
<div class="warn-box info">
<div class="warn-header">
<span class="warn-icon">📏</span>
<h4>크기 규격</h4>
</div>
<p>한지 가로 6cm × 세로 22cm 정도 크기로 작성 (상황에 따라 조정 가능)</p>
</div>
<div class="warn-box info">
<div class="warn-header">
<span class="warn-icon">🖊️</span>
<h4>먹과 붓 사용</h4>
</div>
<p>먹과 붓을 사용하는 것이 원칙이나, 검은색 펜으로도 가능</p></div></div></div></section>
<div class="final-info">
<h2>🕊️ 정성스러운 지방으로 고인을 추모하세요.</h2>
<div class="final-points">
<div class="point-item">✓ 정자로 정확하게 작성</div>
<div class="point-item">✓ 세로쓰기 전통 방식 준수</div>
<div class="point-item">✓ 제사 후 반드시 소각</div>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
padding: 0 ;
background: #fffbf0 ;
font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif ;
color: #3e2723 ;
line-height: 1.6 ;
}
#ai_editor * {
box-sizing: border-box ;
}
/* 히어로 - 패딩 축소 */
#ai_editor .memorial-hero {
background: linear-gradient(135deg, #ffb347 0%, #ffd89b 100%) ;
padding: 40px 25px ;
text-align: center ;
color: white ;
box-shadow: 0 8px 25px rgba(255, 179, 71, 0.3) ;
margin-bottom: 60px ;
}
#ai_editor .hero-icon {
font-size: 45px ;
margin-bottom: 12px ;
}
#ai_editor .memorial-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 .intro-cards {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
padding: 0 25px ;
margin-bottom: 60px ;
}
#ai_editor .intro-item {
background: white ;
padding: 24px 20px ;
border-radius: 14px ;
text-align: center ;
box-shadow: 0 4px 18px rgba(255, 179, 71, 0.15) ;
border: 1px solid #ffe4c4 ;
}
#ai_editor .intro-icon {
font-size: 36px ;
margin-bottom: 10px ;
}
#ai_editor .intro-item h3 {
font-size: 19px ;
margin: 0 0 8px 0 ;
color: #3e2723 ;
font-weight: 700 ;
}
#ai_editor .intro-item p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.5 ;
}
/* 컨텐츠 섹션 - 패딩 축소 */
#ai_editor .content-section {
padding: 40px 25px ;
margin-bottom: 60px ;
background: white ;
}
#ai_editor .content-section.gray {
background: #fff9e6 ;
}
#ai_editor .section-title {
font-size: 28px ;
font-weight: 700 ;
text-align: center ;
margin: 0 0 30px 0 ;
color: #3e2723 ;
}
/* 필수사항 컴팩트 */
#ai_editor .requirements-compact {
max-width: 1000px ;
margin: 0 auto ;
}
#ai_editor .req-row {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 18px ;
margin-bottom: 18px ;
}
#ai_editor .req-row:last-child {
margin-bottom: 0 ;
}
#ai_editor .req-col {
background: #fff9e6 ;
padding: 18px 16px ;
border-radius: 12px ;
border: 1px solid #ffe4c4 ;
display: flex ;
flex-direction: column ;
gap: 8px ;
}
#ai_editor .req-badge {
display: inline-block ;
width: 32px ;
height: 32px ;
background: linear-gradient(135deg, #ffb347 0%, #ffd89b 100%) ;
color: white ;
border-radius: 50% ;
font-size: 16px ;
font-weight: 700 ;
display: flex ;
align-items: center ;
justify-content: center ;
box-shadow: 0 3px 12px rgba(255, 179, 71, 0.3) ;
}
#ai_editor .req-col h4 {
font-size: 17px ;
margin: 0 ;
color: #3e2723 ;
font-weight: 700 ;
}
#ai_editor .req-col p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
}
/* 예시 그리드 */
#ai_editor .examples-grid {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
max-width: 900px ;
margin: 0 auto ;
}
#ai_editor .example-card {
background: white ;
border-radius: 14px ;
overflow: hidden ;
box-shadow: 0 4px 18px rgba(255, 179, 71, 0.15) ;
border: 1px solid #ffe4c4 ;
}
#ai_editor .card-header {
padding: 18px 16px ;
text-align: center ;
}
#ai_editor .example-card.father .card-header {
background: linear-gradient(135deg, #87ceeb 0%, #add8e6 100%) ;
}
#ai_editor .example-card.mother .card-header {
background: linear-gradient(135deg, #ff9a8c 0%, #ffb3a7 100%) ;
}
#ai_editor .card-header h3 {
font-size: 20px ;
font-weight: 700 ;
margin: 0 ;
color: white ;
}
#ai_editor .example-content {
padding: 24px 20px ;
display: flex ;
gap: 20px ;
}
#ai_editor .example-text {
flex-shrink: 0 ;
}
#ai_editor .vertical-text {
writing-mode: vertical-rl ;
text-orientation: upright ;
background: #fffbf0 ;
padding: 16px 12px ;
border-radius: 8px ;
border: 1px solid #ffe4c4 ;
font-size: 20px ;
font-weight: 600 ;
color: #3e2723 ;
letter-spacing: 8px ;
}
#ai_editor .vertical-text p {
margin: 0 ;
}
#ai_editor .example-desc {
flex: 1 ;
}
#ai_editor .example-desc p {
font-size: 16px ;
margin: 0 0 10px 0 ;
color: #666 ;
line-height: 1.6 ;
}
#ai_editor .example-desc p:last-child {
margin-bottom: 0 ;
}
/* 호칭 레이아웃 */
#ai_editor .titles-layout {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
max-width: 900px ;
margin: 0 auto ;
}
#ai_editor .title-group {
background: #fff9e6 ;
padding: 24px 20px ;
border-radius: 14px ;
border: 1px solid #ffe4c4 ;
}
#ai_editor .title-group h3 {
font-size: 20px ;
margin: 0 0 16px 0 ;
color: #3e2723 ;
font-weight: 700 ;
padding-bottom: 12px ;
border-bottom: 2px solid #ffe4c4 ;
}
#ai_editor .title-items {
display: grid ;
gap: 12px ;
}
#ai_editor .title-item {
background: white ;
padding: 12px 14px ;
border-radius: 8px ;
display: flex ;
justify-content: space-between ;
align-items: center ;
border: 1px solid #ffe4c4 ;
}
#ai_editor .title-item .label {
font-size: 16px ;
font-weight: 700 ;
color: #ffb347 ;
}
#ai_editor .title-item .desc {
font-size: 16px ;
color: #666 ;
}
/* 경고 컴팩트 */
#ai_editor .warnings-compact {
max-width: 900px ;
margin: 0 auto ;
}
#ai_editor .warning-row {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
margin-bottom: 20px ;
}
#ai_editor .warning-row:last-child {
margin-bottom: 0 ;
}
#ai_editor .warn-box {
background: white ;
padding: 20px 18px ;
border-radius: 12px ;
box-shadow: 0 4px 18px rgba(255, 179, 71, 0.15) ;
}
#ai_editor .warn-box.critical {
border-left: 4px solid #ff6b6b ;
}
#ai_editor .warn-box.important {
border-left: 4px solid #ffa726 ;
}
#ai_editor .warn-box.info {
border-left: 4px solid #42a5f5 ;
}
#ai_editor .warn-header {
display: flex ;
align-items: center ;
gap: 10px ;
margin-bottom: 10px ;
}
#ai_editor .warn-icon {
font-size: 24px ;
}
#ai_editor .warn-header h4 {
font-size: 18px ;
margin: 0 ;
color: #3e2723 ;
font-weight: 700 ;
}
#ai_editor .warn-box p {
font-size: 16px ;
margin: 0 ;
color: #666 ;
line-height: 1.5 ;
}
/* 비교 컴팩트 */
#ai_editor .comparison-compact {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
max-width: 800px ;
margin: 0 auto ;
}
#ai_editor .comp-item {
background: white ;
border-radius: 12px ;
overflow: hidden ;
box-shadow: 0 4px 18px rgba(255, 179, 71, 0.15) ;
border: 1px solid #ffe4c4 ;
}
#ai_editor .comp-header {
background: linear-gradient(135deg, #ffb347 0%, #ffd89b 100%) ;
padding: 16px ;
text-align: center ;
font-size: 19px ;
font-weight: 700 ;
color: white ;
}
#ai_editor .comp-body {
padding: 20px 18px ;
}
#ai_editor .comp-body p {
font-size: 16px ;
margin: 0 0 10px 0 ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .comp-body p:last-child {
margin-bottom: 0 ;
}
/* 최종 정보 - 패딩 축소 */
#ai_editor .final-info {
background: linear-gradient(135deg, #6d4c41 0%, #8d6e63 100%) ;
padding: 40px 25px ;
text-align: center ;
color: white ;
box-shadow: 0 8px 25px rgba(109, 76, 65, 0.3) ;
}
#ai_editor .final-info h2 {
font-size: 30px ;
font-weight: 700 ;
margin: 0 0 24px 0 ;
line-height: 1.4 ;
}
#ai_editor .final-points {
display: flex ;
justify-content: center ;
gap: 35px ;
flex-wrap: wrap ;
}
#ai_editor .point-item {
font-size: 18px ;
font-weight: 600 ;
}
/* 반응형 */
@media (max-width: 1024px) {
#ai_editor .memorial-hero {
padding: 35px 22px ;
margin-bottom: 50px ;
}
#ai_editor .memorial-hero h1 {
font-size: 34px ;
}
#ai_editor .intro-cards {
padding: 0 22px ;
margin-bottom: 50px ;
gap: 18px ;
}
#ai_editor .content-section {
padding: 35px 22px ;
margin-bottom: 50px ;
}
#ai_editor .section-title {
font-size: 26px ;
margin-bottom: 25px ;
}
#ai_editor .req-row {
gap: 16px ;
margin-bottom: 16px ;
}
#ai_editor .examples-grid {
gap: 20px ;
}
#ai_editor .titles-layout {
gap: 20px ;
}
#ai_editor .warning-row {
gap: 18px ;
margin-bottom: 18px ;
}
#ai_editor .comparison-compact {
gap: 20px ;
}
}
@media (max-width: 768px) {
#ai_editor .memorial-hero {
padding: 30px 18px ;
margin-bottom: 45px ;
}
#ai_editor .memorial-hero h1 {
font-size: 30px ;
}
#ai_editor .hero-subtitle {
font-size: 18px ;
}
#ai_editor .hero-icon {
font-size: 40px ;
}
#ai_editor .intro-cards {
grid-template-columns: 1fr ;
padding: 0 18px ;
margin-bottom: 45px ;
gap: 16px ;
}
#ai_editor .intro-item {
padding: 20px 16px ;
}
#ai_editor .content-section {
padding: 30px 18px ;
margin-bottom: 45px ;
}
#ai_editor .section-title {
font-size: 24px ;
margin-bottom: 22px ;
}
#ai_editor .req-row {
grid-template-columns: 1fr ;
gap: 14px ;
margin-bottom: 14px ;
}
#ai_editor .req-col {
padding: 16px 14px ;
}
#ai_editor .examples-grid {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .example-content {
flex-direction: column ;
padding: 20px 16px ;
}
#ai_editor .titles-layout {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .title-group {
padding: 20px 16px ;
}
#ai_editor .warning-row {
grid-template-columns: 1fr ;
gap: 16px ;
margin-bottom: 16px ;
}
#ai_editor .warn-box {
padding: 18px 16px ;
}
#ai_editor .comparison-compact {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .final-info {
padding: 35px 18px ;
}
#ai_editor .final-info h2 {
font-size: 26px ;
margin-bottom: 20px ;
}
#ai_editor .final-points {
flex-direction: column ;
gap: 14px ;
}
}
@media (max-width: 480px) {
#ai_editor .memorial-hero {
padding: 28px 16px ;
margin-bottom: 40px ;
}
#ai_editor .memorial-hero h1 {
font-size: 26px ;
}
#ai_editor .hero-subtitle {
font-size: 17px ;
}
#ai_editor .intro-cards {
padding: 0 16px ;
margin-bottom: 40px ;
gap: 14px ;
}
#ai_editor .intro-item {
padding: 18px 14px ;
}
#ai_editor .intro-icon {
font-size: 32px ;
}
#ai_editor .content-section {
padding: 28px 16px ;
margin-bottom: 40px ;
}
#ai_editor .section-title {
font-size: 22px ;
margin-bottom: 20px ;
}
#ai_editor .req-col {
padding: 14px 12px ;
}
#ai_editor .req-badge {
width: 30px ;
height: 30px ;
font-size: 15px ;
}
#ai_editor .req-col h4 {
font-size: 16px ;
}
#ai_editor .card-header {
padding: 16px 14px ;
}
#ai_editor .card-header h3 {
font-size: 19px ;
}
#ai_editor .example-content {
padding: 18px 14px ;
}
#ai_editor .vertical-text {
padding: 14px 10px ;
font-size: 18px ;
}
#ai_editor .title-group {
padding: 18px 14px ;
}
#ai_editor .title-group h3 {
font-size: 19px ;
}
#ai_editor .title-items {
gap: 10px ;
}
#ai_editor .title-item {
padding: 10px 12px ;
}
#ai_editor .warn-box {
padding: 16px 14px ;
}
#ai_editor .warn-header h4 {
font-size: 17px ;
}
#ai_editor .comp-header {
padding: 14px ;
font-size: 18px ;
}
#ai_editor .comp-body {
padding: 18px 14px ;
}
#ai_editor .final-info {
padding: 32px 16px ;
}
#ai_editor .final-info h2 {
font-size: 23px ;
margin-bottom: 18px ;
}
#ai_editor .point-item {
font-size: 17px ;
}
}
</style> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
실시간 인기
서식 |
 |
|
|
|
급여 자동계산! 급여관리 통합엑셀 |
|
 |
지방(부모, 조부모, 증.. |
: |
14,508 |
|
|
축문(부모, 조부모, 증.. |
: |
6,284 |
|
|
지방과 축문 작성법 |
: |
65,657 |
|
|
지방(부모) |
: |
224,209 |
|
|
사직서봉투 |
: |
68,386 |
|
|
안전기원제(식순,축문 포.. |
: |
56,352 |
|
|
지방쓰는 법6(접는법) |
: |
51,225 |
|
|
지방쓰는 법(유의점) |
: |
40,805 |
|
|
기제사축문(부모) |
: |
40,642 |
|
|
조문봉투 |
: |
38,340 |
|
|
묘소제사축문(墓祭祝文) |
: |
36,319 |
|
|
지방쓰는법3 |
: |
32,083 |
|
|
묘제산신축문 |
: |
31,942 |
|
|
조문봉투(속지없이 쓸때) |
: |
30,289 |
|
|
기제축문(아버지) |
: |
29,288 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
뷰어 다운로드
