|
|
 |
| Ç¥Áؼ½Ä |
|
ISO ÇüÅÂÀÇ ¹®¼ Ç¥ÁØÈ°¡ °¡´ÉÇÕ´Ï´Ù. |
|
Ç¥Áؼ½Ä
>
ÀÏ¹Ý |
|
|
|
|
|
|
 |
 |
 |
|
|
|
 |
ÇÁ·Î±×·¥º° ±â´É Ãß°¡·Î »ç¿ëÀΰ¨°è ÀÛ¼ºÀÌ Æí¸®ÇØÁ³½À´Ï´Ù. |
 |
[ÀÚµ¿³¯Â¥ ±âÀÔ] ¹®¼¸¦ ÀÛ¼ºÇÏ´Â ³¯Â¥°¡ ÀÚµ¿À¸·Î ÀԷµ˴ϴÙ. |
 |
[´©¸§Æ²] Ç׸ñº° ¿¹Á¦¸¦ È®ÀÎÇÏ°í ³»¿ëÀ» ¹Ù·Î ÀÔ·ÂÇÒ ¼ö ÀÖ½À´Ï´Ù. |
|
|
|
|
|
|
 |
 |
 |
 |
 |
 |
 |
 |
| »ç¿ëÀΰ¨°è Á¤ÀÇ ¹× Çʿ伺 |
|
¹ýÀÎÀ» ¼³¸³ÇÑ ÈÄ °üÇÒ ¹ý¿øµî±â¼Ò¿¡ ¹ýÀÎÀΰ¨(µµÀå)À» ½Å°íÇϵµ·Ï µÇ¾î ÀÖ½À´Ï´Ù.
½Å°íµÈ µµÀåÀ» ÇØ´ç ¹ýÀÎÀÇ ¹ýÀÎÀΰ¨ÀÌ µÇ´Â °ÍÀÌ°í °üÇÒ ¹ý¿øµî±â¼Ò¿¡¼ Çʿ信 ÀÇÇØ ½Åû ½Ã ¹ýÀÎÀΰ¨Áõ¸í¼¸¦ ¹ßÇàÇØ ÁÖ°í ÀÖ½À´Ï´Ù. ¿øÄ¢ÀûÀ¸·Î °¢Á¾ °Å·¡ ½Ã µî·ÏÇÑ ¹ýÀÎÀΰ¨À» ¾²´Â °ÍÀÌ Á¤¼®ÀÌÁö¸¸ ¹ýÀÎÀΰ¨Àº Çϳª¹Û¿¡ ¾ø°í... |
|
 |
»ç¿ëÀΰ¨À» »ç¿ëÇÒ ¶§¸¶´Ù »ç¿ëÀΰ¨°è¸¦ Á¦ÃâÇØ¾ßÇÏ´ÂÁö ¾Ë°í ½Í½À´Ï´Ù. |
|
|
 |
»ç¿ëÀΰ¨À» »ç¿ëÇÏ´Â °æ¿ì, »ç¿ëÀΰ¨°è¿Í Àΰ¨Áõ¸í¼°¡ ÷ºÎµÇ¾î¾ß ÇÔÀº ´ç¿¬ÇÏÁö¸¸ ±Í»ç°¡ ¾î¶² ȸ»ç¿Í °è¾àÀ» ¸Î°í °è¼ÓÀû °Å·¡°ü°è¸¦ À¯ÁöÇÒ ¶§ óÀ½ °è¾à ½Ã¿¡ »ç¿ëÀΰ¨°è¿Í Àΰ¨Áõ¸í¼¸¦ Á¦ÃâÇϸé ÃæºÐÇÏ´Ù°í »ý°¢ÇÕ´Ï´Ù. óÀ½ °è¾à½Ã¿¡ ÀÌ °è¾à°Ç¿¡ °üÇØ¼´À ÀÌ »ç¿ëÀΰ¨À»... |
|
|
|
 |
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<div id="ai_editor">
<h1>📋 Ç¥ÁØ »ç¿ëÀΰ¨°è</h1>
<p class="subtitle">»ç¿ëÀΰ¨ÀÇ Á¤½Ä µî·ÏÀ» Áõ¸íÇÏ´Â °ø½Ä ¼·ù</p>
<div class="section">
<div class="highlight-box">
<div class="highlight-title">📝 »ç¿ëÀΰ¨°è¶õ?</div>
<div class="highlight-content">
ƯÁ¤ ¹®¼³ª °Å·¡¿¡ »ç¿ëµÇ´Â µµÀåÀÎ »ç¿ëÀΰ¨ÀÌ ÇØ´ç °³ÀÎÀ̳ª ´ÜüÀÇ Á¤½Ä »ç¿ë Àΰ¨ÀÓÀ» Áõ¸íÇϱâ À§ÇØ Á¦ÃâÇÏ´Â °ø½ÄÀûÀÎ Áõ¸í ¼·ùÀÔ´Ï´Ù.
</div>
</div>
</div>
<div class="section">
<div class="section-title">ÁÖ¿ä ¸ñÀû</div>
<div class="stats-container">
<div class="stat-box">
<div class="stat-number">🔐</div>
<div class="stat-label">Àΰ¨ ÁøÀ§ È®ÀÎ<br>µµÀåÀÇ ÁøÁ¤¼º Áõ¸í</div>
</div>
<div class="stat-box">
<div class="stat-number">⚖️</div>
<div class="stat-label">¹ýÀû È¿·Â º¸Àå<br>°ø½Ä ¹®¼ÀÇ À¯È¿¼º</div>
</div>
<div class="stat-box">
<div class="stat-number">🛡️</div>
<div class="stat-label">»ç±â ¹æÁö<br>À§Á¶ Àΰ¨ »ç¿ë Â÷´Ü</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">Ȱ¿ë ºÐ¾ß</div>
<div class="grid-4">
<div class="card">
<div class="card-icon">🏛️</div>
<div class="card-title">±ÝÀ¶ ¾÷¹«</div>
<div class="card-content">ÀºÇà °èÁ °³¼³, ´ëÃâ ½Åû, °¢Á¾ ±ÝÀ¶ °Å·¡ ½Ã Çʼö</div>
</div>
<div class="card">
<div class="card-icon">🏢</div>
<div class="card-title">ºÎµ¿»ê °Å·¡</div>
<div class="card-content">¸Å¸Å°è¾à¼, ÀÓ´ëÂ÷°è¾à¼, µî±â °ü·Ã ¾÷¹«</div>
</div>
<div class="card">
<div class="card-icon">📄</div>
<div class="card-title">¹ýÁ¤ ¼·ù</div>
<div class="card-content">°¢Á¾ ½Åû¼, °è¾à¼, °øÁõÀÌ ÇÊ¿äÇÑ ¹®¼</div>
</div>
<div class="card">
<div class="card-icon">🤝</div>
<div class="card-title">»ç¾÷ °Å·¡</div>
<div class="card-content">ȸ»ç ¼³¸³, »ç¾÷ÀÚ µî·Ï, Áß¿ä °è¾à¼ ÀÛ¼º</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">Çʼö Æ÷ÇÔ Á¤º¸</div>
<div class="grid-3">
<div class="card">
<div class="card-icon">👤</div>
<div class="card-title">Àΰ¨ »ç¿ëÀÚ</div>
<div class="card-content">¼º¸í, Áֹεî·Ï¹øÈ£, ÁÖ¼Ò µî °³ÀÎÁ¤º¸</div>
</div>
<div class="card">
<div class="card-icon">🔖</div>
<div class="card-title">Àΰ¨ Á¤º¸</div>
<div class="card-content">Àΰ¨ ³¯ÀÎ, µî·Ï ÀÏÀÚ ¹× ¹øÈ£</div>
</div>
<div class="card">
<div class="card-icon">📅</div>
<div class="card-title">¹ß±Þ Á¤º¸</div>
<div class="card-content">¹ß±Þ ±â°ü, ¹ß±ÞÀÏ, À¯È¿ ±â°£ ¸í½Ã</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">¹ß±Þ ÀýÂ÷</div>
<div class="process-flow">
<div class="process-step">
<div class="process-number">1</div>
<div class="process-title">½Åû Áغñ</div>
<div class="process-desc">ÇÊ¿ä ¼·ù Áغñ ½ÅºÐÁõ, ÀਵµÀå</div>
</div>
<div class="process-step">
<div class="process-number">2</div>
<div class="process-title">±â°ü ¹æ¹®</div>
<div class="process-desc">Áֹμ¾ÅÍ ¶Ç´Â ½Ãû ¹æ¹®</div>
</div>
<div class="process-step">
<div class="process-number">3</div>
<div class="process-title">½Åû¼ ÀÛ¼º</div>
<div class="process-desc">Àΰ¨°è ½Åû¼ ÀÛ¼º ¹× Á¦Ãâ</div>
</div>
<div class="process-step">
<div class="process-number">4</div>
<div class="process-title">¹ß±Þ ¿Ï·á</div>
<div class="process-desc">¼ö¼ö·á ³³ºÎ Àΰ¨°è ¼ö·É</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">ÁÖ¿ä Æ¯Â¡</div>
<div class="grid-4-features">
<div class="card">
<div class="card-icon">📜</div>
<div class="card-title">Ç¥ÁØ ¼½Ä</div>
<div class="card-content">Àü±¹ °øÅëÀ¸·Î »ç¿ëµÇ´Â Ç¥ÁØÈµÈ °ø½Ä ¾ç½Ä</div>
</div>
<div class="card">
<div class="card-icon">🔒</div>
<div class="card-title">º¸¾È ±â´É</div>
<div class="card-content">À§Á¶ ¹æÁö¸¦ À§ÇÑ Æ¯¼ö ¿ëÁö ¹× ÀÎÁõ</div>
</div>
<div class="card">
<div class="card-icon">⏰</div>
<div class="card-title">À¯È¿ ±â°£</div>
<div class="card-content">ÀϹÝÀûÀ¸·Î 3°³¿ù ¹ß±Þ ¸ñÀû¿¡ µû¶ó Á¶Á¤</div>
</div>
<div class="card">
<div class="card-icon">💳</div>
<div class="card-title">¹ß±Þ ºñ¿ë</div>
<div class="card-content">±â°üº° ¼ö¼ö·á ÀϹÝÀûÀ¸·Î ¼Ò¾×</div>
</div>
</div>
</div>
<div class="section">
<div class="info-box">
<div class="info-title">📌 Áß¿ä ¾È³»»çÇ×</div>
<div class="info-content">
• »ç¿ëÀΰ¨°è´Â Áß¿äÇÑ ¹ýÀû È¿·ÂÀ» °¡Áö´Â °ø½Ä ¹®¼ÀÔ´Ï´Ù.<br>
• ºÐ½Ç ½Ã Áï½Ã ¹ß±Þ ±â°ü¿¡ ½Å°íÇÏ¿© Àç¹ß±Þ¹Þ¾Æ¾ß ÇÕ´Ï´Ù.<br>
• ŸÀο¡°Ô ¾çµµÇϰųª ´ë¸® »ç¿ëÀ» Çã¿ëÇØ¼´Â ¾ÈµË´Ï´Ù.<br>
• À¯È¿ ±â°£À» È®ÀÎÇÏ°í ¸¸·á Àü¿¡ °»½ÅÇØ¾ß ÇÕ´Ï´Ù.</div>
</div>
</div>
<div class="section">
<div class="highlight-box">
<div class="highlight-title">💡 Ȱ¿ë È¿°ú</div>
<div class="highlight-content">
Ç¥ÁØ »ç¿ëÀΰ¨°è¸¦ ÅëÇØ Àΰ¨ÀÇ ÁøÁ¤¼ºÀ» º¸ÀåÇϰí, °¢Á¾ °Å·¡¿Í °è¾à¿¡¼ ¹ýÀû ¾ÈÀü¼ºÀ» È®º¸ÇÒ ¼ö ÀÖ¾î °³Àΰú ±â¾÷ÀÇ Áß¿ä ¾÷¹«¸¦ ¾ÈÀüÇÏ°Ô Ã³¸®ÇÒ ¼ö ÀÖ½À´Ï´Ù.
</div>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
padding: 40px 20px ;
font-family: 'Malgun Gothic', sans-serif ;
background-color: #f0fdf4 ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.05) ;
}
#ai_editor h1 {
text-align: center ;
color: #16a34a ;
font-size: 32px ;
margin-bottom: 20px ;
font-weight: bold ;
}
#ai_editor .subtitle {
text-align: center ;
color: #64748b ;
font-size: 18px ;
margin-bottom: 75px ;
}
#ai_editor .section {
margin-bottom: 75px ;
}
#ai_editor .section-title {
color: #16a34a ;
font-size: 24px ;
font-weight: bold ;
margin-bottom: 30px ;
text-align: center ;
border-bottom: 2px solid #bbf7d0 ;
padding-bottom: 10px ;
}
#ai_editor .grid-3 {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
}
#ai_editor .grid-4 {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .grid-4-features {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .card {
background: white ;
padding: 25px ;
border-radius: 10px ;
box-shadow: 0 2px 10px rgba(22, 163, 74, 0.1) ;
border: 2px solid #dcfce7 ;
transition: transform 0.3s ease ;
}
#ai_editor .card:hover {
transform: translateY(-3px) ;
}
#ai_editor .card-icon {
font-size: 32px ;
margin-bottom: 15px ;
text-align: center ;
}
#ai_editor .card-title {
color: #16a34a ;
font-size: 18px ;
font-weight: bold ;
margin-bottom: 10px ;
text-align: center ;
}
#ai_editor .card-content {
color: #475569 ;
font-size: 16px ;
line-height: 1.5 ;
text-align: center ;
}
#ai_editor .highlight-box {
background: linear-gradient(135deg, #dcfce7, #bbf7d0) ;
padding: 30px ;
border-radius: 12px ;
border-left: 5px solid #16a34a ;
}
#ai_editor .highlight-title {
color: #16a34a ;
font-size: 22px ;
font-weight: bold ;
margin-bottom: 15px ;
text-align: center ;
}
#ai_editor .highlight-content {
color: #15803d ;
font-size: 16px ;
line-height: 1.6 ;
text-align: center ;
}
#ai_editor .stats-container {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
}
#ai_editor .stat-box {
background: white ;
padding: 30px ;
border-radius: 12px ;
text-align: center ;
border: 2px solid #bbf7d0 ;
}
#ai_editor .stat-number {
font-size: 48px ;
margin-bottom: 15px ;
}
#ai_editor .stat-label {
color: #64748b ;
font-size: 16px ;
line-height: 1.5 ;
}
#ai_editor .process-flow {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .process-step {
background: white ;
padding: 25px 15px ;
border-radius: 10px ;
text-align: center ;
border: 2px solid #dcfce7 ;
position: relative ;
}
#ai_editor .process-step:not(:last-child)::after {
content: '¡æ' ;
position: absolute ;
right: -25px ;
top: 50% ;
transform: translateY(-50%) ;
color: #4ade80 ;
font-size: 24px ;
font-weight: bold ;
z-index: 1 ;
}
#ai_editor .process-number {
background: #16a34a ;
color: white ;
width: 35px ;
height: 35px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
margin: 0 auto 15px ;
font-size: 18px ;
font-weight: bold ;
}
#ai_editor .process-title {
color: #16a34a ;
font-size: 18px ;
font-weight: bold ;
margin-bottom: 10px ;
}
#ai_editor .process-desc {
color: #64748b ;
font-size: 16px ;
line-height: 1.5 ;
}
#ai_editor .info-box {
background: white ;
padding: 30px ;
border-radius: 10px ;
border: 2px solid #dcfce7 ;
}
#ai_editor .info-title {
color: #16a34a ;
font-size: 20px ;
font-weight: bold ;
margin-bottom: 20px ;
text-align: center ;
}
#ai_editor .info-content {
color: #475569 ;
font-size: 16px ;
line-height: 1.8 ;
}
@media (max-width: 992px) {
#ai_editor {
padding: 35px 20px ;
}
#ai_editor h1 {
font-size: 28px ;
}
#ai_editor .subtitle {
font-size: 17px ;
margin-bottom: 65px ;
}
#ai_editor .section {
margin-bottom: 65px ;
}
#ai_editor .section-title {
font-size: 22px ;
}
#ai_editor .grid-4 {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .grid-4-features {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .process-flow {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .process-step:nth-child(2)::after {
display: none ;
}
#ai_editor .process-step:nth-child(3)::after {
content: '¡æ' ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 30px 15px ;
}
#ai_editor h1 {
font-size: 26px ;
}
#ai_editor .subtitle {
font-size: 16px ;
margin-bottom: 60px ;
}
#ai_editor .section {
margin-bottom: 60px ;
}
#ai_editor .section-title {
font-size: 20px ;
}
#ai_editor .stats-container {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .grid-3 {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .grid-4 {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .grid-4-features {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .process-flow {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .process-step::after {
content: '¡é' ;
right: 50% ;
top: auto ;
bottom: -30px ;
transform: translateX(50%) ;
font-size: 24px ;
}
#ai_editor .process-step:last-child::after {
display: none ;
}
#ai_editor .card {
padding: 20px ;
}
#ai_editor .stat-box {
padding: 25px ;
}
#ai_editor .highlight-box {
padding: 25px ;
}
#ai_editor .info-box {
padding: 25px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 25px 15px ;
}
#ai_editor h1 {
font-size: 24px ;
}
#ai_editor .subtitle {
font-size: 16px ;
margin-bottom: 50px ;
}
#ai_editor .section {
margin-bottom: 50px ;
}
#ai_editor .section-title {
font-size: 19px ;
}
#ai_editor .card-icon {
font-size: 28px ;
}
#ai_editor .stat-number {
font-size: 40px ;
}
#ai_editor .highlight-title {
font-size: 20px ;
}
#ai_editor .info-title {
font-size: 19px ;
}
}
</style> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àα⠼½Ä |
|
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ °è¾àÇØÁö ³»¿ëÁõ¸í¼.. |
: |
198,170 |
|
 |
Ç¥ÁØ ÇùÁ¶¿äû °ø¹®(ÀÛ¼º.. |
: |
162,232 |
|
 |
Ç¥ÁØ ÀÏÀÏ ¾÷¹«º¸°í¼(°¡.. |
: |
2,497 |
|
 |
Ç¥ÁØ ÇÏÀÚº¸¼ö ÀÌÇà°¢¼ |
: |
1,192 |
|
 |
Ç¥ÁØ ¾÷¹«°³¼± Á¦¾È¼ |
: |
994 |
|
 |
Ç¥ÁØ ¹°Ç°º¸°üÁõ |
: |
859 |
|
 |
Ç¥ÁØ ¼º°ú ºÐ¼® º¸°í¼ |
: |
835 |
|
 |
Ç¥ÁØ »ç¾÷¼öÇà ½ÇÀûÈ®Àμ |
: |
611 |
|
 |
Ç¥ÁØ Ã¤Á¡ ±âÁØÇ¥ |
: |
301 |
|
 |
Ç¥ÁØ °ÇÃà°ø»ç °ßÀû¼(ÀÛ.. |
: |
97,690 |
|
 |
Ç¥ÁØ °ßÀû¼(ÀÛ¼º¹æ¹ý, .. |
: |
191,593 |
|
 |
Ç¥ÁØ ±ÇÇÑ À§ÀÓÀå(ÀÛ¼º¹æ.. |
: |
191,366 |
|
 |
Ç¥ÁØ Ã¤¹«±Ý ³»¿ëÁõ¸í¼(.. |
: |
132,838 |
|
 |
Ç¥ÁØ ºÎµ¿»ê(ÀÓ´ëÂ÷) ³».. |
: |
76,782 |
|
 |
Ç¥ÁØ Á¦Ç° °ßÀû¼(ÀÛ¼º¹æ.. |
: |
73,977 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|