{@
	$li = $layout_info;
	
	if($li->index_page):
		$_index_page = explode(',',$li->index_page);
		if(in_array($mid,$_index_page)) $_content_home='h';
	endif;
	
	if($li->content_type_noside):
		$_content_type_noside = explode(',',$li->content_type_noside);
		if(in_array($mid,$_content_type_noside)) $_content_type_noside='Y';
	endif;
	
	// member act
	$_act = array('dispMemberModifyPassword','dispMemberSignUpForm','dispMemberModifyInfo','dispMemberModifyEmailAddress','dispMemberGetTempPassword','dipMemberResendAuthMail','dispMemberLoginForm','dispMemberFindAccount','dispMemberLeave','procMemberLogin','procMemberModifyPassword','prcMemberInsert','procMemberModifyInfo','procMemberFindAccount','procMemberModifyEmailAddress','procMemberUpdateAuthMail','procMemberResenAuthMail','procMemberLeave','dispMemberInfo','dispMemberResendAuthMail','dispMemberScrappedDocument','dispMemberSavedDocument','dispMemberOwnDocument','dispCommunicationFriend','dispCommunicationMessages','dispSocialxeSocialInfo','dispSocialxeLoginForm','dispLayoutAdminModify','dispPageAdminInfo','IS');
	if(in_array($act,$_act)) $act_on='1';

}

<!-- // browser //-->
<!--@if(preg_match("/MSIE 8.0/",getenv("HTTP_USER_AGENT")))-->
	{@ $IE='8'; $OIE='1' }
<!--@else if(preg_match("/MSIE 7.0/",getenv("HTTP_USER_AGENT")))-->
	{@ $IE='7'; $OIE='1' }
<!--@end-->
<!--@if(preg_match('/iPod|iPhone|Android|BlackBerry|SymbianOS|Bada|Kindle|Wii|SCH-|SPH-|CANU-|Windows Phone|Windows CE|POLARIS|Palm|Dorothy Browser|Mobile|Opera Mobi|Opera Mini|Minimo|AvantGo|NetFront|Nokia|LGPlayer|SonyEricsson|HTC/',getenv('HTTP_USER_AGENT')))-->
	{@ $smart='mobile'}
<!--@else if(preg_match('/iPad/',getenv('HTTP_USER_AGENT')))-->
	{@ $smart='iPad'}
<!--@end-->

<!-- // mobile responsive //-->
{@Context::addHtmlHeader('<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes" />')}


<!--// Default Layout Setting -->
<block cond="!$li->logo_url">{@ $li->logo_url = getSiteUrl()}</block>

<!-- Demo Setting -->
<include target="demo.html" cond="$li->demo=='Y'" />

<!--// Selected Nav //-->
<block loop="$main_menu->list=>$key,$val" cond="$val['selected']">{@ $menu1 = $val }</block>
<block loop="$menu1['list']=>$key,$val" cond="$val['selected']">{@ $menu2 = $val }</block>
<block loop="$menu2['list']=>$key,$val" cond="$val['selected']">{@ $menu3 = $val }</block>
<block loop="$bottom_menu->list=>$key,$val" cond="$val['selected']">{@ $b_menu = $val }</block>

<!-- // css //-->
<load target="https://s3.amazonaws.com/icomoon.io/49314/XEIconv12/style.css" />
<load target="css/reset.css" />
<load target="css/css3-radius.css" cond="!$OIE" />
<load target="css/selecter.css" />
<load target="css/camera.css" />
<load target="css/layout.css" />
<load target="css/animate.min.css" />
<load target="css/responsive.css" />


<!-- // js //-->
<load target="js/viewportchecker.js" />
<load target="js/modernizr.custom.js" />
<load target="js/jquery.ui.totop.js" />
<load target="js/jquery.easing.1.3.js" />
<load target="js/jquery.mobile.customized.min.js" />
<load target="js/camera.min.js" />
<load target="js/jquery.fs.selecter.min.js" />
<load target="js/ie/placeholders.min.js" cond="$OIE" />
<load target="js/ie/selectivizr-min.js" cond="$OIE" />
<load target="js/ie/respond.min.js" cond="$OIE" />
<load target="js/layout.js" />


<style type="text/css">

<!--@if($li->section4_ParallBg)-->
	.parallax {
		background-image: url({$li->section4_ParallBg});
	}
<!--@end-->
<!--@if($smart=='mobile' || $smart=='iPad')-->
	.parallax {
		-webkit-background-size: cover; 
	}
<!--@end-->

/* background color */
#xet_header.header_down,
.cameraSlide,
.xet_section .themebg,
.xet_section.parallax,
.xet_sns a,
.xet_layout_btn:hover,
.xet_lnb_title,
ul.xet_lnb li a:hover, 
ul.xet_lnb li a.on,
#xet_top_scroll {
	background-color: {$li->theme_color_custom};
}

/* color */
.xet_section,
#xet_footer,
.xet_footer_nav li a,
.xet_layout_btn,
.xet_layout_btn.w:hover,
.xet_sns a:hover,
.xet_side_widget .h3,
.breadcrumb_wrp a,
.breadcrumb_wrp ul li:after,
.xet_footer_nav > li:after {
	color: {$li->theme_color_custom};
}

/* border color */
.xet_section .xet_icon,
.xet_sns a,
.xet_layout_btn {
	border-color: {$li->theme_color_custom};
}
</style>

<script>
(function($) {
	$(window).load(function() {			
		$('#camera').camera({
			loader				: 'none',
			fx					: 'simpleFade',			
			height			: '<!--@if($li->slider_height)-->{$li->slider_height}<!--@else--><!--@if($smart=='mobile')-->80%<!--@else-->50%<!--@end--><!--@end-->',		
			autoAdvance : <!--@if($li->slider_play!='N')-->true<!--@else-->false<!--@end-->,	
			mobileAutoAdvance : <!--@if($li->slider_play!='N')-->true<!--@else-->false<!--@end-->,
			navigation			: <!--@if($li->slider_nav=='Y')-->true<!--@else-->false<!--@end-->,
			navigationHover: true,
			opacityOnGrid		: false,	
			overlayer			: false,	
			pagination			: false,			
			playPause			: false,			
			pauseOnClick		: false,			
			portrait			: false, 				
			time				: <!--@if($li->slider_time)-->{$li->slider_time}<!--@else-->3000<!--@end-->,		
			transPeriod			: 1500,
			thumbnails: false
		});			
	});
})(jQuery);
</script>