webadmin.php

/home/mjc1/public_html/html/m/customeroffice.php

<? include("./include/header.php"); ?>

<?php
/*
// 몇명이 이 페이지에 들어왔는지 카운팅
if($_SERVER['REMOTE_ADDR']!='58.151.27.172' && $_SERVER['REMOTE_ADDR']!='115.138.35.2'){ // 사내의 대구, 서울 아이피가 아닐 경우에만

    $today = date("Y-m-d"); // 오늘날짜
    $time = date("H");

    $page = basename($_SERVER['PHP_SELF']).",m";
    $sql = "SELECT * FROM mBoard_page_count WHERE inflow_date = '{$today}' AND page = '{$page}' ORDER BY inflow_time DESC";
    $res = mysql_query($sql,$connect_web);
    $row = mysql_fetch_array($res);

    $txt = iconv("UTF-8","EUC-KR","제휴사(m)");

    if(!$row || $row['inflow_time'] != $time){ // 데이터가 없을 때
        $insertsql = "INSERT INTO mBoard_page_count(inflow_date, inflow_time, count, page, page_kr) VALUES ('{$today}', '{$time}', 1, '{$page}', '{$txt}')";
        mysql_query($insertsql,$connect_web);
    } else { // 데이터가 있을 때
        $updatesql = "UPDATE mBoard_page_count SET count = count+1 WHERE inflow_date = '{$today}' AND inflow_time = '{$time}' AND page = '{$page}'";
        mysql_query($updatesql,$connect_web);
    }
}
*/
?>
    </div>

<div class="office_title" style="margin-top:50px;">
    <img src="./images/customeroffice/office_title.png" alt="제휴사 타이틀" style="max-width:100%;border-bottom:5px solid #7d7d7d;">
</div>

<!--회사소개 상단탭메뉴바-->
<style>
    .tab_menu{display:block; background:#245AAA;height:46px;width:100%;}
    .tab_menu ul{position:relative;color:#fff;margin-left:0px !important;padding:0px !important;}
    .tab_menu li{position:relative;float:left;display:block;width:50%;text-align:center;box-sizing:border-box;color:#fff;font-weight:600;cursor: pointer;height:46px;padding:14px 0px;}
    .tab_menu li:last-child::after{content:"";clear:both;display:block;}
    .tab_menu li.on{background:#fff;color:#245AAA;}
    .company{display:none;}
    .company.on{display:block;}
</style>
<div class="tab_menu">
    <ul>
        <li class="demo cursor">주요 제휴사</li>
        <li class="demo cursor">업종별 현황</li>
    </ul>
</div>

<div class="company">
    <div>
        <table border="0" cellpadding="0" cellspacing="0" align="center" style="margin:0 auto;">
                        
        <? 
            for($i=0;$i<468;$i++){                
        ?>
        <? if($i%3 == 0 ){ ?>
                        
                        
            <tr>
        <? } ?>
                <td align="center">
                    <img src="http://mjsoft.co/html/millennium/img/product/company/<?=$i?>.gif" alt="로고" width="100%">
                </td>

        <? if($i%3 == 3){ ?>
                        
            </tr>

        <? } } ?>
        </table>
    </div>

    <p class="dotLine"></p>

    <style>
    .dotLine{width: 100%;
        height: 1px;
        margin: 30px 0 10px;
        background: url('http://mjsoft.co/html/millennium/img/common/product_dotline.jpg') repeat-x;}
    .clientCompany {
        max-width: 100%;
        border: 1px solid #e5e5e5;
        border-right: none;
        border-bottom: none;}
    .clientCompany th {
        text-align: center;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;}

    .clientCompany td {
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    .clientCompany th img{padding:5px;}
    .clientCompany2{margin:0 auto;text-align:center;}
    .clientCompany2 li h3{margin:0 0 10px}

    .clientCompany2 li{padding:20px 0;}
    </style>

    <!-- 취급업체 -->
    <table class="clientCompany">
        <caption><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_title01.jpg" alt="업종별 주요납품처" style="padding:20px 0"></caption>

        <!-- 1. 도소매유통 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_01_title.jpg" alt="도소매유통업" width="50%"></th>
            <td><img src="./images/customeroffice/tab3_01.png" alt="고객사 목록" width="100%"></td>
        </tr>


        <!-- 스마트폰 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tabnew_1_title.jpg" alt="스마트폰" width="60%"></th>
            <td><img src="./images/customeroffice/tabnew_1.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- pda -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tabnew_2_title.jpg" alt="pda" width="60%"></th>
            <td><img src="./images/customeroffice/tabnew_2.jpg" alt="고객사 목록" width="100%"></td>
        </tr>


        <!-- 생산 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tabnew_3_title.jpg" alt="생산" width="60%"></th>
            <td><img src="./images/customeroffice/tabnew_3.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 2. 애견사료/애견용품 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_02_title.jpg" alt="애견사료/애견용품" width="60%"></th>
            <td><img src="./images/customeroffice/tab3_02.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 3. 콩음료 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_03_title.jpg" alt="콩음료" width="50%"></th>
            <td><img src="./images/customeroffice/tab3_03.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 4. 유제품(치즈,아이스크림) -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_04_title.jpg" alt="유제품(치즈,아이스크림)" width="80%"></th>
            <td><img src="./images/customeroffice/tab3_04.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 5. 식품유통판매업 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_05_title.jpg" alt="식품유통판매업" width="80%"></th>
            <td><img src="./images/customeroffice/tab3_05.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 6. 슈퍼납품업 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_06_title.jpg" alt="슈퍼납품업" width="80%"></th>
            <td><img src="./images/customeroffice/tab3_06.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 7. 식자재납품업 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_07_title.jpg" alt="식자재납품업" width="50%"></th>
            <td><img src="./images/customeroffice/tab3_07.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 8. 가공식품 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_08_title.jpg" alt="가공식품" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_08.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 9. 음료/주류 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_09_title.jpg" alt="음료/주류" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_09.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 10. 생활용품 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_10_title.jpg" alt="생활용품" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_10.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 11. 의류잡화 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_11_title.jpg" alt="의류잡화" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_11.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 12. 휠터 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_12_title.jpg" alt="휠터" width="35%"></th>
            <td><img src="./images/customeroffice/tab3_12.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 13. 자동차부품 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_13_title.jpg" alt="자동차부품" width="80%"></th>
            <td><img src="./images/customeroffice/tab3_13.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 14. 농수축산 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_14_title.jpg" alt="농수축산" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_14.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 15. 윤활류 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_15_title.jpg" alt="윤활류" width="50%"></th>
            <td><img src="./images/customeroffice/tab3_15.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 16. 문구,완구 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_16_title.jpg" alt="문구,완구" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_16.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 17. 낚시용품 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_17_title.jpg" alt="낚시용품" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_17.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 18. 공구철물업 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_18_title.jpg" alt="공구철물업" width="80%"></th>
            <td><img src="./images/customeroffice/tab3_18.jpg" alt="고객사 목록" width="100%"></td>
        </tr>

        <!-- 19. 기타업종 -->
        <tr> 
            <th><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_19_title.jpg" alt="기타업종" width="70%"></th>
            <td><img src="./images/customeroffice/tab3_19.jpg" alt="고객사 목록" width="100%"></td>
        </tr>
    </table>

    <p class="dotLine"></p>

    <!-- 취급업체 -->
    <div class="clientCompany2">
        <ul>
            <li>
                <h3><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_title03.jpg" alt="업종별분포도"></h3>
                <img src="http://mjsoft.co/html/millennium/img/product/pda/graph_01.jpg" alt="그래프"/>
            </li>
            <li class="last">
                <h3><img src="http://mjsoft.co/html/millennium/img/product/pda/tab3_title04.jpg" alt="지역별분포도"></h3>
                <img src="http://mjsoft.co/html/millennium/img/product/pda/graph_02.jpg" alt="그래프"/>
            </li>
        <ul>
    </div>
</div>


<!--업종별아이콘-->
<style>
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.company.icons{width:90%;margin:0 auto;}
.icon_contents{width:100%;margin-bottom:70px;}
.icon_contents h2{margin:0 0 10px; height:21px;text-align:left;font-size:18px;line-height:110%;font-weight:600;letter-spacing:-1px;}
.client_icon{margin-top:30px;}

.icon_tab{margin-bottom:40px;}
.icon_tab ul{width:100%;display:flex;justify-content:space-between;}
.icon_tab ul li{width: 33.3333%;height: 40px;box-sizing: border-box;border: 1px solid #8DBBFF;border-right:0;text-align:center;line-height:40px;font-size:16px;color:#343434;cursor:pointer;}
.icon_tab ul li:last-child{border-right: 1px solid #8DBBFF;border-radius:0px 30px 30px 0px;}
.icon_tab ul li:first-child{border-radius:30px 0px 0px 30px;}
.icon_tab ul li.on{background-color:#3E7FE1;border: 0px;font-weight:bold;color:#fff;}

.icon{width: 100%; margin:0 auto; overflow:visible !important;}
.icon ul{display:none;}
.icon ul.on{display:block;}
.icon ul li{float:left;position: relative;box-sizing:border-box;border-radius:196px;border: 1px solid #8DBBFF; box-shadow: 2px 2px 2px 2px rgba(141, 187, 255, 0.25);text-align:center;margin-bottom:4px;}
.icon ul li:not(:first-child){width:30%; height:0; padding-bottom:29.38%;margin-left:5%;margin-bottom:10%;}
.icon ul:not(:last-child) li:first-child{width:30%;height:0;padding-bottom:70%;margin-bottom:9%;}
.icon ul:not(:last-child) li:first-child img{margin-top:60%;width:52px;height:52px;}
.icon ul:not(:last-child) li:first-child p:nth-child(3){margin-top: 15px;font-size:14px;line-height:16px;font-weight:600;color:#494949;}
.icon ul:not(:last-child) li:first-child p:nth-child(4){margin-top: 8px;font-size:14px;line-height:16px;font-weight:600;color:#3E7FE1;}

.icon ul:not(:last-child) li:nth-child(3n+6){margin-left:0;}

.icon ul li div{position: absolute;left: 8px;top: 0px;width: 24px;height: 24px;background-color: #3E7FE1;text-align: center;box-sizing: border-box;border-radius: 12px;}
.icon ul li div p{font-size: 14px;line-height: 24px;font-weight: 700;color: #fff;}
.icon ul li:nth-child(n+10) div p{font-size:12px;}

.icon ul li img{margin-top:25%;width:28px;height:28px;}
.icon ul li > p:nth-child(3){margin-top: 8px;font-size:12px;line-height:14px;font-weight:600;color:#494949;}
.icon ul li > p:nth-child(4){margin-top: 2px;font-size:12px;line-height:14px;font-weight:600;color:#3E7FE1;}

.icon ul:last-child li div{display:none;}
.icon ul:last-child li:first-child{width:30%; height:0; padding-bottom:30%;}
.icon ul:last-child li:nth-child(3n+1){margin-left: 0px;}
.icon ul:last-child li img{margin-top:30%;width:28px;height:28px;}
.icon ul:last-child li p:nth-child(3){margin-top:8px;}
</style>
<script>

</script>

<div class="company icons">
    <div class="icon_contents">
        <div class="client_icon">
            <div class="icon_tab">
                <ul>
                    <li>유통</li>
                    <li>제조</li>
                    <li>기타</li>
                </ul>
            </div>
            <div class="icon">
                <ul class="deli clearfix">
                    <li>
                        <div><p>1</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon1.png" alt="아이콘">
                        <p>식자재</p><p>11.3%</p>
                    </li>
                    <li>
                        <div><p>2</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon2.png" alt="아이콘">
                        <p>음료</p><p>10.6%</p>
                    </li>
                    <li>
                        <div><p>3</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon3.png" alt="아이콘">
                        <p>스낵/빵</p><p>9.8%</p>
                    </li>
                    <li>
                        <div><p>4</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon4.png" alt="아이콘">
                        <p>애견용품</p><p>8.4%</p>
                    </li>
                    <li>
                        <div><p>5</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon5.png" alt="아이콘">
                        <p>빙과류</p><p>6.6%</p>
                    </li>
                    <li>
                        <div><p>6</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon6.png" alt="아이콘">
                        <p>곡물</p><p>6.1%</p>
                    </li>
                    <li>
                        <div><p>7</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon7.png" alt="아이콘">
                        <p>전자기기</p><p>5.7%</p>
                    </li>
                    <li>
                        <div><p>8</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon8.png" alt="아이콘">
                        <p>김치,고춧가루</p><p>5.4%</p>
                    </li>
                    <li>
                        <div><p>9</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon9.png" alt="아이콘">
                        <p>스포츠용품</p><p>4.1%</p>
                    </li>
                    <li>
                        <div><p>10</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon10.png" alt="아이콘">
                        <p>의료기기</p><p>3.5%</p>
                    </li>
                    <li>
                        <div><p>11</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon11.png" alt="아이콘">
                        <p>가구/목재</p><p>3.3%</p>
                    </li>
                    <li>
                        <div><p>12</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon12.png" alt="아이콘">
                        <p>섬유/의류</p><p>3.2%</p>
                    </li>
                    <li>
                        <div><p>13</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon13.png" alt="아이콘">
                        <p>사료/비료</p><p>3.2%</p>
                    </li>
                    <li>
                        <div><p>14</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon14.png" alt="아이콘">
                        <p>미용재료/기구</p><p>3.1%</p>
                    </li>
                    <li>
                        <div><p>15</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon15.png" alt="아이콘">
                        <p>공구/기자재</p><p>2.6%</p>
                    </li>
                    <li>
                        <div><p>16</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon16.png" alt="아이콘">
                        <p>자동차부품</p><p>2.4%</p>
                    </li>
                    <li>
                        <div><p>17</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon17.png" alt="아이콘">
                        <p>인쇄/출판</p><p>2.4%</p>
                    </li>
                    <li>
                        <div><p>18</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon18.png" alt="아이콘">
                        <p>의약품</p><p>2.1%</p>
                    </li>
                    <li>
                        <div><p>19</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon19.png" alt="아이콘">
                        <p>사무기기/용품</p><p>1.7%</p>
                    </li>
                    <li>
                        <div><p>20</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon20.png" alt="아이콘">
                        <p>건축자재</p><p>1.2%</p>
                    </li>
                    <li>
                        <div><p>21</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon21.png" alt="아이콘">
                        <p>조명</p><p>1.2%</p>
                    </li>
                    <li>
                        <div><p>22</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon22.png" alt="아이콘">
                        <p>잡화</p><p>1.1%</p>
                    </li>
                    <li>
                        <div><p>23</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/deli_icon23.png" alt="아이콘">
                        <p>안경/렌즈</p><p>1.0%</p>
                    </li>
                    <!-- <li>
                        <div><p>24</p></div><img src="./img/product/client_icon/deli_icon24.png" alt="아이콘">
                        <p>기타</p><p>0.3%</p>
                    </li> -->
                </ul>
                <ul class="prod">
                    <li>
                        <div><p>1</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon1.png" alt="아이콘">
                        <p>가공냉장식품</p><p>12.7%</p>
                    </li>
                    <li>
                        <div><p>2</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon2.png" alt="아이콘">
                        <p>가공냉동식품</p><p>12.2%</p>
                    </li>
                    <li>
                        <div><p>3</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon3.png" alt="아이콘">
                        <p>블랙박스</p><p>9.4%</p>
                    </li>
                    <li>
                        <div><p>4</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon4.png" alt="아이콘">
                        <p>자동차/부품</p><p>7.7%</p>
                    </li>
                    <li>
                        <div><p>5</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon5.png" alt="아이콘">
                        <p>사료/비료</p><p>6.5%</p>
                    </li>
                    <li>
                        <div><p>6</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon6.png" alt="아이콘">
                        <p>목재합판</p><p>6.1%</p>
                    </li>
                    <li>
                        <div><p>7</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon7.png" alt="아이콘">
                        <p>의료기기</p><p>5.6%</p>
                    </li>
                    <li>
                        <div><p>8</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon8.png" alt="아이콘">
                        <p>섬유/의류</p><p>4.8%</p>
                    </li>
                    <li>
                        <div><p>9</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon9.png" alt="아이콘">
                        <p>포장재</p><p>4.5%</p>
                    </li>
                    <li>
                        <div><p>10</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon10.png" alt="아이콘">
                        <p>농기계</p><p>4.1%</p>
                    </li>
                    <li>
                        <div><p>11</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon11.png" alt="아이콘">
                        <p>네일아트</p><p>3.7%</p>
                    </li>
                    <li>
                        <div><p>12</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon12.png" alt="아이콘">
                        <p>비료</p><p>3.5%</p>
                    </li>
                    <li>
                        <div><p>13</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon13.png" alt="아이콘">
                        <p>육아/교육용품</p><p>3.4%</p>
                    </li>
                    <li>
                        <div><p>14</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon14.png" alt="아이콘">
                        <p>냉난방기기</p><p>3.1%</p>
                    </li>
                    <li>
                        <div><p>15</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon15.png" alt="아이콘">
                        <p>인쇄/출판</p><p>2.7%</p>
                    </li>
                    <li>
                        <div><p>16</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon16.png" alt="아이콘">
                        <p>사무기기/용품</p><p>2.6%</p>
                    </li>
                    <li>
                        <div><p>17</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon17.png" alt="아이콘">
                        <p>화장품</p><p>2.4%</p>
                    </li>
                    <li>
                        <div><p>18</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon18.png" alt="아이콘">
                        <p>생활용품</p><p>1.7%</p>
                    </li>
                    <li>
                        <div><p>19</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon19.png" alt="아이콘">
                        <p>컴퓨터/주변기기</p><p>1.2%</p>
                    </li>
                    <li>
                        <div><p>20</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon20.png" alt="아이콘">
                        <p>공구/기자재</p><p>1%</p>
                    </li>
                    <li>
                        <div><p>21</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon21.png" alt="아이콘">
                        <p>잡화</p><p>0.6%</p>
                    </li>
                    <li>
                        <div><p>22</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon22.png" alt="아이콘">
                        <p>건설/건축자재</p><p>0.3%</p>
                    </li>
                    <li>
                        <div><p>23</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/prod_icon23.png" alt="아이콘">
                        <p>기타</p><p>0.2%</p>
                    </li>
                </ul>
                <ul class="etc">
                    <li>
                        <div><p>1</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon1.png" alt="아이콘">
                        <p>프랜차이즈</p>
                    </li>
                    <li>
                        <div><p>2</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon2.png" alt="아이콘">
                        <p>교육</p>
                    </li>
                    <li>
                        <div><p>3</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon3.png" alt="아이콘">
                        <p>음식점</p>
                    </li>
                    <li>
                        <div><p>4</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon4.png" alt="아이콘">
                        <p>광고</p>
                    </li>
                    <li>
                        <div><p>5</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon5.png" alt="아이콘">
                        <p>건물/시설관리</p>
                    </li>
                    <li>
                        <div><p>6</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon6.png" alt="아이콘">
                        <p>임대/렌탈</p>
                    </li>
                    <li>
                        <div><p>7</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon7.png" alt="아이콘">
                        <p>부동산</p>
                    </li>
                    <li>
                        <div><p>8</p></div><img src="http://mjsoft.co/html/millennium/img/product/client_icon/etc_icon8.png" alt="아이콘">
                        <p>숙박</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<? include("./include/footer.php"); ?>

<script>
//업종별아이콘 탭메뉴 기능
$(function(){
    var $tab_btn = $(".icon_tab ul li"),
        $icon_list = $(".icon ul");
    
    
        //초기설정
        $tab_btn.eq(0).addClass("on");
        $icon_list.eq(0).addClass("on");
        
        //탭메뉴 클릭시 아이콘 노출
        $tab_btn.click(function(){
            var i = $(this).index();
            $tab_btn.removeClass("on").eq(i).addClass("on");
            $icon_list.removeClass("on").eq(i).addClass("on");
        })
})
</script>

<script>
//상단 탭메뉴 기능
$(function(){
    var $tab_menu = $(".tab_menu ul li"),
        $content_list = $(".company");

        //초기설정
        $tab_menu.eq(0).addClass("on");
        $content_list.eq(0).addClass("on");
        
        //탭메뉴 클릭시 아이콘 노출
        $tab_menu.click(function(){
            var i = $(this).index();
            $tab_menu.removeClass("on").eq(i).addClass("on");
            $content_list.removeClass("on").eq(i).addClass("on");
        })
})
</script>

<!--<script>
//탭메뉴
var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("company");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
-->

<!--
<script>
//모달박스
function openModal() {
  document.getElementById('myModal').style.display = "block";
}

function closeModal() {
  document.getElementById('myModal').style.display = "none";
}

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  captionText.innerHTML = dots[slideIndex-1].alt;
}


</script>
-->