active 클래스가 안먹혀요ㅠㅠ

html 부분:<div class="btn">

                    <a href="#none" class="active">공지사항</a>

                    <a href="#none">갤러리</a>

                </div>

css 부분:.btn a{

    border: 1px solid black;

    display: inline-block;

    width: 100px;

    padding: 3px;

    text-align: center;

    text-decoration: none;

    color: black;

    border-radius: 5px 5px 0 0;

    margin-right: -6px;

    border-bottom: none;

    background-color: lightgray;

    margin-bottom: -1px;

}

.btn a.acitve{

    background-color: white;

}

이렇게 작성했는데, 내용 부분  tab1, tab2는 바뀌는데 

active 적용해서 공지사항이나 갤러리 배경이 하얀색으로 바뀌어야되는데 안바뀝니다ㅠㅠ