|
|
 |
| Ç¥Áؼ½Ä |
|
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: 20px ;
background-color: #fafbfc ;
font-family: 'Malgun Gothic', sans-serif ;
color: #2c3e50 ;
line-height: 1.6 ;
}
#ai_editor h1 {
text-align: center ;
font-size: 42px ;
margin-bottom: 50px ;
color: #7fa89a ;
font-weight: bold ;
line-height: 1.3 ;
}
#ai_editor .section {
margin-bottom: 75px ;
}
#ai_editor .section-title {
font-size: 32px ;
color: #3a3a3a ;
margin-bottom: 50px ;
text-align: center ;
font-weight: bold ;
}
#ai_editor .grid-2x2 {
display: grid ;
grid-template-columns: 1fr 1fr ;
grid-template-rows: 1fr 1fr ;
gap: 25px ;
max-width: 1100px ;
margin: 0 auto ;
}
#ai_editor .card {
background: #ffffff ;
padding: 35px ;
border-radius: 15px ;
box-shadow: 0 4px 15px rgba(127, 168, 154, 0.15) ;
border-left: 5px solid #7fa89a ;
transition: transform 0.3s ease ;
}
#ai_editor .card:hover {
transform: translateY(-5px) ;
}
#ai_editor .card-title {
font-size: 20px ;
font-weight: bold ;
color: #3a3a3a ;
margin-bottom: 15px ;
display: flex ;
align-items: center ;
gap: 10px ;
}
#ai_editor .card-content {
font-size: 16px ;
color: #5a5a5a ;
line-height: 1.7 ;
}
#ai_editor .grid-2x3 {
display: grid ;
grid-template-columns: 1fr 1fr ;
grid-template-rows: repeat(3, 1fr) ;
gap: 25px ;
max-width: 1100px ;
margin: 0 auto ;
}
#ai_editor .step-card {
background: #ffffff ;
padding: 30px ;
border-radius: 12px ;
box-shadow: 0 3px 12px rgba(127, 168, 154, 0.12) ;
border: 2px solid #e8f2ef ;
position: relative ;
}
#ai_editor .step-number {
position: absolute ;
top: -15px ;
left: 20px ;
background: #7fa89a ;
color: #ffffff ;
width: 35px ;
height: 35px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 17px ;
font-weight: bold ;
}
#ai_editor .step-title {
font-size: 19px ;
font-weight: bold ;
color: #3a3a3a ;
margin-bottom: 10px ;
margin-top: 10px ;
}
#ai_editor .step-content {
font-size: 16px ;
color: #5a5a5a ;
line-height: 1.6 ;
}
#ai_editor .grid-1x4 {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
max-width: 1100px ;
margin: 0 auto ;
}
#ai_editor .checklist-card {
background: #ffffff ;
padding: 30px 25px ;
border-radius: 12px ;
box-shadow: 0 3px 12px rgba(127, 168, 154, 0.12) ;
text-align: center ;
border: 1px solid #e8f2ef ;
border-top: 4px solid #7fa89a ;
}
#ai_editor .check-icon {
font-size: 32px ;
margin-bottom: 15px ;
}
#ai_editor .check-title {
font-size: 18px ;
font-weight: bold ;
color: #3a3a3a ;
margin-bottom: 10px ;
}
#ai_editor .check-content {
font-size: 16px ;
color: #5a5a5a ;
line-height: 1.5 ;
}
@media (max-width: 992px) {
#ai_editor {
padding: 18px ;
}
#ai_editor h1 {
font-size: 36px ;
margin-bottom: 45px ;
}
#ai_editor .section {
margin-bottom: 60px ;
}
#ai_editor .section-title {
font-size: 28px ;
margin-bottom: 40px ;
}
#ai_editor .grid-2x2,
#ai_editor .grid-2x3 {
gap: 22px ;
}
#ai_editor .card {
padding: 30px ;
}
#ai_editor .card-title {
font-size: 19px ;
}
#ai_editor .step-card {
padding: 28px ;
}
#ai_editor .step-number {
width: 32px ;
height: 32px ;
font-size: 16px ;
}
#ai_editor .step-title {
font-size: 18px ;
}
#ai_editor .grid-1x4 {
grid-template-columns: repeat(2, 1fr) ;
gap: 22px ;
}
#ai_editor .checklist-card {
padding: 28px 22px ;
}
#ai_editor .check-icon {
font-size: 30px ;
}
#ai_editor .check-title {
font-size: 17px ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 15px ;
}
#ai_editor h1 {
font-size: 28px ;
margin-bottom: 40px ;
}
#ai_editor .section {
margin-bottom: 50px ;
}
#ai_editor .section-title {
font-size: 24px ;
margin-bottom: 35px ;
}
#ai_editor .grid-2x2,
#ai_editor .grid-2x3 {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .card {
padding: 28px 25px ;
}
#ai_editor .card-title {
font-size: 18px ;
}
#ai_editor .step-card {
padding: 25px 22px ;
}
#ai_editor .step-number {
width: 30px ;
height: 30px ;
font-size: 16px ;
top: -13px ;
left: 18px ;
}
#ai_editor .step-title {
font-size: 17px ;
}
#ai_editor .grid-1x4 {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .checklist-card {
padding: 25px 20px ;
}
#ai_editor .check-icon {
font-size: 28px ;
margin-bottom: 12px ;
}
#ai_editor .check-title {
font-size: 17px ;
}
}
@media (max-width: 480px) {
#ai_editor h1 {
font-size: 24px ;
margin-bottom: 35px ;
}
#ai_editor .section {
margin-bottom: 45px ;
}
#ai_editor .section-title {
font-size: 22px ;
margin-bottom: 30px ;
}
#ai_editor .card {
padding: 25px 20px ;
}
#ai_editor .card-title {
font-size: 17px ;
}
#ai_editor .step-card {
padding: 22px 18px ;
}
#ai_editor .step-number {
width: 28px ;
height: 28px ;
font-size: 16px ;
top: -12px ;
left: 15px ;
}
#ai_editor .step-title {
font-size: 17px ;
}
#ai_editor .checklist-card {
padding: 22px 18px ;
}
#ai_editor .check-icon {
font-size: 26px ;
}
}
</style>
<div id="ai_editor">
<h1>📋 Ç¥ÁØ È¸ÀÇ·Ï ¼½Ä ¿Ïº® °¡À̵å</h1>
<div class="section">
<h2 class="section-title">📌 ȸÀÇ·Ï Çʼö ±¸¼º¿ä¼Ò</h2>
<div class="grid-2x2">
<div class="card">
<div class="card-title">🏢 ±âº» Á¤º¸</div>
<div class="card-content">
• ºÎ¼¸í<br>
• ȸÀÇÀÏÀÚ<br>
• ȸÀÇ Á¦¸ñ<br>
• ȸÀÇ Àå¼Ò
</div>
</div>
<div class="card">
<div class="card-title">👥 Âü¼®ÀÚ Á¤º¸</div>
<div class="card-content">
• ÁøÇàÀÚ(ȸÀÇ ÁÖÀçÀÚ)<br>
• Âü¼®ÀÚ ¸í´Ü<br>
• ±â·ÏÀÚ<br>
• Âü¼® Àοø¼ö
</div>
</div>
<div class="card">
<div class="card-title">💼 ȸÀÇ ³»¿ë</div>
<div class="card-content">
• ¾È°Çº° ³íÀÇ»çÇ×<br>
• ÁÖ¿ä ¹ß¾ð ³»¿ë<br>
• °áÁ¤»çÇ×<br>
• º¸·ù/°ËÅä»çÇ×
</div>
</div>
<div class="card">
<div class="card-title">✅ ½Çõ ÀÇÁ¦</div>
<div class="card-content">
• ÈÄ¼Ó Á¶Ä¡»çÇ×<br>
• ´ã´çÀÚ ¹èÁ¤<br>
• ¿Ï·á ¿¹Á¤ÀÏ<br>
• Â÷±â ȸÀÇ °èȹ
</div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">⚡ ȸÀÇ·Ï ÀÛ¼º 6´Ü°è</h2>
<div class="grid-2x3">
<div class="step-card">
<div class="step-number">1</div>
<div class="step-title">»çÀü Áغñ</div>
<div class="step-content">ȸÀÇ ¾È°Ç ÆÄ¾Ç ¹× ¾ç½Ä Áغñ</div>
</div>
<div class="step-card">
<div class="step-number">2</div>
<div class="step-title">±âº»Á¤º¸ ±âÀÔ</div>
<div class="step-content">³¯Â¥, Àå¼Ò, Âü¼®ÀÚ µî ±âº»»çÇ× ÀÛ¼º</div>
</div>
<div class="step-card">
<div class="step-number">3</div>
<div class="step-title">½Ç½Ã°£ ±â·Ï</div>
<div class="step-content">ȸÀÇ ÁøÇà Áß ÇÙ½É ³»¿ë ¸Þ¸ð</div>
</div>
<div class="step-card">
<div class="step-number">4</div>
<div class="step-title">³»¿ë Á¤¸®</div>
<div class="step-content">¾È°Çº°·Î ³íÀdz»¿ë°ú °áÁ¤»çÇ× Á¤¸®</div>
</div>
<div class="step-card">
<div class="step-number">5</div>
<div class="step-title">¾×¼Ç ¾ÆÀÌÅÛ</div>
<div class="step-content">ÈÄ¼Ó Á¶Ä¡»çÇ×°ú ´ã´çÀÚ ¸í½Ã</div>
</div>
<div class="step-card">
<div class="step-number">6</div>
<div class="step-title">°ËÅä ¹× ¹èÆ÷</div>
<div class="step-content">³»¿ë °ËÅä ÈÄ °ü·ÃÀÚ¿¡°Ô °øÀ¯</div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">✨ ȸÀÇ·Ï ¿Ï¼ºµµ üũ¸®½ºÆ®</h2>
<div class="grid-1x4">
<div class="checklist-card">
<div class="check-icon">📅</div>
<div class="check-title">±âº»Á¤º¸</div>
<div class="check-content">³¯Â¥, ½Ã°£, Àå¼Ò, Âü¼®ÀÚ°¡ ¸ðµÎ ±â·ÏµÇ¾ú´Â°¡?</div>
</div>
<div class="checklist-card">
<div class="check-icon">💬</div>
<div class="check-title">³íÀdz»¿ë</div>
<div class="check-content">°¢ ¾È°Çº° ÇÙ½É ³íÀÇ»çÇ×ÀÌ ¸íÈ®È÷ Á¤¸®µÇ¾ú´Â°¡?</div>
</div>
<div class="checklist-card">
<div class="check-icon">✅</div>
<div class="check-title">°áÁ¤»çÇ×</div>
<div class="check-content">ȸÀÇ¿¡¼ °áÁ¤µÈ »çÇ×µéÀÌ ±¸Ã¼ÀûÀ¸·Î ¸í½ÃµÇ¾ú´Â°¡?</div>
</div>
<div class="checklist-card">
<div class="check-icon">🎯</div>
<div class="check-title">ÈļÓÁ¶Ä¡</div>
<div class="check-content">´ã´çÀÚ¿Í ¿Ï·áÀÏÁ¤ÀÌ Æ÷ÇÔµÈ ¾×¼Ç ¾ÆÀÌÅÛÀÌ Àִ°¡?</div>
</div>
</div>
</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 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|