|
|
 |
| Ç¥Áؼ½Ä |
|
ISO ÇüÅÂÀÇ ¹®¼ Ç¥ÁØÈ°¡ °¡´ÉÇÕ´Ï´Ù. |
|
Ç¥Áؼ½Ä
>
ÀÏ¹Ý |
|
|
|
|
|
|
 |
 |
 |
 |
|
 |
±â°ü ¹× »óȲÀÇ Æ¯¼º¿¡ ¸Â°Ô Ç¥ÁØÈµÈ ¸ñÂ÷·Î ±¸¼ºÇß½À´Ï´Ù. |
 |
Ç׸ñº° ÀÛ¼º¿¹Á¦¸¦ º¸½Ã¸é Á¤È®ÇÑ ¹®¼ ÀÛ¼ºÀÌ °¡´ÉÇÕ´Ï´Ù. |
|
|
 |
|
 |
[ÀÚµ¿³¯Â¥ ±âÀÔ] ¹®¼¸¦ ÀÛ¼ºÇÏ´Â ³¯Â¥°¡ ÀÚµ¿À¸·Î ÀԷµ˴ϴÙ. |
 |
[´©¸§Æ²] Ç׸ñº° ¿¹Á¦¸¦ È®ÀÎÇÏ°í ³»¿ëÀ» ¹Ù·Î ÀÔ·ÂÇÒ ¼ö ÀÖ½À´Ï´Ù. |
|
|
|
 |
 |
|
|
|
 |
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<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: 30px ;
background-color: #fafafa ;
}
#ai_editor h1 {
font-size: 32px ;
text-align: center ;
color: #2c3e50 ;
margin-bottom: 20px ;
font-weight: 700 ;
border-bottom: 3px solid #3498db ;
padding-bottom: 15px ;
}
#ai_editor .subtitle {
font-size: 18px ;
text-align: center ;
color: #7f8c8d ;
margin-bottom: 75px ;
font-weight: 400 ;
}
#ai_editor .section {
margin-bottom: 75px ;
background: white ;
border-radius: 12px ;
padding: 30px ;
box-shadow: 0 4px 15px rgba(0,0,0,0.08) ;
border-left: 4px solid #3498db ;
}
#ai_editor .section-title {
font-size: 24px ;
color: #2c3e50 ;
margin-bottom: 25px ;
font-weight: 600 ;
display: flex ;
align-items: center ;
gap: 10px ;
}
#ai_editor .grid-2x2 {
display: grid ;
grid-template-columns: 1fr 1fr ;
gap: 25px ;
margin-top: 20px ;
}
#ai_editor .grid-2x3 {
display: grid ;
grid-template-columns: 1fr 1fr ;
grid-template-rows: repeat(3, 1fr) ;
gap: 20px ;
margin-top: 20px ;
}
#ai_editor .grid-3x2 {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
margin-top: 20px ;
}
#ai_editor .grid-1x4 {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
margin-top: 20px ;
}
#ai_editor .card {
background: #f8f9fa ;
border-radius: 8px ;
padding: 25px ;
text-align: center ;
border: 2px solid #e9ecef ;
transition: all 0.3s ease ;
}
#ai_editor .card:hover {
border-color: #3498db ;
transform: translateY(-2px) ;
box-shadow: 0 6px 20px rgba(52, 152, 219, 0.15) ;
}
#ai_editor .card-icon {
font-size: 32px ;
margin-bottom: 15px ;
display: block ;
}
#ai_editor .card-title {
font-size: 18px ;
font-weight: 600 ;
color: #2c3e50 ;
margin-bottom: 12px ;
}
#ai_editor .card-desc {
font-size: 16px ;
color: #5a6c7d ;
}
#ai_editor .process-step {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) ;
color: white ;
border: none ;
position: relative ;
overflow: hidden ;
}
#ai_editor .process-step .card-title {
color: #ffffff ;
font-weight: 700 ;
}
#ai_editor .process-step .card-desc {
color: #f8f9fa ;
font-weight: 500 ;
}
#ai_editor .process-step::before {
content: '' ;
position: absolute ;
top: -2px ;
left: -2px ;
right: -2px ;
bottom: -2px ;
background: linear-gradient(45deg, #667eea, #764ba2, #667eea) ;
z-index: -1 ;
border-radius: 10px ;
}
#ai_editor .important-info {
background: #fff3cd ;
border: 2px solid #ffc107 ;
border-radius: 8px ;
padding: 20px ;
margin: 25px 0 ;
}
#ai_editor .important-info .icon {
color: #856404 ;
font-size: 24px ;
margin-right: 10px ;
}
#ai_editor .important-info p {
margin: 0 ;
font-size: 16px ;
color: #856404 ;
font-weight: 500 ;
}
#ai_editor .highlight-box {
background: #e3f2fd ;
border: 2px solid #2196f3 ;
border-radius: 8px ;
padding: 20px ;
margin: 20px 0 ;
}
#ai_editor .highlight-box h3 {
color: #1976d2 ;
font-size: 18px ;
margin-bottom: 10px ;
font-weight: 600 ;
}
#ai_editor .highlight-box ul {
margin: 0 ;
padding-left: 20px ;
}
#ai_editor .highlight-box li {
font-size: 16px ;
color: #424242 ;
margin-bottom: 8px ;
}
#ai_editor .requirement-item {
background: #f1f8e9 ;
border-left: 4px solid #4caf50 ;
padding: 15px 20px ;
margin-bottom: 15px ;
border-radius: 0 8px 8px 0 ;
}
#ai_editor .requirement-item h4 {
color: #2e7d32 ;
font-size: 16px ;
margin: 0 0 8px 0 ;
font-weight: 600 ;
}
#ai_editor .requirement-item p {
color: #4a4a4a ;
font-size: 16px ;
margin: 0 ;
}
/* ¹ÝÀÀÇü µðÀÚÀÎ - ÅÂºí¸´ */
@media (max-width: 992px) {
#ai_editor {
padding: 25px 20px ;
}
#ai_editor h1 {
font-size: 28px ;
}
#ai_editor .section-title {
font-size: 22px ;
}
#ai_editor .grid-1x4 {
grid-template-columns: repeat(2, 1fr) ;
}
#ai_editor .grid-3x2 {
grid-template-columns: repeat(2, 1fr) ;
}
}
/* ¹ÝÀÀÇü µðÀÚÀÎ - ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
#ai_editor {
padding: 20px 15px ;
}
#ai_editor h1 {
font-size: 24px ;
padding-bottom: 12px ;
}
#ai_editor .subtitle {
font-size: 16px ;
margin-bottom: 50px ;
}
#ai_editor .section {
padding: 20px ;
margin-bottom: 50px ;
}
#ai_editor .section-title {
font-size: 20px ;
margin-bottom: 20px ;
}
#ai_editor .grid-2x2,
#ai_editor .grid-2x3,
#ai_editor .grid-3x2,
#ai_editor .grid-1x4 {
grid-template-columns: 1fr ;
gap: 15px ;
}
#ai_editor .card {
padding: 20px ;
}
#ai_editor .card-icon {
font-size: 28px ;
margin-bottom: 12px ;
}
#ai_editor .card-title {
font-size: 16px ;
}
#ai_editor .important-info,
#ai_editor .highlight-box {
padding: 15px ;
}
#ai_editor .requirement-item {
padding: 12px 15px ;
}
}
/* ÀÛÀº ¸ð¹ÙÀÏ */
@media (max-width: 480px) {
#ai_editor h1 {
font-size: 22px ;
}
#ai_editor .section-title {
font-size: 18px ;
}
}
</style>
<div id="ai_editor">
<h1>📋 Ç¥ÁØ ±ÇÇÑ À§ÀÓÀå</h1>
<p class="subtitle">ÁÖÁÖÃÑȸ Àǰá±Ç Çà»ç¸¦ À§ÇÑ Çʼö ¹®¼</p>
<div class="section">
<h2 class="section-title">📚 ±ÇÇÑ À§ÀÓÀåÀ̶õ?</h2>
<div class="grid-2x2">
<div class="card">
<span class="card-icon">🏢</span>
<div class="card-title">Á¤ÀÇ</div>
<div class="card-desc">ÁÖÁÖ°¡ ÁÖÁÖÃÑȸ¿¡ Á÷Á¢ Âü¼®ÇÏÁö ¸øÇÒ °æ¿ì, ´Ù¸¥ »ç¶÷¿¡°Ô Àǰá±Ç Çà»ç¸¦ À§ÀÓÇÏ´Â ¹ýÀû ¹®¼</div>
</div>
<div class="card">
<span class="card-icon">⚖️</span>
<div class="card-title">¹ýÀû ±Ù°Å</div>
<div class="card-desc">»ó¹ý¿¡ µû¸¥ ÁÖÁÖÀÇ Àǰá±Ç ´ë¸®Çà»ç¸¦ À§ÇÑ °ø½Ä ¼¸é</div>
</div>
<div class="card">
<span class="card-icon">🎯</span>
<div class="card-title">¸ñÀû</div>
<div class="card-desc">ÁÖÁÖÀÇ ±Ç¸® º¸È£ ¹× È¿À²ÀûÀÎ ÁÖÁÖÃÑȸ ¿î¿µÀ» À§ÇÑ Á¦µµÀû ÀåÄ¡</div>
</div>
<div class="card">
<span class="card-icon">🔒</span>
<div class="card-title">È¿·Â</div>
<div class="card-desc">Àû¹ýÇÑ ÀýÂ÷¿¡ µû¶ó ÀÛ¼º ½Ã º»ÀÎÀÌ Á÷Á¢ Çà»çÇÏ´Â °Í°ú µ¿ÀÏÇÑ ¹ýÀû È¿·Â</div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">📝 ±¸¼º ¿ä¼Ò</h2>
<div class="grid-2x3">
<div class="card">
<span class="card-icon">👤</span>
<div class="card-title">À§ÀÓÀÎ Á¤º¸</div>
<div class="card-desc">¼º¸í, »ý³â¿ùÀÏ, ÁÖ¼Ò µî À§ÀÓÇÏ´Â ÁÖÁÖÀÇ »ó¼¼ Á¤º¸</div>
</div>
<div class="card">
<span class="card-icon">🤝</span>
<div class="card-title">´ë¸®ÀÎ Á¤º¸</div>
<div class="card-desc">¼º¸í, »ý³â¿ùÀÏ, ÁÖ¼Ò µî ±ÇÇÑÀ» À§ÀÓ¹ÞÀ» ´ë¸®ÀÎÀÇ ÀÎÀû»çÇ×</div>
</div>
<div class="card">
<span class="card-icon">📋</span>
<div class="card-title">À§ÀÓ ¹üÀ§</div>
<div class="card-desc">Àǰá±Ç Çà»ç ¹üÀ§ ¹× ±¸Ã¼Àû ±ÇÇÑ »çÇ× ¸í½Ã</div>
</div>
<div class="card">
<span class="card-icon">📅</span>
<div class="card-title">ÃÑȸ Á¤º¸</div>
<div class="card-desc">ÁÖÁÖÃÑȸ ¸ñÀû»çÇ× µî ±¸Ã¼Àû Á¤º¸</div>
</div>
<div class="card">
<span class="card-icon">✍️</span>
<div class="card-title">¼¸í/³¯ÀÎ</div>
<div class="card-desc">À§ÀÓÀÎÀÇ ÀÚÇʼ¸í ¶Ç´Â ±â¸í³¯ÀÎÀ¸·Î ¹®¼ÀÇ ÁøÁ¤¼º È®º¸</div>
</div>
<div class="card">
<span class="card-icon">📆</span>
<div class="card-title">ÀÛ¼ºÀÏÀÚ</div>
<div class="card-desc">±ÇÇÑÀ§ÀÓÀå ÀÛ¼º ¹× È¿·Â ¹ß»ý ÀÏÀÚ ¸í½Ã</div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">🔄 ÀÛ¼º ÀýÂ÷</h2>
<div class="grid-1x4">
<div class="card process-step">
<span class="card-icon">1️⃣</span>
<div class="card-title">¼½Ä Áغñ</div>
<div class="card-desc">Ç¥ÁØ ±ÇÇÑÀ§ÀÓÀå ¾ç½Ä ´Ù¿î·Îµå ¹× Áغñ</div>
</div>
<div class="card process-step">
<span class="card-icon">2️⃣</span>
<div class="card-title">Á¤º¸ ±âÀÔ</div>
<div class="card-desc">À§ÀÓÀÎ, ´ë¸®ÀÎ Á¤º¸ ¹× ÃÑȸ °ü·Ã »çÇ× Á¤È®È÷ ±âÀç</div>
</div>
<div class="card process-step">
<span class="card-icon">3️⃣</span>
<div class="card-title">¼¸í/³¯ÀÎ</div>
<div class="card-desc">À§ÀÓÀÎ º»ÀÎÀÇ ÀÚÇʼ¸í ¶Ç´Â ±â¸í³¯ÀÎ ¿Ï·á</div>
</div>
<div class="card process-step">
<span class="card-icon">4️⃣</span>
<div class="card-title">Á¦Ãâ</div>
<div class="card-desc">ÁÖÁÖÃÑȸ °³ÃÖ Àü ȸ»ç¿¡ Àû¹ýÇÑ ¹æ¹ýÀ¸·Î Á¦Ãâ</div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">✅ ¹ýÀû ¿ä°Ç</h2>
<div class="grid-3x2">
<div class="requirement-item">
<h4>📑 ¼¸é ÀÛ¼º</h4>
<p>¹Ýµå½Ã ¼¸éÀ¸·Î ÀÛ¼ºµÇ¾î¾ß Çϸç, ±¸µÎ À§ÀÓÀº ¹«È¿</p>
</div>
<div class="requirement-item">
<h4>🆔 º»ÀÎ È®ÀÎ</h4>
<p>À§ÀÓÀÎÀÇ ½ÅºÐÀ» Á¤È®È÷ È®ÀÎÇÒ ¼ö ÀÖ´Â Á¤º¸ Çʼö</p>
</div>
<div class="requirement-item">
<h4>📝 ¸íÈ®ÇÑ ±âÀç</h4>
<p>À§ÀÓ ¹üÀ§¿Í ±ÇÇÑÀ» ±¸Ã¼ÀûÀÌ°í ¸íÈ®ÇÏ°Ô ¸í½Ã</p>
</div>
<div class="requirement-item">
<h4>✍️ ÀÚÇʼ¸í</h4>
<p>À§ÀÓÀÎÀÇ ÀÚÇʼ¸í ¶Ç´Â ±â¸í³¯ÀÎÀ¸·Î ÀÇ»çÇ¥½Ã</p>
</div>
<div class="requirement-item">
<h4>⏰ ±âÇÑ Áؼö</h4>
<p>ÁÖÁÖÃÑȸ °³ÃÖÀÏ ÀÌÀü¿¡ Àû¹ýÇÑ ÀýÂ÷·Î Á¦Ãâ</p>
</div>
<div class="requirement-item">
<h4>🔍 ÁøÁ¤¼º</h4>
<p>À§ÀÓÀÎÀÇ ÁøÁ¤ÇÑ Àǻ翡 ±â¹ÝÇÑ ÀÚ¹ßÀû ÀÛ¼º</p>
</div>
</div>
</div>
<div class="important-info">
<span class="icon">⚠️ <b>ÁÖÀÇ»çÇ×</b></span>
<p> </p>
<p>±ÇÇÑÀ§ÀÓÀåÀº ¹ýÀû ±¸¼Ó·ÂÀÌ ÀÖ´Â ¹®¼ÀÔ´Ï´Ù. ÀÛ¼º ½Ã ¸ðµç Á¤º¸¸¦ Á¤È®È÷ ±âÀçÇϰí, À§ÀÓ ¹üÀ§¸¦ ¸íÈ®È÷ ÇÏ¿© ºÐÀïÀ» ¿¹¹æÇϽñ⠹ٶø´Ï´Ù.</p>
</div>
<div class="highlight-box">
<h3><span style="font-size: 18pt ;">📌 Ȱ¿ë ÆÁ</span></h3>
<ul>
<li>◼ À§ÀÓÀå ÀÛ¼º Àü ´ë¸®Àΰú ÃæºÐÇÑ »çÀü ÇùÀÇ ÁøÇà</li>
<li>◼ Àǰá±Ç Çà»ç ¹æÇâ¿¡ ´ëÇÑ ±¸Ã¼Àû Áö½Ã»çÇ× ¸í½Ã</li>
<li>◼ ¿øº» º¸°ü ¹× »çº» Á¦Ãâ·Î ºÐ½Ç À§Çè ¹æÁö</li>
<li>◼ À§ÀÓ Ã¶È¸ ½Ã Áï½Ã ȸ»ç¿¡ ÅëÁöÇÏ¿© È¥¶õ ¹æÁö</li>
</ul>
</div>
</div>
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àα⠼½Ä |
|
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ °è¾àÇØÁö ³»¿ëÁõ¸í¼.. |
: |
198,172 |
|
 |
Ç¥ÁØ ÇùÁ¶¿äû °ø¹®(ÀÛ¼º.. |
: |
162,237 |
|
 |
Ç¥ÁØ ÀÏÀÏ ¾÷¹«º¸°í¼(°¡.. |
: |
2,497 |
|
 |
Ç¥ÁØ ÇÏÀÚº¸¼ö ÀÌÇà°¢¼ |
: |
1,192 |
|
 |
Ç¥ÁØ ¾÷¹«°³¼± Á¦¾È¼ |
: |
994 |
|
 |
Ç¥ÁØ ¹°Ç°º¸°üÁõ |
: |
859 |
|
 |
Ç¥ÁØ ¼º°ú ºÐ¼® º¸°í¼ |
: |
835 |
|
 |
Ç¥ÁØ »ç¾÷¼öÇà ½ÇÀûÈ®Àμ |
: |
611 |
|
 |
Ç¥ÁØ Ã¤Á¡ ±âÁØÇ¥ |
: |
301 |
|
 |
Ç¥ÁØ °ÇÃà°ø»ç °ßÀû¼(ÀÛ.. |
: |
97,696 |
|
 |
Ç¥ÁØ °ßÀû¼(ÀÛ¼º¹æ¹ý, .. |
: |
191,597 |
|
 |
Ç¥ÁØ ±ÇÇÑ À§ÀÓÀå(ÀÛ¼º¹æ.. |
: |
191,368 |
|
 |
Ç¥ÁØ Ã¤¹«±Ý ³»¿ëÁõ¸í¼(.. |
: |
132,841 |
|
 |
Ç¥ÁØ ºÎµ¿»ê(ÀÓ´ëÂ÷) ³».. |
: |
76,783 |
|
 |
Ç¥ÁØ Á¦Ç° °ßÀû¼(ÀÛ¼º¹æ.. |
: |
73,977 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|