<section class="pos_rel" id="about_area">
	<div class="pos_rel workframe nowrap_box">
		<div class="row col_lg_offset_7 d_lg_inblock img_box">
			<div class="col_lg_11" id="photo_list">
				<div class="over_hid pos_rel img_scale"><a class="over_hid pos_rel d_inblock" href="<?# aboutLink ?>" title="<?# indexAboutTitle2 ?>"><img class="img_cover" src="<?# aboutImage ?>" alt="<?# indexAboutTitle2 ?>" /></a></div>
				<php:repeater id="listP">
				<template>
				<div class="img_scale"><a class="over_hid pos_rel d_inblock" href="<?# Link ?>" title="<?# Title ?>"><img class="img_cover" src="<?# Image ?>" alt="<?# Title ?>" /></a></div>
				</template>
				</php:repeater>
			</div>
			<?# GoogleSearch ?>
		</div>
		<div class="pos_rel row col_lg_offset_5 d_inblock info_box">
			<div class="title_box">
				<p class="txt_primary_5 sub_title"><?# indexAboutTitle2 ?></p>
				<h2 class="txt_secondary_5 area_title"><?# indexAboutTitle1 ?></h2>
			</div>
			<article><?# aboutIntroduction ?></article>
			<a class="over_hid pos_rel d_inblock more_btn bg_primary_5 txt_white_4" href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><?# indexAboutLinkT ?></a>
		</div>
    </div>
</section>
<script>
	$(function(){
		$('#photo_list').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear'
		});
	});
</script>