1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
<?php include_once("./_common2.php"); ?>
<? include("./Page/common/header.php"); ?>
<style>
.kvoucher_title{height:500px;text-align:center;}
.kvoucher_title{background-color:#AEE922;}
.kvoucher_content {text-align:center;margin:50px 0;}
.kvoucher_sub {font-size: 36px;height: 50px; margin-top: 10px;font-weight:700;}
.modal_btn {position:absolute;top:460px;right:50px;width:170px;height:50px;background:url('./img/kvoucher/kvoucher_c_btn3.png');border:none;}
.modal_box{display: none;position: fixed;content: ""; width: 100%;height: 100%;background-color:rgba(0, 0,0, 0.5);top:0;left: 0;z-index: 1;}
.modal_wrap{display: none;width: 300px; height: 360px; position: absolute;top:50%;left: 55%;z-index: 2;margin: -250px 0 0 -250px;cursor:pointer;}
</style>
<div class="kvoucher_title">
<img src="./img/kvoucher/kvoucher_top_big.png" style="height:500px;">
</div>
<div class="kvoucher_content">
<img src="./img/kvoucher/kvoucher_content1.png">
</div>
<div class="kvoucher_content" style="background-color:#eee;padding:20px;">
<img src="./img/kvoucher/kvoucher_content2.png">
</div>
<div class="kvoucher_content" style="margin-top:0 !important;">
<div style="width:979px; height:773px; background:url(./img/kvoucher/kvoucher_content3.png); margin:auto;position:relative;">
<a href="https://www.k-voucher.kr/user_join.php" target="_blank"><span style="position:absolute;top:100px;right:50px;"><img src="./img/kvoucher/kvoucher_c_btn1.png"></span></a>
<a href="https://www.bizzeropay.com/main_0001_01_bzpay.act" target="_blank"><span style="position:absolute;top:280px;right:50px;"><img src="./img/kvoucher/kvoucher_c_btn2.png"></span></a>
<button type="button" id="modal_btn" class="modal_btn" style="cursor:pointer;"></button>
</div>
</div>
<div class="modal_box">
<div class="modal_wrap">
<div>
<img src="./img/kvoucher/alert.png">
</div>
</div>
</div>
<div class="kvoucher_content">
<img src="./img/kvoucher/kvoucher_content4.png">
</div>
<div style="text-align:center;padding:50px;margin-bottom:50px;">
<a href="./download/kvoucher.pdf" target="_blank"><img src="./img/kvoucher/kvoucher_pdf.png"></a>
</div>
<script>
window.onload = function() {
function onClick() {
document.querySelector('.modal_wrap').style.display ='block';
document.querySelector('.modal_box').style.display ='block';
}
function offClick() {
document.querySelector('.modal_wrap').style.display ='none';
document.querySelector('.modal_box').style.display ='none';
}
document.getElementById('modal_btn').addEventListener('click', onClick);
document.querySelector('.modal_wrap').addEventListener('click', offClick);
};
</script>
<? include("./Page/common/footer.php"); ?>
|