|
|
|
|
|
|
|
|
|
|
|
 |
|
 |
|
|
¼½Ä¼³¸í |
|
|
<div id="ai_editor">
<div class="header">
<h1>🏥 Áø·áÈ®Àμ(Åë¿ø) ¼½Ä</h1>
<p>Åë¿ø Ä¡·á¿¡ ´ëÇÑ °ø½ÄÀûÀÎ ÀÇ·á È®Àμ·Î, ȯÀÚÀÇ Ä¡·á ³»¿ªÀ» »ó¼¼ÇÏ°Ô ±â·ÏÇϰí Áõ¸íÇÏ´Â Áß¿äÇÑ ÀÇ·á ¹®¼ÀÔ´Ï´Ù.</p>
</div>
<div class="main-features">
<div class="feature-card">
<h3>📋 ÁÖ¿ä ¸ñÀû</h3>
<p>º¸Çèû±¸, Á÷Àå Á¦Ãâ, Çб³ Á¦Ãâ µî ´Ù¾çÇÑ ¿ëµµ·Î Ȱ¿ëµÇ´Â °ø½Ä ÀÇ·á Áõ¸í¼ÀÔ´Ï´Ù. ȯÀÚÀÇ Åë¿ø Ä¡·á »ç½ÇÀ» °´°üÀûÀ¸·Î ÀÔÁõÇÕ´Ï´Ù.</p>
</div>
<div class="feature-card">
<h3>🔍 »ó¼¼ ±â·Ï</h3>
<p>ȯÀÚÀÇ ÀÎÀû»çÇ׺ÎÅÍ Áø·á ³»¿ª, Ä¡·á ±â°£, Áø´Ü¸í±îÁö Åë¿ø Ä¡·á¿Í °ü·ÃµÈ ¸ðµç Á¤º¸¸¦ ü°èÀûÀ¸·Î ±â·ÏÇÕ´Ï´Ù.</p>
</div>
</div>
<div class="section">
<h2 class="section-title">📝 Çʼö ±âÀç Á¤º¸</h2>
<div class="info-grid">
<div class="info-item">
<div class="icon">👤</div>
<h4>ȯÀÚ Á¤º¸</h4>
<p>¼º¸í, »ý³â¿ùÀÏ, ÁÖ¼Ò µî ȯÀÚÀÇ ±âº» ÀÎÀû»çÇ×À» Á¤È®È÷ ±âÀç</p>
</div>
<div class="info-item">
<div class="icon">📅</div>
<h4>Áø·á ±â°£</h4>
<p>Åë¿ø Ä¡·á ½ÃÀÛÀϺÎÅÍ Á¾·áÀϱîÁöÀÇ Á¤È®ÇÑ ±â°£ ¸í½Ã</p>
</div>
<div class="info-item">
<div class="icon">🏥</div>
<h4>ÀÇ·á±â°ü</h4>
<p>Áø·á¸¦ ½Ç½ÃÇÑ º´¿ø¸í, ÀÇ»ç¸í, ÀÇ·á±â°ü Á¤º¸ Æ÷ÇÔ</p>
</div>
<div class="info-item">
<div class="icon">💊</div>
<h4>Áø´Ü¸í</h4>
<p>ȯÀÚÀÇ Áúº´¸í ¶Ç´Â Áø´Ü¸íÀ» Á¤È®ÇÏ°Ô ±âÀç</p>
</div>
<div class="info-item">
<div class="icon">🔢</div>
<h4>Áø·á Ƚ¼ö</h4>
<p>ÃÑ Åë¿ø Ä¡·á Ƚ¼ö¿Í ÁÖ¿ä Ä¡·á ³»¿ë ±â·Ï</p>
</div>
<div class="info-item">
<div class="icon">✅</div>
<h4>°ø½Ä ÀÎÁõ</h4>
<p>ÀÇ·á±â°üÀÇ °ø½Ä µµÀå°ú ÀÇ»çÀÇ ¼¸íÀ¸·Î ½Å·Ú¼º º¸Àå</p>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">🔄 ¼½Ä ÀÛ¼º ÀýÂ÷</h2>
<div class="process-steps">
<div class="step">
<div class="step-number">1</div>
<h4>ȯÀÚ Á¤º¸ ±âÀÔ</h4>
<p>¼º¸í, Áֹεî·Ï¹øÈ£, ÁÖ¼Ò µî ±âº» Á¤º¸ ÀÛ¼º</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h4>Áø·á ³»¿ª ÀÛ¼º</h4>
<p>Áø·á ±â°£, Ƚ¼ö, Áø´Ü¸í µî »ó¼¼ Á¤º¸ ±âÀç</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h4>ÀÇ·áÁø È®ÀÎ</h4>
<p>´ã´ç ÀÇ»çÀÇ °ËÅä ¹× ³»¿ë È®ÀÎ</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h4>°ø½Ä ¹ß±Þ</h4>
<p>ÀÇ·á±â°ü Àΰ¨ ³¯ÀÎ ¹× ÃÖÁ¾ ¹ß±Þ</p>
</div>
</div>
</div>
<div class="section">
<div class="benefits">
<h2>🎯 Ȱ¿ë ¿ëµµ ¹× ÀåÁ¡</h2>
<div class="benefit-list">
<div class="benefit-item">
<span class="check">✓</span>
<span>º¸Çè±Ý û±¸ ½Ã Çʼö Á¦Ãâ ¼·ù</span>
</div>
<div class="benefit-item">
<span class="check">✓</span>
<span>Á÷Àå º´°¡ ½Åû ¹× Áõºù ÀÚ·á</span>
</div>
<div class="benefit-item">
<span class="check">✓</span>
<span>Çб³ °á¼® »çÀ¯ Áõ¸í¼</span>
</div>
<div class="benefit-item">
<span class="check">✓</span>
<span>¹ýÁ¤ ¼Ò¼Û ½Ã ÀÇ·á Áõºù ÀÚ·á</span>
</div>
<div class="benefit-item">
<span class="check">✓</span>
<span>°Ç°º¸Çè ±Þ¿© ½Åû</span>
</div>
<div class="benefit-item">
<span class="check">✓</span>
<span>ÀÇ·áºñ °øÁ¦ ½Åû ¼·ù</span>
</div>
</div>
</div>
</div>
<div class="section">
<div class="footer-info">
<h3>📌 Áß¿ä ¾È³»»çÇ×</h3>
<p>º» Áø·áÈ®Àμ´Â ÀÇ·á¹ý¿¡ µû¸¥ °ø½Ä ÀÇ·á Áõ¸í¼·Î, ÇãÀ§ ÀÛ¼º ½Ã ¹ýÀû ó¹úÀ» ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù. Á¤È®ÇÑ Áø·á ³»¿ª¸¸À» ±âÀçÇϸç, ȯÀÚÀÇ °³ÀÎÁ¤º¸ º¸È£¸¦ À§ÇØ ¾ÈÀüÇÏ°Ô °ü¸®µÇ¾î¾ß ÇÕ´Ï´Ù.</p>
</div>
</div>
</div>
<style>
#ai_editor {
max-width: 1200px ;
margin: 0 auto ;
background-color: #f0f8ff ;
padding: 40px 20px ;
border-radius: 15px ;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) ;
font-family: 'Malgun Gothic', sans-serif ;
}
#ai_editor .header {
text-align: center ;
margin-bottom: 75px ;
}
#ai_editor .header h1 {
font-size: 32px ;
color: #4682b4 ;
margin-bottom: 20px ;
font-weight: bold ;
}
#ai_editor .header p {
font-size: 18px ;
color: #666 ;
line-height: 1.6 ;
}
#ai_editor .section {
margin-bottom: 75px ;
}
#ai_editor .section-title {
font-size: 24px ;
color: #4682b4 ;
text-align: center ;
margin-bottom: 30px ;
font-weight: bold ;
border-bottom: 2px solid #87ceeb ;
padding-bottom: 10px ;
}
#ai_editor .main-features {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 30px ;
margin-bottom: 75px ;
}
#ai_editor .feature-card {
background: white ;
padding: 30px ;
border-radius: 12px ;
box-shadow: 0 3px 10px rgba(70, 130, 180, 0.1) ;
border-left: 5px solid #87ceeb ;
}
#ai_editor .feature-card h3 {
font-size: 20px ;
color: #4682b4 ;
margin-bottom: 15px ;
font-weight: bold ;
}
#ai_editor .feature-card p {
font-size: 16px ;
color: #555 ;
line-height: 1.6 ;
}
#ai_editor .info-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 25px ;
}
#ai_editor .info-item {
background: white ;
padding: 25px ;
border-radius: 10px ;
text-align: center ;
box-shadow: 0 2px 8px rgba(70, 130, 180, 0.08) ;
border-top: 4px solid #87ceeb ;
}
#ai_editor .info-item .icon {
font-size: 32px ;
margin-bottom: 15px ;
}
#ai_editor .info-item h4 {
font-size: 18px ;
color: #4682b4 ;
margin-bottom: 10px ;
font-weight: bold ;
}
#ai_editor .info-item p {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .process-steps {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 20px ;
}
#ai_editor .step {
background: white ;
padding: 25px 15px ;
border-radius: 10px ;
text-align: center ;
position: relative ;
box-shadow: 0 2px 8px rgba(70, 130, 180, 0.08) ;
border: 2px solid #e6f3ff ;
}
#ai_editor .step:not(:last-child)::after {
content: '¡æ' ;
position: absolute ;
right: -25px ;
top: 50% ;
transform: translateY(-50%) ;
color: #87ceeb ;
font-size: 24px ;
font-weight: bold ;
z-index: 1 ;
}
#ai_editor .step-number {
background: #87ceeb ;
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 .step h4 {
font-size: 18px ;
color: #4682b4 ;
margin-bottom: 10px ;
font-weight: bold ;
}
#ai_editor .step p {
font-size: 16px ;
color: #666 ;
line-height: 1.5 ;
}
#ai_editor .benefits {
background: white ;
padding: 35px ;
border-radius: 12px ;
box-shadow: 0 3px 10px rgba(70, 130, 180, 0.1) ;
}
#ai_editor .benefits h2 {
font-size: 24px ;
color: #4682b4 ;
text-align: center ;
margin-bottom: 30px ;
font-weight: bold ;
border-bottom: 2px solid #87ceeb ;
padding-bottom: 10px ;
}
#ai_editor .benefit-list {
display: grid ;
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .benefit-item {
display: flex ;
align-items: center ;
padding: 18px ;
background: #f8fbff ;
border-radius: 8px ;
border-left: 4px solid #87ceeb ;
}
#ai_editor .benefit-item .check {
color: #4682b4 ;
font-size: 20px ;
margin-right: 15px ;
font-weight: bold ;
}
#ai_editor .benefit-item span {
font-size: 16px ;
color: #555 ;
line-height: 1.5 ;
}
#ai_editor .footer-info {
text-align: center ;
padding: 30px ;
background: white ;
border-radius: 10px ;
box-shadow: 0 2px 8px rgba(70, 130, 180, 0.08) ;
border: 2px solid #e6f3ff ;
}
#ai_editor .footer-info h3 {
font-size: 20px ;
color: #4682b4 ;
margin-bottom: 15px ;
font-weight: bold ;
}
#ai_editor .footer-info p {
font-size: 16px ;
color: #666 ;
line-height: 1.6 ;
}
@media (max-width: 992px) {
#ai_editor {
padding: 35px 20px ;
}
#ai_editor .header h1 {
font-size: 28px ;
}
#ai_editor .header p {
font-size: 17px ;
}
#ai_editor .header {
margin-bottom: 65px ;
}
#ai_editor .section {
margin-bottom: 65px ;
}
#ai_editor .main-features {
margin-bottom: 65px ;
}
#ai_editor .section-title {
font-size: 22px ;
}
#ai_editor .info-grid {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .process-steps {
grid-template-columns: repeat(2, 1fr) ;
gap: 20px ;
}
#ai_editor .step:nth-child(2)::after {
display: none ;
}
#ai_editor .step:nth-child(3)::after {
content: '¡æ' ;
}
}
@media (max-width: 768px) {
#ai_editor {
padding: 30px 15px ;
}
#ai_editor .header h1 {
font-size: 26px ;
}
#ai_editor .header p {
font-size: 16px ;
}
#ai_editor .header {
margin-bottom: 60px ;
}
#ai_editor .section {
margin-bottom: 60px ;
}
#ai_editor .main-features {
grid-template-columns: 1fr ;
gap: 20px ;
margin-bottom: 60px ;
}
#ai_editor .section-title {
font-size: 20px ;
}
#ai_editor .info-grid {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .process-steps {
grid-template-columns: 1fr ;
gap: 20px ;
}
#ai_editor .step::after {
content: '¡é' ;
right: 50% ;
top: auto ;
bottom: -30px ;
transform: translateX(50%) ;
font-size: 24px ;
}
#ai_editor .step:last-child::after {
display: none ;
}
#ai_editor .benefit-list {
grid-template-columns: 1fr ;
gap: 15px ;
}
#ai_editor .feature-card {
padding: 25px ;
}
#ai_editor .benefits {
padding: 30px ;
}
#ai_editor .footer-info {
padding: 25px ;
}
}
@media (max-width: 480px) {
#ai_editor {
padding: 25px 15px ;
}
#ai_editor .header h1 {
font-size: 24px ;
}
#ai_editor .header {
margin-bottom: 50px ;
}
#ai_editor .section {
margin-bottom: 50px ;
}
#ai_editor .main-features {
margin-bottom: 50px ;
}
#ai_editor .section-title {
font-size: 19px ;
}
#ai_editor .benefits h2 {
font-size: 20px ;
}
#ai_editor .footer-info h3 {
font-size: 19px ;
}
#ai_editor .info-item .icon {
font-size: 28px ;
}
#ai_editor .feature-card {
padding: 20px ;
}
#ai_editor .benefits {
padding: 25px ;
}
}
</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 |
|
|
|
|
|
 |
|
 |
|
|
|
|
|
|
|