|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Áö¹æ°ú Ã๮ ÀÛ¼º¹ý ÀÎÆ÷±×·¡ÇÈ</title>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
padding: 50px 40px ;
background-color: #faf8ff ;
font-family: 'Malgun Gothic', 'Arial', sans-serif ;
color: #4a3b6b ;
line-height: 1.7 ;
box-sizing: border-box ;
}
#ai_editor * {
box-sizing: border-box ;
}
#ai_editor .header {
text-align: center ;
margin-bottom: 75px ;
}
#ai_editor .main-title {
font-size: 42px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 20px 0 ;
line-height: 1.3 ;
}
#ai_editor .subtitle {
font-size: 20px ;
color: #8b7ba8 ;
margin: 0 0 30px 0 ;
font-weight: 500 ;
line-height: 1.5 ;
}
#ai_editor .description {
font-size: 18px ;
color: #5c4d73 ;
background-color: #f0edff ;
padding: 25px 30px ;
border-radius: 15px ;
text-align: center ;
margin: 0 auto ;
max-width: 1100px ;
line-height: 1.8 ;
}
#ai_editor .content-types {
margin-bottom: 75px ;
}
#ai_editor .section-title {
font-size: 32px ;
font-weight: bold ;
color: #6b5b8d ;
text-align: center ;
margin: 0 0 45px 0 ;
line-height: 1.4 ;
}
#ai_editor .types-grid {
display: grid ;
grid-template-columns: 1fr 1fr ;
gap: 30px ;
}
#ai_editor .type-card {
background-color: #ffffff ;
padding: 40px 35px ;
border-radius: 20px ;
box-shadow: 0 5px 20px rgba(107, 91, 141, 0.15) ;
border: 2px solid #e8e3ff ;
transition: transform 0.3s ease, box-shadow 0.3s ease ;
text-align: center ;
}
#ai_editor .type-card:hover {
transform: translateY(-5px) ;
box-shadow: 0 8px 25px rgba(107, 91, 141, 0.2) ;
}
#ai_editor .type-icon {
font-size: 64px ;
margin-bottom: 25px ;
line-height: 1 ;
}
#ai_editor .type-title {
font-size: 28px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 20px 0 ;
line-height: 1.3 ;
}
#ai_editor .type-desc {
font-size: 17px ;
color: #5c4d73 ;
margin: 0 0 20px 0 ;
line-height: 1.6 ;
}
#ai_editor .type-features {
background-color: #f7f4ff ;
padding: 25px 20px ;
border-radius: 12px ;
font-size: 17px ;
color: #6b5b8d ;
line-height: 1.8 ;
text-align: left ;
}
#ai_editor .writing-guide {
margin-bottom: 75px ;
}
#ai_editor .guide-grid {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
}
#ai_editor .guide-card {
background-color: #ffffff ;
padding: 30px ;
border-radius: 15px ;
border-left: 5px solid #6b5b8d ;
box-shadow: 0 3px 15px rgba(107, 91, 141, 0.1) ;
transition: transform 0.3s ease ;
}
#ai_editor .guide-card:hover {
transform: translateX(5px) ;
}
#ai_editor .guide-title {
font-size: 22px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 15px 0 ;
line-height: 1.4 ;
}
#ai_editor .guide-desc {
font-size: 17px ;
color: #5c4d73 ;
margin: 0 0 15px 0 ;
line-height: 1.6 ;
}
#ai_editor .guide-example {
font-size: 17px ;
color: #6b5b8d ;
background-color: #f7f4ff ;
padding: 20px ;
border-radius: 10px ;
line-height: 1.8 ;
}
#ai_editor .benefits-section {
margin-bottom: 75px ;
}
#ai_editor .benefits-grid {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
}
#ai_editor .benefit-item {
background-color: #ffffff ;
padding: 28px 25px ;
border-radius: 15px ;
border-left: 5px solid #6b5b8d ;
box-shadow: 0 3px 15px rgba(107, 91, 141, 0.1) ;
display: flex ;
align-items: center ;
transition: transform 0.3s ease ;
}
#ai_editor .benefit-item:hover {
transform: translateX(5px) ;
}
#ai_editor .benefit-icon-wrapper {
margin-right: 20px ;
font-size: 36px ;
line-height: 1 ;
}
#ai_editor .benefit-content {
flex: 1 ;
}
#ai_editor .benefit-title {
font-size: 20px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 8px 0 ;
line-height: 1.4 ;
}
#ai_editor .benefit-desc {
font-size: 17px ;
color: #5c4d73 ;
margin: 0 ;
line-height: 1.6 ;
}
#ai_editor .comparison-section {
margin-bottom: 75px ;
}
#ai_editor .comparison-grid {
display: grid ;
grid-template-columns: 1fr auto 1fr ;
gap: 30px ;
align-items: center ;
background-color: #ffffff ;
padding: 40px ;
border-radius: 20px ;
border: 2px solid #e8e3ff ;
box-shadow: 0 5px 20px rgba(107, 91, 141, 0.1) ;
}
#ai_editor .comparison-side {
background: #f7f4ff ;
padding: 35px 30px ;
border-radius: 15px ;
text-align: center ;
border: 2px solid #d4c7ff ;
}
#ai_editor .comparison-divider {
width: 3px ;
height: 120px ;
background-color: #6b5b8d ;
border-radius: 2px ;
}
#ai_editor .comparison-title {
font-size: 26px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 15px 0 ;
line-height: 1.4 ;
}
#ai_editor .comparison-desc {
font-size: 18px ;
color: #5c4d73 ;
margin: 0 0 20px 0 ;
line-height: 1.6 ;
}
#ai_editor .comparison-features {
font-size: 17px ;
color: #6b5b8d ;
font-weight: 500 ;
line-height: 1.8 ;
}
#ai_editor .usage-section {
margin-bottom: 75px ;
}
#ai_editor .usage-steps {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 22px ;
}
#ai_editor .step-item {
background-color: #ffffff ;
padding: 32px 22px ;
border-radius: 15px ;
text-align: center ;
border: 2px solid #e8e3ff ;
box-shadow: 0 3px 15px rgba(107, 91, 141, 0.1) ;
transition: transform 0.3s ease ;
}
#ai_editor .step-item:hover {
transform: translateY(-3px) ;
}
#ai_editor .step-number {
background-color: #6b5b8d ;
color: white ;
width: 44px ;
height: 44px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
margin: 0 auto 20px ;
font-size: 20px ;
font-weight: bold ;
}
#ai_editor .step-title {
font-size: 20px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 10px 0 ;
line-height: 1.4 ;
}
#ai_editor .step-desc {
font-size: 17px ;
color: #5c4d73 ;
margin: 0 ;
line-height: 1.6 ;
}
#ai_editor .highlight-section {
background: #f7f4ff ;
padding: 45px 40px ;
border-radius: 20px ;
text-align: center ;
border: 3px solid #d4c7ff ;
}
#ai_editor .highlight-title {
font-size: 30px ;
font-weight: bold ;
color: #6b5b8d ;
margin: 0 0 20px 0 ;
line-height: 1.4 ;
}
#ai_editor .highlight-text {
font-size: 19px ;
color: #6b5b8d ;
margin: 0 0 30px 0 ;
line-height: 1.7 ;
}
#ai_editor .highlight-features {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .highlight-item {
background-color: rgba(255, 255, 255, 0.9) ;
padding: 25px 20px ;
border-radius: 12px ;
font-size: 17px ;
color: #6b5b8d ;
font-weight: 600 ;
line-height: 1.5 ;
}
@media (max-width: 992px) {
#ai_editor {
padding: 45px 35px ;
}
#ai_editor .header {
margin-bottom: 65px ;
}
#ai_editor .main-title {
font-size: 38px ;
}
#ai_editor .section-title {
font-size: 30px ;
margin-bottom: 40px ;
}
#ai_editor .content-types {
margin-bottom: 65px ;
}
#ai_editor .types-grid {
gap: 28px ;
}
#ai_editor .type-card {
padding: 38px 32px ;
}
#ai_editor .writing-guide {
margin-bottom: 65px ;
}
#ai_editor .guide-grid {
gap: 22px ;
}
#ai_editor .benefits-section {
margin-bottom: 65px ;
}
#ai_editor .benefits-grid {
gap: 22px ;
}
#ai_editor .comparison-section {
margin-bottom: 65px ;
}
#ai_editor .comparison-grid {
padding: 38px 35px ;
}
#ai_editor .usage-section {
margin-bottom: 65px ;
}
#ai_editor .usage-steps {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .highlight-features {
grid-template-columns: repeat(2, 1fr) ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 40px 30px ;
}
#ai_editor .header {
margin-bottom: 60px ;
}
#ai_editor .main-title {
font-size: 32px ;
}
#ai_editor .subtitle {
font-size: 18px ;
}
#ai_editor .description {
padding: 22px 26px ;
font-size: 17px ;
}
#ai_editor .section-title {
font-size: 28px ;
margin-bottom: 38px ;
}
#ai_editor .content-types {
margin-bottom: 60px ;
}
#ai_editor .types-grid {
grid-template-columns: 1fr ;
gap: 22px ;
}
#ai_editor .type-card {
padding: 35px 28px ;
}
#ai_editor .type-title {
font-size: 26px ;
}
#ai_editor .writing-guide {
margin-bottom: 60px ;
}
#ai_editor .guide-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .guide-card {
padding: 28px 25px ;
}
#ai_editor .benefits-section {
margin-bottom: 60px ;
}
#ai_editor .benefits-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .benefit-item {
padding: 26px 22px ;
}
#ai_editor .comparison-section {
margin-bottom: 60px ;
}
#ai_editor .comparison-grid {
grid-template-columns: 1fr ;
gap: 20px ;
padding: 35px 28px ;
}
#ai_editor .comparison-side {
padding: 32px 28px ;
}
#ai_editor .comparison-divider {
width: 100px ;
height: 3px ;
margin: 0 auto ;
}
#ai_editor .usage-section {
margin-bottom: 60px ;
}
#ai_editor .usage-steps {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .step-item {
padding: 30px 22px ;
}
#ai_editor .highlight-section {
padding: 40px 30px ;
}
#ai_editor .highlight-features {
grid-template-columns: 1fr ;
gap: 16px ;
}
#ai_editor .highlight-item {
padding: 22px 18px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 35px 20px ;
}
#ai_editor .header {
margin-bottom: 50px ;
}
#ai_editor .main-title {
font-size: 26px ;
}
#ai_editor .subtitle {
font-size: 17px ;
}
#ai_editor .description {
padding: 20px 22px ;
font-size: 16px ;
border-radius: 12px ;
}
#ai_editor .section-title {
font-size: 24px ;
margin-bottom: 32px ;
}
#ai_editor .content-types {
margin-bottom: 50px ;
}
#ai_editor .types-grid {
gap: 18px ;
}
#ai_editor .type-card {
padding: 32px 24px ;
border-radius: 15px ;
}
#ai_editor .type-icon {
font-size: 56px ;
}
#ai_editor .type-title {
font-size: 24px ;
}
#ai_editor .type-desc {
font-size: 16px ;
}
#ai_editor .type-features {
font-size: 16px ;
padding: 22px 18px ;
}
#ai_editor .writing-guide {
margin-bottom: 50px ;
}
#ai_editor .guide-grid {
gap: 16px ;
}
#ai_editor .guide-card {
padding: 25px 20px ;
border-radius: 12px ;
border-left-width: 4px ;
}
#ai_editor .guide-title {
font-size: 20px ;
}
#ai_editor .guide-desc {
font-size: 16px ;
}
#ai_editor .guide-example {
font-size: 16px ;
padding: 18px 16px ;
}
#ai_editor .benefits-section {
margin-bottom: 50px ;
}
#ai_editor .benefits-grid {
gap: 16px ;
}
#ai_editor .benefit-item {
padding: 24px 20px ;
border-radius: 12px ;
border-left-width: 4px ;
}
#ai_editor .benefit-icon-wrapper {
font-size: 32px ;
margin-right: 16px ;
}
#ai_editor .benefit-title {
font-size: 19px ;
}
#ai_editor .benefit-desc {
font-size: 16px ;
}
#ai_editor .comparison-section {
margin-bottom: 50px ;
}
#ai_editor .comparison-grid {
padding: 30px 22px ;
border-radius: 15px ;
gap: 16px ;
}
#ai_editor .comparison-side {
padding: 28px 24px ;
border-radius: 12px ;
}
#ai_editor .comparison-divider {
width: 80px ;
}
#ai_editor .comparison-title {
font-size: 22px ;
}
#ai_editor .comparison-desc {
font-size: 17px ;
}
#ai_editor .comparison-features {
font-size: 16px ;
}
#ai_editor .usage-section {
margin-bottom: 50px ;
}
#ai_editor .usage-steps {
gap: 16px ;
}
#ai_editor .step-item {
padding: 28px 20px ;
border-radius: 12px ;
}
#ai_editor .step-number {
width: 40px ;
height: 40px ;
font-size: 18px ;
margin-bottom: 16px ;
}
#ai_editor .step-title {
font-size: 19px ;
}
#ai_editor .step-desc {
font-size: 16px ;
}
#ai_editor .highlight-section {
padding: 35px 24px ;
border-radius: 15px ;
}
#ai_editor .highlight-title {
font-size: 26px ;
}
#ai_editor .highlight-text {
font-size: 17px ;
margin-bottom: 25px ;
}
#ai_editor .highlight-features {
gap: 14px ;
}
#ai_editor .highlight-item {
padding: 20px 16px ;
font-size: 16px ;
}
}
</style>
<div id="ai_editor">
<div class="header">
<h1 class="main-title">📜 Áö¹æ°ú Ã๮ ÀÛ¼º¹ý</h1>
<p class="subtitle">°íÁ¶ºÎ¸ð, ÁõÁ¶ºÎ¸ð, Á¶ºÎ¸ð, ºÎ¸ð Á¦»ç ¿Ïº® °¡À̵å</p>
<div class="description">
4´ë Á¶»ó´ÔÀ» À§ÇÑ Áö¹æ°ú Ã๮ ÀÛ¼º¹ýÀ» ü°èÀûÀ¸·Î Á¤¸®ÇÑ ¿ÏÀü °¡À̵åÀÔ´Ï´Ù. ÀüÅëÀûÀÎ °Ý½ÄÀ» °®Ãá Á¤È®ÇÑ ÀÛ¼º¹ýÀ» Á¦°øÇÕ´Ï´Ù.
</div>
</div>
<div class="content-types">
<h2 class="section-title">📚 ±¸¼º ³»¿ë</h2>
<div class="types-grid">
<div class="type-card">
<div class="type-icon">🏷️</div>
<h3 class="type-title">Áö¹æ ÀÛ¼º¹ý</h3>
<p class="type-desc">Á¶»ó´ÔÀ» ¸ð½Ã´Â ¿µÁ¤Ç¥·Î Á¦»ç»ó¿¡ ³õÀÌ´Â Áß¿äÇÑ µµ±¸ÀÔ´Ï´Ù.</p>
<div class="type-features">
✓ 4´ë Á¶»óº° Áö¹æ ¾ç½Ä<br>
✓ Á¤È®ÇÑ ÇÑÀÚ Ç¥±â¹ý<br>
✓ ¹èÄ¡ ¹× Çü½Ä °¡À̵å<br>
✓ º»°ü ¹× °üÁ÷ ±âÀÔ¹ý
</div>
</div>
<div class="type-card">
<div class="type-icon">📝</div>
<h3 class="type-title">Ã๮ ÀÛ¼º¹ý</h3>
<p class="type-desc">Á¦»ç ¶§ Á¶»ó´Ô²² ¿Ã¸®´Â ±Û·Î Á¤¼º°ú Á¸°æÀ» Ç¥ÇöÇÏ´Â ¹®¼ÀÔ´Ï´Ù.</p>
<div class="type-features">
✓ ÀüÅë Ã๮ Çü½Ä<br>
✓ »óȲº° Ã๮ ³»¿ë<br>
✓ ¿Ã¹Ù¸¥ Ç¥Çö¹ý<br>
✓ ¿¹ÀÇ¿Í °Ý½Ä Áؼö
</div>
</div>
</div>
</div>
<div class="writing-guide">
<h2 class="section-title">✍️ ÀÛ¼º °¡À̵å</h2>
<div class="guide-grid">
<div class="guide-card">
<h4 class="guide-title">🏷️ Áö¹æ ÀÛ¼º ¿øÄ¢</h4>
<p class="guide-desc">Áö¹æ ÀÛ¼º ½Ã ¹Ýµå½Ã ÁöÄÑ¾ß ÇÒ ±âº» ¿øÄ¢µéÀÔ´Ï´Ù.</p>
<div class="guide-example">
¿ÞÂÊ ºÎ(Ý«), ¿À¸¥ÂÊ ¸ð(Ù½) ¹èÄ¡<br>
ÇÑÀÚ Á¤ÀÚü »ç¿ë<br>
º»°ü°ú °üÁ÷ Á¤È®È÷ ±âÀÔ
</div>
</div>
<div class="guide-card">
<h4 class="guide-title">📝 Ã๮ ÀÛ¼º ¿øÄ¢</h4>
<p class="guide-desc">Ã๮ ÀÛ¼º ½Ã ÁöÄÑ¾ß ÇÒ Çü½Ä°ú ³»¿ë ±¸¼º¹ýÀÔ´Ï´Ù.</p>
<div class="guide-example">
ÀüÅë °Ý½Ä ¹®Ã¼ »ç¿ë<br>
Á¤ÁßÇÏ°í °æ°ÇÇÑ Ç¥Çö<br>
°èÀý°ú »óȲ¿¡ ¸Â´Â ³»¿ë
</div>
</div>
<div class="guide-card">
<h4 class="guide-title">📋 Çü½Ä ±ÔÁ¤</h4>
<p class="guide-desc">Áö¹æ°ú Ã๮ÀÇ Ç¥ÁØ Çü½Ä°ú ¾ç½Ä ±ÔÁ¤ÀÔ´Ï´Ù.</p>
<div class="guide-example">
Á¤ÇØÁø Å©±â¿Í ºñÀ²<br>
Ç¥ÁØ ±Û¾¾Ã¼¿Í Å©±â<br>
¿Ã¹Ù¸¥ ÁÙ ¸ÂÃã°ú ¿©¹é
</div>
</div>
<div class="guide-card">
<h4 class="guide-title">🎯 ÁÖÀÇ»çÇ×</h4>
<p class="guide-desc">ÀÛ¼º ½Ã Ưº°È÷ ÁÖÀÇÇØ¾ß ÇÒ »çÇ×µéÀÔ´Ï´Ù.</p>
<div class="guide-example">
¿ÀÅ»ÀÚ ¹× ÇÑÀÚ È®ÀÎ<br>
ÀüÅë ¿¹¹ý Áؼö<br>
Á¤È®ÇÑ Á¤º¸ ±âÀÔ
</div>
</div>
</div>
</div>
<div class="benefits-section">
<h2 class="section-title">⭐ ¼½ÄÀÇ ÀåÁ¡</h2>
<div class="benefits-grid">
<div class="benefit-item">
<div class="benefit-icon-wrapper">📚</div>
<div class="benefit-content">
<h4 class="benefit-title">ü°èÀû ±¸¼º</h4>
<p class="benefit-desc">4´ë Á¶»óº°·Î ü°èÀûÀ¸·Î Á¤¸®µÈ ¿ÏÀüÇÑ °¡À̵å</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon-wrapper">✅</div>
<div class="benefit-content">
<h4 class="benefit-title">Á¤È®ÇÑ Çü½Ä</h4>
<p class="benefit-desc">ÀüÅë ¿¹¹ý¿¡ ¸Â´Â Á¤È®ÇÏ°í ¿Ã¹Ù¸¥ ¾ç½Ä Á¦°ø</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon-wrapper">⏰</div>
<div class="benefit-content">
<h4 class="benefit-title">½Ã°£ Àý¾à</h4>
<p class="benefit-desc">¸Å¹ø ã¾Æº¸´Â ¼ö°í ¾øÀÌ ÇÑ ¹ø¿¡ ¸ðµç Á¤º¸ È®ÀÎ</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon-wrapper">🎓</div>
<div class="benefit-content">
<h4 class="benefit-title">±³À° È¿°ú</h4>
<p class="benefit-desc">ÀüÅë ¹®È¿Í ¿¹¹ýÀ» ¹è¿ì°í Àü¼öÇÏ´Â ±³À° ÀÚ·á</p>
</div>
</div>
</div>
</div>
<div class="comparison-section">
<h2 class="section-title">⚖️ Áö¹æ vs Ã๮</h2>
<div class="comparison-grid">
<div class="comparison-side">
<h3 class="comparison-title">Áö¹æ (òµÛ´)</h3>
<p class="comparison-desc">Á¶»ó´ÔÀÇ ¿µÁ¤Ç¥</p>
<div class="comparison-features">
• Á¦»ç»ó¿¡ ¼¼¿öµÎ´Â Ç¥½Ä<br>
• Á¶»ó´ÔÀÇ À̸§°ú Á÷À§<br>
• °£°áÇϰí Á¤È®ÇÑ Ç¥±â<br>
• ½Ã°¢Àû Á¸Àç°¨
</div>
</div>
<div class="comparison-divider"></div>
<div class="comparison-side">
<h3 class="comparison-title">Ã๮ (õæÙþ)</h3>
<p class="comparison-desc">Á¶»ó´Ô²² ¿Ã¸®´Â ±Û</p>
<div class="comparison-features">
• Á¦»ç Áß ³¶µ¶ÇÏ´Â ¹®¼<br>
• Á¤¼º°ú ¾ÈºÎ Àü´Þ<br>
• °Ý½Ä ÀÖ´Â ¹®Ã¼<br>
• °¨Á¤°ú ÀÇ¹Ì Àü´Þ
</div>
</div>
</div>
</div>
<div class="usage-section">
<h2 class="section-title">📝 »ç¿ë ´Ü°è</h2>
<div class="usage-steps">
<div class="step-item">
<div class="step-number">1</div>
<h4 class="step-title">Á¤º¸ ¼öÁý</h4>
<p class="step-desc">Á¶»ó´ÔÀÇ Á¤È®ÇÑ Á¤º¸¿Í º»°üÀ» È®ÀÎÇÕ´Ï´Ù</p>
</div>
<div class="step-item">
<div class="step-number">2</div>
<h4 class="step-title">Áö¹æ ÀÛ¼º</h4>
<p class="step-desc">°¡À̵忡 µû¶ó Á¤È®È÷ Áö¹æÀ» ÀÛ¼ºÇÕ´Ï´Ù</p>
</div>
<div class="step-item">
<div class="step-number">3</div>
<h4 class="step-title">Ã๮ Áغñ</h4>
<p class="step-desc">»óȲ¿¡ ¸Â´Â ÀûÀýÇÑ Ã๮À» ÀÛ¼ºÇÕ´Ï´Ù</p>
</div>
<div class="step-item">
<div class="step-number">4</div>
<h4 class="step-title">°ËÅä ¹× »ç¿ë</h4>
<p class="step-desc">³»¿ëÀ» °ËÅäÇϰí Á¦»ç¿¡ »ç¿ëÇÕ´Ï´Ù</p>
</div>
</div>
</div>
<div class="highlight-section">
<h2 class="highlight-title">🌸 ÀüÅë ¹®ÈÀÇ °è½Â</h2>
<p class="highlight-text">
¿Ã¹Ù¸¥ Áö¹æ°ú Ã๮ ÀÛ¼ºÀ» ÅëÇØ Á¶»ó´Ô²² ¿¹¸¦ ´ÙÇϰí<br>
¼ÒÁßÇÑ ÀüÅë ¹®È¸¦ ´ÙÀ½ ¼¼´ë¿¡ Àü¼öÇÒ ¼ö ÀÖ½À´Ï´Ù.
</p>
<div class="highlight-features">
<div class="highlight-item">
📖 Á¤È®ÇÑ ÀÛ¼º¹ý ½Àµæ
</div>
<div class="highlight-item">
🎯 °Ý½Ä ÀÖ´Â Á¦»ç Áغñ
</div>
<div class="highlight-item">
👨‍👩‍👧‍👦 °¡Á· ¹®È °è½Â
</div>
<div class="highlight-item">
🌸 ÀüÅë ¿¹¹ý ½Çõ
</div>
</div>
</div>
</div>
|
|
|
 |
|
 |
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àαâ
¼½Ä |
 |
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Áö¹æ(ºÎ¸ð, Á¶ºÎ¸ð, Áõ.. |
: |
13,805 |
|
 |
Ã๮(ºÎ¸ð, Á¶ºÎ¸ð, Áõ.. |
: |
6,016 |
|
 |
Áö¹æ°ú Ã๮ ÀÛ¼º¹ý |
: |
65,290 |
|
 |
Áö¹æ(ºÎ¸ð) |
: |
223,641 |
|
 |
»çÁ÷¼ºÀÅõ |
: |
67,748 |
|
 |
¾ÈÀü±â¿øÁ¦(½Ä¼ø,Ã๮ Æ÷.. |
: |
55,235 |
|
 |
Áö¹æ¾²´Â ¹ý6(Á¢´Â¹ý) |
: |
50,883 |
|
 |
Áö¹æ¾²´Â ¹ý(À¯ÀÇÁ¡) |
: |
40,533 |
|
 |
±âÁ¦»çÃ๮(ºÎ¸ð) |
: |
40,331 |
|
 |
Á¶¹®ºÀÅõ |
: |
38,207 |
|
 |
¹¦¼ÒÁ¦»çÃ๮(Ù×ð®õæÙþ) |
: |
36,151 |
|
 |
Áö¹æ¾²´Â¹ý3 |
: |
31,888 |
|
 |
¹¦Á¦»ê½ÅÃ๮ |
: |
31,744 |
|
 |
Á¶¹®ºÀÅõ(¼ÓÁö¾øÀÌ ¾µ¶§) |
: |
30,142 |
|
 |
±âÁ¦Ã๮(¾Æ¹öÁö) |
: |
29,131 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|