|
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<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="features-grid">
<div class="feature-card">
<div class="feature-title">🔍 ±¸Ã¼Àû ½Ç¼ö ¸í½Ã</div>
<div class="feature-desc">¾î¶² ½Ç¼ö¸¦ Çß´ÂÁö ±¸Ã¼ÀûÀ¸·Î ±â¼úÇÏ¿© ¹®Á¦ »óȲÀ» ¸íÈ®È÷ ÀνÄÇϰí ÀÖÀ½À» º¸¿©ÁÝ´Ï´Ù.</div>
</div>
<div class="feature-card">
<div class="feature-title">💭 ¿øÀÎ ºÐ¼®</div>
<div class="feature-desc">½Ç¼öÀÇ ±Ùº» ¿øÀÎÀ» ºÐ¼®Çϰí ÀÚ½ÅÀÇ ºÎÁ·ÇÑ Á¡À» ¼ÖÁ÷ÇÏ°Ô ÀÎÁ¤ÇÕ´Ï´Ù.</div>
</div>
<div class="feature-card">
<div class="feature-title">🙏 ÁøÁ¤¼º ÀÖ´Â »ç°ú</div>
<div class="feature-desc">¼±¹è»ç¿ø°ú ÆÀ¿¡°Ô ³¢Ä£ ºÒÆí°ú ÇÇÇØ¿¡ ´ëÇØ Áø½ÉÀ¸·Î »ç°úÀÇ ¸¶À½À» Àü´ÞÇÕ´Ï´Ù.</div>
</div>
<div class="feature-card">
<div class="feature-title">📈 °³¼± °èȹ</div>
<div class="feature-desc">µ¿ÀÏÇÑ ½Ç¼öÀÇ Àç¹ß ¹æÁö¸¦ À§ÇÑ ±¸Ã¼ÀûÀÎ °³¼± ¹æ¾È°ú ½ÇÇà °èȹÀ» Á¦½ÃÇÕ´Ï´Ù.</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">ÀÛ¼º ´Ü°è</div>
<div class="section-subtitle">ü°èÀûÀÎ ¹Ý¼º¹® ÀÛ¼ºÀ» À§ÇÑ 3´Ü°è ÇÁ·Î¼¼½º</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>
</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>• Á¤ÁßÇÏ°í ¿¹ÀÇ ¹Ù¸¥ ¹®Ã¼ »ç¿ë</div>
</div>
<div class="tip-item">
<div class="tip-icon">❌</div>
<div class="tip-title">ÇÇÇØ¾ß ÇÒ °Í</div>
<div class="tip-desc">• º¯¸íÀ̳ª Ã¥ÀÓ Àü°¡Çϴ ǥÇö<br>• Ãß»óÀûÀÌ°í ¸ðÈ£ÇÑ ³»¿ë<br>• °úµµÇÏ°Ô °¨Á¤ÀûÀÎ ¹®Ã¼<br>• Çü½ÄÀûÀÌ°í ¼ºÀÇ ¾ø´Â »ç°ú</div>
</div>
<div class="tip-item">
<div class="tip-icon">💡</div>
<div class="tip-title">ÀÛ¼º ¿ä·É</div>
<div class="tip-desc">• A4 1-2ÆäÀÌÁö ºÐ·®À¸·Î ÀÛ¼º<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>• Áö¼ÓÀûÀÎ Àڱ⠹ßÀü ³ë·Â</div>
</div>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
background-color: #f8fbff ;
padding: 40px 20px ;
font-family: 'Malgun Gothic', sans-serif ;
color: #2c3e50 ;
border-radius: 15px ;
}
#ai_editor .header {
text-align: center ;
background: linear-gradient(135deg, #4a90e2, #5ba3f5) ;
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 #e3f2fd ;
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: #4a90e2 ;
}
#ai_editor .overview-item .title {
font-size: 18px ;
font-weight: bold ;
color: #4a90e2 ;
margin-bottom: 8px ;
}
#ai_editor .overview-item .description {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .features-grid {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
}
#ai_editor .feature-card {
background-color: white ;
border-left: 5px solid #4a90e2 ;
padding: 25px ;
border-radius: 8px ;
box-shadow: 0 2px 10px rgba(74, 144, 226, 0.1) ;
}
#ai_editor .feature-card .feature-title {
font-size: 18px ;
font-weight: bold ;
color: #4a90e2 ;
margin-bottom: 12px ;
}
#ai_editor .feature-card .feature-desc {
font-size: 16px ;
color: #555 ;
line-height: 1.5 ;
}
#ai_editor .guide-steps {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
}
#ai_editor .step-item {
background-color: white ;
border-radius: 10px ;
padding: 25px ;
text-align: center ;
border: 2px solid #e3f2fd ;
}
#ai_editor .step-number {
background-color: #4a90e2 ;
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: #4a90e2 ;
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 #e3f2fd ;
}
#ai_editor .tip-icon {
font-size: 28px ;
color: #4a90e2 ;
margin-bottom: 12px ;
}
#ai_editor .tip-title {
font-size: 18px ;
font-weight: bold ;
color: #4a90e2 ;
margin-bottom: 10px ;
}
#ai_editor .tip-desc {
font-size: 16px ;
color: #555 ;
line-height: 1.6 ;
}
@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 .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 .features-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 .feature-card {
padding: 20px ;
}
#ai_editor .tip-item {
padding: 20px ;
}
}
@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 .step-number {
width: 35px ;
height: 35px ;
font-size: 18px ;
}
#ai_editor .tip-icon {
font-size: 24px ;
}
}
</style> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àαâ
¼½Ä |
 |
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
°æÀ§¼ (¾÷¹«°ú½Ç) |
: |
3,456 |
|
 |
¹Ý¼º¹®(¾÷¹«»ó½Ç¼ö) |
: |
30,399 |
|
 |
»ç°ú¹®(ºÒÄ£Àý Ŭ·¹ÀÓ¿¡´ë.. |
: |
21,820 |
|
 |
¾çÇØ¹®(¸®¸ðµ¨¸µ°ø»ç) |
: |
21,367 |
|
 |
°øÁö¹®(¾çÇØ°¢¼ ü°á) |
: |
19,484 |
|
 |
»ç°ú¹®(¹è¼ÛÁö¿¬ ¹× »óǰ.. |
: |
19,366 |
|
 |
»ç°ú¹®(Á¦Ç° °ø±ÞÁö¿¬¿¡ .. |
: |
18,723 |
|
 |
»ç°ú¹®(Á¦Ç°ÀÇ ³³Ç° ½Ç¼ö.. |
: |
18,523 |
|
 |
»ç°ú¹®(»óǰ °ø±ÞºÒ°¡¿¡ .. |
: |
18,156 |
|
 |
»ç°ú¹®(Á¦Ç°ÇÏÀÚ·Î ÀÎÇÑ .. |
: |
13,184 |
|
 |
¾çÇØ¹®(³³Ç°¼ö·® ºÎÁ·) |
: |
12,789 |
|
 |
¾çÇØ¹®(³³Ç°Áß´Ü¿äû) |
: |
12,236 |
|
 |
¾çÇØ¹®(¿ù±ÞÁ¤»ê Áö¿¬) |
: |
11,552 |
|
 |
¾çÇØ¹®(¹Î°£Çùȸ ȸĢ º¯.. |
: |
11,111 |
|
 |
»ç°ú¹®(ºÒ·®Ç° ³³Ç°¿¡ ´ë.. |
: |
10,567 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|