a태그 hover 효과 질문

css

header .main_gnb > .main > li > a{position: relative; display: block; font-size: 17px; font-family: 'Gothic A1', sans-serif; font-weight: 500; }

header .main_gnb > .main > li > a::after{content: ''; position: absolute; left: 0; bottom: -26px; display: none; width: 100%; height: 3px; background: #fcaf17;}

header .main_gnb > .main > li:hover a::after{display: block;}

html

<nav class="main_gnb">

            <a href="#a"><img src="img/img_logo.png" alt="KB생명보험"></a>

            <h2 class="hide">메인메뉴</h2>

            <ul class="main">

                <li><a href="#a">보험상품</a></li>

                <li><a href="#a">온라인보험</a></li>

                <li><a href="#a">나의 KB생명</a></li>

                <li><a href="#a">KB라이프</a></li>

                <li><a href="#a">고객센터</a></li>

            </ul>

</nav>

a태그는 cursor:pointer; 따로 입력하지 않아도 자동으로 마우스 모양 바뀌지 않나요?

근데 전 왜 하나도 안될까요ㅡㅡ

원래 됐었는데 더 수정할거 있어서 며칠 지나고 들어왔는데 hover부분은 모두 아예 안되네요..?

진짜 초봅니다.. 제발 도와주세요 선생님들...