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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
<?php include_once("./_common2.php"); ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link href="./css/style.css" rel="stylesheet" type="text/css">
<script language='javascript' src="./js/jquery-1.7.2.min.js"></script>
<title>1³â ³³ÀÔ °è»êÇϱâ</title>
<style>
body {margin:0px;padding:0px;font-family: "³ª´®°íµñ", NanumGothic; background:none;}
.black {color:#000;}
.orange {color:#ff7400;}
.pl20 {padding-left:20px;}
h1 {margin:0;padding:0px;}
li {list-style:none;}
p {padding:0;margin:7px 0;}
#pop_wrap {display:block;margin:0 auto; padding-bottom:10px; width:750px; background-image:url('./img/buy/cs_cms_info_bg.png');}
.pop_notice {margin:0 20px;padding:30px 0;color:#000;font-size:17px;font-weight:600;text-align:left;border-bottom:1px solid #ccc;}
.pop_notice span {font-size:17px;}
.pop_notice em {font-size:21px;font-style:normal;}
.pop_login {margin:40px 20px 0;text-align:left;color:#000;font-size:17px;font-weight:600; margin-bottom:20px;}
.pop_login h2 {display:block;margin:10px 0;padding:0;}
.pop_login ul {margin:0 0 0 10px;padding:0px;}
.pop_login li {float:left;margin:0 5px 10px;}
.btn_close {margin:5px 0 0;}
.pop_ex{margin-bottom:20px;}
button {background-color: #153f79; color: white; padding: 10px 12px; margin: 8px 0; border: none; cursor: pointer;}
button:hover {opacity: 0.8;}
input[type=text] {background-color: #f1f1f1; width: 50%; border: 1px solid transparent; padding: 5px; margin:0 5px; font-size: 16px;}
#userId{padding-left:150px;}
#userId1{padding-left:80px;}
#buy{margin-left:-10px;}
.price_class { position:absolute; left:190px; top:53px;}
#userId { position:relative; }
</style>
</head>
<body>
<div id="pop_wrap">
<h1><img src="./img/buy/cs_price_cal_title.png" alt="1³â³³ÀÔ°è»êÇϱâ"></h1>
<div class="pop_notice">
<p class="pop_ex">¾È³çÇϼ¼¿ä~¿¥Á¦À̼ÒÇÁÆ® »ç¿ë µµ¿ì¹ÌÀÔ´Ï´Ù.</p>
<p class="pop_ex">´ç»çÀÇ ¼¹ö ÀÌ¿ë·á´Â ¸ÕÀú ºñ¿ëÀ» ³³ºÎÇÏ°í »ç¿ëÇÏ´Â ¼±ÀÔ±Ý ¹æ½ÄÀ̸ç,<br>
ÀÚüÀûÀÎ ÀÚµ¿ÀÌü ½Ã½ºÅÛÀ» »ç¿ëÇÏÁö ¾Ê°í ÀÖ½À´Ï´Ù.</p>
<p class="pop_ex">¸Å¿ù ³³ºÎÀÇ ¹ø°Å·Î¿òÀ» ÁÙ¿© µå¸®°íÀÚ 1³â ¼±³³ ½Ã<br>
<span class="orange">Àüü ±Ý¾×ÀÇ 5% ÇÒÀÎ</span>À» Áö¿øÇÏ°í ÀÖ½À´Ï´Ù.<br>
¸Å¿ù ÀÔ±ÝÀÌ ¹ø°Å·Î¿ì½Ã¸é <span class="orange">5% ÇÒÀÎ</span>¹Þ°í 1³â ¼±³³Çϼ¼¿ä~</p>
<p><img src="./img/buy/cs_price_cal_buy.png" alt="³óÇù°èÁ¹øÈ£"></p>
<p><img src="./img/buy/cs_price_cal_call.png" alt="¹®ÀÇÀüÈ"></p>
</div>
<div class="pop_login">
<form name='cs_cal_form' id='cs_cal_form' method='' onsubmit='return false;'>
<p id="userId1">csÁ¦Ç°ÀÇ <span class="orange">ȨÆäÀÌÁö ¾ÆÀ̵𸦠ÀÔ·Â</span>ÇϽøé 1³â ³³ÀÔÇÏ½Ç ±Ý¾×À» ¾Ë·Áµå·Á¿ä.</p>
<div id="userId">
<label for="uname"><b>I D :</b><input type="text" placeholder="ID¸¦ ÀÔ·ÂÇϼ¼¿ä." name="userId" required value=''>
<button type="submit" class='cs_cal_check_class'>È®ÀÎÇϱâ</button></label><br>
<label id="buy" for="uname"><b>±Ý¾× : <div class='price_class'></div></b></label>
</div>
</form>
</div>
<input type="image" src="./img/common/close_btn.jpg" onClick="self.close();" alt="´Ý±â" class="btn_close">
</div>
<script>
$(function(){
$(".cs_cal_check_class").click(function(){
if($("input[name='userId']").val()==''){
alert('¾ÆÀ̵𸦠ÀÔ·ÂÇϼ¼¿ä.'); return;
}
$form_obj = $("#cs_cal_form");
form_data = $form_obj.serialize();
$.post("cs_price_cal_process.php",form_data,function(rtn){
$(".price_class").html(rtn);
});
});
$("input[name='userId']").keyup(function(){
if(event.keyCode==13){
$(".cs_cal_check_class").click();
}
});
});
</script>
</body>
|