footer { width:100%; height:80px; border-top:1px solid #E2E2E2; position:fixed; bottom:0; left:0; background:#fff; }
footer ul { height:100%; display:flex; align-items:center; }
footer ul li { width:25%; }
footer ul li a { margin:0 auto; border:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:none; }
footer ul li a div { width:24px; height:24px; background:url('/image/mobile/footer.svg')no-repeat 0 0; }
footer ul li a p { margin-top:5px; font-size:12px; color:#b2b2b2; }
footer ul li.home a div { background-position:0 0; }
footer ul li.medicalInfo a div { background-position:-24px 0; }
footer ul li.reservation a div { background-position:-48px 0; }
footer ul li.mypage a div { background-position:-72px 0; }
/* on일때 */
footer ul li.on a p { color:#333; font-weight:700; }
footer ul li.home.on a div { background-position:0 -24px; }
footer ul li.medicalInfo.on a div { background-position:-24px -24px; }
footer ul li.reservation.on a div { background-position:-48px -24px; }
footer ul li.mypage.on a div { background-position:-72px -24px; }
