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

<? 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 align_c" style="padding-top:50px"  data-aos="fade-down">
            <div class="txt_box" style="width:100%">
                <h3>1. Æ¯º°´Ü°¡ °ü¸®È­¸é</h3>
                <p>&#10112;&nbsp;¸ÅÃâ µî·Ï½Ã Çѹø ´Ü°¡¸¦ º¯°æÇϸ頴ÙÀ½ °Å·¡½Ã ÀÚµ¿ Àû¿ëµË´Ï´Ù.</p>
                <p>´Ü°¡ º¯µ¿³»¿ª ¸®½ºÆ®±îÁö Á¶È¸µË´Ï´Ù.</p>
            </div>
            <div class="num_box">
                <img style="width:1100px; margin-top: 30px;" src="./images/price_main/img_01.png" alt="">
                <span style="left: 661px; bottom: 89px;">1</span>
            </div>    
        </div>
        <div class="sub_cont flex dflex bt2g" data-aos="fade-down">
            <div class="num_box">
                <img style="width:580px" src="./images/price_main/img_02.png" alt="">
                <span style="right: 180px; top:55px;">1</span>
                <span style="left: 92px; top: 121px;">2</span>
                <span style="right: 180px; top: 121px;">3</span>
            </div>    
            <div class="txt_box">
                <h3>2. Çà»ç´Ü°¡ °ü¸®È­¸é</h3>
                <p>&#10112;&nbsp;Çà»ç¸íÀ» ¼³Á¤ÇÏ°í, &#10113;&nbsp;Çà»ç±â°£, &#10114;&nbsp;Çà»ç´Ü°¡ ¼³Á¤±îÁö Áö¿øµË´Ï´Ù.</p>
                <p style="padding-left: 22px;">´Ù¾çÇÑ Çà»ç¸¦ ´Ù¸¥ ´Ü°¡·Î Àϸñ¿ä¿¬ÇÏ°Ô °ü¸®ÇÒ ¼ö ÀÖ½À´Ï´Ù.</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>&#10112;&nbsp;»óÇ°º° ´Ü°¡ Á¾·ùº° ¹«ÇÑ´ë·Î ¸¸µé°í °Å·¡Ã³¿Í »óÇ°¸¶´Ù Àû¿ë °¡´ÉÇÕ´Ï´Ù.</p>
                <p>´Ü°¡ÀÇ Á¾·ù´Â ±âº»´Ü°¡ ´ëºñ =(µ¿ÀÏ), »óÇâ(+), ÆÛ¼¾Æ®(%)·Î ¼³Á¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.</p>
            </div>
            <div class="num_box">
                <img style="width:1100px; margin-top: 30px;" src="./images/price_main/img_03.png" alt="">
                <span style="left: 520px; top: 90px;">1</span>
            </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>