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
|
<?php
include_once("./_common2.php");
header("Content-type:text/html;charset=utf-8");
?>
<!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" />-->
<meta name="viewport" content="target-densitydpi=device-dpi, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width" />
</head>
<style>
@font-face {/*G마켓산스M*/
font-family:'gs';
src:url('./fonts/GmarketSansTTFMedium.eot');
src:url('./fonts/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
url('./fonts/GmarketSansTTFMedium.woff') format('woff'),
url('./fonts/GmarketSansTTFMedium.ttf') format('truetype');
src:local(※), url('./fonts/GmarketSansTTFMedium.woff') format('woff');
}
*, body {font-family:'gs',sans-serif;line-height:1.36;}
ul {list-style: none;}
a {text-decoration: none;}
img {border: none;image-rendering:auto;/*image-rendering:crisp-edges;image-rendering:pixelated;*/}
.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:auto !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 .tip_box {padding:15px;border:1px solid #ffbd56; border-radius:10px;width:75%;margin:15px auto;}
.dialog_content p {font-weight:500; color:#1e1e21;}
.dialog_content em {font-weight:700; color:#ff5f10;font-style:inherit;}
.dialog_content a:visited {text-decoration:none; color:#ff5f10;}
.dialog_content h3 {color:#1053ff;}
.con_box {position:relative;margin:20px;}
.con_box h3 {position:absolute;top:-30px;left:32%;background:#fff;padding:0 8px;}
.con_box p {border:2px solid #ff5f10;width:80%;margin:auto;border-radius:10px;padding:20px 10px 9px 10px;}
@media screen and (max-width:700px)
{
.new_user_dialog {overflow:inherit;}
#hw_dialog_flow {height:1050px !important;}
.dialog_content .tip_box {width:85%;}
.dialog_content p {font-size:1.7em;}
.dialog_content h3 {font-size:2.3em;}
.con_box h3 {position:absolute;top:-55px;left:17%;background:#fff;padding:0 8px;}
.con_box p {width:90%;}
}
</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: 845px;">
<div class="dialog_content">
<img src="./images/millennium/buy_guide_content.png" style="margin:15px auto;">
</div>
<img src="./images/millennium/buy_guide_bottom2.png" style="width: 845px;">
</div>
</div>
</div>
</body>
|