/home/mjc1/public_html/html/millennium/n_fix_menu.php

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




<style>

/*Àüü¸Þ´º¹öÆ°*/
.all_menu_btn{width:50px;height:50px;background:#73af20;padding:0;margin:0;text-align:center;}
.all_menu_btn a{padding:0;line-height:50px;}

/*»óÁ¡¸Þ´º*/
.n_fix_wrap ul{position:relative;}
.n_fix_wrap ul li{background: #fff; width:141px;height:40px;line-height:40px;/* margin-right:1px; */text-align:center;box-sizing:border-box;}
.n_fix_wrap ul li.float_l{cursor:pointer;border-left: 1px solid #949494;}
.n_fix_wrap ul li.float_l:last-child{border-right: 1px solid #949494;}
.n_fix_wrap ul li a {padding:0;color:#000;font-size:16px;font-weight:600;padding:0;}
#last_menu a{font-weight:bold;color:#528211;line-height:24px;font-size:0.92em;padding:0;}
#last_menu{width:126px;height:24px;line-height:24px;background:#fff;margin:13px 4px 13px;;float:right;text-align:center;border-radius:30px;box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -10px 10px rgba(189, 189, 189, 0.4);-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -10px 10px rgba(189, 189, 189, 0.4);
-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -10px 10px rgba(189, 189, 189, 0.4);}
.n_fix_wrap ul li ul{display:none;position: absolute; width:170px;bottom: 0;background: #fff;text-align: left;    border: 1px solid #949494;    margin-left: -1px;}
.n_fix_wrap ul li ul li{background: none;width:170px;height: 40px;line-height: 40px;padding: 0 0 0 10px;text-align:left;}
.n_fix_wrap ul li ul li a{font-size: 14px;font-weight: 600;padding: 0;color:#3a3a3a;font-family: 'Noto Sans KR', sans-serif;}
/* .n_fix_wrap ul li ul li:hover{background:#f0f1f4;} */


.n_fix_wrap ul li:nth-child(3) ul li:hover{background:#FFE5BE;}
.n_fix_wrap ul li:nth-child(4) ul li:hover{background:#FFCE85;}
.n_fix_wrap ul li:nth-child(5) ul li:hover{background:#FFB84E;}
.n_fix_wrap ul li:nth-child(6) ul li:hover{background:#FFF5E7;}

.n_fix_wrap ul li ul li a:hover{font-weight:600;}
.n_fix_wrap ul li ul li:before { content:"-"; margin:0 5px;} 

.n_fix_box{height:40px;background:#FFDDAB;border-top:2px solid #000; /* box-shadow: 2px 2px 2px 2px #8b8b8b; */}
.n_fix_menu{position:fixed;bottom:0;z-index:999;    width: 100%;}
.n_fix_wrap{position:relative;width:1200px;margin:0 auto;}
.n_fix_tel{float:left;width: 343px;text-align:center;}
.n_fix_tel img{padding-top:2px;height:34px;margin-right:7px;}
.n_fix_dummy {position:absolute; left:1190px; width:30px;height:50px;}
.n_fix_tit span{padding-right:5px;}
.n_fix_tit img {width:28px;}
.zidx_ul{z-index:999;}
</style>
<div class="n_fix_menu">
    <!--¸ÞÀΠ: »óÁ¡¸Þ´º-->
    <div class="n_fix_box">
        <div class="n_fix_wrap">
            <div class="n_fix_tel"><img src="./images/n_intro/fix_ft_tel.png"></div>
            <!--»óÁ¡¸Þ´º-->
            <ul>
                <li class="float_l" style="background: #FFDDAB;"><a class="n_fix_tit show_buy_guide_class" style="color:#FF6000;"><span><img src="./images/n_intro/fix_ft_tab_5.png"></span>Á¦Ç° ±¸¸Å¹æ¹ý</a>
                </li>
                <li class="float_l fix_menu_li_class" style="background: #FFF5E7;"><a class="n_fix_tit"><span><img src="./images/n_intro/fix_ft_tab_1.png"></span>óÀ½ ¹æ¹®ÀÚ</a>
                    <ul class="zidx_ul" style="display: none;padding:0;background: #FFF5E7;">
                        <li><a class="show_correct_class">³ª¿¡°Ô ¸Â´Â Á¦Ç°Ã£±â</a></li>
                        <li><a href="customerprice.php">°ßÀû¼­ ¿äû</a></li>
                        <li><a href="./customer_visit.php">¹æ¹®»ó´ã¿äû</a></li>
                        <li><a href="./millennium_demo.php">õ³â°æ¿µ Ã¼ÇèÆÇ ¼³Ä¡</a></li>
                        <li><a class="show_product_class">´ç»ç Á¦Ç°¼Ò°³</a></li>
                        <li><a class='show_flow_class'>õ³â°æ¿µ ¾÷¹«È帧µµ</a></li>
                        <li><a class='show_process_class'>Á¦Ç°µµÀÔÀýÂ÷</a></li>
                        <li><a class="show_company_class">¿¥Á¦À̼ÒÇÁÆ® È¸»ç¼Ò°³</a></li>
                        <li><a href="join.php">ȸ¿ø°¡ÀÔ</a></li>
                    </ul>
                </li>
                <li class="float_l fix_menu_li_class" style="background: #FFE5BE;"><a class="n_fix_tit"><span><img src="./images/n_intro/fix_ft_tab_2.png"></span>±âÁ¸ »ç¿ëÀÚ</a>
                    <ul class="zidx_ul" style="display: none;background: #FFE5BE;">
                        <li><a href="./mypageauth.php">Á¤Ç°¹øÈ£ Á¶È¸</a></li>
                        <li><a href="./customeras.php">Áú¹®°ú ´äº¯</a></li>
                        <li><a href="./mypagepaper.php">»óÇ°¹è¼Û È®ÀÎ</a></li>
                        <li><a href="./mypagepoint.php">Æ÷ÀÎÆ® Á¶È¸</a></li>
                        <!-- <li><a href="./mypagebuild.php">¾÷µ¥ÀÌÆ® Á¦¾È</a></li> -->
                        <li><a href="./mypagebuild.php">±â´ÉÃß°¡ ¿äû</a></li>
                        <li><a href="./customermovie.php">µ¿¿µ»ó °­ÀÇ</a></li>
                        <li><a href="https://consumer.tosspayments.com/payment-history/card" target="_blank"">Ä«µå ¿µ¼öÁõ</a></li>
                        <li><a href="./customerfaq.php">ÀÚÁÖÇϴ Áú¹®</a></li>
                        <li><a href="./easycustomeretax.php">¼¼±Ý°è»ê¼­ ¹ßÇà</a></li>
                    </ul>
                </li>
                <li class="float_l fix_menu_li_class" style="background: #FFCE85;"><a class="n_fix_tit"><span><img src="./images/n_intro/fix_ft_tab_3.png"></span>Çù·ÂÁ¡</a>
                    <ul class="zidx_ul" style="display: none;background: #FFCE85;">
                        <li><a href="./dealorder.php?location=3">»óÇ° ÁÖ¹®Çϱâ</a></li>
                        <li><a href="./dealdetail.php?location=4">ÁÖ¹® ³»¿ªÈ®ÀÎ</a></li>
                        <li><a href="./deal.php?location=2">Çù·ÂÁ¡ °¡ÀÔ½Åû</a></li>
                        <li><a href="./deallist_order.php?location=1">Çù·ÂÁ¡ ÁÖ¹®ÇöȲ</a></li>
                        <li><a href="./deallist.php">Çù·ÂÁ¡ ¸®½ºÆ®</a></li>
                    </ul>
                </li>
                <li class="float_l fix_menu_li_class" style="background: #FFB84E;"><a class="n_fix_tit"><span><img src="./images/n_intro/fix_ft_tab_4.png"></span>ÀÚÁÖã´Â ¸Þ´º</a>
                    <ul class="zidx_ul" style="display: none;background: #FFB84E;">
                        <li><a href="./customerfaq.php">ÀÚÁÖÇϴ Áú¹®</a></li>
                        <li><a href="./buynow.php">¹Ù·Î °áÁ¦(¹«ÅëÀå/Ä«µå)</a></li>
                        <li><a href="./Order_02.php">¿ëÁö½Åû</a></li>
                        <li><a href="./buyservice2.php">Æ÷ÀÎÆ® ÃæÀü °áÁ¦</a></li>
                        <li><a href="./easycustomeretax.php">¼¼±Ý°è»ê¼­ ½Åû/Ãâ·Â</a></li>
                        <li><a href="https://consumer.tosspayments.com/payment-history/card" target="_blank">Ä«µå¿µ¼öÁõ ½Åû/Ãâ·Â</a></li>
                        <li><a href="./customerdemo.php">ÇÁ·Î±×·¥ ¼³Ä¡</a></li>
                        <li><a href="./customerdownload.php">¼­·ù´Ù¿î·Îµå</a></li>
                    </ul>
                </li>
                <li class="float_l" style="background: #FFDDAB;"><a class="n_fix_tit" href="./company_tieup.php" style="color:#FF6000;"><span><img src="./images/n_intro/fix_ft_tab_6.png"></span>¾÷¹«Á¦ÈÞ</a>
            </ul>
            <div class='n_fix_dummy'></div>
        </div><!--w1000-->

    </div><!--hd_lnb-->

</div>

<script>
/*$(function () {
                        
    $(window).scroll(function () {
        if ($(this).scrollTop() < ($(document).height()-$(window).height()-100))  { // ½ºÅ©·Ñ ³»¸± Ç¥½Ã
            $('.n_fix_menu').fadeIn();
        } else {
            $('.n_fix_menu').fadeOut();
        }
    });
     
});*/


$(function(){
    $(".fix_menu_li_class").mouseenter(function(){
        $(".zidx_ul").hide();
        $(this).find(".zidx_ul").show();
    });
    $(".zidx_ul").mouseleave(function(){
        $(this).hide();
    });
    $(".n_fix_tel, .n_fix_dummy").mouseenter(function(){
        $(".zidx_ul").hide();
    });

});

</script>