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
|
<? include("./Page/common/header_250108.php"); ?>
<style>
/*³»¿ë ±¸°£*/
.sub_cont {font-family: 'GmarketSansTTF', sans-serif; font-size:19px; padding:80px 0}
.sub_cont.flex {gap:100px; justify-content: center; align-items:center}
.sub_cont.dflex {flex-direction: row-reverse;}
.txt_box {width:auto !important}
.txt_box h3 {margin-bottom:25px; font-family: 'GmarketSansTTF', sans-serif; font-size: 33px; color: #000;}
.txt_box p {line-height:1.5}
.bt2g {border-top:2px solid #ddd}
</style>
<div id="wrap">
<div class="n_wrap_menu">
<? include ("./left_menu.php"); ?>
</div> <!-- // n_wrap_menu -->
<div id="sub_wrap">
<div class="sub_title">
<h2><span>////////////////</span>»óÇ°°ü¸®<span>////////////////</span></h2>
<p>õ³â°æ¿µ ERPÀÇ ´Ù¾çÇÑ ±â´É Áß '»óÇ°°ü¸®' ÁÖ¿ä ±â´ÉÀ» ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖ½À´Ï´Ù.</p>
</div>
<div class="sub_cont flex" style="padding-top:50px" data-aos="fade-down">
<div class="num_box">
<img style="width:500px" src="./images/item_main/img_01.png" alt="">
<!-- <span style="top: 45px; left: -4px;">1</span> -->
</div>
<div class="txt_box">
<h3>1. »óÇ°°ü¸®</h3>
<p>»óÇ°À» [´ëºÐ·ù] - [Áߺзù] - [¼ÒºÐ·ù] Çü½ÄÀ¸·Î Àϸñ¿ä¿¬ÇÏ°Ô °ü¸®ÇÕ´Ï´Ù.</p>
<p>ºÐ·ù ¹× »óÇ°À» ÀÚÀ¯·Ó°Ô À̵¿ÇÒ ¼ö ÀÖ½À´Ï´Ù.</p>
</div>
</div>
<div class="sub_cont flex dflex bt2g" data-aos="fade-down">
<div class="num_box">
<img style="width:550px" src="./images/item_main/img_02.png" alt="">
<!-- <span style="left: -4px; top: 210px;">1</span>
<span style="left: 304px; top:80px">2</span> -->
</div>
<div class="txt_box">
<h3>2. »óÇ°µî·Ï</h3>
<p>»óÇ°ÀÇ ´Ù¾çÇÑ Á¤º¸°ü¸® ¹× »óÇ°»çÁø 6Àå±îÁö µî·Ï, °ü¸®ÇÕ´Ï´Ù.</p>
<p>»óÇ° 1°³´ç ¹ÙÄÚµå ¹øÈ£¸¦ 6°³±îÁö »ý¼º °ü¸®ÇÒ ¼ö ÀÖ½À´Ï´Ù.</p>
</div>
</div>
<div class="sub_cont align_c bt2g" data-aos="fade-down">
<div class="txt_box" style="width:100%">
<h3>3. »óÇ°°ü¸®È¸é</h3>
<p>ÁÂÃø¿¡ »óÇ°ÀÇ ºÐ·ù°¡ º¸ÀÌ°í, ¿ìÃø¿¡ ¼±ÅÃÇÑ ºÐ·ù¿¡ ÇØ´çÇÏ´Â »óÇ° 10°³°¡ Á¶È¸µË´Ï´Ù.</p>
<p>»óÇ°È¸é »ó´Ü¿¡ »óÇ°°ü¸®¿¡ ÇÊ¿äÇÑ °¢Á¾ ¹öÆ°ÀÌ º¸ÀÔ´Ï´Ù.</p>
</div>
<div class="num_box">
<img style="width:1100px; margin-top: 30px;" src="./images/item_main/img_03.png" alt="">
<!-- <span style="left: 240px; top: 35px;">1</span>
<span style="left: 54px; top:124px">2</span>
<span style="left: 210px; top: 77px;">3</span> -->
</div>
</div>
<!-- <div class="sub_cont flex bt2g">
<img style="width:500px" src="./images/item_main/ns_test_4.png" alt="">
<div class="txt_box">
<h3>»óÇ°°ü¸®</h3>
<p>°Å·¡Ã³ÀÇ ´Ù¾çÇÑ Á¤º¸¸¦ µî·Ï/°ü¸®ÇÕ´Ï´Ù.</p>
<p>µî·ÏµÈ °Å·¡Ã³´Â »óÇ° ÀÔÃâ°í, ¹Ì¼ö°ü¸®, °Å·¡¿øÀå, ÀüÀÚ¼¼±Ý°è»ê¼ ¹ßÇà¿¡ »ç¿ëµË´Ï´Ù.</p>
</div>
</div> -->
</div>
</div>
<div id="modal_tab_box" title="" style="display:none;width:100%; height:100%; background-color:#FFFFFF;position:relative;padding: 0px !important;"></div>
<script>
//¿µ»ó Æ˾÷ ¶ç¿ì±â
$(function(){
$('.sub_cont7 .btn_open').on('click',function(){// µ¿¿µ»ó¹öÆ° Ŭ¸¯½Ã ¿µ»ó Æ˾÷ ¶ç¿ì±â
var btn_href = $(this).attr('href'); //Ŭ¸¯ ¹öÆ°ÀÇ href °ªÀ¸·Î ¿øÇÏ´Â Æ˾÷â °¡Á®¿È
$.get("millennium_main_tab.inc.php",function(rtn){ //Á¦ÀÌÄõ¸® ´ÙÀ̾ó·Î±×
$("#modal_tab_box").html(rtn).dialog({
width:'1020',
height:'780',
modal: true,
open: function(){
$(btn_href).css('display','block'); //¿øÇÏ´Â Æ˾÷¸¸ Äѱâ
},
close: function(){ //Æ˾÷³»¿ë ´Ù ²ô±â
$('.pop_wrap').css('display','none');
},
});
});
});
});
</script>
|