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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
|
<? include("./include/header.php"); ?>
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script><!--이미지맵 플러그인-->
</div>
<style>
.container{margin:20px 0;padding:0 15px;}
.container section,
.container table {width:100%;border:2px solid #383a7d;border-top:0px none;background-color:#fff;font-size:12px;}
.m3_bn{position:relative;}
.m3_bn img{width:100%;}
.m3_gif_btn{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:70%;}
.m3_gif_btn img{z-index: 1;width:100%;}
/*천3기능 이미지맵*/
.m3_pro_list_div{text-align:center;padding: 20px 0;}
.m3_pro_list_div img{width:100%;}
.m3_pro_list_div p{font-size: 11px;font-weight: 600;}
.m3_font_div h4 {
background: #fff;
/* display: inline-block; */
margin: 0 auto;
font-size: 12px;
}
.m3_font_div h4 span {
font-size: 14px;font-weight:600;
}
.m3_font_div > h3 > p {
color: #0f5aa8;
font-size: 20px;
line-height: 1.25em;
font-weight: 600;
text-align: center;
}
.m3_font_div > h3 > p font {
font-size: 16px;
font-weight: 600;
color: #151515;
}
</style>
<div class="container" style="margin: 30px 0;padding:0;">
<div class="m3_bn">
<img src="./images/product/m3cs/m3cs_bn.png">
<div class="m3_gif_btn"><img src="http://mjsoft.co/html/millennium/images/banner_cs3/new/smart_new_qna.png"></div>
</div>
<div class="m3_pro_list_div m3_font_div">
<h4><span>최초</span>의 <span>모바일</span> 연동 <span>업무솔루션</span> 구축</h4>
<h3><p>다양한 업무<font>를 지원하는</font> <em style="color:#000;font-weight:600;">천년경영<span class="m3_font">Ⅲ </span></em> 기능</p></h3>
<img src="./images/intro/new/m3_pro_list.png" usemap="#m3_pro_list">
<map name="m3_pro_list">
<area shape="rect" coords="51,18,368,185" href="http://mjsoft.co/html/m/product_smart.php" alt="스마트폰영업관리" onfocus=this.blur()>
<area shape="rect" coords="436,61,693,234" href="http://mjsoft.co/html/m/product_pda.php" alt="pda영업관리" onfocus=this.blur()>
<area shape="rect" coords="243,243,481,391" href="http://mjsoft.co/html/m/product_millennium3.php" alt="천년경영" onfocus=this.blur()>
<area shape="rect" coords="509,298,684,498" href="http://mjsoft.co/html/m/product_spos.php" alt="pos판매관리" onfocus=this.blur()>
<area shape="poly" coords="496,435,344,434,336,624,598,627,597,575,500,559,496,435" href="http://mjsoft.co/html/m/product_tax.php" alt="전자세금계산서" onfocus=this.blur()>
<area shape="rect" coords="55,411,294,586" href="http://mjsoft.co/html/millennium/order_main.php" target="_blank" alt="스마트수발주연동" onfocus=this.blur()>
<area shape="rect" coords="13,192,218,404" href="http://www.ebizmall.co.kr" target="_blank" alt="쇼핑몰관리" onfocus=this.blur()>
</map>
<p>※원하시는 영업관리를 클릭하시면 상세페이지로 이동합니다.</p>
</div>
<style>
.m3_hw{background:#eee;padding:20px 0;}
.m3_hw_ul{text-align:center;margin-top:20px;}
.m3_hw_ul li{display:inline-block;margin-bottom:10px;width:30%;padding:10px 0;border-radius:10px;border:2px solid #ccc;box-sizing:border-box;background:#fff;text-align:center;}
.m3_hw_ul li img{width:80%;}
.m3_hw_ul li p{font-size:13px;font-weight:600;}
.m3_lay{padding:20px 0;text-align:center;}
.m3_lay img{width:95%;margin-top:10px;}
</style>
<div class="m3_hw m3_font_div">
<h3><p>천년경영<span class="m3_font">Ⅲ </span><font>연동</font> 업무 장비<font>소개</font></p></h3>
<ul class="m3_hw_ul">
<li>
<img src="./images/product/m3cs/m3_hw_6.png">
<p>스마트폰 영업관리</p>
</li>
<li>
<img src="./images/product/m3cs/m3_hw_1.png">
<p>PDA 영업관리</p>
</li>
<li>
<img src="./images/product/m3cs/m3_hw_2.png">
<p>POS 장비</p>
</li>
<li>
<img src="./images/product/m3cs/m3_hw_3.png">
<p>영수증 프린트</p>
</li>
<li>
<img src="./images/product/m3cs/m3_hw_4.png">
<p>핸드 스캐너</p>
</li>
<li>
<img src="./images/product/m3cs/m3_hw_5.png">
<p>바코드 프린트</p>
</li>
</ul>
</div>
<div class="m3_lay m3_font_div" style="background:#d6e3f1;">
<h3><p>경영 업무관리 솔루션<font>무엇이 중요한가?</font></p></h3>
<img src="./images/product/m3cs/m3_key.png">
</div>
<div class="m3_lay m3_font_div">
<h3><p><font>왜 모두</font> 천년경영<span class="m3_font">Ⅲ </span><font> 을 사용하는가?</font></p></h3>
<img src="./images/product/m3cs/m3_graph.png">
</div>
<div class="m3_lay m3_font_div" style="background:#114f8b;">
<h3><p style="color: #ffcb40;">천년경영<span class="m3_font">Ⅲ </span><font style="color:#fff;">는 어떻게</font> 도입<font style="color:#fff;">하는가?</font></p></h3>
<img src="./images/product/m3cs/m3_intro.png">
</div>
<div class="m3_lay m3_font_div" style="padding-bottom:0;">
<h3><p>다양한 업종<font>에 사용되는</font> 천년경영<span class="m3_font">Ⅲ </span><font>솔루션</font></p></h3>
<img src="./images/product/m3cs/m3_graph2.png">
</div>
</div>
<div id="m3_pro_pop" title="장부식 전표등록 방식">
<img src="http://mjsoft.co/html/millennium/images/banner_cs3/new/m3_pro_pop.png" alt="PDA 영업관리 상세보기" style="width:100%;">
<div class="m3_pro_pop2" style="position: absolute;bottom: 15px;background: #393939;color: #f2e36c;padding: 5px 10px;transform: translateX(-50%);left: 50%;border-radius: 30px;font-size:12px;cursor:pointer;font-weight:600;">장부식 전표등록 <span style="font-size:13px;color:#fff;">영상보기 +</span></div>
</div>
<div id="m3_pro_pop2" title="장부식 전표등록 영상보기">
<img src="http://mjsoft.co/html/millennium/images/millennium/function/function_mv3.gif" alt="1-1 기본매출등록 화면" style="width: 280px;195px">
</div>
<script>
$(function() {
$('img[usemap]').rwdImageMaps();
$("#img").width("100%");
$("#m3_pro_pop").dialog({
width: '360', height: '380', autoOpen:false //자동으로 열리지않기
});
$("#m3_pro_pop2").dialog({
width: '330', height: '270', autoOpen:false //자동으로 열리지않기
});
//창 열기 버튼을 클릭했을경우
$(".m3_pro_pop2").on("click",function(){
$("#m3_pro_pop2").dialog("open"); //다이얼로그창 오픈
});
//창 열기 버튼을 클릭했을경우
$(".m3_gif_btn").on("click",function(){
$("#m3_pro_pop").dialog("open"); //다이얼로그창 오픈
});
});
</script>
<? include("./include/footer.php"); ?>
|