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

<? include("./Page/common/header_250108.php"); ?>

<style> 
    .sub_title p {margin-top: 0 !important}
    .sub_cont {gap:70px !important; margin-bottom:70px}
    .sub_cont .txt_box {width:550px !important}

    .txt_box h3 {font-size:35px !important}
    .txt_box p {font-size:22px !important}

    .sub_cont > p {font-family: 'GmarketSansTTF', sans-serif;font-size:42px; color:var(--main-color); font-weight:700; border-radius:50%; text-align:center; line-height:225px; width:215px; height:215px; background-color:#ECF7FF; border:10px solid var(--main-color)}
    
    .sub_cont2 {padding:50px 0; margin-bottom:25px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
    .sub_cont2 .txt_box {text-align:center; margin:0 auto ; padding:20px 30px; box-sizing:border-box; }
    .sub_cont2 .txt_box h3 {font-size:44px !important; font-weight:700;}
    .sub_cont2 .txt_box p {font-size:24px !important;}

    .txt_box2 {gap:110px; justify-content: center;}
    .txt_box2 a {border-radius:20px; width:250px !important; font-family: 'GmarketSansTTF', sans-serif; margin-top:20px; display:block; width:100%; height:80px; line-height: 85px; font-size:30px;}
</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>ERP ¹«·áüÇè<span>////////////////</span></h2>
            <p></p>
        </div>
        <div class="sub_cont flex" data-aos="fade-down">                
            <p>Â÷º°Á¡</p>
            <div class="txt_box">
                <h3>Ÿ»ç ERP¿Í Â÷º°Á¡</h3>
                <p>&middot; Á÷°üÀûÀΠÀÎÅÍÆäÀ̽º·Î <b>"´©±¸³ª ½±°Ô »ç¿ë"</b> °¡´ÉÇÕ´Ï´Ù.</p>
                <p>&middot; <b>½¬¿ì¸é¼­</b> ¾÷¹«¿¡ ÇÊ¿äÇÑ <b>"¸ðµç ±â´ÉÀÌ Áö¿ø"</b>µË´Ï´Ù.</p>
                <p>&middot; Å¸»çÀÇ µ¥¸ð Ã¼Çè°ú ´Ù¸¥ <b>"Á¤Ç°°ú µ¿ÀÏÇÑ ±â´É"</b>À» Á¦°øÇÕ´Ï´Ù.</p>
            </div>
        </div> <!-- //sub_cont-->
        <div class="sub_cont flex" data-aos="fade-down">                
            <p>ÀںνÉ</p>
            <div class="txt_box">
                <h3>Á÷Á¢ ½á ºÁ¾ß ´À³¥ ¼ö ÀÖ½À´Ï´Ù.</h3>
                <p>&middot; ÀÚ½ÅÀÌ ¾øÀ¸¸é ¹«·á Ã¼ÇèÀ» Á¦°øÇÏÁö ¾Ê½À´Ï´Ù.</p>
                <p>&middot; ÀÚ½ÅÀֱ⿡ <b>"±â´É Á¦ÇѾø´Â Ã¼ÇèÆÇ"</b>À» Á¦°øÇÕ´Ï´Ù.</p>
                <p>&middot; Å¸»ç Á¦Ç°°ú <b>"ÃæºÐÈ÷ ºñ±³ ÈÄ °áÁ¤"</b>Çϼŵµ ÁÁ½À´Ï´Ù.</p>
            </div>
        </div> <!-- //sub_cont-->
        <div data-aos="fade-down">
            <div class="sub_cont sub_cont2 /flex" >
                <div class="txt_box">
                    <h3>1°³¿ù ¹«·áüÇè »ç¿ë¹ý</h3>
                    <p>[ȸ¿ø°¡ÀÔ] &#8594; [ERP ¼³Ä¡] ÈÄ<br>°¡ÀÔÇÑ ID·Î ·Î±×ÀΠÈÄ »ç¿ë</p>
<!--                     <span><b>&#8251;</b> °³ÀΠ¼­¹ö (100% Á¤Ç°°ú µ¿ÀÏ)</span>     -->                 
                </div>
<!--                 <div class="txt_box">
                    <h3>µ¥¸ð Ã¼Çè</h3>
                    <p>ERP¸¦ ¼³Ä¡ÇÏ°í °ø¿ë ERP·Î Á¢¼ÓÇÒ °æ¿ì,<br>µ¥¸ð ¹öÀü »ç¿ëÀÌ °¡´ÉÇÕ´Ï´Ù.</p>
                    <span><b>&#8251;</b> °ø¿ë µ¥ÀÌÅÍ (ÀÚ·á º¸Á¸ X)</span>
                     
                </div -->
            </div>
            <div class="txt_box2 flex">
                <a href="" class="btnst1">ȸ¿ø°¡ÀÔ</a>
                <a href="" class="btnst2">ERP ¼³Ä¡</a>
            </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>