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

<?php include_once("./_common2.php"); ?>


<style>
/* 팝업 공통 */
/* [aria-describedby='modal_member_box2'] {z-index: 99999;padding: 0px;border: 0px;border-radius: 0px;}
[aria-describedby='modal_member_box2'] .ui-draggable .ui-dialog-titlebar{}

.ui-dialog{overflow: unset;}
.ui-draggable .ui-dialog-titlebar{right: 10px;top: -55px;}
.ui-button{width: 32px !important;height: 32px !important;border: 0px !important;background: transparent !important;appearance: none;outline: none;}
.ui-button-icon-primary{background: url('https://mjsoft.co/html/millennium/images/ui_icons/button_close.png') no-repeat !important;width: 32px;height: 32px;left: 0px;margin: 0px;}
.ui-button-text{padding: 0px !important;}
.ui-widget-overlay{background: #000000;opacity: .6;} */
/* 팝업 공통 */


/*24.04.04 popup (jquery-ui)*/
[aria-describedby='modal_member_box3'].ui-dialog .ui-dialog-buttonpane {display:none !important;}
 [aria-describedby='modal_member_box3'] .ui-widget-header {border:none;background:none;padding: 0px;}
 [aria-describedby='modal_member_box3'].ui-dialog .ui-dialog-title {display:none;} 
[aria-describedby='modal_member_box3'].ui-draggable .ui-dialog-titlebar {position: absolute;cursor: move;right: 0;z-index: 50;top: 10px;}
/* #modal_member_box2 {height:230px !important;} */


/* 팝업 공통 */
[aria-describedby='modal_member_box3'] {z-index: 99999;padding: 0px;border: 0px;border-radius: 0px;}
[aria-describedby='modal_member_box2'].ui-draggable .ui-dialog-titlebar{}

[aria-describedby='modal_member_box3'].ui-dialog{overflow: unset;}
[aria-describedby='modal_member_box3'].ui-draggable .ui-dialog-titlebar{right: 10px;top: -55px;}
[aria-describedby='modal_member_box3'] .ui-button{width: 32px !important;height: 32px !important;border: 0px !important;background: transparent !important;appearance: none;outline: none;}
[aria-describedby='modal_member_box3'] .ui-button-icon-primary{background: url('https://mjsoft.co/html/millennium/images/ui_icons/button_close.png') no-repeat !important;width: 32px;height: 32px;left: 0px;margin: 0px;}
[aria-describedby='modal_member_box3'] .ui-button-text{padding: 0px !important;}
[aria-describedby='modal_member_box3'] .ui-widget-overlay{background: #000000;opacity: .6;}


#modal_member_box3 {background: #E9F2FF;padding: 10px !important;}
.modal_wrap{height: 100%;overflow: scroll;}

.customeroffice_header{background: #2C67CD;border-radius: 20px 20px 0px 0px;}
.customeroffice_header p{font-size: 16px;color: #fff;font-weight: 600;text-align: center;line-height: 48px;}

.customeroffice_ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin: 0 auto;}
.customeroffice_ul li{margin-top: 8px;width: calc((100% - 18px)/3);}
.customeroffice_ul li:not(nth-child(3n)){margin-right: 9px;}
.customeroffice_ul li img{width: 100%;}
</style>

<div class="modal_wrap">
    <div class="customeroffice_header">
        <p>주요 고객사</p>
    </div>
    <ul class="customeroffice_ul">
    <? 
                for($i=0;$i<504;$i++){                
            ?>
            <? if($i%3 == 0 ){ ?>
                
            <? } ?>
                    <li>
                        <img src="http://mjsoft.co/html/millennium/img/product/company/<?=$i?>.gif" alt="로고" width="100%">
                    </li>

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

            <? } } ?>
    </ul>
</div>

<script>
$(function(){
    console.log($('.customeroffice_ul li').length);
})
</script>