<section id="newsBox">
	<div class="bg"<?# newsStyle ?>></div>
	<div class="info">
		<h2 class="tit row"><a href="<?# indexNMLink ?>" title="<?# indexNMLinkTitle ?>"><?# indexNTitle ?></a></h2>
		<div class="row">
			<ul>
				<php:repeater id="listN">
				<template>
				<li>
					<a href="<?# link ?>" title="<?# Title ?>"></a>
					<p class="time"><?# OnlineDY ?>.<?# OnlineDM ?>.<?# OnlineDD ?></p>
					<p class="txt text-clamp"><?# Title ?></p>
					<font class="noBox"><?# NO ?></font>
				</li>
				</template>
				</php:repeater>
			</ul>
		</div>
		<div class="btn">
			<a id="prevBtn" href="javascript:void(0);" title="PREV"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.99 15.97" class="arrow"><path d="M26.38 6.45h-.01L19.6 0l-1.61 1.53 5.73 5.46H0v2h23.71l-5.72 5.45 1.61 1.53 8.39-7.98z"></path></svg></a>
			<font><span>/</span><span><?# countN ?></span></font>
			<a id="nextBtn" href="javascript:void(0);" title="NEXT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.99 15.97" class="arrow"><path d="M26.38 6.45h-.01L19.6 0l-1.61 1.53 5.73 5.46H0v2h23.71l-5.72 5.45 1.61 1.53 8.39-7.98z"></path></svg></a>
		</div>
	</div>
</section>
<script>
	$(function(){
		$('#newsBox ul').slick({
			autoplay: true,
			infinite: true,
			speed: 300,
			fade: true,
			prevArrow:$("#prevBtn"),
			nextArrow:$("#nextBtn")
		});
	});
</script>