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
105
106
107
108
109
110
111
|
<?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=" 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>
/* width=320px, */
*, body {font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.025rem;}
body{display:flex;justify-content:center;}
ul {list-style: none;}
a {text-decoration: none;}
img {border: none;display:block;}
.new_user_dialog {width: 861px;height: 595px;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:100%;height:154px;background:url('./images/millennium/buy_guide_tit2_2.png') no-repeat;background-size:contain;background-position:center;position:relative;}
.dialog_content .con_tit h1 {font-size:26px;font-weight:600;color:#2F2F2F;position:absolute;}
.dialog_content .con_tit h1 em {font-size:33px;font-weight:800;color:#1574CD;}
.con_cont{margin:14px 19px 12px 19px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.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{border-radius:0 42px 0 42px;margin-bottom:21px;box-sizing:border-box;position:relative;}
.con_box:nth-child(1), .con_box:nth-child(2){width:406px; height:192px;}
.con_box:nth-child(1) .icon_number, .con_box:nth-child(2) .icon_number{position:absolute; left:50%;top:0; transform:translate(-50%,-50%); }
.con_box:nth-child(3) .icon_number{position:absolute; left:40%; top:0; transform:translate(-50%,-50%);}
.con_box .icon_number{width:28px;height:28px;box-sizing:border-box;border-radius:100%;border:1px solid #0858A0;background-color:#fff; font-size:19px;line-height:28px;font-weight:900;color:#0858A0;box-shadow:4px 4px 4px 0 rgba(0,0,0,0.1); }
.con_box:nth-child(1){background-color:#7ABFFE;padding-top:35px;}
.con_box:nth-child(2){background-color:#1574CD;padding-top:35px;}
.con_box:nth-child(3){background-color:#DBEEFF;margin-bottom:0;width:100%;}
.con_box h3 {text-align:center;font-weight:600;font-size:22px;line-height:32px;margin:0;}
.con_box p {text-align:center;font-size: 18px;font-weight:400;line-height:21px;}
.con_box:nth-child(2) p{color:#fff;}
.con_box p em{color:#FFDB5A;font-weight:600;}
@media screen and (max-width:700px)
{
.new_user_dialog {overflow:inherit;}
#hw_dialog_flow {height:670px !important;}
.dialog_content .con_tit {width:100%;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: 595px;overflow-y: scroll;overflow-x: hidden; margin-top: 1px;">
<img src="./images/millennium/buy_guide_top3.png" style="width: 100%;">
<div class="dialog_content">
<div class="con_tit">
<h1 style="left:191px;top:10px;">누구나 다운받아 <em>1개월 무료</em> 사용!</h1>
<h1 style="left:280px;top:68px;">구매 전에도 <em>무상 원격교육</em> 지원!</h1>
</div>
<div class="con_cont">
<div class="con_box">
<div class="icon_number">1</div>
<h3 style="margin-bottom:31px;">고객이 원하는 제품을<br>직접 찾을 수 있습니다.</h3>
<p>
여기 <a href="./index_new_program_new2_utf8.php" target="_self"><span style="padding:8px 14px;color:#FFDB5A;background-color:#1574CD;border-radius:18.5px;font-weight:600;line-height:21px;font-size:18px;">제품 직접 찾기</span></a> 를 클릭하세요.
</p>
</div>
<div class="con_box">
<div class="icon_number">2</div>
<h3 style="color:#fff;margin-bottom:18px;">필요한 제품을 모를 때<br>전화주세요!</h3>
<p style="margin-bottom:5px;"><em>전문 상담원</em>이 필요한 제품을 찾아 드립니다.</p>
<p style="margin:0;"><em>기초 자료</em>(엑셀)을 <em>일괄 등록</em> 해 드립니다. (무료)</p>
</div>
<div class="con_box" style="height:91px;">
<div class="icon_number">3</div>
<h3 style="font-size:18px;margin-top:18px;line-height:18px;">고객센터 운영</h3>
<p style="font-size:16px;margin-top:10px;">
전화상담 · 원격교육 · 사후관리를 지원합니다.
</p>
</div>
</div>
</div>
<img src="./images/millennium/buy_guide_bottom3.png" style="width: 100%;">
</div>
</div>
</div>
</body>
|