<section class="pos_rel section_pad" id="news_area">
	<div class="pos_abs bg_box"<?# newsStyle ?>></div>
	<div class="pos_rel workframe">
		<h2 class="talign_center effect_box title_box"><font class="pos_rel d_inblock"><span class="pos_abs d_block"></span><b class="pos_rel d_inblock talign_center txt_secondary_5"><?# indexNTitle ?></b></font></h2>
		<div class="list_box">
			<ul class="nowrap_box">
				<php:repeater id="listN">
				<template>
				<li>
					<div class="pos_rel row">
						<p class="txt_black_5 time"><?# OnlineDY ?>.<?# OnlineDM ?>.<?# OnlineDD ?></p>
						<div class="over_hid pos_rel effect_box img_show"><img class="pos_rel img_cover" src="<?# Image ?>" alt="<?# Title ?>" /></div>
                        <h3 class="pos_rel txt_clamp txt_secondary_5"><?# Title ?></h3>
						<p class="pos_rel more"><font>READ</font><svg><use xlink:href="/svg/43/icons.svg#arrow"></use></svg></p>
						<a class="pos_abs d_block atag_item" href="<?# link ?>" title="<?# Title ?>"></a>
					</div>
				</li>
				</template>
				</php:repeater>
			</ul>
		</div>
    </div>
</section>
<script>
	$(function(){
		$('#news_area .list_box ul').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 600,
			slidesToShow: 3,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 1025,
				settings: { slidesToShow: 2 }
			},{
				breakpoint: 641,
				settings: { slidesToShow: 1 }
			}]
		});
	});
</script>