{*** ¸ð¹ÙÀÏ ¸ÞÀÎÆäÀÌÁö | index.php ***}
{#header}

<!-- carousel only // 20141004 taegun yoon  -->
<link rel="stylesheet" href="common/css/owl.carousel.min.css">
<link rel="stylesheet" href="common/css/owl.theme.default.css">
<script src="common/js/jquery-1.10.1.min.js"></script>
<script src="common/js/owl.carousel.js"></script>
<script src='common/js/jquery.touchSlider-201308.js' type="text/javascript"></script>
<script src='/shop/data/skin_mobileV2/mungu/js/ajax.js' type="text/javascript"></script>

<!-- carousel only // 20141004 taegun yoon  -->
<style>
#footer .foot_cs .foot_cs02 {width:93.75%;margin:0 auto;padding:24px 0 22px 0;display:block;}

	div#app_down {display:block;}
	.main_bn img {width:100%;height:auto;}
	div#index_top {display:block;}
	div#wrap .search-area {display:block;}
	#mainb-section {
		margin: 3px 17px 30px;
		position:static;
		height:50%;
	}
	.mainb-list {
		margin: 0 auto;
		position: relative;
		overflow: visible;
		min-height: 197px;
		margin-bottom:5px;

	}
	.mainb-list li {
		display: block;
		position: absolute;
		top: 0px;
		padding: 0;
	}
	.mainb-list li div{
		display: block;
		margin:5px;
		height:40%;
		padding:3px;
		border:1px solid #ccc;
		text-align:center;
	}
	.mainb-list li p{
		display: block;
		width:100%;
		padding:3px 3px 3px 13px;
		text-align:left;
	}
	.mainb-list div a {
		-webkit-tap-highlight-color: transparent;
		display: block;
	}
	.mainb-deal {
		width: auto;
		background: transparent;
		-webkit-tap-highlight-color: transparent;
		padding: 0 5px;
		box-shadow: none;
	}
	.mainb-img {
		display: inline;
		width: auto;
		min-width: inherit;
		height: auto;
		margin: 0 auto;
		/*background: url(//imgs.coupangcdn.com/image/mobile/v3/bg_thumb.png) 50% 50% no-repeat rgba(235,238,243,0.9);
		background-size: 100% auto;*/
	}
	.mainb-img img {
		min-width: inherit;
		min-height: 190px;
	}
	.mainb-indicator {
		position: relative;
		left: 0px;
		top:15px;
		width: 100%;
		height: 12px;
		padding: 4px 0;
		text-align: center;
		z-index: 2;
	}
	.mainb-indicator li {
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: 3px;
		padding: 0;
		border-radius: 3px;
		background-color: #b4b6bd;
	}
	.mainb-indicator li.on{
		background-color:#e51217
	}
	.price {font-weight:bold;color:#cc0033;font-size:15px}

</style>
<script type="text/javascript">
function closePop() {
	$("#popup").hide();
	$("#background").hide();
}

function closeTodayPop(popupNo) {
	setCookieMobile('popup_'+popupNo, 1, 1, '/');
	$("#popup").hide();
	$("#background").hide();

}

/* ¸ÞÀÎ º£½ºÆ® ¾ÆÀÌÅÛ */
	var ajaxObjects = new Array();

	function listRefresh(page,add) {
		var ajaxIndex = ajaxObjects.length;
		ajaxObjects[ajaxIndex] = new sack();
		ajaxObjects[ajaxIndex].method = "GET";
		ajaxObjects[ajaxIndex].setVar("page", page);
		ajaxObjects[ajaxIndex].requestFile = "/m2/eAPI/main_ajax.php";	
		ajaxObjects[ajaxIndex].onCompletion = function() { listRefreshComplete(ajaxIndex,add); } ;
		ajaxObjects[ajaxIndex].runAJAX();
	}

	//¸ÞÀÎ º£½ºÆ®  °»½Å¿Ï·á
	function listRefreshComplete(index,add){
	   var result=ajaxObjects[index].response;
	   var aval=result.split("##");
	   if (add==1)   {
		   var listValue=  $("#divGoodsList").html()
		   $("#divGoodsList").html(listValue + aval[0])

	   } else {
		   $("#divGoodsList").html(aval[0])

	   }
	   $("#pageNavi").focus()
	   $("#pageNavi").html(aval[1])
	}

    $(document).ready(function() {

			 /* ¸ÞÀηѸµ ½ºÅ©¸³Æ® */
            var panelTime;

            $("#mainbList").touchSlider({
                speed : 400,
                flexible : true,
                rolling : true,
                page : 1,
                initComplete : function (e) {
                    $("#mainbIndicator").html("");
                    $("#mainbList ul li").each(function (i, el) {
                        if((i+1) % e._view == 0) {
                            $("#mainbIndicator").append('<li></li>');
                        }
                    });
                    $('#mainbList img').load(function(){$(window).trigger('resize')});
                },
                counter : function (e) {
                    $("#mainbIndicator li").removeClass("on").eq(e.current-1).addClass("on");
                    clearInterval(panelTime);
                    panelTime = setInterval(function(){$("#mainbList").get(0).animate(-1,true)},3000);
                },
                custom : function (){
                    clearInterval(panelTime);
                },
                onTouchEnd : function() {
                }
            });

            panelTime = setInterval(function(){$("#mainbList").get(0).animate(-1,true)},5000);
			var winHeight = $("#mainbList img").eq(0).height()
            $(window).bind({
                resize : function() {
                    $("#mainbList img").height(winHeight );
                    $("#mainbList").height( parseInt(winHeight + 40) );
                },
                load : function() {
                    $("#mainbList img").height(winHeight);
                    $("#mainbList").height(parseInt(winHeight + 40));
                }
            });

			listRefresh('1','0')

    });

</script>
<!--{ ? popup_data }-->
<!--{ ? isset(_COOKIE['popup_'+popup_data.mpopup_no]) === false }-->
<div id="popup" >

<div class="popup_wrap">
<!--{ ? popup_data.link_url }-->
<a href="http://{=popup_data.link_url}">
<!--{ / }-->
<div class="popup_content">
	<!--{ ? popup_data.popup_type == '0' }-->
	{=popup_data.popup_img}
	<!--{ : }-->
	{=popup_data.popup_body}
	<!--{ / }-->
</div>
<!--{ ? popup_data.link_url }-->
</a>
<!--{ / }-->
<div class="popup_btn">
	<div class="btn-today-close" onClick="javascript:closeTodayPop('{popup_data.mpopup_no}');">¿À´ÃÇÏ·ç ´Ý±â</div>
	<div class="btn-close" onClick="javascript:closePop();">´Ý±â</div>
</div>
</div>

</div>

<div id="background"></div>
<!--{ / }-->
<!--{ / }-->

<section id="main" class="content" >
	<audio id="speach-description-player"></audio>

	<!-- ¸ð¹ÙÀÏ ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö-->
	<div id="mainb-section" >
		<div id="mainbList" class="mainb-list">
		<ul>
	   <!--{ @ loop }-->
			<li> <div>
				<a href="/m2/goods/view.php?goodsno={.goodsno}" class="mainb-deal"><span class="mainb-img"><img src="{.goods_img}" width=50% alt=""/></span></a>
					<p >
					  <span><!--{=strcut(.goodsnm,45)}--></span><br>
					  <span><del><!--{.goods_consumer}--></del></span><span class='price'> <!--{.goods_price}--></b></span>				
					</p>
				</div>
			</li>
		<!--{ / }-->        
		</ul>
		</div>
		<ul id="mainbIndicator" class="mainb-indicator"></ul>
	</div>


<div class="main_bn"><a href="/m2/goods/list.php?category=031001007#6366"><img src="/shop/data/skin_mobileV2/mungu/common/img_light2/main_bn01.jpg" alt=""></a></div>
    <!-- º£½ºÆ® ¾ÆÀÌÅÛ. -->
    <div class="list_goodsscroll" id="goodsscroll-2">
    	<div class="list_title"><div class="title">BEST ITEM</div></div>
        <div id="swipe_gs-2">
            <div class="list_content" id='divGoodsList'>
            </div>
        </div>
    </div>
    <div  id='pageNavi'></div> <!-- º£Æ®½º ¾ÆÀÌÅÛ PAGEING ¹öÆ°-->

</section>

{#footer}