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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
|
<?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;}
.list_select {position:relative;float:left;width:198px;height:30px;}
.icon_inequal {display:block;float:right;width:16px;height:16px;text-indent:-9999px;background:url('http://shop.mjsoft.co/j3/hjwcs3/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('http://shop.mjsoft.co/j3/hjwcs3/img/lhead01/location.png') 0 -94px no-repeat;}
.list_select .select {display:block;padding-right:30px;text-indent:15px;height:30px;line-height:28px;background:#fff;border:1px solid #ccc;overflow:hidden;}
.list_select .depth {display:none;position:absolute;top:30px;left:0;width:198px;background-color:#fff;border:1px solid #ccc;border-top:0 none;}
.list_select .depth > li a {display:block;text-indent:15px;width:100%;height:29px;line-height:29px;border-bottom:1px solid #ccc;overflow:hidden;}
.list_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;}/
.sit_view_tab_fix { position:fixed;top:0px;}
</style>
<div id="sct_location" class="mt20 mb20">
<a href="http://shop.mjsoft.co/j3/hjwcs3/shop/">홈</a>
<span class="icon_inequal"> > </span>
<div class="list_select cate_select">
<a class="select">면류ㆍ파스타<span class="icon_down"></span></a>
<ul class="depth">
<li><a>한식ㆍ밑반찬</a></li>
<li><a>찌개ㆍ국물류</a></li>
<li><a>축산ㆍ계란류</a></li>
<li><a>수산ㆍ해산물</a></li>
<li><a>야채ㆍ샐러드</a></li>
</ul>
</div>
<span class="icon_inequal"> > </span>
<div class="list_select cate_select">
<a class="select">봉지라면<span class="icon_down"></span></a>
<ul class="depth">
<li><a>컵라면</a></li>
<li><a>수입라면</a></li>
<li><a>국수,쌀국수</a></li>
<li><a>냉면,소바</a></li>
<li><a>파스타면</a></li>
</ul>
</div>
</div><!-- #sct_location -->
<script>
$(function() {
$(".cate_select").mouseenter(function(){
$(this).children("ul").slideDown();
});
$(".cate_select").mouseleave(function(){
$(this).children("ul").slideUp();
});
});
</script>
<!-- //상단 카테고리 내 위치 -->
<div id="sit" class="pt20 gray_line_t">
<a class="absolute ab_top_right box100_40 align_c l_height40 bg_custom1"><span class="white bold">상품관리</span></a>
<style>
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:"";}
</style>
<div id="sit_ov_wrap" class="block mb50" style="min-height:545px;height:auto !important;">
<div id="sit_pvi" class="block float_l mr50 width420" style="height:505px;">
<div id="sit_pvi_big" class="mb20"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" alt="제품이미지" class="box420"/></div>
<div id="sit_pvi_thumb" class="height65">
<a href="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="float_l"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box65 mr6 gray_line2"/></a><a href="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item2.jpg" class="float_l"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item2.jpg" class="box65 mr6 gray_line2"/></a><a href="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item3.jpg" class="float_l"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item3.jpg" class="box65 mr6 gray_line2"/></a><a href="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item4.jpg" class="float_l"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item4.jpg" class="box65 mr6 gray_line2"/></a><a href="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item5.jpg" class="float_l"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item5.jpg" class="box65 mr6 gray_line2"/></a><a href="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item6.jpg" class="float_l"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item6.jpg" class="box65 mr0 gray_line2"/></a>
</div>
<script>
$("#sit_pvi_thumb a").click(function(){
var path = $(this).attr("href");
$("#sit_pvi_big > img").attr({ src: path }).css("opacity","0").stop().animate({opacity:1},1000);
//console.log( path );
return false;
});
</script>
</div><!-- 상품이미지끝 #sit_pvi -->
<div id="sit_ov" class="relative block float_l mr50 width480" style="height:auto !important;min-height:355px;">
<h2 class="mt40 pb15 gray_line_b">
<p class="mb10 title txt21">올리브 짜파게티 140gX20개입(멀티팩/1박스)</p>
<p class="title txt14 gray2">비고를 입려하세요.</p>
</h2>
<div id="sit_ov_icon" class="absolute ab_top_left mb10 height24">
<ul>
<li class="float_l p3 mr5 bg_seagreen"><span class="white">신상품</span></li>
<li class="float_l p3 mr5 bg_cornblue"><span class="white">히트</span></li>
<li class="float_l p3 mr5 bg_purple"><span class="white">추천</span></li>
<li class="float_l p3 mr5 bg_violetred"><span class="white">인기</span></li>
<li class="float_l p3 mr0 bg_salmon"><span class="white">세일</span></li>
</ul>
</div>
<style>
.point::before {content:"";display:inline-block;width:18px;height:15px;vertical-align:middle;background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') no-repeat;}
.dotline {height:13px;background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/dotline.png') 0 6px no-repeat;}
.more::after {content:"";display:inline-block;width:16px;height:30px;margin-left:5px;vertical-align:middle;background:url('http://shop.mjsoft.co/j3/hjwcs3/img/lhead01/location.png') 0 -45px no-repeat;}
</style>
<table class="sit_ov_tbl" class="width480">
<colgroup>
<col class="width140"><col class="width340">
</colgroup>
<tbody>
<tr>
<th class="align_l txt14 height30 l_height30">정상가</th>
<td class="l_height30"><span class="cost_hid gray2">21,500</span>원</td>
</tr>
<tr>
<th class="align_l txt14 height30 l_height30">판매가</th>
<td class="l_height30">
<span class="red cost2">14,300</span>원
<span class="point ml10">429P</span>
</td>
</tr>
<tr>
<th class="align_l txt14 height30 l_height30">배송비</th>
<td class="l_height30">2,500원 (5만원이상 무료배송)</td>
</tr>
<tr><td colspan="2" class="dotline"></td></tr>
<tr>
<th class="align_l txt14 height30">규격/단위</th>
<td class="l_height30">1박스 / 10봉입</td>
</tr>
<tr>
<th class="align_l txt14 height30 l_height30">브랜드</th>
<td class="l_height30">농심<a class="brand float_r"><span class="more block pl5 box120_28 l_height28 gray_line">브랜드바로가기</span></a></td>
</tr>
<tr><td colspan="2" class="dotline"></td></tr>
<tr>
<th class="align_l txt14 height30 l_height30">상품선택</th>
<td class="l_height30">
<div class="sit_ov_sel relative box340_30 gray_line" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/lhead01/location.png') 0 -85px no-repeat;">
<label for="opt" class="absolute ab_top_left10 width300 ellipsis pointer label_class" id='label_id' >선택</label>
<select id="opt" title="옵션선택" class="width_full height30 l_height30 p0_10 opacity0 pointer">
<option selected="selected">올리브 짜파게티 140gX20개입(멀티팩/1박스) + 25,000</option>
<option>올리브 짜파게티 140gX30개입(멀티팩/1박스)</option>
<option>올리브 짜파게티 140gX40개입(멀티팩/1박스)</option>
<option>사천 짜파게티 140gX20개입(멀티팩/1박스)</option>
<option>사천 짜파게티 140gX30개입(멀티팩/1박스)</option>
<option>사천 짜파게티 140gX40개입(멀티팩/1박스)</option>
</select>
</div>
<script>
$(function() {
var select = $("#opt, #opt_add");
select.change(function(){
var select_name = $(this).children("option:selected").text();
$(this).siblings("label").text(select_name);
});
});
</script>
</td>
</tr>
<tr><td colspan="2" class="dotline"></td></tr>
<tr>
<th class="align_l txt14 height30">추가구성상품</th>
<td class="l_height30">
<div class="sit_ov_sel relative box340_30 gray_line" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/lhead01/location.png') 0 -85px no-repeat;">
<label for="opt_add" class="absolute ab_top_left10 width300 ellipsis pointer">선택</label>
<select id="opt_add" title="옵션선택" class="width_full height30 l_height30 p0_10 opacity0 pointer">
<option selected="selected">너구리 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
<option>안성탕면 140gX20개입(멀티팩/1박스)</option>
<option>멸치칼국수 140gX20개입(멀티팩/1박스)</option>
<option>참치마요큰사발 140gX20개입(멀티팩/1박스)</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
<div class='opt_sel_class'>
<div id="sit_sel_option" class="mt10 width480 gray_line2">
<dl id="sit_opt_list" class="p10_20">
<dt class="mb10">
<span class="width400 ellipsis">올리브 짜파게티 140gX20개입(멀티팩/1박스)</span>
<a class="float_r qtydel box25" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -63px no-repeat;"><span class="screen_out">삭제</span></a>
</dt>
<dd class="float_l l_height25">
<label class="screen_out">수량</label>
<div class="relative box96_27 qtyArea">
<input type="text" title="구매수량" value="1" class="absolute ab_top_left27 box38_25 gray_line align_c">
<a class="absolute box28_25 ab_top_left64" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -39px no-repeat;"><span class="screen_out">증가</span></a>
<a class="absolute box28_25 ab_top_left" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -15px no-repeat;"><span class="screen_out">감소</span></a>
</div>
</dd>
<dd class="l_height25 align_r"><span class="cost3">17,900</span>원</dd>
</dl>
</div>
<div id="sit_sel_option" class="mt10 width480 gray_line2">
<dl id="sit_opt_list" class="p10_20">
<dt class="mb10">
<span class="width400 ellipsis">올리브 짜파게티 140gX20개입(멀티팩/1박스)</span>
<a class="float_r qtydel box25" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -63px no-repeat;"><span class="screen_out">삭제</span></a>
</dt>
<dd class="float_l l_height25">
<label class="screen_out">수량</label>
<div class="relative box96_27 qtyArea">
<input type="text" title="구매수량" value="1" class="absolute ab_top_left27 box38_25 gray_line align_c">
<a class="absolute box28_25 ab_top_left64" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -39px no-repeat;"><span class="screen_out">증가</span></a>
<a class="absolute box28_25 ab_top_left" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -15px no-repeat;"><span class="screen_out">감소</span></a>
</div>
</dd>
<dd class="l_height25 align_r"><span class="cost3">17,900</span>원</dd>
</dl>
</div>
</div> <!-- .opt_sel_class end-->
<div id="sit_tot_price" class="mt20">총 상품금액 :
<div class="float_r"><span class="gray">총 수량 1개 │</span><span class="ml10 cost2">17,500</span>원</div>
</div>
<!--<div id="sit_ov_soldout" class="mt20 red align_c txt15 bold">상품의 재고가 부족하여 구매할 수 없습니다.</div>-->
<div id="sit_ov_btn" class="block mt20">
<input type="submit" id="sit_btn_buy" value="바로구매" class="float_l box230_50 mr15 white txt15 bold line0 bg_custom1 pointer"/>
<input type="submit" id="sit_btn_cart" value="장바구니" class="float_l box170_50 mr15 white txt15 bold line0 bg_custom3 pointer"/><a id="sit_btn_wish" title="위시리스트" class="box50 txt15 bg_custom4" style="background:url('http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item.png') 0 -88px no-repeat;"><span class="screen_out">위시리스트</span></a>
</div>
</div><!-- 상품상세끝 #sit_ov -->
<div id="sit_rel" class="relative block float_l width200" style="height:auto !important;min-height:500px;">
<h2 class="pb10 mb10 txt15 gray_line_b">관련상품</h2>
<ul id="sit_rel_list">
<li class="relative float_l width200 pb5 mb5 gray_line_b2">
<div class="rel_img">
<a href=""><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box75 mr6 gray_line2"/></a>
</div>
<div class="rel_txt">
<a href="" class="absolute ab_top_left85">팔도 비빔면 140g x 5개입</a>
</div>
<div class="rel_cost">
<a href="" class="absolute ab_btm10_left85 cost3">34,800원</a>
</div>
</li>
<li class="relative float_l width200 pb5 mb5 gray_line_b2">
<div class="rel_img">
<a href=""><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box75 mr6 gray_line2"/></a>
</div>
<div class="rel_txt">
<a href="" class="absolute ab_top_left85">팔도 비빔면 140g x 5개입</a>
</div>
<div class="rel_cost">
<a href="" class="absolute ab_btm10_left85 cost3">34,800원</a>
</div>
</li>
<li class="relative float_l width200 pb5 mb5 gray_line_b2">
<div class="rel_img">
<a href=""><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box75 mr6 gray_line2"/></a>
</div>
<div class="rel_txt">
<a href="" class="absolute ab_top_left85">팔도 비빔면 140g x 5개입</a>
</div>
<div class="rel_cost">
<a href="" class="absolute ab_btm10_left85 cost3">34,800원</a>
</div>
</li>
<li class="relative float_l width200 pb5 mb5 gray_line_b2">
<div class="rel_img">
<a href=""><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box75 mr6 gray_line2"/></a>
</div>
<div class="rel_txt">
<a href="" class="absolute ab_top_left85">팔도 비빔면 140g x 5개입</a>
</div>
<div class="rel_cost">
<a href="" class="absolute ab_btm10_left85 cost3">34,800원</a>
</div>
</li>
<li class="relative float_l width200 pb5 mb5 gray_line_b2">
<div class="rel_img">
<a href=""><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box75 mr6 gray_line2"/></a>
</div>
<div class="rel_txt">
<a href="" class="absolute ab_top_left85">팔도 비빔면 140g x 5개입</a>
</div>
<div class="rel_cost">
<a href="" class="absolute ab_btm10_left85 cost3">34,800원</a>
</div>
</li>
<li class="relative float_l width200 pb5 mb5 gray_line_b2">
<div class="rel_img">
<a href=""><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/item1.jpg" class="box75 mr6 gray_line2"/></a>
</div>
<div class="rel_txt">
<a href="" class="absolute ab_top_left85">팔도 비빔면 140g x 5개입</a>
</div>
<div class="rel_cost">
<a href="" class="absolute ab_btm10_left85 cost3">34,800원</a>
</div>
</li>
</ul>
</div><!-- 관련상품끝 #sit_rel -->
<!--<div id="sit_siblings">이전상품 / 다음상품</div>-->
</div><!--#sit_ov_wrap-->
<div id="sit_view" class="relative mt50 mb50">
<!--스크롤이 내려가면 상단에 붙도록~ 추가할스타일 : position:fixed;top:0px;width:100%;-->
<div class="sit_view_tab" class="height50" style="/*z-index:10;*/">
<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">상세설명</li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab2">사용후기 <font class="custom2 bold">57</font></li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab3">상품문의 <font class="custom2 bold">12</font></li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab4">배송정보</li>
<li class="block float_l mr_1 box145_47 l_height47 align_c gray_l_line gray_r_line pointer" rel="tab5">교환/반품</li>
</ul>
</div>
<div id="tab1" class="tab_content pt20 none">
<p><img src="http://queens.co.kr/data/editor/1703/a5565838a223c61cf4e88bf5327e2779_1489107079_0042.png"><img src="http://queens.co.kr/data/editor/1702/62e020cbe84b4456d83d7e6daa7b9801_1486709885_7296.png"><img src="http://queens.co.kr/data/editor/1612/00c2fc782e1aaf74a2f621bdfe2a30ca_1481864238_4559.png"></p>
<div id="sit_info" class="mt50">
<h2 class="mb20 txt21">상품정보고시</h2>
<table class="width_full top_bold_line">
<colgroup>
<col class="width200"><col>
</colgroup>
<tbody>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">식품의 유형</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">양념수산물</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">생산자 및 소재지(수입품의 경우 수입자를 함께 표기)</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">
판매원 : (주)산무리 / 군산오징어
제조원 : (주)두리에프앤비 / 경기도 파주시 상지석길 340
</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">제조연월일, 유통기한 또는 품질유지기한</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">제조일부터 냉동보관시 1년 </td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">포장단위별 용량(중량), 수량</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">300g</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">원재료명 및 함량</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">
오징어(국산)70%, 혼합양념30%(고추장(소맥분,밀:미국산,호주산))<br>
고추가루(국산,중국산,베트남산)<br>
물엿(수입), 마늘(국산)
</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">영양성분</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">해당없음</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">유전자재조합식품 여부</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">해당없음</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">영유아식 또는 체중조절식품 등에 해당하는 경우</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">해당없음 </td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">수입식품 문구</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">해당없음</td>
</tr>
<tr>
<th class="pt10 pb10 txt14 normal align_l v_align_t gray_line_b2">소비자상담 관련 전화번호</th>
<td class="pt10 pb10 pl20 txt14 gray2 v_align_t gray_line_b2">그린스토어 고객센터: 1588-1234</td>
</tr>
</tbody>
</table>
</div><!-- #sit_info -->
</div><!-- #tab1 -->
<div id="tab2" class="tab_content none">
<div id="sit_use" class="mt50">
<h2 class="mb20 txt21">상품후기</h2>
<div id="sit_use_list" class="mb10 height40">
<p class="float_l block mt25">구매 후 상품후기 작성 시 <span class="custom1 bold">100p</span> / 포토후기 작성시 <span class="custom1 bold">500p</span>가 적립됩니다.</p>
<a class="float_r box100_40 align_c l_height40 bg_custom1"><span class="white bold">후기쓰기</span></a>
</div>
<table class="width_full top_bold_line">
<colgroup>
<col class="width140"><col class="width140"><col class="width520"><col class="width200"><col class="width200">
</colgroup>
<tbody>
<tr>
<th class="pt10 pb10 txt14 gray_line_b">번호</th>
<th class="pt10 pb10 txt14 gray_line_b">평점</th>
<th class="pt10 pb10 txt14 gray_line_b">제목</th>
<th class="pt10 pb10 txt14 gray_line_b">작성자</th>
<th class="pt10 pb10 txt14 gray_line_b">작성일</th>
</tr>
<tr>
<td colspan="6" class="p100_0 txt14 gray2 align_c gray_line_b2">상품후기가 없습니다.</td>
</tr>
<tr>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">340</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/s_star5.png" alt="별5"></td>
<td class="pt10 pb10 pl20 txt14 gray2 gray_line_b2"><a class="block width500">맛있어요~</a></td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">김은*</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">2017.10.10</td>
</tr>
<tr>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">339</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/s_star4.png" alt="별4"></td>
<td class="pt10 pb10 pl20 txt14 gray2 gray_line_b2"><a class="block width500">감사합니다~</a></td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">이현*</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">2017.10.10</td>
</tr>
<tr>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">338</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2"><img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/s_star2.png" alt="별2"></td>
<td class="pt10 pb10 pl20 txt14 gray2 gray_line_b2"><a class="block width500">잘받았어요~</a></td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">홍길*</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">2017.10.10</td>
</tr>
</tbody>
</table>
</div><!-- #sit_use -->
</div><!-- #tab2 -->
<div id="tab3" class="tab_content none">
<div id="sit_qna" class="mt50">
<h2 class="mb20 txt21">상품문의</h2>
<div id="sit_use_list" class="mb10 height40">
<p class="float_l block mt25">결제 및 배송, 주문취소에 대한 문의는 <span class="custom1 bold">마이페이지의 1:1문의</span>, 교환, 반품에 대한 문의는 <span class="custom1 bold">마이페이지의 교환/반품</span>을 이용해주세요.</p>
<a class="float_r box100_40 align_c l_height40 bg_custom1"><span class="white bold">상품문의하기</span></a>
</div>
<table class="width_full top_bold_line">
<colgroup>
<col class="width140"><col class="width140"><col class="width520"><col class="width200"><col class="width200">
</colgroup>
<tbody>
<tr>
<th class="pt10 pb10 txt14 gray_line_b">번호</th>
<th class="pt10 pb10 txt14 gray_line_b">카테고리</th>
<th class="pt10 pb10 txt14 gray_line_b">제목</th>
<th class="pt10 pb10 txt14 gray_line_b">작성자</th>
<th class="pt10 pb10 txt14 gray_line_b">작성일</th>
</tr>
<tr>
<td colspan="6" class="p100_0 txt14 gray2 align_c gray_line_b2">상품문의가 없습니다.</td>
</tr>
<tr>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">340</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">상품문의</td>
<td class="pt10 pb10 pl20 txt14 gray2 gray_line_b2"><a class="block width500">문의합니다. <img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/icon_lock.png" alt="비밀글"> (2)</a></td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">김은*</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">2017.10.10</td>
</tr>
<tr>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">339</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">상품문의</td>
<td class="pt10 pb10 pl20 txt14 gray2 gray_line_b2"><a class="block width500">문의요... <img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/icon_lock.png" alt="비밀글"> (2)</a></td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">이현*</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">2017.10.10</td>
</tr>
<tr>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">338</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">상품문의</td>
<td class="pt10 pb10 pl20 txt14 gray2 gray_line_b2"><a class="block width500">몇인분인가요? <img src="http://shop.mjsoft.co/j3/hjwcs3/img/sub01/icon_lock.png" alt="비밀글"> (1)</a></td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">홍길*</td>
<td class="pt10 pb10 txt14 gray2 align_c gray_line_b2">2017.10.10</td>
</tr>
</tbody>
</table>
</div><!-- #sit_qna -->
</div><!-- #tab3 -->
<div id="tab4" class="tab_content none">
<div id="sit_dvr" class="mt50">
<h2 class="mb20 txt21">배송정보</h2>
<p class="width_full line0 l_height25">
고객께서 주문하신 상품은 가장 안전하고 빠르게 배달되도록 노력하고 있습니다.<br>
구매하신 상품은 전국 어디서나 2-5일이내에 주문상품을 택배 또는 우편으로 받아보실 수 있습니다.<br>
30,000원이상 물품구매시 전제품 무료배송을 원칙으로 하고 있으며 단, 일부 제품의 경우 제주도나 도서지방은 별도의 배송비가 추가 됩니다.<br>
30,000원 이하 주문시에는 3,000원의 배송비가 추가됩니다.
</p>
</div><!-- #sit_dvr -->
</div><!-- #tab4 -->
<div id="tab5" class="tab_content none">
<div id="sit_dvr" class="mt50">
<h2 class="mb20 txt21">주문취소/반품/환불/AS</h2>
<p class="width_full line0 l_height25">
주문 후 주문상품이 발송되기 전에는 주문내용을 취소하실 수 있습니다.<br>
주문취소를 하실 때에는 전화로 주문번호나 성함을 알려주시면 주문이 취소됩니다.<br>
배송상품에 하자가 있는 경우 상품인수후 20일 이내에는 언제든지 교환,반품,환불 받으실 수 있습니다.<br>
하자가 없는 경우에는 상품인수후 1주일이내에 반품하실 수 있으며, 이때 상품을 배달 당시의 상태 그대로 반송하셔야 하며 반송비는 고객부담입니다.<br>
주문내용을 변경하고자 하실 경우에는 상품발송 전에는 변경된 내용으로 다시 주문하시거나 전화나 이메일을 이용하실 수 있으며,상품이 발송된 후에는 반품/교환의 절차에 따라 변경하실 수 있습니다.<br>
A/S는 품목에 따라 다소 차이는 있으나 제조원에서 정한대로 확실한 A/S를 보장하며, 구입하신 제품의 경우 대행해서 모든 부분을 친절히 상담해 드릴 것입니다.
</p>
</div><!-- #sit_ex -->
</div><!-- #tab5 -->
<script>
$(function () {
$(".tab_content:first").show();
$("#tabs li").click(function () {
$("#tabs li").removeClass("active").css("background-color", "#f8f8f8").css("border-bottom", "1px solid #ccc");
$(this).addClass("active").css("background-color", "#FFF").css("border-bottom", "1px solid #FFF");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#" + activeTab).fadeIn();
});
$(window).scroll(function(){
$v = $("#sit_view").position();
$v_top = parseInt($v.top);
$scr_top = $(window).scrollTop();
//alert($v_top+" "+$scr_top);
console.log($v_top+" "+$scr_top);
if($v_top+255<$scr_top){
$(".sit_view_tab").css("position","fixed").css("top","0px");
} else {
$(".sit_view_tab").css("position","").css("top","");
}
});
});
</script>
</div><!--#sit_view-->
</div><!--#sit-->
</div><!-- #wrapper -->
</div><!-- #container -->
<?php
include_once($j3_shop_path."/shop_footer.php");
?>
|