iframe 스크롤바 변경시키기 채택완료

<iframe allowfullscreen="true" frameborder="0" id="AirWnd1" name="AirWnd1" scrolling="yes" src="#"></iframe>
        으로 iframe 을 추가시켰는데요 

.AirWnd1::-webkit-scrollbar { width: 5.2px; }
.AirWnd1::-webkit-scrollbar-track { background-color:#5D5D5D; }
.AirWnd1::-webkit-scrollbar-thumb { background: #303030; }
.AirWnd1::-webkit-scrollbar-thumb:hover { background: #404040; }
.AirWnd1::-webkit-scrollbar-thumb:active { background: #808080; }
.AirWnd1::-webkit-scrollbar-button { display: none; }
.AirWnd1{ overflow-y: scroll;}

계속 삽질만 하고있네요 ㅠㅠ div 안에 있는 iframe 인데 ifame 스크롤바를 변경시킬 방법 없을까요 ㅠㅠ?