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
|
<?php
include_once("./_common.php");
include_once($j3_shop_path."/shop_header.php");
?>
<div id="container">
<div id="wrapper">
<!-- 상단 카테고리 내 위치 -->
<style>
#sct_location {display:block;height:32px;z-index:9999;}
#sct_location > a:first-child {line-height:30px;}
#sct_location > a {float:left;height:30px;line-height:30px;}
#sct_location > span {float:left;width:8px;height:16px;margin:7px 16px 0;}
.cate_select {position:relative;float:left;width:198px;height:30px;}
.icon_inequal {display:block;float:right;width:16px;height:16px;text-indent:-9999px;background:url('<?php echo $j3_url;?>/img/lhead01/location.png') -4px -50px no-repeat;overflow:hidden;zoom:1}
.icon_down {position:absolute;top:50%;right:15px;display:block;width:16px;height:10px;margin-top:-5px;overflow:hidden;zoom:1;vertical-align:top;background:url('<?php echo $j3_url;?>/img/lhead01/location.png') 0 -94px no-repeat;}
.cate_select .select {display:block;padding-right:30px;text-indent:15px;height:30px;line-height:28px;background:#fff;border:1px solid #ccc;overflow:hidden;}
.cate_select .depth {display:none;position:absolute;top:30px;left:0;width:198px;background-color:#fff;border:1px solid #ccc;border-top:0 none;}
.cate_select .depth > li a {display:block;text-indent:15px;width:100%;height:29px;line-height:29px;border-bottom:1px solid #ccc;overflow:hidden;}
.cate_select .depth > li a:hover {background:#fafafa;}
#sct_search {position:absolute;right:0px;top:0px;}
#sct_search input[type=text] {padding-left:7px;width:188px;height:30px;border:1px solid #ccc;}
#sct_search input[type=image] {display:block;float:right;padding:4px 5px;text-indent:-9999px;border:1px solid #ccc;border-left:0px none;overflow:hidden;zoom:1;}/
</style>
<div id="sct_location" class="mt20 mb50">
<a href="<?php echo $j3_url;?>/shop/">홈</a>
<span class="icon_inequal"> > </span>
<div class="cate_select">
<a class="select">이벤트</a>
</div>
</div><!-- #sct_location -->
<script>
$(function(){
$(".cate_select").mouseenter(function(){ // 카테고리 셀렉트 처리
$(this).children("ul").slideDown();
});
$(".cate_select").mouseleave(function(){ // 카테고리 셀렉트 처리
$(this).children("ul").slideUp();
});
});
</script>
<!-- //상단 카테고리 내 위치 -->
<div class="mb30 txt32 align_c bold">이벤트</div>
<!-- 상품목록1 시작 { -->
<!--탭메뉴 : FAQ와 동일 -->
<div class="mt30 height50">
<ul id="tabs" class="relative height49 top_bold_line gray_line_b bg_gray" style='width:1200px;'>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line bg_white pointer" rel="tab1" value='all'>진행중인 이벤트</li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab2" value=''>만료된 이벤트</li>
</ul>
</div>
<!--//탭메뉴-->
<div class="pt20">
<ul>
<li class="float_l mb20 mr20 gray_line2" style="width:285px;">
<div class="sct_img"><a class=""><img src="http://via.placeholder.com/283x200" style="width:283px;height:200px;" alt="상품이미지"></a></div>
<div class="p10 ellipsis custom3 txt13"><a href="">기간 : ~ 2017.11.30(목) 오후 3시 입금건</a></div>
</li>
<li class="float_l mb20 mr20 gray_line2" style="width:285px;">
<div class="sct_img"><a class=""><img src="http://via.placeholder.com/283x200" style="width:283px;height:200px;" alt="상품이미지"></a></div>
<div class="p10 ellipsis custom3 txt13"><a href="">기간 : 2017.11.01 ~ 2017.11.30</a></div>
</li>
<li class="float_l mb20 mr20 gray_line2" style="width:285px;">
<div class="sct_img"><a class=""><img src="http://via.placeholder.com/283x200" style="width:283px;height:200px;" alt="상품이미지"></a></div>
<div class="p10 ellipsis custom3 txt13"><a href="">기간 : 2017년 11월 01일 ~ 2017년 11월 30일</a></div>
</li>
<li class="float_l mb20 gray_line2" style="width:285px;">
<div class="sct_img"><a class=""><img src="http://via.placeholder.com/283x200" style="width:283px;height:200px;" alt="상품이미지"></a></div>
<div class="p10 ellipsis custom3 txt13"><a href="">기간 : 2017년 11월 1일(수) ~ 2017년 11월 30일(목) 오후 3시</a></div>
</li>
</ul>
</div>
<!-- } 상품목록1 끝 -->
<!-- 상품목록2 시작 { -->
<div class="pt20">
<ul id="event_10">
<li class="mb20">
<a href="./event.php" style="width:1200px;height:190px;"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/eventlist1.jpg" alt="이벤트이미지"></a>
</li>
<li class="mb20">
<a href="./event.php"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/eventlist2.jpg" alt="이벤트이미지"></a>
<div class="hover_box"></div>
</li>
<li class="mb20">
<a href="./event.php"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/eventlist3.jpg" alt="이벤트이미지"></a>
<div class="hover_box"></div>
</li>
<li class="mb20">
<a href="./event.php"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/eventlist1.jpg" alt="이벤트이미지"></a>
</li>
<li class="mb20">
<a href="./event.php"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/eventlist2.jpg" alt="이벤트이미지"></a>
</li>
</ul>
</div>
<!-- } 상품목록2 끝 -->
</div><!-- #wrapper -->
</div><!-- #container -->
<?php
include_once($j3_shop_path."/shop_footer.php");
?>
|