<div id="aboutFunc">
	<div class="speBox">
		<div class="youtubebox">
			<div id="youtube" style="background-image:url(<?# aboutImage ?>);">
				<div class="useU2">
					<div class="UTwo"><?# youtubeHTML ?></div>
				</div>
			</div>
		</div>
		<div id="about-slide">
			<div>
				<div class="about">
					<h2 class="speBoxTitle"><?# indexAboutTitle1 ?></h2>
					<h3 class="subBoxTitle"><?# indexAboutTitle2 ?></h3>
					<p class="arts"><?# aboutIntroduction ?></p>
					<?# GoogleSearch ?>
					<h4 class="more"<?# indexAboutLinkStyle ?>><a href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><?# indexAboutLinkT ?></a></h4>
				</div>
			</div>
			<php:repeater id="listCI">
			<template>
			<div>
				<div class="free">
					<h3><?# customTitle ?></h3>
					<p><?# customContent ?></p>
				</div>
			</div>
			</template>
			</php:repeater>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('#about-slide').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: false,
			arrows: true,
			dots:true,fade: true,
			cssEase: 'linear'
		});
	});
</script>