<?php for($i=1;$i<=40;$i++){?>
    <?if($it['it_'.$i.'_subj']){?> //여분필드에 값이 있으면

<tr>

    <td><label for="modal" class="button">설명보기</label></td>
</tr>

<input type="checkbox" id="modal" class="hidden"> //모달창 내용
<div class="box_modal">
    <label for="modal" class="closer">x</label>
    <div class="text">
        <h3><?php echo $it['it_'.$i]?></h3> // 여분필드 값 출력
        <p><?php echo $add[$it['it_'.$i]];?></p> // add 연관 배열에서 출력
    </div>
</div>

<?}}?>
 
 

<!--모달-->


<script>
    var modal = document.getElementById('myModal');

    // Get the button that opens the modal
    var btn = document.getElementById("myBtn");

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close")[0];

    // When the user clicks on the button, open the modal
    btn.onclick = function() {
        modal.style.display = "block";
    }

    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
        modal.style.display = "none";
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>