|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<div id="ai_editor">
<div class="info-header">
<h1>📄 ÀçÁ÷Áõ¸í¼</h1>
<p class="subtitle">ÇöÀç ¶Ç´Â °ú°ÅÀÇ ±Ù¹« »ç½ÇÀ» Áõ¸íÇÏ´Â Çʼö ÀÎ»ç ¼·ù</p>
</div>
<div class="info-section">
<h2>📋 ÀçÁ÷Áõ¸í¼¶õ?</h2>
<div class="intro-grid">
<div class="intro-box">
<h3>💼 Á¤ÀÇ</h3>
<p>ÀçÁ÷Áõ¸í¼´Â ±Ù·ÎÀÚ°¡ ƯÁ¤ ȸ»ç¿¡¼ ±Ù¹«Çϰí Àְųª ±Ù¹«Çß´ø »ç½ÇÀ» ȸ»ç°¡ °ø½ÄÀûÀ¸·Î Áõ¸íÇÏ´Â ¹®¼ÀÔ´Ï´Ù. ÀÔ»çÀÏ, ºÎ¼, Á÷À§ µî ±Ù¹« ÀÌ·ÂÀ» È®ÀÎÇÒ ¼ö ÀÖ´Â °ø½Ä Áõ¸í¼·Î, ´Ù¾çÇÑ ¿ëµµ·Î Ȱ¿ëµË´Ï´Ù.</p>
</div>
<div class="intro-box">
<h3>⚖️ ¹ýÀû ±Ù°Å</h3>
<p>±Ù·Î±âÁعý Á¦39Á¶¿¡ µû¶ó ±Ù·ÎÀÚ°¡ ¿äûÇϸé ȸ»ç´Â »ç¿ë ±â°£, ¾÷¹« Á¾·ù, ÁöÀ§¿Í ÀÓ±Ý, ±âŸ ÇÊ¿äÇÑ »çÇ׿¡ °üÇÑ Áõ¸í¼¸¦ Áï½Ã ±³ºÎÇØ¾ß ÇÕ´Ï´Ù. ÀÌ´Â ±Ù·ÎÀÚÀÇ ±Ç¸®À̸ç ȸ»çÀÇ Àǹ«ÀÔ´Ï´Ù.</p>
</div>
<div class="intro-box">
<h3>🎯 Ȱ¿ë ¸ñÀû</h3>
<p>ÀÌÁ÷ ½Ã °æ·Â Áõ¸í, ±ÝÀ¶±â°ü ´ëÃâ ½Åû, ºñÀÚ ¹ß±Þ, °ü°ø¼ Á¦Ãâ, °¢Á¾ °è¾à ü°á, ÀÚ°ÝÁõ Ãëµæ, ÀÔÂû Âü°¡ µî ´Ù¾çÇÑ ¿ëµµ·Î »ç¿ëµË´Ï´Ù. Á¦Ãâó¿¡ µû¶ó ¿ä±¸ÇÏ´Â ±âÀç Ç׸ñÀÌ ´Ù¸¦ ¼ö ÀÖ½À´Ï´Ù.</p>
</div>
</div>
</div>
<div class="info-section">
<h2>📝 Çʼö ±âÀç Ç׸ñ</h2>
<div class="required-items">
<div class="item-card must">
<div class="item-badge">Çʼö</div>
<h3>👤 ÀÎÀû»çÇ×</h3>
<div class="item-details">
<p><strong>• ¼º¸í :</strong> Áֹεî·ÏÁõ»óÀÇ ½Ç¸íÀ» Á¤È®È÷ ±âÀç</p>
<p><strong>• Áֹεî·Ï¹øÈ£ :</strong> 13ÀÚ¸® Àüü ¶Ç´Â µÞÀÚ¸® ÀϺΠ*ó¸®</p>
<p><strong>• ÁÖ¼Ò :</strong> Áֹεî·Ï»ó ÁÖ¼Ò ¶Ç´Â Çö °ÅÁÖÁö ÁÖ¼Ò</p>
<div class="note-box">💡 ÃÖ±Ù¿¡´Â °³ÀÎÁ¤º¸ º¸È£¸¦ À§ÇØ Áֹεî·Ï¹øÈ£ µÞÀÚ¸®¸¦ *******·Î Ç¥½ÃÇÏ´Â °æ¿ì°¡ ¸¹½À´Ï´Ù.</div>
</div>
</div>
<div class="item-card must">
<div class="item-badge">Çʼö</div>
<h3>📅 ÀçÁ÷ ±â°£</h3>
<div class="item-details">
<p><strong>• ÀÔ»çÀÏ :</strong> ÃÖÃÊ ÀÔ»çÀÏÀÚ (¿¬¿ùÀϱîÁö Á¤È®È÷)</p>
<p><strong>• Åð»çÀÏ :</strong> ÅðÁ÷ ½Ã¿¡¸¸ ±âÀç, ÀçÁ÷ ÁßÀÌ¸é »ý·«</p>
<p><strong>• ÀçÁ÷±â°£ Ç¥½Ã :</strong> "ÇöÀç ÀçÁ÷ Áß" ¶Ç´Â "¡Û³â ¡Û°³¿ù ±Ù¹«"</p>
<div class="note-box">💡 ¿¹½Ã: 20¡Û¡Û³â <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><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;">ÀÏ ~ ÇöÀç ÀçÁ÷ Áß / 20</span><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><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><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><span style="font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;">ÀÏ ~ 20</span><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><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><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><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><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><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><span style="font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;">°³¿ù ±Ù¹«)</span></div>
</div>
</div>
<div class="item-card must">
<div class="item-badge">Çʼö</div>
<h3>🏢 ¼Ò¼Ó ¹× Á÷À§</h3>
<div class="item-details">
<p><strong>• ºÎ¼ :</strong> ÇöÀç ¼Ò¼Ó ºÎ¼¸í</p>
<p><strong>• Á÷±Þ :</strong> ÇöÀç Á÷±Þ</p>
<p><strong>• Á÷Ã¥ :</strong> º¸Á÷ÀÌ ÀÖ´Â °æ¿ì ±âÀç</p>
<div class="note-box">💡 ºÎ¼³ª Á÷±Þ º¯°æÀÌ ÀÖ¾ú´ø °æ¿ì, Á¦Ãâó ¿ä±¸¿¡ µû¶ó Àüü ÀÌ·Â ¶Ç´Â ÇöÀç Á¤º¸¸¸ ±âÀçÇÕ´Ï´Ù.</div>
</div>
</div>
<div class="item-card must">
<div class="item-badge">Çʼö</div>
<h3>🔖 ¹ß±Þ Á¤º¸</h3>
<div class="item-details">
<p><strong>• ¹ß±Þ ÀÏÀÚ :</strong> ÀçÁ÷Áõ¸í¼¸¦ ÀÛ¼ºÇÑ ³¯Â¥</p>
<p><strong>• ȸ»ç¸í :</strong> ȸ»çÀÇ Á¤½Ä »óÈ£</p>
<p><strong>• ´ëÇ¥ÀÚ :</strong> ȸ»ç ´ëÇ¥ÀÌ»ç ¶Ç´Â ¹ß±Þ ±ÇÇÑÀÚ ¼º¸í</p>
<p><strong>• ȸ»ç Àΰ¨ :</strong> ¹ýÀÎ Àΰ¨ ³¯ÀÎ (¶Ç´Â Á÷ÀÎ)</p>
<div class="note-box">💡 °ø½Ä ¹®¼À̹ǷΠ¹Ýµå½Ã ȸ»ç Àΰ¨À̳ª Á÷ÀÎÀÌ ³¯ÀεǾî¾ß ÇÕ´Ï´Ù.</div>
</div>
</div>
</div>
</div>
<div class="info-section">
<h2>🎯 ¿ëµµº° ÀçÁ÷Áõ¸í¼ Ư¡</h2>
<div class="purpose-types">
<div class="purpose-card">
<h3>💼 ÀÌÁ÷¡¤Ãë¾÷¿ë</h3>
<div class="purpose-content">
<h4>✓ Çʼö ±âÀç Ç׸ñ</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (ÀÔ»çÀÏ ~ Åð»çÀÏ ¶Ç´Â ÇöÀç)</li>
<li>ºÎ¼ ¹× Á÷±Þ¡¤Á÷Ã¥</li>
<li>´ã´ç ¾÷¹« (»ó¼¼ÇÒ¼ö·Ï ÁÁÀ½)</li>
<li>ÁÖ¿ä ÇÁ·ÎÁ§Æ® ¹× ¼º°ú (¼±ÅÃ)</li>
</ul>
<div class="purpose-note">°æ·ÂÀ» Áõ¸íÇÏ´Â °ÍÀÌ ¸ñÀûÀ̹ǷΠ¾÷¹« ³»¿ë°ú ¼º°ú¸¦ ±¸Ã¼ÀûÀ¸·Î ±âÀçÇÏ´Â °ÍÀÌ À¯¸®ÇÕ´Ï´Ù.</div>
</div>
</div>
<div class="purpose-card">
<h3>🏦 ±ÝÀ¶±â°ü ´ëÃâ¿ë</h3>
<div class="purpose-content">
<h4>✓ Çʼö ±âÀç Ç׸ñ</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (¾ÈÁ¤Àû ±Ù¹« ¿©ºÎ È®ÀÎ)</li>
<li>ºÎ¼ ¹× Á÷±Þ</li>
<li>¿ù ±Þ¿© ¶Ç´Â ¿¬ºÀ (Çʼö)</li>
<li>°í¿ë ÇüÅ (Á¤±ÔÁ÷, °è¾àÁ÷ µî)</li>
</ul>
<div class="purpose-note">¼ÒµæÀ» Áõ¸íÇÏ´Â °ÍÀÌ ÇÙ½ÉÀ̹ǷΠ±Þ¿© Á¤º¸°¡ ¹Ýµå½Ã Æ÷ÇԵǾî¾ß ÇÕ´Ï´Ù.</div>
</div>
</div>
<div class="purpose-card">
<h3>🌏 ºñÀÚ ¹ß±Þ¿ë</h3>
<div class="purpose-content">
<h4>✓ Çʼö ±âÀç Ç׸ñ</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (Àå±â ü·ù ¸ñÀû È®ÀÎ)</li>
<li>ºÎ¼ ¹× Á÷±Þ</li>
<li>¿ù ±Þ¿© ¶Ç´Â ¿¬ºÀ</li>
<li>¿µ¹® º´±â (ÇØ¿Ü ºñÀÚÀÇ °æ¿ì)</li>
</ul>
<div class="purpose-note">ÇØ¿Ü ºñÀÚ ½Åû ½Ã¿¡´Â ¿µ¹® ÀçÁ÷Áõ¸í¼°¡ ÇÊ¿äÇϸç, ¾ÆÆ÷½ºÆ¼À¯ È®ÀÎÀÌ ÇÊ¿äÇÒ ¼ö ÀÖ½À´Ï´Ù.</div>
</div>
</div>
<div class="purpose-card">
<h3>🏛️ °ü°ø¼ Á¦Ãâ¿ë</h3>
<div class="purpose-content">
<h4>✓ Çʼö ±âÀç Ç׸ñ</h4>
<ul>
<li>ÀçÁ÷ ±â°£</li>
<li>ºÎ¼ ¹× Á÷±Þ</li>
<li>»ç¿ë ¸ñÀû ¹× Á¦Ãâó ¸í½Ã</li>
<li>¹ß±Þ ÀÏÀÚ ¹× ȸ»ç Àΰ¨</li>
</ul>
<div class="purpose-note">°ü°ø¼º°·Î ¿ä±¸ÇÏ´Â ¾ç½ÄÀÌ ´Ù¸¦ ¼ö ÀÖÀ¸¹Ç·Î »çÀü¿¡ È®ÀÎÀÌ ÇÊ¿äÇÕ´Ï´Ù.</div>
</div>
</div>
<div class="purpose-card">
<h3>📜 ÀÚ°ÝÁõ Ãëµæ¿ë</h3>
<div class="purpose-content">
<h4>✓ Çʼö ±âÀç Ç׸ñ</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (½Ç¹« °æ·Â ÀÎÁ¤)</li>
<li>ºÎ¼ ¹× ´ã´ç ¾÷¹« (°ü·Ã ºÐ¾ß)</li>
<li>±Ù¹« ÇüÅ (Á¤±ÔÁ÷, °è¾àÁ÷)</li>
</ul>
<div class="purpose-note">´ã´ç ¾÷¹«°¡ ÀÚ°ÝÁõ ºÐ¾ß¿Í °ü·ÃÀÌ ÀÖÀ½À» ¸íÈ®È÷ ±âÀçÇØ¾ß ÇÕ´Ï´Ù.</div>
</div>
</div>
<div class="purpose-card">
<h3>📋 ÀÏ¹Ý Áõ¸í¿ë</h3>
<div class="purpose-content">
<h4>✓ Çʼö ±âÀç Ç׸ñ</h4>
<ul>
<li>ÀçÁ÷ ±â°£</li>
<li>ºÎ¼ ¹× Á÷±Þ</li>
<li>ÃÖ¼ÒÇÑÀÇ ÀÎÀû»çÇ×</li>
</ul>
<div class="purpose-note">Ưº°ÇÑ ¸ñÀû ¾øÀÌ ÀçÁ÷ »ç½Ç¸¸ Áõ¸íÇÏ´Â °æ¿ì·Î, ±âº» Á¤º¸¸¸ Æ÷ÇÔÇÕ´Ï´Ù.</div>
</div>
</div>
</div>
</div>
<div class="info-section">
<h2>📋 ¹ß±Þ ÀýÂ÷ ¹× ¹æ¹ý</h2>
<div class="issuance-flow">
<div class="flow-step">
<div class="step-number">1</div>
<div class="step-content">
<h3>📝 ¹ß±Þ ½Åû</h3>
<p>ÀλçÆÀ ¶Ç´Â Ãѹ«ÆÀ¿¡ ÀçÁ÷Áõ¸í¼ ¹ß±ÞÀ» ½ÅûÇÕ´Ï´Ù. ±¸µÎ ¿äûº¸´Ù´Â »ç³» ½Ã½ºÅÛÀ̳ª ¼¸éÀ¸·Î ½ÅûÇÏ´Â °ÍÀÌ ÀϹÝÀûÀÔ´Ï´Ù.</p>
<div class="step-detail"><strong>½Åû ½Ã ÇÊ¿ä Á¤º¸ :</strong> »ç¿ë ¸ñÀû, Á¦Ãâó, ÇÊ¿ä ¸Å¼ö, ±Þ¿© Á¤º¸ Æ÷ÇÔ ¿©ºÎ</div>
</div>
</div>
<div class="flow-step">
<div class="step-number">2</div>
<div class="step-content">
<h3>🔍 ¿ëµµ ¹× ³»¿ë È®ÀÎ</h3>
<p>Àλç´ã´çÀÚ°¡ »ç¿ë ¸ñÀû¿¡ ¸Â´Â ¾ç½ÄÀ» ¼±ÅÃÇϰí, ÇÊ¿äÇÑ Á¤º¸¸¦ È®ÀÎÇÕ´Ï´Ù. Á¦Ãâó¿¡ µû¶ó ±âÀç Ç׸ñÀÌ ´Þ¶óÁú ¼ö ÀÖ½À´Ï´Ù.</p>
<div class="step-detail"><strong>È®ÀÎ »çÇ× :</strong> ¿µ¹® ÇÊ¿ä ¿©ºÎ, ±Þ¿© ±âÀç ¿©ºÎ, ƯÁ¤ ¾ç½Ä ¿ä±¸ ¿©ºÎ</div>
</div>
</div>
<div class="flow-step">
<div class="step-number">3</div>
<div class="step-content">
<h3>✍️ ¼·ù ÀÛ¼º</h3>
<p>ÀÎ»ç ½Ã½ºÅÛ¿¡¼ Á¤º¸¸¦ Á¶È¸ÇÏ¿© ÀçÁ÷Áõ¸í¼¸¦ ÀÛ¼ºÇÕ´Ï´Ù. ȸ»ç ¾ç½ÄÀ» »ç¿ëÇϰųª Ç¥ÁØ ¾ç½ÄÀ» Ȱ¿ëÇÕ´Ï´Ù.</p>
<div class="step-detail"><strong>ÀÛ¼º ½Ã À¯ÀÇ :</strong> ¿ÀŸ³ª ´©¶ô ¾øÀÌ Á¤È®ÇÏ°Ô ±âÀç, ³¯Â¥ Çü½Ä ÅëÀÏ</div>
</div>
</div>
<div class="flow-step">
<div class="step-number">4</div>
<div class="step-content">
<h3>✅ °áÀç ¹× ³¯ÀÎ</h3>
<p>ÀÛ¼ºµÈ ÀçÁ÷Áõ¸í¼´Â ÀλçÆÀÀå ¶Ç´Â ´ëÇ¥ÀÌ»çÀÇ °áÀ縦 ¹Þ°í, ȸ»ç Àΰ¨ ¶Ç´Â Á÷ÀÎÀ» ³¯ÀÎÇÕ´Ï´Ù.</p>
<div class="step-detail"><strong>³¯ÀÎ ÁÖü :</strong> ´ëÇ¥ÀÌ»ç, Àλç´ã´ç ÀÓ¿ø, ¶Ç´Â À§ÀÓ¹ÞÀº ºÎ¼Àå</div>
</div>
</div>
<div class="flow-step">
<div class="step-number">5</div>
<div class="step-content">
<h3>📤 ¹ß±Þ ¹× ±³ºÎ</h3>
<p>¿Ï¼ºµÈ ÀçÁ÷Áõ¸í¼¸¦ ½ÅûÀÚ¿¡°Ô ±³ºÎÇÕ´Ï´Ù. ÇÊ¿äÇÑ ¸Å¼ö¸¸Å ¹ß±ÞÇϸç, ¹ß±Þ ´ëÀå¿¡ ±â·ÏÀ» ³²±é´Ï´Ù.</p>
<div class="step-detail"><strong>¹ß±Þ ½Ã°£ :</strong> ±Ù·Î±âÁعý»ó Áï½Ã ±³ºÎ°¡ ¿øÄ¢À̳ª, ½Ç¹«»ó 1~3ÀÏ ¼Ò¿ä</div>
</div>
</div>
</div>
</div>
<div class="info-section">
<h2>📄 ÀçÁ÷Áõ¸í¼ vs °æ·ÂÁõ¸í¼</h2>
<div class="comparison-section">
<div class="comparison-intro">
<p>ÀçÁ÷Áõ¸í¼¿Í °æ·ÂÁõ¸í¼´Â ºñ½ÁÇØ º¸ÀÌÁö¸¸ ¸ñÀû°ú ³»¿ëÀÌ ´Ù¸¨´Ï´Ù. »óȲ¿¡ ¸Â´Â Áõ¸í¼¸¦ ¹ß±Þ ¹ÞÀ¸¼¼¿ä.</p>
</div>
<div class="comparison-boxes">
<div class="compare-box">
<h3>📋 ÀçÁ÷Áõ¸í¼</h3>
<div class="compare-content">
<h4>🎯 ¸ñÀû</h4>
<p>ÇöÀç ¶Ç´Â °ú°ÅÀÇ ÀçÁ÷ '»ç½Ç'À» Áõ¸í</p>
<h4>📝 ÁÖ¿ä ³»¿ë</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (ÀÔ»çÀÏ ~ ÇöÀç ¶Ç´Â Åð»çÀÏ)</li>
<li>¼Ò¼Ó ºÎ¼ ¹× Á÷±Þ</li>
<li>±Þ¿© Á¤º¸ (¼±ÅÃ)</li>
</ul>
<h4>💼 ÁÖ¿ä ¿ëµµ</h4>
<ul>
<li>±ÝÀ¶±â°ü ´ëÃâ ½Åû</li>
<li>ºñÀÚ ¹ß±Þ</li>
<li>°ü°ø¼ Á¦Ãâ</li>
<li>ÀÏ¹Ý Áõ¸í</li>
</ul>
</div>
</div>
<div class="compare-box">
<h3>📜 °æ·ÂÁõ¸í¼</h3>
<div class="compare-content">
<h4>🎯 ¸ñÀû</h4>
<p>±Ù¹« ±â°£ µ¿¾ÈÀÇ '°æ·Â'°ú '¼º°ú'¸¦ Áõ¸í</p>
<h4>📝 ÁÖ¿ä ³»¿ë</h4>
<ul>
<li>ÀçÁ÷ ±â°£ (ÀçÁ÷Áõ¸í¼¿Í µ¿ÀÏ)</li>
<li>´ã´ç ¾÷¹« »ó¼¼ ³»¿ª</li>
<li>ÇÁ·ÎÁ§Æ® ¼öÇà ÀÌ·Â</li>
<li>ÁÖ¿ä ¼º°ú ¹× ¼ö»ó °æ·Â</li>
</ul>
<h4>💼 ÁÖ¿ä ¿ëµµ</h4>
<ul>
<li>ÀÌÁ÷ ½Ã °æ·Â Áõ¸í</li>
<li>ÇìµåÇåÆÃ</li>
<li>ÀÚ°ÝÁõ ½Ç¹« °æ·Â Áõ¸í</li>
</ul>
</div>
</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: 75px ;
padding: 45px 25px ;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) ;
border-radius: 20px ;
color: white ;
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3) ;
}
#ai_editor .info-header h1 {
font-size: 42px ;
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: 75px ;
}
#ai_editor .info-section h2 {
font-size: 32px ;
margin: 0 0 40px 0 ;
color: #667eea ;
font-weight: 700 ;
text-align: center ;
}
/* ¼Ò°³ ±×¸®µå */
#ai_editor .intro-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
}
#ai_editor .intro-box {
background: white ;
padding: 35px 28px ;
border-radius: 16px ;
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.12) ;
border: 1px solid #e8ebf7 ;
transition: transform 0.3s ease, box-shadow 0.3s ease ;
}
#ai_editor .intro-box:hover {
transform: translateY(-5px) ;
box-shadow: 0 8px 30px rgba(102, 126, 234, 0.2) ;
}
#ai_editor .intro-box h3 {
font-size: 22px ;
margin: 0 0 16px 0 ;
color: #667eea ;
font-weight: 700 ;
}
#ai_editor .intro-box p {
font-size: 17px ;
margin: 0 ;
color: #555 ;
line-height: 1.7 ;
}
/* Çʼö Ç׸ñ */
#ai_editor .required-items {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 25px ;
}
#ai_editor .item-card {
background: white ;
padding: 30px 25px ;
border-radius: 16px ;
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.12) ;
border: 1px solid #e8ebf7 ;
transition: transform 0.3s ease ;
}
#ai_editor .item-card:hover {
transform: translateY(-3px) ;
}
#ai_editor .item-card.must {
border-left: 4px solid #667eea ;
}
#ai_editor .item-badge {
display: inline-block ;
background: #667eea ;
color: white ;
padding: 6px 16px ;
border-radius: 20px ;
font-size: 16px ;
font-weight: 700 ;
margin-bottom: 15px ;
}
#ai_editor .item-card h3 {
font-size: 22px ;
margin: 0 0 18px 0 ;
color: #2c3e50 ;
font-weight: 700 ;
}
#ai_editor .item-details p {
font-size: 17px ;
margin: 0 0 12px 0 ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .item-details p:last-of-type {
margin-bottom: 15px ;
}
#ai_editor .note-box {
background: #f0f3ff ;
padding: 15px 18px ;
border-radius: 10px ;
font-size: 16px ;
color: #667eea ;
border: 1px solid #d4dcf7 ;
line-height: 1.6 ;
}
/* ¿ëµµº° À¯Çü */
#ai_editor .purpose-types {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
}
#ai_editor .purpose-card {
background: white ;
padding: 32px 28px ;
border-radius: 16px ;
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.12) ;
border: 1px solid #e8ebf7 ;
transition: transform 0.3s ease ;
}
#ai_editor .purpose-card:hover {
transform: translateY(-5px) ;
}
#ai_editor .purpose-card h3 {
font-size: 22px ;
margin: 0 0 22px 0 ;
color: #667eea ;
font-weight: 700 ;
padding-bottom: 15px ;
border-bottom: 2px solid #e8ebf7 ;
}
#ai_editor .purpose-content h4 {
font-size: 19px ;
margin: 0 0 14px 0 ;
color: #2c3e50 ;
font-weight: 700 ;
}
#ai_editor .purpose-content ul {
margin: 0 0 18px 0 ;
padding: 0 0 0 22px ;
}
#ai_editor .purpose-content li {
font-size: 17px ;
color: #555 ;
margin-bottom: 10px ;
line-height: 1.6 ;
}
#ai_editor .purpose-note {
font-size: 16px ;
margin: 0 ;
color: #555 ;
line-height: 1.6 ;
background: #f0f3ff ;
padding: 15px 18px ;
border-radius: 10px ;
border: 1px solid #d4dcf7 ;
}
/* ¹ß±Þ ÀýÂ÷ */
#ai_editor .issuance-flow {
background: white ;
padding: 40px 35px ;
border-radius: 16px ;
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.12) ;
border: 1px solid #e8ebf7 ;
}
#ai_editor .flow-step {
display: flex ;
align-items: flex-start ;
gap: 28px ;
padding: 28px 0 ;
border-bottom: 1px solid #e8ebf7 ;
}
#ai_editor .flow-step:last-child {
border-bottom: none ;
padding-bottom: 0 ;
}
#ai_editor .step-number {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) ;
color: white ;
width: 50px ;
height: 50px ;
border-radius: 50% ;
display: flex ;
align-items: center ;
justify-content: center ;
font-size: 22px ;
font-weight: 700 ;
flex-shrink: 0 ;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) ;
}
#ai_editor .step-content h3 {
font-size: 21px ;
margin: 0 0 12px 0 ;
color: #2c3e50 ;
font-weight: 700 ;
}
#ai_editor .step-content > p {
font-size: 17px ;
margin: 0 0 14px 0 ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .step-detail {
background: #f0f3ff ;
padding: 14px 18px ;
border-radius: 10px ;
font-size: 16px ;
color: #555 ;
border: 1px solid #d4dcf7 ;
line-height: 1.6 ;
}
#ai_editor .step-detail strong {
color: #667eea ;
}
/* ºñ±³ ¼½¼Ç */
#ai_editor .comparison-section {
background: white ;
padding: 40px 35px ;
border-radius: 16px ;
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.12) ;
border: 1px solid #e8ebf7 ;
}
#ai_editor .comparison-intro {
text-align: center ;
margin-bottom: 35px ;
}
#ai_editor .comparison-intro p {
font-size: 18px ;
margin: 0 ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .comparison-boxes {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 30px ;
}
#ai_editor .compare-box {
background: #f0f3ff ;
padding: 35px 30px ;
border-radius: 12px ;
border: 1px solid #d4dcf7 ;
}
#ai_editor .compare-box h3 {
font-size: 24px ;
margin: 0 0 25px 0 ;
color: #667eea ;
font-weight: 700 ;
text-align: center ;
padding-bottom: 15px ;
border-bottom: 2px solid #d4dcf7 ;
}
#ai_editor .compare-content h4 {
font-size: 19px ;
margin: 24px 0 12px 0 ;
color: #2c3e50 ;
font-weight: 700 ;
}
#ai_editor .compare-content h4:first-child {
margin-top: 0 ;
}
#ai_editor .compare-content p {
font-size: 17px ;
margin: 0 0 16px 0 ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .compare-content ul {
margin: 0 0 16px 0 ;
padding: 0 0 0 22px ;
}
#ai_editor .compare-content li {
font-size: 17px ;
color: #555 ;
margin-bottom: 10px ;
line-height: 1.6 ;
}
/* ¹ÝÀÀÇü */
@media (max-width: 1024px) {
#ai_editor {
padding: 40px 22px ;
}
#ai_editor .info-header {
margin-bottom: 60px ;
padding: 38px 22px ;
}
#ai_editor .info-header h1 {
font-size: 36px ;
}
#ai_editor .subtitle {
font-size: 19px ;
}
#ai_editor .info-section {
margin-bottom: 60px ;
}
#ai_editor .info-section h2 {
font-size: 28px ;
margin-bottom: 32px ;
}
#ai_editor .intro-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .required-items {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .purpose-types {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .comparison-boxes {
grid-template-columns: 1fr ;
gap: 25px ;
}
#ai_editor .flow-step {
gap: 22px ;
padding: 24px 0 ;
}
#ai_editor .step-number {
width: 45px ;
height: 45px ;
font-size: 20px ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 32px 18px ;
}
#ai_editor .info-header {
padding: 32px 20px ;
margin-bottom: 50px ;
}
#ai_editor .info-header h1 {
font-size: 32px ;
}
#ai_editor .subtitle {
font-size: 18px ;
}
#ai_editor .info-section {
margin-bottom: 50px ;
}
#ai_editor .info-section h2 {
font-size: 26px ;
margin-bottom: 28px ;
}
#ai_editor .intro-box {
padding: 28px 22px ;
}
#ai_editor .intro-box h3 {
font-size: 20px ;
}
#ai_editor .purpose-types {
grid-template-columns: 1fr ;
gap: 18px ;
}
#ai_editor .purpose-card {
padding: 28px 22px ;
}
#ai_editor .issuance-flow {
padding: 32px 25px ;
}
#ai_editor .comparison-section {
padding: 32px 25px ;
}
#ai_editor .compare-box {
padding: 28px 22px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 28px 16px ;
}
#ai_editor .info-header {
padding: 28px 18px ;
margin-bottom: 45px ;
}
#ai_editor .info-header h1 {
font-size: 28px ;
}
#ai_editor .subtitle {
font-size: 17px ;
}
#ai_editor .info-section {
margin-bottom: 45px ;
}
#ai_editor .info-section h2 {
font-size: 24px ;
margin-bottom: 24px ;
}
#ai_editor .intro-box {
padding: 24px 18px ;
}
#ai_editor .intro-box h3 {
font-size: 19px ;
}
#ai_editor .intro-box p,
#ai_editor .item-details p,
#ai_editor .purpose-content li,
#ai_editor .step-content > p,
#ai_editor .compare-content p,
#ai_editor .compare-content li {
font-size: 16px ;
}
#ai_editor .item-card {
padding: 25px 20px ;
}
#ai_editor .item-card h3 {
font-size: 20px ;
}
#ai_editor .purpose-card {
padding: 25px 20px ;
}
#ai_editor .purpose-card h3 {
font-size: 20px ;
}
#ai_editor .flow-step {
flex-direction: column ;
gap: 18px ;
padding: 22px 0 ;
}
#ai_editor .step-number {
width: 45px ;
height: 45px ;
}
#ai_editor .step-content h3 {
font-size: 19px ;
}
#ai_editor .issuance-flow {
padding: 28px 20px ;
}
#ai_editor .comparison-section {
padding: 28px 20px ;
}
#ai_editor .compare-box {
padding: 25px 18px ;
}
#ai_editor .compare-box h3 {
font-size: 22px ;
}
}
</style> |
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àα⠼½Ä |
|
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ ±Ù·Î»ç½ÇÈ®Àμ |
: |
3,455 |
|
 |
Ç¥ÁØ ÈÞÀϱٹ« ½Åû¼ |
: |
1,233 |
|
 |
Ç¥ÁØ °í¿ë½Â°è ÇÕÀǼ |
: |
1,089 |
|
 |
Ç¥ÁØ ÀÚ»ê ¹Ýȯ È®¾à¼ |
: |
622 |
|
 |
Ç¥ÁØ ¼³³¯ Á÷¿øº¹Áö ¾È³»¼ |
: |
396 |
|
 |
Ç¥ÁØ ÅðÁ÷Áõ¸í¼ |
: |
91,400 |
|
 |
Ç¥ÁØ »çÁ÷¼(±â¾÷) |
: |
262,861 |
|
 |
Ç¥ÁØ ¸éÁ¢ È®Àμ |
: |
1,738 |
|
 |
Ç¥ÁØ ±Ç°í »çÁ÷¼ (ÀϹÝ) |
: |
4,033 |
|
 |
Ç¥ÁØ ±Ù·Î°è¾à¼(Á¤±ÔÁ÷±Ù.. |
: |
53,941 |
|
 |
Ç¥ÁØ ¾÷¹« ÀμöÀÎ°è¼ |
: |
3,099 |
|
 |
Ç¥ÁØ °æÀ§¼ (Áö½Ã»çÇ× .. |
: |
2,978 |
|
 |
Ç¥ÁØ ±Ç°í»çÁ÷¼ (ÅðÁ÷ .. |
: |
149 |
|
 |
Ç¥ÁØ ¹Ì»ç¿ë ¿¬Â÷ »ç¿ëÃË.. |
: |
2,122 |
|
 |
Ç¥ÁØ ¿ù°£ ¾÷¹«°èȹ¼ |
: |
1,636 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|