|
|
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<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="requirement-grid">
<div class="requirement-item">
<div class="requirement-icon">👤</div>
<div class="requirement-title">ȯÀÚ Á¤º¸</div>
<div class="requirement-desc">¼º¸í, Áֹεî·Ï¹øÈ£ ÁÖ¼Ò, ¿¬¶ôó</div>
</div>
<div class="requirement-item">
<div class="requirement-icon">🏥</div>
<div class="requirement-title">º´¿ø Á¤º¸</div>
<div class="requirement-desc">º´¿ø¸í, ÁÖ¼Ò ´ëÇ¥ÀüÈ, ÀÇ·áÁø</div>
</div>
<div class="requirement-item">
<div class="requirement-icon">🩺</div>
<div class="requirement-title">Áø·á ³»¿ë</div>
<div class="requirement-desc">Áø´Ü¸í, º´¸í Ä¡·á °úÁ¤</div>
</div>
<div class="requirement-item">
<div class="requirement-icon">📅</div>
<div class="requirement-title">ÀÔ¿ø ±â°£</div>
<div class="requirement-desc">ÀÔ¿øÀÏ, Åð¿øÀÏ ÃÑ ÀÔ¿ø Àϼö</div>
</div>
<div class="requirement-item">
<div class="requirement-icon">🏷️</div>
<div class="requirement-title">¹ß±Þ Á¤º¸</div>
<div class="requirement-desc">¹ß±ÞÀÏÀÚ, ¹ß±Þ¸ñÀû ´ã´çÀÇ ¼¸í</div>
</div>
<div class="requirement-item">
<div class="requirement-icon">📋</div>
<div class="requirement-title">»ùÇà Æ÷ÇÔ</div>
<div class="requirement-desc">ÀÛ¼º ¿¹½Ã ¾ç½Ä °¡À̵å</div>
</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>
</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-2">
<div class="duration-box">
<div class="duration-title">📅 ÀÔ¿øÀÏ</div>
<div class="duration-content">º´¿ø¿¡ ÀÔ¿øÇÑ Á¤È®ÇÑ ³¯Â¥<br>ÀÔ¿ø ½Ã°£ Æ÷ÇÔ °¡´É</div>
</div>
<div class="duration-box">
<div class="duration-title">🏠 Åð¿øÀÏ</div>
<div class="duration-content">º´¿ø¿¡¼ Åð¿øÇÑ ³¯Â¥<br>Åð¿ø ½Ã°£ Æ÷ÇÔ °¡´É</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-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="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: #fff7ed ;
border-radius: 12px ;
box-shadow: 0 4px 20px rgba(0,0,0,0.05) ;
}
#ai_editor h1 {
text-align: center ;
color: #ea580c ;
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: #ea580c ;
font-size: 24px ;
font-weight: bold ;
margin-bottom: 30px ;
text-align: center ;
border-bottom: 2px solid #fed7aa ;
padding-bottom: 10px ;
}
#ai_editor .grid-2 {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 30px ;
}
#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 .card {
background: white ;
padding: 25px ;
border-radius: 10px ;
box-shadow: 0 2px 10px rgba(234, 88, 12, 0.1) ;
border: 2px solid #ffedd5 ;
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: #ea580c ;
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, #ffedd5, #fed7aa) ;
padding: 30px ;
border-radius: 12px ;
border-left: 5px solid #ea580c ;
}
#ai_editor .highlight-title {
color: #ea580c ;
font-size: 22px ;
font-weight: bold ;
margin-bottom: 15px ;
text-align: center ;
}
#ai_editor .highlight-content {
color: #c2410c ;
font-size: 16px ;
line-height: 1.6 ;
text-align: center ;
}
#ai_editor .stats-container {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 30px ;
}
#ai_editor .stat-box {
background: white ;
padding: 30px ;
border-radius: 12px ;
text-align: center ;
border: 2px solid #fed7aa ;
}
#ai_editor .stat-number {
font-size: 48px ;
margin-bottom: 15px ;
}
#ai_editor .stat-label {
color: #64748b ;
font-size: 16px ;
line-height: 1.6 ;
}
#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 #ffedd5 ;
position: relative ;
}
#ai_editor .process-step:not(:last-child)::after {
content: '¡æ' ;
position: absolute ;
right: -25px ;
top: 50% ;
transform: translateY(-50%) ;
color: #fb923c ;
font-size: 24px ;
font-weight: bold ;
z-index: 1 ;
}
#ai_editor .process-number {
background: #ea580c ;
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: #ea580c ;
font-size: 18px ;
font-weight: bold ;
margin-bottom: 10px ;
}
#ai_editor .process-desc {
color: #64748b ;
font-size: 16px ;
line-height: 1.5 ;
}
#ai_editor .requirement-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 20px ;
}
#ai_editor .requirement-item {
background: white ;
padding: 25px ;
border-radius: 10px ;
text-align: center ;
border: 2px solid #ffedd5 ;
box-shadow: 0 2px 10px rgba(234, 88, 12, 0.08) ;
}
#ai_editor .requirement-icon {
font-size: 32px ;
margin-bottom: 12px ;
}
#ai_editor .requirement-title {
color: #ea580c ;
font-size: 18px ;
font-weight: bold ;
margin-bottom: 10px ;
}
#ai_editor .requirement-desc {
color: #64748b ;
font-size: 16px ;
line-height: 1.5 ;
}
#ai_editor .duration-box {
background: white ;
padding: 30px ;
border-radius: 12px ;
text-align: center ;
border: 2px solid #fed7aa ;
box-shadow: 0 2px 10px rgba(234, 88, 12, 0.1) ;
}
#ai_editor .duration-title {
color: #ea580c ;
font-size: 20px ;
font-weight: bold ;
margin-bottom: 15px ;
}
#ai_editor .duration-content {
color: #475569 ;
font-size: 16px ;
line-height: 1.6 ;
}
@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 .requirement-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .grid-3 {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .grid-4 {
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-2 {
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 .requirement-grid {
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 .requirement-item {
padding: 20px ;
}
#ai_editor .duration-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 .requirement-icon {
font-size: 28px ;
}
#ai_editor .stat-number {
font-size: 40px ;
}
#ai_editor .highlight-title {
font-size: 20px ;
}
#ai_editor .duration-title {
font-size: 19px ;
}
}
</style>
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
½Ç½Ã°£ Àαâ
¼½Ä |
 |
|
|
|
±Þ¿© ÀÚµ¿°è»ê! ±Þ¿©°ü¸® ÅëÇÕ¿¢¼¿ |
|
 |
Ç¥ÁØ °ø¹®(ÀÛ¼º¹æ¹ý Æ÷ÇÔ) |
: |
91,889 |
|
 |
(À§ÀÓÀå) ÀÏ¹Ý |
: |
14,553 |
|
 |
³»¿ëÁõ¸í¼(°£´Ü¾ç½Ä) |
: |
24,198 |
|
 |
»óǰ±Ç ±¸¸Å¡¤»ç¿ë °ü¸®´ëÀå |
: |
1,702 |
|
 |
»óǰ±Ç ÀμöÁõ |
: |
1,084 |
|
 |
Æó±â¹®¼ ¸ñ·ÏÇ¥ |
: |
621 |
|
 |
µµ¼±¸ÀÔ ½Åû¼ |
: |
558 |
|
 |
ºÎ¼º° ºñ»ó¿¬¶ô¸Á |
: |
1,831 |
|
 |
ºÎ¼º° ºñǰ°ü¸®´ëÀå |
: |
1,492 |
|
 |
Ư°¡ ±âȹÀü °¡°ÝÇ¥ |
: |
1,299 |
|
 |
»ç³» ºñǰ °ü¸® ´ëÀå |
: |
1,193 |
|
 |
¹°Ç° ÀμöÁõ |
: |
1,186 |
|
 |
1ºÐ±â °á»ê ³»¿ª |
: |
1,145 |
|
 |
»ç°í¹ß»ý º¸°í¼ |
: |
1,119 |
|
 |
¿¬¸» ¿¹»êÁ¡°ËÇ¥ |
: |
1,068 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|