|
|
 |
| Ç¥Áؼ½Ä |
|
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 60px ;
font-family: 'Malgun Gothic', sans-serif ;
background-color: #f8fafe ;
color: #333 ;
}
#ai_editor .header {
text-align: center ;
margin-bottom: 75px ;
padding: 40px 0 ;
background: #2563eb ;
color: white ;
border-radius: 10px ;
box-shadow: 0 8px 25px rgba(0,0,0,0.1) ;
}
#ai_editor .header h1 {
font-size: 42px ;
margin-bottom: 20px ;
font-weight: 700 ;
letter-spacing: -1px ;
}
#ai_editor .header p {
font-size: 18px ;
opacity: 0.9 ;
max-width: 900px ;
margin: 0 auto ;
line-height: 1.6 ;
}
#ai_editor .section {
margin-bottom: 75px ;
}
#ai_editor .section-title {
text-align: center ;
font-size: 32px ;
color: #1e40af ;
margin-bottom: 50px ;
font-weight: 600 ;
}
#ai_editor .grid-4col {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 25px ;
margin-bottom: 60px ;
}
#ai_editor .card {
background: white ;
padding: 35px 30px ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) ;
text-align: center ;
transition: transform 0.3s ease, box-shadow 0.3s ease ;
}
#ai_editor .card:hover {
transform: translateY(-5px) ;
box-shadow: 0 8px 30px rgba(0,0,0,0.12) ;
}
#ai_editor .card .icon {
font-size: 48px ;
margin-bottom: 20px ;
display: block ;
}
#ai_editor .card h3 {
font-size: 22px ;
color: #1e40af ;
margin-bottom: 15px ;
font-weight: 600 ;
}
#ai_editor .card p {
font-size: 16px ;
color: #666 ;
line-height: 1.6 ;
}
#ai_editor .grid-1x4-steps {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 25px ;
margin-bottom: 60px ;
}
#ai_editor .step-card {
background: white ;
padding: 30px 20px ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) ;
text-align: center ;
position: relative ;
border-top: 4px solid #10b981 ;
}
#ai_editor .step-card .step-number {
position: absolute ;
top: -20px ;
left: 50% ;
transform: translateX(-50%) ;
background: #10b981 ;
color: white ;
width: 40px ;
height: 40px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-weight: bold ;
font-size: 18px ;
}
#ai_editor .step-card h4 {
font-size: 18px ;
color: #1e40af ;
margin: 25px 0 15px 0 ;
font-weight: 600 ;
}
#ai_editor .step-card p {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .grid-3col {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
margin-bottom: 60px ;
}
#ai_editor .content-card {
background: white ;
padding: 30px ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) ;
}
#ai_editor .content-card .emoji {
font-size: 32px ;
margin-bottom: 15px ;
display: block ;
}
#ai_editor .content-card h4 {
font-size: 20px ;
color: #1e40af ;
margin-bottom: 15px ;
font-weight: 600 ;
}
#ai_editor .content-card ul {
list-style: none ;
padding: 0 ;
margin: 0 ;
}
#ai_editor .content-card li {
font-size: 16px ;
color: #666 ;
margin-bottom: 8px ;
position: relative ;
padding-left: 20px ;
}
#ai_editor .content-card li::before {
content: '•' ;
color: #8b5cf6 ;
font-weight: bold ;
position: absolute ;
left: 0 ;
}
#ai_editor .grid-3x2 {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
grid-template-rows: repeat(2, 1fr) ;
gap: 25px ;
margin-bottom: 60px ;
}
#ai_editor .guide-card {
background: #f0f9ff ;
padding: 25px ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) ;
border: 2px solid #bfdbfe ;
text-align: center ;
}
#ai_editor .guide-card .guide-icon {
font-size: 28px ;
margin-bottom: 15px ;
display: block ;
}
#ai_editor .guide-card h5 {
font-size: 18px ;
color: #1e40af ;
margin-bottom: 12px ;
font-weight: 600 ;
}
#ai_editor .guide-card p {
font-size: 16px ;
color: #1e3a8a ;
line-height: 1.5 ;
}
#ai_editor .grid-2x2-warnings {
display: grid ;
grid-template-columns: 1fr 1fr ;
grid-template-rows: repeat(2, 1fr) ;
gap: 25px ;
margin-bottom: 60px ;
}
#ai_editor .warning-card {
background: #fef9f3 ;
padding: 25px ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) ;
border: 2px solid #fed7aa ;
}
#ai_editor .warning-card .warning-icon {
font-size: 28px ;
margin-bottom: 15px ;
display: block ;
}
#ai_editor .warning-card h5 {
font-size: 18px ;
color: #d97706 ;
margin-bottom: 12px ;
font-weight: 600 ;
}
#ai_editor .warning-card p {
font-size: 16px ;
color: #92400e ;
line-height: 1.5 ;
}
#ai_editor .footer {
text-align: center ;
padding: 40px ;
background: #2563eb ;
color: white ;
border-radius: 12px ;
margin-top: 50px ;
}
#ai_editor .footer h3 {
font-size: 24px ;
margin-bottom: 15px ;
font-weight: 600 ;
}
#ai_editor .footer p {
font-size: 16px ;
opacity: 0.9 ;
line-height: 1.6 ;
}
@media (max-width: 992px) {
#ai_editor {
padding: 25px 40px ;
}
#ai_editor .grid-4col,
#ai_editor .grid-1x4-steps {
grid-template-columns: repeat(2, 1fr) ;
}
#ai_editor .grid-3col,
#ai_editor .grid-3x2 {
grid-template-columns: repeat(2, 1fr) ;
}
#ai_editor .header h1 {
font-size: 36px ;
}
#ai_editor .section-title {
font-size: 28px ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 20px 30px ;
}
#ai_editor .grid-4col,
#ai_editor .grid-1x4-steps,
#ai_editor .grid-3col,
#ai_editor .grid-3x2,
#ai_editor .grid-2x2-warnings {
grid-template-columns: 1fr ;
grid-template-rows: auto ;
}
#ai_editor .header h1 {
font-size: 32px ;
}
#ai_editor .section-title {
font-size: 26px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 20px ;
}
#ai_editor .header {
padding: 30px 20px ;
}
#ai_editor .header h1 {
font-size: 28px ;
}
#ai_editor .header p {
font-size: 16px ;
}
#ai_editor .section-title {
font-size: 24px ;
margin-bottom: 30px ;
}
#ai_editor .card,
#ai_editor .step-card,
#ai_editor .content-card,
#ai_editor .guide-card,
#ai_editor .warning-card {
padding: 20px ;
}
}
</style>
<div id="ai_editor">
<!¡©¡© Çì´õ ¡©¡©>
<div class="header">
<h1>📋 Ç¥ÁØ °æ·ÂÁõ¸í¼</h1>
<p>ÀçÁ÷ ±â°£À» °ø½ÄÀûÀ¸·Î Áõ¸íÇÏ´Â ¹®¼·Î, ÀÌÁ÷ ¹× °æ·Â Áõºù¿¡ ÇʼöÀûÀ¸·Î »ç¿ëµÇ´Â Ç¥ÁØ ¾ç½ÄÀÔ´Ï´Ù</p>
</div>
<!¡©¡© ÁÖ¿ä ¿ëµµ (1x4 ±×¸®µå) ¡©¡©>
<div class="section">
<h2 class="section-title">ÁÖ¿ä ¿ëµµ</h2>
<div class="grid-4col">
<div class="card">
<span class="icon">💼</span>
<h3>ÀÌÁ÷ ½Ã Á¦Ãâ</h3>
<p>»õ·Î¿î Á÷ÀåÀ¸·Î ÀÌÁ÷ÇÒ ¶§ ÀÌÀü Á÷Àå¿¡¼ÀÇ ±Ù¹« °æ·ÂÀ» Áõ¸íÇϱâ À§ÇØ ÇʼöÀûÀ¸·Î Á¦Ãâ</p>
</div>
<div class="card">
<span class="icon">🎓</span>
<h3>ÁøÇÐ ¹× ±³À°</h3>
<p>´ëÇпø ÁøÇÐ, Á÷¾÷ ±³À° ÇÁ·Î±×·¥ Áö¿ø ½Ã ½Ç¹« °æÇè Áõ¸íÀ» À§ÇÑ Çʼö ¼·ù·Î Ȱ¿ë</p>
</div>
<div class="card">
<span class="icon">🏛️</span>
<h3>°ø°ø±â°ü Á¦Ãâ</h3>
<p>Á¤ºÎ ±â°ü, ±ÝÀ¶±â°ü, °ü°ø¼ µî¿¡ °¢Á¾ ½Åû¼·ù¿Í ÇÔ²² °æ·Â Áõºù¿ëÀ¸·Î Á¦Ãâ</p>
</div>
<div class="card">
<span class="icon">📊</span>
<h3>ÇÁ·ÎÁ§Æ® Âü¿©</h3>
<p>¿ÜºÎ ÇÁ·ÎÁ§Æ®³ª ÄÁ¼³ÆÃ ¾÷¹« Âü¿© ½Ã Àü¹®¼º°ú °æ·ÂÀ» ÀÔÁõÇÏ´Â °ø½Ä ÀÚ·á·Î »ç¿ë</p>
</div>
</div>
</div>
<!¡©¡© ¹ß±Þ ÀýÂ÷ (1x4 ±×¸®µå) ¡©¡©>
<div class="section">
<h2 class="section-title">¹ß±Þ ÀýÂ÷</h2>
<div class="grid-1x4-steps">
<div class="step-card">
<div class="step-number">1</div>
<h4>½Åû Á¢¼ö</h4>
<p>ÀλçÆÀ ¶Ç´Â °ü·Ã ºÎ¼¿¡ °æ·ÂÁõ¸í¼ ¹ß±Þ ½Åû¼ Á¦Ãâ</p>
</div>
<div class="step-card">
<div class="step-number">2</div>
<h4>¼·ù °ËÅä</h4>
<p>ÀçÁ÷ ±â°£, Á÷Ã¥, ´ã´ç ¾÷¹« µî ±â·Ï È®ÀÎ ¹× Á¤È®¼º °ËÅä</p>
</div>
<div class="step-card">
<div class="step-number">3</div>
<h4>¹®¼ ÀÛ¼º</h4>
<p>Ç¥ÁØ ¾ç½Ä¿¡ µû¶ó Á¤È®ÇÑ Á¤º¸·Î °æ·ÂÁõ¸í¼ ÀÛ¼º ¿Ï·á</p>
</div>
<div class="step-card">
<div class="step-number">4</div>
<h4>¹ß±Þ ¿Ï·á</h4>
<p>ȸ»ç Á÷ÀÎ ³¯ÀÎ ÈÄ ´ã´çÀÚ ¼¸íÀ» °ÅÃÄ °ø½Ä ¹ß±Þ ¿Ï·á</p>
</div>
</div>
</div>
<!¡©¡© ±¸¼º Ç׸ñ (3¿ ±×¸®µå) ¡©¡©>
<div class="section">
<h2 class="section-title">±¸¼º Ç׸ñ</h2>
<div class="grid-3col">
<div class="content-card">
<span class="emoji">👤</span>
<h4>ÀÎÀû»çÇ×</h4>
<ul>
<li>¼º¸í ¹× »ý³â¿ùÀÏ</li>
<li>Áֹεî·Ï¹øÈ£</li>
<li>ÁÖ¼Ò ¹× ¿¬¶ôó</li>
<li>Çз »çÇ×</li>
</ul>
</div>
<div class="content-card">
<span class="emoji">💼</span>
<h4>°æ·Â»çÇ×</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (½ÃÀÛÀÏ~Á¾·áÀÏ)</li>
<li>¼Ò¼Ó ºÎ¼¸í</li>
<li>Á÷±Þ ¹× Á÷Ã¥</li>
<li>ÁÖ¿ä ´ã´ç ¾÷¹«</li>
</ul>
</div>
<div class="content-card">
<span class="emoji">🏢</span>
<h4>¹ß±Þó Á¤º¸</h4>
<ul>
<li>ȸ»ç¸í ¹× ´ëÇ¥ÀÚ</li>
<li>»ç¾÷ÀÚµî·Ï¹øÈ£</li>
<li>ȸ»ç ÁÖ¼Ò ¹× ¿¬¶ôó</li>
<li>¹ß±Þ ÀÏÀÚ ¹× ´ã´çÀÚ</li>
</ul>
</div>
</div>
</div>
<!¡©¡© Ȱ¿ë °¡À̵å (3x2 ±×¸®µå) ¡©¡©>
<div class="section">
<h2 class="section-title">Ȱ¿ë °¡À̵å</h2>
<div class="grid-3x2">
<div class="guide-card">
<span class="guide-icon">📅</span>
<h5>¹ß±Þ ½Ã±â</h5>
<p>Åð»ç Àü ¹Ì¸® ½ÅûÇϰųª Åð»ç ÈÄ 1°³¿ù À̳» ¹ß±Þ ±ÇÀå</p>
</div>
<div class="guide-card">
<span class="guide-icon">🔍</span>
<h5>Á¤È®¼º È®ÀÎ</h5>
<p>ÀçÁ÷ ±â°£, Á÷Ã¥, ¾÷¹« ³»¿ëÀÌ Á¤È®ÇÑÁö ¹Ýµå½Ã È®ÀÎ</p>
</div>
<div class="guide-card">
<span class="guide-icon">📄</span>
<h5>¿øº» º¸°ü</h5>
<p>¿øº»Àº ¾ÈÀüÇÏ°Ô º¸°üÇϰí ÇÊ¿ä½Ã »çº»À» Ȱ¿ë</p>
</div>
<div class="guide-card">
<span class="guide-icon">⏰</span>
<h5>À¯È¿ ±â°£</h5>
<p>ÀϹÝÀûÀ¸·Î ¹ß±ÞÀϷκÎÅÍ 3~6°³¿ù À̳» »ç¿ë ±ÇÀå</p>
</div>
<div class="guide-card">
<span class="guide-icon">🔐</span>
<h5>º¸¾È °ü¸®</h5>
<p>°³ÀÎÁ¤º¸°¡ Æ÷ÇԵǾî ÀÖÀ¸¹Ç·Î ¾ÈÀüÇÏ°Ô °ü¸® ÇÊ¿ä</p>
</div>
<div class="guide-card">
<span class="guide-icon">📞</span>
<h5>¹®ÀÇ ´ëÀÀ</h5>
<p>Á¦Ãâó¿¡¼ È®ÀÎ ¹®ÀÇ ½Ã ¹ß±Þȸ»ç°¡ ÀÀ´ä °¡´ÉÇØ¾ß ÇÔ</p>
</div>
</div>
</div>
<!¡©¡© ÁÖÀÇ»çÇ× (2x2 ±×¸®µå) ¡©¡©>
<div class="section">
<h2 class="section-title">¹ß±Þ ½Ã ÁÖÀÇ»çÇ×</h2>
<div class="grid-2x2-warnings">
<div class="warning-card">
<span class="warning-icon">⚠️</span>
<h5>Á¤È®ÇÑ Á¤º¸ ±âÀç</h5>
<p>ÀçÁ÷ ±â°£, Á÷Ã¥, ¾÷¹« ³»¿ëÀ» Á¤È®ÇÏ°Ô ±âÀçÇÏ¿© ÇãÀ§ Á¤º¸°¡ ¾øµµ·Ï ÁÖÀÇ</p>
</div>
<div class="warning-card">
<span class="warning-icon">🔏</span>
<h5>°ø½Ä Á÷ÀÎ Çʼö</h5>
<p>ȸ»çÀÇ °ø½Ä Á÷ÀÎÀ̳ª Àΰ¨ÀÌ ¹Ýµå½Ã ³¯ÀεǾî¾ß ¹ýÀû È¿·Â ÀÎÁ¤</p>
</div>
<div class="warning-card">
<span class="warning-icon">👥</span>
<h5>´ã´çÀÚ È®ÀÎ</h5>
<p>¹ß±Þ ´ã´çÀÚÀÇ ¼º¸í, ¿¬¶ôó¸¦ ¸íÈ®È÷ ±âÀçÇÏ¿© °ËÁõ °¡´ÉÇϵµ·Ï ÀÛ¼º</p>
</div>
<div class="warning-card">
<span class="warning-icon">🗓️</span>
<h5>¹ß±ÞÀÏÀÚ ¸í½Ã</h5>
<p>¸íÈ®ÇÑ ¹ß±Þ ÀÏÀÚ¸¦ ±âÀçÇÏ¿© ¹®¼ÀÇ ÃֽżºÀ» ÀÔÁõÇÒ ¼ö ÀÖµµ·Ï ÀÛ¼º</p>
</div>
</div>
</div>
<!¡©¡© ǪÅÍ ¡©¡©>
<div class="footer">
<h3>🎯 ÇÙ½É Æ÷ÀÎÆ®</h3>
<p>Ç¥ÁØ °æ·ÂÁõ¸í¼´Â °³ÀÎÀÇ °æ·ÂÀ» °ø½ÄÀûÀ¸·Î Áõ¸íÇÏ´Â Áß¿äÇÑ ¹®¼ÀÔ´Ï´Ù. <br>
Á¤È®ÇÑ Á¤º¸ ±âÀç¿Í ȸ»çÀÇ °ø½Ä Á÷ÀÎ ³¯ÀÎÀ» ÅëÇØ ½Å·Ú¼º ÀÖ´Â °æ·Â Áõºù ÀÚ·á·Î Ȱ¿ëÇϼ¼¿ä.</p>
</div>
</div> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àα⠼½Ä |
|
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ °è¾àÇØÁö ³»¿ëÁõ¸í¼.. |
: |
198,172 |
|
 |
Ç¥ÁØ ÇùÁ¶¿äû °ø¹®(ÀÛ¼º.. |
: |
162,237 |
|
 |
Ç¥ÁØ ÀÏÀÏ ¾÷¹«º¸°í¼(°¡.. |
: |
2,497 |
|
 |
Ç¥ÁØ ÇÏÀÚº¸¼ö ÀÌÇà°¢¼ |
: |
1,192 |
|
 |
Ç¥ÁØ ¾÷¹«°³¼± Á¦¾È¼ |
: |
994 |
|
 |
Ç¥ÁØ ¹°Ç°º¸°üÁõ |
: |
859 |
|
 |
Ç¥ÁØ ¼º°ú ºÐ¼® º¸°í¼ |
: |
835 |
|
 |
Ç¥ÁØ »ç¾÷¼öÇà ½ÇÀûÈ®Àμ |
: |
611 |
|
 |
Ç¥ÁØ Ã¤Á¡ ±âÁØÇ¥ |
: |
301 |
|
 |
Ç¥ÁØ °ÇÃà°ø»ç °ßÀû¼(ÀÛ.. |
: |
97,696 |
|
 |
Ç¥ÁØ °ßÀû¼(ÀÛ¼º¹æ¹ý, .. |
: |
191,597 |
|
 |
Ç¥ÁØ ±ÇÇÑ À§ÀÓÀå(ÀÛ¼º¹æ.. |
: |
191,367 |
|
 |
Ç¥ÁØ Ã¤¹«±Ý ³»¿ëÁõ¸í¼(.. |
: |
132,841 |
|
 |
Ç¥ÁØ ºÎµ¿»ê(ÀÓ´ëÂ÷) ³».. |
: |
76,783 |
|
 |
Ç¥ÁØ Á¦Ç° °ßÀû¼(ÀÛ¼º¹æ.. |
: |
73,977 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|