{*** ¸ð¹ÙÀÏ ¸ÞÀÎÆäÀÌÁö | index.php ***}
{#header}
<style>
#header .btn_back {display: none;}
.top_gnb {display: none;}
.content {padding-top: 0;}
.main_visual_wrap {display: flex;}
#main_visual {width: 63%;}
#main_visual  .owl-dots .owl-dot.active span {background:#fbb03b;}
#main_visual  .owl-dots .owl-dot span {background:#dadada; margin: 5px 2px; width: 6px; height: 6px;}
.main_banner_wrap {width: 37%;}
.main_banner_wrap img {width: 100%; height: 33.33%;}

.quick_box_1, .quick_box_2 {display: flex; flex-wrap: wrap;}
.quick_box_1 > div {width: 50%;}
.quick_box_1 img {width: 100%;}

.quick_box_2 > div {width: 25%;}
.quick_box_2 img {width: 100%;}

#header .left_box > a.gnb_home {display: none;}
#header .left_box > a.gnb_mypage {display: inline-block;}
</style>
<!-- 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>
<!-- carousel only // 20141004 taegun yoon  -->


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

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

	}
</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>
<!--
¿À´Ã ÇÏ·ç º¸ÀÌÁö ¾ÊÀ½ <input type="checkbox" style="cursor:pointer; background-color:#000000;" onClick="setCookieMobile('popup', 1, 1, '/'); $('div#popup').hide();">
-->
<div id="background"></div>
<!--{ / }-->
<!--{ / }-->


<div class="main_visual_wrap">
	<!-- carousel -->
	<div class="owl-carousel" id="main_visual">
		<!-- ¸ð¹ÙÀÏ À̹ÌÁö ¹è³Ê (¹è³Ê°ü¸®¿¡¼­ ¼öÁ¤°¡´É) --><!--{@dataBanner(152)}--><div class="item">{.tag}</div><!--{ / }-->
	</div>
	<!-- carousel //-->
	<div class="main_banner_wrap"><!--{@dataBanner(153)}-->{.tag}<!--{ / }--></div>
</div>

<section id="main" class="content" style="text-align: center;">
	<div class="quick_box_1">
		<div class="new"><a href="./goods/goods_grp_02.php"><img src="./common/renewal/main/main_01.jpg" /></a></div>
		<div class="best"><a href="./goods/goods_grp_03.php"><img src="./common/renewal/main/main_02.jpg" /></a></div>
		<div class="recomm"><a href="./goods/goods_grp_01.php"><img src="./common/renewal/main/main_03.jpg" /></a></div>
		<div class="sale"><a href="./goods/list.php?kw=%C7%D2%C0%CE"><img src="./common/renewal/main/main_04.jpg" /></a></div>
	</div>
	<div class="quick_box_2">
		<div><a href="./board/list.php?id=notice"><img src="./common/renewal/main/main_s_01.jpg" /></a></div>
		<div><a href="./proc/faq.php"><img src="./common/renewal/main/main_s_02.jpg" /></a></div>
		<div><a href="./board/write.php?id=suggest"><img src="./common/renewal/main/main_s_03.jpg" /></a></div>
		<div><a href="./myp/qna.php"><img src="./common/renewal/main/main_s_04.jpg" /></a></div>
	</div>

	<div class="main_cscenter" style="display: inline-block;">
		<h3><img src="./common/renewal/cs_icon.png" /> C/S CENTER</h3>
		<p class="call">031-765-1288</p>
		<dl>
			<dt>ÆòÀÏ</dt><dd>AM 9:30 ~ PM 17:30<p>(ÁÖ¸»/°øÈÞÀÏ ÈÞ¹«)</p></dd>
		</dl>
		<dl>
			<dt>Á¡½É</dt><dd>PM 12:30 ~ PM13:30</dd>
		</dl>
		<dl>
			<dt>À̸ÞÀÏ</dt> <dd>vinobread@naver.com</dd>
		</dl>
	</div>
	<div class="main_cscenter"> 
		<h3><img src="./common/renewal/bank_icon.png" /> BANK</h3>
		<dl>
			<dt>¿¹±ÝÁÖ &nbsp;&nbsp;¢ßÄÉÀ̾ØÇÇ</dt>
			<dd>
				<p><em>±¹¹Î</em>99-755-128949</p>
				<p><em>½ÅÇÑ</em>100-030-328500</p>
				<p><em>³óÇù</em>301-0157-9529-71</p>
			</dd>
		</dl>
	</div>

</section> 
<!-- ÀÌ ¾Æ·¡ ÅÛÇø´ ¼Ò½ºÄÚµå ¸¦ ºÙ¿© ³ÖÀ¸¼¼¿ä. -->

<!-- Ç°Àý»óÇ° ¸¶½ºÅ© -->
<div id="el-goods-soldout-image-mask" style="display:none;position:absolute;top:0;left:0;background:url({ ? _cfg_soldout.mobile_display_overlay == 'custom'}{_cfg.rootDir}/data/goods/icon/mobile_custom_soldout{:}{_cfg.rootDir}/data/goods/icon/mobile_icon_soldout{_cfg_soldout.mobile_display_overlay}{/}) no-repeat center center; background-size:cover;"></div>

<script>
addOnloadEvent(function(){ setGoodsImageSoldoutMask() });
</script>

{#footer}