fix : 모바일 height 넘어가는 경우 정상적으로 표시되지 않음

@@ -39,6 +39,10 @@
             <p>
             <p>
               <a href="https://maplestory.nexon.com/MyMaple/Account/Character/Visibility" target="_BLANK">공개설정하러 가기</a>
               <a href="https://maplestory.nexon.com/MyMaple/Account/Character/Visibility" target="_BLANK">공개설정하러 가기</a>
             </p> 
             </p> 
+            <p class="red-text text-accent-1">
+              <i class="material-icons">info_outline</i>
+              <span>제논, 데몬어벤져는 지원하지 않습니다.</span>
+            </p>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
@@ -47,9 +51,11 @@
 </section>
 </section>
 
 
 <style>
 <style>
-section { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; }
-.search-box { width:100%; }
+section { width:100%; height:100%; display:flex; flex-direction:column; }
+.search-box { width:100%; margin:auto 0; }
 h4 { font-size:20px; text-align:center; }
 h4 { font-size:20px; text-align:center; }
 .input-field { padding-right:70px; }
 .input-field { padding-right:70px; }
 .input-field button { position:absolute; right:0; top:7px; }
 .input-field button { position:absolute; right:0; top:7px; }
+.card-action i.material-icons { font-size:1.1em; vertical-align:middle; }
+.card-action i.material-icons ~ span { vertical-align:middle; }
 </style>
 </style>
\ No newline at end of file