|
|
 |
| Ç¥Áؼ½Ä |
|
ISO ÇüÅÂÀÇ ¹®¼ Ç¥ÁØÈ°¡ °¡´ÉÇÕ´Ï´Ù. |
|
Ç¥Áؼ½Ä
>
°æ¸® |
|
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<div id="ai_editor"><div class="info-header"><h1>🏦 °³Àκ° ÀºÇ౸Á ½Å°í¼</h1>
<p class="subtitle">±Þ¿© ÀÌü¸¦ À§ÇÑ Á÷¿ø °èÁ Á¤º¸ µî·Ï Çʼö ¼½Ä</p>
</div>
<div class="info-section">
<h2>📋 ¼½Ä °³¿ä</h2>
<div class="overview-grid">
<div class="overview-card">
<div class="card-icon">💳</div>
<h3>¼½Ä ¸ñÀû</h3>
<p>Á÷¿øÀÇ ±Þ¿©, »ó¿©±Ý, ÅðÁ÷±Ý µîÀ» ÀºÇà °èÁ·ΠÀÌüÇϱâ À§ÇØ °èÁ Á¤º¸¸¦ ȸ»ç¿¡ ½Å°íÇÏ´Â ¹®¼ÀÔ´Ï´Ù.</p>
</div>
<div class="overview-card">
<div class="card-icon">📝</div>
<h3>ÀÛ¼º ½ÃÁ¡</h3>
<p>ÀÔ»ç ½Ã ÀÎ»ç ¼·ù¿Í ÇÔ²² Á¦ÃâÇϸç, °èÁ º¯°æ ½Ã¿¡µµ »õ·Î¿î ½Å°í¼¸¦ Á¦ÃâÇØ¾ß ÇÕ´Ï´Ù.</p>
</div>
<div class="overview-card">
<div class="card-icon">🔒</div>
<h3>¹ýÀû ±Ù°Å</h3>
<p>±Ù·Î±âÁعý Á¦43Á¶¿¡ µû¶ó ±Ù·ÎÀÚ°¡ µ¿ÀÇÇÑ °æ¿ì ÀÓ±ÝÀ» ÅëÈ ÀÌ¿ÜÀÇ ¹æ¹ý(°èÁÂÀÌü)À¸·Î Áö±ÞÇÒ ¼ö ÀÖ½À´Ï´Ù.</p>
</div>
<div class="overview-card">
<div class="card-icon">✅</div>
<h3>Çʼö ¿©ºÎ</h3>
<p>Çö±Ý Áö±ÞÀÌ ¾Æ´Ñ °èÁ ÀÌü·Î ±Þ¿©¸¦ ¹Þ±â ¿øÇÏ´Â ¸ðµç Á÷¿øÀÌ Çʼö·Î Á¦ÃâÇØ¾ß ÇÕ´Ï´Ù.</p>
</div>
</div>
</div>
<div class="info-section">
<h2>📌 Çʼö ±âÀç Ç׸ñ</h2>
<div class="required-items">
<div class="item-card">
<div class="item-header">
<span class="item-number">01</span>
<h3>ÀÎÀû»çÇ×</h3>
</div>
<div class="item-content">
<ul>
<li><strong>¼º¸í :</strong> º»ÀÎÀÇ ½Ç¸í(Áֹεî·ÏÁõ»ó À̸§)</li>
<li><strong>ºÎ¼/Á÷±Þ :</strong> ¼Ò¼Ó ºÎ¼¸í ¹× Á÷±Þ</li>
<li><strong>»ç¿ø¹øÈ£ :</strong> ȸ»ç¿¡¼ ºÎ¿©ÇÑ °íÀ¯ ¹øÈ£</li>
<li><strong>Áֹεî·Ï¹øÈ£ :</strong> º»ÀÎ È®ÀÎÀ» À§ÇÑ ÁֹιøÈ£</li>
</ul>
</div>
</div>
<div class="item-card">
<div class="item-header">
<span class="item-number">02</span>
<h3>ÀºÇà Á¤º¸</h3>
</div>
<div class="item-content">
<ul>
<li><strong>ÀºÇà¸í :</strong> °èÁ°¡ °³¼³µÈ ÀºÇà¸í</li>
<li><strong>¿¹±ÝÁÖ :</strong> °èÁ ¸íÀÇÀÎ ¼º¸í (º»ÀÎ ¸íÀǸ¸ °¡´É)</li>
<li><strong>°èÁ¹øÈ£ :</strong> ±Þ¿©¸¦ ÀԱݹÞÀ» °èÁÂÀÇ Àüü ¹øÈ£</li>
<li><br></li>
</ul>
</div>
</div>
<div class="item-card">
<div class="item-header">
<span class="item-number">03</span>
<h3>½Å°í ÀÏÀÚ</h3>
</div>
<div class="item-content">
<ul>
<li><strong>ÀÛ¼ºÀÏÀÚ :</strong> ½Å°í¼¸¦ ÀÛ¼ºÇÏ¿© Á¦ÃâÇÏ´Â ³¯Â¥</li>
<li><strong>½ÅûÀÎ ¼¸í :</strong> º»ÀÎÀÌ Á÷Á¢ ¼¸í ¶Ç´Â ³¯ÀÎ</li>
</ul>
</div>
</div>
<div class="item-card">
<div class="item-header">
<span class="item-number">04</span>
<h3>÷ºÎ ¼·ù</h3>
</div>
<div class="item-content">
<ul>
<li><strong>ÅëÀå»çº» :</strong> ÀºÇà¸í, °èÁ¹øÈ£, ¿¹±ÝÁÖ È®ÀÎ °¡´ÉÇÑ ÅëÀå ù ÆäÀÌÁö</li>
<li><strong style="font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;">°èÁ°³¼³ È®ÀÎÁõ :</strong><span style="font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;"> ÅëÀåÀÌ ¾ø´Â °æ¿ì ÀºÇà ¹ß±Þ ¼·ù</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="info-section">
<h2>⚠️ ÀÛ¼º ½Ã ÁÖÀÇ»çÇ×</h2>
<div class="caution-boxes">
<div class="caution-item important">
<div class="caution-header">
<span class="caution-icon">🚨</span>
<h3>º»ÀÎ ¸íÀÇ °èÁ Çʼö</h3>
</div>
<p>±Þ¿©´Â ¹Ýµå½Ã ±Ù·ÎÀÚ º»ÀÎ ¸íÀÇÀÇ °èÁ·θ¸ Áö±ÞµÇ¾î¾ß ÇÕ´Ï´Ù. ¹è¿ìÀÚ³ª °¡Á· ¸íÀÇÀÇ °èÁ´ »ç¿ëÇÒ ¼ö ¾ø½À´Ï´Ù. ÀÌ´Â ±Ù·Î±âÁعý»ó ÀÓ±Ý Á÷Á¢ Áö±Þ ¿øÄ¢¿¡ µû¸¥ °ÍÀÔ´Ï´Ù.</p>
<div class="example-box">
<p><strong>À߸øµÈ ¿¹ :</strong> ±è¡Û¡Û Á÷¿øÀÌ ¹è¿ìÀÚ ÀÌ<span style="font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;">¡Û¡Û</span><span style="font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;"> ¸íÀÇ °èÁ ½Å°í ❌</span></p>
<p><strong>¿Ã¹Ù¸¥ ¿¹ :</strong> ±è¡Û¡Û Á÷¿øÀÌ º»ÀÎ ±è¡Û¡Û ¸íÀÇ °èÁ ½Å°í ✅</p>
</div>
</div>
<div class="caution-item warning">
<div class="caution-header">
<span class="caution-icon">📝</span>
<h3>°èÁ¹øÈ£ Á¤È®¼º È®ÀÎ</h3>
</div>
<p>°èÁ¹øÈ£°¡ Çϳª¶óµµ Ʋ¸®¸é ±Þ¿©°¡ ÀԱݵÇÁö ¾Ê°Å³ª ŸÀÎ °èÁ·Π¿ÀÀÔ±ÝµÉ ¼ö ÀÖ½À´Ï´Ù. ¹Ýµå½Ã ÅëÀåÀ̳ª ¸ð¹ÙÀϹðÅ·À» È®ÀÎÇÏ¿© Á¤È®ÇÏ°Ô ±âÀçÇϰí, ÀÛ¼º ÈÄ ÀçÈ®ÀÎÀÌ ÇÊ¿äÇÕ´Ï´Ù.</p>
<div class="tip-box">
<p><strong>È®ÀÎ ¹æ¹ý :</strong></p>
<ul>
<li>ÅëÀå ù ÆäÀÌÁöÀÇ °èÁ¹øÈ£¿Í ´ëÁ¶</li>
<li>¸ð¹ÙÀϹðÅ· ¾Û¿¡¼ °èÁ¹øÈ£ º¹»ç</li>
<li>ÀÛ¼º ÈÄ ´ã´çÀÚ¿¡°Ô ±¸µÎ·Î ´Ù½Ã È®ÀÎ</li>
</ul>
</div>
</div>
<div class="caution-item info">
<div class="caution-header">
<span class="caution-icon">🔄</span>
<h3>°èÁ º¯°æ ½Ã Àç½Å°í</h3>
</div>
<p>°èÁ¸¦ º¯°æÇϰųª ÀºÇàÀ» ¹Ù²Ù´Â °æ¿ì, ±Þ¿©ÀÏ ÃÖ¼Ò 7ÀÏ Àü±îÁö »õ·Î¿î ½Å°í¼¸¦ Á¦ÃâÇØ¾ß ÇÕ´Ï´Ù. ±Þ¿©ÀÏ¿¡ °¡±î¿ï¼ö·Ï º¯°æÀÌ ¾î·Á¿ï ¼ö ÀÖÀ¸¹Ç·Î ¿©À¯ÀÖ°Ô ½Å°íÇϼ¼¿ä.</p>
<div class="timeline-box">
<p><strong>±ÇÀå ÀÏÁ¤ :</strong></p>
<p>±Þ¿©ÀÏ ±âÁØ 10ÀÏ Àü : »õ °èÁ ½Å°í¼ Á¦Ãâ</p>
<p>±Þ¿©ÀÏ ±âÁØ 7ÀÏ Àü : º¯°æ ó¸® ¸¶°¨ÀÏ</p>
<p>±Þ¿©ÀÏ ±âÁØ 5ÀÏ Àü : ±ä±Þ º¯°æ ¿äû ºÒ°¡</p>
</div>
</div>
<div class="caution-item security">
<div class="caution-header">
<span class="caution-icon">🔒</span>
<h3>°³ÀÎÁ¤º¸ º¸¾È</h3>
</div>
<p>ÀºÇ౸Á ½Å°í¼¿¡´Â ¹Î°¨ÇÑ °³ÀÎÁ¤º¸°¡ Æ÷ÇԵǾî ÀÖÀ¸¹Ç·Î, Á¦Ã⠽à ºÀÅõ¿¡ ³Ö¾î ¹ÐºÀÇϰųª Á÷Á¢ ´ã´çÀÚ¿¡°Ô Àü´ÞÇÏ´Â °ÍÀÌ ¾ÈÀüÇÕ´Ï´Ù. À̸ÞÀÏ·Î Á¦Ã⠽à ¾ÏÈ£ÈµÈ ÆÄÀÏ·Î Àü¼ÛÇϼ¼¿ä.</p>
<div class="security-guide">
<p><strong>¾ÈÀüÇÑ Á¦Ãâ ¹æ¹ý :</strong></p>
<ul>
<li>ºÀÅõ ¹ÐºÀ ÈÄ "°³ÀÎÁ¤º¸" Ç¥½ÃÇÏ¿© Á¦Ãâ</li>
<li>Àλç´ã´çÀÚ¿¡°Ô Á÷Á¢ Àü´Þ</li>
<li>À̸ÞÀÏ ½Ã PDF ÆÄÀÏ¿¡ ¾ÏÈ£ ¼³Á¤</li></ul></div></div></div></div>
<div class="info-footer">
<div class="footer-content">
<h3>✨ Á¤È®ÇÑ °èÁ Á¤º¸·Î ¾ÈÀüÇÑ ±Þ¿© ¼ö·É!</h3>
<p>ÀºÇ౸Á ½Å°í¼¸¦ Á¤È®ÇÏ°Ô ÀÛ¼ºÇÏ¿© ±Þ¿©ÀÏ¿¡ Â÷Áú¾øÀÌ ±Þ¿©¸¦ ¹ÞÀ¸¼¼¿ä.</p>
<div class="footer-checklist">
<div class="check-item">
<span class="check-icon">✓</span>
<p><strong>º»ÀÎ ¸íÀÇ È®ÀÎ :</strong> ¹Ýµå½Ã º»ÀÎ ¸íÀÇÀÇ °èÁÂÀÎÁö È®ÀÎ</p>
</div>
<div class="check-item">
<span class="check-icon">✓</span>
<p><strong>°èÁ¹øÈ£ Á¤È®¼º :</strong> ÅëÀå°ú ´ëÁ¶ÇÏ¿© ¼ýÀÚ ÇϳªÇϳª Á¤È®ÇÏ°Ô ±âÀç</p>
</div>
<div class="check-item">
<span class="check-icon">✓</span>
<p><strong>Á¶±â Á¦Ãâ :</strong> ±Þ¿©ÀÏ ÃÖ¼Ò 7ÀÏ Àü±îÁö Á¦ÃâÇÏ¿© ó¸® ½Ã°£ È®º¸</p>
</div>
</div>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
padding: 50px 25px ;
background-color: #f8f9fd ;
font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif ;
color: #2c3e50 ;
line-height: 1.6 ;
}
#ai_editor * {
box-sizing: border-box ;
}
#ai_editor .info-header {
text-align: center ;
margin-bottom: 60px ;
padding: 45px 25px ;
background: #667eea ;
border-radius: 20px ;
color: white ;
}
#ai_editor .info-header h1 {
font-size: 38px ;
margin: 0 0 15px 0 ;
font-weight: 700 ;
}
#ai_editor .subtitle {
font-size: 20px ;
margin: 0 ;
opacity: 0.95 ;
font-weight: 400 ;
}
#ai_editor .info-section {
margin-bottom: 60px ;
}
#ai_editor .info-section h2 {
font-size: 28px ;
margin: 0 0 35px 0 ;
color: #667eea ;
font-weight: 700 ;
text-align: center ;
}
/* °³¿ä ±×¸®µå */
#ai_editor .overview-grid {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .overview-card {
background: white ;
padding: 30px 25px ;
border-radius: 15px ;
text-align: center ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .card-icon {
font-size: 42px ;
margin-bottom: 15px ;
}
#ai_editor .overview-card h3 {
font-size: 21px ;
margin: 0 0 12px 0 ;
color: #667eea ;
font-weight: 700 ;
}
#ai_editor .overview-card p {
font-size: 17px ;
margin: 0 ;
color: #555 ;
line-height: 1.5 ;
}
/* Çʼö Ç׸ñ */
#ai_editor .required-items {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .item-card {
background: white ;
border-radius: 15px ;
overflow: hidden ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .item-header {
background: #667eea ;
color: white ;
padding: 20px 25px ;
display: flex ;
align-items: center ;
gap: 15px ;
}
#ai_editor .item-number {
background: rgba(255, 255, 255, 0.3) ;
width: 40px ;
height: 40px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 18px ;
font-weight: 700 ;
flex-shrink: 0 ;
}
#ai_editor .item-header h3 {
font-size: 21px ;
margin: 0 ;
font-weight: 700 ;
}
#ai_editor .item-content {
padding: 25px ;
}
#ai_editor .item-content ul {
margin: 0 ;
padding: 0 ;
list-style: none ;
}
#ai_editor .item-content li {
font-size: 17px ;
color: #555 ;
margin-bottom: 12px ;
padding-left: 0 ;
line-height: 1.5 ;
}
#ai_editor .item-content li:last-child {
margin-bottom: 0 ;
}
#ai_editor .item-content li strong {
color: #667eea ;
font-weight: 700 ;
}
/* ÁÖÀÇ»çÇ× ¹Ú½º */
#ai_editor .caution-boxes {
display: grid ;
gap: 25px ;
}
#ai_editor .caution-item {
background: white ;
padding: 30px 25px ;
border-radius: 15px ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .caution-item.important {
border-left: 2px solid #ef4444 ;
}
#ai_editor .caution-item.warning {
border-left: 2px solid #ef4444 ;
}
#ai_editor .caution-item.info {
border-left: 2px solid #ef4444 ;
}
#ai_editor .caution-item.security {
border-left: 2px solid #ef4444 ;
}
#ai_editor .caution-header {
display: flex ;
align-items: center ;
gap: 12px ;
margin-bottom: 15px ;
}
#ai_editor .caution-icon {
font-size: 32px ;
}
#ai_editor .caution-header h3 {
font-size: 22px ;
margin: 0 ;
color: #2c3e50 ;
font-weight: 700 ;
}
#ai_editor .caution-item > p {
font-size: 17px ;
margin: 0 0 20px 0 ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .example-box,
#ai_editor .tip-box,
#ai_editor .timeline-box,
#ai_editor .security-guide {
background: #f8f9fd ;
padding: 18px 20px ;
border-radius: 10px ;
margin-top: 15px ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .example-box p,
#ai_editor .timeline-box p,
#ai_editor .security-guide p {
font-size: 17px ;
margin: 0 0 8px 0 ;
color: #555 ;
}
#ai_editor .example-box p:last-child,
#ai_editor .timeline-box p:last-child {
margin-bottom: 0 ;
}
#ai_editor .tip-box p {
font-size: 17px ;
margin: 0 0 10px 0 ;
color: #555 ;
font-weight: 700 ;
}
#ai_editor .tip-box ul,
#ai_editor .security-guide ul {
margin: 0 ;
padding: 0 0 0 20px ;
}
#ai_editor .tip-box li,
#ai_editor .security-guide li {
font-size: 17px ;
color: #555 ;
margin-bottom: 6px ;
line-height: 1.5 ;
}
/* ÀºÇà Çü½Ä */
#ai_editor .bank-format {
background: white ;
padding: 30px 25px ;
border-radius: 15px ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .bank-list {
display: grid ;
gap: 12px ;
margin-bottom: 25px ;
}
#ai_editor .bank-row {
display: grid ;
grid-template-columns: 180px 1fr ;
gap: 20px ;
padding: 15px 20px ;
background: #f8f9fd ;
border-radius: 10px ;
align-items: center ;
}
#ai_editor .bank-name {
font-size: 18px ;
font-weight: 700 ;
color: #667eea ;
}
#ai_editor .bank-format-text {
font-size: 17px ;
color: #555 ;
font-family: 'Courier New', monospace ;
}
#ai_editor .format-note {
background: #fff3cd ;
padding: 18px 20px ;
border-radius: 10px ;
border: 1px solid #ffc107 ;
}
#ai_editor .format-note p {
font-size: 17px ;
margin: 0 ;
color: #856404 ;
line-height: 1.5 ;
}
/* ÇÁ·Î¼¼½º */
#ai_editor .process-container {
background: white ;
padding: 40px 30px ;
border-radius: 15px ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
display: flex ;
flex-direction: column ;
align-items: center ;
}
#ai_editor .process-step {
width: 100% ;
max-width: 700px ;
background: #f8f9fd ;
padding: 25px 30px ;
border-radius: 12px ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .step-badge {
display: inline-block ;
background: #667eea ;
color: white ;
padding: 8px 20px ;
border-radius: 20px ;
font-size: 17px ;
font-weight: 700 ;
margin-bottom: 15px ;
}
#ai_editor .step-content h3 {
font-size: 21px ;
margin: 0 0 10px 0 ;
color: #2c3e50 ;
font-weight: 700 ;
}
#ai_editor .step-content p {
font-size: 17px ;
margin: 0 ;
color: #555 ;
line-height: 1.5 ;
}
#ai_editor .step-arrow {
font-size: 32px ;
color: #667eea ;
margin: 15px 0 ;
font-weight: 700 ;
}
/* º¯°æ ½Ã³ª¸®¿À */
#ai_editor .change-scenarios {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .scenario-card {
background: white ;
padding: 25px 20px ;
border-radius: 15px ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
text-align: center ;
}
#ai_editor .scenario-card h3 {
font-size: 20px ;
margin: 0 0 12px 0 ;
color: #667eea ;
font-weight: 700 ;
}
#ai_editor .scenario-card > p {
font-size: 17px ;
margin: 0 0 15px 0 ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .action-required {
background: #f8f9fd ;
padding: 12px 15px ;
border-radius: 8px ;
font-size: 17px ;
color: #555 ;
text-align: left ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .action-required strong {
color: #667eea ;
display: block ;
margin-bottom: 5px ;
}
/* FAQ */
#ai_editor .faq-list {
display: grid ;
gap: 20px ;
}
#ai_editor .faq-item {
background: white ;
padding: 30px 25px ;
border-radius: 15px ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1) ;
border: 1px solid #e0e0e0 ;
}
#ai_editor .faq-question {
display: flex ;
align-items: flex-start ;
gap: 15px ;
margin-bottom: 15px ;
}
#ai_editor .faq-icon {
background: #667eea ;
color: white ;
width: 36px ;
height: 36px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 18px ;
font-weight: 700 ;
flex-shrink: 0 ;
}
#ai_editor .faq-question h3 {
font-size: 20px ;
margin: 0 ;
color: #2c3e50 ;
font-weight: 700 ;
line-height: 1.4 ;
padding-top: 4px ;
}
#ai_editor .faq-answer {
display: flex ;
align-items: flex-start ;
gap: 15px ;
padding-left: 51px ;
}
#ai_editor .answer-icon {
background: #10b981 ;
color: white ;
width: 36px ;
height: 36px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 18px ;
font-weight: 700 ;
flex-shrink: 0 ;
}
#ai_editor .faq-answer p {
font-size: 17px ;
margin: 0 ;
color: #555 ;
line-height: 1.6 ;
padding-top: 6px ;
}
/* ǪÅÍ */
#ai_editor .info-footer {
background: #667eea ;
padding: 45px 35px ;
border-radius: 20px ;
text-align: center ;
color: white ;
}
#ai_editor .footer-content h3 {
font-size: 26px ;
margin: 0 0 15px 0 ;
font-weight: 700 ;
}
#ai_editor .footer-content > p {
font-size: 19px ;
margin: 0 0 30px 0 ;
opacity: 0.95 ;
}
#ai_editor .footer-checklist {
display: grid ;
gap: 15px ;
max-width: 900px ;
margin: 0 auto ;
}
#ai_editor .check-item {
background: rgba(255, 255, 255, 0.15) ;
padding: 18px 20px ;
border-radius: 12px ;
backdrop-filter: blur(10px) ;
display: flex ;
align-items: center ;
gap: 15px ;
text-align: left ;
}
#ai_editor .check-icon {
font-size: 28px ;
flex-shrink: 0 ;
}
#ai_editor .check-item p {
font-size: 17px ;
margin: 0 ;
line-height: 1.5 ;
}
/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
#ai_editor {
padding: 40px 20px ;
}
#ai_editor .info-header {
margin-bottom: 50px ;
padding: 35px 20px ;
}
#ai_editor .info-header h1 {
font-size: 34px ;
}
#ai_editor .subtitle {
font-size: 19px ;
}
#ai_editor .info-section {
margin-bottom: 50px ;
}
#ai_editor .info-section h2 {
font-size: 26px ;
margin-bottom: 28px ;
}
#ai_editor .overview-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 18px ;
}
#ai_editor .required-items {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .change-scenarios {
grid-template-columns: repeat(2, 1fr) ;
gap: 18px ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 30px 18px ;
}
#ai_editor .info-header {
padding: 30px 18px ;
margin-bottom: 40px ;
}
#ai_editor .info-header h1 {
font-size: 30px ;
}
#ai_editor .subtitle {
font-size: 18px ;
}
#ai_editor .info-section {
margin-bottom: 40px ;
}
#ai_editor .info-section h2 {
font-size: 24px ;
margin-bottom: 25px ;
}
#ai_editor .overview-grid {
grid-template-columns: 1fr ;
gap: 15px ;
}
#ai_editor .bank-row {
grid-template-columns: 1fr ;
gap: 10px ;
}
#ai_editor .change-scenarios {
grid-template-columns: 1fr ;
gap: 15px ;
}
#ai_editor .info-footer {
padding: 35px 20px ;
}
#ai_editor .footer-content h3 {
font-size: 24px ;
}
#ai_editor .footer-content > p {
font-size: 18px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 25px 15px ;
}
#ai_editor .info-header {
padding: 28px 15px ;
}
#ai_editor .info-header h1 {
font-size: 28px ;
}
#ai_editor .subtitle {
font-size: 17px ;
}
#ai_editor .info-section h2 {
font-size: 22px ;
}
#ai_editor .footer-content h3 {
font-size: 22px ;
}
}
</style> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àα⠼½Ä |
|
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ °Å·¡¸í¼¼Ç¥ |
: |
97,163 |
|
 |
Ç¥ÁØ °³Àκ° ÀºÇ౸Á ½Å.. |
: |
334,214 |
|
 |
Ç¥ÁØ ¿ÀÀÔ±Ý ¹Ýȯ ¿äû¼ |
: |
1,699 |
|
 |
Ç¥ÁØ Ã»±¸¼ (¹°Ç°´ë±Ý) |
: |
1,525 |
|
 |
Ç¥ÁØ °Å·¡»ç½Ç È®Àμ |
: |
1,417 |
|
 |
Ç¥ÁØ ÅðÁ÷±Ý »êÃâ¸í¼¼¼ |
: |
1,205 |
|
 |
Ç¥ÁØ °æÁ¶»çºñ °ü¸®´ëÀå |
: |
1,000 |
|
 |
Ç¥ÁØ ÀÚ±ÝÀϺ¸ |
: |
908 |
|
 |
Ç¥ÁØ Æ¯º°»ó¿©±Ý Áö±Þ³»¿ª¼ |
: |
728 |
|
 |
Ç¥ÁØ °¡Áö±Þ±Ý ÁöºÒ¿äû¼ |
: |
706 |
|
 |
Ç¥ÁØ ÃßÁ¤ ´ëÂ÷´ëÁ¶Ç¥ |
: |
585 |
|
 |
Ç¥ÁØ °¡Áö±Þ±Ý Á¤»ê¼ |
: |
280,821 |
|
 |
Ç¥ÁØ ¿¬¸» °á»êº¸°í¼ |
: |
1,792 |
|
 |
Ç¥ÁØ ¿¬¸»Á¤»êÀÚ·á Á¦Ãâ³».. |
: |
1,502 |
|
 |
¼ö¼ö·á Á¤»êÇ¥ |
: |
1,439 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|