Jquery 모달창 띄우기 - jquery modalchang ttuiugi

<script src="https://code.jquery.com/jquery-latest.js"></script> 

<style>

        /* The Modal (background) */

        .modal {

            display: none; /* Hidden by default */

            position: fixed; /* Stay in place */

            z-index: 1; /* Sit on top */

            left: 0;

            top: 0;

            width: 100%; /* Full width */

            height: 100%; /* Full height */

            overflow: auto; /* Enable scroll if needed */

            background-color: rgb(0,0,0); /* Fallback color */

            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

        }

        /* Modal Content/Box */

        .modal-content {

            background-color: #fefefe;

            margin: 15% auto; /* 15% from the top and centered */

            padding: 20px;

            border: 1px solid #888;

            width: 30%; /* Could be more or less, depending on screen size */                          

        }

</style>

<!-- The Modal -->

<div id="myModal" class="modal">

<!-- Modal content -->

<div class="modal-content">

<p style="text-align: center;"><span style="font-size: 14pt;"><b><span style="font-size: 24pt;">공지</span></b></span></p>

<p style="text-align: center; line-height: 1.5;"><br /></p>

<p style="text-align: center; line-height: 1.5;"><span style="font-size: 14pt;">사이트 서버 점검으로</span></p>

<p style="text-align: center; line-height: 1.5;"><b><span style="color: rgb(255, 0, 0); font-size: 14pt;">10:00 - 18:00 까지</span></b></p>

<p style="text-align: center; line-height: 1.5;"><span style="font-size: 14pt;">사이트 사용이 중지 됩니다.</span></p>

<p style="text-align: center; line-height: 1.5;"><span style="font-size: 14pt;"><br /></span></p>

<p style="text-align: center; line-height: 1.5;"><span style="font-size: 14pt;">이용에 불편을 드린 점 양해를 </span></p>

<p style="text-align: center; line-height: 1.5;"><span style="font-size: 14pt;">부탁드립니다.</span></p>

<p style="text-align: center; line-height: 1.5;"><br /></p>

<p><br /></p>

<div style="cursor:pointer;background-color:#DDDDDD;text-align: center;padding-bottom: 10px;padding-top: 10px;" onClick="close_pop();">

<span class="pop_bt" style="font-size: 13pt;" >

닫기

</span>

</div>

</div>

</div>

<!--End Modal-->

<script type="text/javascript">

jQuery(document).ready(function() {

$('#myModal').show();

});

//팝업 Close 기능

function close_pop(flag) {

$('#myModal').hide();

};

</script>