/* BASIC css start */
.careTable {width: 820px; border: 1px solid #dddddd;}

.careTable thead {}

.careTable thead td {
    background: #f7f7f7;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    padding: 12px 0;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.careTable tbody td a {display: block;margin: 0 15%;padding: 8px 0;font-size: 13px;font-weight: 500;line-height: normal;color: #b2b2b2;border: 1px solid #ccc;border-radius: 50px;}
.careTable tbody td a:hover {background-color: #00339b; border: 1px solid #00339b; color: #fff; transition: 0.3s;}


.careTable tbody td {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
} 

/*max-width: 767px¿¡¼­ 767px·Î º¯È¯ÇÔ*/
@media all and (max-width: 767px) { 
.careTable tbody td a {display: block;margin: 5px;padding: 5px 0;font-size: 13px;font-weight: 500;line-height: normal;color: #b2b2b2;border: 1px solid #ccc;border-radius: 50px;}
.careTable tbody td a:hover {background-color: #00339b; border: 1px solid #00339b; color: #fff; transition: 0.3s;}
}




/* BASIC css end */