|
|
 |
| Ç¥Áؼ½Ä |
|
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 ;
font-family: 'Arial', 'Malgun Gothic', sans-serif ;
color: #333 ;
background-color: #fafafa ;
padding: 40px 20px ;
line-height: 1.6 ;
}
#ai_editor h1 {
font-size: 36px ;
text-align: center ;
margin-bottom: 75px ;
color: #2c3e50 ;
font-weight: bold ;
}
#ai_editor .section {
margin-bottom: 75px ;
background: white ;
border-radius: 12px ;
padding: 40px ;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) ;
border: 1px solid #e8ecf0 ;
}
#ai_editor .section-title {
font-size: 28px ;
font-weight: bold ;
margin-bottom: 30px ;
color: #34495e ;
text-align: center ;
}
#ai_editor .grid-2x2 {
display: grid ;
grid-template-columns: 1fr 1fr ;
gap: 30px ;
margin-top: 30px ;
}
#ai_editor .grid-2x3 {
display: grid ;
grid-template-columns: 1fr 1fr ;
grid-template-rows: repeat(3, 1fr) ;
gap: 25px ;
margin-top: 30px ;
}
#ai_editor .grid-3x2 {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
margin-top: 30px ;
}
#ai_editor .grid-1x4 {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
margin-top: 30px ;
}
#ai_editor .feature-card {
background: #f8f9fa ;
border: 2px solid #A3B087 ;
border-radius: 10px ;
padding: 25px 20px ;
text-align: center ;
transition: all 0.3s ease ;
}
#ai_editor .feature-card:hover {
transform: translateY(-3px) ;
box-shadow: 0 8px 25px rgba(39, 174, 96, 0.15) ;
}
#ai_editor .feature-card .icon {
font-size: 48px ;
margin-bottom: 15px ;
display: block ;
}
#ai_editor .feature-card h3 {
font-size: 20px ;
font-weight: bold ;
margin-bottom: 10px ;
color: #2c3e50 ;
}
#ai_editor .feature-card p {
font-size: 16px ;
color: #7f8c8d ;
margin: 0 ;
line-height: 1.5 ;
}
#ai_editor .component-card {
background: #f8f9fa ;
border-radius: 8px ;
padding: 20px 25px ;
margin-bottom: 15px ;
}
#ai_editor .component-card .component-icon {
font-size: 24px ;
margin-right: 12px ;
vertical-align: middle ;
}
#ai_editor .component-card .component-text {
font-size: 18px ;
font-weight: 600 ;
color: #2c3e50 ;
display: inline-block ;
vertical-align: middle ;
}
#ai_editor .component-card .component-desc {
font-size: 16px ;
color: #7f8c8d ;
margin-top: 8px ;
margin-left: 36px ;
}
#ai_editor .process-step {
background: #f8f9fa ;
border-radius: 12px ;
padding: 25px ;
text-align: center ;
position: relative ;
border: 2px solid #dee2e6 ;
}
#ai_editor .process-step .step-number {
position: absolute ;
top: -15px ;
left: 50% ;
transform: translateX(-50%) ;
background: #27ae60 ;
color: white ;
width: 30px ;
height: 30px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 16px ;
font-weight: bold ;
}
#ai_editor .process-step .step-icon {
font-size: 40px ;
margin: 20px 0 15px ;
color: #27ae60 ;
}
#ai_editor .process-step .step-title {
font-size: 18px ;
font-weight: bold ;
color: #2c3e50 ;
margin-bottom: 8px ;
}
#ai_editor .process-step .step-desc {
font-size: 16px ;
color: #7f8c8d ;
}
#ai_editor .legal-card {
background: #fff3cd ;
border: 2px solid #f1c40f ;
border-radius: 10px ;
padding: 25px ;
text-align: center ;
}
#ai_editor .legal-card .legal-icon {
font-size: 36px ;
color: #f39c12 ;
margin-bottom: 15px ;
}
#ai_editor .legal-card .legal-title {
font-size: 20px ;
font-weight: bold ;
color: #d68910 ;
margin-bottom: 10px ;
}
#ai_editor .legal-card .legal-desc {
font-size: 16px ;
color: #b7950b ;
}
@media (max-width: 992px) {
#ai_editor .grid-1x4,
#ai_editor .grid-3x2 {
grid-template-columns: repeat(2, 1fr) ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 20px 20px ;
}
#ai_editor .grid-2x2,
#ai_editor .grid-2x3,
#ai_editor .grid-3x2,
#ai_editor .grid-1x4 {
grid-template-columns: 1fr ;
}
#ai_editor h1 {
font-size: 28px ;
}
#ai_editor .section-title {
font-size: 24px ;
}
#ai_editor .section {
padding: 20px 20px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 20px 15px ;
}
#ai_editor h1 {
font-size: 24px ;
margin-bottom: 50px ;
}
#ai_editor .section {
padding: 20px 15px ;
}
#ai_editor .section-title {
font-size: 20px ;
}
#ai_editor .feature-card .icon,
#ai_editor .process-step .step-icon {
font-size: 36px ;
}
}
</style>
<div id="ai_editor">
<h1>📋 Ç¥ÁØ °Å·¡¸í¼¼Ç¥</h1>
<!¡©¡©¡©¡©¡©¡© ÇÙ½É ±â´É ¼½¼Ç (2x2 ¹è¿) ¡©¡©¡©¡©¡©¡©>
<div class="section">
<div class="section-title">ÇÙ½É ±â´É</div>
<div class="grid-2x2">
<div class="feature-card">
<span class="icon">📝</span>
<h3>°Å·¡³»¿ª ±â·Ï</h3>
<p>¹°°Ç °ø±Þ¿¡ µû¸¥ ¸ðµç °Å·¡³»¿ªÀ» ü°èÀûÀ¸·Î ±â·ÏÇÏ°í °ü¸®ÇÏ´Â ±âº» ±â´É</p>
</div>
<div class="feature-card">
<span class="icon">📤</span>
<h3>°Å·¡Ã³ ¹ß¼Û</h3>
<p>¿Ï¼ºµÈ °Å·¡¸í¼¼Ç¥¸¦ °Å·¡Ã³¿¡ °ø½ÄÀûÀ¸·Î ¹ß¼ÛÇÏ¿© Åõ¸íÇÑ °Å·¡ °ü°è À¯Áö</p>
</div>
<div class="feature-card">
<span class="icon">🧾</span>
<h3>¼¼±Ý°è»ê¼ ¿¬°è</h3>
<p>¿ù ÇÕ°è ±âÁØÀ¸·Î ¼¼±Ý°è»ê¼ ÀÛ¼º ½Ã Çʼö ÷ºÎ ÀÚ·á·Î Ȱ¿ë</p>
</div>
<div class="feature-card">
<span class="icon">📈</span>
<h3>°Å·¡ Åõ¸í¼º</h3>
<p>¸íÈ®ÇÑ °Å·¡ ³»¿ª Á¦½Ã·Î ºñÁî´Ï½º ½Å·Úµµ Çâ»ó ¹× ºÐÀï ¿¹¹æ</p>
</div>
</div>
</div>
<!¡©¡©¡©¡©¡©¡© ±¸¼º Ç׸ñ ¼½¼Ç (2x3 ¹è¿) ¡©¡©¡©¡©¡©¡©>
<div class="section">
<div class="section-title">°Å·¡¸í¼¼Ç¥ ±¸¼º Ç׸ñ</div>
<div class="grid-2x3">
<div class="component-card">
<span class="component-icon">🏷️</span>
<span class="component-text">ǰ¸í</span>
<div class="component-desc">°Å·¡ »óǰÀÇ Á¤È®ÇÑ ¸íĪ ¹× »ó¼¼ Á¤º¸</div>
</div>
<div class="component-card">
<span class="component-icon">📏</span>
<span class="component-text">±Ô°Ý</span>
<div class="component-desc">»óǰÀÇ Å©±â, ¿ë·®, ´ÜÀ§ µî ¼¼ºÎ ±Ô°Ý »çÇ×</div>
</div>
<div class="component-card">
<span class="component-icon">📦</span>
<span class="component-text">¼ö·®</span>
<div class="component-desc">½ÇÁ¦ °ø±ÞµÈ »óǰÀÇ Á¤È®ÇÑ ¼ö·® ±âÀç</div>
</div>
<div class="component-card">
<span class="component-icon">💰</span>
<span class="component-text">´Ü°¡</span>
<div class="component-desc">»óǰ 1°³´ç ÆÇ¸Å °¡°Ý ¶Ç´Â ´ÜÀ§ °¡°Ý</div>
</div>
<div class="component-card">
<span class="component-icon">💵</span>
<span class="component-text">±Ý¾×</span>
<div class="component-desc">¼ö·® ¡¿ ´Ü°¡·Î °è»êµÈ ÃÑ °Å·¡ ±Ý¾×</div>
</div>
<div class="component-card">
<span class="component-icon">📅</span>
<span class="component-text">±âŸ Á¤º¸</span>
<div class="component-desc">°Å·¡ÀÏÀÚ, ³³±âÀÏ, ƯÀÌ»çÇ× µî Ãß°¡ Á¤º¸</div>
</div>
</div>
</div>
<!¡©¡©¡©¡©¡©¡© ÀÛ¼º ÇÁ·Î¼¼½º ¼½¼Ç (1x4 ¹è¿) ¡©¡©¡©¡©¡©¡©>
<div class="section">
<div class="section-title">°Å·¡¸í¼¼Ç¥ ÀÛ¼º ÇÁ·Î¼¼½º</div>
<div class="grid-1x4">
<div class="process-step">
<div class="step-number">1</div>
<div class="step-icon">📋</div>
<div class="step-title">±âº»Á¤º¸ ÀÔ·Â</div>
<div class="step-desc">°Å·¡Ã³¸í, °Å·¡ÀÏÀÚ, ´ã´çÀÚ µî ±âº» Á¤º¸ ÀÛ¼º</div>
</div>
<div class="process-step">
<div class="step-number">2</div>
<div class="step-icon">📝</div>
<div class="step-title">»óǰÁ¤º¸ ±âÀç</div>
<div class="step-desc">ǰ¸í, ±Ô°Ý, ¼ö·®, ´Ü°¡ µî »ó¼¼ ³»¿ª ÀÔ·Â</div>
</div>
<div class="process-step">
<div class="step-number">3</div>
<div class="step-icon">🧮</div>
<div class="step-title">±Ý¾× °è»ê</div>
<div class="step-desc">Ç׸ñº° ±Ý¾× °è»ê ¹× ÃÑ ÇÕ°è¾× »êÃâ</div>
</div>
<div class="process-step">
<div class="step-number">4</div>
<div class="step-icon">📤</div>
<div class="step-title">°ËÅä ¹× ¹ß¼Û</div>
<div class="step-desc">³»¿ª °ËÅä ÈÄ °Å·¡Ã³¿¡ °ø½Ä ¹ß¼Û</div>
</div>
</div>
</div>
<!¡©¡©¡©¡©¡©¡© ¹ýÀû ¿ä±¸»çÇ× ¹× Á߿伺 ¼½¼Ç (3x2 ¹è¿) ¡©¡©¡©¡©¡©¡©>
<div class="section">
<div class="section-title">⚖️ ¹ýÀû ¿ä±¸»çÇ× ¹× Á߿伺</div>
<div class="grid-3x2">
<div class="legal-card">
<div class="legal-icon">📋</div>
<div class="legal-title">¼¼¹ý»ó Àǹ«</div>
<div class="legal-desc">¿ù ÇÕ°è ¼¼±Ý°è»ê¼ ÀÛ¼º ½Ã Çʼö ÷ºÎ</div>
</div>
<div class="legal-card">
<div class="legal-icon">🔍</div>
<div class="legal-title">Áõºù ÀÚ·á</div>
<div class="legal-desc">¼¼¹«Á¶»ç ½Ã °Å·¡ »ç½Ç Áõ¸í ÀÚ·á</div>
</div>
<div class="legal-card">
<div class="legal-icon">⚡</div>
<div class="legal-title">½Å¼ÓÇÑ Ã³¸®</div>
<div class="legal-desc">Ç¥ÁØÈµÈ ¾ç½ÄÀ¸·Î ¾÷¹« È¿À²¼º ±Ø´ëÈ</div>
</div>
</div>
</div>
<!¡©¡©¡©¡©¡©¡© Ȱ¿ë ´ë»ó ¹× ÇýÅà ¼½¼Ç (2x2 ¹è¿) ¡©¡©¡©¡©¡©¡©>
<div class="section">
<div class="section-title">🎯 Ȱ¿ë ´ë»ó ¹× ±â´ë È¿°ú</div>
<div class="grid-2x2">
<div class="feature-card">
<span class="icon">🏭</span>
<h3>Á¦Á¶¾÷ü</h3>
<p>¿øÀÚÀç °ø±Þ¾÷ü¿ÍÀÇ °Å·¡³»¿ª °ü¸® ¹× »ý»ê ¿ø°¡ Åõ¸í¼º È®º¸</p>
</div>
<div class="feature-card">
<span class="icon">🛒</span>
<h3>À¯Åë¾÷ü</h3>
<p>µµ¸Å»ó, ¼Ò¸Å»ó °£ÀÇ »óǰ °Å·¡³»¿ª ü°èÀû °ü¸®</p>
</div>
<div class="feature-card">
<span class="icon">🏢</span>
<h3>¼ºñ½º¾÷ü</h3>
<p>¿ë¿ª Á¦°ø ³»¿ª ¹× ¼ö¼ö·á Á¤»êÀ» À§ÇÑ Åõ¸íÇÑ °Å·¡ ±â·Ï</p>
</div>
<div class="feature-card">
<span class="icon">📊</span>
<h3>ȸ°è´ã´çÀÚ</h3>
<p>Á¤È®ÇÑ ¸ÅÃâ°ü¸® ¹× ¼¼¹«½Å°í¸¦ À§ÇÑ Çʼö ¾÷¹« µµ±¸</p>
</div>
</div>
</div>
</div> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àα⠼½Ä |
|
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ °Å·¡¸í¼¼Ç¥ |
: |
97,156 |
|
 |
Ç¥ÁØ °³Àκ° ÀºÇ౸Á ½Å.. |
: |
334,213 |
|
 |
Ç¥ÁØ ¿ÀÀÔ±Ý ¹Ýȯ ¿äû¼ |
: |
1,699 |
|
 |
Ç¥ÁØ Ã»±¸¼ (¹°Ç°´ë±Ý) |
: |
1,520 |
|
 |
Ç¥ÁØ °Å·¡»ç½Ç È®Àμ |
: |
1,417 |
|
 |
Ç¥ÁØ ÅðÁ÷±Ý »êÃâ¸í¼¼¼ |
: |
1,203 |
|
 |
Ç¥ÁØ °æÁ¶»çºñ °ü¸®´ëÀå |
: |
998 |
|
 |
Ç¥ÁØ ÀÚ±ÝÀϺ¸ |
: |
906 |
|
 |
Ç¥ÁØ Æ¯º°»ó¿©±Ý Áö±Þ³»¿ª¼ |
: |
728 |
|
 |
Ç¥ÁØ °¡Áö±Þ±Ý ÁöºÒ¿äû¼ |
: |
705 |
|
 |
Ç¥ÁØ ÃßÁ¤ ´ëÂ÷´ëÁ¶Ç¥ |
: |
584 |
|
 |
Ç¥ÁØ °¡Áö±Þ±Ý Á¤»ê¼ |
: |
280,820 |
|
 |
Ç¥ÁØ ¿¬¸» °á»êº¸°í¼ |
: |
1,790 |
|
 |
Ç¥ÁØ ¿¬¸»Á¤»êÀÚ·á Á¦Ãâ³».. |
: |
1,501 |
|
 |
¼ö¼ö·á Á¤»êÇ¥ |
: |
1,439 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|