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
|
<?php include_once("./_common2.php"); ?>
<!DOCTYPE html>
<head>
<script language='javascript' src="./js/jquery-1.7.2.min.js"></script>
<script language='javascript' src='./js/img.js'></script><!-- Order_2.php -->
<script src="./js/jqueryui/jquery-ui.js"></script>
<script src="./js/html5shiv.js"></script>
<script src="./js/respond.min.js"></script>
<link href="./js/jqueryui/jquery-ui_renew.css" rel="stylesheet" />
<meta name="viewport" content="width=320px, initial-scale=0.2, maximum-scale=0.2, minimum-scale=0.2, user-scalable=yes" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">
</head>
<style>
*, body {font-family: 'Nanum Gothic', sans-serif;line-height:1.5;letter-spacing:-0.025rem;}
ul {list-style: none;}
a {text-decoration: none;}
img {border: none;}
.new_user_dialog {width: 861px;height: 586px;position: relative;overflow: hidden;background-color:#fff;font-family:'NanumGothic'}
.new_user_dialog .new_user_page {width: 100%;height: 100%;position: relative;margin:0;}
.new_user_dialog .new_user_page li {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: #fff;font-size: 30px;display: none;}
#hw_dialog_flow {overflow-y:hidden !important;}
.new_user_page li:nth-child(1) {display: block;}
.new_user_prev {position: absolute;right: 180px;top: 530px;width: 117px;height: 44px;background: url( "./images/intro/new_user/new_user_prev.png" ) no-repeat;border:none;cursor:pointer;outline: none;display:none;}
.new_user_next {position: absolute;right: 58px;top: 530px;width: 117px;height: 44px;background: url( "./images/intro/new_user/new_user_next.png" ) no-repeat;border:none;cursor:pointer;outline: none;display:none;}
.new_user_start {position: absolute;right: 90px;top: 480px;width: 126px;height: 76px;background: url( "./images/intro/new_user/new_user_start_bf.png" ) no-repeat;border:none;cursor:pointer;outline: none;}
.new_user_start:hover {background: url( "./images/intro/new_user/new_user_start_after.png" ) no-repeat;}
.new_user_dialog .dialog_content {text-align:center;}
.dialog_content .con_tit {width:42%;padding:10px;margin:auto;background:url('./images/millennium/buy_guide_tit.png') no-repeat;background-size:contain;background-position:center;}
.dialog_content .con_tit h1 {font-size:1.4em;}
.dialog_content .con_tit h1 em {font-size:30px;font-weight:900;color:#e22000;}
.con_cont em {color:#4571ff;}
.dialog_content p {font-weight:700; color:#1e1e21;margin:8px 0;}
.dialog_content em {font-weight:700; font-style:inherit;}
.dialog_content a:visited {text-decoration:none; color:#ff5f10;}
.con_box {position:relative;margin:20px;text-align:center;border:2px solid #ff5f10;width:80%;margin:auto;border-radius:10px;padding:12px 0 10px;margin-top:10px;}
.con_box h3 {margin:0;font-weight:900;font-size:1.5em;}
.con_box p {font-size: 1.4em;}
@media screen and (max-width:700px)
{
.new_user_dialog {overflow:inherit;}
#hw_dialog_flow {height:1135px !important;}
.dialog_content .con_tit {width:42%;padding:10px;margin:auto;background:url('./images/millennium/buy_guide_tit.png') no-repeat;background-size:contain;background-position:center;}
.dialog_content .con_tit h1 {font-size:1.4em;}
.dialog_content .con_tit h1 em {font-size:30px;font-weight:900;color:#e22000;}
.dialog_content p {font-size:1.4em;}
.dialog_content h3 {font-size:1.5em !important;}
.con_box h3 {margin-top:0;font-weight:900;font-size:1.5em !important;}
.con_box > p {font-size: 1.4em;}
.con_box:first-child div {font-size:1.3em;}
.con_box:first-child span {font-size:1em !important;}
}
</style>
<body style="padding:0px; margin:0px;<?php if($view_mode=='mobile'){?>zoom:34%<?php } ?>">
<div class="new_user_dialog">
<div id="hw_dialog_flow" title="Á¦Ç° ±¸¸Å ¹æ¹ý" style="height: 590px;overflow-y: scroll;overflow-x: hidden; margin-top: 1px;">
<img src="./images/millennium/buy_guide_top2.png" style="width: 100%;">
<div class="dialog_content">
<div class="con_tit">
<h1>
´©±¸³ª ´Ù¿î¹Þ¾Æ <em>1°³¿ù ¹«·á</em> »ç¿ë!<br>
±¸¸Å Àü¿¡µµ <em>¹«»ó ¿ø°Ý±³À°</em> Áö¿ø!
</h1>
</div>
<div class="con_cont" style="padding:1px 0 10px 0 ;">
<div class="con_box">
<div style="margin-bottom:20px;">
<h3>1. °í°´ÀÌ ¿øÇÏ´Â Á¦Ç°À» Á÷Á¢ ãÀ» ¼ö ÀÖ½À´Ï´Ù.</h3>
<p>
- ¿©±â <a href="./index_new_program_new2_utf8.php" target="_self"><span style="padding:4px 14px;color:#fff;background-color:#4571ff;border:1px solid #2451e5;border-radius:8px;">Á¦Ç° Á÷Á¢ ã±â</span></a> ¸¦ Ŭ¸¯Çϼ¼¿ä.
</p>
</div>
<div>
<h3>2. ÇÊ¿äÇÑ Á¦Ç°À» ¸ð¸¦ ¶§ ÀüÈÁÖ¼¼¿ä!</h3>
<p style="margin-bottom:0;">
- <em>Àü¹® »ó´ã¿ø</em>ÀÌ ÇÊ¿äÇÑ Á¦Ç°À» ã¾Æ µå¸³´Ï´Ù.<br>
- <em>±âÃÊ ÀÚ·á</em>(¿¢¼¿)À» <em>ÀÏ°ý µî·Ï</em> ÇØ µå¸³´Ï´Ù. (¹«·á)
</p>
</div>
</div>
<h3 style="margin-bottom:10px;font-size:1em;font-weight:900;margin-top:13px;">3. °í°´¼¾ÅÍ ¿î¿µ</h3>
<p style="margin:0;">
- ÀüÈ»ó´ã ¡¤ ¿ø°Ý±³À° ¡¤ »çÈÄ°ü¸®¸¦ Áö¿øÇÕ´Ï´Ù.
</p>
</div>
</div>
<img src="./images/millennium/buy_guide_bottom2.png" style="width: 100%;">
</div>
</div>
</div>
</body>
|