닫기버튼이 비번입력요(음영색)안에 나오게 하는 방법 문의?

  <div    class="alert-box" id="alert">
   <p id="id1">알림창임</p>   
        <button onclick="알림창열기('none')">닫기</button>
  </div>
<button onclick="아이디알림창()">버튼1</button>
<button onclick="비번알림창()">버튼2</button>

</body>
 
<style>
.alert-box{
    background-color: skyblue;
    padding: 20px;
    margin: 10px;
    width: 500px;
    height: 100px;
    font-weight: bold;
    color: aliceblue;
    line-height: 100px;
    text-align: center;
    border-radius: 5px;
    display: none;
}
</style>

<script>
    function 아이디알림창() {
    document.getElementById('id1').innerHTML = '아이디 입력요';
    document.getElementById('alert').style.display = 'block'
    }
    function 비번알림창() {
        document.getElementById('id1').innerHTML = '비번 입력요';
        document.getElementById('alert').style.display = 'block';
    }
   function 알림창열기(파라미터) {
    document.getElementById('alert').style.display = 파라미터
    
}