http://eworldtour.co.kr/qna.html 

    <div >
        <ul class="qna_nav clearfix">
            <li class="qna_nav_selected"><a href="qna.html#qna_start">미국비자</a></li>
            <li><a href="qna_china.html#qna_start">중국비자</a></li>
            <li><a href="qna_canada.html#qna_start">캐나다비자</a></li>
            <li><a href="qna_aus.html#qna_start">호주비자</a></li>
            <li><a href="qna_china.html#qna_start">중국비자</a></li>
            <li><a href="qna_canada.html#qna_start">캐나다비자</a></li>
            <li><a href="qna_aus.html#qna_start">호주비자</a></li>
           
        </ul>
    </div>
이부분을 작업중인데 css가 안 먹혀요ㅠㅠ 메뉴를 줄이고 싶은데요ㅠㅠ

clearfix를 없애면 아래부분이랑 메뉴가 딱 붙어버리고..ㅠ

메뉴부분 위에 이메일상담 부분도 사이즈가 들쑥날쑥하고ㅠㅠ

.qna_nav a {
    float: left;
    width: 20%;
    text-align: center;
    padding: 18px 0;
    background-color: #f5f5f5;
    border-left: 1px solid #dfdfdf;
    box-sizing: border-box;
    color: #7c7c7c;
    font-weight: 500;
}

.qna_nav li:last-child a {
    border-right: 1px solid #dfdfdf;
}

.qna_nav_selected a {
    background-color: white;
    color: #1675d1;
    position: relative;
    border-bottom: 1px solid #fff;
    margin: 0 0 -1px 0;
}

.qna_nav_selected a:before {
    background-color: #1675d1;
    height: 5px;
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
}