모바일 사파리에서 텍스트가 검은색으로 나옵니다. 채택완료

tail.php

<div class="footer"><div class="footerlogo"><a href="/../index.php"><img src="/../images/footerlogo.jpg" width="213px" height="72px" title="메인으로" alt="메인으로"></a></div><font class="footerarea"><a href="/htmls/direction.html" class="direction" alt="오시는 길">오시는 길</a> <font class="footerblocker">|</font> <a href="/htmls/privacy.html" class="privacy" alt="개인정보처리방침">개인정보처리방침</a><br><br><font class="footertext"><b>[주소] </b>경기도 김포시 고촌읍 향산리 359-2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>[사업자등록번호] </b>172-81-00944<br><b>[고객센터] </b>031-998-3712, <img style="margin-top:-3px;" src="/images/handphonenumber.gif">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>[FAX] </b>031-998-3713&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>[이메일] </b><a class="footeremail" href="mailto:jyr1704@naver.com">jyr1704@naver.com</a></font></font></div>
 

/css/style.css
.footer {clear: both; margin:0 auto; width:980px; height:79px; background: url('/../images/footerbg.jpg') center no-repeat;}
.footerlogo {float:left;}
.footerlogo a img {
 width: 213px; left:4px; top:5px; position:relative;
 height: 72px;
}
.footerarea {float:left; color:#fff; position:relative; left:20px; top:13px; font-size:9pt; font-weight:bold; font-family:gulim;}
.footerblocker { margin:0 3px; color: #b5c3bf; font-weight:normal;}
.footertext { color: #e0ede9; position:relative; bottom:3px; line-height:160%; font-weight:normal; }