21.04.07 운영 반영

src/main/webapp/WEB-INF/jsp/mobile/health/health5.jsp

@@ -134,7 +134,7 @@ $( function(){
                                     <input type="checkbox" id="etcCheck" name="etcCheck" value="Y">
                                     <label for="etcCheck"><span></span>기타 <font class="fs12">(Other)</font></label>
                                     <div class="comment">
-                                        <input type="text" id="etcContent" name="etcContent" placeholder="증상을 입력하세요. (Enter other symptoms)" readonly>
+                                        <input type="text" id="etcContent" name="etcContent" onclick="scrollDown();" placeholder="증상을 입력하세요. (Enter other symptoms)" readonly>
                                     </div>
                                 </li>
                             </ul>

src/main/webapp/resources/css/mobile/style.css

@@ -113,8 +113,8 @@ caption {text-align:left;}
 #main .header .menu_bar a { display: block; background-image: url('../../images/mobile/menu_bar.png'); background-position: center; background-size: 28px 17px; width: 28px; height: 17px; text-indent: -9999px; }
 #main .header .alram { position: absolute; right: 20px; top: 20px; }
 #main .header .alram a { display: block; background-image: url('../../images/mobile/alram_icon.png'); background-position: center; background-size: 17px 20px; width: 17px; height: 20px; text-indent: -9999px; }
-#main .banner { background-image: url('../../images/mobile/main_bg.png'); background-position: top center; background-size: cover; padding: 60px 30px 30px 30px; }
-#main .banner .name { font-size: 18px; color:#FFFFFF; font-weight: 700; margin-bottom: 40px; }
+#main .banner { background-image: url('../../images/mobile/main_bg.png'); background-position: top center; background-size: cover; padding: 60px 30px 20px 30px; }
+#main .banner .name { font-size: 18px; color:#FFFFFF; font-weight: 700; margin-bottom: 30px; }
 #main .banner .caption { color: #FFFFFF; }
 #main .banner .caption .title { font-size: 16px; font-weight: 500; margin-bottom: 10px; }
 #main .banner .caption .info { font-size: 26px; font-weight: 700; line-height: 32px; }
@@ -124,11 +124,11 @@ caption {text-align:left;}
 #main .quick_menu li { display: inline-block; width: 42%; margin: 2% 2%; }
 #main .quick_menu li a { display: block; font-size: 16px; font-weight: 500; }
 #main .quick_menu li a div.menu-eng { font-size: 12px; }
-#main .quick_menu li .image { position: relative; margin-bottom: 10px; }
+#main .quick_menu li .image { position: relative; margin-bottom: 0px; }
 #main .quick_menu li .new_icon { position: absolute; top: 0px; right: 0px; background-color: #F85767; font-size: 11px; color:#FFFFFF; padding: 3px 6px; border-radius: 4px; z-index: 10; }
-#main .quick_menu li img { width: 53%; }
+#main .quick_menu li img { width: 45%; }
 #main .user_guide {  background-color: #F6F6F6; text-align: center;}
-#main .user_guide a { display: block; font-size: 16px; line-height: 80px;  }
+#main .user_guide a { display: block; font-size: 15px; line-height: 50px;  }
 #main .user_guide a .icon { display: inline-block; 
 /* background-image: url('../../images/mobile/man_bg.png'); */
  margin-right: 10px; }